@charset "UTF-8";
body{ font-family:"微软雅黑"; background:#ffffff;overflow-x:hidden; font-family:"微软雅黑"}
body, h1, h2, h3, h4, h5, h6, dl, dd, form, p {margin: 0; font-style: normal; font-weight: normal;font-family:"微软雅黑"}
ul, ol, li, dl, dd {margin: 0 auto;padding: 0;list-style: none;}
h1, h2, h3, h4, h5, h6, p {font: inherit;margin: 0 auto;}
*::-webkit-scrollbar {width: 0;height: 0;}
input::-webkit-input-placeholder {color:#666; }
textarea::-webkit-input-placeholder {color:#666; }

/*公用样式*/
.left{ float:left}
.right{ float:right}
.textleft{ text-align:left}
.textright{ text-align:right}
.marl10{ margin-left:10px;}
.marlr10{ margin-right:10px;}
.color{ color:#093e94}
.color1{color:#5486e7}
.color2{color:#ea7400}
.color3{color:#d9534f; text-decoration:underline}
.color4{color:#5486e7; text-decoration:underline}
.color5{color:#ee6704}
.color6{color:#0478ee}
.color7{color:#ee04a9}
.color8{color:#c2054c}

.m0 {margin: 0;}
.p0 { padding: 0;}
.mar20{ margin-top:20px;}
.mar10{ margin-top:10px;}

.mar40{ margin-top:40px;}
.mar50{ margin-top:50px;}

.marb20{ margin-bottom:20px;}
.marb60{ margin-bottom:60px;}

@media (min-width: 1281px) {
.container { width: 1200px;}
.top-header { padding:0px}
}
@media (max-width:767px) and (min-width: 361px) {
	.container { padding: 0 15px; }
}

@media (max-width:1210px) {
  p{ font-size: 14px; line-height: 24px; }
  .welcome-texts {font-size: 14px; }
  .header-social li a { font-size: 14px; padding: 0 5px;}
  .header-searchform .form-control {padding-left: 15px; font-size: 14px;}
}

@media (max-width: 767px) {
.site-contents { padding: 70px 0; }
.section-title {font-size: 33px;}
}

@media (min-width: 992px) {
.top-header .header-contacts { display: none;}
}


a, .btn, button {text-decoration: none;outline: none; -webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s;}
a:after, a:before, .btn:after, .btn:before, button:after, button:before { -webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s;}
a:hover, a:focus, .btn:hover, .btn:focus, button:hover, button:focus { text-decoration: none;outline: none;}
section.row, header.row, footer.row { margin: 0;position: relative;}
p {font: 15px/26px "Open Sans", sans-serif;color: #898989;}

a:hover{ color:#333}
/*===============手机头部=====================================*/


	.phtopn{ display:none}
	@media (max-width:768px) {
	.phtopn01{display:none}
	.phtopn{ background:#212121; height:70px; line-height:70px;display:table;width:100%; color:#e90810; position:fixed; top:0; z-index:99}
	.phtopn span{ margin-left:10px; font-size:30px; margin-right:10px;}
	.phtopn font{ font-size:18px; margin-right:10px;s}
	}

/*===============banner=====================================*/
	@media (max-width:768px) {
	.swiperimg1{ display:none}	
	.swiperimg{background:#000;display:table !important}
	}
   .swiperimg{display:none}


    .swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      width:100% !important; height:100vh;
      /* 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;
    }
	.swiper-slide img{width:100% !important;}



/*===============banner=====================================*/




.top-header { padding:10px 0px}

.from_001{ float:right}
.top-header .header-social { float: right;}

.righttop{margin-top:15px; position:relative; float:right}
.righttop span{margin-left:7px; margin-right:7px; line-height:30px;color:#FFFFFF;}
.righttop span img{width:30px; height:30px; border-radius:200px; vertical-align:middle; margin-right:10px;}
.righttop span a{ color:#FFFFFF}

.bd-content-nav { width: 100%;box-sizing: border-box; position: fixed;left: 0; top: 0;background: #353b44;font-size: 1.4rem;
line-height: 4rem;overflow: hidden;z-index: 9999;-webkit-transition: all 0.5s;transition: all 0.5s;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.20); height:90px;}
.bd-nav {list-style: none; float:right}
.bd-nav li{ margin:0px 20px; float:left; text-align:center; line-height:50px;}
.bd-nav li a{color:#333; font-size:15px; }
.bd-nav li a:hover{ text-decoration:underline}
.bdon{ color:#093e94 !important;font-weight:bold}
.bdon a{color:#093e94 !important;}
.ib-row {font-size: 0;}
.bdon1{ color:#093e94 !important;}
.bdon1 a{color:#093e94 !important;}

.logo{ margin-top:25px; margin-bottom:10px; vertical-align:middle}
.righttel{ float:right;margin:20px 0;}
.righttel h2{ color:#df0000; font-size:28px; line-height:35px;}
.righttel h2 img{ margin-right:5px; margin-top:-4px;}
.righttel h3{ font-size:18px; color:#333333; text-align:center; line-height:35px;}

.navcent{ height:62px; background:#020717}
.nav1{width:100%; height:62px; display:table}
.nav1>a:first-child { background: url(../images/1_03.png) right no-repeat;}
.nav1>a:first-child a{font-size: 16px;line-height:62px;color:#ffffff}
.nav1>a:last-child a{background: none;color: #ffffff;}
.nav1 a:hover{ text-decoration:underline}

.nav1>div {float:left;}
.nav1>div:last-child a{background: none;}
.nav1>div a {display:block;color:#ffffff;line-height:62px; text-align:center;font-size:16px;background: url(../images/1_03.png) right no-repeat; padding:0px 28px;}



@media (max-width:767px) {
.t_header{ display:none}
.righttel{ margin-top:10px;position:absolute; right:60px}
.righttel h2{ color:#df0000; font-size:16px;}
.righttel h2 img{margin-right:5px; margin-top:-4px; width:20px;}
.righttel h3{ font-size:12px; color:#333333; text-align:center; line-height:15px;}
	
.navcent{ display:none}
.dnone{ display:none}
.logo{width:95%;margin-top:10px !important; margin-bottom:10px;}
nav {text-align:center;float: none;width:100%; margin-top:20px}
nav ul ul {display: none; text-align:center}
nav ul li:hover > ul {display: block; text-align:center}
nav ul {width:100%;padding:0 0px;border-radius:4px;list-style: none;position: relative;display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;color: #fff}
 
nav ul li {float: none;width:100%; display:table; text-align:center}
nav ul li:hover {}
nav ul li:hover a {color: #fff;}
nav ul li a {display: block; padding:14px 20px;color: #ffffff; text-decoration: none;text-align:center;width:100%}
nav ul ul { border-radius: 0px; padding: 0;position: absolute; top:100%;border: 1px solid #536ea6; margin-left:-10px}
nav ul ul li {float: none; position: relative;}
nav ul ul li a {color:#536ea6 !important; font-size:12px; border-bottom:#CCCCCC 1px solid}   
nav ul ul li a:hover { text-decoration:underline}
}


@media (max-width:992px) {
	.dnone{ display:none}

nav {text-align:center;float: none;width:100%; margin-top:20px}
nav ul ul {display: none; text-align:center}
nav ul li:hover > ul {display: block; text-align:center}
nav ul {width:100%;padding:0 0px;list-style: none;position: relative;display: inline-table;}
nav ul:after {content: ""; clear: both; display: block;color: #fff}
 
nav ul li {float: none;width:100%; display:table; text-align:center}
nav ul li:hover {}
nav ul li:hover a {color: #fff;}
nav ul li a {display: block; padding:14px 20px;color: #ffffff; text-decoration: none;text-align:center;width:100%}
nav ul ul {background: #ffffff; border-radius: 0px; padding: 0;position: absolute; top:100%; margin-left:-10px}
nav ul ul li {float: none; position: relative;}
nav ul ul li a {color:#536ea6 !important; font-size:12px; border-bottom:#CCCCCC 1px solid}   
nav ul ul li a:hover { text-decoration:underline}
}


.bd-content-fun { position: absolute;right: 1rem;top: 1.5rem;text-align: right;line-height: 1; margin-top:10px;}
.welcome-texts {color: #9ebbd1;opacity: 0.6;}

.header-social li + li { margin: 0;}
.header-social li a {padding: 0 8px;font-size: 18px;color: #5996c6;line-height: 50px; border-radius: 0;}
.header-social li a:hover, .header-social li a:focus {color: #fff;background: none;}

.header-searchform {background: #ffffff; border-radius:3px;}

.header-searchform .form-control { background: none; border-radius: 0; height: 40px; border: none;padding-left: 30px;-webkit-box-shadow: none;
 box-shadow: none; font-family:"微软雅黑"; color: #666666 !important;}
.header-searchform .form-control.placeholder {font-style: normal; color: #666666;}
.header-searchform .form-control::-moz-placeholder { font-style: normal;color: #666666;}
.header-searchform .form-control::-webkit-input-placeholder { font-style: normal; color: #666666;}
.header-searchform .form-control::-ms-input-placeholder {font-style: normal; color: #666666;}
.header-searchform .input-group-addon {border-radius: 0;padding: 0; border: none;background: none;}
.header-searchform .input-group-addon button[type="submit"] { padding: 0 20px 0 15px; font-size: 16px; color: #666666;background: none; border: none;line-height:40px;}



/*--------------------------------------------------------------------*/
/*Main Header*/
/*Navbar*/
@media (max-width: 1199px) {
}
@media (max-width: 991px) {
.plumber-navbar {margin: 0; min-height: 0;left: auto; right: auto; position: fixed; z-index:102; top:70px}
.bd-nav {display:none;}
.logo{ padding:10px 0px; margin-top:0px;}
.logo img{width:50%;}
.glyphicon{ display:none}
}
@media (max-width:768px) {
.userdiv{ display:none}
.logo{ padding:10px 0px; margin-top:0px;}
.logo img{width:50%;}
.top-header{ height:auto; padding:0px}
.glyphicon{ display:none}
}
.plumber-navbar #plumber-nav { position: relative; z-index: 2;padding: 0;}
.plumber-navbar #plumber-nav li {position: relative; text-align:center; font-family:"微软雅黑";}
.plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before { content: ''; height: 34px;width: 1px;display: block;position: absolute;top: 50%;margin-top: -17px;}
.plumber-navbar #plumber-nav li:before {left: 0;}
.plumber-navbar #plumber-nav li:after {right: 0;}
.plumber-navbar #plumber-nav li:first-child:before {display: none;}
.plumber-navbar #plumber-nav li:last-child:after {display: none;}
.plumber-navbar #plumber-nav li a {color: #333; text-shadow: none;padding: 0 25px;}

.plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a { color: #fff;}
.plumber-navbar #plumber-nav li.dropdown > a:after {display: none; content: "\f107";}
.plumber-navbar #plumber-nav li.dropdown.open > a:after {content: "\f106";}

@media (max-width: 1199px) {
  .plumber-navbar #plumber-nav li a {padding: 0 15px;font-size: 14px;}
}
@media (max-width: 767px) and (min-width: 361px) {
  .plumber-navbar #plumber-nav li a { padding: 0 15px;}
}
@media (max-width: 991px) {
	
.plumber-navbar .container { background:#FFF;padding: 0; }
.plumber-navbar #plumber-nav {border: none;}
.plumber-navbar #plumber-nav .nav {margin: 0;}
.plumber-navbar #plumber-nav li {/*border-bottom: 1px solid #eeeeee;*/}
  .plumber-navbar #plumber-nav li:after, .plumber-navbar #plumber-nav li:before { display: none;}
  .plumber-navbar #plumber-nav li a {font-size: 15px;line-height:40px;}
  .plumber-navbar #plumber-nav li a:hover, .plumber-navbar #plumber-nav li a:focus { color: #fff;}
  .plumber-navbar #plumber-nav li.active a {color: #333;}
.plumber-navbar #plumber-nav li .dropdown-menu {}
  .plumber-navbar #plumber-nav li:hover, .plumber-navbar #plumber-nav li:focus { }
  .plumber-navbar #plumber-nav li .dropdown-menu li a {padding: 0 15px;}
  .plumber-navbar #plumber-nav li .dropdown-menu li a:before {content: '-';  padding-right: 10px;}
  .plumber-navbar #plumber-nav li:hover a, .plumber-navbar #plumber-nav li:focus a { color: #333;}
  .plumber-navbar #plumber-nav li.dropdown > a:after {display: block; float: right;}
  .plumber-navbar #plumber-nav li .dropdown-menu li { padding-left: 15px;border-bottom: none;}
  .plumber-navbar #plumber-nav li .dropdown-menu li:last-child {}
}

@media (min-width: 1025px) {
.plumber-navbar #plumber-nav li.dropdown:hover .dropdown-menu, .plumber-navbar #plumber-nav li.dropdown:focus .dropdown-menu { display:none}
.porltv{display:none}
}
@media (min-width: 992px) {
  .plumber-navbar #plumber-nav .header-social {display: none; }
.porltv{display:none}
}


.plumber-navbar #plumber-nav .header-social li {border: none;}
.plumber-navbar #plumber-nav .header-social li a { line-height: 1;}
.plumber-navbar.affix-coming {top: -100px;}
.plumber-navbar.affix {top: 0;left: 0;right: 0;position: fixed;margin: 0;-webkit-animation: fadeItIn 1s;animation: fadeItIn 1s;}
.plumber-navbar.affix + section, .plumber-navbar.affix + div {margin-top: 70px;}
.navbar-container {margin: 0;position: relative;z-index: 2;}
@media (max-width: 991px) {.navbar-container { border: none;}}
.get-appointment-btn {float: right;color: #fff; font: bold 16px/54px "Open Sans", sans-serif;padding: 0 34px;background: #058dc5;position: relative; text-align: center;}
@media (max-width: 991px) {
  .get-appointment-btn { float: none; display: block; margin: 25px 15px 20px;}
}
@media (max-width: 767px) and (min-width: 361px) {.get-appointment-btn {margin: 25px 25px 20px;}
}
.get-appointment-btn:before {content: ''; display: block; position: absolute;z-index: 1;top: 50%; left: 0;right: 0;bottom: 0;
background: #0688c0;-webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s;}
.get-appointment-btn span { position: relative; z-index: 2;}
.get-appointment-btn:hover, .get-appointment-btn:focus { color: #fff;background: #092942;}
.get-appointment-btn:hover:before, .get-appointment-btn:focus:before { background: #09263e;}

.navbar-toggle {border-radius: 0; padding: 0;border: none;margin: 8px 0;width: 25px; top:15px; position: fixed; right:10px; z-index:100}
.navbar-toggle .icon-bar { height:30px; width:30px;/*height: 3px; width: 15px; background: #2086d1;margin: 0; -webkit-transition: all 300ms linear 0s;transition: all 300ms linear 0s;*/float: right; background:url(../images/d.png) no-repeat}
.navbar-toggle .icon-bar:nth-child(2) {width: 25px;}
.navbar-toggle .icon-bar:nth-child(3) {width: 20px;}
.navbar-toggle .icon-bar + .icon-bar {/*margin-top: 3px;*/}
.navbar-toggle[aria-expanded="true"] .icon-bar {width: 30px;background:url(../images/b.png) no-repeat}
.porltv {position: relative;}


.navtop1{ top:10px;}



/*===================头=================================*/
.baleft{top:40% !important;}
.baleft img{width:100%}

.t_header {height: 30px;border-bottom: 1px solid #e5e5e5;color: #666;font-size: 12px;background: url(../images/11_03.png) repeat-x;}
.t_header a{ line-height:30px; color:#333333; padding:0px 2px}

/*header*/
.header-search{transition: width .4s ease;position: relative;width:23px;margin-left:10px;overflow: hidden; margin-right:20px;}
.header-search a{transition: opacity .4s ease;z-index: 100;position: absolute;left: 0;top: 2px;display: block;width:23px;height: 23px;background: url(../images/1_16.png) no-repeat center center;}
.header-search input{transition: all .4s ease;padding-left: 22px;border: none;border-bottom: 1px solid #000;font-size: 14px;color: #000;padding-bottom: 4px;transform: translateX(172px);}
.header-search input::-webkit-input-placeholder{font-size: 14px;color: #666;}
.header-search.show{width:140px;}
.header-search.show input{transform: translateX(0);}
/*end*/


@media (max-width: 768px){
.header-search{margin-top:30px;margin-left: auto;margin-right: auto; margin-bottom:30px}
.header-search.show{width:290px;}
.header-search input {padding-bottom: 8px;width: 100%;}
}




@media (max-width:768px) {
.baleft{top:30% !important;}
.baleft img{width:20px}
}
.martop20{ margin-top:20px}

.martop50{ margin-top:50px}
.marbot40{margin-bottom:40px}


.ititle{ text-align:center;}
.ititle h2{ color: #681f70; font-size:30px; line-height:50px;}
.ititle h3{width:80px; height:1px; background:#681f70; margin:0 auto; padding:0px; display:table}
.ititle h4{ color:#333333; font-size:18px; padding:30px 0 10px 0; line-height:30px; display:table}

.nav_list{width:140px;z-index:100}
.nav_list li{width:140px; height:80px; display:table; padding:0px !important; border:#681f70 1px solid; margin-bottom:10px; text-align:center}
.nav_list li a{ width:100%;line-height:30px !important;  height:80px; display:table;border:none}
.nav_list li a:hover{ width:100%; background:#681f70; display:table; height:80px;color: #ffffff !important;}
.nav_list li span{width:100%;text-align:center; display:table}
.nav_list li font{text-align:center;font-size:12px;letter-spacing:-1.2px}


.nav_list li:hover a{background:#681f70;color: #ffffff !important;}
.nav_list>li.active>a,
.nav_list>li.active>a:hover,
.nav_list>li.active>a:focus{	color: #ffffff !important;
	cursor: default; background:#681f70
}


.nimg{z-index:-1;}

.navright {left:170px;top: 0;position: absolute;}
.navrightimg{ margin:0 auto; padding:0px;display:table;width:100%;}
.dli{float:left;width:330px; height:220px; margin-left:10px; margin-bottom:15px; position:relative}
.dli a:hover{ border:#681f70 3px solid; display:table;}
.dli img{width:100%;}

.jiedai{width:105px; height:105px; border-radius:100px; position:absolute; top:25%; left:35%; background:rgba(104,31,112,0.7); text-align:center; font-size:18px; color:#ffffff}
.jiedai:hover{background:rgba(255,255,255,0.3);text-align:center;border:#ffffff 2px solid}

.line105{ line-height:105px;}
.line45{ line-height:30px; padding-top:23px}


@media (max-width:768px) {
.martop50{ margin-top:10px}
.marbot40{margin-bottom:10px}

.ititle h2{font-size:18px; line-height:30px;}
.ititle h4{ font-size:14px;padding:15px 0 10px 0; line-height:20px}
.nav_list{width:100%; display:table}
.nav_list li{width:33.33% !important; height:40px; margin-left:-1px;}
.nav_list li a{ height:40px;}
.nav_list li a:hover{height:40px;color: #ffffff !important;}
.nav_list li font{ display:none}
.navright{ position:inherit; display:table;width:100%; left:0}
.dli{width:100%;height:100px !important; margin-left:0px; margin-right:0px; margin-bottom:10px; position:relative; float:none; display:block}
.dli a:hover{ border:#681f70 3px solid; display:table;}

.jiedai{width:65px; height:65px; border-radius:100px; position:absolute; top:20%; left:30%; background:rgba(104,31,112,0.7); text-align:center; font-size:14px; color:#ffffff}
.jiedai:hover{background:rgba(255,255,255,0.3);text-align:center; border:#ffffff 2px solid}

.line105{ line-height:65px;}
.line45{ line-height:20px; padding-top:13px}


.bord_right{ border-right: none !important}
.bord_botm{ border-bottom:none}



}

.xun{ background:url(../images/index_02.png) no-repeat center; display:table; width:100%; margin-top:30px; height:600px}
.xun01{ background:url(../images/index_12.png) no-repeat center; display:table; width:100%; margin-top:30px; height:600px}
.xun03{ background:url(../images/1234_033.png) no-repeat center top; display:table; width:100%; margin-top:30px; height:640px}

.xcent{width:1200px;margin:0 auto;display:table; padding:53px 0 0px 0; position:relative}
.xcent img{ margin:0 auto; padding:0px; display:table}
.xcentfont1{position:absolute;width:390px; left:80px; top:80px; font-size:18px; color:#ffffff; line-height:30px}
.xcentfont2{position:absolute;width:220px; left:100px; top:295px; font-size:18px; color:#ffffff; line-height:30px}
.xcentfont3{position:absolute;width:310px; left:120px; top:460px; font-size:18px; color:#ffffff; line-height:30px}
.xcentfont4{position:absolute;width:310px; right:130px; top:80px; font-size:18px; color:#ffffff; line-height:30px}
.xcentfont5{position:absolute;width:310px; right:30px; top:235px; font-size:18px; color:#ffffff; line-height:30px}
.xcentfont6{position:absolute;width:310px; right:80px; top:440px; font-size:18px; color:#ffffff; line-height:30px}

.xunbot{ margin:0 auto; padding:0px; display:table}

.matotop{ margin-top:20px}


.youshi{width:100%; border:#000 1px solid; height:480px; margin-top:50px;}

.phbox{width:25%; height:480px; float:left}
.phfront {z-index: 2; height:100%; text-align:center;}

.phback {z-index: 2;}



.demo{width:100%; display:table; border:#681f70 1px solid; }
.our-team{overflow: hidden;width:25%; height:480px;position: relative;float:left;border-right:#681f70 1px solid; }
.our-team:last-child{ border:none}

.our-team .img{width: 100%;height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;}
.our-team .img img{ margin:0 auto; padding:0px; display:block; margin-top:60px; margin-bottom:50px;}
.our-team .img h3{width:80px; height:1px; background:#681f70; margin:0 auto; padding:0px; display:table}
.our-team .img h4{ line-height:200px; text-align:center; font-size:18px; color:#333333}


.our-team .team-content{width:100%;height: 100%;background: #681f70;position: absolute;top: 0;right:-100%;transition: all 0.4s ease-in-out 0s;}
.our-team:hover .team-content{right: 0;width:100%;}

.temborder{width:94%; height:460px; border:#ffffff 1px solid; margin:10px 0px 0px 3%}
.temborder .img{width: 100%;height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;}
.temborder .img img{ margin:0 auto; padding:0px; display:block; margin-top:60px; margin-bottom:50px;}
.temborder h3{width:80px; height:1px; background:#ffffff; margin:0 auto; padding:0px; display:table}
.temborder h4{ line-height:50px; text-align:center; font-size:18px; color:#ffffff}
.temborder h5{width:65%; margin:0 auto; padding:0px; display:table; color:#ffffff; line-height:25px; text-align:center;}


.our-team .social{padding: 0;margin: 0;list-style: none;}
.our-team .social li{display: inline-block;margin-right: 10px;}
.our-team .social li:last-child{margin-right: 0;}
.our-team .social li a{display: block;width: 36px;height: 36px;line-height: 36px;font-size: 14px;color: #999;border-radius: 4px;text-align: center;transition: all 0.3s ease-in-out 0s;}
.our-team .social li a:hover{ color: #fff; }
.our-team .social li a.fa-facebook:hover{ background: #3b5a9b; }
.our-team .social li a.fa-twitter:hover{ background: #2baae1; }
.our-team .social li a.fa-google-plus:hover{ background: #f63d26; }
.our-team .social li a.fa-youtube:hover{ background: #c3181e; }
@media only screen and (max-width: 990px){
.demo{width:96%; display:table; border:#681f70 1px solid; margin-left:2%; }

.our-team{overflow: hidden;width:50%; height:auto;position: relative;float:left;border-right:#681f70 1px solid;border-bottom:#681f70 1px solid; }
.our-team .img{width: 100%;height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;}
.our-team .img img{width:60%; margin:0 auto; padding:0px; display:block; margin-top:20px; margin-bottom:10px;}
.our-team .img h3{width:80px; height:1px; background:#681f70; margin:0 auto; padding:0px; display:table}
.our-team .img h4{ line-height:100px; text-align:center; font-size:16px; color:#333333}

.temborder{width:100%; height:auto; border: none; margin:0px }
.temborder .img{width: 100%;height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;}
.temborder .img img{ width:60%; margin:0 auto; padding:0px; display:block; margin-top:20px; margin-bottom:20px;}
.temborder h4{ line-height:35px; text-align:center; font-size:16px; color:#ffffff}
.temborder h5{width:90%; margin:0 auto; padding:0px; display: block; color:#ffffff; line-height:20px; text-align:center; height:40px; overflow:hidden}

}
@media only screen and (max-width: 360px){
.team-content{ padding: 15% 15px 0; }
.our-team .social li{ margin-right: 0; }

}

.teacher{width:100%; height:480px; background:#FFF; margin-top:30px; display:table;padding:10px; position:relative}
.teacher_1{width:98%; border:#681f70 2px solid; margin-left:1%; height:460px;}
.teacher_1 img{width:100%;}
.textetab{position: absolute; width:125px; height:170px;left:0px; bottom:0px;  background:#681f70}
.textetab h2{ font-size:17px; color:#FFF; padding:0px 10px; margin-top:20px}
.textetab h3{ font-size:17px; color:#FFF;padding:0px 10px; margin-top:20px}


.textetab02{position: absolute;height:170px; width:150px; right:5px; bottom:0px; text-align:center}
.textetab02 h2{ font-size:18px; color:#ff0000;margin-top:60px; margin-bottom:10px;}
.textetab02 h3{ font-size:16px; color:#333; line-height:25px;}

.chakan{width:140px; height:40px; background:#681f70; text-align:center; color:#ffffff; text-align:center; display:table; float:right; line-height:40px; margin-top:20px;}
.chakan:hover{ text-decoration:underline; color:#ffffff}

@media (max-width:768px) {
.xun01{ background:#333332; display:table; width:100%; margin-top:30px; height:auto; padding-bottom:20px}
	
.teacher{width:100%; height:auto; background:#FFF; margin-top:30px; display:table;padding:10px; position:relative}
.teacher_1{width:98%; border:#681f70 2px solid; margin-left:1%; height:98%;}

.textetab{position: inherit; width:100%; height:auto;left:0px; bottom:0px;  background:#681f70; text-align:center;}
.textetab h2{ font-size:14px; color:#FFF; padding:0px 0px; margin-top:0px; padding-top:5px}
.textetab h3{ font-size:14px; color:#FFF;padding:0px 0px; margin-top:0px; padding-bottom:5px}


.textetab02{position: inherit;height:auto; width:100%; right:0px; bottom:0px; text-align:center}
.textetab02 h2{ font-size:14px; color:#ff0000;margin-top:0px; margin-bottom:0px;}
.textetab02 h3{ font-size:14px; color:#333; line-height:25px; height:25px; display:block; overflow:hidden}

.chakan{width:80%; height:40px; background:#681f70; text-align:center; color:#ffffff; text-align:center; display:table; float: none; line-height:40px; margin-top:20px; margin-left:10%;border-radius:50px}
.chakan:hover{ text-decoration:underline; color:#ffffff}
}

.jgimg {width:100%;}
.jgimg .div1{width:49%; float:left; margin-left:1%; margin-bottom:10px}
.jgimg .div1 img{width:100%;}


.jgimg .div2{width:32.3%;float:left;margin-left:1%;}
.jgimg .div2 img{width:100%;}

.jppost{ position:relative}
.jimgadd{ position: absolute; left:30px; top:50px; z-index:100}





.box{text-align: center;overflow: hidden;position: relative;}
.box:before{content: "";width: 0;height: 100%;background: #000;padding: 14px 18px;position: absolute;top: 0;left: 50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box:hover:before{width: 100%;left: 0;opacity: 0.5;}
.box img{width: 100%;height: auto;}
.box .box-content{width: 100%;padding: 14px 18px;color: #fff;position: absolute;top: 38%;left: 0;}
.box .title{width:80px; height:80px;text-transform: uppercase;margin: 0;opacity: 0;margin:0 auto; padding:0px; display:table}
  
  
.box:hover .title{opacity: 1;transition-delay: 0.7s;}
.box:hover .icon li a{opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}
/*  .box:hover .icon li:last-child a{
    transition-delay: 0.8s;
  }*/
  @media only screen and (max-width:990px){
    .box{ margin-bottom: 30px; }
  }

@media (max-width:768px) {
.box .box-content{width: 100%;padding: 14px 18px;color: #fff;position: absolute;top:20%;left: 0;}
.box .title{width:60px;text-transform: uppercase;margin: 0;opacity: 0;margin:0 auto; padding:0px; display:table}
.box .title img{width:60px;}

.swiper-button-next, .swiper-button-prev{margin-top:-90px !important}

.postcent{ display:none}
.sphote{ display:table !important}
.sphote img{width:100%}
}

.sphote{ display:none}


.post_00{width:1200px; display:table; position:absolute}

.ttop{ position: relative; left:0px; top:20px;}
.ttop02{ position:relative; right:15px; top:103px;}
.ttop03{ position:relative; left:391px; top:-33px;}
.ttop04{ position:relative;left: -194px; top:45px;}
.ttop05{ position:relative;left: -254px; top:158px;}
.ttop06{ position:relative;left: -194px; top:158px;}

.tabbot{width:260px; height:240px; float:left;}
.box02{text-align: center;overflow: hidden;position: relative;}
.box02:before{content: "";width: 0;height: 100%;padding: 14px 18px;position: absolute;top: 0;left:50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box02:hover:before{width: 100%;opacity:1; left:0; top:-12px;background:url(../images/index_124hh.png) no-repeat center;}
.box02 img{height: auto;}
.box02 .box-content{width: 100%;color: #fff;position: absolute;top:0%;left: 0; }
.box02 .title{text-transform: uppercase;margin: 0;opacity: 0;margin:0 auto; padding:0px; display:table}
.boxspan1{top:-10px;position:absolute; left:42%; line-height:30px;}
.boxspan2{ top:180px; left:0px;position:absolute}
.boxspan3{ top:180px;right:0px;position:absolute}
.box02:hover .title{opacity: 1;transition-delay: 0.7s;}
.box02:hover .icon li a{opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}

.postszimg{ display:none}
@media (max-width:768px) {
.xun03{ background:#2b2b2a; display:table; width:100%; margin-top:20px; height:auto; padding:15px 0}
.post_00{ display:none}
.postszimg{width:100%;}
.postszimg img{width:100%;}
}


.xun04{ background: url(../images/in9_06.png) center; display:table; width:100%; margin-top:20px; height:563px}
.tixi{width:100%; margin-top:30px;}
.tixi img{width:100%;}

.fromxt{margin-top:120px;}
.fromxt h2{ font-size:24px; color:#333333; text-align:center}

.fromtab{width:490px;margin:0 auto; padding:0px; display:table; margin-top:30px;}
.inptext{width:490px;background:#ffffff; border:#8c389d 1px solid; border-radius:5px; height:40px; line-height:40px;padding:0px 10px; margin-bottom:20px;}
.txtarea{width:490px; background:#ffffff; border:#8c389d 1px solid; border-radius:5px; height:120px; line-height:40px;padding:0px 10px; margin-bottom:20px;}

.btnsubmit{width:490px;background:#681f70;border-radius:5px; height:60px; line-height:60px;padding:0px 10px; text-align:center; display:table; color:#ffffff; font-size:24px;}
.btnsubmit:hover{ color:#ffffff; background:#86478d}

@media (max-width:768px) {
.xun04{ background:#ffffff; display:table; width:100%; margin-top:20px; height:563px}
.tixi{width:80%;margin-top:30px; margin-left:10%}
.tixi img{width:100%;}


.fromxt{width:90%; margin-left:5%;margin-top:10px; margin-bottom:20px}
.fromxt h2{ font-size:24px; color:#333333; text-align:center}

.fromtab{width:100%;margin:0 auto; padding:0px; display:table; margin-top:20px;}
.inptext{width:100%;background:#ffffff; border:#8c389d 1px solid; border-radius:5px; height:40px; line-height:40px;padding:0px 10px; margin-bottom:20px;}
.txtarea{width:100%; background:#ffffff; border:#8c389d 1px solid; border-radius:5px; height:120px; line-height:40px;padding:0px 10px; margin-bottom:20px;}

.btnsubmit{width:100%;background:#681f70;border-radius:5px; height:50px; line-height:50px;padding:0px 10px; text-align:center; display:table; color:#ffffff; font-size:18px;}
.btnsubmit:hover{ color:#ffffff; background:#86478d}

.xun05{background:#2b2b2a; display:table; width:100%; margin-top:10px; height:auto !important; padding-bottom:20px}

.hezuo{width:100%; display:table; margin-top:20px !important}
.hezuo li{width:33.33% !important; float:left}
.hezuo li img{width:96%; margin-left:2%; margin-bottom:10px}

}
.xun05{ background: url(../images/index_244.png) top center no-repeat;display:table; width:100%; margin-top:20px; height:560px}

.hezuo{width:100%; display:table; margin-top:50px}
.hezuo li{width:20%; float:left}
.hezuo li img{width:96%; margin-left:2%; margin-bottom:10px}

@media (max-width:768px) {
.new_nr{width:100% !important; height:auto !important; background:#eeeeee; margin-top:20px; padding-bottom:10px;}
.new_nr .div01{width:98% !important; margin-left:1%; height:110px; margin:0 auto; padding:0px; display:table; margin-bottom:10px;}
.new_nr .div01 h2{ float: none !important; line-height:40px !important; text-align:center; font-size:25px !important; margin-top:15px; color:#333333}
.new_nr .div01 h3{ float:none !important; line-height:33px; font-size:16px !important;margin-top:10px; margin-top:10px !important}

.new_left h2{font-size:20px !important;}
.new_left h4{font-size:16px !important;}

.new_right h2{font-size:16px !important;line-height:35px; color:#681f70}

.new_rfont{width:100% !important; display:table; margin-top:20px !important; float: none}
.newr_left h2{font-size:20px !important;}
.newr_left h4{font-size:14px !important;}

.newr_right{ display:table;width:96%; margin-top:0px !important;}
.newr_right h2{font-size:16px !important;line-height:35px;}



}
.new_nr{width:598px; height:668px; background:#eeeeee; margin-top:40px;}
.new_nr .div01{width:560px; height:110px; margin:0 auto; padding:0px; display:table; margin-bottom:10px;}
.new_nr .div01 h2{ float:left; line-height:110px; font-size:30px; color:#333333}
.new_nr .div01 h3{ float:right; line-height:33px; font-size:18px;margin-top:10px; margin-top:20px}
.new_nr .div01 h3 a{width:100%; display:table; color:#333333}
.new_nr .div01 h3 a:hover{ color:#681f70}
.new_img{ margin-top:20px; display:table;margin:0 auto; padding:0px;}
.new_img img{width:100%}


.new_left{ display:table; text-align:center;width:100%; margin-top:20px;}
.new_left h2{ text-align:center; font-size:24px; text-align:center; line-height:35px;}
.new_left h3{width:50%; height:1px; background:#a0a0a0}
.new_left h4{ text-align:center; font-size:18px; text-align:center; line-height:35px;}


.new_right{ display:table;width:96%; margin-top:20px;}
.new_right h2{font-size:18px;line-height:35px; color:#681f70}
.new_right h3{font-size:14px;line-height:25px; height:50px; display:block; overflow:hidden}
.new_right a{color:#681f70; line-height:25px;}

    
.new_rfont{width:96%; display:table; margin-top:40px; float:right}
.new_rfont li{ margin-bottom:10px;;}
.new_rfont li a{ background:#eeeeee; display:table;width:100%; color:#333333; padding:10px 0}
.new_rfont li a:hover{ background:#681f70; color:#ffffff}
.newr_left{ display:table; text-align:center;width:100%; margin-top:20px;}
.newr_left h2{ text-align:center; font-size:24px; text-align:center; line-height:35px;}
.newr_left h3{width:50%; height:1px; background:#a0a0a0}
.newr_left h4{ text-align:center; font-size:18px; text-align:center; line-height:35px;}


.newr_right{ display:table;width:96%; margin-top:20px;}
.newr_right h2{font-size:18px;line-height:35px;}
.newr_right h3{font-size:14px;line-height:25px; height:25px; display:block; overflow:hidden}


.xun06{ background:url(../images/1234_02.png) no-repeat center top; display:table; width:100%; margin-top:30px; height:600px}

.libotimg{width:380px; height:462px; margin-top:30px; float:left; margin-right:5px;}
.libpot{ position:relative}

.box03{text-align: center;overflow: hidden;position: relative;}
.box03:before{content: "";width: 0;height: 100%;padding: 14px 18px;position: absolute;top: 0;left:50%;opacity: 0;transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s;}
.box03:hover:before{width: 100%;opacity:1; left:0; top:0;background: url(../images/index_27.png) no-repeat center; margin-top:18px;}
.box03 img{height: auto;}
.box03 .box-content{width: 100%;color: #fff;position: absolute;top:0%;left: 0; }
.box03 .title{width:90%;text-transform: uppercase;margin: 0;opacity: 0;margin:0 auto; padding:0px; display:table;}

.boxh2{ font-size:28px; line-height:50px;}
.boxh2nr{width:80%; margin:0 auto; padding:0px; display:table; font-size:14px; margin-top:15px; line-height:25px;}



.box03:hover .title{opacity: 1;transition-delay: 0.7s;}
.box03:hover .icon li a{opacity: 1;transform: translateY(0px);transition-delay: 0.5s;}

.iconimg02{ display:none}

@media (max-width:768px) {
.xun06{ background:#2b2b2a; display:table; width:100%; margin-top:10px !important; height:auto !important; padding:20px 0px;}
.iconimg02{ display:table !important}
.iconimg{ display:none}
.phohtimg{width:100%}


.jpteacther{width:100% !important; height:auto !important; background:#f6f6f6; border:#681f70 1px solid; position: inherit !important; margin-top:0 !important; margin-left:0% !important; padding:10px 0}
.jpteacther h2{ position: inherit !important; text-align:center; top:0 !important; color:#333333; font-size:14px !important;width:100%;}
.jpteacther h3{ position:inherit !important; top:0px !important;width:100%; text-align:center; font-size:16px !important; color:#681f70}
.jtimgt{ position: inherit !important; top:0px !important; left:0px !important;width:80%; margin:0 auto; display:table}
.jpheight{ height:auto !important}

.xun07{ background:url(../images/index_02.png) no-repeat center top #2b2b2a !important; display:table; width:100%;  height:auto !important; padding-bottom:65px}


.texttab p{ line-height:20px;font-size:14px !important;}

.btextright{width:100%; display:table; float:left; margin-top:20px !important;}
.btextright h2{ font-size:14px !important; color:#ffffff; line-height:25px !important; padding:10px 0}
.btextright h2 img{ margin-right:10px;}
.btextright h3{ margin-left:35px !important; font-size:14px !important; color:#ffffff; padding-top:10px;}
.btextright h3 span{ font-size:20px !important; color: #ff0000; font-weight:bold}

.botbot10{ padding-bottom:10px;}
}



.jpteacther{width:94%; height:260px; background:#f6f6f6; border:#681f70 1px solid; position:absolute; margin-top:140px; margin-left:3%}
.jpteacther h2{ position:absolute; text-align:center; top:150px; color:#333333; font-size:18px;width:100%;}
.jpteacther h3{ position:absolute; top:190px;width:100%; text-align:center; font-size:30px; color:#681f70}
.jtimgt{ position:relative; top:-130px; left:20%;}

.jpheight{ height:450px}


.xun07{ background:url(../images/index_3455.png) no-repeat center top; display:table; width:100%;  /*height:600px*/}
.texttab{width:96%; background:rgba(255,255,255,0.2); border-radius:5px; padding:7px;margin-top:50px; margin-left:2%}
.texttab01{width:100%; background:#310336; border-radius:5px; color:#ffffff; padding:10px; margin:0 auto;}

.texttab p{ color:#ffffff; text-indent:2em; font-size:16px;}

.btextright{width:100%; display:table; float:left; margin-top:70px;}
.btextright h2{ font-size:18px; color:#ffffff; line-height:45px;}
.btextright h2 img{ margin-right:10px;}
.btextright h3{ margin-left:20px; font-size:30px; color:#ffffff; padding-top:10px;}
.btextright h3 span{ font-size:48px; color: #ff0000; font-weight:bold}



.nnbottom{ background:#000000; height:80px; line-height:80px; text-align:center; color:#ffffff; font-size:18px;}
.nnbottom span{ margin-left:20px; margin-right:20px;}


@media (max-width:768px) {

/*.nnbottom{ background:#000000; height:auto !important; line-height:25px !important; text-align:center; color:#ffffff; font-size:14px !important; padding:15px 0px;}
.nnbottom span{ margin-left:0 !important; margin-right:0 !important;width:100%; display:table; text-align:center}
*/
.nnbottom{ display:none}
}




.nav_tabbot{ display:none}
/*********底部*********/
@media (max-width:768px) {
.nav_tabbot{ display:table !important}
.nav-tabs{text-align: center;height:50px;line-height: 50px; display:table !important}
.nalibot ul{width:100%; display:table; position:absolute}
.nalibot ul li{width:20%; float:left; color:#ffffff;}
.nalibot a{width:100%;font-size:12px !important; padding:0 !important}
.nalibot a img{ height:25px; margin-top:5px}
.nalibot a h2{ line-height:20px;}
.navcirl{width:70px; height:70px; background:#FFF; position:relative; display:block; bottom:20px; border-radius:100px; border:#ff9c00 2px solid; line-height:60px;}
.navcirl img{width:30px; height:30px; margin-top:15px}
}
/*********底部*********/







/****讲师***/
.daoshi_p{padding:0px 5px !important}
.jiangshibg{ background:#f1f1ef; display:table; width:100%; padding:20px 0 100px 0}
.jsttitle{ font-size:14px;}
.jsttitle a{ color:#333;}
.jsttitle span{ color:#681f70}

/****案例***/
.aacasebg{ background:#f1f1ef; display:table; width:100%; padding:20px 0 50px 0}

.aacase{ margin:0 !important}
.aacasetitle{width:100%; display:table; margin-top:20px; border-top:#8e8e8e 1px dashed; text-align:center;}
.aacasetitle h2{ color:#000;font-size:24px; padding-top:15px;}
.aacasetitle h3{ color:#cccccc;font-size:18px; font-weight:bold; padding-top:10px;}
.aacasetitle img{width:100%;}

.caselist{ margin-top:15px;}
.caselist h2{height:50px; line-height:50px; overflow:hidden; display:block; font-size:18px; text-align:center}
.caselist a{ color:#333333}
.caselist a:hover{ color:#681f70}

@media (max-width:768px) {
.aacasebg{padding:20px 0 0px 0 !important}
.altop{ margin-top:60px;}
.caselist{ margin-top:10px;}
.caselist h2{height:40px; line-height:40px; overflow:hidden; display:block; font-size:14px; text-align:center}
}

/**** 新闻详情***/
.new_xiq{ display:table; text-align:center;width:100%; border-bottom:#8e8e8e 1px dashed; padding-bottom:10px}
.new_xiq h2{font-size: 26px;color: #000000;font-weight: bold; text-align:center}
.new_xiq h3{ text-align:center; font-size:16px; color:#333; line-height:50px;}
.new_xiq h3 span{ margin:0px 15px 0px 15px}
.new_xiq h3 img{ margin-right:5px;}

.newnrong{width:100%; display:table; padding-top:20px; color:#000000; padding-bottom:100px;}
.newimg100{width:100%}
.newnrong h2{ font-size:16px; padding:15px 0;color:#000000; font-weight:bold}
.newnrong p{ font-size:14px;color:#333333; padding:0 0}
.new_img{width:100%; display:table;}
.new_img .nimg1{width:60%; float:left}
.new_img .nimg2{width:40%; float:left}
.new_img img{width:99.8%; height:260px}

.new_img2{width:100%; display:table;}
.new_img2 .nimg1{width:30%; float:left}
.new_img2 .nimg2{width:40%; float:left}
.new_img2 img{width:99.8%; height:260px}

.new_img3{width:85%; display:table; margin:0 auto; padding:0px;}
.new_img3 .nimg1{width:50%; float:left}
.new_img3 img{width:98%; height:260px;}


.tsfont{width:80%; height:30px; line-height:30px; overflow:hidden; display:block }
.tsfont a{color:#333333}
.tsfont a:hover{color:#681f70}
.tetextright{ text-align:right}
@media (max-width:768px) {
.new_xiq h2{font-size:18px; padding-top:15px;}
.new_xiq h3{ font-size:14px;line-height:30px !important;}
.new_xiq h3 span{ margin:0px !important; display:table; text-align:center;width:100%}
.new_xiq h3 img{ margin-right:5px;}
.newnrong{width:96%; display:table; padding-top:20px; color:#000000; padding-bottom:30px; margin-left:2%}

.new_img{width:100%; display:table;}
.new_img .nimg1{width:100%;}
.new_img .nimg2{width:100%;}
.new_img img{width:100%; height:auto; margin:5px 0}

.new_img2{width:100%;}
.new_img2 .nimg1{width:100%;}
.new_img2 .nimg2{width:100%;}
.new_img2 img{width:100%; height:auto; margin:5px 0}

.new_img3{width:100%;}
.new_img3 .nimg1{width:100%;}
.new_img3 img{width:100%; height:auto; margin:5px 0}


.tsfont{margin-bottom:15px }


}

/**** 新闻中心***/
.newcent{ background:#FFF; border-top:10px #f1f1ef solid}
.newcent_title{width:100%; display:table; margin-top:30px;}
.newleftf{width:280px; height:90px; background:#681f70; display:table; float:left}
.newleftf h2{width:30px; height:2px; background:#ffffff; margin-top:18px;margin-left:40px; margin-bottom:5px}
.newleftf h3{ font-size:24px; color:#ffffff; margin-left:40px;}
.newleftf h4{ font-size:14px; color:#ffffff; margin-left:40px;}


.newleftright{width:915px;height:90px;float:right}
.newalist{ border-bottom:#cdcdcd 1px solid; width:100%; color:#282323; line-height:40px;}
.newalist img{ margin-left:20px; margin-right:10px;}
.newalist01{ width:100%;line-height:40px;}

.newtabq li{width:270px; height:43px;float:left; margin-right:5px; background:#a3a3a3; padding:0 !important; margin-top:2px;}
.newtabq li a{ line-height:43px !important; padding:0 !important; text-align:center; border-bottom:#a3a3a3 4px solid}
.newtabq li.active a {color: #FFFFFF;border-color:#ae5da0 !important; background:url(../images/zx_07.png) no-repeat right #ae5da0;}
.newtabq li:hover a {color: #FFFFFF; border-color:#a3a3a3 !important; background: #a3a3a3;}

.newnext{width:98%; margin-left:1%; display:table; margin-top:50px; margin-bottom:50px;}
.newnext li{width:100%; border-left:1px dashed #999999; padding:20px 0 0 0; display:table;}
.newyuan{width:8px; height:8px; border-radius:100px; border:#cacaca 1px solid; display: table; position:absolute; left:-5px; background:#ffffff}
.newyuan:hover{border:#681f70 1px solid;}
.nebot{ border-bottom:#cacaca 1px solid; width:98.5%; float:right; margin-top:15px;}

.newnext_1{ /*float:left; position:absolute; left:260px; top:0*/}
.newnext_1 h2 a{font-size:18px; height:40px; line-height:40px; display:table; color:#000000}
.newnext_1 h2 a:hover{ color:#681f70}
.newnext_1 h3 a{ font-size:14px; height:50px; line-height:25px; display: block; overflow:hidden;color:#999}
.newnext_1 h3 a:hover{ color:#000}
.newck{width:85px; height:25px; background:#8c8c8c; color:#ffffff; display:table; text-align:center; line-height:25px; margin-top:40px}
.newck:hover{width:85px; height:25px; background:#a429b3; color:#ffffff; display:table; text-align:center; line-height:25px; margin-top:40px}
.newdate{width:80px; padding:10px 10px; background:#a3a3a3; display:table; color:#ffffff; float:right; margin-top:20px}
.newdate span{ font-size:18px; text-align:center;width:100%; display:table}
.newdate font{ font-size:14px; text-align:center;width:100%; display:table}
.newdate:hover{ background:#a429b3; color:#ffffff;}




.newimg{overflow: hidden;width:210px; height:156px;position: relative;}
.newimg .img{width: 100%;height: auto;position: relative;right: 0;transition: all 0.4s ease-in-out 0s;}
.newimg .img img{ margin:0 auto; padding:0px; display:block;}
.newimg .img h3{margin:0 auto; padding:0px; display:table}
.newimg .team-content{width:100%;height: 100%;background:rgba(0,0,0,0.5);position: absolute;top: 0;right:-100%;transition: all 0.4s ease-in-out 0s;}
.newimg .team-content img{ margin-top:70px;}
.newimg:hover .team-content{right: 0;width:100%;}


@media (max-width:768px) {
.newcent_title{width:100%; display:table; margin-top:20px;}
.newleftf{width:100%; height:90px; background:#681f70; display:table; float:left}
.newleftf h2{width:30px; height:2px; background:#ffffff; margin-top:18px;margin-left:40px; margin-bottom:5px}
.newleftf h3{ font-size:20px; color:#ffffff; margin-left:40px;}
.newleftf h4{ font-size:14px; color:#ffffff; margin-left:40px;}

.newleftright{width:100%;}
.newalist{ border-bottom: none; width:100%; color:#282323; line-height:40px;}
.newalist img{ margin-left:20px; margin-right:10px;}
.newalist01{ width:100%;line-height:40px; display:table}
.newtabq{width:96%; margin-left:2%;display:table}
.newtabq li{width:50%; height:43px;float:left !important; margin-right:0 !important; background:#a3a3a3; padding:0 !important; margin-top:2px;}
.newtabq li a{ line-height:43px !important; padding:0 !important; text-align:center; border-bottom:#a3a3a3 4px solid}
.newtabq li.active a {color: #FFFFFF;border-color:#ae5da0 !important; background: #ae5da0;}
.newtabq li:hover a {color: #FFFFFF; border-color:#a3a3a3 !important; background: #a3a3a3;}

.newyuan{ display:none}
.newnext li{ border-left:none; border-bottom:#cacaca 1px solid; padding-bottom:15px;}
.nebot{ display:none}

.newnext{width:100%; margin-left:0%; display:table; margin-top:0px; margin-bottom:20px;}
.newimg{width:100%; height:auto}
.newimg .team-content img{ margin-top:30%;}
.newck{ margin-top:10px;}
.newdate{width:auto; padding:5px 10px; display:table; color:#333; float:left; border:#a3a3a3 1px solid; background:none}
.newdate span{ font-size:16px; text-align:center;width:auto; display:table; float:left; margin-right:10px;}
.newdate font{ font-size:14px; text-align:center;width:auto; display:table; float:left}
.newdate:hover{ background:#a429b3; color:#a3a3a3;}

}


.newpage{ margin:0 auto; padding:0px; display:table}
.newpage li{width:40px !important; height:40px !important; display:table; float:left; border:none; margin:0px 3px; text-align:center;line-height:40px !important; }
.newpage li a{ color:#333; font-weight:bold; border:#ffffff 1px solid; padding:0px !important;line-height:40px !important; font-weight:bold; }
.newpage li a:hover{ border:#ff44ff 1px solid;width:40px !important; height:40px !important;border-radius:100px; display:table;padding:0px !important;}

.newpage>li>a, .newpage>li>span{ margin:0px !important; float:none}


.newpage li a:hover,
.newpage li span:hover,
.newpage li a:focus,{z-index: 2;color: #fff;background-color: #000;border-color: #ddd}


.newpage>li>a:hover,
.newpage>li>span:hover,
.newpage>li>a:focus,
.newpage>li>span:focus {z-index: 2;color: #000;
background-color: #ffffff;border-color: #ff44ff;width:40px !important; height:40px !important; border-radius:100px !important; display:table;}


.newpage_1{top:10px !important; font-size:16px}
.newpage_1 a{display: inline-block;padding:0px;background-color:#fff;border-radius:100px !important;border: 1px solid #ddd !important; color:#ddd !important;float:left;width:40px !important; height:40px !important;line-height:40px !important; text-align:center}
.newpage_1 a:hover{background:#ddd; border:#ddd 1px solid;color:#000 !important;}


/*12-12*/
.caseheight{height:360px !important}
@media (max-width:768px) {
.caseheight{height:150px !important}
}
/*-- 在线客服 --*/
.box_os{ height:400px ;position:fixed; right:5%; top:40%; display:block}
.os_x{width:40px; height:40px;position: relative; top:20px; cursor:pointer; right:-73px}
.ico_os{cursor:pointer; width:50px; height:180px; float:right; background:#681f70;border-top-left-radius:10px;border-bottom-left-radius:10px}
.ico_os img{ margin-left:15px; margin-top:15px;}
.onlineService{ background:none; display:none; width:39px; *width:84px; height:178px;position:fixed; right:0; bottom:20%; _position:absolute;}

.daohang{width:90px; height:360px; border:#d2d2d2 1px solid;background:#ffffff; border-radius:5px; z-index:5; float:right}
.daohang li{width:100%; height:90px; border-bottom: #d2d2d2 1px solid; font-size:14px; display:table}
.daohang li img{ margin: auto; padding:0px; display: block; margin-top:15px;}
.daohang li a{ color:#333}
.daohang li span{ text-align:center; font-size:12px;width:100%; display:table; line-height:30px;}
.daohang_n{border-bottom: none !important}

.dhketu{width:300px; height:auto; border:#ddd 1px solid; background:#ffffff; padding:5px 10px; position:absolute; right:99px; top:10%; border-radius:5px;}
.dhketu h2{ color:#681f70; font-size:18px; text-align:center; border-bottom:#cccccc 1px solid; line-height:50px;}
.dhketu h3{ color:#333; font-size:14px; line-height:30px;}
.dhlisttab{width:100%; display:table}
.dhlisttab a{width:50%; float:left; color:#666666; padding:5px 0}
.dhlisttab img{ float: left; margin-top:0px !important}

.dhtell{width:200px; height:auto; border:#ddd 1px solid; background:#ffffff; padding:5px 10px; position:absolute; right:99px; top:90px; border-radius:5px;}
.dhtell h2{padding:10px 0; display:table;width:100%; float:left;}
.dhtell h2 img{ height:25px;float:left; margin-top:0px !important}
.dhtell h2 span{ float:left;color:#9200a2; font-size:20px; font-weight:bold;width:auto}
.dhtell h2 font{width:100%; display:table; color:#666666; margin-left:30px;}


.dhweixin{width:150px; height:auto; border:#ddd 1px solid; background:#ffffff; padding:10px 10px; position:absolute; right:99px; top:180px; border-radius:5px;}
.dhweixin img{ margin:0 auto; padding:0px; display:block}
.dhweixin span{width:100%; display:table; line-height:30px; text-align:center}
@media (max-width:768px) {
.daohang{ display:none}
.jiangshibg{ padding:20px 0 50px 0 !important}
}

.site-page { padding-bottom:50px;}
.site-page a,.site-page span{ display:inline-block; width:38px; height:38px; border-radius:20px; border:#8700ae solid 1px; text-align:center; line-height:38px; font-size:14px; overflow:hidden; zoom:1; vertical-align:middle;}
.site-page span{background:#8700ae; color:#fff; margin-left: 10px;}
.site-page a.num:hover,.site-page a.num.on{ border-color:#d93236; font-weight:bold; font-size:16px; color:#000; text-decoration:none;}
.site-page a.prev,.site-page a.next{ display:inline-block; width:23px; height:23px; vertical-align:middle;}
.site-page a.prev{background:url(../images/page_prev.gif) no-repeat; margin-right:10px; border:none;}
.site-page a.next{background:url(../images/page_next.gif) no-repeat; margin-left:10px; border:none;}