/* Theme Name:iDea - Clean & Powerful Bootstrap Theme
Author:谷志斌
Author URI:http://www.injnet.com
Author e-mail:zhibin1223@126.com
Version:1.0.0
Created:September 2014
License URI:http://www.injnet.com
File Description:Main CSS file of the template */

/*----------------------------------------------------------------------------- */
html {
	height: 100%;
}
a {
    -webkit-transition-property: background-color;
    -webkit-transition-duration: 0.3s;
    -webkit-transition-timing-function: ease;
    color:#818181;
}
a:hover {text-decoration:none}
a:visited {text-decoration:none}
a:active {text-decoration:none}
a:link {text-decoration:none}
.clear {clear:both}
.lf{ float:left;}
.rg{ float:right;} 

/*字体*/
/*字体*/
body {
	font-family:"微软雅黑","宋体",Arial;
	font-size: 14px;
	line-height: 24px;
	color: #7a7a7a;
    overflow-x:hidden;
    padding:0px;
}
body.full-height, body.full-height .page-wrapper {
	min-height: 100%;
}
img {max-width:100%;}
ul {margin:0px; padding:0px; list-style:none}
.none-padding {padding:0px;}
.Roat {-moz-transition: all 0.8s ease-in-out; -webkit-transition: all 0.8s ease-in-out; -o-transition: all 0.8s ease-in-out; -ms-transition: all 0.8s ease-in-out; transition: all 0.8s ease-in-out;}

/*手机导航*/
@media (max-width: 767px) {
    .moblie_head{ display:block; background:#f7f7f7; padding:10px 5%; position:fixed; width:100%; z-index:999}
    .moblie_head .rg{ padding-top:12px;}
    .a_txt{ display:block; position:fixed; top:0px; left:0px; width:0px; height:0px; overflow:hidden; z-index:1000;}
	.a_txt .div1{ position:absolute; width:100%; height:100%; background:#0b0d19; filter:alpha(opacity=0); opacity:0; left:0px; top:0px;}
	.a_txt .div2{ position:absolute; width:20%; left:0px; top:5%; z-index:100; text-align:center; filter:alpha(opacity=0); opacity:0;}
	.a_txt .div3{ position:absolute; width:80%; right:0px; top:0px; background:#0b0d19; height:100%; z-index:100; right:-80%;}
	.a_txt .div3 ul{ padding-left:5%; padding-right:5%;}
	.a_txt .div3 ul li{ border-bottom:1px solid #232530;}
	.a_txt .div3 ul li a{ display:block; height:45px; color:#fff; line-height:45px; padding-left:5%; font-size:16px;}
	.a_txt .div3 ul li .div_js1{ background:url(../images/7_15.png) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_on1{ background:url(../images/7_14.jpg) 95% center no-repeat; -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s;}
	.a_txt .div3 ul li .div_js_txt1 a{ height:40px; line-height:40px; font-size:14px;}
}
/*头部*/
.header {width: 100%;height: 132px;}
.logo {float:left;}
.tCont {float:right;height:37px;line-height:37px;font-size:20px;color:#272727;margin-top:16px;}
.tCont .div1 {float:left;height:37px;background:url(../images/tel.png) no-repeat left center;padding-left:40px;}
.tCont .div2 {float:left; margin-left:40px;}
.tCont .div2{width:265px; height:37px;background:url(../images/search.png)}
.tCont .div2 .input1{ height:37px; line-height:37px;padding-left:10px; width:205px; float:left;border:none;background-color:transparent;color:#a9a9a9;font-size:14px;}
.tCont .div2 .bnts{ float:right; width:48px; height:37px; cursor:pointer;border:none;background-color:transparent}

.nav {float:right;}
.menu {float:left; height:79px; line-height:79px;}
.menu > li{float:left; }
.menu > li > a { font-size:18px; color:#272727;display:block; padding-left:60px;height:79px;}
.menu > li > a:after {
    border-bottom:7px solid #0052a8;width:0px;content: ""; display:block;margin-top:-7px;
    transition:width 0.5s;  
    -moz-transition:width 0.5s;
    -webkit-transition:width 0.5s;
    -o-transition:width 0.5s;
}
.menu > li > a:hover:after {width:100%;}
.menu > li > a:hover {color:#0052a8;}
.menu > li > a.hover:after {width:100%;}
.menu > li > a.hover {color:#0052a8;}

@media (min-width: 768px) and (max-width: 991px) {
    .logo {float:left;margin-top:35px;}
    .logo img{float:left;height:62px}
    .menu > li > a {padding-left:30px;font-size:16px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .logo {float:left;margin-top:15px;}
    .logo img{float:left;height:102px}
    .menu > li > a {padding-left:39px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .menu > li > a {padding-left:57px;}
}

@media (max-width: 767px){
    .carousel {margin-top:75px;}
}

.fixed-header-on .header.fixed {position: fixed;z-index:9999}
.fixed-header-on .header {height:79px;background:#fff;border-bottom:1px solid #ececec}
.fixed-header-on .header .tCont{display:none}
.fixed-header-on .header .logo img{height:79px;}

/*关于我们*/
.list1 {background:#eaeaea;padding:40px 0px;margin-top:3px;float:left;width:100%;}
.list1_1 {float:left; width:100%;height:890px;position:relative;}
.list1_1:after {width:50%;height:890px;background:url(../images/lsit1_bg.jpg);display:block;content:" ";float:right;}
.list1_2 {float:left; width:100%;position:absolute}
.list1_2 .div1 {float:left; width:100%;font-size:45px;line-height:45px;color:#333232;margin-top:70px;}
.list1_2 .div1 b {float:left;}
.list1_2 .div1 span {float:left; margin-left:5px;font-family:"宋体";font-size:40px;margin-top:6px;}
.list1_2 .div1 i {font-size:28px;color:#a4a4a4;font-weight:bold;float:left;margin-top:13px;}
.list1_2 .div2 {float:left;width:50%;font-size:16px;color:#585858;margin-top:70px;padding-right:5%;}
.list1_2 .div3 {float:left; width:1185px;margin-top:50px;}
.list1_2 .div3 .d1{float:left; width:305px;height:225px;background:#0052a8;text-align:center;color:#fff;}
.list1_2 .div3 .d1 p{float:left; width:100%;font-size:40px;font-weight:bold;line-height:40px;margin-top:70px;}
.list1_2 .div3 .d1 p i{font-size:24px;}
.list1_2 .div3 .d1 span{font-size:18px;line-height:70px;}
.list1_2 .div3 .d2 {float:left;width:880px;height:207px;margin-top:9px;background:url(../images/list1_3.png)}
.list1_2 .div3 .d2 div{float:left;width:33.333333333%;height:207px;background:url(../images/list1_2.png) no-repeat right center;text-align:center;}
.list1_2 .div3 .d2 div:nth-child(3) {background:none}
.list1_2 .div3 .d2 div img {margin-top:55px;margin-bottom:22px;}
.list1_2 .div3 .d2 div span {font-size:18px;color:#0e0e0e;}

.bttn-mid {font-size: 18px;font-weight: 700;padding: 15px 40px;display: inline-block;border-radius: 30px 0 30px 0;cursor: pointer;text-transform: uppercase;transition: 0.4s;}
.bttn-mid:hover {border-radius: 0px 30px 0px 30px;}
.btn-fill {color: #fff;background: #0052a8;margin-top:50px;}
.btn-fill:hover {background: #4ea4ff;color: #ffffff;}
@media (max-width: 767px){
    .list1 {padding:20px 0px;}
    .list1_1 {float:left; width:100%;height:auto;position:static;}
    .list1_1:after {height:auto;background:none}
    .list1_2 {position:static}
    .list1_2 .div1 {font-size:24px;line-height:24px;margin-top:10px;}
    .list1_2 .div1 span {margin-left:5px;font-size:20px;margin-top:4px;}
    .list1_2 .div1 i {font-size:14px;margin-top:5px;}
    .list1_2 .div2 {float:left;width:100%;font-size:14px;color:#585858;margin-top:10px;padding-right:0%;}
    .list1_2 .div3 {float:left; width:100%;margin-top:30px;}
    .list1_2 .div3 .d1{width:100%;height:225px;}
    .list1_2 .div3 .d2 {float:left;width:100%;height:157px;margin-top:9px;background:url(../images/list1_3.png)}
    .list1_2 .div3 .d2 div{height:157px;}
    .list1_2 .div3 .d2 div img {margin-top:35px;margin-bottom:20px;width:50px;}
    .list1_2 .div3 .d2 div span {font-size:16px;color:#0e0e0e;}
    .bttn-mid {width:100%;text-align:center;font-size:16px;}
    .btn-fill {color: #fff;background: #0052a8;margin-top:20px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .list1_1 {height:700px;}
    .list1_1:after {height:700px;}
    .list1_2 .div1 {font-size:30px;line-height:30px;margin-top:40px;}
    .list1_2 .div1 span {margin-left:5px;font-size:24px;margin-top:4px;}
    .list1_2 .div1 i {font-size:18px;margin-top:10px;}
    .list1_2 .div2 {font-size:14px;}
    .list1_2 .div3 {width:100%;margin-top:40px;}
    .list1_2 .div3 .d1{width:205px;height:175px;}
    .list1_2 .div3 .d1 p{font-size:22px;line-height:22px;margin-top:50px;}
    .list1_2 .div3 .d1 p i{font-size:16px;}
    .list1_2 .div3 .d2 {width:510px;height:157px;}
    .list1_2 .div3 .d2 div{height:157px;}
    .list1_2 .div3 .d2 div img {margin-top:35px;margin-bottom:20px;width:50px;}
    .list1_2 .div3 .d2 div span {font-size:16px;color:#0e0e0e;}
    .bttn-mid {font-size: 16px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .list1_1 {height:700px;}
    .list1_1:after {height:700px;}
    .list1_2 .div1 {font-size:38px;line-height:38px;margin-top:50px;}
    .list1_2 .div1 span {margin-left:5px;font-size:30px;margin-top:6px;}
    .list1_2 .div1 i {font-size:22px;margin-top:10px;}
    .list1_2 .div2 {font-size:14px;}
    .list1_2 .div3 {width:100%;margin-top:40px;}
    .list1_2 .div3 .d1{width:245px;height:205px;}
    .list1_2 .div3 .d1 p{font-size:32px;line-height:32px;margin-top:60px;}
    .list1_2 .div3 .d1 p i{font-size:20px;}
    .list1_2 .div3 .d2 {width:680px;height:187px;}
    .list1_2 .div3 .d2 div{height:187px;}
    .list1_2 .div3 .d2 div img {margin-top:35px;margin-bottom:20px;}
    .list1_2 .div3 .d2 div span {font-size:18px;color:#0e0e0e;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .list1_2 .div3 {width:1125px;}
    .list1_2 .div3 .d1{width:295px;}
    .list1_2 .div3 .d2 {width:820px;height:207px;}
}

/*产品展示*/
.list2{float:left; width:100%;padding:95px 0px 55px 0px;}
.list2 .div1 {float:left; width:100%;font-size:45px;line-height:45px;color:#333232;margin-top:20px;text-align:center;background:url(../images/list2_1.png) no-repeat center}
.list2 .div1 span {margin-left:5px;font-family:"宋体";font-size:40px;margin-top:6px;}
.list2 .div1 i {font-size:28px;color:#a4a4a4;font-weight:bold;margin-top:13px;}
.list2 .div2 {float:left; width:100%;margin-top:30px;margin-bottom:30px;}
.list2 .div2 ul{display:table;margin:0 auto;}
.list2 .div2 ul li{float:left;}
.list2 .div2 ul li a{float:left;font-size:20px;color:#464646;display:block;padding:15px 20px;border-radius:10px;}
.list2 .div2 ul li a:hover{background:#0052a8;color:#fff;}
.list2 .div3{float:left; width:100%;}

.pcp {background:#f1f1f1;border-radius:8px;cursor:pointer;transition:all  .25s  ease-in;-moz-transition:all  .25s  ease-in;-webkit-transition:all  .25s  ease-in;}
.pcp strong {float:left;font-size:30px;color:#181818;line-height:35px;font-weight:normal;transition:all  .25s  ease-in;-moz-transition:all  .25s  ease-in;-webkit-transition:all  .25s  ease-in;}
.pcp a {color:#fff;background:#0052a8;font-size:16px;border-radius:10px;padding:6px 20px;float:left;transition:all  .25s  ease-in;-moz-transition:all  .25s  ease-in;-webkit-transition:all  .25s  ease-in;}
.pcp img {transition:all  .25s  ease-in;-moz-transition:all  .25s  ease-in;-webkit-transition:all  .25s  ease-in;}
.pcp:hover {box-shadow: 0px 1px 20px 0px #d1d1d1;transform:translateY(-8px);}
.pcp:hover strong{transform:translateY(-8px);}
.pcp:hover a{transform:translateY(-8px);}
.pcp:hover img{transform:translateY(-8px);}

.pcp1{float:left; width:485px;height:620px;}
.pcp1 strong{width:100%;text-align:center;margin-top:105px;}
.pcp1 a{margin-top:24px;margin-left:190px;}
.pcp1 .mpImg{float:left;width:100%;margin-top:10px}

.pcp2{float:right;width:690px;height:300px;}
.pcp2 .mpImg{float:left;margin:0px 30px;width:400px;}
.pcp2 .mpImg img{float:left;width:100%;}
.pcp2 .mInfo {float:right;width:210px}
.pcp2 strong{width:100%;text-align:center;margin-top:105px;}
.pcp2 a{margin-top:24px;margin-left:40px;}

.pcp3{float:left;width:335px;height:300px;margin-left:20px;}
.pcp3 strong{width:100%;text-align:center;margin-top:25px;}
.pcp3 a{margin-top:24px;margin-left:110px;}
.pcp3 .mpImg{float:left;width:70%;margin-top:10px;margin-left:15%;}
.p4 strong{margin-top:0px;}

.pcp4{float:left;width:590px;height:295px; margin-top:20px;}
.pcp4 .mpImg{float:right;margin-right:20px;width:350px;margin-top:15px;}
.pcp4 .mInfo {float:left;width:210px}
.pcp4 strong{width:100%;text-align:center;margin-top:105px;}
.pcp4 a{margin-top:24px;margin-left:40px;}

.p3 {margin-top:20px;}
.p4 {margin-top:20px;}
.p6 {margin-left:20px;}

@media (max-width: 767px){
    .list2{padding:25px 0px 15px 0px;}
    .list2 .div1 {font-size:24px;line-height:24px;margin-top:10px;}
    .list2 .div1 span {margin-left:5px;font-size:24px;margin-top:6px;}
    .list2 .div1 i {font-size:20px;color:#a4a4a4;font-weight:bold;margin-top:13px;}
    .list2 .div2 ul li{float:left;width:33.3333%;}
    .list2 .div2 ul li a{font-size:14px;padding:10px 15px;}
    .pcp strong {font-size:18px;}
    .pcp a {margin-left:35%;font-size:14px;}

    .pcp1{width:100%;height:auto;padding-bottom:20px;}
    .pcp1 strong{margin-top:35px;}
    .pcp2{width:100%;height:auto;padding-bottom:20px;margin-top:20px;}
    .pcp2 .mpImg{float:left;margin:0px;width:100%;}
    .pcp2 .mpImg img{float:left;width:90%;margin-left:5%}
    .pcp2 .mInfo {float:right;width:100%}
    .pcp2 strong{width:100%;text-align:center;margin-top:45px;}
    .pcp2 a{margin-top:24px;margin-left:125px;}

    .pcp3{width:100%;height:auto; margin-top:20px;margin-left:20px;margin-left:0px;padding-bottom:20px}

    .pcp4{width:100%;height:auto; margin-top:20px;padding-bottom:20px;}
    .pcp4 .mpImg{float:left;margin-right:20px;width:100%;margin-top:15px;}
    .pcp4 .mpImg img{width:80%;margin-left:10%;}
    .pcp4 .mInfo {float:left;width:100%}
    .pcp4 strong{width:100%;text-align:center;margin-top:25px;}
    .pcp4 a{margin-top:24px;margin-left:35%;}

    .p3 {margin-top:20px;}
    .p5 {margin-left:0px;}
    .p6 {margin-left:0px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .list2{padding:45px 0px 25px 0px;}
    .list2 .div1 {font-size:26px;line-height:26px;margin-top:10px;}
    .list2 .div1 span {margin-left:5px;font-size:24px;margin-top:6px;}
    .list2 .div1 i {font-size:22px;color:#a4a4a4;font-weight:bold;margin-top:13px;}
    .list2 .div2 ul li{float:left;width:20%;}
    .list2 .div2 ul li a{font-size:16px;padding:15px 20px;}

    .pcp strong {float:left;font-size:20px;color:#181818;line-height:35px;font-weight:normal}
    .pcp a {color:#fff;background:#0052a8;font-size:14px;border-radius:10px;padding:6px 20px;float:left;}
    .pcp1{width:350px;height:420px;}
    .pcp1 strong{width:100%;text-align:center;margin-top:35px;}
    .pcp1 a{margin-top:24px;margin-left:125px;}

    .pcp2{width:350px;height:420px;}
    .pcp2 .mpImg{float:left;margin:0px;width:100%;}
    .pcp2 .mpImg img{float:left;width:90%;margin-left:5%}
    .pcp2 .mInfo {float:right;width:100%}
    .pcp2 strong{width:100%;text-align:center;margin-top:45px;}
    .pcp2 a{margin-top:24px;margin-left:125px;}

    .pcp3{width:350px;height:420px; margin-top:20px;margin-left:0px;}
    .pcp3 strong{width:100%;text-align:center;margin-top:15px;}
    .pcp3 a{margin-top:24px;margin-left:125px;margin-top:20px;}
    .pcp3 .mpImg{float:left;width:100%;margin-top:0px;margin-left:0%;}
    .p4 strong{margin-top:0px;}
    .p4{margin-left:20px;}
    .pcp4{float:left;width:350px;height:210px; margin-top:20px;}
    .pcp4 .mpImg{float:right;margin-right:20px;width:175px;margin-top:45px;}
    .pcp4 .mInfo {float:left;width:150px}
    .pcp4 strong{width:100%;text-align:center;margin-top:65px;}
    .pcp4 a{margin-top:24px;margin-left:30px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .pcp strong {float:left;font-size:24px;color:#181818;line-height:35px;font-weight:normal}
    .pcp a {color:#fff;background:#0052a8;font-size:14px;border-radius:10px;padding:6px 20px;float:left;}

    .list2{padding:65px 0px 35px 0px;}
    .list2 .div1 {font-size:38px;line-height:38px;margin-top:10px;}
    .list2 .div2 ul li a{font-size:16px;padding:15px 20px;}
    .pcp1{width:355px;height:480px;}
    .pcp1 strong{width:100%;text-align:center;margin-top:65px;}
    .pcp1 a{margin-top:24px;margin-left:130px;}
    .pcp2{width:565px;height:230px;}
    .pcp2 .mpImg{float:left;margin:0px 30px;width:290px;}
    .pcp2 .mpImg img{float:left;width:100%;}
    .pcp2 .mInfo {float:right;width:210px}
    .pcp2 strong{width:100%;text-align:center;margin-top:65px;}
    .pcp2 a{margin-top:24px;margin-left:40px;}

    .pcp3{float:left;width:272.5px;height:230px;margin-left:20px;}
    .pcp3 strong{width:100%;text-align:center;margin-top:15px;}
    .pcp3 a{margin-top:24px;margin-left:85px;margin-top:20px;}
    .pcp3 .mpImg{float:left;width:60%;margin-top:0px;margin-left:18%;}
    .p4 strong{margin-top:0px;}

    .pcp4{float:left;width:460px;height:210px; margin-top:20px;}
    .pcp4 .mpImg{float:right;margin-right:20px;width:230px;margin-top:15px;}
    .pcp4 .mInfo {float:left;width:210px}
    .pcp4 strong{width:100%;text-align:center;margin-top:65px;}
    .pcp4 a{margin-top:24px;margin-left:40px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .pcp1{width:455px;height:580px;}
    .pcp1 a{margin-top:24px;margin-left:170px;}
    .pcp2{width:660px;height:280px;}
    .pcp2 .mpImg{float:left;margin:0px 30px;width:390px;}
    .pcp2 .mpImg img{float:left;width:100%;}
    .pcp2 .mInfo {float:right;width:210px}
    .pcp2 strong{width:100%;text-align:center;margin-top:105px;}
    .pcp2 a{margin-top:24px;margin-left:40px;}

    .pcp3{float:left;width:320px;height:280px;margin-left:20px;}
    .pcp3 strong{width:100%;text-align:center;margin-top:25px;}
    .pcp3 a{margin-top:24px;margin-left:110px;}
    .pcp3 .mpImg{float:left;width:64%;margin-top:10px;margin-left:18%;}
    .p4 strong{margin-top:0px;}

    .pcp4{float:left;width:560px;height:295px; margin-top:20px;}
    .pcp4 .mpImg{float:right;margin-right:20px;width:320px;margin-top:15px;}
    .pcp4 .mInfo {float:left;width:210px}
    .pcp4 strong{width:100%;text-align:center;margin-top:105px;}
    .pcp4 a{margin-top:24px;margin-left:40px;}
}

/*应用领域*/
.list3 {position: relative;padding: 80px 0px 95px;background-position:center top;background-size:cover;background-attachment:fixed;background-repeat: no-repeat;color:#fff;}
.list3 .div1 {float:left; width:100%;text-align:center;font-size:50px;font-weight:bold;line-height:60px;}
.list3 .div1 span{color:#3086e1;font-size:70px;}
.list3 .div2{font-size:16px;width:100%;text-align:center;padding:30px 0px 90px;float:left;}

.slick-slider .slick-arrow {position: absolute;z-index: 9;cursor: pointer;text-align: center;}
#property-for-rent-slider {margin-top:0px;}
#property-for-rent-slider .slick-arrow {background: none;width: 50px;height: 50px;padding: 0;line-height: 50px;top: 45%;}
#property-for-rent-slider .slick-arrow:hover {background: #8d8d8d;color: #333;}
#property-for-rent-slider .icon-left-open {left: -20px;}
#property-for-rent-slider .icon-right-open {right: -20px;}

.pcp-list {float:left;}
.pcp-list .item{float:left;width:100%}
.pcp-list .item a {float:left;width:100%}
.pcp-list .item img {float:left;width:100%;}
.pcp-list .item p {float:left;width:100%;height:55px; line-height:55px; background:#fff;text-align:left;padding-left:20px;}
.pcp-list .item p a{color:#1d1d1d;font-size:20px;}
@media (max-width: 767px){
    .list3 {padding: 25px 0px 15px;}
    .list3 .div1 {font-size:20px;line-height:30px;}
    .list3 .div1 span{font-size:30px;}
    .list3 .div2{font-size:14px;padding:20px 0px 30px;float:left;}
    .pcp-list .item p {height:35px; line-height:35px;}
    .pcp-list .item p a{font-size:16px;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .list3 {padding: 30px 0px 25px;}
    .list3 .div1 {font-size:26px;line-height:30px;}
    .list3 .div1 span{font-size:38px;}
    .list3 .div2{font-size:14px;padding:30px 0px 40px;float:left;}
    .pcp-list .item p {height:35px; line-height:35px;}
    .pcp-list .item p a{font-size:16px;}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .list3 {padding: 60px 0px 55px;}
    .list3 .div1 {font-size:38px;line-height:40px;}
    .list3 .div1 span{font-size:50px;}
    .list3 .div2{font-size:14px;padding:30px 0px 40px;float:left;}
    .pcp-list .item p {height:35px; line-height:35px;}
    .pcp-list .item p a{font-size:18px;}
}

/*新闻中心*/
.list4 {float:left; width:100%;padding-top:95px;}
.list4 .div1 {float:left; width:100%;font-size:45px;line-height:45px;color:#333232;margin-top:20px;text-align:center;background:url(../images/list2_1.png) no-repeat center}
.list4 .div1 span {margin-left:5px;font-family:"宋体";font-size:40px;margin-top:6px;}
.list4 .div1 i {font-size:28px;color:#a4a4a4;font-weight:bold;margin-top:13px;}

.list4 .div2 {float:left;width:100%;margin-top:75px;position:relative;}
.mImgs {float:left;position:absolute;left:0px;top:20px;}

.mShow {float:right;width:785px;background:#eeeeee;height:100%;padding:20px 50px 40px 170px;}
.mShow a{float:left;width:100%;font-size:18px;color:#212121;line-height:50px;}
.mShow p{float:left;width:100%;font-size:14px;color:#5f5f5f}

.list4 .div3 {float:left; width:100%;margin-top:60px;}
.list4 .div3 .art{float:left; width:540px;display:block;margin-bottom:40px;}
.list4 .div3 .art:nth-child(2n+1){margin-right:120px;}
.list4 .div3 .art span{float:left; width:67px;height:67px; display:block;background:#eee;text-align:center;color:#000;font-weight:bold;font-size:16px;padding-top:10px;}
.list4 .div3 .art i{font-weight:normal;font-size:14px;}
.list4 .div3 div{float:left;padding-left:20px;width:423px;padding-bottom:10px}
.list4 .div3 div strong{float:left;font-size:18px;color:#000;padding:15px 0px;width:100%}
.list4 .div3 div p{float:left;color:#5f5f5f;width:100%;}
.list4 .div3 .art:hover span{background:#302f2d;color:#fff;}
.list4 .div3 .art:hover div{background:#0052a8;}
.list4 .div3 .art:hover div strong{color:#fff;}
.list4 .div3 .art:hover div p{color:#fff;}

@media (max-width: 767px){
    .list4{padding:45px 0px 25px 0px;}
    .list4 .div1 {font-size:24px;line-height:26px;margin-top:10px;}
    .list4 .div1 span {margin-left:5px;font-size:24px;margin-top:6px;}
    .list4 .div1 i {font-size:22px;color:#a4a4a4;font-weight:bold;margin-top:13px;}
    .list4 .div3 {float:left; width:100%;margin-top:30px;}
    .list4 .div3 .art{width:100%;margin-bottom:10px;}
    .list4 .div3 div{float:left;padding-left:0px;width:100%;padding-bottom:10px;padding:10px;}
    .list4 .div3 div strong{float:left;font-size:14px;color:#000;padding:10px 0px;width:100%}
    .list4 .div3 div p{float:left;color:#5f5f5f;width:100%;font-size:13px;}

    .list4 .div2 {float:left;width:100%;margin-top:25px;position:relative;}
    .mImgs {float:left;position:static;width:100%;}
    .mImgs img{width:100%;}
    .mShow {float:right;width:100%;background:#eeeeee;height:100%;padding:20px;}

    .list4 .div3 .art span{background:#302f2d;color:#fff;}
    .list4 .div3 .art div{background:#0052a8;}
    .list4 .div3 .art div strong{color:#fff;}
    .list4 .div3 .art div p{color:#fff;}
}
@media (min-width: 768px) and (max-width: 991px) {
    .list4{padding:45px 0px 25px 0px;}
    .list4 .div1 {font-size:26px;line-height:26px;margin-top:10px;}
    .list4 .div1 span {margin-left:5px;font-size:24px;margin-top:6px;}
    .list4 .div1 i {font-size:22px;color:#a4a4a4;font-weight:bold;margin-top:13px;}

    .list4 .div2 {float:left;width:100%;margin-top:25px;position:relative;}
    .mImgs {float:left;position:static;width:100%;}
        .mImgs img{width:100%;}
    .mShow {float:right;width:100%;background:#eeeeee;height:100%;padding:20px;}

    .list4 .div3 .art{width:345px;margin-bottom:40px;}
    .list4 .div3 .art:nth-child(2n+1){margin-right:30px;}
    .list4 .div3 .art span{width:50px;height:60px; display:block;background:#eee;text-align:center;color:#000;font-weight:bold;font-size:14px;padding-top:10px;}
    .list4 .div3 div{width:295px;}
    .list4 .div3 div strong{font-size:16px;padding:10px 0px;width:100%}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .list4{padding:65px 0px 35px 0px;}
    .list4 .div1 {font-size:38px;line-height:38px;margin-top:10px;}
    .list4 .div3 .art{width:440px;margin-bottom:40px;}
    .list4 .div3 .art:nth-child(2n+1){margin-right:60px;}

        .list4 .div2 {float:left;width:100%;margin-top:25px;position:relative;}
    .mImgs {float:left;position:static;width:100%;}
        .mImgs img{width:100%;}
    .mShow {float:right;width:100%;background:#eeeeee;height:100%;padding:20px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .list4 .div3 .art{width:510px;}
}

/*底部*/
.footer {float:left; width:100%;background:#3a3a3a;padding-top:60px;}
.copy {float:left; width:100%;background:#262626;border-top:1px solid #484848;padding:10px;text-align:center;font-size:16px;margin-top:20px;}

.footer .div1 {float:left; width:540px;background:url(../images/1_10.jpg) no-repeat right top}
.dtit {float:left;width:100%;font-size:20px;color:#fff;background:url(../images/1_01.jpg) no-repeat bottom left;line-height:45px;margin-bottom:20px;}
.dCon{float:left; width:100%;border-bottom:1px solid #484848;padding-bottom:20px}

.divm {float:left;color:#909090;padding-left:30px;height:40px;line-height:40px;}
.divm1 {background:url(../images/1_02.jpg) no-repeat left center;}
.divm2 {background:url(../images/1_03.jpg) no-repeat left center;margin-left:40px;}
.divm3 {background:url(../images/1_04.jpg) no-repeat left center;margin-left:60px;}
.divm4 {background:url(../images/1_05.jpg) no-repeat left center;}
.divm5 {background:url(../images/1_06.jpg) no-repeat left center;margin-left:40px;}
.ewm1 {float:left;margin-top:24px;}
.ewm2 {float:left;margin-top:24px;margin-left:107px;}

.footer .div2 {float:left;width:207px;padding-left:70px;background:url(../images/1_10.jpg) no-repeat right top}
.footer .div2 ul {float:left;width:100%;padding-bottom:70px;}
.footer .div2 ul li{float:left;width:100%;}
.footer .div2 ul li a{float:left;width:100%;}

.footer .div3 {float:left;width:453px;padding-left:70px;}
.footer .div3 p{color:#909090;float:left}
.footer .div3 img{float:left;margin-top:10px;}


@media (max-width: 767px) {
    .footer .div1 {width:100%;background:none}
    .divm {width:100%;margin-left:0px;line-height:24px;padding:8px 0px 8px 30px;}
    .footer .div2 {display:none}
    .footer .div3 {display:none}
    .copy {font-size:14px;}
    .ewm1 {float:left;width:45%}
    .ewm2 {width:45%;margin-left:5%}
}
@media (min-width: 768px) and (max-width: 991px) {
    .footer .div1 {width:100%;background:none}
    .divm {width:100%;margin-left:0px;line-height:24px;padding:8px 0px 8px 30px;}
    .footer .div2 {display:none}
    .footer .div3 {display:none}
    .copy {font-size:14px;}
    .ewm1 {float:left;width:45%}
    .ewm2 {width:45%;margin-left:5%}
}
@media (min-width: 992px) and (max-width: 1199px) {
    .footer .div1 {width:400px;}
    .divm1 {}
    .divm2 {margin-left:40px;}
    .divm3 {margin-left:0px;}
    .divm4 {margin-left:40px;}
    .divm5 {margin-left:0px;}
    .ewm2 {margin-left:57px;}

    .footer .div2 {width:160px;padding-left:30px;}
    .footer .div3 {width:380px;padding-left:30px;}
    .copy {font-size:14px;}
}
@media (min-width: 1200px) and (max-width: 1440px) {
    .footer .div1 {width:520px;}
    .footer .div2 {width:187px;padding-left:60px;}
    .footer .div3 {width:433px;padding-left:60px;}
}


/*内页*/
/* banner */
.banner{position: fixed; top: 0; left: 0; right: 0;}
.banner .overlay{display: none; position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #fff; opacity: 0;}


/* history */
.devList {float:left;width:100%;}
.devList .container{width:88%;}

.history-hd >div{position: relative; margin-top: 6%; display: inline-block; width: 30%;}
.history-hd >div::before{position: absolute; display: block; content: ""; left: 50%; top: 60%; height: 41%; width: 1px; border-left: 2px dotted #000;}
.history-hd i{position: absolute; z-index: 1; left: 50%; top: 50%; font-size: 16px; line-height: 20px; color: #303030; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei"; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%);}
.history-bd{position: relative; margin: 0; padding: 7% 0 0; overflow: hidden;}
.history-bd::before{position: absolute; display: block; content: ""; left: 50%; top: 0; height: 100%; width: 1px; border-left: 2px dotted #000;}
.history-bd li{position: relative;}
.history-bd .year{position: absolute; top: -5px; left: 50%; padding: 15px; display: inline-block; background: #fff; text-align: center; -webkit-transform: translateX(-50%); transform: translateX(-50%);}
.history-bd .year span{display: block; margin: 0 auto 8px; width: .34rem; height: .43rem; background: url(../images/local.png) no-repeat center center; background-size: 100%;}
.history-bd .year i{font-size: 20px; font-weight: bold; color: #000; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article{margin-bottom: 5%; width: 20%;}
.history-bd .article i{display: block; margin-bottom: .3rem; font-size: 1.5rem; line-height: 1; font-weight: bold; color: #e0e0e0; font-family: "Impact","AkzidenzGrotesk-ExtraBoldCondAlt","PingFang SC","Source Han Sans CN","Microsoft YaHei";}
.history-bd .article p{font-size: 14px; color: #292929; line-height: 26px;}
.history-bd li:nth-of-type(2n-1) .article{margin-left: 60%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 20%;}
@media (max-width: 1600px){.history-bd .article i{font-size: 1.4rem;}}
@media (max-width: 1440px){.history-bd .article i{font-size: 1.2rem;}}
@media (max-width: 1360px){
.history-bd .article{width: 25%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 15%;}
.history-bd .article i{font-size: 1.3rem;}
}
@media (max-width: 1199px){
.history-bd .article{margin-bottom: 8%; width: 30%;}
.history-bd li:nth-of-type(2n) .article{margin-left: 10%;}
.history-hd >div{width: 35%;}
.history-hd i{font-weight: bold;}
}
@media (max-width: 992px){
.history-hd >div{width: 40%;}
.history-bd .article i{font-size: 1.2rem;}
}
@media (max-width: 767px){
.history-hd >div{margin-top: 12%; width: 70%;}
.history-bd li{margin: 15% 0; background: #fff;}
.history-bd .year{position: relative;}
.history-bd .article{margin: 0 10% !important; width: 80%;}
.history-bd .article i{display: none;}
}

.itemlist {float:left; width:100%;}

.work-image {
    display: block;
    position: relative;
    z-index: 1;
    overflow: hidden;
	box-shadow: 0 1px 1px rgba(0,0,0,0.1);
	-webkit-transition: box-shadow 0.2s ease;
	transition: box-shadow 0.2s ease;
	border:1px solid #ddd;
}

.work-image img {
    width: 100%;
    display: block;
	-webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.work-image:hover img {
    -webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.port{margin-top:25px;}
.link-overlay {
	position: absolute;
	top: 0;       left: 0;
	bottom: 0;    right: 0;
	background: rgba(0,0,0,0);
	-webkit-transition: background-color 0.3s ease;
	transition: background-color 0.3s ease;
}
.link-overlay:before {
	display: block;
	width: 46px;
	height: 46px;
	position: absolute;
	top: 50%;    left: 50%;
	margin: -22px 0 0 -25px;
	border-radius: 50%;
	background: #fff;
	text-align: center;
	font: 14px/46px 'FontAwesome';
	color: #2c2c2c;
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
	opacity:0;
	-webkit-transition: -webkit-transform 0.3s ease, opacity 0.3s ease;
	transition: transform 0.3s ease, opacity 0.3s ease;
}
.work-image:hover .link-overlay { background: rgba(20,22,23,0.6);}
.work-image:hover  .link-overlay:before {-webkit-transform: scale(1);transform: scale(1);opacity:1;}
.work p { margin: 0; }
.work-name {display: inline-block;margin: 15px 0 6px;font: 14px ;}
a.work-name {color: #313538;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;position: relative; height:20px; line-height:20px;overflow:hidden;width:100%;text-align:center}
a.work-name:hover {color: #04BFEA;}

.blog-post-pagination {
	margin: 30px 0px;
}

.blog-post-pagination a {
	display: inline-block;
	vertical-align: middle;
	width: 42px;
	height: 42px;
	border-radius: 50%;
	background: #f3f3f3;
	line-height: 42px;
	text-align: center;
	font-size: 14px;
	color: #666;
	transition: all .4s ease;
}
@media (max-width: 767px) {
    .blog-page-2-col .blog-post-pagination {
        padding-bottom: 30px;
    }
    .blog-post-pagination a {
	width: 32px;
	height: 32px;
	line-height: 32px;
	text-align: center;
	font-size: 14px;
}
}
.blog-post-pagination a.prev, .blog-post-pagination a.next {
	background: #a4a4a4;
	color: #fff;
	font-size: 14px;
}

.blog-post-pagination a.active {
	cursor: auto;
}

.blog-post-pagination a.active, .blog-post-pagination a:hover {
	background: #0052a8;
    color:#fff;
}

.blog-post-pagination a + a {
	margin-left: 10px;
}



#fh5co-contact {margin-top:30px;float:left; width:100%;}
#fh5co-contact p{ font-size:16px; line-height:30px;}
#fh5co-contact .contact-info {
  margin: 0;
  padding: 0;
  margin-top:20px;
  float:left;
}
#fh5co-contact .contact-info li {
  list-style: none;
  margin: 0 0 15px 0;
  position: relative;
  padding-left: 40px;
}
#fh5co-contact .contact-info li i {
  position: absolute;
  top: 0em;
  left: 0;
  font-size: 22px;
  color: rgba(0, 0, 0, 0.3);
}
#fh5co-contact .contact-info li a {
  font-weight: 400 !important;
}
#fh5co-contact .form-control {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  -ms-box-shadow: none;
  -o-box-shadow: none;
  box-shadow: none;
  border: none;
  border: 1px solid rgba(0, 0, 0, 0.1);
  font-size: 14px;
  font-weight: 400;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  border-radius: 0px;
}
#fh5co-contact .form-control:focus, #fh5co-contact .form-control:active {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}
#fh5co-contact input[type="text"] {
  height: 50px;
}
#fh5co-contact .form-group {
  margin-bottom: 30px;
}



.wrap {width: 100%; height: auto; margin: 0 auto;}


.contLeft {float: left; width: 25%; background: #f5f5f5; position: relative;}
.contRight {float: right; width: 72.666%; margin-top: 15px;}
.contLeftNav {text-align: center;}
.contLeftNav ul {}
.contLeftNav ul li {}
.contLeftNav ul li h3 {height: 58px; line-height: 58px; border-top: 1px solid #e5e5e5; position: relative;}
.contLeftNav ul li h3 a {display: block; height: 100%;}
.contLeftNav ul li h3 a:hover {background: #efefef;}
.contLeftNav ul li h3 span {position: absolute; width: 30px; height: 30px; right: 17%; top: 50%; margin-top: -15px; background: url(../images/ico_jt_contL.png) no-repeat center; z-index: 22; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.contLeftDown {display: none;}
.contLeftDown a {display: block; height: 56px; line-height: 56px; color: #fff; background: #0052a8; border-top: 1px solid #e5e5e5;}
.contLeftDown a:hover,
.contLeftDown a.on {background: #0052a8;}
.contLeftNav ul li.on h3 a {background: #0052a8; font-size: 18px; font-weight: 600; color: #fff;}
.contLeftNav ul li.on h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center; -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg);}
.contLeftNav ul li.active h3 a {background: #0052a8; font-size: 18px; font-weight: 600; color: #fff;}
.contLeftNav ul li.active h3 span {background: url(../images/ico_jt_contL_a.png) no-repeat center;}
.contLeftTit {position: absolute; width: 100%; height: 116px; text-align: center; /*background: #0052a8;*/ background: rgba(0,82,168,0.75); color: #fff; left: 0; top: -116px; z-index: 44; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.contLeftTit span {display: block; margin-top: 22px;}
.contLeftTit h2 {font-size: 16px; font-weight: 600; line-height: 26px; margin-top: 6px;}
.contLeftTit h3 {font-size: 12px; line-height: 18px;}

.contRightH {line-height: 38px;height:38px;}
.contRightH h2 {float: left; font-size: 20px; color: #585858;line-height:38px;} 
.contRightH p {float: right; font-size: 12px; color: #808080;}
.contRightH p a {color: #808080;}
.contRightH p a:hover,
.contRightH p span {color: #0052a8;}
.contRightLine {height: 8px; margin-top: 10px; background: url(../images/cont_tit_bg.png) no-repeat center; background-size: cover;}


.contRightWrap {margin-top: 10px; min-height:300px}
.courseList {}
.courseList li {padding: 18px 0; border-bottom: 1px solid #eeeeee;}
.courseList li:last-child {border-bottom: none;}
.courseList li .pic {float: left; width: 25%;}
.courseList li .cont {float: right; width: 73.1%;}
.courseList li .cont h3 {margin-top: 16px; margin-bottom: 6px; font-size: 18px; font-weight: 600; line-height: 34px;}
.courseList li .cont h3 a {color: #0052a8;}
.courseList li .cont h3 a:hover {color: #01B48C;}
.courseList li .cont p {color: #4c4c4c; line-height: 30px;}
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
.courseList li:hover p {color: #333;}

.page {width: 100%; height: 36px; margin:50px 0 40px 0; text-align: center; line-height: 36px; color: #333333;}
.page em {display: inline-block; height: 100%; margin: 0 3px; padding: 0 15px; border: 1px solid #eee; vertical-align: top; cursor: pointer;}
.page em:hover {background: #f5f4f4;}
.page em.active {color: #fff; background: #0052a8;}
.page i {display: inline-block; height: 100%; margin: 0 3px; padding: 0 16px; border: 1px solid #eee; cursor: pointer;}
.page i:hover {background: #f5f4f4;}
.page i.active {color: #fff; background: #0052a8;}
.page a {display: inline-block; width: 30px; height: 100%; margin: 0 3px; color: #202020; border: 1px solid #eee; zoom: 1; *display:inline; float:none;}
.page a:hover {background: #f5f4f4;}
.page a.active {color: #fff; background: #0052a8;}
.page p {display: inline-block; height: 100%; margin-left: 20px;zoom: 1; *display:inline; float:none;}	


.bannerContCourseD {background: url(../images/banner_course_d.jpg) no-repeat center;}
.contRightH h3 {max-width: 70%; float: left; font-size: 18px; font-weight: 600; color: #595959;}
.courDetailH {font-size: 0;margin-bottom: 8px; margin-top: 24px;}
.courDetailH a {display: inline-block; width: 14.16%; height: 32px; margin-right: 3%; margin-bottom: 20px; text-align: center; line-height: 30px; font-size: 14px; color: #808080; border: 1px solid #e5e5e5; border-radius: 16px; box-sizing: border-box;}
.courDetailH a:nth-child(6n) {margin-right: 0;}
.courDetailH a:hover {background: #F5F4F4;}
.courDetailTit {height: 60px; padding: 0 15px; margin-top: 40px; line-height: 60px; color: #fff; background: #0052a8;}
.courDetailTit h3 {padding-left: 36px; font-size: 16px; font-weight: 600; background: url(../images/ico_course_d.png) no-repeat left center;}
.courDetailCont {margin: 26px 0 30px 0;}
.courDetailCont p {color: #4c4c4c; line-height: 32px; text-indent: 2em;}


@media (max-width: 1366px) {
	.wrap {width: 88%;}
}

@media (max-width: 1280px) {
	.wrap {width: 90%;}
	.contLeft {width: 22%;}
	.contRight {width: 75.555%;}
	.contRightH h2 {font-size: 22px;}
	
	.bannerCont {height: 340px;}
	.courseList li .cont h3 {margin-top: 12px; font-size: 17px;}
	.courseList li .cont p {max-height: 90px; overflow: hidden;}
	.courDetailCont p {line-height: 30px;}
	.courDetailCont {margin: 22px 0 20px 0;}
	.contRightH h3 {font-size: 17px;}
	
	.newsList li {margin-bottom: 10px;}
	.newsList li .cont h4 {margin-top: 2px;line-height: 20px;}
	.newsList li .cont h3 {font-size: 15px; margin-top: 0; margin-bottom: 0; line-height: 22px;}
	.newsList li .cont .line {margin: 8px 0 6px 0;}
	.newsList li .cont .more {margin-top: 8px;}
	.newsList li .cont p {line-height: 20px;}
	.newsH .left, .newsH .right {height: 38px; line-height: 36px;}
	.newsDetailCont p {line-height: 40px;}
	.newsDetailCont .pic {margin-bottom: 28px;}
	.picCont {margin-top: 28px;}
	
	.stuSearch {padding: 40px 6%;}
	.picDetail {margin-top: 60px; padding: 0 9%; padding-bottom: 45px;}
	.picDetail .bx-wrapper .bx-prev {left: -68px;}
	.picDetail .bx-wrapper .bx-next {right: -68px;}
	
	.aboutBrief p {font-size: 15px; line-height: 32px;}
	.aboutBList {padding: 56px 20px 30px 20px;}
	
	.contLeftNav ul li h3 {height: 50px; line-height: 50px;}
	.contLeftDown a {height: 48px; line-height: 48px;}
	.contLeftNav ul li.active h3 a {font-size: 17px;}
	
}

@media (max-width: 1080px) { 
	.wrap {width: 94%;}
	.bannerCont {height: 320px;}
	.courseList li .cont h3 {margin-top: 6px; line-height: 26px;}
	.courseList li .cont p {line-height: 24px; max-height: 72px;}
	
	.newsList li {margin-bottom: 5px;}
	.newsList li .cont h4 {margin-top: 2px;line-height: 20px;}
	.newsList li .cont h3 {font-size: 15px; margin-top: 0; margin-bottom: 0; line-height: 22px;}
	.newsList li .cont .line {margin: 8px 0 6px 0;}
	.newsList li .cont .more {margin-top: 8px;}
	.newsList li .cont p {line-height: 20px;}
	/*.newsList li:hover .cont .line {margin: 5px 0 5px 0;}*/
	
	.contLeftNav ul li h3 {height: 48px; line-height: 48px;}
	.contLeftDown a {height: 46px; line-height: 46px;}
	.contLeftNav ul li.active h3 a {font-size: 16px;}
	
	
}
@media (max-width: 992px) { 
	.wrap {width: 94%;}
	.bannerCont {height: 280px;}
	.contRightH h2 {font-size: 20px;}
	.contLeftTit {height: 92px; top: -92px;}
	.contLeftTit span {margin-top: 12px;}
	.contLeftTit h2 {margin-top: 7px; line-height: 20px;}
	.contLeftNav ul li h3 span {right: 4px;}
	
	.courseList li .cont h3 {font-size: 16px;line-height: 22px;}
	.courseList li .cont p {line-height: 22px; max-height: 66px;}
	.page em,.page i {padding: 0 8px;}
	.page p {margin-left: 8px;}
	
	.courDetailH a {font-size: 13px; margin-bottom: 14px;}
	.courDetailTit {height: 50px; line-height: 50px;}
	.courDetailCont {margin: 18px 0 20px 0;}
	.contRightH h3 {font-size: 16px;} 
	
	.newsList li .cont h4 {line-height: 18px;}
	.newsList li .cont h3 {font-size: 15px; margin-top: 0; margin-bottom: 0; line-height: 22px;}
	.newsList li .cont .line {margin: 6px 0 4px 0;}
	.newsList li .cont .more {width: 90px; height: 30px; margin-top: 8px; line-height: 30px;}
	.newsList li .cont p {line-height: 20px;}
	.contRightH h2.contRightTit,
	.newsDetailH h3 {font-size: 17px;}
	.newsDetailH {padding: 28px 0 20px 0;}
	.newsDetailCont {margin-top: 32px;}
	.newsDetailCont .pic {margin-bottom: 24px;}
	.newsDetailCont p {line-height: 36px; font-size: 15px;}
	.picCont,.picList {margin-top: 24px;}
	.picList li {width: 45%; margin-left: 10%;}
	.pageJump {padding-top: 22px; margin-top: 20px;}
	.pageJump p {font-size: 15px; line-height: 26px;}
	
	.stuSearch {padding: 30px 6%;}
	.picDetail .bx-wrapper .bx-controls-direction a {width: 48px; height: 48px;	}
	.picDetail {margin-top: 50px;padding: 0 8%; padding-bottom: 35px;}
	.picDetail .bx-wrapper .bx-prev {left: -62px;}
	.picDetail .bx-wrapper .bx-next {right: -62px;}
	
	.aboutH {padding: 24px 0;}
	.aboutBrief {margin-top: 15px;}
	.aboutBrief p { font-size: 14px; line-height: 26px;}
	.aboutBList {margin-top: 30px; padding: 42px 20px 22px 20px;}
	.aboutBList li h3 {font-size: 15px; line-height: 30px;}
	.aboutBList li h3 span {font-size: 22px; margin-right: 15px;}
	.aboutBList li .line {margin: 10px 0 8px 0;}
	.aboutBList li p {font-size: 13px; line-height: 22px;}
	.aboutTxt {margin-top: 32px;}
	.aboutTxt h3 {font-size: 17px;}
	.aboutTxt p {font-size: 13px; line-height: 24px;}
	.abputTList {margin-top: 30px;}
	
	.contLeftNav ul li h3 {height: 46px; line-height: 46px;}
	.contLeftDown a {height: 44px; line-height: 44px;}
	.contLeftNav ul li.active h3 a {font-size: 15px;}
	
}

@media (max-width: 767px) {
	.bannerCont {height: 402px;}
	.contLeft,.contRight {width: 100%;}
	/*.contLeftTit {position: static; top: 0; left: 0;}
	.contLeftTit span {margin: 0;}*/
	
	.contLeftNav ul li h3 {height: 44px; line-height: 44px;}
	.contLeftDown a {height: 42px; line-height: 42px; background: #02c0b3;}
	/*.contLeftNav ul li.active h3 a {font-size: 14px;}*/
	.contLeftTit h2 {font-size: 15px; line-height: 18px;	margin-top: 6px;}
	.contLeftTit h3 {line-height: 16px;}
	.contLeftTit span {margin-top: 8px;}
	.contLeftTit span img {width: 24px;}
	.contLeftTit {height: 78px; top: -78px; background: rgba(0,82,168,0.75);}
	.contRightH {line-height: 28px;}
	.contRightH h2 {font-size: 16px;}
	.contRightLine {height: 6px;margin-top: 4px;}
	
	.courseList li .pic {min-width: 106px;}
	.courseList li .cont {max-width: calc(100% - 116px);}
	.courseList li .cont h3 {margin: 3px 0; font-size: 15px; line-height: 20px;}
	.courseList li .cont p {font-size: 12px; line-height: 20px; max-height: 40px;}
	.courseList li {padding: 12px 0;}
	.page {margin: 30px 0 15px 0; font-size: 12px; height: 28px; line-height: 28px;}
	.page p {display: none;}
	.page em {display: none;}
	.page i {padding: 0 5px; margin: 0 1px;}
	.page a {width: 22px; margin: 0 2px;}
	
	.contRightH h3 {width: 100%; max-width: 100%; margin: 6px 0; font-size: 15px; text-align: center; line-height: 20px;} 
	.courDetailH a {height: 28px; line-height: 26px; width: 66px; margin: 0 4px 12px 4px; font-size: 12px; border-radius: 14px;}
	.courDetailH a:nth-child(6n) {margin-right: 4px;}
	.courDetailH {margin-top: 18px;}
	.contRightHD p {float: left;}
	.courDetailTit {height: 40px; line-height: 40px; padding: 0 10px; margin-top: 30px;}
	.courDetailTit h3 {font-size: 15px; background-size: 22px; padding-left: 30px;}
	.courDetailCont p {font-size: 12px; line-height: 24px;}
	
	.newsList li {margin-bottom: 0;}
	.newsList li .cont h3 {font-size: 14px; margin-top: 3px; margin-bottom: 0; line-height: 18px;}
	.newsList li .cont h4 {font-size: 13px; line-height: 14px; margin: 0;}
	.newsList li .cont p {line-height: 18px;height:36px;overflow:hidden;}
	.newsList li .cont .more {width: 80px; height: 26px; margin-top: 6px; line-height: 26px; font-size: 12px;}
	.newsList li .cont .more a {color: #fff; background: #0052a8;}
	.newsList li .cont .line,
	.newsList li:hover .cont .line {margin: 4px 0 2px 0;}
	.newsH .left .newsSearch,
	.newsH .right .newsSearchInner {padding: 0 8px;}
	.newsH .right button {font-size: 15px;}
	.newsH .left, .newsH .right {height: 34px; line-height: 32px;}
	.newsH input {font-size: 12px;}
	.newsH .left .newsSearch, .newsH .right .newsSearchInner {padding: 0 6px;}
	.newsH .left,
	.newsH .right {width: 100%;}
	.newsH .left {margin-bottom: 12px;}
	.newsH .right .line {margin-top: 16px;}
	.newsH .left button {width: 60px;}
	.newsH .left .newsSearch {width: calc(100% - 60px);}
	
	.contRightH h2.contRightTit {font-size: 15px;}
	.newsDetailH {padding: 18px 0 16px 0;}
	.newsDetailH p {font-size: 12px;}
	.newsDetailH p span:first-child {margin-right: 10px;}
	.newsDetailH h3 {font-size: 16px; margin-bottom: 12px;}
	.newsDetailCont .pic {margin-bottom: 15px;}
	.picCont, .picList {margin-top: 15px;}
	.newsDetailCont p {font-size: 14px; line-height: 26px;}
	.picList li {width: 48.5%; margin-left: 3%;}
	.pageJump {margin-top: 12px; padding-top: 15px;}
	.pageJump p {font-size: 14px; line-height: 20px;}
	

	.stuSearch {padding: 15px 2%;margin: 18px 0;}
	.stuRight .contRightH p {float: left;}
	.stuTop p {padding: 0 10px; font-size: 12px; height: 40px; line-height: 45px;}
	
	.picDetail {padding: 0 34px; padding-bottom: 20px; margin-top: 30px;}
	.picDetail .bx-wrapper .bx-controls-direction a {width: 30px; height: 30px;}
	.picDetail .bx-wrapper .bx-prev {left: -34px;}
	.picDetail .bx-wrapper .bx-next {right: -34px;}
	.picDetail .bx-wrapper .bx-pager {font-size: 15px; bottom: 2px;}
	
	.abputTList li {width: 32%;}
	.abputTList li:nth-child(2n){margin-right: 2%;}
	.abputTList li:nth-child(3n){margin-right: 0;}
	.abputTList li .cont h3 {font-size: 13px;}
	.aboutBrief p {font-size: 12px; line-height: 24px;}
	.aboutBList {margin-top: 20px; padding: 0; background: none;}
	.aboutBList li {width: 100%; margin: 0; margin-bottom: 15px; background: #FAFAFA; padding: 12px 10px; box-sizing: border-box;}
	.aboutBList li p {min-height: auto;}
	.aboutBList li h3 {font-size: 14px; line-height: 20px;}
	.aboutBList li h3 span {font-size: 18px; margin-right: 8px;}
	.aboutBList li p {font-size: 12px; line-height: 20px;}
	.aboutTxt {margin-top: 8px;}
	.aboutTxt h3 {font-size: 16px;margin-bottom: 8px;}
	.aboutTxt p {font-size: 12px; line-height: 22px;}
	.abputTList {margin-top: 20px;}
	.aboutH {padding: 15px 0;}
	.aboutBrief {margin-top: 8px;}
	
}

.pic img{max-width:100%;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;}
.pic{overflow:hidden;}
.pic:hover img,li:hover>.pic img,.swiper-slide:hover .pic img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.stuList {margin-top: 20px;float:left;width:100%;}
.stuList li {float: left; width: 31.5%; margin-right: 2.66666%; margin-bottom: 18px; text-align: center;border:1px solid #e1e1e1}
.stuList li:nth-child(3n) {margin-right: 0;}
.stuList li a {display: block;color: #4d4d4d;}
.stuList li .cont {padding: 15px 0 14px; }
.stuList li .cont h3 {font-size: 16px; line-height: 28px;padding:0px 10px;height:28px;overflow:hidden;}
.stuList li .cont p {line-height: 26px;}
.stuList li:hover a {color: #fff; background: #0052a8;}
.stuList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}
@media (min-width: 1200px) and (max-width: 1439px) {
   .stuList li {width: 31.33%; margin-right: 3%;}
   .stuList li:nth-child(3n) {margin-right: 0;}
   .stuList li:nth-child(4n) {margin-right: 3%;}
}
@media (min-width: 992px) and (max-width: 1199px) {
   .stuList li {width: 31.33%; margin-right: 3%;}
   .stuList li:nth-child(3n) {margin-right: 0;}
   .stuList li:nth-child(4n) {margin-right: 3%;}
}

@media (max-width: 992px) { 
	.stuList li .cont {padding: 12px 0 11px;}
}

@media (max-width: 767px) {
	.stuList {margin-top: 25px;}
	.stuList li {width: 49%; margin-right: 2%;}
	.stuList li:nth-child(3n) {margin-right: 2%;}
	.stuList li:nth-child(2n) {margin-right: 0;}
	.stuList li .cont h3 {font-size: 14px; line-height: 20px;}
	.stuList li .cont p {font-size: 12px; line-height: 18px;}
	.stuList li .cont {padding: 8px 0 8px;}
}

.pcpShow2 {float:left; width:100%;margin-top:20px;}

#j_pro_tab {float:left; width:100%; background:#f8f8f8;height:50px; line-height:50px;margin-top:30px;}
#j_pro_tab li{float:left; width:180px;height:50px; line-height:50px;}
#j_pro_tab li a{float:left; width:100%;height:50px; line-height:50px;display:block; text-align:center;font-size:16px;color:#666;}
#j_pro_tab li a.active{background:#0052a8;color:#fff; }

.tab-content {float:left;background:#fff; width:100%;}
.tab-content  .tabs {float:left;font-size:14px;display:none;width:100%;padding:2%;border:1px solid #f8f8f8}

@media screen and (max-width: 767px) and (min-width:0px) {/* 移动端的尺寸 */	
    #j_pro_tab li{float:left; width:50%;height:50px; line-height:50px;}}

.pcpInfo {float:left;width:100%;padding-top:10px}
.pcpInfo .tits {float:left; width:100%;font-size:18px; line-height:30px; font-weight:normal;padding-bottom:20px;border-bottom:1px solid #0052a8}
.divContact {float:left; width:100%;padding:10px 0px; line-height:30px;}

.divBtn {float:left; width:100%;margin-top:30px;}
.divBtn a {float:left; width:48%; display:block; text-align:center;background:#0052a8;color:#fff;padding:10px 0px}
.btnShare {float:left; width:100%;margin-top:20px;}

.con_map{float:left;width:100%;border:2px solid #ececec;margin-bottom:20px;}
.mapContent{float:left;width:100%;height:500px;}
.BMap_Marker > div{
    position: relative;
    text-align: center;
    overflow: auto !important;
    animation: loc 2000ms infinite;
    -webkit-animation: loc 2000ms infinite;
    line-height: 150px;
}
.BMap_Marker > div > img{
    display: inline-block !important;
}
@keyframes loc
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}
@-webkit-keyframes
{
    from {transform: scale(1);}
    to {transform: scale(1.5);}
}