@charset "utf-8";

* { padding: 0; margin: 0; }

ul li { list-style: none; }

a { text-decoration: none; }

input { border: none; background: none; }

input, textarea { font-family: Arial, "Source Han Sans"; outline: 0; font-size: 14px; -webkit-appearance: none; }

.clear { clear: both; }

.fl { float: left; }

.fr { float: right; }

.ellipsis { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block }

.yy_tag_I { margin: 0 5px }

html, body { font: 12px Arial, "Source Han Sans"; color: #333; width: 100%; height: 100%; background: #fff }

.fw { margin: 0 auto; width: 1180px; }

body { overflow-x: hidden; }

.w1200 { width: 1200px; margin: auto }

.mobx { display: none!important; }

.pcx { display: block!important; }



[class*='am-icon-']:before {

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

  } 





#indexPage .module .content { position: inherit; }

#indexPage #mslider .content { margin: 0; height: 750px; }

#indexPage #mservice { background-color: #fff; width: 840px; left: calc(50% - 600px); }

#indexPage #mservice .content { margin: 0; height: 550px; overflow: hidden; top: auto; padding-top: 60px; }

#indexPage #mproject .content { margin: 0; height: 100%; padding-bottom: 10px; width: 1200px; margin: 0 auto; }

#indexPage #mpage .content { margin: 0 auto; height: 620px; width: 1200px; }

#indexPage #mteam .content { margin: 0; padding-top: 0px; padding-bottom: 50px }

#indexPage #mnews .content { margin: 0; height: auto; }

#indexPage #mcontact .content { margin: 0; }

#indexPage #mpartner .content { margin: 0; height: 140px; }



 

#header .content { text-align: center; width: 1200px; margin: 0 auto; background: #fff; }

#header .content img { float: none; }

#header .logo { padding: 0px; float: left; }

.content .header p.subtitle { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.headerpc { width: 100%; background-color: rgba(255, 255,255, .8); z-index: 199;position: fixed;transition: 1s;}

/*  */



.header .content { height: 125px;

    /* padding: 0 55px; */

    width: 1200px;

    display: flex;

    margin: 0 auto; 

    justify-content: space-between;

}

.header_name{

    color: #333333;

    font-size: 14px;

}



.header .logo{

    margin-right: 20px;

}

.head_tel{

    margin-right: 10px;

}

.header .logo img { 

    height: 85px;

    margin-top: 20px;

}

.head_tel_pc_wrap{

    display: flex;

    align-items: center;

    margin-top: 20px;

    justify-content: flex-end;

    font-weight: 600;

}

.head_tel_pc .head_fwzx{

    display: flex;

    align-items: center;

}

.head_tel_pc .head_num{

    color: #e61773;

    padding-top: 3px;

}

.header ul li.navitem { float: left; position: relative; }

.header ul li.navitem ul.subnav { transition: all 0.3s ease-out 0s; position: absolute; width: 210px; border-top: #B82930 3px solid; opacity: 0; visibility: hidden; transform: translate3d(0px, 10px, 0px); -moz-transform: translate3d(0px, 10px, 0px); -webkit-transform: translate3d(0px, 10px, 0px); }

.header ul li.navitem:hover ul.subnav { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); }

.header ul li.navitem a { color: #fff; transition: none ease-out .3s; transition-property: color, background, text-indent, opacity; font-size: 16px; }

.header ul#nav { float: right; transition: all 0.4s ease-out 0s; margin-top: 20px;}

.header ul li.navitem { transition: all 0.4s ease-out 0s; line-height: 30px; border-radius: 3px;    margin-right: 10px;}

.header ul li.navitem:last-child{

    margin-right: 0;

}

.header ul li.navitem a { color: #333333; display: inline-block; padding: 0px 26px; padding-bottom: 12px; }

.header ul li.navitem a.nav-a {  padding: 0px 20px;display: flex;

    align-items: center;}

.header ul li.active{

    background-color: #e61773;

}

.header ul li.active a{

    color: #fff;

}

.header ul li.navitem:hover{

    background-color: #e61773;

}

.header ul li.navitem:hover{

    border-bottom-left-radius: 0;

    border-bottom-right-radius: 0;

}

.header ul li.navitem:first-child:hover{

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}

.header ul li.navitem:last-child:hover{

    border-bottom-left-radius: 3px;

    border-bottom-right-radius: 3px;

}

.header ul li.navitem:hover a{

    color: #fff;

}

/* .header .navitem:hover a.nav-a, .header .navitem a.active { color: #B82930; } */

.header ul li.navitem a::after { display: block; margin-top: 13px; width: 30%; height: 2px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

/* .header ul li.navitem:hover a::after { width: 62%; background: #fff; } */

.header ul li.navitem ul.subnav { width: 100%; background: #e61773;border: 0; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); top:30px !important; z-index: 20000; }

.header ul li.navitem ul.subnav li { border-bottom: 1px solid rgba(0, 0, 0, .08); }

.header ul li.navitem ul.subnav li a { text-align: center; color: #fff; width: 100%; padding: 5px 0; background: none; font-size: 14px; }

.header ul li.navitem ul.subnav li a:hover { background: #f5f5f5; color: #000; text-indent: inherit; }

.header ul li.navitem ul.subnav li a:hover::after, .header ul li.navitem ul.subnav li a:after { display: none; }

.mini { height: 80px; line-height: 80px; position: fixed; top: 0; z-index: 11; transition: 0.4s all; -webkit-transition: 0.4s all; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eeeeee; width: 100%; background-color: #FFF }

.mini .content { height: 80px; }

.mini .logo img { height: 55px; margin-top: 10px; }

.mini ul#nav { margin-top: 18px; }

.mini ul li.navitem ul.subnav { top: 73px !important; }

.mini ul li.navitem a::after, .header ul li.navitem a::after { content: '';     position: absolute;

    bottom: 0;display: block; margin-top: 8px; width: 30%; height: 2px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

/* .header ul li.navitem a.active::after { background: #fff; padding-bottom: 0px; width: 62%;}



.header ul li.navitem:first-child a.active::after{

    width: 45%;

}

.header ul li.navitem:first-child:hover a::after{

    width: 45%;

}

.header ul li.navitem:nth-child(2) a.active::after{

    width: 45%;

}

.header ul li.navitem:nth-child(2):hover a::after{

    width: 45%;

}

.header ul li.navitem:nth-child(3) a.active::after{

    width: 55%;

}

.header ul li.navitem:nth-child(3):hover a::after{

    width: 55%;

} */

.nobanner #header { border-bottom: 1px solid #f3f3f3 }



.fly { opacity: 0; transition: all 600ms ease-in-out; transform: translateY(100px) scale(1.05) translate3d(0, 0, 0); }

.show-block { opacity: 1; transform: translateY(0) scale(1) translate3d(0, 0, 0); }







.fanganli { width: 283px; height: 215px; float: left; margin-right: 6.666px; border: 1px solid #e2e2e2; padding: 5px; position: relative; margin-top: 10px; overflow: hidden; background-color: #fff }

.fanganli img { width: 283px; height: 215px; }

.stit { width: 283px; height: 35px; position: absolute; background: rgba(0,0,0,.4); bottom: 5px; text-align: center; line-height: 35px; color: #fff; font-size: 14px; left: 5px; z-index: 99; }

.fanganli2 { width: 584px; height: 215px; float: left; margin-right: 6.666px; background: url(../images/fangan.png) center center no-repeat #fff; border: 1px solid #e2e2e2; padding: 5px; position: relative; margin-top: 10px; }

.page_tit h3 { font-size: 30px; margin-bottom: 10px; color: #010101; }

.page_tit h4 { font-weight: bolder; text-transform: uppercase; color: #B82930; font-size: 18px; margin-bottom: 5px; display: block }

.case_more { width: 100%; height: 30px; line-height: 30px; text-align: center; }

.case_more a { background: #B82930; border: none; color: #fff; display: block; margin: auto; width: 120px; border-radius: 15px; }

.page_tit h3 { font-size: 30px; margin-bottom: 10px; color: #010101; text-align: center }

.page_tit h4 img { vertical-align: middle; margin: 0 10px; }



.page_youshi { height: 1100px; background: url(../images/youshi.jpg) top center no-repeat; }

.wrap { width: 1200px; margin: 0 auto; position: relative; }

.page_tit { text-align: center; margin-bottom: 30px; padding-top: 50px; }

.page_tit h3 { font-size: 30px; margin-bottom: 10px; color: #e61773; }

.page_tit h4 { font-weight: bolder; text-transform: uppercase; color: #CCC; font-size: 18px; margin-bottom: 5px; font-weight: normal }

.ys_list { position: relative; z-index: 1; }

.ys_list .img1 { top: 0; right: 0; }

.ys_list .img { position: absolute; z-index: -1; }

.ys_list li { width: 50%; }

.ys_list li span { background: url(../images/icon15.png) no-repeat center center; font-size: 48px; font-family: Impact; color: #d32f25; width: 94px; height: 91px; display: block; float: left; line-height: 75px; text-align: center; margin-right: 20px; position: relative; }

.ys_list li .text { overflow: hidden; margin-bottom: 25px; line-height: 25px; color: #666; max-width: 410px; }

.ys_list li .text h3 { font-size: 24px; color: #333333; margin-bottom: 8px; height: 70px; background: url(../images/icon16.png) repeat-x bottom center; }

.ys_list li span font { font-size: 22px; color: #cfcfcf; font-weight: 400; font-family: Arial, Helvetica, sans-serif; letter-spacing: 2px; text-align: center; position: absolute; width: 94px; height: 30px; line-height: 30px; left: 0; bottom: 5px; }

.ys_list .img2 { bottom: 0; left: 0; }

.ys_list li:nth-child(3), .ys_list li:nth-child(4), .ys_list li:nth-child(5) { padding-left: 55%; }

#indexPage #mslider ul li div { display: none; }

#indexPage #mslider .bx-wrapper .bx-pager { bottom: 2px; display: none; }

#mslider .bx-wrapper .bx-pager-item { width: 6px; height: 6px; background: rgba(0, 0, 0, .3); margin-bottom: 20px; border-radius: 4px; position: relative; cursor: pointer; margin-left: 18px; }

#mslider .bx-wrapper .bx-pager.bx-default-pager a { width: 16px; height: 16px; display: block; position: absolute; top: -5px; left: -10px; border-radius: 8px; border: 0; background: rgba(0, 0, 0, 0.21); opacity: 0; }

#mslider .bx-wrapper .bx-pager.bx-default-pager a.active { opacity: 1; }

#mslider .bx-wrapper .bx-pager.bx-default-pager a.active:after { content: ''; height: 6px; width: 6px; background: #fff; display: block; position: absolute; top: 5px; left: 5px; border-radius: 10px; }









.clourfu { height: 300px; }

.clourfu li { float: left; width: 277.5px; margin-right: 30px; margin-bottom: 30px; border-radius: 2px; overflow: hidden; text-align: center; line-height: 40px; }

.clourfu li a { font-size: 16px; color: #333 }

.clourfu li:hover a { color: #B82930 }

.clourfu li div { height: 195px; width: 277.5px; overflow: hidden }

.clourfu li img { height: 195px; width: 277.5px; }

.clourfu li:nth-child(4n) { margin-right: 0px }





#lightgallery li { height: 195px; float: left; width: 277.5px; margin-right: 30px; margin-bottom: 30px; border-radius: 2px; overflow: hidden }

.mh50 { margin-bottom: 50px; }

#lightgallery li:nth-child(4n) { margin-right: 0px }

#lightgallery li img { height: 195px; width: 277.5px; }

#lightgallery li:hover img, .clourfu li:hover img, .fanganli:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); }

#lightgallery li img, .clourfu li img, .fanganli img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }



.inzhizi li{ height: auto; float: left; width: 277.5px; margin-right: 30px; margin-bottom: 30px; border-radius: 2px; overflow: hidden }

.inzhizi li:nth-child(4n) { margin-right: 0px }

.inzhizi li img {width: 100%; }

.inzhizi li p{ line-height:40px; text-align:center; font-size:16px; color:#333}



.zzrymap #lightgallery { width:100%}

.zzrymap #lightgallery li {  float: left; width:calc(33.333% - 16.6666px); margin-right: 25px; margin-bottom: 30px; border-radius:0px; height:auto }

.zzrymap #lightgallery li p{ text-align:center; line-height:40px; font-size:16px; color:#333} 

.zzrymap #lightgallery li:nth-child(3n) { margin-right: 0px }

.zzrymap #lightgallery li:nth-child(4n) { margin-right: 25px }

.zzrymap #lightgallery li img {width:calc(100% - 2px); border: 1px solid #CCC;height:auto; }

.zzrymap #lightgallery li:hover img, .clourfu li:hover img, .fanganli:hover img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); }

.zzrymap #lightgallery li img, .clourfu li img, .fanganli img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }



 

.sccjmap #lightgallery { width:100%}

.sccjmap #lightgallery li {  float: left; width:calc(33.333% - 16.6666px); margin-right: 25px; margin-bottom: 30px; border-radius:0px; height:auto }

.sccjmap #lightgallery li p{ display:none} 

.sccjmap #lightgallery li:nth-child(4n) { margin-right: 25px }

.sccjmap #lightgallery li:nth-child(3n) { margin-right: 0px }



.sccjmap #lightgallery li img {width:100%; border: 0px solid #CCC;height:auto; border-radius:3px; }

.sccjmap #lightgallery li:hover img, .clourfu li:hover img, .fanganli:hover img { -webkit-transform: scale(1.0); -moz-transform: scale(1.0); -o-transform: scale(1.0); -ms-transform: scale(1.0); }

.sccjmap #lightgallery li img, .clourfu li img, .fanganli img { -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; }















.fanganli img  #indexPage #servicelist .serviceitem div { padding-top: 0px; width: 475px; float: left; padding-left: 5px; background-color: #FFF }

#indexPage #servicelist .serviceitem div::before { content: ''; position: absolute; width: 0%; height: 1px; background: rgba(0, 0, 0, .2); left: 10px; margin-top: 18px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #servicelist .serviceitem:hover div::before { width: 3%; background: rgba(255, 255, 255, .5); left: 0; }

#servicelist .serviceitem div p.title { font-size: 18px; }

#servicelist .serviceitem div p.description { width: auto; margin-top: 30px; }

#servicelist .serviceitem:hover { box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); margin-top: -8px; background: #fff; }

#servicelist .serviceitem:hover div { margin-top: 0px; }

#servicelist .serviceitem:hover p.title { color: #444; }

#sitecontent .serviceitem a.details { width: 35px; height: 35px; text-align: center; display: block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin: 0 auto; overflow: hidden; position: relative; }

#sitecontent .serviceitem a.details:after { content: ''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; left: 0px; }

#servicelist .serviceitem:hover .details { margin-top: -15px; border-color: #b6b6b6; text-indent: 130px; }

#servicelist .serviceitem .details:hover { border: 1px solid transparent; text-align: inherit; }

 







#indexPage #mproject .content .header { padding-top: 80px; padding-bottom: 40px; width: 200px; float: left; }

#indexPage #mproject .content .header p.title, #indexPage #mproject .content .header p.subtitle { text-align: left; }

#indexPage #mproject .content .header p.title { font-size: 22px; }

#indexPage #mproject #projectlist { width: 1260px; }

#indexPage #mproject #projectlist { width: 100%; margin: 0 auto; }

#indexPage #mproject .content .wrapper { width: 1200px; margin: 0 auto; }

#indexPage #mproject #projectlist .projectitem { width: 380px; margin: 0 15px 25px 0; height:245px; background: none; }

#projectlist .projectitem a:hover .project_info { background: none }

#indexPage #mproject #projectlist .projectitem a .project_info div { height: auto; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; background: #fff; }

#indexPage #mproject #projectlist .projectitem a .project_info p { width: auto; text-align: left; }

#indexPage #mproject #projectlist .projectitem a .project_info p.description { display: block; color: #999; margin-top: 25px; padding-left: 15px; }

#indexPage #mproject #projectlist .projectitem a .project_info .title { font-size: 16px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; line-height: 24px; margin: 0px; padding: 15px 30px 15px 15px;}

#indexPage #mproject #projectlist .projectitem a .project_info .subtitle { color: #b7b7b7; display: block; height: 20px; line-height: 24px; overflow: hidden; margin: 0px; padding: 0px 20px 0 0; font-size: 13px; }

#indexPage #mproject #projectlist .projectitem a img { height: 180px; overflow: hidden; }

#indexPage #mproject #projectlist .projectitem a .project_info div:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 42px; right: 6px; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top: -11px; border-left: 1px solid rgba(0, 0, 0, .0); opacity: 0; }

#indexPage #mproject #projectlist .projectitem:hover a .project_info div { padding: 5px 0; margin-top: -20px; }

#indexPage #mproject #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; opacity: 1; }









#projectlist { text-align: center; float: right; width: 960px; }

.npagePage #projectlist .wrapper { margin-left: 30px; display: inline-block; width: 100%; font-size: 16px;}

#sitecontent .npagePage #projectlist .projectitem { width: 285px; margin: 0 15px 25px 0; height: 260px; background: none; display: inline-block; transition: all 0.3s ease-out 0s; }

#projectlist .projectitem a:hover .project_info { background: none }

.npagePage #projectlist .projectitem a .project_info div { height: 80px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: absolute; bottom: 0px; top: auto; width: 100%; background: #fff; }

.npagePage #projectlist .projectitem a .project_info p { width: auto; text-align: left; }

.npagePage #projectlist .projectitem a .project_info .title { font-size: 15px; color: #666; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; height: 24px; line-height: 24px; margin: 0px; padding: 14px 70px 0px 0px; }

.npagePage #projectlist .projectitem a .project_info .subtitle { color: #999; display: block; height: 20px; line-height: 20px; overflow: hidden; margin: 0px; padding: 0px 70px 0px 0px; }

.npagePage #projectlist .projectitem a .project_info div:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 50%; right: 0; background: transparent url(../images/icon.png) no-repeat -30px -66px; transition: all 0.3s ease-out 0s; margin-top: -13px; border-left: 1px solid rgba(0, 0, 0, 0); }

.npagePage #projectlist .projectitem:hover a .project_info div { padding: 5px 0; }

.npagePage #projectlist .projectitem:hover a .project_info div:after { background: url(../images/icon.png) no-repeat 16px -66px; border-left: 1px solid rgba(0, 0, 0, .1); }

#projectlist .projectitem a:hover .project_info p.title { color: #666; font-size: 15px; }

.npagePage #category { margin-left: 0; padding-bottom: 35px; width: 220px; float: left; text-align: left; margin-top: -15px; }

.Pageanli #category { margin-left: 0px; }

.npagePage #category li { float: none; display: block; height: auto; line-height: 50px; border-bottom: 1px solid rgba(0, 0, 0, .08); padding-left: 16px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.npagePage #category li:hover { padding-left: 25px; }

.npagePage #category li:last-child { border-bottom: none; }

.npagePage #category a { border: 0px; background: none; color: #666; font-size: 16px; position: relative; padding: 0; line-height: 43px; height: 43px; }

.npagePage #category a::before { content: ''; position: absolute; width: 3px; height: 12px; background: transparent; left: -16px; margin-top: 15px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.npagePage #category li:hover a::before { background: #B82930; }

.npagePage #category a.active::before { background: #B82930; }

.npagePage .contact{

    display: flex;

    justify-content: space-between;

    margin-top: 40px;

    margin-bottom: 100px;

}

.npagePage .contact .contact_i{

    width: 33%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

}

.npagePage .contact .contact_i div{

    margin-top: 10px;

    font-size: 16px;

}

.call_bottom{

    display: flex;

    color:#fff;

    height: 400px;

}

.call_b_l{

    width: 50%;

    background-image: url(../images/call_b_l.jpg);

    background-size:  100%;

    position: relative;

}

.call_b_r{

    width: 50%;

}

.call_b_r p{

    width: 100%;

    height: 100%;

}

.call_b_r p img{

    width: 100%;

    height: 100%;

}

.call_b_l_item{

    /* position: absolute; */

    display: flex;

}

.call_b_l_wrap{

    margin-right: 30px;

    text-align: right;

    font-size: 14px;

}

.call_b_l_item img{

    width: 50px;

}

.call_b_l_title{

    position: absolute;

    right: -25px;

    top: 10%;

    font-size: 14px;

    margin-right: 80px;

}

.call_b_l_item1{

    position: absolute;

    top: 25%;

    right: -25px;

}

.call_b_l_item2{

    position: absolute;

    top: 45%;

    right: -25px;

}

.call_b_l_item3{

    position: absolute;

    top: 65%;

    right: -25px;

}





#indexPage #mproject a.more, #indexPage #mnews a.more, #indexPage #mservice a.more { width: 100px; height: 36px; border-bottom: 1px solid rgba(0, 0, 0, 0); border-top: 1px solid rgba(0, 0, 0, 0); position: relative; border: 0px; border-radius: 0px; text-indent: -9999px; margin-top: 84px; margin-bottom: 90px; }

#indexPage #mnews a.more { top: -590px; left: 125px; margin-bottom: 0; margin-top: 55px; }

#indexPage #mproject a.more { margin-bottom: 0px; top: 0; position: absolute; right: 0; }

#indexPage #mproject a.more i, #indexPage #mservice a.more i { width: 29px; height: 14px; display: block; background: url(../images/icon1.png) no-repeat 0 -133px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -17px; z-index: 3 }

#indexPage #mnews a.more i { width: 29px; height: 14px; display: block; background: url(../images/icon1.png) no-repeat 0 -170px; position: absolute; top: 50%; left: 50%; margin-top: -6px; margin-left: -10px; z-index: 3 }

#indexPage #mnews a.more:hover i { background: url(../images/icon1.png) no-repeat 0 -186px; }

#indexPage #mproject a.more i.fa-angle-right:before, #indexPage #mnews a.more i.fa-angle-right:before, #indexPage #mservice a.more i.fa-angle-right:before { display: none; }

#indexPage #mproject a.more:hover, #indexPage #mnews a.more:hover, #indexPage #mservice a.more:hover { background: #B82930; border: inherit; }

#indexPage #mproject a.more:hover i, #indexPage #mservice a.more:hover i { background: url(../images/icon1.png) no-repeat 0 -149px; }













#indexPage #mpage.module.bgShow .bgmask { display: none; }

#mpage .module-content .header { padding-top: 130px; padding-bottom: 70px; }

#mpage .content .header p.title, #mpage .content p.description { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }

#mpage .content .header p.subtitle { font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; }

#mpage .content p.description { float: left; position: absolute; top: 50px; width: 620px; padding: 160px 20px 20px 0; line-height: 28px; height: 100px; text-align: left; }

#indexPage #mpage a.more { position: absolute; left: 0; top: 300px; border-radius: 0px; width: 140px; height: 40px; font-size: 15px; font-family: "Times New Roman", Times, serif, '微软雅黑'; color: #999; line-height: 40px; text-align: center; text-indent: inherit; }

#indexPage #mpage a.more i { position: relative; top: 2px; }

#indexPage #mpage a.more:hover { background: #eff3f7; border: 1px solid #999; }

#indexPage #mpage a.more:hover i { text-indent: 15px; }









#indexPage #mnews .content_list { width: 360px; }

#indexPage #mnews .content .header p.title { color: #fff; font-size: 22px; }

#indexPage #mnews .content .header p.subtitle, #indexPage #mnews .content .header p.title { text-align: left; margin-left: 40px; }

#indexPage #mnews .content .header p.subtitle { font-size: 14px; color: rgba(255, 255, 255, .5); }

#indexPage #mnews #newslist { width: 360px; }

#indexPage #mnews .content .header { display: block; padding: 30px 0 30px; width: 360px; border-bottom: 1px solid rgba(255, 255, 255, .1); height: 49px !important; }

#newslist .newstitem.left a.newscontent, #newslist .newstitem.left a.newscontent:hover, #newslist .newstitem.right a.newscontent, #newslist .newstitem.right a.newscontent:hover { padding: 0px; }

#newslist .newstitem .newsimg { display: none; }

#newslist .newstitem { width: 360px; height: 290px; margin: 0 5px 20px 25px; }

#newslist .news_wrapper, #newslist .newstitem a.newscontent:hover .news_wrapper { width: 100%; background: transparent; }

#mnews #newslist { width: 1200px; margin: 0 auto; }

#indexPage #newslist .wrapper { width: 360px; }

#newslist .newsbody { width: 100%; position: relative; max-width: 100%; height: 100%; }

#newslist .newsbody .title { height: 54px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; font-size: 16px; color: #575757; line-height: 32px; text-align: left; position: absolute; top: 54px; text-indent: 0px; }

#indexPage #newslist .newsbody .title { top: 22px; padding-left: 100px; font-size: 15px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: calc(100% - 120px); color: #fff; height: 40px; }

#newslist .separator { display: none; }

#newslist .newsbody .description { height: 55px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all 0.3s ease-out 0s; margin-top: 0; color: #999; line-height: 26px; text-align: left; position: absolute; top: 108px; }

#indexPage #newslist .newsbody .description { opacity: 0; top: 68px; padding-left: 35px; width: calc(100% - 120px); color: rgba(255, 255, 255, .5); font-size: 12px; height: 20px; padding-left: 100px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

#newslist .newsbody .date { width: 70px; height: 88px; background: transparent; position: relative; top: -50px; padding: 20px 30px 0 40px; font-weight: 100; text-align: right; }

#indexPage #newslist .newsbody .date { width: auto; text-align: left; top: 13px; height: 55px; padding: 0px 12px 0px 10px; width: 48px; margin-bottom: 0; margin-left: 15px; border-radius: 3px; }

#newslist .newsbody .date .md { color: #adadad; position: relative; top: 27px; transition: all 0.3s ease-out 0s; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display: block; line-height: 20px; width: 100%; }

#newslist .newsbody .date .md span { display: none; border: none; }

#indexPage #newslist .newsbody .date .year { color: #fff; }

#indexPage #newslist .newsbody .date .md { color: rgba(255, 255, 255, .5); }

#newslist .newsbody .date .year { font-size: 16px; float: left; color: #999; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; display: block; line-height: 46px; position: relative; top: -25px; width: 100%; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#newslist li.newstitem:hover .newsbody .date .year { color: #555; }

#indexPage #newslist li.newstitem:hover .newsbody .date .year { color: #fff; width: 80px; }

#newslist li.newstitem:hover { transition: all .3s ease-out 0s; }

#newslist li.newstitem:hover .date:after { left: 85px; }

#indexPage #newslist li.newstitem:hover .newsbody .title { text-indent: 0; top: 15px; }

#newslist li.newstitem:hover .newsbody .description { top: 93px; }

#indexPage #newslist li.newstitem:hover .newsbody .description { top: 46px; opacity: 1; }

#newslist li.newstitem:hover .newsbody:after { opacity: 1; bottom: 54px; left: 135px; }

#mnews a.more { display: block; margin-bottom: 80px; }

















.Pagenews .content { text-align: center; }

.Pagenews #newslist { width: 960px; float: right; margin-top: -5px; }

.Pagenews #newslist .newstitem { width: 100%; margin: 0; height: 190px; border-bottom: 1px solid rgba(0, 0, 0, .06); }

.Pagenews #newslist .wrapper .news_wrapper { width: 820px; float: left; position: inherit; margin-left: 90px; }

.Pagenews #newslist .newstitem .newsimg { display: block; width: 200px; height: 130px; margin-top: 30px; }

.Pagenews #newslist .news_wrapper, .Pagenews #newslist .newstitem a.newscontent:hover .news_wrapper { width: 820px; }

.Pagenews #newslist .newsbody .date { width: 120px; top: 0; text-align: left; float: right; padding-right: 15px; }

.Pagenews #newslist .newsbody .date .year { color: #999; top: 22px; font-size: 28px; text-align: right; }

.Pagenews #newslist .newsbody .date .md { display: none; }

.Pagenews #newslist .newsbody .date:after { left: 100px; top: 8px; }

.Pagenews #newslist .newsbody .title { left: 145px; width: 500px; margin-top: -10px; line-height: 24px; height: 24px; }

.Pagenews #newslist .newsbody .description { left: 145px; width: 500px; top: 100px; margin-top: -12px; height: 52px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }

.Pagenews #newslist .newstitem:hover .newsbody .title, .Pagenews #newslist .newstitem:hover .newsbody .description { left: 160px }

.Pagenews #newslist .newstitem:hover .newsbody .date:after { width: 60px; background: #7D7D7D; }

.Pagenews #newslist .newstitem:hover .title { color: #333; }

.Pagenews #newslist .newstitem:hover .date .year { color: #333; }

.Pagenews #newslist .newstitem a.details { width: 35px; height: 35px; display: block; border-radius: 0; border: none; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; overflow: hidden; position: relative; margin: 0px; z-index: 3; top: -96px; right: 120px; float: right; opacity: 0; }

.Pagenews #newslist .newstitem a.details:after { content: ''; width: 15px; height: 9px; background: url(../images/icon.png) no-repeat -110px -11px; display: block; margin: 13px 0 0 11px; position: absolute; top: 0px; left: 0px; }

.Pagenews #newslist .newstitem:hover .details { border-color: #b6b6b6; text-indent: 130px; background: transparent; opacity: 1; right: 60px; }

.Pagenews #newslist .newstitem:hover .details:after { background: url(../images/icon.png) no-repeat -1px -71px; }



#indexPage #mteam .header124 { height: 150px; display: block; margin: 0 auto; overflow: hidden; margin-left: 30px; }

#indexPage #mteam .header124 img { width: auto; max-width: inherit; margin: 0; border-radius: 0; height: 100%; }

.content .header124 p.title { color: #444; font-size: 26px; }

.content .header124 p { text-align: center; }

.content .header124 p.subtitle { font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.content .header124 p.subtitle { color: #c1c1c1; font-size: 16px; }

#indexPage #mteam .bx-wrapper .bx-controls-direction a { margin-top: -60px; border-radius: 0px; background: rgba(0, 0, 0, .0); width: 30px; height: 70px; }

.content_list li:nth-child(4n) { margin-right: 0px }



.wowmjuj { width: 285px; margin-right: 20px; float: left; height: 200px; overflow: hidden; margin-bottom: 20px; border-radius: 3px; }

.wowmjuj img { width: 100%; height: 200px; }

.wowmjuj2 .title a { font-size: 14px; }

li .fbox { position: relative; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; transition: .3s ease; width: 285px; margin-top: -203px; display: none; background: rgba(213,35,27,0); }

li:hover .fbox { opacity: 1; background: rgba(213,35,27,.7); height: 202px; display: block; background: rgba(213,35,27,.7); }

.fbox .font { border: 1px solid #ffffff; position: absolute; left: 13px; right: 13px; top: 13px; bottom: 13px; text-align: center; color: #ffffff; padding-top: 20%; }













#indexPage #mpartner .content .header { display: none; }

#indexPage #mpartner .module-content { padding: 30px 0; height: 80px; }

#indexPage #mpartner .wrapper { height: auto; }

#indexPage #mpartner .wrapper ul li { height: 60px; padding-top: 20px; }

#indexPage #mpartner .wrapper ul li a { width: 112px; height: auto; margin-right: 10px; }

#indexPage #mpartner .bx-wrapper .bx-pager { display: none; }

#indexPage #mpartner .bx-wrapper .bx-controls-direction { display: block; }

#indexPage #mpartner .bx-wrapper .bx-controls-direction a.disabled { display: block; }

#mpartner .bx-wrapper .bx-controls-direction a { background: none; }

#mpartner .bx-wrapper .bx-controls-direction a i { color: #c3c6ca; }

#mpartner .bx-wrapper .bx-controls-direction a:hover { background: #5d5d5d; }

#mpartner .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }

#indexPage #mpartner .bx-wrapper .bx-prev { left: -58px; }

#indexPage #mpartner .bx-wrapper .bx-next { right: -58px; }

 











#indexPage #mcontact { background-image: url(../images/foot_bg.png);background-size: 100% 100%; justify-content: center;}

#indexPage #mcontact .content { width: 1200px; margin: 0 auto; padding: 70px 0 68px; height: auto; }

#indexPage #mcontact .content:after { content: ''; display: block; clear: both; }

#indexPage #mcontact .content .header { width: 480px; float: left; }

#indexPage #mcontact .content .header p.title { color: #fff; text-align: left; }

#indexPage #mcontact .content .header .subtitle { text-align: left; font-family: "Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; }

#indexPage #mcontact .content #contactlist { width: 720px; float: left; }

#mcontact .content #contactform { display: none; }

#mcontact .content #contactinfo { width: 720px; float: left; position: relative; }

#mcontact .content #contactinfo p { float: left; width: 360px; padding-right: 60px; margin-top: 14px; height: auto; color: rgba(255, 255, 255, .3); font-size: 12px; line-height: inherit; }

#mcontact .content #contactinfo h3 { color: rgba(255, 255, 255, .7); }

#mcontact #contactinfo div { position: absolute; top: 35px; left: -250px; }

#mcontact #contactinfo div:after { content: '关注'; color: rgba(255, 255, 255, .7); height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top: -56px; left: 0px; }

#mcontact #contactinfo div a { background-color: transparent; color: rgba(255, 255, 255, .3); font-size: 16px; border: 2px solid rgba(0, 0, 0, 0); }

#mcontact #contactinfo div a:hover { background-color: #B82930; border: 2px solid #B82930; border-radius: 0px; }

#mcontact #contactinfo div a:hover i { color: #fff; }



#indexPage .foot_wrap{

    display: flex;

    height: 200px;

}

.foot_left{

    display: flex;

    /* flex-direction: column; */

    /* justify-content: center; */

    align-items: center;

    /* padding-right: 100px; */

}

.foot_l_twrap{

    /* margin-bottom: 30px; */

}

.foot_left{

    width: 1000px;

}

.foot_l_twrap{

    display: flex;

    justify-content: space-between;

    align-items: center;

}

.foot_l_twrap::after{

    content: '';

    width: 2px;

    height: 140px;

    background-color: #fff;

    margin: 0 50px;

}

.foot_l_twrap img{

    width: 300px;

}

.foot_l_menu{

    display: flex;

    justify-content: space-between;

    margin-bottom: 30px;

}

.foot_l_bwrap{

    /* width: 500px; */

    display: flex;

    justify-content: space-between;

    flex-direction: column;

}

.foot_right{

    display: flex;

    flex-direction: column;

    justify-content: center;

    /* margin-left: 50px; */

    align-items: center;

    color: #fff;

    width: 180px;

    

}

.foot_right div{

    font-size: 16px;

    margin-top: -3px;

}

.foot_right img{

    margin-top: 10px;

    width: 97px;

}

.foot_r_item_ts{

    margin: 20px 0;

}

.foot_l_bwrap a{

    color:#fff;

    font-size: 16px;

}

.foot_r_item{

    display: flex;

    align-items: center;

}

.foot_r_item div{

    color: #fff;

    font-size: 14px;

}

.foot_r_item img{

    margin-right: 15px;

}

.foot_r_item_addr img{

    margin-left: 5px;

    margin-right: 20px;

}



.foot_info>div:last-child{

    font-size: 21px;

    color: #fff;

    margin-top: 10px;

}

.foot_info_t{

    display: flex;

    align-items: center;

    color: #fff;

    justify-content: left;

}

.foot_info_t div:last-child{

    font-size: 24px;

    display: flex;

    align-items: center;

    font-weight: 600;

}

.foot_info_t .info_wrap{

    display: flex;

    flex-direction: column;

    margin-left: 10px;

}

.foot_info_t>div:last-child::before{

    content: '';

    width: 1px;

    background-color: #fff;

    height: 36px;

    margin: 0 12px;

}

.foot_info_t .info_wrap div:last-child{

    font-size: 18px;

    font-weight: 500;

}

#indexPage .module.bgShow .bgmask { display: none; }

#footer { background: #090909; }

#footer a path { fill: rgb(148, 148, 148); }

#footer p { width: 1200px; margin: 0 auto; height: 44px; color: #fff ; line-height: 44px; padding: 0; text-align: center; }

#footer a { /*padding-left: 40px; */line-height: 44px; color: #fff }

#footer .link { width: 1200px; margin: 0 auto; height: 34px; color: #fff ; line-height: 34px; position:relative; top:10px;padding: 0; text-align: center; }

















#pages a:hover { background-color: #B82930; }

#pages li { display: inline-block; }

#pages li.thisclass { background-color: #6b6b6b; color: #ffffff; width: 36px; height: 36px; line-height: 36px; }

#pages li.thisclass a { background-color: #6b6b6b; color: #ffffff; }







.iabout { width: 800px; }

.iabout img { width: 400px; }

.iabout p { font-size: 14px; line-height: 30px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; margin-bottom: 10px; }

.npagePage #banner, .npagePage #banner div { height: 260px; }

.isubnav { width: 800px; margin-top: 30px; }

.isubnav li { float: left; width: calc(20% - 16px); background-color: #f4f4f4; color: #333; margin-right: 20px; height: 90px; text-align: center; border-radius: 3px; }

.isubnav li:nth-child(5) { margin-right: 0px }

.isubnav li span.iconfont { display: block; margin: auto; font-size: 36px; color: #e60012; margin-top: 15px; width: 100% }

.isubnav li a { color: #333; line-height: 36px; font-size: 14px; }

.isubnav li:hover { background-color: #e60012; }

.isubnav li:hover a { color: #fff }

.isubnav li:hover span.iconfont { color: #fff }

#indexPage #mproject #category { display: block; width: 890px; float: right; text-align: right; padding-top: 85px; margin-right: 110px; overflow: hidden; }

#indexPage #mproject #category a { padding: 10px 25px; }

#indexPage #mproject #category a:before { content: ''; position: relative; width: 1px; height: 10px; background: rgba(0, 0, 0, .1); margin-top: -39px; left: -27px; display: inline-block; }

#indexPage #mproject #category a:first-child::before { display: none; }

#category a { border: none; font-size: 14px; padding: 10px 28px; margin-right: 0; }

#category a.active, #category a:hover { color: #B82930; }

#indexPage #category a.active, #indexPage #category a:hover { color: #fff; background: #B82930; }

#category a:hover::after { background: transparent; }

#header #logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#header.mini #logo { padding-left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#header.mini #logo img { transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -webkit-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); }

#indexPage #mpage .content .header { width: 50%; text-align: left; position: relative; top: -20px; }

#indexPage #mcontact .content .header { padding-top: 0; }

#indexPage #mslider .bx-wrapper { position: relative; }

#indexPage #mpage .wrapper li .fimg { width: 540px; height: 280px; float: right; margin-top: -140px; }

#indexPage #mnews a.details { display: none; border: none; text-indent: 100px; margin: 0; color: #999; font-size: 15px; width: 200px; font-family: Georgia, "Times New Roman", Times, serif; height: 50px; line-height: 50px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; position: relative; left: -58px; top: -55px; }

#indexPage #mnews a.details:hover { color: #666; }

#indexPage #mnews a.details i { position: relative; top: 3px; }

#indexPage #mnews a.details:hover i { text-indent: 10px; }

#indexPage #mnews #newslist .newstitem { margin: 0; transition: all 0.3s ease-out 0s; height: 90px; }

#indexPage #mnews #newslist .newstitem:first-child { padding-top: 8px; }

#indexPage #mnews #newslist .newstitem:hover { background: #ce1006; }

#indexPage #mnews #newslist .newstitem:hover a.details { color: #666 }

#indexPage #mnews #newslist .newstitem:hover a.details i { text-indent: 10px; color: #707070; }

#indexPage #mnews { background-color: #B82930; border-top: 1px solid rgba(0, 0, 0, .0); width: 360px; position: absolute; right: calc(50% - 600px); margin-top: 60px; z-index: 3; height: 489px; overflow: hidden; float: right; }

#indexPage #servicelist { width: 840px; padding-top: 20px; }

#indexPage #mservice .serviceitem a.details { width: 35px; height: 35px; text-align: center; display: block; border-radius: 0; border: 1px solid transparent; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s; margin: 0; overflow: hidden; position: relative; top: -65px; opacity: 0; left: -50px; }

#indexPage #mservice .serviceitem:hover a.details { opacity: 1; left: -3px; }

#indexPage #servicelist .serviceitem div p.description { margin-top: 0px; padding: 0 50px 0 0px; line-height: 22px; text-align: left; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #servicelist .serviceitem:hover div p.description { margin-top: 10px; }

#indexPage #servicelist .serviceitem div p.title { font-size: 18px; text-align: left; padding-left: 0px; margin-top: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #servicelist .serviceitem { height: 200px; min-height: 200px; margin-bottom: 0; padding-bottom: 0; margin-right: 25px; width: 360px; transition: all 0.3s ease-out 0s; }

#indexPage #servicelist .serviceitem:hover { background: transparent; box-shadow: none; }

#indexPage #servicelist .serviceitem:hover div p.title { margin-top: -10px; }

#indexPage #servicelist .content_list { overflow: hidden; }

#indexPage #servicelist .serviceitem a .service_img { float: left; margin-right: 30px; }

#indexPage #servicelist .serviceitem:last-child, #indexPage #servicelist .serviceitem:nth-child(3n) { margin-right: 0 }

#indexPage #mservice a.more { margin-top: 0; display: none; }

#indexPage #mpartner { border-top: 1px solid rgba(0, 0, 0, .05); }

.Pageanli #category a.active::after { display: none; }

#projectlist .projectitem a:hover img { transform: scale(1.08, 1.08); } 

#sitecontent .npagePage #projectlist .projectitem:nth-child(3n) { margin-right: 0; }

#sitecontent .npagePage #projectwrap { width: 1200px; }

#sitecontent .npagePage #projectinfo .header p.title { font-size: 19px; margin-bottom: 5px; }

#sitecontent .npagePage #projectinfo .header p.subtitle { font-size: 13px; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑"; }

#sitecontent .npagePage #projectwrap #projectbody { width: 820px; }

#projecttags a { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding: 5px 15px; }

#projecttags a:hover { background: #B82930; color: #fff; }

#projectib .projectitem a .project_info p.title { margin-bottom: 4px; color: #666; }

#projectinfo .header { border: none; }

#projectib .projectitem { margin-bottom: 25px; }

.npagePage .postbody { width: 1060px; overflow: hidden; }

.npagePage #projectbody .postbody { width: 820px; padding-top: 10px; }

#teampost .postbody { width: 730px; overflow: hidden; }

#teampost #teambody .theader .title { font-size: 26px; margin-bottom: 5px; }

#indexPage #mteam { background-position: center; }









#shares { height: 120px; position: fixed; right: 10px; bottom: 4px; z-index: 99 }

#shares a { width: 40px; height: 40px; display: block; background: #8b8b8b; background-color: rgba(31,31,31,.6); color: #fff; font-size: 16px; text-align: center; }

#shares a i { line-height: 40px; text-align: center }

#shares a#sshare { cursor: default; }

#shares a#sweibo { background-color: #ea493c }

#shares a#sweixin { background-color: #24b727 }

#shares a#gotop { background-color: #666666; background-color: rgba(0,0,0,.6); margin-top: 0px; font-size: 22px }

#shares a#gotop i { margin-top: 0px }

#projectlist .projectitem a .project_info div::before { content: ''; position: absolute; width: 100%; height: 90%; left: 0; }

#projectinfo .description a { margin: 15px 0; transition: all 0.3s ease-out 0s; width: calc(100% - 10px); }

#projectinfo .description a:hover { color: #fff; background: #383838; }

#sitecontent .npagePage #projectwrap #projectinfo .header .description { color: #999; line-height: 28px; }

.Pageteam #teamlist .teamitem { margin-bottom: 30px; height: 178px; background: #f8f8f8; width: 1100px; margin-right: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.Pageteam #teamlist .teamitem a { position: relative; top: 10px; left: 10px; width: auto; }

.Pageteam #teamlist .teamitem .description { line-height: 26px; color: #999; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.Pageteam #teamlist .teamitem a.details { display: block; border-radius: 0px; width: 40px; height: 40px; text-indent: -9999px; position: relative; border: none; border-left: 1px solid #ededed; left: 700px; top: 30px; transition: all 0.3s ease-out 0s; opacity: 1; float: right; }









.Pageteam #teamlist .wrap { margin-right: 0; }

#teamlist { width: 1200px; padding-top: 100px; }

#teamlist .teamitem .wrap { display: none; }

#teamlist .teamitem { width: 560px; height: 260px; margin: 0 40px 20px 0; transition: all 0.3s ease-out 0s; }

#teamlist .teamitem a { float: left; width: 180px; height: 160px; overflow: hidden; transition: all 0.3s ease-out 0s; }

#teamlist .teamitem a img { width: auto; height: 160px; }

#teamlist .teamitem .teaminfo { float: right; width: 308px; height: 130px; transition: all .6s cubic-bezier(.215, .61, .355, 1); padding: 40px 20px 10px 0px; margin: 0px; text-align: left; }

#teamlist .teamitem .title a { float: none; color: #333; left: 0; top: 0; }

#teamlist .teamitem .title { display: inline-block; padding-right: 12px; }

#teamlist .teamitem .subtitle { display: inline-block; max-width: 202px; font-size: 13px; color: #999; margin-top: 7px; }

#teamlist .teamitem .description { font-size: 13px; line-height: 26px; height: 52px; overflow: hidden; color: #757575; }

#teamlist .teamitem a.details:after { content: ''; width: 37px; height: 20px; display: block; position: absolute; top: 10px; left: 10px; background: transparent url(../images/icon.png) no-repeat -20px -66px; transition: all 0.3s ease-out 0s; }

#teamlist .teamitem:hover { border-top: 1px solid #8cd4c1; }

#teamlist .teamitem:hover a { margin-top: 0px; }

#teamlist .teamitem:hover .teaminfo { padding-top: 48px; }

#teamlist .teamitem:hover a.details { opacity: 1; margin-top: 39px; border-color: rgba(255,255,255,.2); height: 80px; top: 10px; }

.Pageteam #teamlist .teamitem:hover a.details::after { top: 30px; background-position: -57px -66px; }

.nobanner #projectlist .projectitem a .project_info p.title { color: #666; }

.nobanner #projectlist .projectitem a .project_info p.subtitle { color: #999; }





#projectinfo4 .header p.title { font-size: 22px; margin-bottom: 8px; }

#projectinfo4 .header p.subtitle { font-family: Arial, Helvetica, sans-serif, "微软雅黑"; font-size: 14px; font-weight: bold; color: #ff6700; }

#projectinfo4 div.description { margin-top: 20px; line-height: 24px; font-size: 13px; }

.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:hover { background-color: #B82930; border: 1px solid transparent; }

#projectinfo4 div.description a { display: inline-block; width: 150px; height: 40px; line-height: 40px; background: #ff6700; color: #fff; text-align: center; margin: 20px auto; transition: all 0.3s ease-out 0s; }

#projectinfo4 div.description a:hover { background: #ff8e41; }

#projectbody4 .postbody4 { margin-top: 20px; }

#projectbody4 .postbody4 p { line-height: 24px; }

#post_slider { background: #f8f8f8; }

#projectimgs4 img { margin-bottom: 10px; }

#projectbody4 { border-bottom: 1px dotted rgba(0, 0, 0, .1); padding-bottom: 20px; }





.npagePage4 #projectwrap4 { margin-top: 10px; }

.npagePage4 #post_slider, #post_slider1 { height: 510px; }

.npagePage4 #post_slider li { height: 510px; }

.npagePage4 #projectshow4 { margin-top: 10px; }

.npagePage4 .bx-wrapper { width: 1180px; margin: 0px auto; }

.npagePage4 .bx-wrapper .bx-controls-direction a { border-radius: 0; background: rgba(0, 0, 0, .0); width: 50px; height: 50px; border: 1px solid rgba(0, 0, 0, .1) }

.npagePage4 .bx-wrapper .bx-controls-direction a i { color: rgba(0, 0, 0, .3); }

.npagePage4 .bx-wrapper .bx-controls-direction a:hover { background: rgba(0, 0, 0, .5); }

.npagePage4 .bx-wrapper .bx-controls-direction a:hover i { color: #fff; }

.npagePage4 .bx-wrapper .bx-controls-direction a.bx-next i { margin-left: 20px; margin-top: 9px; }

.npagePage4 .bx-wrapper .bx-controls-direction a.bx-prev i { margin-left: 19px; margin-top: 9px; }

.npagePage4 #projectlist .wrapper { text-align: left; }

.npagePage4 #projectinfo4 { border-bottom: 1px dotted rgba(0, 0, 0, .1); }

.npagePage4 #projectinfo4 .header { padding-bottom: 10px; padding-top: 50px; }

#sitecontent .npagePage4 #projectlist .projectitem { width: 24%; margin: 0 10px 25px 0; height: 372px; }

#sitecontent .npagePage4 #projectlist .projectitem:nth-child(4n), #sitecontent .npagePage3 #projectlist .projectitem:last-child { margin-right: 0; }

#sitecontent .npagePage4 #projectlist .projectitem a img { height: auto; }

.npagePage4 #projecttags4 a { border: 1px solid rgba(0, 0, 0, .15); background: #fff; padding: 5px 18px; transition: all 0.3s ease-out 0s; }

.npagePage4 #projecttags4 a:hover { border: 1px solid #6fc9b1; background: #8cd4c1; color: #fff; }

#category li.hasmore div ul a.active, #category li.hasmore div ul a:hover { background: #fff; color: #333; }

.yy_tag_I { margin: 0 10px 0 0; color: #e1e1e1; }





#olx_head { background: #3e3e3e; border-radius: 0px; }

#olx_qq li a:hover i { color: #d2d2d2; }

#olx_qq li a:hover { padding: 18px 30px; }

#online_open i { margin-top: 10px; }

#online_open { background: none; bottom: 0px; color: #515151; bottom: 160px; color: #999; background-color: rgba(255, 255, 255, .8); border: 1px solid rgba(0, 0, 0, .1); width: 38px; height: 39px; border-bottom: none; }

#online_open:hover { background-color: #555; color: #fff; }

#online_lx { border-radius: 0px; bottom: 36px; margin-right: -10px; }

#olx_tel div { color: #898989; }

#olx_qq li a i { color: #504f4f; }

#olx_head i:hover { color: #fff; transform: rotate(90deg); -ms-transform: rotate(90deg); 	 -moz-transform: rotate(90deg); 	 -webkit-transform: rotate(90deg);  -o-transform: rotate(90deg); 	 }

#indexPage #mslider .bx-wrapper .bx-controls-direction a { border-radius: 0px; height: 50px; width: 50px; margin-top: -25px; background: rgba(0, 0, 0, .0); }

#indexPage #mslider .bx-wrapper .bx-controls-direction a:hover { background: rgba(0, 0, 0, .3); }

#indexPage #mslider .bx-wrapper .bx-controls-direction a i { margin-top: 10px; margin-left: 20px; }

.content .header p.title { font-size: 24px; color: #333;  }

#indexPage #mpage { background: #eff3f7; }

#indexPage #mteam .summary p { width: 300px; text-align: left; margin-left: 0; }

#indexPage #mteam .description { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mteam .content_list li:hover .summary p.description { color: #777; }

#indexPage #mteam .summary p.title { font-size: 20px; color: #fff; width: auto; display: inline-block; margin-right: 10px; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; margin-left: 0; }

#indexPage #mteam .content_list li:hover .summary p.title { margin-left: 10px; }

#indexPage #mteam .summary p.subtitle { padding-top: 6px; margin-bottom: 22px; font-size: 13px; padding-left: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mteam .content_list li:hover .summary p.subtitle { padding-left: 10px; }

#indexPage #mteam .content .fw { width: 1200px; }

#indexPage #mteam a.details { display: block; width: 40px; font-size: 0; border: none; position: absolute; right: 90px; top: -55px; height: 40px; line-height: 40px; opacity: 0; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

#indexPage #mteam .content_list li:hover a.details { opacity: 1; right: 40px; }

#indexPage #mteam a.details i { width: 37px; height: 20px; background: transparent url(../images/icon.png) no-repeat -30px -66px; }

#indexPage #mteam a.details i.fa-angle-right::before { color: transparent; }

.npagePage .content { width: 1200px; margin: 0 auto; }

.Pageanli .content > .header { padding: 40px 0 50px 0px; background: #fff; width: 1200px; }

.Pageanli .content .header p.title { text-align: left; font-size: 20px; }

.Pageanli .content .header p.subtitle { text-align: left; }

.Pageanli #projectlist { text-align: left; }

#projectinfo { border-bottom: 1px solid #e6e6e6; }

.Pageteam #teamlist { padding-top: 10px; width: 1100px; }

#pages { width: 960px; margin-left: 220px; }

.Pagenews #category { margin-top: 10px; padding-left: 50px; width: 150px; }

.Pagenews #category a { display: block; border-bottom: 1px solid rgba(0, 0, 0, .08); padding-left: 16px; }

.Pagenews #category a:last-child { border-bottom: none; }

.Pagenews .content .header { padding: 40px 0 30px 50px; }

.Pagenews .content .header p.title { text-align: left; font-size: 20px; }

.Pagenews .content .header p.subtitle { text-align: left; }

.Pagenews #category a:hover { padding-left: 26px; }

.Pagenews #category a::before { left: 0; content: ''; position: absolute; width: 3px; height: 12px; background: transparent; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; }

.Pagenews #category a:hover::before { background: #B82930; left: 10px; }

.news_menu{

    background-color: #f8f8f8;

    height: 80px;

    display: flex;

    justify-content: center;

    margin-top: 0px;

    margin-bottom: 0px;

    position: relative;

    top: -40px;

    border-radius: 20px;

    box-shadow: 0px 3px 5px #f1f1f1;

}





.news_menu_i{

    text-align: center;

    line-height: 80px;

    width: 160px;

    

}

.news_menu_i a{

    color:#666666;

    font-size: 20px;

}



.news_menu .active{

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}

.news_menu .news_menu_i:hover {

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}

.news_menu .news_menu_i:hover a {

    color: #fff;

}

.news_menu .active a{

    color: #fff;

}

.news_wrap{

    display: flex;

    flex-wrap: wrap;

    margin-bottom: 40px;

}

.news_i{

    width: 32%;

    margin-right: 2%;

    margin-top: 35px;

}

.news_i:nth-child(3n){

    margin-right: 0;

}

.news_content{

    background-color: #fbfbfb;

    padding: 0 15px;

    text-align: left;

    position: relative;

}

.news_title{

    color:#444444;

    font-size: 16px;

    margin: 35px 0 10px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.news_cont{

    color: #666666;

    font-size: 14px;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 4;

    display: -webkit-inline-box;

    display: -webkit-box;

    text-overflow: ellipsis;

    overflow: hidden;

}

.news_foot{

    margin: 15px 0 25px;

    display: flex;

    justify-content: space-between;

    color: #666666;

}   

.news_more{

    color: #666666;

    font-size: 14px;

}

.news_a{

    display: flex;

    flex-direction: column;

}

.news_img_wrap img{

    width: 384px;

    height: 255px;

}

.news_t_wrap{

    position: absolute;

    background-color: #333333;

    color: #fff;

    top: -15px;

    left: 15px;

    display: flex;

    height: 30px;

    width: 85px;

    align-items: center;

    justify-content: space-between;

    border-radius: 5px;

    padding: 0 10px;

}

.news_a:hover{

    box-shadow: #666 0px 0px 10px;

}

.news_a:hover .news_title{

    color: #e61773;

}



.news_a:hover .news_foot{

    color: #e61773;

}

.news_a .news_foot .news_sd {

    color: #e61773;

}

.news_a:hover .news_more{

    color: #e61773;

}



#newslist .newstitem.right a.newscontent .newsimg { left: 0; }

.postbody a { color: #B82930 }

.Pageteam #teamlist .teamitem:hover { border-top: none; background: #B82930; }

.Pageteam #teamlist .teamitem .teaminfo { width: 600px; margin-right: 110px; padding-top: 40px; }

.Pageteam #teamlist .teamitem:hover .teaminfo { padding-top: 30px; }

.Pageteam #teamlist .teamitem:hover p.title a { color: #fff; }

.Pageteam #teamlist .teamitem:hover .subtitle { color: #fff; }

#category li.hasmore div ul li { border-bottom: none; }

.Pageteam #teamlist .teamitem:hover .description { color: #fff; }

#category li.hasmore div { width: 220px; position: relative; display: block; margin-bottom: 10px; margin-top: 5px; }

#category li.hasmore div ul { text-align: left; border-top: none; margin-top: 0; padding-top: 0; }

#indexPage #mservice .content > .header { width: 840px; padding-bottom: 20px; }

#indexPage #mservice .content .header p.title { text-align: left; font-size: 22px; }

#indexPage #mservice .content .header p.subtitle { text-align: left; color: rgba(0, 0, 0, .3); font-size: 14px; }

#indexPage #mservice .wrapper .bx-wrapper .bx-pager { display: block; top: -66px; text-align: right; height: 20px; right: 40px; }

#indexPage #mpage .content .header p.title { font-size: 22px; }

#indexPage #mpage .content .header p.title, #indexPage #mpage .content .header p.subtitle { text-align: left; }

.netmask.loading div i { display: block; background: url(../images/loading-bai.gif); }

.bx-wrapper .bx-loading { min-height: 50px; background: #ffffff url(../images/loading-bai.gif) no-repeat center center; }

.Pageanli .content { margin-top: 0px; }

.Pageyemian .content .header { padding-top: 65px; }

.postbody p { line-height: 30px; font-size: 16px; margin-bottom: 10px; TEXT-JUSTIFY: inter-ideograph; TEXT-ALIGN: justify; }

.Pageservice #servicelist .wrap { margin-right: 0; }

.Pageservice .content .header, .Pageteam .content .header { padding-top: 70px; }

.Pageservice .content #servicelist { padding-left: 40px; padding-top: 5px; }

#header.index_nav { padding-top: 10px; }

#indexPage #mproject .bx-wrapper .bx-pager { bottom: -50px; }

#indexPage #projectlist .projectitem a .project_info { position: relative; top: auto; left: auto; }

#indexPage #mproject #projectlist .projectitem a .project_info div { position: relative; bottom: 0px; z-index: 2 }

#indexPage .project_img { overflow: hidden; }

#indexPage #projectlist .projectitem a:hover .project_info { position: relative; }

.wow2 img { float: left; height: 200px; border: 1px solid #CCC; margin-right: 15px; margin-left: 5px }

.contact-l { width: 38%; float: left; }

.contact-r { width: 55%; float: right; margin-top: 0px }

.ul-contact li { padding-left: 45px; font-size: 14px; margin-bottom: 20px; line-height: 35px; font-size: 16px }

.ul-contact li.li1 { background-position: left top; background-image: url(../images/lxdz.png); background-repeat: no-repeat; background-size: 30px }

.ul-contact li.li2 { background-position: left top; background-image: url(../images/lxtel.png); background-repeat: no-repeat; background-size: 30px }

.ul-contact li.li3 { background-position: left top; background-image: url(../images/mail.png); background-repeat: no-repeat; background-size: 30px }

.ul-contact li.li4 { background-position: left top; background-image: url(../images/web.png); background-repeat: no-repeat; background-size: 30px }

.contact-form .inp { width: 82%; border: 1px solid #6d6d88; height: 40px; padding: 0 10px;font-size: 14px }

.contact-form textarea {    width: 94%;  border: 1px solid #6d6d88; height: 98px; margin-bottom: 24px; }

.contact-form .sub {

    transform:translateX(540px); width: 120px; height: 30px; line-height: 30px; text-align: center; color: #333333; border: 1px solid #333333; border-radius: 15px; cursor: pointer; font-size: 14px;     margin: 30px 0;}

.contact-form .ipt_wrap{

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.contact-form .ipt_item{

    width: 32%;

    display: flex;

    align-items: center;

    justify-content: space-between;

}

.text_item{

    display: flex;

    justify-content: space-between;

    margin-top: 35px;

}

.ipt_ic{

    height: 40px;

    line-height: 40px;

    border-bottom: 2px solid #2359c6;

}



li { list-style-type: none; }

.r { float: right }

.norb h3 { text-align: center; font-size: 18px; font-weight: normal; color: #000; padding-bottom: 35px; margin-top: -30px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; margin-bottom: 30px }

.bannertop {height: 40vw;  overflow: hidden; background-size: 100% auto; background-repeat: no-repeat; background-position: center top; }

.link-inside { float: right; display: block; margin-right: 50px; }

.bannertop b { font-weight: normal; font-size: 32px; line-height: 66px; color: rgba(255,255,255,0.9); padding-top: 13px; margin-top: 50px; margin-left: 0px; display: block; }

.bannertop img{

    width: 100%;

}

.bannertop p { font-size: 16px; line-height: 26px; color: rgba(255,255,255,0.8); margin-left: 0px; }

.miaodian { line-height: 60px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCCCCC; line-height: 60px; font-size: 16px; color: #333 }

.miaodian .w1200 span { margin-right: 10px; margin-top: 3px; display: block; float: left }

.miaodian .w1200 .iconfont { font-size: 28px; line-height: 60px }

.miaodian .w1200 a { font-size: 16px; line-height: 60px; color: #333; padding-left: 5px; padding-right: 5px; }

.modulefwu { background-color: #f2f2f2 }

.cmdjeb{ height:400px; padding-top:50px}







.pages{

    display: flex;

    justify-content: center;

    margin-bottom: 30px;

    margin-top: 30px;

}

.pages li{

    width: 50px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border: 1px solid #d1d1d1;

    margin: 0 3px;

    border-radius: 6px;

}

.pages li a{

    color:#afa9ac;

    display: block;

}

.pages li.active a{

    color:#fff;

}

.pages li.active{

    background-color: #e61773;

    border: 1px solid #e61773;

}

.pages li:hover{

    background-color: #e61773;

    border: 1px solid #e61773;

}

.pages li:hover a{

    color:#fff;

}





.pages .page-num{

    width: 50px;

    height: 30px;

    line-height: 30px;

    text-align: center;

    border: 1px solid #d1d1d1;

    margin: 0 3px;

    border-radius: 6px;

}

.pages .page-num{

    color:#afa9ac;

    display: block;

}


.pages .page-num-current{

    background-color: #e61773;

    border: 1px solid #e61773;
	
	color:#fff;

}

.pages .page-num:hover{

    background-color: #e61773;

    border: 1px solid #e61773;
	
	 color:#fff;

}


.zw{

    display: none;

}

.newsimg img{

    width: 100%;

    height: 100%;

}



.wap_project{

    display: none;

}

.banner_wap{

    display: none;

}



.head_tel_pc{

    float: right;

    height: 100%;

    display: flex;

    align-items: center;

    color: #333333;

    font-size: 16px;

    margin-left: 20px;

    margin-top: -2px;

}

.head_tel_pc a{

    color: #333333;  

}







.index_item1{

    box-shadow: 0 0 10px #dadada;

    margin-bottom: 7px;

}

.index_item1 .wrap{

    display: flex;

    align-items: center;

    position: relative;

    height: 140px;

}





.index_item1 .item1{

    width: 215px;

    display: flex;

    align-items: center;

    position: relative;

    margin-right: 50px;

}



.index_item1 .item1::after{

    content: '';

    width: 2px;

    height: 36px;

    background-color: #e2e2e2;

    position: absolute;

    right: 0px;



}

.index_item1 .wrap>div:nth-child(3){

    margin-right: 0px;

}

.index_item1 .wrap>div:nth-child(3)::after{

    display: none;

}

.index_item1 .item1 .cont_wrap{

    display: flex;

    flex-direction: column;

    margin-left: 15px;

    font-size: 16px;

}

.index_item1 .item1 .cont_wrap div{

    display: flex;

    line-height: 22px;

    align-items: flex-end;

}

.index_item1 .item1 .cont_wrap>div{

    display: flex;

    align-items: flex-end;

    margin-bottom: 3px;

}



.index_item1 .item1 .cont_wrap strong{

    font-size: 30px;

    color: #e61773;

    line-height: 26px;

    margin-right: 3px;

}





.index_item1 .item2{

    width: 400px;

    position: absolute;

    right: 0;

    z-index: 98;

    top: -80px;

    background-color: #e61773;

    padding: 10px;

}

.index_item1 .item2>div:first-child{

    font-size: 26px;

    color: #fccee2;

    margin-top: 5px;

}

.index_item1 .item2>div:nth-child(2){

    font-size: 26px;

    color: #fff;

    margin: 10px 0;

}

.index_item1 .item2 li{

    font-size: 16px;

    color: #fff;

    margin-bottom: 5px;

    display: flex;

    justify-content: space-between;

    align-items: center;

    width: calc(100% - 4px);

}

.index_item1 .item2 li a{

    display: flex;

    width: 100%;

    justify-content: space-between;

    color: #fff;

}

.index_item1 .item2 li a div:first-child{

    width: 70%;

    white-space: nowrap;

    overflow: hidden; 

    text-overflow: ellipsis;

}

.index_item1  .swiper-container{

    position: initial;

}



.index_item1  .swiper-pagination{

    bottom: 10px;

    left: inherit;

    width: auto;

    top: 70px;

    right: 10px;

}

.index_item1  .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{

    background-color: #fff;

}



.index_item1 .item3{

    width: 0;

    height: 0;

    border-top: 60px solid #424242;

    border-left: 60px solid transparent;

    position: absolute;

    right: 0;

    top: 0;

}

.index_item1 .item4{

    position: absolute;

    top: -58px;

    right: 8px;

    font-size: 22px;

    color: #fff;

}

.index_item1 li>a{

    position: relative;

}

/* .index_item1 li>div:first-child::before{

    content: "";

    position: absolute;

    top: 2px;

    left: -38px;

    border-width: 0 38px 38px;

    border-style: solid;

    border-color: transparent transparent #fff;

} */

.index_item1 li>a:first-child:before,.index_item1 li>a:first-child:after{

    position: absolute;

    content: '';

    border-top: 8px transparent dashed;

    border-right: 8px transparent dashed;

    border-bottom: 8px transparent dashed;

    border-left: 8px #e61773 solid;

    top: 3px;

   }

   .index_item1 li>a:first-child:before{

    border-left: 12px #fff solid;

   }

   .index_item1 li>a:first-child:after{

    left: -2px; /*覆盖并错开1px*/

    border-left: 12px #e61773 solid;

   }



























.index_item2{

    background-image: url('../images/index_banner2.jpg');

}



.f_title_wrap{

    display: flex;

    flex-direction: column;

    justify-content: center;

}



.index_item2 .wrap{

    width: 1200px;

    margin: 0 auto;

}

.index_item2 .title_wrap{

    display: flex;

    padding-top: 50px;

    justify-content: center;

    margin-bottom: 40px;

}

.index_item2 .title{

    font-size: 68px;

    color:#e61773;

    margin-right: 5px;

}

.index_item2 .f_title{

    font-size: 28px;

    color: #222222;

}



.index_item2 .e_title{

    font-size: 26px;

    padding: 2px 4px;

    color: #222222;

}

.index_item2 .title_s{

    font-size: 18px;

    color: #fff;

    text-align: center;

    margin: 20px 0 30px;

}



.index_item2 .c_wrap{

    display: flex;

    justify-content: space-between;

    padding-bottom: 40px;

    flex-wrap: wrap;

    

}

.index_item2 .img_wrap{

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 0 20px;

    margin-bottom: 30px;

    color: #333333;

    font-size: 22px;

}

.index_item2 .img_wrap img{

    margin-bottom:10px;

    -webkit-filter: grayscale(1); /* Webkit */

    filter: gray; /* IE6-9 */  

    filter: grayscale(1); /* W3C */

}

.index_item2 .img_wrap:hover img{

    margin-bottom:10px;

    -webkit-filter: none; /* Webkit */

    filter: none; /* W3C */

}

.index_item2 .img_wrap:hover{

    color: #e61773;

}

.index_item2 .img_wrap:nth-child(4n-3){

    margin-left: 0;

}

.index_item2 .img_wrap:nth-child(4n){

    margin-right: 0;

}

.index_item2 .c_item{

    width: 24%;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    color: #fff;

    border: 1px solid #fff;

    height: 370px;

    background-image: url('../images/index_sg.png');

}

.index_item2 .item_title{

    font-size: 24px;

    margin: 10px;

}

.index_item2 .item_fg{

    width: 15px;

    height: 2px;

    background-color: #fff;

}

.index_item2 .item_cont{

    font-size: 16px;

    margin: 30px;

    width: 60%;

    text-align: center;

}



.index_item2 .item_look{

    width: 85px;

    height: 25px;

    text-align: center;

    line-height: 25px;

    border: 1px solid #fff;

    color: #fff;

}

.index_item2 .c_item:hover{

    cursor: pointer;

    background-color: #2359c6;

}











.index_item3{

    background-image: url('../images/index_banner1.jpg');

    padding-bottom: 40px;

}





.index_item3 .wrap{

    width: 1200px;

    margin: 0 auto;

}

.index_item3 .title_wrap{

    display: flex;

    padding-top: 50px;

    justify-content: center;

}

.index_item3 .title{

    font-size: 68px;

    color:#e61773;

    margin-right: 5px;

}

.index_item3 .f_title{

    font-size: 28px;

    color: #fff;

}



.index_item3 .e_title{

    font-size: 26px;

    padding: 2px 4px;

    color: #fff;

}

.index_item3 .title_s{

    font-size: 18px;

    color: #101010;

    text-align: center;

    margin: 20px 0 30px;

}

.index_item3 .c_wrap{

    display: flex;

    flex-wrap: wrap;

    padding-bottom: 80px;

}

.index_item3 .c_item{

    width: 240px;

    height: 240px;

    position: relative;

}

.index_item3 .c_item_p img{

    width: 100%;

    height: 100%;

}

.index_item3 .c_item_p div{

    position: absolute;

    bottom: 5px;

    right: 5px;

    font-size: 16px;

}

.index_item3 .c_item_f{

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

}



.star-five {

    margin: 9px 0;

    position: relative;

    display: block;

    color: #000;

    width: 0px;

    height: 0px;

    border-right: 10px solid transparent;

    border-bottom: 7px solid #000;

    border-left: 10px solid transparent;

    -moz-transform: rotate(35deg);

    -webkit-transform: rotate(35deg);

    -ms-transform: rotate(35deg);

    -o-transform: rotate(35deg);

 }

.star-five:before {

    border-bottom: 8px solid #000;

    border-left: 3px solid transparent;

    border-right: 3px solid transparent;

    position: absolute;

    height: 0;

    width: 0;

    top: -5px;

    left: -7px;

    display: block;

    content: '';

    -webkit-transform: rotate(-35deg);

    -moz-transform: rotate(-35deg);

    -ms-transform: rotate(-35deg);

    -o-transform: rotate(-35deg);

 

 }

 .star-five:after {

    position: absolute;

    display: block;

    color: #000;

    top: 1px;

    left: -11px;

    width: 0px;

    height: 0px;

    border-right: 10px solid transparent;

    border-bottom: 7px solid #000;

    border-left: 10px solid transparent;

    -webkit-transform: rotate(-70deg);

    -moz-transform: rotate(-70deg);

    -ms-transform: rotate(-70deg);

    -o-transform: rotate(-70deg);

    content: '';

 }

 .index_item3 .c_wrap_1{

     display: flex;

     flex-wrap: wrap;

     justify-content: space-between;

     margin-top: 40px;

 }

.index_item3 .item1{

    background-color: #fff;

    padding: 10px 15px;

    margin-bottom: 20px;

    font-size: 22px;

}

.index_item3 .item1_wrap:hover .item1 {

    background-color: #e61773;

    color: #fff;



}

.index_item3 .item1_wrap:hover .item1 .star-five{

    color: #fff;

    border-bottom: 7px solid #fff;

}

.index_item3 .item1_wrap:hover .item1  .star-five.star-five:before {

    border-bottom: 8px solid #fff;

}



.index_item3 .item1_wrap:hover .item1 .star-five:after {

    color: #fff;

    border-bottom: 7px solid #fff;

 }

.index_item3 .item1_wrap{

    display: flex;

    flex-direction: column;

    width: 49%;

    color: #333;

}

.index_item3 .star_wrap{

    display: flex;

    font-size: 18px;

    margin-top: 5px;

    align-items: center;

}



.index_item3 .c_item_f .ft_title{

    font-size: 20px;

    font-weight: bold;

}

.index_item3 .wjx{

    font-size: 20px;

}

.index_item3 .more{

    width: 140px;

    height: 40px;

    font-size: 20px;

    text-align: center;

    line-height: 40px;

    margin: 0 auto;

    background-color: #fff;

    margin-top: 30px;

    border-radius: 5px;

    display: flex;

    position: relative;

    overflow: hidden;

    border: 1px solid #fff;

}

.index_item3 .bottom-cover {

    width: 100%;

    height: 100%;

    position: absolute;

    background: #e61773;

    /* border-radius: 3px; */

    top: 0;

    left: -105%;

    transition: 0.5s left;

    z-index: 0;

    transition: 0.25s;

    border-radius: 3px;

}

.index_item3 .cont_more_an {

    transition: 0.25s;

    color: #333333;

    display: flex;

    width: 100%;

    justify-content: center;

    position: relative;

    z-index: 1;

}

.index_item3 .wrap{

    position: relative;

}

.index_item3 .wrap::after{

    content: '';

    width: 100vw;

    height: 1px;

    background-color: #4c4d4f;

    position: absolute;

    left: calc(600px - 50vw);

    bottom: 70px;

    z-index: 1;

}

.index_item3 .more:hover .bottom-cover{

    left: 0;

}

.index_item3 .more:hover {

    border: 1px solid #e61773;

}

.index_item3 .more:hover .cont_more_an{

    color: #fff;

}

.index_item3 .c_wrap_2 {

    display: flex;

    justify-content: space-between;

    margin-top: 30px;

}

.index_item3 .c_wrap_2 .c_wrap_2_item{

    display: flex;

    flex-direction: column;

    align-items: center;

}

.index_item3 .c_wrap_2 .c_wrap_2_item img:first-child{

    -webkit-filter: grayscale(1);

    filter: gray;

    filter: grayscale(1);

}

.index_item3 .c_wrap_2_item:hover img:first-child{

    filter: none;

}

.index_item3 .c_wrap_2 .c_wrap_2_item img:nth-child(2){

    margin: 20px 0;

}

.index_item3 .c_wrap_2 .c_wrap_2_item div.num{

    font-size: 24px;

    color: #e61773;

    position: relative;

    z-index: 2;

}

.index_item3 .c_wrap_2 .c_wrap_2_item div.name{

    margin-top: 10px;

    font-size: 22px;

    color: #ffffff;

}

.index_item3 .c_wrap_2 .c_wrap_2_item div.e_name{

    font-size: 12px;

    color: #ffffff;

}



.index_item5{

    background-image: url('../images/index_banner1.png');

}





.index_item4{

    background-image: url('../images/index_banner3.jpg');

    padding-bottom: 40px;

}

.index_item4 .wrap{

    width: 1200px;

    margin: 0 auto;

}

.index_item4 .title_wrap{

    display: flex;

    padding-top: 50px;

    justify-content: center;

    margin-bottom: 40px;

}

.index_item4 .title{

    font-size: 68px;

    color:#e61773;

    margin-right: 5px;

}

.index_item4 .f_title{

    font-size: 28px;

    color: #222222;

}



.index_item4 .e_title{

    font-size: 26px;

    padding: 2px 4px;

    color: #222222;

}

.index_item4 .qh_wrap{

    display: flex;

    margin-bottom: 20px;

    justify-content: center;

}

.index_item4 .qh_item{

    height: 30px;

    width: 120px;

    background-color: #fff;

    color: #333333;

    font-size: 16px;

    text-align: center;

    line-height: 30px;

    cursor: pointer;

    margin: 0 5px;

    /* box-shadow: 0 0 1px #e61773; */

    border: 1px solid #f77eb4;

}

.index_item4 .qh_item:hover {

    background-color: #e61773;

    color: #fff;

}

.index_item4 .qh_item.active{

    background-color: #e61773;

    color: #fff;

}



.index_item4 .cont_wrap{

    width: 1200px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin: 0 auto;

    position: relative;

    padding-bottom: 50px;

    flex-direction: column;

    align-items: center;

}

.index_item4 .cont_wrap_wap{

    display: none ;

}

.index_item4 .cont_wrap2{

    display: none;

}

.index_item4 .cont_wrap3 {

    display: none;

}

.index_item4 .cont_l{

    width: 50%;

    height: 350px;

}

.index_item4 .cont_r{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.index_item4 .cont_b{

    width: 100%;

}

.index_item4 .cont_r_ch{

    height: 110px;

    width: 165px;



}

.index_item4 .cont_r_item.active .cont_r_ch{

    opacity: 1;

}

.index_item4 .cont_r_item{

   display: flex;

   align-items: center;

   margin-bottom: 20px;

   height: 110px;

   cursor: pointer;

   width: 49%;

   box-shadow: 0 0 3px #999;

   background: #fff;

}

.index_item4 .cont_r_item:hover{

    background-color: #e61773;

}

.index_item4 .cont_r_item:hover img{

    /* transform:scale(1.2) */

}

.index_item4 .cont_r_item:hover .cont_r_title{

    color: #fff;

}

.index_item4 .cont_r_item:hover .cont_r_cont{

    color: #fff;

}

.index_item4 .title_wrap_ts{

    padding-top: 0px;

 }

 

.index_item4 .cont_r_contw{

    display: flex;

    justify-content: space-between;

    width: 80%;

    align-items: flex-end;

    margin-bottom: 10px;

}

.index_item4 .cont_r_nr{

    width: 80%;

    overflow : hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 2;

    -webkit-box-orient: vertical;

}







.index_item4 .cont_r_num{

    background-color: #eeeeee;

    color: #bbbbbb;

    font-size: 28px;

    height: 110px;

    line-height: 110px;

    text-align: center;

    width: 30%;

}

.index_item4 .cont_r_title{

    font-size: 16px;

    overflow: hidden;

    text-overflow:ellipsis;

    white-space: nowrap;

    color: #333;

}

.index_item4 .cont_r_cont{

    height: 110px;

    /* background-color: #fff; */

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    font-size: 14px;

    color: #bababa;

    width: 399px;

}



.index_item4 .cont_b{

    color: #fff;

    font-size: 14px;

    margin-top: 20px;

}

.index_item4 .cont_lj{

    width: 100%;

    display: flex;

    justify-content: flex-end;

    margin-top: 10px;

}

.index_item4 .cont_xq{

    padding: 5px 15px;

    border: 1px solid #fff;

    color: #fff;

    border-radius: 3px;

}

.index_item4 .cont_xq:hover{

    color: #333;

    background-color: #fff;

}

.index_item4 .cont_more{

    padding: 8px 34px;

    color: #fff;

    border-radius: 3px;

    background-color: #e61773;

    margin: 0 auto;

    font-size: 18px;

    transition: 1s;

    position: relative;

    overflow: hidden;

    border: 1px solid #e61773;

    cursor: pointer;

    width: auto;

}   

.index_item4 .bottom-cover {

    width: 100%;

    height: 100%;

    position: absolute;

    background: #fff;

    /* border-radius: 3px; */

    top: 0;

    left: -105%;

    transition: 0.5s left;

    z-index: 0;

    transition: 0.25s;

}

.index_item4 .cont_more_an{

    z-index: 1;

    position: relative;

}

.index_item4 .cont_more_an{

    transition: 0.25s;

} 

.index_item4 .cont_more:hover{

    border: 1px solid #e61773;

}    

.index_item4 .cont_more:hover .bottom-cover{

    left: 0;

}   

.index_item4 .cont_more:hover .cont_more_an{

    color: #e61773;

    

}   

.index_item4 .cont_r_item.active .cont_r_num{

    color: #fff;

    background-color: #2359c6;

}   

.index_item4 .cont_r_item.active .cont_r_cont{

    color: #666666;

}   

.index_item4 .cont_r_item.active .cont_r_title{

    color: #000;

}   



.index_item4 .qh_item_wap{

    display: none;

}

.index_item4 .c_wrap{

    width: 1200px;

    display: flex;

    justify-content: space-between;

    /* padding-bottom: 80px; */

    height: 400px;

}



  .index_item4  .swiper-slide {

    text-align: center;

    font-size: 18px;

    height: calc((100% - 30px) / 2);



    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

    border: 1px solid #dddddd;

    box-sizing: border-box;

  }



.wap_dit{

    display: none;

}

.index_item4 .c_wrap_pc{

    

    display: flex;

}



.index_item4 .c_wrap_wap{

    display: none;

}

/* 写字楼 */

.xzl_content{

    width: 100%;

}



.xzl_item1{

    width: 1200px;

    margin: 0 auto;

    margin-bottom: 40px;

}



.xzl_item1 .head{

    display: flex;

    flex-direction: column;

    align-items: center;

}



.xzl_item1 .head_title{

   font-size: 44px;

   font-weight: 600;

   margin: 80px 0 25px;

}

.xzl_item1 .head_ftitle{

    font-size: 24px;

 }



 .xzl_item1 .head_fg{

     width: 88px;

     height: 4px;

     background-color: #2359c6;

     margin: 25px 45px;

 }



.xzl_item1 .c_wrap{

    width: 100%;

    display: flex;

    flex-wrap: wrap;

}

.xzl_item1 .c_item{

    height: 270px;

    width: 268px;

    margin-right: 40px;

    border: 1px solid #e4e4e4;

    border-top: 5px solid #1f2325;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-bottom: 40px;

}

.xzl_item1 .c_item:hover{

    border-color: #2359c6;

    box-shadow: 0px 0px 10px #999;

}

.xzl_item1 .c_item:nth-child(4n){

    margin-right: 0px;

}

.xzl_item1 .c_logo{

    margin: 28px 0 24px;

    height: 50px;

    width: 50px;

    background-size: 100% 100%;

}

.xzl_item1 .c_item1 .c_logo{

    background-image: url('../images/quyu.png');

}

.xzl_item1 .c_item1:hover .c_logo{

    background-image: url('../images/quyu1.png');

}



.xzl_item1 .c_item2 .c_logo{

    background-image: url('../images/xianxing.png');

}

.xzl_item1 .c_item2:hover .c_logo{

    background-image: url('../images/xianxing1.png');

}

.xzl_item1 .c_item3 .c_logo{

    background-image: url('../images/jt.png');

}

.xzl_item1 .c_item3:hover .c_logo{

    background-image: url('../images/jt1.png');

}



.xzl_item1 .c_item4 .c_logo{

    background-image: url('../images/jr.png');

}

.xzl_item1 .c_item4:hover .c_logo{

    background-image: url('../images/jr1.png');

}



.xzl_item1 .c_item5 .c_logo {

    background-image: url('../images/xuexiao.png');

}

.xzl_item1 .c_item5:hover .c_logo{

    background-image: url('../images/xuexiao1.png');

}



.xzl_item1 .c_item6 .c_logo{

    background-image: url('../images/yiliao.png');

}

.xzl_item1 .c_item6:hover .c_logo{

    background-image: url('../images/yiliao1.png');

}

.xzl_item1 .c_item7 .c_logo{

    background-image: url('../images/shengtai.png');

}

.xzl_item1 .c_item7:hover .c_logo{

    background-image: url('../images/shengtai1.png');

}



.xzl_item1 .c_item8 .c_logo{

    background-image: url('../images/wenhua.png');

}

.xzl_item1 .c_item8:hover .c_logo{

    background-image: url('../images/wenhua1.png');

}





.xzl_item1 .c_name{

    margin-bottom: 13px;

    font-size: 24px;

    color: #333333;

    font-weight: 600;

}

.xzl_item1 .c_title{

    font-size: 18px;

    color: #555555;

}

















.xzl_item2{

    background-image: url('../images/xzl_item2_bg.jpg');

    height: 730px;

    display: flex;

    align-items: center;

    justify-content: flex-end;

}

.xzl_item2_wrap{

    width: 1200px;

    display: flex;

    justify-content: flex-end;

    

}

.xzl_item2 .cont{

    width: 922px;

    background-color: #2359c6;

    padding-top: 70px;

    padding-left: 88px;

    color: #fff;

    height: 467px;

}

.xzl_item2 .title{

    font-size: 38px;

    margin-bottom: 30px;

}

.xzl_item2 .content{

    font-size: 26px;

    margin-bottom: 45px;

}

.xzl_item2 .bq_wrap{

    display: flex;

}

.xzl_item2 .bq_item{

    width: 138px;

    height: 103px;

    border: 1px solid #fff;

    border-radius: 10px;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    margin-right: 15px;

}

.xzl_item2 .bq_num{

    margin-bottom: 5px;

    font-size: 24px;

}

.xzl_item2 .bq_name{

    font-size: 18px;

}



.xzl_item2 .tel{

    display: flex;

    font-size: 24px;

    margin: 40px 0 60px;

}

.xzl_item2 .tel div{

    font-size: 26px;

}





.xzl_item2 .right{

    height: 537px;

    background-color: #2359c6;

    width: calc(50% - 600px);

}









.xzl_item3 {

    background-image: url('../images/xzl_item3_bg.jpg');

    background-size: 100% 100%;

    height: 624px;

    display: flex;

    align-items: center;

}

.xzl_item3_wrap{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    background-color: #fff;

    align-items: center;

    height: 464px;

}



.xzl_item3  .xzl_item3_swwrap{

    /* width: 50%; */

    height: 421px;

    display: flex;

    position: relative;

    align-items: center;

    margin-left: 14px;

}

.xzl_item3 .xzl_item3_swwrap_wap{

    display: none;

}

.xzl_item3 .swiper-container {

    width: 145px;

    height: 300px;

    margin-left: auto;

    margin-right: auto;

  }



  .xzl_item3 .swiper-slide {

    background-size: cover;

    background-position: center;

  }



  .xzl_item3 .gallery-top {

    height: 420px;

    width: 540px;

    position: static;

    margin-right: 25px;

  }



  .xzl_item3  .gallery-thumbs {

    height: 316px;

    box-sizing: border-box;

  }



  .xzl_item3  .gallery-thumbs .swiper-slide {

    height: 100%;

    opacity: 0.4;

    background-size: 95% 92%;

    background-repeat: no-repeat;

    box-sizing: border-box;

  }



  .xzl_item3 .gallery-thumbs .swiper-slide-thumb-active {

    opacity: 1;

    border: 1px solid #2359c6;

  }



  .xzl_item3 .swiper-button-prev{

    background: #cccccc;

    padding: 50px 4px;

    left: auto;

    right: 55px !important;

    transform: rotate(90deg);

    top: -30px;

    font-size: 1px;

  }

  .xzl_item3 .swiper-button-next{

    background: #cccccc;

    padding: 50px 4px;

    left: auto;

    right: 55px !important;

    transform: rotate(90deg);

    font-size: 1px;

    top: auto;

    bottom: -53px;

  }

  .xzl_item3 .swiper-button-prev:hover,.xzl_item3 .swiper-button-next:hover{

    background: #2359c6;

  }

  .xzl_item3  .swiper-button-next:after,.xzl_item3  .swiper-button-prev:after{

    font-size: 28px;

}

.xzl_item3 .cont_wrap {

    color: #333333;

    margin-left: 30px;

}

.xzl_item3 .cont_wrap .title{

    font-size: 30px;

}



.xzl_item3 .cont_wrap .fg{

    width: 335px;

    height: 3px;

    background-color: #2359c6;

    margin: 30px 0;

}



.xzl_item3 .cont_wrap .c_item1{

    display: flex;

}

.xzl_item3 .c_item2{

    margin: 20px 0;

}

.xzl_item3 .c_item1,.xzl_item3 .c_item2,.xzl_item3 .c_item3{

    font-size: 18px;

    display: flex;

}

.xzl_item3 .c_jg,.xzl_item3 .c_qy{

    width: 200px;

    display: flex;

}

.xzl_item3 .c_lc,.xzl_item3 .c_name{

    display: flex;

}

.xzl_item3 .hd{

    color: #666666;

}





.xzl_item4{

    height: 755px;

    background-image: url('../images/xzl_item4_bg.jpg');

    background-size: 100% 100%;

    padding-top: 75px;

}

.xzl_item4_wrap{

    width: 1200px;

    margin: 0 auto;

}

.xzl_item4_wrap .head{

    display: flex;

    justify-content: center;

    font-size: 39px;

    color: #fff;

    

}

.xzl_item4_wrap .head_wrap{

    margin-left: 5px;

}

.xzl_item4_wrap .e_title{

    font-size:20px;

}



.xzl_item4_wrap .body{

    display: flex;

    justify-content: space-between;

    margin-top: 60px;

}



.xzl_item4_wrap .left{

    margin-top: 50px;

}

.xzl_item4_wrap .left_item{

  display: flex;

  color: #fff;

  font-size: 18px;

  height: 60px;

  align-items: center;

  margin-bottom: 95px;

}

.xzl_item4_wrap .item_c{

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-left: 20px;

  }

  .xzl_item4_wrap .img_wrap{

    width: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .xzl_item4_wrap .item_title{

   font-size: 20px;

  }





  .xzl_item4_wrap .right{

    width: 500px;

    color: #fff;

   }

   .xzl_item4_wrap .right_title{

    font-size: 31px;

    margin-bottom: 40px;

   }



   .xzl_item4_wrap .ipt_item{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

   }

   .xzl_item4_wrap .ipt_ic{

    border: none;

    font-size: 21px;

   }

   .xzl_item4_wrap .ipt_wrap{

       display: flex;

       flex-direction: column;

       

   }

   .xzl_item4_wrap .inp{

       width: 100%;

       border: 1px solid #fff;

       color: #fff;

       border-radius: 6px;

   }

   .xzl_item4_wrap .ipt_item{

       width: 100%;

   }

   .xzl_item4_wrap textarea{

       width: 100%;

       padding: 10px 10px;

       resize: none;

       background: #ececec;

       border-radius: 6px;

   }

   .xzl_item4_wrap .text_item{

       display: flex;

       flex-direction: column;

        margin-top: 0px;

   }

   .xzl_item4_wrap .sub{

    transform:translateX(0px);

    width: 195px;

    height: 50px;

    line-height: 30px;

    text-align: center;

    background-color: #555555;

    color: #fff;

    border-radius: 0px;

    cursor: pointer;

    font-size: 19px;

    margin: 30px 0;

   }





/* 商铺 */



.sp_content{

    width: 100%;

}



.sp_item1{

    width: 1200px;

    margin: 0 auto;

    margin-bottom: 40px;

}



.sp_item1 .head{

    display: flex;

    flex-direction: column;

    align-items: center;

}



.sp_item1 .head_title{

   font-size: 44px;

   font-weight: 600;

   margin: 80px 0 25px;

}

.sp_item1 .head_ftitle{

    font-size: 24px;

 }



 .sp_item1 .head_fg{

     width: 88px;

     height: 4px;

     background-color: #2359c6;

     margin: 25px 45px;

 }

 .sp_item1 .c_wrap{

   display: flex;

   justify-content: space-between;

   margin-top: 25px;

}



.sp_item1 .c_item{

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    width: 23%;

    cursor: pointer;

    

 }

 .sp_item1 .c_title{

     font-size: 24px;

     margin: 25px 0 20px;

 }

 .sp_item1 .c_cont{

    font-size: 16px;

    width: 60%;

    text-align: center;

    line-height: 30px;

}

.sp_item1 .c_cont span{

    color: #c81212;

}

.sp_item1 .c_item .c_img{

    transform:rotate(0deg);

    transition: 1s;

}

.sp_item1 .c_item:hover .c_img{

    transform:rotate(360deg);

    transition: 1s;

}





.sp_item2 {

    background-image: url('../images/sp_item2_bg.jpg');

    height: 800px;

    background-size: 100% 100%;

    display: flex;

    justify-content: flex-end;

}



.sp_item2 .sp_item2_wrap{

    width: 1200px;

    display: flex;

    height: 100%;

}

.sp_item2 .left{

    width: 600px;

    display: flex;

    flex-direction: column;

    align-items: flex-end;

    justify-content: center;

}

.sp_item2 .left_item{

    width:540px;

    height: 75px;

    background-color: #f0f0f1;

    color: #333333;

    display: flex;

    align-items: center ;

    justify-content: center;

    font-size: 22px;

    margin: 10px 0;

}

.sp_item2 .left_item span{

    display: inline-block;

    color: #c81212;

    margin-left: 5px;

    font-size: 30px;

}

.sp_item2 .right{

    width:600px;

    height: 100%;

    background-color: #325db2;

    padding: 170px 0 0 70px;

    box-sizing: border-box;

    color: #fff;

}



.sp_item2 .right_title{

    font-size: 44px;

}

.sp_item2 .right_ftitle{

    font-size: 24px;

    margin: 27px 0;

}



.sp_item2 .right_fg{

    width: 90px;

    height: 4px;

    background-color: #fff;

    margin-bottom: 40px;

}

.sp_item2 .right_cont{

    font-size: 24px;

    margin-bottom: 25px;

    line-height: 40px;

}

.sp_item2 .right_foot{

    font-size: 32px;

    color: #e4b786;

}

.sp_item2_right{

    background-color: #325db2;

    height: 100%;

    width: calc(50% - 600px);

}

















.sp_item3{

    width: 1200px;

    margin: 0 auto;

    margin-bottom: 40px;

}



.sp_item3 .head{

    display: flex;

    flex-direction: column;

    align-items: center;

}



.sp_item3 .head_title{

   font-size: 44px;

   font-weight: 600;

   margin: 80px 0 25px;

}

.sp_item3 .head_ftitle{

    font-size: 24px;

 }



 .sp_item3 .head_fg{

     width: 88px;

     height: 4px;

     background-color: #2359c6;

     margin: 25px 45px;

 }





 .sp_item3 .head_fg{

    width: 88px;

    height: 4px;

    background-color: #2359c6;

    margin: 25px 45px;

}

.sp_item3 .c_wrap{

   display: flex;

   flex-wrap: wrap;

   margin: 15px 0 46px;

}

.sp_item3 .c_item{

    width: 32%;

    margin-right: 2%;

    margin-bottom: 24px;

    position: relative;

 }

 .sp_item3 .c_item:nth-child(3n){

    margin-right: 0;

 }

 .sp_item3 .c_item a{

    display: flex;

    width: 100%;

    height: 100%;

 }

 .sp_item3 .c_item a img{

    width: 100%;

    height: 100%;

 }

 .sp_item3 .c_item div{

    position: absolute;

    bottom: 0px;

    left: 0;

    width: 100%;

    height: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 18px;

    color: #fff;

    background-color: rgba(0, 0, 0, 0.5);

    /* color: #0f2c70; */

 }





.sp_item4  #main {

    /* background-color: 'transparent'; */

    position: relative;

}

.sp_item4  .head {

    /* background-color: 'transparent'; */

    position: absolute;

    z-index: 9;

    color: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    margin: 0 auto;

    width: 300px;

    left: calc(50% - 150px );

}

.sp_item4  .title {

    font-size: 38px;

    margin-top: 50px;

}

.sp_item4  .f_title {

    font-size: 20px;

    margin: 10px 0 15px;

}

.sp_item4  .fg {

    width: 90px;

    height: 4px;

    background-color:#2359c6;

}

/* 

.sp_item4 .a111 {

    width: 100px;

    height: 100px;

} */







.canvers_wap{

    display: none;

}



















.sp_item5{

    height: 755px;

    padding-top: 75px;

}

.sp_item5_wrap{

    width: 1200px;

    margin: 0 auto;

}

.sp_item5_wrap .head{

    display: flex;

    justify-content: center;

    font-size: 39px;

    color: #333333;



    color: #093b82;

    color: #1773c3;

    color: #0050B0;

    color: #388aff;

    color: #d6d6d6;

    color: #093b82;

}

.sp_item5_wrap .head_wrap{

    margin-left: 5px;

}

.sp_item5_wrap .e_title{

    font-size:20px;

}



.sp_item5_wrap .body{

    display: flex;

    justify-content: space-between;

    margin-top: 60px;

}



.sp_item5_wrap .left{

    margin-top: 50px;

}

.sp_item5_wrap .left_item{

  display: flex;

  color: #333333;

  font-size: 18px;

  height: 60px;

  align-items: center;

  margin-bottom: 95px;

}

.sp_item5_wrap .item_c{

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: space-between;

    margin-left: 20px;

  }

  .sp_item5_wrap .img_wrap{

    width: 50px;

    display: flex;

    align-items: center;

    justify-content: center;

  }

  .sp_item5_wrap .item_title{

   font-size: 20px;

  }





  .sp_item5_wrap .right{

    width: 500px;

    color: #333333;

   }

   .sp_item5_wrap .right_title{

    font-size: 31px;

    margin-bottom: 40px;

   }



   .sp_item5_wrap .ipt_item{

    display: flex;

    flex-direction: column;

    align-items: flex-start;

   }

   .sp_item5_wrap .ipt_ic{

    border: none;

    font-size: 21px;

   }

   .sp_item5_wrap .ipt_wrap{

       display: flex;

       flex-direction: column;

   }

   .sp_item5_wrap .inp{

       width: 100%;

       border: 1px solid #dcdcdc;

       color: #333333;

       background-color: #eeeeee;

   }

   .sp_item5_wrap .ipt_item{

       width: 100%;

   }

   .sp_item5_wrap textarea{

       width: 100%;

       padding: 10px 10px;

       resize: none;

       background-color: #eeeeee;

       border: 1px solid #dcdcdc;

   }

   .sp_item5_wrap .text_item{

       display: flex;

       flex-direction: column;

        margin-top: 0px;

   }

   .sp_item5_wrap .sub{

    transform:translateX(0px);

    width: 195px;

    height: 50px;

    line-height: 30px;

    text-align: center;

    background-color: #555555;

    color: #e4e4e4;

    border-radius: 0px;

    cursor: pointer;

    font-size: 19px;

    margin: 30px 0;

   }

   .inner_container{

    width: 1200px;

    margin: 0px auto;

    padding: 40px 0;

}

   .news_show .intro p{
       font-family:Arial, Helvetica, sans-serif;
	   font-size:18px;

   }

   /* font-size: unset !important; */

   .news_show h1{text-align:center;font-size:30px;font-weight:400;margin:0;padding:0;}

   .news_show .info{border-left:3px solid #e61773;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}

   .news_show .intro a{color:#06C;}

   .news_show .intro a:hover{color:#f30;}

   .news_show .intro img{max-width:100%;height:auto;}

   .news_show .prenext{margin-top:30px;text-align:center;overflow: hidden;}

   .news_show .prenext p{font-weight:bold;}

   .news_show .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}

   .news_show .prenext a span{font-size:18px;margin-right:10px;}

   .news_show .prenext a em{font-style:normal;font-size:18px;}

   .news_show .prenext a:hover{background:#e61773;border-color:#e61773;color:#fff;}

   .news_show .prenext a:hover span{color:#fff;}

   .news_show .prenext .pre{float: left;}

   .news_show .prenext .next{float: right;}

   .news_show .tags{font-weight:500;}

   .news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}

   .news_show .tags a:hover{background:#e61773;color:#fff;border-color:#e61773;}

   .news_show a{color:#333;}

   

   .news_show_list{}

   .news_show_list li{overflow:hidden;padding:12px 0 12px 0;float:left;width:49%;margin-right:1%;min-height:90px;}

   .news_show_list li .date{float: left; width: 86px;height: 80px;}

   .news_show_list li .date .dateline{width: 70px;height: 54px;display: block;background-color:#2384d5;text-align: center;line-height: 54px;font-size: 30px;font-weight: bold;color: #fff;}

   .news_show_list li .date em{display: block;text-align: center;font-style: normal;width: 70px; background: #eee; color: #888;}

   .news_show_list li .txt{color: #999; font-size: 12px; margin-left: 88px; line-height: 22px;}

   .news_show_list li .txt a{display: block;line-height: 30px; font-size: 16px; color: #333;}

   

.about{

    background-image: url('../images/about_bg.jpg');

    display: flex;

    flex-direction: column;

    align-items: center;

}

.about .img_pc{

    display: block;

}



.about .img_wap{

    display: none;

}

.about .item4 .img_wrap img{

    transition: all 0.6s;

}

.about .item4 .img_wrap img:hover{

    transform: rotateY(360deg);

}



.about .item{

    width: 1200px;

    display: flex;

    flex-direction: column;

    align-items: center;

} 

.about .item .name{

    font-size: 32px;

    margin: 60px 0 10px;

} 

.about .item .e_name{

    font-size: 22px;

    margin-bottom: 50px;

} 

.about .item1 img{

    margin-bottom: 30px;

} 

.about .item1 .cont{

    font-size: 18px;

    width: 100%;

} 

.about .item1 .cont p{

    line-height: 30px;

    margin-bottom: 10px;

} 



.about .item2 .items_wrap{

    width: 100%;

    display: flex;

    justify-content: space-between;

} 

.about .item2 .items_wrap .items_1{

   background-color: #fff;

   width: 250px;

   height: 300px;

   display: flex;

   flex-direction: column;

   align-items: center;

   justify-content: center;

   font-size: 22px;

   color: #666666;

   box-shadow: 0 0 5px #eeeeee;

} 

.about .item2 .items_wrap .items_1 img{

    margin-bottom: 40px;

    transition: all 0.6s;  

 } 

 .about .item2 .items_wrap .items_1 div:last-child{

    color: #999999;

    font-size: 16px;

    margin-top: 10px;

 } 

 .about .item2 .items_wrap .items_1:hover img{  

    transform:rotate(360deg);

}  



.about .item3 .items_wrap .items_1{  

    display: flex;

    align-items: flex-start;

    justify-content: space-between;

    width: 1200px;

    margin-bottom: 30px;

}  

.about .item3 .items_wrap .items_1 .cont {  

    width: 570px;

    margin-right: 30px;

    margin-top: 20px;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

}  

.about .item3 .items_wrap .items_1 .cont .title{  

    color: #e61773;

    font-size: 24px;

    

}  

.about .item3 .items_wrap .items_1 .cont .e_title{  

    color: #999999;

    font-size: 16px;

    margin: 7px 0 20px;

    position: relative;

}  

.about .item3 .items_wrap .items_1 .cont .e_title::after{  

    content: '';

    width:100%;

    height: 2px;

    background-color: #9b9b9b;

    position: absolute;

    bottom: -7px;

    left: 0;

}  

.about .item3 .items_wrap .items_1 .cont .content{  

    color: #666666;

    font-size: 18px;

    line-height: 35px;

    width: 100%;

}  

.about .item3 .items_wrap .items_1 img:first-child{  

    margin-top: 20px;

}  



.about .item3 .items_wrap .items_2 .cont{

    margin-right: 0px;

}

.about .item3 .items_wrap .items_2 img:first-child {

    margin-top: 0px;

}

.about .item3 .items_wrap .items_2 img:nth-child(2){

    margin-top: 20px;

}





.about .item4 .cont{

    font-size: 18px;

    color: #333333;

    line-height: 38px;

    text-align: center;

    width: 100%;

}





.about .item4 .img_wrap{

    display: flex;

    justify-content: center;

    align-items: center;

    margin: 40px 0 60px;

}



.about .item4 .img_wrap .img_center{

    margin: 0 50px;

}









.xm_item1{

    background-image: url(../images/index_banner3.jpg);

}

.xm_item1 .wrap{

    width: 1200px;

    margin: 0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    padding: 70px 0  30px;

}

.xm_item1 .wrap .item{

    width: 49%;

    display: flex;

    align-items: center;

    background-color: #fff;

    box-shadow: 0 0 5px #666;

    margin-bottom: 20px;

}

.xm_item1 .wrap .item img{

    width: 100px;

    margin: 25px 25px 25px 20px;

}



.xm_item1 .wrap .item .cont_wrap{

    width: 70%;

    margin-right: 0px;

}



.xm_item1 .wrap .item .cont_wrap .title{

    font-size: 24px;

    color: #666666;

    transition-delay: 0s;

    margin-bottom: 10px;

}

.xm_item1 .wrap .item .cont_wrap .cont{

    font-size: 14px;

    color: #828282;

}

.xm_item1 .wrap .item::before{

    content: '';

    width: 4px;

    height: 100%;

    background-color: #fff;

}

.xm_item1 .wrap .item:hover::before{

    background-color: #e61773;

}



.xm_item1 .wrap .item:hover .title{

    color:#e61773 ;

}





.xm_item2{

    background-image: url('../images/xm_item2_bg.jpg');

    background-size: 100% 100%;

    display: flex;

    justify-content: center;

    padding: 40px 0;

}



.xm_item2 .left{

   background-image: url('../images/xm_item2_broder.png');

   background-size: 100% 100%;

    display: flex;

    flex-direction: column;

    align-items: center;

    position: relative;

    padding: 50px 30px 30px;

    margin-left: 70px;

}



.xm_item2 .name{

    font-size: 38px;

    color: #fff;

    margin-bottom: 20px;

}

.xm_item2 .title{

    font-size: 17px;

    color: #fff;

}

.xm_item2 .jt_wrap{

    font-size: 16px;

    display: flex;

    margin-top: 110px;

    cursor: pointer;

}

.xm_item2 .jt_name{

    background-color: #4f4f4f;

    color: #fff;

    padding: 8px 20px;

}

.xm_item2 .jt{

    background-color: #e61773;

    position: relative;

    width: 40px;

    height: 100%;

}





.xm_item2 .jt:before, .xm_item2 .jt:after {

    position: absolute;

    content: '';

    border-top: 8px transparent dashed;

    border-right: 8px transparent dashed;

    border-bottom: 8px transparent dashed;

    border-left: 8px #34373f solid;

    top: 10px;

}

.xm_item2 .jt:before {

    border-left: 12px #34373f solid;

    left: 16px;

}

.xm_item2 .jt:after {

    left: 11px;

    border-left: 12px #e61773 solid;

}

.xm_item2 .e_name{

    font-size: 20px;

    color: #fff;

    position: absolute;

    width: 180%;

    text-align: right;

    RIGHT: 30px;

    bottom: 80px;

}

.xm_item2 .right {

    height: 480px;

    display: flex;

    flex-direction: column;

    margin-left: 90px;

    justify-content: space-between;

}

.xm_item2 .right .item{

    display: flex;

    align-items: center;

    color: #fff;

    font-size: 20px;

}

.xm_item2 .right .item img{

    margin-right: 20px;

}





.xm_item2 .jt_wrap:hover{

    animation:cc 1s;

    -webkit-animation:cc 1s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/

}



@keyframes cc {

    from {

        transform: translateX(-20px);

        }

    to {

        transform: translateX(20px);

        }

}

@-webkit-keyframes cc {

    from {

        transform: translateX(-20px);

        }

    to {

        transform: translateX(20px);

        }

}









.xm_item3{

    background-image: url(../images/index_banner3.jpg);

    display: flex;

    flex-direction: column;

    align-items: center;

    padding:  70px 0;

}



.xm_item3 .head{

    font-size: 32px;

    color: #333333;

    display: flex;

    align-items: center;

}

.xm_item3 .head div{

    color: #e61773;

} 

.xm_item3 .f_head{

    color: #555555;

    font-size: 20px;

    margin: 25px 0 40px;

} 

.xm_item3 .cont{

    width: 1200px;

    display: flex;

    flex-wrap: wrap;

}

.xm_item3 .cont img,.xm_item3 .cont div{

    width: 25%;

}

.xm_item3 .cont div{

   background-color: #f4f4f4;

   display: flex;

   align-items: center;

   justify-content: center;

   text-align: center;

   color: #333333;

   font-size: 22px;

   padding: 0 20px;

   box-sizing: border-box;

   line-height: 40px;

   cursor: pointer;

}

.xm_item3 .cont div:hover{

    background-color: #e61773;

    color: #ffffff;

 }







 .xm_item4{

    background-image: url(../images/xm_item2_bg.jpg);

    display: flex;

    flex-direction: column;

    align-items: center;

    padding:  70px 0;

    background-size: 100% 100%;

}



.xm_item4 .head{

    font-size: 32px;

    color: #fff;

    display: flex;

    align-items: center;

}

.xm_item4 .f_head{

    color: #fff;

    font-size: 20px;

    margin: 25px 0 40px;

} 

.xm_item4 .cont{

    width: 1200px;

    display: flex;

    justify-content: space-between;

}



.xm_item4 .cont .left .choose{

    width: 237px;

    height: 70px;

    border-bottom: 1px dashed #b7b7b7;

    margin-bottom: 20px;

}

.xm_item4 .cont .left .choose div{

    width: 100%;

    display: flex;

    align-items: center;

    justify-content: center;

    height: 65px;

    background-color: #fff;

    color: #333333;

    font-size: 22px;

    position: relative;

    cursor: pointer;

}

.xm_item4 .cont .left .choose.active div{

    color: #e61773;

}

.xm_item4 .cont .left .choose.active div:before{

    background-color: #e61773;

}

.xm_item4 .cont .left .choose div:hover{

    color: #e61773;

}

.xm_item4 .cont .left .choose div:before{

    content: '';

    width: 4px;

    height: 100%;

    background-color: #fff;

    position: absolute;

    left: 0;

    top: 0;

}

.xm_item4 .cont .left .choose div:hover:before{

    background-color: #e61773;

}

.xm_item4 .cont .left .tel{

    border: 1px solid #e61773;

    height: 63px;

    display: flex;

}

.xm_item4 .cont .left .tel .tel_left{

   width: 70px;

   background-color: #e61773;

   display: flex;

   align-items: center;

   justify-content: center;

}

.xm_item4 .cont .left .tel .tel_right{

    width: calc(100% - 70px);

    background-color: #fff;

    display: flex;

    align-items: center;

    justify-content: center;

    font-size: 20px;

    color: #333333;

    position: relative;

 }



 .xm_item4 .tel_right:before{

    position: absolute;

    content: '';

    border-top: 8px transparent dashed;

    border-right: 8px transparent dashed;

    border-bottom: 8px transparent dashed;

    border-left: 8px #e61773 solid;

    top: 23px;

    left: -1px;

}







.xm_item4 .right .item_wrap{

    display: flex;

    position: relative;

}

.xm_item4 .right  .item_left{

    position: absolute;

    z-index: 1;

    top: 0;

    left: -410px;

}

.xm_item4 .right  .item_right{

    margin-top: 110px;

    position: relative;

    z-index: 2;

}





.xm_item4 .right  .hide{

    display: none;

}











.xm_item5{

    background-image: url(../images/index_banner3.jpg);

    display: flex;

    flex-direction: column;

    align-items: center;

    padding:  70px 0;

}

.xm_item5 .head{

    font-size: 32px;

    color: #333333;

    display: flex;

    align-items: center;

}

.xm_item5 .head div{

    color: #e61773;

} 

.xm_item5 .f_head{

    color: #555555;

    font-size: 20px;

    margin: 25px 0 40px;

} 

.xm_item5 .cont{

    width: 1200px;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    align-items: center;

    min-height: 257px;

}

.xm_item5 .cont .item1_wrap{

    width: 32%;

    display: flex;

    flex-wrap: wrap;

    background-color: #fff;

    box-shadow: 0 0 5px #e6e6e6;

    color: #333;

    font-size: 15px;

    align-items: center;

}

.xm_item5 .cont .item1_wrap img{

    width: 100%;

} 



.xm_item5 .star_wrap{

    display: flex;

    align-items: center;

}

.xm_item5 .item1{

    padding: 10px 20px;

}

.xm_item5 .cont .item1_wrap:hover{

    background-color: #e61773;

    color: #fff;

}

.xm_item5 .cont .item1_wrap:hover .star-five {

    border-bottom: 4px solid #fff;

}

.xm_item5 .cont .item1_wrap:hover .star-five:before {

    border-bottom: 5px solid #fff;

}

.xm_item5 .cont .item1_wrap:hover .star-five:after {

    border-bottom: 4px solid #fff;

}

.xm_item5 .star-five {

    margin: 9px 0;

    position: relative;

    display: block;

    color: #000;

    width: 0px;

    height: 0px;

    border-right: 7px solid transparent;

    border-bottom: 4px solid #000;

    border-left: 7px solid transparent;

    -moz-transform: rotate(35deg);

    -webkit-transform: rotate(35deg);

    -ms-transform: rotate(35deg);

    -o-transform: rotate(35deg);

}

.xm_item5 .star-five:before {

    border-bottom: 5px solid #000;

    border-left: 2px solid transparent;

    border-right: 2px solid transparent;

    position: absolute;

    height: 0;

    width: 0;

    top: -4px;

    left: -4px;

    display: block;

    content: '';

    -webkit-transform: rotate(-35deg);

    -moz-transform: rotate(-35deg);

    -ms-transform: rotate(-35deg);

    -o-transform: rotate(-35deg);

}



.xm_item5 .star-five:after {

    position: absolute;

    display: block;

    color: #000;

    top: 0px;

    left: -7px;

    width: 0px;

    height: 0px;

    border-right: 7px solid transparent;

    border-bottom: 4px solid #000;

    border-left: 7px solid transparent;

    -webkit-transform: rotate(-70deg);

    -moz-transform: rotate(-70deg);

    -ms-transform: rotate(-70deg);

    -o-transform: rotate(-70deg);

    content: '';

}



.xm_item5 .more a{

    display: flex;

    width: 150px;

    height: 36px;

    justify-content: center;

    align-items: center;

    font-size: 18px;

    color: #333333;

    border:1px solid #333333;

    background-color: #fff;

    margin-top: 40px;

    cursor: pointer;

}



.xm_item5 .more a:hover{

    animation:color 2s;

    -webkit-animation:color 2s;

    animation-iteration-count:infinite;

    -webkit-animation-iteration-count:infinite; /*Safari and Chrome*/



}



@keyframes color {

    0% {

        background-color: #fff;

        color:#333333;

        border:1px solid #333333;

        }

    50% {

        background-color: #e61773;

        color:#ffff;

        border:1px solid #ffff;

        }

    100%{

        background-color: #fff;

        color:#333333;

        border:1px solid #333333;

        }

}

@-webkit-keyframes color {

    from {

        background-color: #fff;

        color:#333333;

        border:1px solid #333333;

        }

    to {

        background-color: #e61773;

        color:#ffff;

        border:1px solid #ffff;

        }

        100%{

            background-color: #fff;

            color:#333333;

            border:1px solid #333333;

            }

}









.case{

    position: relative;

    background-image: url('../images/about_bg.jpg');

}

.case_nr h1{text-align:center;font-size:30px;font-weight:400;margin:0;padding:0;}

.case_nr .info{border-left:3px solid #e61773;background:#f3f3f3;margin:15px 0;padding:10px 15px;font-size:14px;color:#666;}

.case_nr .intro a{color:#06C;}

.case_nr .intro a:hover{color:#f30;}

.case_nr .intro img{max-width:100%;height:auto;}

.case_nr .prenext{margin-top:30px;text-align:center;overflow: hidden;    margin-bottom: 30px;}

.case_nr .prenext p{font-weight:bold; }

.case_nr .prenext a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}

.case_nr .prenext a span{font-size:18px;margin-right:10px;}

.case_nr .prenext a em{font-style:normal;font-size:18px;}

.case_nr .prenext a:hover{background:#e61773;border-color:#e61773;color:#fff;}

.case_nr .prenext a:hover span{color:#fff;}

.case_nr .prenext .pre{float: left;}

.case_nr .prenext .next{float: right;}

.case_nr .tags{font-weight:500;}

.case_nr .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}

.case_nr .tags a:hover{background:#e61773;color:#fff;border-color:#e61773;}

.case_nr a{color:#333;}



.case_head{

    position: relative;

    display: flex;

    width: 1200px;

    margin: 0 auto;

    background-color: #fff;

    height: 80px;

    top: -40px;

    margin-bottom: 60px;

    z-index: 10;

    border-radius: 20px;

    box-shadow: 0px 3px 5px #f1f1f1;

}

.case_head_wap{

    display: none;

}

.case_head_i{

 width: 20%;

 display: flex;

 align-items: center;

 justify-content: center;

 font-size: 20px;

 color: #444444;

 cursor: pointer;

}



.case_head_i:first-child{

    border-top-left-radius:20px;

    border-bottom-left-radius:20px;

}





.case_head_i:last-child{

    border-top-right-radius:20px;

    border-bottom-right-radius:20px;

}



.case_head_i:hover{

    color: #fff;

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}

.case_head_i.active{

    color: #fff;

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}

.case_cont{

    width: 1200px;

    margin:  0 auto;

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

}



.case_cont .c_wrap_1{

    display: flex;

    flex-wrap: wrap;

    justify-content: space-between;

    margin-top: 40px;

}

.case_cont .item1{

   background-color: #fff;

   padding: 10px 15px;

   font-size: 22px;

}

.case_cont .item1_wrap:hover .item1 {

   background-color: #e61773;

   color: #fff;



}

.case_cont .item1_wrap:hover .item1 .star-five{

   color: #fff;

   border-bottom: 7px solid #fff;

}

.case_cont .item1_wrap:hover .item1  .star-five.star-five:before {

   border-bottom: 8px solid #fff;

}



.case_cont .item1_wrap:hover .item1 .star-five:after {

   color: #fff;

   border-bottom: 7px solid #fff;

}

.case_cont .item1_wrap{

   display: flex;

   flex-direction: column;

   width: 48%;

   margin-bottom: 25px;

   box-shadow: 0 0 5px #999;

   color: #333;

}

.case_cont .item1_wrap .item1 div:first-child{

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.biaoq{

    font-size: 16px;

    padding: 15px 0;

}

.biaoq_item{

    margin: 5px 0;

}





.case_cont .star_wrap{

   display: flex;

   font-size: 18px;

   margin-top: 5px;

   align-items: center;

}

.case .pages{

   padding-bottom: 30px;

   margin-bottom: 0;

   margin-top: 30px;

}





.tel_b .tel_wrap{

    width: 1200px;

    margin: 0 auto;

    padding-top: 70px;

}



.tel_b .tel_head{

    display: flex;

    justify-content: center;

}

.tel_b .tel_title{

    width: 200px;

    position: relative;

    /* display: flex;

    flex-direction: column;

    align-items: center; */

    text-align: center;

    color: #333333;

}

.tel_b .tel_title div:first-child{

    font-size: 20px;

}

.tel_b .tel_title div:last-child{

    font-size: 28px;

}

.tel_b .tel_title:before{

    content: '';

    width: 3px;

    height: 32%;

    border: 1px solid  #cccccc;

    border-right: none;

    position: absolute;

    left: 0;

    top: 32%;

}





.tel_b .tel_title:after{

    content: '';

    width: 3px;

    height: 32%;

    border: 1px solid  #cccccc;

    border-left: none;

    position: absolute;

    right: 0;

    top: 32%;

}







.tel_b .tel_body{

    margin-top: 40px;

    display: flex;

    flex-wrap: wrap;

    border: 1px solid #d6d6d6;

}

.tel_b .tel_body .item{

    width: calc(100% / 3);

    display: flex;

    flex-direction: column;

    align-items: center;

    height: 200px;

    justify-content: center;

    box-shadow: 0 0 1px black;

}

.tel_b .tel_body .item .item_title{

    display: flex;

    justify-content: center;

    align-items: center;

    margin-bottom: 20px;

    font-size: 20px;

}

.tel_b .tel_body .item .item_title div{

    font-weight: 600;

    font-size: 24px;

}

.tel_b .tel_body .item .item_title img{

   margin-right: 10px;

}

.tel_b .tel_body .item>div:last-child{

    display: flex;

    justify-content: center;

    align-items: center;

    width: 60%;

    text-align: center;

    font-size:18px;

}





.tel_b .tel_bottom {

    margin: 70px 0;

}

.tel_b .tel_bottom img{

    width: 180%;



}











.vxm{

    background-image: url('../images/about_bg.jpg');

}



.vxm_head_pc{

    display: flex;

}

.vxm_head_wap{

    display: none;

}







.vxm_head{

    position: relative;

    display: flex;

    width: 1200px;

    margin: 0 auto;

    background-color: #fff;

    height: 80px;

    top: -40px;

    margin-bottom: 20px;

    z-index: 10;

    border-radius: 20px;

}



.vxm_head_i{

 width: 20%;

 display: flex;

 align-items: center;

 justify-content: center;

 font-size: 20px;

 color: #444444;

 cursor: pointer;

}



.vxm_head_i:first-child{

    border-top-left-radius:20px;

    border-bottom-left-radius:20px;

}





.vxm_head_i:last-child{

    border-top-right-radius:20px;

    border-bottom-right-radius:20px;

}



.vxm_head_i:hover{

    color: #fff;

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}



.vxm .vxm_head.vxm_head_wap{

    display: none;

}

.vxm .vxm_head .vxm_head_pc{

    display: flex;

}



.vxm_head_i.active {

    color: #fff;

    background-color: #e61773;

    box-shadow: 0 0 5px #ff73b1;

}

.vxm_cont{

    width: 1200px;

    margin: 0px auto;

}

.vxm_cont_wrap{

    margin: 20px auto;

}

.vxm_cont_title{

    font-size: 28px;

    color: #e61773;

}



.vxm_ys{

    display: flex;

    flex-direction: column;

    align-items: center;

    margin-top: 50px;

    padding-bottom: 30px;

}

.vxm_cont .ys_title{

    font-size: 28px;

}

.vxm_cont .ys_ftitle{

    font-size: 20px;

    color: #666666;

    margin: 20px;

}

.vxm_cont .ys_wrap{

    display: flex;

    justify-content: space-between;

    width: 100%;

    

}

.vxm_cont .item_img_n{

    display: none;

}



.vxm_cont .ys_item:hover .item_img_n{

    display: block;

}

.vxm_cont .ys_item:hover .item_img_s{

    display: none;

}

.vxm_cont .ys_item:hover{

    background-color: #e61773;

    color: #fff;

}

.vxm_cont .ys_item:hover .item_fg{

    background-color: #fff;  

}







.vxm_cont .ys_item{

    background-color: #fff;

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 60px 20px;

    cursor: pointer;

    color: #999999;

    width: 23%;

    box-sizing: border-box;

}



.item_fg{

    width: 50%;

    height: 3px;

    background-color: #e61773;

    margin: 30px 0 ;

}



.item_cont{

    width: 75%;

    text-align: center;

    font-size: 16px;

}



.BMap_bubble_title{

    padding: 0px 15px;

    box-sizing: border-box;

}

.BMap_bubble_content{

    font-size: 16px;

    box-sizing: border-box;

}



#allmap{

    width:1200px; height:450px

}

.vxm_cont_wrap p span{

    background-color: unset !important;

}



.head_zw{

    width: 100%;

    height: 125px;

}

















@media (min-width: 1200px) and (max-width:1450px) {

    .header .content{

        width: 1200px;

    }

}



@media (min-width: 768px) and (max-width:1200px) {

    .header .content{

        width: 1000px;

    }

    .head_tel_pc{

        display: none;

    }

}