html, body {
    overflow-x: hidden;
}



/*竖*/
.ccbox_v {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
/*横*/
.ccbox_h {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}

/* 通用按钮 */
button.project-button {
	margin-top: 40px;
	width: 158px;
	height: 44px;
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center;
	font-size: 20px;
	color: #09c8fe;
	border-radius: 7px;
	background-image: url('../images/btn-back.png');
}
button.project-button:hover {
	color: #fff;
	background: -webkit-linear-gradient(#09c8fe, #0365ff); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(#09c8fe, #0365ff); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(#09c8fe, #0365ff); /* Firefox 3.6 - 15 */
	background: linear-gradient(#09c8fe, #0365ff); /* 标准的语法 */
}
	button.project-button:hover > span[data-text]::after{
		color: #fff;
	}
	button.project-button > span {
		position: relative;
	}
	/* 深 ： #0365ff  浅 ：#09c8fe */
	button.project-button > span[data-text]::after {
		content: attr(data-text);  
		position: absolute;  
		left: 0px;  
		z-index: 2;
		color: #0365ff;  
		-webkit-mask-image: -webkit-gradient(linear, 0 0, 0 bottom, from(#ff0000), to(rgba(0, 0, 255, 0)));
    }

/* CSS3 效果 */
.transition-all-5,.transition-all-5 * {
	transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.top_link{
    float:right;margin-left:28px;margin-top:-7px;
}
.top_link a{
    color: #fff;
    background: #6e8668;
    float: left;
    font-size: 13px;
    line-height: 23px;
    border-radius: 5px;
    padding: 0px 10px;
}
.top_link a:last-child{
    margin-top:5px;
}

.advantage .advantage-item span {
    font-size:20px;
}
div.advantage-item {
    height: 140px;
    padding-bottom: 0px;
    line-height: 26px;
}
section.doubt {
    height:600px;
}

section.register {
    height:680px;
    background:#504740 url(../images/trademark/regbg.jpg) center center;
    background-size:auto 100%;
}
    section.register > div.main {
        height:auto;
    }
section.free-admission {
    background:transparent;
}
.register section.currency > div > h1{
    color:#fff; 
}
section.register > div > h1 {
    font-weight:400;
}
ul.free-admission-list > li > h3 {
    color: #fff;
    padding-top: 10px;
    line-height: 31px;
    font-size: 12px;
}
ul.free-admission-list.price > li > h3 {
    color: #666;
    padding-top: 10px;
    line-height: 31px;
    font-size: 16px;
}

ul.free-admission-list > li > img {
    height:60px;
}
section.qtxm {
    height:307px;background:#fff;text-align:center;
}
section.qtxm .ccbox_h>div{
    margin-right:100px; color:#363636;
}
section.qtxm .ccbox_h>div:last-child{
    margin-right:0px;
}
section.qtxm a{
    display:block;
}
section.qtxm img{
    margin-bottom:20px;
}

section.currency > div > h1 {
    font-weight: 400;
}

ul.free-admission-list {
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
ul.free-admission-list > li {
    width: 160px;
    height: 160px;
    float: none;
    text-align: center;
    border: 1px solid rgba(255,255,255,0.4);
    border-radius: 7px;
    margin-right: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: center;
    box-align: center;
}
ul.free-admission-list > li:last-child {
    margin-right: 0px;
}

div.main {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}
section.theme {
    height: 605px; width:100%;
    background-color: #007fd3;
    background-image: url(../images/threme-back.png);
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
    color: #fff;
}
section.theme > div {
		padding-top: 170px;
	} 
		section.theme > div > h1 {
			font-size: 38px;
		}
		section.theme > div > h3 {
			margin-top: 25px;
			line-height: 30px;
		}
		section.theme > div > h4 {
			font-size: 15.5px;
        }

        body > section {
            overflow: hidden;
        }


body > footer.foot-public {
    border:0px;
}

div.foot-contact > h2 {
    color:#3F86D7;
}
div.foot-contact > p {
    color:#ebeff1;
	    height: 32px;
}
ul.contrast-list > li > div {
    height:100%;
    box-sizing: border-box;
    padding-bottom: 3px;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-pack: start;
    -webkit-box-align: center;
    display: box;
    box-orient: horizontal;
    box-pack: start;
    box-align: center;
}
    ul.contrast-list > li > div:first-child > img {
        margin-top:0px; margin-bottom:0px; vertical-align:inherit; display:inherit;
    }
    ul.contrast-list > li > div:last-child > img {
        margin-top:0px; margin-bottom:0px; vertical-align:inherit; display:inherit;
    }
    ul.contrast-list > li > div > span {
        padding-bottom:0px;
    }

    section.news-center {
	height: auto;padding-bottom:50px;
	background-color: #FFF;
}
ul.ques>li {
    float:none;width:auto;padding:0px 10px;
    height: 38px;line-height:38px;margin-right:30px;
}
.ques_tit {
    text-align: center;
    padding-top: 60px;
    padding-bottom: 30px;
    font-size: 32px;
    color: #4B4B4B;
}
ul.ques {
    height: 38px;
    padding-top: 0px;
    width: 587px;
    margin: 0px auto 50px;
}

ul.ques_list {
    margin:0px auto;width:970px;
}

ul.ques_list li{
    background:url(../images/quesicon.jpg) no-repeat left center ;
    line-height:46px; height:46px; padding-left:50px; font-size:20px;
}
ul.ques_list li a { color:#3D3D3D;
}

.pub_banner {
    height: 605px; background:#3494E8; width:100%;
}

.swiper-container {
      width: 100%;
      height: 100%;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* 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{height:100%;
}

.swiper-slide a{height:100%; width:100%; display:block;position:absolute;
    z-index:10000;
}
.inban1 {
    background:url(../images/banner/1.jpg) no-repeat center center;
    background-size:cover;
}
.inban2 {
    background:url(../images/banner/2.jpg) no-repeat center center;
    background-size:cover;
}
.inban3 {
    background:url(../images/banner/3.jpg) no-repeat center center;
    background-size:cover;
}
.inban4 {
    background:url(../images/banner/4.jpg) no-repeat center center;
    background-size:cover;
}
.inban5 {
    background:url(../images/banner/5.jpg) no-repeat center center;
    background-size:cover;
}
.inban6 {
    background:url(../images/banner/6.jpg) no-repeat center center;
    background-size:cover;
}
.inban7 {
    background:url(../images/banner/7.jpg) no-repeat center center;
    background-size:cover;
}
.inban8 {
    background:url(../images/banner/8.jpg) no-repeat center center;
    background-size:cover;
}
.inban8 .ibg1{
    position:absolute;width:100%; height:100%;
    background:url(../images/banner/index_8/bg1.png) no-repeat center center;
    background-size:cover;
}
.inban8 .ibg2{
    position:absolute;width:100%; height:100%;
    background:url(../images/banner/index_8/bg2.png) no-repeat center center;
    background-size:cover;
}
.inban8 .ibg3{
    position:absolute;width:100%; height:100%;
}
.inban8 .ibg3 .ccbox_h img{
    vertical-align:inherit;
}
.inban9 {
    background:url(../images/banner/9.jpg) no-repeat center center;
    background-size:cover;
}
.inban10 {
    background:url(../images/banner/10.jpg) no-repeat center center;
    background-size:cover;
}
.inban11 {
    background:url(../images/banner/11.jpg) no-repeat center center;
    background-size:cover;
}
.inban12 {
    background:url(../images/banner/12.jpg?v=1) no-repeat center center;
    background-size:cover;
}
.inban13 {
    background:url(../images/banner/13.jpg) no-repeat center center;
    background-size:cover;
}
.inban14 {
    background:url(../images/banner/14.jpg) no-repeat center center;
    background-size:cover;
}


.swiper-pagination-bullet {
    width:30px;height:4px;
    background:#fff;
    border-radius:0%;
}

.pub_banner.banner_new {
    background:url(../images/banner/new/1.jpg) no-repeat center center;
    background-size:cover;
    height:400px;
}
.pub_banner.banner_about {
    background:url(../images/banner/about/1.jpg) no-repeat center center;
    background-size:cover;
}
.pub_banner.banner_skj {
    background:url(../images/banner/skj/11.jpg) no-repeat center center;
    background-size:cover;
}

.pub_banner.banner_brand1 {
    background:url(../images/banner/brand/1.jpg) no-repeat center center;
    background-size:cover;
}
.pub_banner.banner_brand2 {
    background:url(../images/banner/brand/2.jpg) no-repeat center center;
    background-size:cover;
}

.pub_banner.banner_p_wg {
    background:url(../images/banner/p/11.jpg) no-repeat center center;
    background-size:cover;
}
.pub_banner.banner_p {
    background:url(../images/banner/p/111.jpg) no-repeat center center;
    background-size:cover;
}

.pub_banner.banner_sc {
    background:url(../images/banner/sc/1.jpg) no-repeat center center;
    background-size:cover;
}

.pub_banner.banner_gb {
    background:url(../images/banner/gb/11.jpg) no-repeat center center;
    background-size:cover;
}
.pub_banner.banner_copy {
    background:url(../images/banner/copy/11.jpg) no-repeat center center;
    background-size:cover;
}
ul.affair-list > li > div a {
    display:block;height:100%; width:100%;
}

ul.member-position {
    list-style-position: inherit;
}


ul.industry-list > li > h5 {
    font-size:16px;
}

section.apply-offer select:first-of-type {
    margin-right: 0px;
    width: 586px;
}
section.apply-offer input:last-of-type {
    margin-bottom:18px;
}
section.apply-offer select {
    width: 586px;
}
section.apply-offer {
    height:845px;
    background: #F6F6F6;
    background-size: auto 100%;
}
section.apply-offer > div.main {
    height:auto;
}

section.apply-offer > div > h1 {
    color: #4F4F4F;
}
    section.apply-offer label {
        color: #4F4F4F;
    }
    section.apply-offer section.free-admission {
        margin-top:-30px;
    }
section.apply-offer ul.free-admission-list > li {
    border: 1px solid #C0C0C0;
}

.sidebar .index-sidebar-mob {
    position: absolute;
    right:-115px; 
    top: -8px;
    background: #3277FD;
    height: 42px;
    border-radius: 42px 0px 0px 42px;
    width: 233px;
    opacity:0;
}
.sidebar ul.sidebar-list > li {
    position:relative;
}
.sidebar ul.sidebar-list > li:hover .index-sidebar-mob{
    right:-15px;opacity:1;
}
.sidebar ul.sidebar-list li:hover  { position:relative;
                             
}
.sidebar div.index-sidebar-mob {
    padding-left:20px;
}
.sidebar div.index-sidebar-mob > input {
    float:left;
    background: #efefef;margin-right:5px;
}
.sidebar #cbBtn {
    margin-left: 0px;
    background: #EDE350;
    color: #000;
    height: 28px;
    padding: 0px 10px;
    float:left;margin-top: 7px;
    cursor:pointer;
}
.sidebar #cbBtn:hover {
    background: #FFF76F;
}

.ks_ol_comm_div textarea {
    line-height:25px;
    overflow:hidden;
    resize: none;
    padding-left: 10px;
}

.newsbg {
    background:#E2E2E2 url(../images/newsbg.jpg) no-repeat center top;
    padding-top:265px;
}
    .newsbg .xgtj {
        background:#EFEFEF;
        padding:15px 65px;
        margin-top:30px;
    }
    .newsbg .xgtj .item {
        position:relative;
        min-height:30px;
        padding-left:110px;
    }
    .newsbg .xgtj h3 {
        position:absolute;width:110px;text-align:right;
        padding-right:15px;color:#333;
         left:0px; top:0px;font-size:14px;
        background:url(../images/new_dot.png) no-repeat right center;
        line-height:30px;
    }
    .newsbg .xgtj .item>div {
        padding-left:10px;
    }
    .newsbg .xgtj .item a {
        float: left; margin-right:30px; color:#777; font-size:14px;line-height:30px;
    }

    .clearfix{overflow:auto;_height:1%}

section.escort ul.expert-list div.hidecon {
    text-align:center;
}
section.escort ul.expert-list div.hidecon .conrow{
    text-align:left;
}
  section.escort ul.expert-list div.hidecon > a {
    display: inline-block;
    width: 105px;
    height: 30px;
    background-color: #FFF;
    border-radius: 10px;
    font-size: 16px;
    color: #0182fe;
    line-height: 30px;
}
section.contact-us {
    height: 333px;
}
.contact-us li {
    line-height:24px;
}
.contact-us li a {
    display:inline-block;width:auto;
    background:#147CCD; color:#fff; border-radius:5px;
    padding:0px 7px; line-height:24px; font-size:12px;margin-top:3px;
}

.escort .expert-item > img {
    margin-top:5px;
}
ul.expert-list > li .hidecon {

}
ul.expert-list > li .hidecon>a {
    position:absolute;
    top:160px;
    left:50%; margin-left:-50.25px;
}

section.index-currency > div > h1 {
    font-size: 32px;
    color: #525252;
    text-align: center;
    line-height: 60px;
    padding-top: 40px;
}
section.index-currency > div > h2 {
        height: 1px;
        background-color: #224e6b;
        width: 50px;
        margin: 0 auto;
    }
    section.index-currency > div > p {
        font-size: 18px;
        text-align: center;
        color: #9fa6a9;
        line-height: 40px;
        padding-bottom: 40px;
    }
/*专利*/
section.patent-affairs {
	height: 495px;
	background-color: white;
}
	ul.patent-affairs-list {
		height: 270px;
	}
		ul.patent-affairs-list > li {
			width: 30%;
			float: left;
			cursor: pointer;
			color: #4b4b4b;
			font-size: 24px;
			margin-bottom: 25px;
		}
		ul.patent-affairs-list > li:not(:nth-child(3n)){
			margin-right: 3.33%;
		}
			ul.patent-affairs-list > li > img {
				margin-right: 15px;
			}
			ul.patent-affairs-list > li > img:nth-child(2) {
				display: none;
			}
			ul.patent-affairs-list > li > span {
				display: inline-block;
				line-height: 72px;
			}
		ul.patent-affairs-list > li:hover > img:nth-child(1){
			display: none;
		}
		ul.patent-affairs-list > li:hover > img:nth-child(2){
			display: inline;
		}

div.expert-item {
    padding: 40px 24px;
}
section.registration-process {
    height: 480px;
    background-color: #f2f2f2;    margin-bottom: 20px;
}
div.main {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    position: relative;margin-bottom: 30px;
}
section.currency > div > h2{
    font-size: 39px;
  
    padding: 35px 0px 30px;
}
ul.registration-process-list {
    height: 200px;
}
ul.registration-process-list > li {
    width: 120px;
    float: left;
    position: relative;margin-right: 120px;
}
ul.registration-process-list > li > h3 {
    font-size: 30px;
    color: #4b4b4b;
    padding-top: 20px;
    padding-bottom: 15px;
}
ul.registration-process-list > li > h4 {
    color: #8b8b8b;
    line-height: 20px;
}
section.currency button.linkBtn {
    width: 195px;
    height: 50px;
    color: #6c6c6c;
    font-size: 20px;
    margin-top: 60px;
    border-radius: 5px;
    border: 1px solid #d2d2d2;
}
button {
    outline: none;
    background: none;
    cursor: pointer;
    transition: all 0.5s;
}
ul.registration-process-list > li:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 10px;
    right: -80px;
    width: 51px;
    height: 22px;
    background-image: url(../images/process_next.png);
}
section.currency {
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;
}
section.currency button.linkBtn:hover {
    color: #d0111b;
    border: 1px solid #d0111b;
}
ul.extension-list > li:hover::after {
    content: "";
    position: absolute;
    left: 65px;
    bottom: -20px;
    width: 0px;
    height: 0px;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent;
    border-top: 20px solid #4187d7;
}
ul.T-material-list {
    height: 295px;
}
ul.T-material-list > li {
    height: 295px;
    float: left;
}
ul.T-material-list > li > i {
    display: inline-block;
    width: 130px;
    height: 50px;
    background-color: #BA282D;
    border-radius: 10px;
    color: #FFF;
    line-height: 50px;
    font-style: normal;
    font-size: 24px;
    margin-top: 122px;margin-left: 20px;
	
}
ul.T-material-list > li > img {
    margin: 0px 20px;    vertical-align: bottom;
}
div.T-material-item {
    width: 310px;
    height: 295px;
    border: 1px dotted #d80b14;
    border-radius: 10%;
    background-color: #FFF;
    box-shadow: 0px 0px 25px #CCC;
    padding: 55px 35px 55px 55px;
}
ul.T-material-list > li:nth-child(2) ul {
    margin: 0 auto;
    width: 170px;
}
div.T-material-item > ul {
    text-align: left;
    list-style: square outside url(../images/material_3.svg);
}
div.T-material-item > ul > li {
    padding-bottom: 20px;
    font-size: 18px;
}
section.process {
    height: 437px;
    background-color: white;
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    text-align: center;
    overflow: hidden;
}
ul.process-region {
    width: 1125px;
    padding-top: 20px;
    text-align: center;
    margin: 0 auto;
}
     ul.process-region > li i {
                content:" ";
                position:absolute;
                left:50%;
                width:50px;height:50px; margin-left:-25px;
                top:-25px;
                background:url(../images/img1.png) center top;
            }
            ul.process-region > li:hover {
                border-bottom:3px solid #4187D7;
            }
            ul.process-region > li.active {
                border-bottom:3px solid #4187D7;
            }
ul.process-region > li {
    font-size: 22px;
    background-color: #fff;
    width: 200px;
    line-height: 45px;
    border: 1px solid #D9D9D9;
    float: left;
    cursor: pointer;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    position: relative;
    margin-right: 31px;
    box-sizing: border-box;
    padding: 42px 15px 0px 15px;
    height: 240px;
}
ul.process-region > li i {
    content: " ";
    position: absolute;
    left: 50%;
    width: 50px;
    height: 50px;
    margin-left: -25px;
    top: -21px;
    background: url(../images/img1.png) center top;
}
   ul.process-region > li.active {
                border-bottom:3px solid #BA282D;
            }
             ul.process-region > li:hover i{
                 background-position:center bottom;
             }
            ul.process-region > li.active i {
                background-position:center bottom;
            }
.process h3{
    font-size: 18px;
    position: relative;
    margin-bottom: 11px;
}
ul.process-region > li p {
    font-size: 14px;
    line-height: 22px;
    color: #B3B3B3;
}
ul.process-region > li:nth-child(2) i {
    background-image: url(../images/img2.png);
}
ul.process-region > li:nth-child(3) i {
    background-image: url(../images/img3.png);
}
ul.process-region > li:nth-child(4) i {
    background-image: url(../images/img4.png);
}
ul.process-region > li:nth-child(5) i {
    background-image: url(../images/img5.png);
}

/*.header, .content, .footer {
    width: 1000px;
    margin: 0 auto;
    z-index: 999;
	margin-top: 20px;
}*/
.left {
    width: 201px;
    float: right;
    overflow: hidden;margin-left: 10px;
}
.leib3 .tit {
    background: url(../images/tit1n.gif) repeat-x;
    height: 32px;
    line-height: 32px;
    padding-left: 13px;
    font-weight: bold;
    color: #333;
    font-size: 14px;
}
.leib3 .nr {
    border: 1px solid #dfdfdf;
    padding: 12px 24px 0px 5px;
    background: #fff;
    border-bottom: 0;
}
.leib3 .nr ul {
    padding-bottom: 5px;
    margin-bottom: 7px;
}
.leib3 .nr li {
    line-height: 30px;
    padding-left: 37px;
}

.leib3 .nr li a{
       color: #666;font-size: 12px;
}
.leib2 {
    width: 201px;
}
.leib2 .tit {
    color: #333;
    font-size: 14px;
    background: url(../images/tit1n.gif) no-repeat;
    height: 36px;
    line-height: 36px;
    padding-left: 18px;
    overflow: hidden;
    font-weight: bold;
}
.leftlx {
    background: #FFF;
    border: 1px solid #DFDFDF;
    border-bottom: none;
    border-top: none;
}
.leftlx .dianh {
    padding: 0 5px 0 10px;color: #666;font-size: 12px;
}
.leftlx p {
    line-height: 24px;color: #666;font-size: 12px;
}
.leftlx .dianhua {
    background: url(../images/Teln.gif) no-repeat scroll 0px 18px transparent;
    color: #666666;
    line-height: 20px;
    padding: 10px 0 10px 55px;
}
.leftlx .dianhua span {
    display: block;
    font: 18px "Impact";
    color: #BA282D;
}
.leftbot {
    background: url(../images/left_bot_img.gif) no-repeat;
    height: 3px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.right {
    width: 752px;
    float: right;
    display: inline;
    margin-left: 5px;
    overflow: hidden;
}
.righttop {
    background: url(../images/right_top_img.gif) no-repeat;
    height: 3px;
    font-size: 0;
    overflow: hidden;
}
.plc {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    position: relative;
    color: #666;
    overflow: hidden;
}
.plc {
    background-color: #fff;
    height: 30px;
    line-height: 30px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding: 0 10px;
    position: relative;
    color: #666;
    overflow: hidden;
}
.rightbot {
    background: url(../images/right_bot_img.gif) no-repeat;
    height: 3px;
    font-size: 0;
    overflow: hidden;
    margin-bottom: 10px;
}
.right_main {
    width: 750px;
    border: solid 1px #d5d5d5;
    border-top: 0;
    border-bottom: 0;
    padding-bottom: 15px;
    overflow: hidden;
}
.agent_con {
    width: 710px;
    padding-top: 10px;
    line-height: 24px;
    margin-left: 19px;
}
.agent_con .age_li_about {
    padding-left: 10px;    font-size: 12px;
    color: #76775f;
}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    font-size: 0;
    padding-top: 20px;
}
 ul.extension-list > li:hover{
            background-color: #BA282D;
            top: 20px;
        }
        ul.extension-list > li:hover::after{
            content: "";
            position: absolute;
            left: 65px;
            bottom: -20px;
            width: 0px;
            height: 0px;
            border-left: 30px solid transparent;
            border-right: 30px solid transparent;
            border-top: 20px solid #BA282D;
        }
            ul.extension-list > li:hover > h3{
                color: #FFF;
            }
            ul.extension-list > li:hover > div{
                background-position: center bottom;
            }

.menu {
    margin-top: 5px;
    width: 100%;
}
.flexslider {
    position: relative;
    height: 350px;
    overflow: hidden;

}
.slides {
    position: relative;
}

.slides li {
    height: 350px;
}

section.sb {
    text-align: center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position: center;margin-bottom: 40px;
}
section.sb > div > h2 {
    font-size: 39px;
    padding: 45px 0px 50px;    color: #525252;
    text-align: center;
    line-height: 60px
}




.container {
    width: 70%;
    margin-right: auto;
    margin-left: auto;
}
.team-list .list {
    width: 23%;
    margin-right: 2%;
    margin-bottom: 10%;
    float: left;
}
.team-list .list .bg-img {
    width: 100%;
   
   
    position: relative;
}
.team-list .list .bg-img img {
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    position: absolute;
    left: 0;
    right: 0;
    top: -20%;
}
.team-list .list .info {
    width: 100%;
    padding: 100% 10%;
    overflow: hidden;

}
.team-list .list .info span.name {
    float: left;
    font-size:  24px;
    font-weight: 700;
}
.team-list .list .info p {
    width: 55%;
    float: right;
    display: block;
    font-size: 12px;
    text-align: right;
}
.team-list .list .info p span {
    display: block;font-size: 12px;
    text-align: right;
}