@charset "utf-8";
/* CSS Document */
.in_center{width:1200px; height: auto; margin: 0 auto;}
.top_w{width: 100%; height: 100px; background: #fff; position:fixed; top: 0px; left: 0px; z-index: 999;}
.top_h{width: 100%; height: 100px; overflow: hidden;}
.top{width: 1200px; height: 100px; margin: 0 auto; position: relative; overflow: hidden;}
.logo{width: 139px; height: 63px; float: left; margin-top: 18px; overflow: hidden;}
.nav{width: 860px; height: 100px; line-height: 100px; font-size: 16px; text-align: center; float: left; overflow: hidden;}
.nav a{color: #333333; margin: 0 23px;}
.nav a:hover{color: #ff235b; font-weight: bold;}
.nav .nuw{color:#ff235b; font-weight: bold;}
.tel{width: 200px; height: 100px; line-height: 100px; float: right; background: url(../images/tel.png) left center no-repeat; font-size: 24px; color: #ff235b; text-align: right; font-family: "苹方 常规", "苹方 中等", "苹方 细体", "苹方 粗体";}

/* mobile nav 触发样式 */
.c_nav{width:40px; height: 38px; background: #ff2766; border-radius: 5px; overflow: hidden; position: absolute; top: 50%; right: 0; z-index: 999; margin-top: -20px; cursor: pointer; display:none; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center;}
.c_nav span{display: block; width:30px; height: 3px; background: #fff; margin:2px auto; overflow: hidden; transform:rotate(0deg); transition: all .4s ease 0s;}
.c_nuw span:nth-child(1){transform:rotateZ(45deg)translate(5px,5px); width:36px;}
.c_nuw span:nth-child(2){transform:rotateY(180deg); opacity: 0;}
.c_nuw span:nth-child(3){transform:rotateZ(-45deg)translate(5px,-5px); width:36px;}

/**/
.in_banner{width:100%; height:640px; line-height: 0; position: relative;margin:0 auto; overflow: hidden;}
.in_banner .swiper-slide{position: relative; line-height: 0; width: 100%; height: 100%;}
.in_banner .swiper-slide a{display: block; width: 100%; height: 100%;}
.in_banner .in_bannera{ height:8px; position: absolute; bottom:13px; text-align: center; z-index: 10;}
.in_banner .in_bannera .swiper-pagination-bullet{ width:8px; height:8px; border-radius:0px; vertical-align: top; background:#ff235b; opacity: 1; transition: all .6s ease 0s; margin:0 3px;}
.in_banner .in_bannera  .swiper-pagination-bullet-active{ opacity: 1; background: #000000;}


.in_title{width: 100%;  height: 65px; text-align: center; font-weight: bold; color: #525252; font-size: 24px; margin: 40px auto 35px; overflow: hidden;}
.in_title div{width: 100%; height: 40px; line-height: 40px; font-weight: 100; text-transform: uppercase; color: #999; position: relative;} 
.in_title div em{width:100%; height: 1px; background: #dfdfdf; position: absolute; top: 50%; left: 0; z-index: 1;}
.in_title div span{background: #fff; display: inline-block; vertical-align: top; position: relative; z-index: 2; padding: 0 20px;}

.in_pronav{width: 100%; height: 56px; line-height: 56px; text-align: center; font-size: 0; overflow: hidden;}
.in_pronav a{display: inline-block; vertical-align: top; width: 195px; height: 56px; text-align: center; font-size: 16px; border: 1px solid #e2e2e2; margin: 0 3px; overflow: hidden;}
.in_pronav a span{display: inline-block; vertical-align: middle; line-height: 0; margin-right: 20px;}
.in_pronav a span img:nth-child(2){display: none;}
.in_pronav a:hover{background: #ff235b; border-color: #ff235b; color: #fff;}
.in_pronav a:hover span img:nth-child(1){display: none;}
.in_pronav a:hover span img:nth-child(2){display: block;}
.in_pronav .inpronuw{background: #ff235b; border-color: #ff235b; color: #fff;}
.in_pronav .inpronuw span img:nth-child(1){display: none;}
.in_pronav .inpronuw span img:nth-child(2){display: block;}

.in_pronava{width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 14px; color: #525252; overflow: hidden;}
.in_pronava a{margin-right: 25px; transition: all .6s ease-in 0s;}
.in_pronava a:before{content: "|"; color: #ccc; margin-right: 25px;}
.in_pronava a:hover{color: #ff235b;}
.in_pronava .in_pronuwa{color: #ff235b;}

.js_chenga{display: none;}
.js_chenga:nth-child(3){display: block;}
.js_nr{display: none;}
.js_nr:nth-child(2){display: block;}
.in_proul{ width: 100%; height: auto; margin: 0 auto 35px; overflow: hidden;}
.in_proli{width: 284px; height: 434px; float: left; margin-right: 21px; overflow: hidden;}
.in_proliimg{width: 100%; height: 379px; position: relative; overflow: hidden;}
.in_prolia{width: 100%; height: 100%; padding: 6px 8px; position: absolute; top: 0; left: 0; background: rgba(0,0,0,.5); z-index: 3; transform: scaleX(0); opacity: 0; transition: all .6s ease .4s;}
.in_proliaa{width: 100%; height: 100%; border: 1px solid #e2e2e2; padding: 0 30px; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; color: #fff; transform: scaleY(0); opacity: 0;  transition: all .6s ease 0s;}
.in_proliaa h2{font-size: 16px; width: 100%;}
.in_proliaa div{font-size: 14px; line-height: 24px; margin: 35px 0; width: 100%;}
.in_proliaa span{display: block; width: 142px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #ffffff; text-transform: uppercase;}
.in_prolitxt{width: 100%; height: 55px; line-height: 55px; text-align: center; font-size: 16px; color: #525252; transition: all .6s ease-in 0s; overflow: hidden;}
.in_proli:hover .in_prolia{transform: scaleX(1); opacity: 1; transition: all .6s ease 0s;}
.in_proli:hover .in_proliaa{ transform: scaleY(1); opacity: 1; transition: all .6s ease .4s;}
.in_proli:hover .in_prolitxt{opacity: 0;}
.in_proli:nth-child(4n){margin-right: 0;}

.in_bg{width: 100%; height: auto; background: #f2f2f2; overflow: hidden; padding: 75px 0 45px;}
.in_aboutleft{width:775px; height: auto; float: left; overflow: hidden;}
.in_abouta{display: inline-block; vertical-align: top; border-bottom: 3px solid #ff0032; font-size: 24px; font-weight: bold; color: #525252; overflow: hidden;}
.in_abouta p{font-weight: 100; text-transform: uppercase; color: #999; margin: 10px 0 15px;}
.in_aboutb{width: 100%; height: auto; font-size: 14px; line-height: 30px; color: #525252; margin: 10px 0 40px; overflow: hidden;}
.in_aboutb a{color: #ff235b;}

.in_aboutul{width: 100%; height: auto; overflow: hidden;}
.in_aboutli{width: 171px; height: 171px; float: left; margin-right: 30px; color: #fff; font-size: 18px; text-transform: uppercase; padding-top: 90px; text-align: center; transition: all .6s ease 0s; overflow: hidden;}
.in_aboutli a{color: #fff;}
.in_aboutli p{font-size: 14px; margin-top: 5px;}
.in_aboutli:nth-child(1){ background: url(../images/in5.png) center center no-repeat #ff235b;}
.in_aboutli:nth-child(2){ background: url(../images/in6.png) center center no-repeat #51d4cc;}
.in_aboutli:nth-child(3){ background: url(../images/in7.png) center center no-repeat #ffb35c;}
.in_aboutli:nth-child(4){ background: url(../images/in8.png) center center no-repeat #84bd5d; margin-right: 0;}
.in_aboutli:hover{transform:rotate(360deg) scale(.9);}

.in_aboutimg{width: 353px; height: auto; float: right; overflow: hidden;}
.in_aboutimgli{width:353px; height: 471px; border: 1px solid #d1d1d1; overflow: hidden;}
.in_aboutimgli img{width: 100%; height: 100%;}
.in_aboutimgl,.in_aboutimgr{width: 26px; height: 26px; line-height: 26px; text-align: center; background: #ebebeb; float: right; transition: all .6s ease 0s; margin: 15px 0 0 17px; cursor: pointer;}
.in_aboutimgl i,.in_aboutimgr i{font-size: 18px; vertical-align: top;}
.in_aboutimgl:hover,.in_aboutimgr:hover{color: #fff; background: #ff235b;}


.in_fwlcl{width:575px; height: auto; float: left; margin-bottom: 60px; overflow: hidden;}
.in_fwlc_li{width: 100%; height: auto; padding-bottom: 20px; overflow: hidden;}
.in_fwlc_lia{width: 84px; height: 84px; border: 1px solid #d6d6d6; float: left; border-radius: 100%; display: flex; flex-direction:column; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; font-size: 20px; line-height: 20px; color: #ff235b; text-transform: uppercase; margin-right: 30px;}
.in_fwlc_lib h2{ font-size: 18px; color: #525252; margin-bottom: 5px;}
.in_fwlc_lib div{font-size: 14px; line-height: 24px; color: #777777;}
.in_fwlcr{width: 540px; height: auto; float: right; overflow: hidden;}

.in_fwlcra{width: 100%; height: 410px; background: #ff235b; color: #fff; padding:45px 28.5px; font-size: 14px; line-height: 26px; font-weight: bold;  position: relative; margin-top:20px; margin-bottom: 60px;}
.in_fwlcra span{display: block; width: 43px; height: 20px; background: url(../images/in9.png) center center no-repeat; position: absolute; top: -19px; left: 20px;}
.in_fwlcra div{margin-bottom: 22px;}

.in_bga{width: 100%; height: auto; background: #f2f2f2; overflow: hidden;}
.in_bga .in_title span{ background: #f2f2f2;}
.in_imgul{width: 100%; height: 359px; position: relative; overflow: hidden;}
.in_imgli{ width:25%; height: auto; position: relative; overflow: hidden;}
.in_imgli img{width: auto; height: 100%;}
.in_imgli div{width: 100%; height: 100%; background: rgba(255,35,91,.6); position: absolute; top: 0; left: 0; z-index: 99; font-size: 16px; color: #fff;display: flex; flex-direction:row; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; text-align: center; transition: all .6s ease-in 0s; transform:scale(0); opacity: 0;}
.in_imgli div i{width: 58px; height: 58px; line-height: 58px; color: #fff; font-size:30px; margin-left: 25px; border-radius: 100%; background:rgba(255,255,255,.6);}
.in_imgli:hover div{transform:scale(1); opacity: 1;}
.in_imgulr,.in_imgull{width: 58px; height: 58px; line-height: 58px; color: #fff; text-align: center; border-radius: 100%; background:rgba(255,255,255,.6); position: absolute; top: 50%; left: 18%; z-index: 5555; margin-top: -29px; cursor: pointer;}
.in_imgulr{left: inherit; right:18%;}
.in_imgulr i,.in_imgull i{font-size:30px;}


.in_newsul{width: 100%; height: auto; margin-top: 60px; padding-bottom: 70px; overflow: hidden;}
.in_newsli{width: 377px; height: auto; float: left; margin-right: 34px; overflow: hidden;}
.in_newsli div{width: 100%; height: 212px; transition: all .6s ease 0s; overflow: hidden;}
.in_newsli div img{width: 100%; height: 100%; transition: all .6s ease 0s;}
.in_newsli h2{ font-size: 16px; color: #525252; margin-top: 15px; transition: all .6s ease 0s;}
.in_newsli p{font-size:14px; line-height: 24px; color: #777777; margin-top: 5px;}
.in_newsli:hover div{border: 1px solid #e2e2e2; padding: 15px;}
.in_newsli:hover h2{color: #ff235b;}
.in_newsli:nth-child(3){margin-right: 0;}

.in_more{display:block; width:200px; height:42px; line-height:40px; text-align: center; font-size: 16px; border: 1px solid #c4c4c4; text-transform: uppercase; margin: 0 auto; position: relative;}
.in_more:before,.in_more:after{width:200px; height:42px; content:" ";  position: absolute; top: -1px; left: -1px; background: no-repeat; transition:all 0.35s ease 0s; box-sizing: border-box;}
.in_more:before {border-bottom: 1px solid #ff235b; border-top: 1px solid #ff235b; transform: scale(0,1); }
.in_more:after {border-left: 1px solid #ff235b; border-right: 1px solid #ff235b; transform: scale(1,0); }
.in_more:hover:before,.in_more:hover:after {opacity: 1; transform: scale(1); }
.in_more:hover{color: #ff235b;}


.foot{width: 100%; height: auto; background: #f2f2f2; padding: 30px 0; color: #525252; margin-top: 60px; overflow: hidden;}
.foot_left{width: 1050px; height: auto; float: left; overflow: hidden;}
.foot_nav{font-size: 14px; line-height: 14px; margin-bottom: 25px;}
.foot_nav a:hover{font-weight: bold;}
.foot_nav a:after{content: ""; border-right: 1px solid #ccc; border-left: 1px solid #ffffff; margin:0 25px 0 25px;;}
.foot_txt{font-size: 14px; line-height: 30px;}
.foot_right{width: 130px; height: auto; text-align: center; float: right; overflow: hidden;}
.foot_right p{margin-top: 5px;}


.pg_banner{width: 100%; height: 325px; margin: 0 auto; overflow: hidden;}
.pg_title{width: 100%;  height: auto; text-align: center; font-weight: bold; color: #525252; border-bottom: 1px solid #dfdfdf; font-size: 24px; margin:30px auto 35px; padding-bottom: 10px; overflow: hidden;}
.pg_title div{width: 100%; height: 40px; line-height: 40px; font-weight: 100; text-transform: uppercase; color: #999; position: relative;} 

.pg_nav{width: 100%; height:auto; text-align: center; font-size: 0; overflow: hidden;}
.pg_nav a{display: inline-block; vertical-align: top; padding: 0 10px; min-width: 148px; height:46px; line-height:44px; text-align: center; font-size: 16px; background: #e9e9e9; margin: 0 1.5px; transition: all .6s ease 0s; overflow: hidden;}
.pg_nav a:hover{background: #ff235b; color: #fff;}
.pg_nav .pg_nuw{background: #ff235b; color: #fff;}

.in_pronava{width: 100%; height: 80px; line-height: 80px; text-align: center; font-size: 14px; color: #525252; overflow: hidden;}
.in_pronava a{margin-right: 25px; transition: all .6s ease-in 0s;}
.in_pronava a:before{content: "|"; color: #ccc; margin-right: 25px;}
.in_pronava a:hover{color: #ff235b;}
.in_pronava .in_pronuwa{color: #ff235b;}

.pg_proul .in_proli{margin-bottom: 20px;}

.pg_xqprotop{width: 100%; height: auto; padding: 43px 35px; overflow: hidden; border: 1px solid #dedede;}
.pg_proxqimg{width: 535px; height: 521px; float: left; position: relative; overflow: hidden;}
.pg_proxqimga{width: 390px; height: 521px; margin: 0 auto; line-height: 0; overflow: hidden;}
.pg_proxqimgr,.pg_proxqimgl{ position: absolute; top: 40%; left: 0; color: #ccc; cursor: pointer;}
.pg_proxqimgr{left: inherit; right: 0;}
.pg_proxqimgr i,.pg_proxqimgl i{font-size:80px; font-weight: 100;}
.pg_proxqimgr:hover,.pg_proxqimgl:hover{ color: #ff235b;}

.pg_xpprotxt{width:520px; height: auto; float: right; overflow: hidden;}
.pg_xpprotxth{font-size: 18px; color: #525252;}
.pg_xpprotxta{font-size: 14px; line-height: 36px; margin: 25px 0;}
.pg_xpprotxttel{font-size: 18px; color: #ff3969; font-weight: bold; margin-bottom: 35px;}
.pg_promore{display: block; width: 200px; height: 44px; line-height: 44px; text-align: center; background: #39acea; font-size: 18px; color: #fff; overflow: hidden;}

.pg_titlea{width: 100%; height: auto; margin: 25px 0 20px 0; overflow: hidden;}
.pg_titlea div{width: 100%; height: 48px; line-height: 48px; background: #eeeeee; font-size: 16px; color: #525252; font-weight: bold; padding:0 18px;}
.pg_titlea div span{display: inline-block; vertical-align: middle; width: 4px; height: 16px; background: #ff3969; margin-right: 15px;}
.pg_titlea p{width: 100%; height: 2px; background: #eeeeee; margin-top: 5px; overflow: hidden;}

.pg_dy{width: 100%; height: auto; font-size: 14px; line-height: 24px; color: #666; overflow: hidden;}
.wbzts{text-align: center; color: #ff3969;}

.pg_lybd{margin-top: 40px;}
.pg_lyli{width: 50%; height: auto; float: left; overflow: hidden; margin-bottom: 30px;}
.pg_lybd span{display: inline-block; vertical-align: middle; width: 100px; text-align: right; padding-right: 10px; font-size: 16px; color: #525252;}
.pg_lylia{margin-bottom: 30px;}
.pg_lylia span{vertical-align: top;}
.pg_lylic a{vertical-align: middle; display: inline-block; margin-left: 15px;}
.pg_lylib{width: 100%; height: auto; text-align: center; margin-top:65px;}
.pg_lylib button{width: 155px; height: 42px; background: #eaeaea; font-size: 16px; border: none; cursor: pointer;}
.pg_lylib button:first-child{background: #ff3969; color: #fff;}
.input_a{width: 80%; height: 44px; border: 1px solid #e4e4e4; padding: 0 10px; font-size: 14px;}
.input_c{width:20%; height: 44px; border: 1px solid #e4e4e4; padding: 0 10px; font-size: 14px; vertical-align: middle;}
.input_b{width: 90%; height:135px; border: 1px solid #e4e4e4; padding:10px; font-size: 14px; font-family: "微软雅黑";}

.in_zzli{width: 289px; height: 386px; border: 1px solid #dedede; display: flex; flex-direction:column; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; text-align: center; float: left; margin:0 14.6px 35px 0; position: relative; overflow: hidden;}
.in_zzli img{max-width: 98%; max-height: 98%;}
.in_zzli p{width: 100%; height: 100%; opacity: 0; position: absolute; top: 0; left:-100%; z-index: 2; background: rgba(0,0,0,.5); display: flex; flex-direction:column; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; text-align: center; transition: all .6s ease 0s; overflow: hidden;}
.in_zzli:hover p{left: 0; opacity: 1;}
.in_zzli:nth-child(4n){margin-right: 0;}

.pg_caseul{margin: 0; padding: 0;}
.pg_caseul .in_newsli{margin-bottom: 50px;}
.pg_caseul .in_newsli div{width: 100%; height: 280px; transition: all .6s ease 0s; overflow: hidden;}
.pg_caseul .in_newsli h2 span{float:right; font-weight: 100;}
.pg_caseul .in_newsli:nth-child(3n){margin-right: 0;}


.pg_linksli{width: 285px; height: 143px; float: left; margin: 0 20px 35px 0; border: 1px solid #dedede; display: flex; flex-direction:column; flex-wrap:nowrap; justify-content:center; align-items:center; align-content:center; text-align: center; transition: all .6s ease 0s; overflow: hidden;}
.pg_linksli img{max-width: 98%; max-height: 98%; transition: all .6s ease 0s;}
.pg_linksli:hover{ border-color: #ff235b;}
.pg_linksli:hover img{ filter: saturate(50%);}
.pg_linksli:nth-child(4n){margin-right: 0;}

.pg_lxa{width: 65%; float: left; margin-right: 30px;}

.pg_newsli{width: 100%; height: 162px; margin-bottom: 55px; overflow: hidden;}
.pg_newslia{width: 92px; height: 162px; float: left; border-top: 2px solid #d4d4d4; margin-right: 24px; overflow: hidden; font-size: 30px; color: #bababa; padding-top: 35px; transition: all .6s ease 0s;}
.pg_newslia p{font-size: 18px; padding: 5px 0 0 18px;}
.pg_newslia span{font-size: 16px;}
.pg_newslib{width: 288px; height: 162px; float: left; transition: all .6s ease 0s; overflow: hidden;}
.pg_newslib img{width: 100%; height: 100%; transition: all .6s ease 0s;}
.pg_newslic{width: 775px;; height: 162px; float: right; overflow: hidden;}
.pg_newslic h2{font-size: 16px; color: #525252;}
.pg_newslic div{font-size: 14px; line-height: 24px; color: #777777; height: 72px; margin: 18px 0 12px; overflow: hidden;}
.pg_newslic span{display: block; width: 126px; height: 34px; line-height: 32px; font-size: 14px; text-align: center; color: #777; border: 1px solid #e4e4e4; overflow: hidden;}
.pg_newsli:hover .pg_newslia{-webkit-animation:bks .5s linear 0s infinite alternate; animation:bks .5s linear 0s infinite alternate;}
.pg_newsli:hover .pg_newslib{padding: 10px; border: 1px solid #d4d4d4; -webkit-animation:bks .5s linear .5s infinite alternate; animation:bks .5s linear .5s infinite alternate}
.pg_newsli:hover .pg_newslic h2{color: #ff235b;}

.pg_newstitle{width: 100%; height: auto; text-align: center; margin-top: 35px; font-weight: bold; font-size: 16px; overflow: hidden;}
.pg_newstitle p{border-top:1px solid #d4d4d4; font-weight: 200; font-size: 14px; color: #777777; margin-top: 18px; padding-top: 15px;}
.pg_newstitle p span{margin: 0 50px;}
/**/
.ptn{padding-top: 0;}
.mt25{margin-top: 25px;}
.mt40{margin-top: 40px;}

/* 分页 */
.pg_fy{width: 100%; height: auto; text-align: center; margin-top: 40px; overflow: hidden;}
.pg_fy a,.pg_fy span{display: inline-block; vertical-align: top;}
.pg_fy a i{width:26px; height: 26px; line-height: 26px; font-size: 20px; color: #333; transition: all .6s ease 0s; background: #e7e7e7; display:block;}
.pg_fy a:hover i{background: #ff235b; color: #fff;}
.pg_fy span{line-height: 26px; font-size: 16px; margin: 0 15px;}

/* css3 */
@-webkit-keyframes bks {
0% {border-color: #d4d4d4;}
100% {border-color: #ff235b;}
}
@keyframes bks {
0% {border-color: #d4d4d4;}
100% {border-color: #ff235b;}
}