*{margin:0;padding:0;list-style:none;}
body{background:#fff;font:normal 12px/22px "Microsoft Yahei";}
@font-face {
    font-family: 'FontAwesome';
    src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
img{border:0;vertical-align:top; }
a{text-decoration:none;}
.clearfix:after,.clearfix:before{display:table;line-height:0;content:""}
.clearfix:after{clear:both}
.middle{width: 1196px;
    margin: 0 auto;}
#navWrapper{height: 128px;}
.logo{float: left;}
.navbar{float: right;}
.navbar a{font-size: 16px; color: #000;}
.navbar a:hover{color: #023f98;}
.navbar a.linked{color: #023f98;}
.navbar ul.nav{padding:60px 20px 0 0;}
.navbar ul.nav li.navitem{float: left; display: inline;margin-left:52px; position: relative; z-index:1000;}
.subnav{ background: #fff; position: absolute; display: none; left: -26px;padding: 10px 0 0 0; }
.subnav li a{ text-align:center;font-size: 14px; color: #535353;padding:8px; width: 100px; display: block; border-top: 1px solid #f1f1f1;}
.subnav li:first-child{border-top:2px solid #023f98;}
.subnav li:first-child a{border: none;}

/*首页轮换图片 begin*/
.layout {
    overflow: hidden;
    width: 100%;
}
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flexslider {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 1
}
.flexslider .slides > li {
    display: none;
    -webkit-backface-visibility: hidden;
}
.flexslider .slides img {
    width: 100%;
    display: block;
}
.flex-pauseplay span {
    text-transform: capitalize;
}
.slides:after {
    content: "\0020";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
.no-js .slides > li:first-child {
    display: block;
}
.flex-control-nav {
    position: absolute;
    bottom: 22px;
    z-index: 2;
    width: 100%;
    text-align: center;
}
.flex-control-nav li {
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0 6px;
    *display:inline;
    zoom: 1;
}
.flex-control-nav a {
    display: inline-block;
    cursor: pointer;
    width: 16px;
    height: 16px;
    float: left;
    text-indent: -2000px;
    background: #929395;
    border-radius: 50%;

}
.flex-control-nav .flex-active {
    background: #023f98;
}
.flex-direction-nav {
    position: absolute;
    z-index: 3;
    width: 100%;
    top: 50%;
}
.flex-direction-nav li a {
    display: block;
    cursor: pointer;
    text-indent: -999em;
    position: absolute;
    top: 50%;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 0px;
    padding: 0;
    margin: -20px 0 0;
    opacity: 1;
    text-align: left;
    border-radius: 0;
    color: #b3b1b1;
    cursor: pointer;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%
}
.flex-direction-nav li a:hover {
    background: rgba(255, 255, 255, 0.8);
    color: #333
}
.flex-direction-nav li a:before {
    display: inline-block;
    font-family: "FontAwesome";
    font-weight: normal;
    font-style: normal;
    vertical-align: baseline;
    line-height: 40px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 36px;
    cursor: pointer
}
.flex-direction-nav li a.flex-prev {
    left: 60px;
    text-indent: 6px;
}
.flex-direction-nav li a.flex-prev:before {
    content: "\f104";
}
.flex-direction-nav li a.flex-next {
    right: 60px;
    text-indent: 7px;
}
.flex-direction-nav li a.flex-next:before {
    content: "\f105"
}
/*首页轮换图片 end*/
.jieshao{visibility: visible; position: absolute; width: 100%;}
.huodong,.peixun,.zixun{visibility: hidden;position: absolute; width: 100%;}
.youshi{visibility: visible;position: absolute; width: 100%;}
.fuwu,.moshi,.daoshi,.anli{ visibility: hidden;position: absolute; width: 100%;}
.jjContent{padding-top:98px; height: 503px;}
.boxL{float: left;margin-left: 20px;}
.boxR{float: right;margin-right: 26px;padding-top:88px; width: 475px; font-size: 14px; line-height: 26px; color: #666; text-align: justify;}
#jjNav{position: absolute; top: 102px; right: 128px; z-index: 1000;}
#jjNav ul li{ float: left; width: 92px;background: #e5e5e5; margin-right: 1px; position: relative;}
#jjNav ul li.active{background: #023f98;}

#jjNav ul li span{ display: inline-block;  color: #023f98; font-size: 14px; cursor: pointer; width: 92px; height: 36px; line-height: 36px; text-align: center;}
#jjNav ul li i{display: none;}
#jjNav ul li.active span{color: #fff;}
#jjNav ul li.active i{display: block; width: 7px; height: 4px; background: url("../src/images/index_10.jpg") no-repeat; position: absolute; bottom: -4px; left: 50%; margin-left: -3px;}
.indexBtn a{
    display: block;width: 170px; height: 40px; line-height: 40px; text-align: center;  font-size: 14px;border: 1px solid #023f98;color:#023f98}
.indexBtn a:hover{ width: 172px; background: #023f98; color: #fff; }
.indexBtnStyle1{padding-top: 110px;}

.zsjsLayout{ margin-top:72px;border-top:1px solid #ebebeb;}
.zsTitle{ position: absolute; top:-72px;right:55px;}

#zsNav ul li{width: 92px;background: #e5e5e5; margin-bottom: 1px; position: relative;}
#zsNav ul li.active{background: #023f98;}
#zsNav ul li span{ display: inline-block;  color: #023f98; font-size: 14px; cursor: pointer; width: 92px; height: 36px; line-height: 36px; text-align: center;}
#zsNav ul li i{display: none;}
#zsNav ul li.active span{color: #fff;}
#zsNav ul li.active i{display: block; width: 4px; height: 7px; background: url("../src/images/index_22.jpg") no-repeat; position: absolute; top: 14px; right:-4px; }

.zsjmContetn{ height: 476px;}
.zsContent{ height: 446px; border-right: 1px solid #ebebeb; width: 1114px;}

#zsNav{ float: left; margin-left: 78px;margin-right: 61px;padding-top: 60px;}
#zsBox{ float: left;margin-top: 50px; width: 876px; height: 376px;}
.ysimg{ float: left;}
.ysimg img{width: 421px; height: 288px;}
.yscontent{ float: right; width: 406px; margin-right: 10px;}
.yscontent h3{ font-size: 18px; color: #666666; padding:18px 0;}
.yscontent p{ font-size: 14px; color: #666666; line-height: 24px;}
.indexBtnStyle2 {padding-top: 32px;}

.proTitle{ position: absolute; top:-72px;left:55px;}
.proContent{ height: 600px; border-left: 1px solid #ebebeb; width: 1060px; margin-left: 75px;}
.proBigImg{float: left; margin:114px 0 0 30px; width: 650px; height: 505px; overflow: hidden; position: relative;}
.proBigImg li:first-child{ visibility: visible;}
.proBigImg li{width: 100%; position: absolute; visibility: hidden;}
.proBigImg img{ width: 100%;  border: 1px solid #ececec;}
.proBigImg p{font-size: 18px; color: #999;padding-top:6px;font-weight: bold;}
.proSmallImg {width: 322px; float: left; margin: 114px 0 0 58px;}
.proSmallImg ul li{ float: left;margin:0 10px 10px 0;}
.proSmallImg ul li{width: 144px;height: 98px; border: 1px solid #ececec;}
.proSmallImg ul li.active{border: 1px solid #023f98 ;}
.proSmallImg ul li img{width: 144px; height: 98px; cursor: pointer;}

/*焦点图 start*/
.slidesBox{width: 598px; overflow: hidden;}

.c1_slide{width: 598px;height: 398px;position: relative;overflow: hidden;}
.c1_slide ul{width: 3500px;height: 398px;position: absolute;top: 0;left: 0;}
.c1_slide li{float: left;width: 598px;height: 100%;position: relative;}
.c1_slide li img{ width: 598px;
    height: 398px;}
.c1_slide li p{ background: #000; opacity: 0.4; height: 48px; position: absolute;bottom: 0;left: 0; width: 100%;}
.c1_slide li span{display: block;height: 48px; line-height:48px; color:#fff;position: absolute;bottom: 0;left: 0; font-size: 14px; padding-left: 28px;}
.c1_slide li i{ display: block; position: absolute; background: url("../src/images/play.png") no-repeat; width: 96px; height: 96px; top: 50%; left: 50%; margin-top: -48px; margin-left: -48px;}
.c1_paging{width: 690px;height: 98px;}

.c1_paging li{float: left;width: 190px;height: 98px;position: relative; cursor: pointer; margin-right: 14px; margin-top: 10px;}
.c1_paging li img{width: 190px;height: 98px;}
.c1_paging li:hover img{opacity: 0.6}
.c1_paging li.active img{opacity: 0.9}
.c1_paging li.active i{display:block;position:absolute;top:0px;left:0;border: 2px solid #023f98; width: 186px;
    height: 94px;}
.c1_paging li.active span{display:block;background: url(../src/images/index2_11.jpg) no-repeat 0 0;width:5px;height: 3px; position: absolute; top: -3px; left: 50%;}
.c1_paging li i,.c1_paging li span{display: none;}


/* 焦点图 end*/

.huodongRBox dl dt{ height: 135px; border-bottom: 1px solid #e5e5e5; margin-bottom: 30px;}
.huodongRBox dl dt a{color: #535353; }
.huodongRBox dl dt a p{float: left; width: 261px; margin-left: 13px;}
.huodongRBox dl dt a p span{font-size: 16px;  display: block;}
.huodongRBox dl dt a p i{ display: block; font-style: normal; font-size: 12px; color: #999;}
.huodongRBox dl dt a img{float: right;width: 160px;height: 96px;}
.huodongRBox dl dt a:hover{ color: #023f98;}
.huodongRBox dl dd{ height: 30px; line-height: 30px; font-size: 16px;padding-left: 13px; position: relative;}
.huodongRBox dl dd a{ color: #535353;}
.huodongRBox dl dd a:hover{ color: #023f98;}
.huodongRBox dl dd span{ color: #999999; position: absolute; right: 0;}
.indexBtnStyle3{padding-top: 30px;}


.cover {
    overflow: hidden;
    width: 100%;
}

.widget-header a {
    display: block;
    position: relative;
}
.widget-header a:after {
    content: '+';
    width: 50px;
    height: 50px;
    line-height: 50px;
    margin: 0 auto;
    margin-left: -26px;
    margin-top: -25px;
    display: inline-block;
    position: absolute;
    top: 0%;
    left: 50%;
    z-index: 10;
    border-radius: 50px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    -webkit-transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    opacity: 0;
    color: #fff;
    font-size: 40px;
    text-align: center;
    font-family: "Times New Roman", "微软雅黑";
}
.widget-header .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    z-index: 2;
}
 .widget-header:hover .mask {
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}
 .widget-header:hover a:after {
    top: 50%;
    opacity: 1;
}
 .widget-header:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
    -webkit-transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
}
 .widget-header img {
    -webkit-transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    transition: all 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) 0s;
    width: 100%;
}
.anliL{ float: left; width:290; height: 196px; overflow: hidden;}
.anliL img.img-responsive{width: 100%;}
.anliL a{ float:left;width: 280px; margin:5px;}
.anliR{
    float: left; width: 422px; margin-left: 24px;}
.anliRTop{width: 422px;height: 172px; overflow: hidden;}
.anliR img.img-responsive{width: 422px;height: 172px;}

.anliRBottom{ height: 172px; margin-top: 24px;}
.anliRBottomL{ width: 199px; height: 172px; overflow: hidden; float: left;}
.anliRBottomR{ width: 199px; height: 172px; overflow: hidden; float: right;}

#footer,.footerBox{border-top:1px solid #ebebeb;}
.youqing{padding:20px 30px;}
.youqing dt,.youqing dd{ float: left;}
.youqing dd{width: 1040px;}
.youqing dd a{padding:0 8px ; display: inline-block; text-align: center;}
.youqing,.youqing a { color: #999999;}
.youqing a:hover{ color: #023f98;}

.inp{color: #999999;
    font-family: "Times New Roman", "微软雅黑";}
.input::-webkit-input-placeholder {
    color: #999999;
    font-family: "Times New Roman", "微软雅黑";
}
.input:-moz-placeholder {
    color: #999999;
    font-family: "Times New Roman", "微软雅黑";
}
.input:-ms-input-placeholder {
    color: #999999;
    font-family: "Times New Roman", "微软雅黑";
}
.input{ border: 1px solid #cccccc; background: none; border-radius: 4px; height: 26px; line-height: 26px; width: 182px;padding:0 6px;}
textarea{resize:none;}
textarea.input{ width: 262px; height: 54px;}
.zxbm dt{ font-size: 18px; color: #d9714b;padding-bottom: 18px;}
.zxbm dd p{padding-bottom: 12px;}
.zxbm #tips{max-height: 18px;display: none;font-size: 12px;color: red;line-height: 18px;padding-bottom: 15px;}
.submitS{ height: 38px;list-style: 26px; background: #d9714b; border: 1px solid #d9714b; border-radius: 4px; width: 274px; text-align: center; color: #fff; cursor: pointer;}
.submitS:hover{ background: #023f98; border:1px solid #023f98;}

.wufurexian dt{ font-size: 18px; color: #535353;padding-bottom: 22px;}
.wufuPhone{padding-bottom: 24px;}
.wufurexian dd{ font-size: 12px; color: #535353;}

.wufurexian dd ul li{ height: 37px; float: left; margin-right: 12px;}
#met-weixin {
    position: relative
}

#met-weixin-content {
    border: 1px solid #ebebeb;
    padding: 5px;
    background: #ffffff;
    position: absolute;
    border-radius: 10px;
    bottom: 70px;
    left: 50%;
    visibility: hidden;
    opacity: 0;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s
}
#met-weixin:hover #met-weixin-content {
    visibility: visible;
    opacity: 1;
    transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    -webkit-transition: .5s;
    bottom: 50px
}
#met-weixin-content em {
    position: absolute;
    bottom: -3px;
    font-size: 28px;
    line-height: 0;
    transform: translateX(-50%)
}
.met-weixin-img img {
    width: 160px;
    display: block
}

.webmenu dl dt a{ color: #535353; font-size: 18px;}
.webmenu dl dt{padding-bottom: 22px;}
.webmenu dl dd{padding-bottom: 22px;}
.webmenu dl dd a{color: #999999; font-size: 12px;}
.webmenu dl dd.menuTitle a{ color: #535353; font-size: 18px;}
.webmenu dl dd a:hover,.webmenu dl dt a:hover{ color: #023f98;}
.zxbm,.wufurexian,.webmenu{ float: left;}
.zxbm{margin-left: 32px;}
.wufurexian{margin-left: 186px;}
.webmenu{margin-left: 210px; width: 314px;}
.webmenu dl{ float: left;}
.webmenuPro { margin-left: 100px;}
.footerBox{padding-top: 24px;}
.footerBox .middle{border-bottom:1px solid #ececec;}
.footerBottom{ padding: 20px 0; text-align: center; font-size: 12px; color: #999;}
.footerBottom  a{color:#999}
.fuwuSlidersBox{ height: 474px;  width: 598px;}

.ft-carousel {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.ft-carousel .carousel-inner {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
}

.ft-carousel .carousel-inner .carousel-item {
    float: left;
    height: 100%;
}

.ft-carousel .carousel-item img {
    width: 100%;
}

.ft-carousel .carousel-indicators {
    position: absolute;
    left: 0;
    bottom: 22px;
    width: 100%;
    text-align: center;
    font-size: 0;
}

.ft-carousel .carousel-indicators span {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #999999;
    margin: 0 4px;
    border-radius: 50%;
    cursor: pointer;
}

.ft-carousel .carousel-indicators span.active {
    background-color: #023f98;
}

.ft-carousel .carousel-btn {
    position: absolute;
    top: 50%;
    width: 42px;
    height: 71px;
    margin-top: -25px;
    cursor: pointer;
}

.ft-carousel .carousel-prev-btn {
    left: 32px;
    background: url(../src/images/left.png) no-repeat;
}

.ft-carousel .carousel-next-btn {
    right: 32px;
    background: url(../src/images/right.png) no-repeat;
}
.peixunfuwuR li{ cursor: pointer; margin-bottom: 28px;  overflow: hidden; background: url("../src/images/dian.jpg") no-repeat 16px 0 ;padding-left: 38px;}

.peixunfuwuR li p{ font-size: 18px; color: #535353; height: 26px; }

.peixunfuwuR li span{ color: #999; font-size: 14px;  display: block; height: 20px; line-height: 20px;}
.peixunfuwuR li.active p,.peixunfuwuR li.active span{color: #023f98;}
.peixunfuwuR li.active{background: url("../src/images/dian.jpg")  no-repeat 16px -46px ;}

.peixunfuwuR li:hover{opacity: 0.8;}
.peixunfuwuR li.active:hover{opacity: 1;}
#peixunL dd{ visibility: hidden; position: absolute; width: 100%;}

#daoshiB{width: 618px; height: 368px;}
#daoshiB li{ display: none;padding: 4px; border: 1px solid #ececec; height: 358px;
    overflow: hidden;}
#daoshiB li:first-child{display: block;}

#daoshiB li img{ width: 608px; height: 358px;}
.daoshiL{ float: left;}
.daoshiR{ float: left; margin-left:28px;}
#daoshiS li{ padding: 4px; border: 1px solid #ececec; height: 94px;
    overflow: hidden; margin-bottom: 28px; cursor: pointer;}
#daoshiS li img{ width:148px; height: 94px;}
#daoshiS li.active{ border: 1px solid #023f98;}

.neiBanner{ width: 100%;overflow: hidden;}
.neiBanner img{ width: 100%; }
.menuSubNav{ background: #f6f6f6; padding-bottom: 74px;}
.menuSubNav h1{ text-align: center; color: #535353; font-size: 24px; font-weight: normal; padding-top: 66px;padding-bottom: 8px;}
.menuSubNav h1 span{ color: #023f98; display: inline-block;padding:0 6px 0 0; }
.menuSubNav h6{ font-weight: normal; color: #999; font-size: 16px; text-align: center;}
.menuSubNav ul{height: 20px; text-align: center;margin-top: 24px; }
.menuSubNav ul li{ display: inline-block; }
.menuSubNav ul li span{display: inline-block; padding: 0 9px 0 6px; color: #535353;}
.menuSubNav ul li a{ color: #535353;display: block; padding: 0 10px;background: #dedddd; border-radius: 10px;}
.menuSubNav ul li a:hover{color: #023f98;}
.menuSubNav ul li.active a{color: #fff; background:#023f98}

.contentAbout {padding: 92px 0 56px; color: #898989; font-size: 14px;}
.aboutTop{padding: 0 10px 85px;}
.aboutTop img{ float: left;}
.aboutTop p{float: right;width: 627px; line-height: 28px;padding-top: 26px;}
.aboutBottomL{ float: left; width: 660px;}
.aboutBottom img{ float: right; margin-right: 116px;}
.aboutBottom{
    border-top: 1px solid #ececec;
    padding: 54px 10px 0;
}
.aboutBottomL h3{color: #535353; font-size: 18px; padding:12px 0 30px; font-weight: normal;}
.gongyiContent ul li{ height: 222px; overflow: hidden; border-bottom: 1px solid #ececec; margin-top: 42px;padding-bottom: 42px;}
.gongyiContent ul li img{ float: left;}

.kaibanxinxiL{float: left; width:130px; height: 180px;}
.kaibanxinxiL strong,.kaibanxinxiL span{ display: block;}
.kaibanxinxiL strong{ font-size: 36px; color: #023f98; font-weight: normal;padding-top: 16px;}
.kaibanxinxiL span{ font-size: 14px; color: #898989; font-weight: normal;padding-top: 24px;}
.gongyiContent ul li .kaibanlist{ float: right; width: 1032px;}
.gongyiContent ul li .kaibanlist h3{ font-size: 18px; font-weight: normal; color: #000;padding: 0px 0  8px;}

.gongyiContent ul.kaibanUl li{ height: 172px; overflow: hidden; border-bottom: 1px solid #ececec; margin-top: 42px;}
.gongyiContent ul li .kaibanlist p{ display: block; font-size: 14px; color: #898989;}
.gongyiContent ul li .kaibanlist i{ display: block; font-size: 12px; color: #333333; font-style: normal;padding: 26px 0  0; }


.gongyiContent ul li .gongyilist{ float: right; width: 862px;}

.gongyiContent ul li  a:hover h3,.gongyiContent ul li  a:hover i,.gongyiContent ul li  a:hover p,.gongyiContent ul li  a:hover span{ color: #023f98;}
.gongyiContent ul li  a:hover img{opacity: 0.8;}
.gongyiContent ul li .gongyilist h3{ font-size: 18px; font-weight: normal; color: #000;padding: 16px 0  8px;}
.gongyiContent ul li .gongyilist span{ display: block; font-size: 14px; color: #898989;padding: 0 0 14px;}
.gongyiContent ul li .gongyilist p{ display: block; font-size: 14px; color: #898989;}
.gongyiContent ul li .gongyilist i{ display: block; font-size: 12px; color: #333333; font-style: normal;padding: 26px 0  0; }
/*
.page{width: 1196px; margin: 0 auto;text-align: center; overflow:hidden; padding:50px 0px}
.page li {
    float: left;
    height: 34px;
    margin-right: 5px;
    line-height: 34px;
}
.page li.thisclass,.page li:first-child {
    color: #fff;
    width: 32px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #023f98;
}
.page li:first-child a{
    padding:4px 3px ;
    margin:0;
    height:20px;
}
.page li>a, .page li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    color: #999;
}

.page li>a:focus, .page li>a:hover, .page li>span:focus, .page li>span:hover {
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.page li select{
    float: left;
    height: 30px;
    margin-right: 5px;
    line-height: 34px;
    border: 1px solid #ddd;
}
*/
 .my-4{
 padding: 3rem 0 ;
 }
 .pages {
	min-height: 500px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: 0.25rem;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.position, .position a {
	color: #999;
}
.page-num:not(:disabled) {
	cursor: pointer;
}
.page-num, .page-link {
	position: relative;
	display: block;
	padding: .5rem .75rem;
	margin-left: -1px;
	line-height: 1.25;
	color: #ccc;
	background-color: #fff;
	border: 1px solid #ddd;
	float: left;
}
a.page-num:hover, .page-link:hover {
	text-decoration: none;
}
.page-num-current {
	z-index: 1;
	color: #fff;
	background-color: #023f98;
	border-color: #023f98;
}
.page-num-current:hover {
	color: #fff;
}


.zhuangjiaContent ul li{ width: 380px; float: left; margin-right: 29px; height: 820px; overflow: hidden;}
.zhuangjiaContent{overflow: hidden; padding-top: 84px;}
.zhuangjiaContentBox{width: 1250px;}
.zhuangjiaContent ul li h3{ color: #535353; text-align: center; padding-top: 28px; font-size: 18px; font-weight: normal;}
.zhuangjiaContent ul li span{ color: #aaa; text-align: center; display: block;padding-top: 12px; font-size: 12px;}
.zhuangjiaContent ul li p{ color: #898989; line-height: 28px; font-size: 14px; text-align: justify;padding-top: 28px;}
.zhuangjiaContent ul li a:hover h3,.zhuangjiaContent ul li a:hover span,.zhuangjiaContent ul li a:hover p{color: #023f98;}
.zhuangjiaContent ul li a:hover img{opacity: 0.8;}


.xueyuanContent ul li{ width: 380px; float: left; margin-right: 35px; height: 430px; overflow: hidden;}
.xueyuanContent{overflow: hidden; padding-top: 84px;}
.xueyuanContentBox{width: 1250px;}
.xueyuanContent ul li h3{ color: #535353; padding-top: 24px; font-size: 18px; font-weight: normal;}
.xueyuanContent ul li span{ color: #aaa;  display: block;padding-top: 2px;font-size: 12px;}
.xueyuanContent ul li p{ color: #333; font-size: 12px;padding-top: 12px;}
.xueyuanContent ul li a:hover h3,.xueyuanContent ul li a:hover span,.xueyuanContent ul li a:hover p{color: #023f98;}
.xueyuanContent ul li a:hover img{opacity: 0.8;}

.shipinConL{width: 380px; height: 280px; overflow: hidden; position: relative;}
.shipinConL img{ width:100%}
.shipinConL i{position: absolute; background:url("../src/images/play.png") no-repeat; width: 96px; height: 96px; top: 50%; left: 50%; margin: -48px 0 0-48px;}


.jiamengContentBox{padding: 74px 0;}
.jiamengTop img,.jmTL{float: left;}
.jiamengBottom img,.jmTR{float: left;}
.jmText h3{color: #023f98; font-weight: normal; font-size: 18px; padding: 10px 0 23px;}
.jmText p{color: #666666;  line-height: 24px; font-size: 14px;padding-bottom: 20px;}
.jmTL{width: 524px; padding-top: 80px;}
.jmText{padding-left: 72px;}
.pageTitle{text-align: center;}
.pageTitle h1{font-size: 24px; font-weight:normal;}
.pageContent{padding: 74px 0 0 0; }
.pageTitle h1{padding-bottom: 28px;}
.pageTitle{padding-bottom: 38px;border-bottom: 1px solid #ececec;}
.pageTitle span,.pageTitle a{ display: inline-block;}
.pageTitle span{ display: inline-block;padding: 0 6px; color: #aaaaaa;}
.pageTitle a:hover{ text-decoration:underline;}
.pageCon { color: #535353;padding: 20px 0 120px 0; width: 1000px; margin: 0 auto; overflow: hidden;}
.pageCon li{ text-align:center}
.pageCon p{ line-height: 24px; font-size: 14px;padding: 10px 0;}
.pageCon img { width:60%;   height: auto; }
.indexBtnStyle4{margin: 60px 0 80px; text-align: center;}
.indexBtnStyle4 a{ display: inline-block;}

.proListContent{overflow: hidden;}
.proListCon{ width: 1250px;}
.proListCon ul li{width: 381px; float: left; height: 531px; background: #ffffff; margin: 0 26px 50px 0;}
.proListCon ul li img{padding:3%; width:94%}
.proListCon ul li h3{font-size: 16px; color: #535353; font-weight: normal; border-top: 1px solid #ececec;padding: 24px 30px 8px;}
.proListCon ul li p{ color: #999; font-size: 12px; line-height: 22px; text-align: justify;padding: 0 30px;}
.proListCon ul li a.prolistA div{height: 108px; overflow: hidden;}
.proListCon ul li a.prolistA:hover img{opacity: 0.8;}
.proListCon ul li a.prolistA:hover h3,.proListCon ul li a.prolistA:hover p{color:#023f98;}
.prolistB{ height: 28px;padding: 0 30px;}
.prolistB .proMore{ color:#333333; font-size: 12px;}
.prolistB .proMore:hover{ color: #023f98; float: left;}
.prolistB .proZX{ border: 1px solid #023f98; color: #023f98; float: right; height: 26px; line-height: 26px; width: 76px; text-align: center;}
.prolistB .proZX:hover{ background: #023f98; color: #ffffff;}
.proBox{ background: #f6f6f6;}
.proPageContent{background: #ffffff;   }
.proPageCon{width: 1062px; margin: 0 auto;padding: 67px 0;}
.proPageTop{ height: 630px; overflow: hidden; border-bottom: 1px solid #ececec;}
.proPageImg{width: 456px; float: left;}
.proPageImg ul{ width: 456px; height: 456px; overflow: hidden;}
.proPageImg ol{height: 114px; overflow: hidden;}
.proPageImg ol li{ float: left; margin: 20px 20px 0 0;position: relative; height: 94px; cursor: pointer; }
.proPageImg ol li span{ display: none;}
.proPageImg ol li.active span {border: 2px solid red;  position: absolute; top: 0; left: 0;border: 2px solid red;  width: 90px; height: 90px; display: block;}
.proPageTitle{width: 518px; float: right;}
.proPageTitle h1{font-size: 24px; font-weight: normal;padding:38px 0 20px;}
.proPageTitle p{ color: #999; font-size: 12px;}
.proPageTitle p{padding: 0 0 14px;}
.proPageTitle p.protext{line-height: 22px;padding: 0 0 50px;}
.proPageTitle p span{color: red; font-size: 18px;}
.proPageTitle p i{color: #535353; font-style: normal;}
.h68{ height: 68px;}

/*肌肤测试*/
.section3{height:400px; background:url(../src/images/section3.jpg) no-repeat center;  }
.section_content{width: 1062px; margin:5% auto 0 auto;}
.section_right{ float:right; margin-top:5%;}
.section_right .h1{margin-top: 20px;font-size: 50px;line-height: 1.2;display: block;color: #000;}
.section_right .h2{font-size: 14px;letter-spacing: 1px;margin-top: 20px;display: block;color: #000;}
.section_right .box-lnk {color: #000;margin-top: 50px;border: 1px solid #000;padding: 15px 20px; cursor: pointer; text-align: center; position: relative; text-transform: uppercase; min-width: 180px; -webkit-box-sizing: border-box; box-sizing: border-box;display: inline-block;font-size: 14px;}