@charset "utf-8";

:hover{
  -webkit-transition:all 0.3s ease;
  -moz-transition:all 0.3s ease;
  -o-transition:all 0.3s ease;
  transition:all 0.3s ease;
}

/*图片放大公用类*/
.picfd img
{
  -webkit-transition:0.5s ease;
  -moz-transition:0.5s ease;
  -o-transition:0.5s ease;
  -ms-transition:0.5s ease;
}
.picfd:hover img{

  transform:scale(1.1);
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -o-transform:scale(1.1);
  -ms-transform:scale(1.1);
}

html,body{
  min-width:1200px;
}

.container{ width:1200px; margin-right:auto; margin-left:auto; }

/* 图片自适应 */
img {
  max-width: 100%;
  height: auto;
  width: auto\9;
  /* ie8 */
  -ms-interpolation-mode: bicubic;
  /*为了照顾ie图片缩放失真*/
  border: none;
}

.bg1{
  background-color: #f8c53c;
}
.bg2{
  background-color: #6dcbee;
}
.bg3{
  background-color: #98ce52;
}

.biaoti{
  width: 100%;
  text-align: center;
}
.biaoti1{
  font-size: 30px;
  font-weight: bold;
  color: #333;
  width: 100%;
  line-height: 100%;
}
.biaoti2{
  font-size: 16px;
  color: #cecaca;
  width: 100%;
  line-height: 100%;
  margin-top: 10px;
}
.biaoti3{
  font-size: 16px;
  color: #666;
  width: 100%;
  line-height: 24px;
  margin-top: 24px;
}
.biaoti3_nr{
  display: inline-block;
  position: relative;
}
.biaoti3_nr span.style1{
  color: #57930a;
}
.biaoti3_nr span.style2{
  position: absolute;
  bottom: 4px;
  right: -146px;
}
.more{
  width: 100%;
}
.more a{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 204px;
  height: 49px;
  line-height: 49px;
  text-align: center;
  border-radius: 49px;
  background: url(../images/pic11.png) no-repeat center;
  display: inline-block;
}
.more a:hover{
  -webkit-box-shadow:17px 17px 27px rgba(11, 183, 116, .24);
  -moz-box-shadow:17px 17px 27px rgba(11, 183, 116, .24);
  box-shadow:17px 17px 27px rgba(11, 183, 116, .24);
}

/* 头部 */
.header{
  width: 100%;
  height: 97px;
  background-color: #fff;
}
.logo{
  margin: 13px 0 0 22px;
}
.tel{
  margin: 25px 8px 0 0;
}
.tel .pic{
  height: 49px;
  padding-right: 11px;
  border-right: 1px solid #e0e0e0;
}
.tel .pic img{
  margin-top: 10px;
}
.tel .text{
  padding-left: 12px;
}
.tel .title{
  font-size: 14px;
  color: #666;
  line-height: 100%;
  margin-top: 6px;
}
.tel .number{
  font-family: "Arial";
  font-size: 22px;
  font-weight: bold;
  color: #5ba114;
  line-height: 100%;
  margin-top: 4px;
}
.login{
  margin: 25px 60px 0 0;
}
.login a{
  height: 49px;
  padding: 0 17px;
  border-left: 1px solid #e0e0e0;
}
.login a:first-child{
  border-left: 0px;
}
.login a p{
  width: 100%;
  padding: 3px 0 8px;
}
.login a p img{
  width: 24px;
  height: 24px;
  margin: 0 auto;
}
.login a p img.img1{
  display: block;
}
.login a p img.img2{
  display: none;
}
.login a span{
  font-size: 12px;
  color: #666;
  width: 100%;
  line-height: 100%;
  display: block;
}
.login a:hover p img.img1,.login a.on p img.img1{
  display: none;
}
.login a:hover p img.img2,.login a.on p img.img2{
  display: block;
}
.login a:hover span,.login a.on span{
  color: #5ba114;
}

/* nav */
.nav{
  width: 100%;
  height:59px;
  background-color: #5dcdd5;
  border-bottom: 1px solid #f9f9f9;
}
.nav .ul{
  width: 100%;
}
.nav .ul>li{
  height: 60px;
  margin: 0 10px;
  float: left;
  position: relative;
  z-index: 1200;
}
.nav .ul>li>a{
  font-size: 16px;
  color: #fff;
  height: 59px;
  line-height: 59px;
  padding: 0 10px;
  display: block;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.nav .ul>li>a.on{
  color: #fff;
  background: url(../images/pic4.png) repeat-x center bottom;
}
.nav .xl{
  width: 100%;
  background-color: #fff;
  border-top: 2px solid #98ce52;
  position: absolute;
  top: 100%;
  left: 0px;
  display: none;
}
.nav .xl a{
  font-size: 14px;
  color: #999;
  height: 37px;
  line-height: 37px;
  text-align: center;
  padding: 0 5px;
  border-bottom: 1px solid #e5e5e5;
  display: block;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.nav .xl a:hover{
  color: #6bb22e;
}

/* video */
.video{
  width: 100%;
  background-color: #fff;
  position: relative;
  z-index: 1100;
}
.video .myVideo{
  width: 100%;
  height: 600px;
  display: block;
}

/* 网站首页 */
.main{
  width: 100%;
  overflow: hidden;
}
.main1{
  width: 100%;
  padding: 64px 0 112px;
  background-color: #f6f6f6;
}
.main1_1{
  width: 1200px;
  margin-top: 26px;
}
.main1_1 ul{
  width: 1200px;
}
.main1_1 ul li{
  width: 370px;
  margin: 30px 15px 0;
  position: relative;
}
.main1_1 ul li .pic{
  width: 370px;
  height: 291px;
  overflow: hidden;
}
.main1_1 ul li .pic img{
  width: 370px;
  height: 291px;
}
.main1_1 ul li .text{
  height: 198px;
  padding: 0 24px;
}
.main1_1 ul li .text .title{
  font-size: 28px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  line-height: 100%;
  text-align: center;
  padding-top: 36px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main1_1 ul li .text .content{
  font-size: 14px;
  color: #fff;
  width: 100%;
  height: 72px;
  line-height: 24px;
  margin-top: 32px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.main1_1 ul li .mongolia{
  width: 100%;
  height: 100%;
  text-align: center;
  background-color: rgba(3,3,3,.68);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  display: none;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.main1_1 ul li .mongolia1{
  width: 100%;
  padding-top: 104px;
}
.main1_1 ul li:hover .mongolia1 img{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
}
.main1_1 ul li .mongolia2{
  font-size: 24px;
  color: #fff;
  line-height: 100%;
  margin-top: 26px;
  padding: 0 24px;
}
.main2{
  width: 100%;
  height: 788px;
}
.main2 .text{
  width: 464px;
  margin-top: 178px;
  margin-right: 60px;
}
.main2 .text .title{
  font-size: 30px;
  color: #444343;
  width: 100%;
}
.main2 .text .english{
  font-size: 16px;
  color: #cecaca;
  width: 100%;
  margin-top: 3px;
}
.main2 .text .content{
  font-size: 14px;
  color: #999;
  width: 100%;
  line-height: 24px;
  margin-top: 46px;
}
.main2 .text .more{
  margin-top: 62px;
}
.main3{
  width: 100%;
  height: 707px;
  padding-top: 64px;
}
.main3 .biaoti1{
  color: #fff;
}
.main3 .biaoti2{
  color: #fff;
}
.main3_1{
  width: 1200px;
  margin-top: 84px;
}
.main3_1 ul{
  width: 1192px;
  padding: 0 4px;
}
.main3_1 ul li{
  width: 288px;
  margin: 0 4px;
  background-color: #fff;
  border: 1px solid #999;
}
.main3_1 ul li.odd{
  margin-top: 32px;
}
.main3_1 ul li .pic{
  width: 288px;
  height: 257px;
  position: relative;
  overflow: hidden;
}
.main3_1 ul li .pic1{
  width: 288px;
  height: 257px;
}
.main3_1 ul li .pic2{
  padding: 20px;
  background-color: rgba(255,255,255,.91);
  border-bottom: 6px solid #f8c53c;
  position: absolute;
  top: 12px;
  right: 12px;
  bottom: 12px;
  left: 12px;
  overflow: hidden;
  display: none;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.main3_1 ul li .pic2_nr{
  width: 100%;
  height: 100%;
  display: table;
}
.main3_1 ul li .pic2_nrk{
  font-size: 18px;
  color: #484747;
  width: 100%;
  height: 100%;
  line-height: 30px;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
.main3_1 ul li .text{
  height: 105px;
  padding: 0 20px;
}
.main3_1 ul li .text .title{
  font-size: 22px;
  color: #333;
  width: 100%;
  line-height: 100%;
  padding-top: 28px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main3_1 ul li .text .content{
  font-size: 14px;
  color: #666;
  width: 100%;
  line-height: 100%;
  margin-top: 10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main4{
  width: 100%;
  padding: 64px 0 56px;
  background-color: #fff;
}
.main4_1{
  width: 1200px;
  margin-top: 26px;
}
.main4_1 .picScroll-left{ width:1200px; padding-bottom: 50px; position:relative; }
.main4_1 .picScroll-left .hd{ }
.main4_1 .picScroll-left .hd .prev,.main4_1 .picScroll-left .hd .next{ display:block;  width:9px; height:15px; overflow:hidden; cursor:pointer; position:absolute; top:32px; z-index:2; }
.main4_1 .picScroll-left .hd .prev{ background:url(../images/pic25.png) no-repeat; left:0px; }
.main4_1 .picScroll-left .hd .next{ background:url(../images/pic26.png) no-repeat; right:0px; }
/*.main4_1 .picScroll-left .hd .prevStop{ background-position:-60px 0; }
.main4_1 .picScroll-left .hd .nextStop{ background-position:-60px -50px; }*/
.main4_1 .picScroll-left .hd ul{ font-size: 0px; width:1200px; text-align:center; overflow:hidden; zoom:1; position: absolute; bottom: 0px; left: 0px; }
.main4_1 .picScroll-left .hd ul li{ width:16px; height:16px; overflow:hidden; margin:0 5px; text-indent:-999px; cursor:pointer; background-color: #e3e3e3; border-radius: 100%; display:inline-block; *display:inline; *zoom:1; }
.main4_1 .picScroll-left .hd ul li.on{ background-color: #6bb22e; }
.main4_1 .picScroll-left .bd{ padding:0 7px; overflow:hidden; }
.main4_1 .picScroll-left .bd ul{ zoom:1; }
.main4_1 .picScroll-left .bd ul li{
  width: 281px;
  margin-right: 18px;
  background-color: #fff;
  border: 1px solid #ebebeb;
}
.main4_1 .picScroll-left .bd ul li .pic{
  width: 281px;
  height: 266px;
  position: relative;
  overflow: hidden;
}
.main4_1 .picScroll-left .bd ul li .pic1{
  width: 281px;
  height: 266px;
}
.main4_1 .picScroll-left .bd ul li .pic2{
  padding: 50px 28px 0;
  background-color: rgba(86,171,17,.85);
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  display: none;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.main4_1 .picScroll-left .bd ul li .pic2_1{
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  line-height: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main4_1 .picScroll-left .bd ul li .pic2_2{
  font-size: 14px;
  color: #fff;
  width: 100%;
  height: 72px;
  line-height: 24px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.main4_1 .picScroll-left .bd ul li .pic2_3{
  width: 100%;
  margin-top: 28px;
}
.main4_1 .picScroll-left .bd ul li .text{
  height: 114px;
  text-align: center;
  padding: 0 28px;
}
.main4_1 .picScroll-left .bd ul li .text .title{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  width: 100%;
  line-height: 100%;
  padding-top: 28px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main4_1 .picScroll-left .bd ul li .text .content{
  font-size: 16px;
  color: #666;
  width: 100%;
  line-height: 100%;
  margin-top: 10px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.main4_1 .picScroll-left .bd ul li:hover{
  -webkit-box-shadow:0px 0px 18px rgba(0, 0, 0, .08);
  -moz-box-shadow:0px 0px 18px rgba(0, 0, 0, .08);
  box-shadow:0px 0px 18px rgba(0, 0, 0, .08);
}
.main4_1 .picScroll-left .bd ul li:hover .pic2_3 img{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
}
.main4 .more{
  margin-top: 72px;
}
.main5{
  width: 100%;
  padding: 64px 0 88px;
  background-color: #fff;
}
.main5_1{
  width: 1200px;
  margin-top: 60px;
  overflow: hidden;
}
.main5_1 ul{
  width: 1204px;
}
.main5_1 ul li{
  width: 297px;
  height: 259px;
  margin: 4px 4px 0 0;
  overflow: hidden;
}
.main5_1 ul li .pic{
  width: 297px;
  height: 259px;
  position: relative;
  overflow: hidden;
}
.main5_1 ul li .pic1{
  width: 297px;
  height: 259px;
}
.main5_1 ul li .pic2{
  text-align: center;
  padding: 50px 28px 0;
  background-color: #6bb22e;
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  overflow: hidden;
  display: none;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.main5_1 ul li .pic2_1{
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  width: 100%;
  height: 35px;
  line-height: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
  position: relative;
}
.main5_1 ul li .pic2_1:before{
  content: "";
  width: 36px;
  height: 2px;
  background-color: #fafdf8;
  position: absolute;
  bottom: 0px;
  left: 50%;
  margin-left: -18px;
}
.main5_1 ul li .pic2_2{
  font-size: 14px;
  color: #fff;
  width: 100%;
  height: 44px;
  line-height: 22px;
  margin-top: 20px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.main5_1 ul li .pic2_3{
  width: 100%;
  margin-top: 28px;
}
.main5_1 ul li:hover .pic2_3 img{
  transform:scale(1);
  -webkit-transform:scale(1);
  -moz-transform:scale(1);
  -o-transform:scale(1);
  -ms-transform:scale(1);
}
.main5 .more{
  margin-top: 70px;
}

/* 底部 */
.footer{
  width: 100%;
}
.footer_t{
  width: 100%;
  padding: 60px 0 120px;
  background-color: #f6f6f6;
  border-top: 3px solid #5dcdd5;
}
.footer_t1{
  margin-top: 20px;
  margin-left: 30px;
}
.footer_t1 ul{}
.footer_t1 ul li{
  margin-left: 96px;
}
.footer_t1 ul li:first-child{
  margin-left: 0px;
}
.footer_t1 ul li .title1{
  font-size: 20px;
  color: #333;
  line-height: 100%;
}
.footer_t1 ul li .title1 a{
  color: #333;
}
.footer_t1 ul li .title2{
  font-size: 14px;
  color: #666;
  line-height: 30px;
  margin-top: 20px;
}
.footer_t1 ul li .title2 a{
  color: #666;
}
.footer_t1 ul li .title2 a:hover{
  color: #5dcdd5;
}
.footer_t2{
  margin-right: 30px;
}
.footer_t2 ul{}
.footer_t2 ul li{
  text-align: center;
  margin-left: 50px;
}
.footer_t2 ul li:first-child{
  margin-left: 0px;
}
.footer_t2 ul li .pic{
  width: 121px;
  -webkit-box-shadow:6px 6px 6px rgba(0, 0, 0, .1);
  -moz-box-shadow:6px 6px 6px rgba(0, 0, 0, .1);
  box-shadow:6px 6px 6px rgba(0, 0, 0, .1);
}
.footer_t2 ul li .pic img{
  width: 121px;
}
.footer_t2 ul li .text{
  font-size: 14px;
  color: #333;
  width: 121px;
  line-height: 100%;
  margin-top: 14px;
}
.footer_b{
  width: 100%;
  padding: 85px 0 42px;
  background-color: #5dcdd5;
  position: relative;
}
.footer_b1{
  width: 84px;
  height: 70px;
  padding: 31px 24px;
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 100%;
  -webkit-box-shadow:6px 6px 6px rgba(0, 0, 0, .08);
  -moz-box-shadow:6px 6px 6px rgba(0, 0, 0, .08);
  box-shadow:6px 6px 6px rgba(0, 0, 0, .08);
  position: absolute;
  top: -78px;
  left: 50%;
  margin-left: -67px;
}
.footer_b1 img{
  width: 84px;
  height: 70px;
}
.footer_b2{
  font-size: 14px;
  color: #fff;
  text-align: center;
}

/* 侧边栏 */
.cebianlan{ width:70px; position:fixed; z-index:1000; display: none; }
.cebianlan_nr{ width:70px; height:67px; border: 1px solid #ebebeb; border-radius:10px; position:relative;}
.cebianlan_nr.bg1{ background-color: #6bb22e; }
.cebianlan_nr.bg2{ background-color: #f8c53c; }
.cebianlan_nr.bg3{ background-color: #f17ec2; }
.cebianlan_nr.bg4{ background-color: #bcc670; }
.cebianlan_nr1{ width:70px; height:67px;}
.cebianlan_nr1 a{ width:70px; height:67px; text-align:center; display:block; position: relative;}
.cebianlan_nr1 a p{ width:70px; padding-top:8px; }
.cebianlan_nr1 a p img{ height:26px; }
.cebianlan_nr1 a span{ font-size: 16px; color:#fff; width:70px; line-height:100%; margin-top:6px; display:block; }
.cebianlan_nr1 a em{ width:70px; display: block; position: absolute; top: -60px; left: 0px; }
.cebianlan_nr1 a em img{ height: 58px; }
.cebianlan_nr2{ display:none;
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}
.cebianlan_nr2.style1{ width:163px; height:67px; line-height:67px; padding-left:10px; background-color:#79b1e6; border-radius:10px; position:absolute; top:0px; right:104px;}
.cebianlan_nr2.style1 p img{ height: 29px; margin-top:23px; }
.cebianlan_nr2.style1 span{ font-size:16px; color:#fff; margin-left:10px; }
.cebianlan_nr2.style2{ width:158px; position:absolute; top:0px; right:72px; }
.cebianlan_nr2.style2 img{ width:130px; height:130px; padding: 22px; background-color: rgba(3,3,3,.6); border-radius:10px; }
/*.cebianlan_nr:hover .cebianlan_nr1{ background-color: #000; }*/
.cebianlan_nr:hover .cebianlan_nr1 a span{/* color:#1c68b5;*/ font-weight:bold; }

/* 内页BANNER */
.qy_banner{
  width: 100%;
  height: 351px;
}
.qy_banner a{
  width: 100%;
  height: 351px;
  display: block;
}

/* 内页公用 */
.qy_main{
  width: 100%;
  padding: 60px 0 126px;
  overflow: hidden;
}
.qy_main1{
  font-size: 0px;
  width: 100%;
  text-align: center;
  margin: -10px 0;
}
.qy_main1 a{
  font-size: 20px;
  color: #fff;
  width: 232px;
  height: 59px;
  line-height: 59px;
  text-align: center;
  margin: 10px;
  padding: 0 5px;
  background-color: #b2b2b2;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.qy_main1 a:hover,.qy_main1 a.on{
  background:url(../images/pic24.png) no-repeat center;
}

/* page */
.pages{
  font-size: 0;
  text-align: center;
  margin-top: 126px;
}
.pages a{
  font-family: "Arial";
  font-size: 16px;
  color: #999;
  width: 43px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 5px;
  margin: 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  transition: all 0.5s;
}
.pages .nr1{
  font-size: 16px;
  color: #999;
  height: 53px;
  line-height: 53px;
  margin: 0 10px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
.pages .wbk1{
  font-family: "Arial";
  font-size: 16px;
  color: #999;
  width: 43px;
  height: 53px;
  line-height: 53px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 5px;
  margin: 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  transition: all 0.5s;
}
.pages .btn1{
  font-size: 16px;
  color: #999;
  width: 73px;
  height: 55px;
  line-height: 53px;
  text-align: center;
  background-color: #fff;
  border: 1px solid #e6e6e6;
  padding: 0 5px;
  margin: 0 5px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
  transition: all 0.5s;
}
/*.pages a:first-child,.pages a:last-child{
  color: #181818;
  margin: 0 25px;
}*/
.pages a:hover,.pages a.on{
  color: #6bb22e;
  border: 1px solid #6bb22e;
}

/* 成功案例 */
.case_main{
  width: 1084px;
  padding: 0 58px;
}
.case_main1{
  width: 1084px;
  margin-top: 116px;
}
.case_main1 .pic{
  width: 474px;
  height: 528px;
  padding: 48px 46px 0 0;
  background:url(../images/pic25.png) no-repeat right top;
}
.case_main1 .pic_nr{
  width: 474px;
  height: 528px;
  overflow: hidden;
}
.case_main1 .pic_nr img{
  width: 474px;
  height: 528px;
}
.case_main1 .text{
  width: 464px;
  margin-left: 76px;
}
.case_main1 .text .title{
  font-size: 28px;
  font-weight: bold;
  color: #d69d3a;
  width: 100%;
  height: 45px;
  line-height: 100%;
  margin-top: 52px;
  border-bottom: 1px dashed #969696;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.case_main1 .text .subheading{
  font-size: 22px;
  font-weight: bold;
  color: #d69d3a;
  width: 100%;
  margin-top: 26px;
}
.case_main1 .text .content{
  color: #666;
  width: 100%;
  line-height: 28px;
  margin-top: 16px;
}
.case_main2{
  width: 1084px;
  margin-top: 30px;
  background-color: #5ccdd5;
}
.case_main2 .text{
  width: 463px;
  height: 528px;
  padding: 0 67px;
  display: table;
}
.case_main2 .text_nr{
  width: 463px;
  height: 528px;
  display: table-cell;
  vertical-align: middle;
}
.case_main2 .text .subheading{
  font-size: 22px;
  font-weight: bold;
  color: #fff;
  width: 100%;
}
.case_main2 .text .content{
  color: #fff;
  width: 100%;
  line-height: 28px;
  margin-top: 16px;
}
.case_main2 .pic{
  width: 487px;
  height: 528px;
  overflow: hidden;
}
.case_main2 .pic img{
  width: 487px;
  height: 528px;
}

/* 教学校区 */
.campus_main{
  width: 1200px;
}
.campus_main ul{
  width: 1220px;
}
.campus_main ul li{
  width: 283px;
  margin: 50px 20px 0 0;
  background-color: #fff;
  border: 1px solid #ebebeb;
  -webkit-box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
  -moz-box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
  box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
}
.campus_main ul li .pic{
  width: 283px;
  height: 246px;
  overflow: hidden;
}
.campus_main ul li .pic img{
  width: 283px;
  height: 246px;
}
.campus_main ul li .text{
  width: 251px;
  height: 213px;
  padding: 0 16px;
}
.campus_main ul li .text .title{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  width: 100%;
  height: 26px;
  line-height: 100%;
  padding-top: 26px;
  border-bottom: 1px solid #d0cece;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.campus_main ul li .text .content{
  color: #666;
  width: 100%;
  height: 88px;
  line-height: 22px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}
.campus_main ul li .text .content span.style1{
  font-weight: bold;
  color: #d69d3a;
}
.campus_main ul li .text .qmore{
  color: #7d7d7d;
  width: 100%;
  margin-top: 10px;
}
.campus_main ul li:hover{
  background-color: #6bb22e;
}
.campus_main ul li:hover .text .title{
  color: #fff;
  border-bottom: 1px solid #93c767;
}
.campus_main ul li:hover .text .content{
  color: #fff;
}
.campus_main ul li:hover .text .content span.style1{
  color: #fff;
}
.campus_main ul li:hover .text .qmore{
  color: #fff;
}

/* 认证教师-详情 */
.campus-details_main{
  width: 1090px;
  margin-top: 50px;
  padding: 42px 49px 46px;
  background-color: #fff;
  border: 6px solid #e6e6e6;
  border-radius: 5px;
  position: relative;
}
.campus-details_main .pic{
  width: 673px;
}
.campus-details_main .pic .mod18 { width: 673px; margin: 0px auto; position: relative; }
.campus-details_main .pic .mod18 .prev2 { position:absolute; width:35px; height:48px; bottom:38px; left:0px; cursor:pointer; z-index:99; background:url(../images/pic30.png) no-repeat; }
.campus-details_main .pic .mod18 .next2 { position:absolute; width:35px; height:48px; bottom:38px; right:0px; cursor:pointer; z-index:99; background:url(../images/pic31.png) no-repeat; }
.campus-details_main .pic .mod18 li { float:left; }
.campus-details_main .pic .mod18 .cf>li { position:relative; color:#fff; }
.campus-details_main .pic .mod18 .cf>li>a { display:block; width:673px; height:525px; position:absolute; color:#fff; }
/*.tcdiv2_nr_left .mod18 .cf li span{display:block;width:640px;position:absolute;left:0;bottom:0;padding:10px 20px;line-height:22px;text-align:left;background:rgba(0,0,0,0.6);filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = "#60000000",endColorstr = "#60000000");}*/
.campus-details_main .pic .mod18 .picBox2 { height:525px; position:relative; overflow:hidden; }
.campus-details_main .pic .mod18 .picBox2 ul { height:525px; position:absolute; }
.campus-details_main .pic .mod18 .picBox2 li { width:673px; height:525px; }
.campus-details_main .pic .mod18 .listBox2 { width: 673px; height: 124px; margin: 14px auto 0; position: relative; overflow: hidden; }
.campus-details_main .pic .mod18 .listBox2 ul { width: 673px; height:124px; position:absolute; }
.campus-details_main .pic .mod18 .listBox2 li { width: 160px; height:124px; padding: 0px 11px 0px 0px;/* background: url(../images/bg49.png) no-repeat left 10px;*/ float:left; cursor:pointer; position:relative; }
.campus-details_main .pic .mod18 .listBox2 li i { display:none; }
.campus-details_main .pic .mod18 .listBox2 li a {}
.campus-details_main .pic .mod18 .listBox2 li img { width:160px; height:124px; }
.campus-details_main .pic .mod18 .listBox2 .on {/* background: url(../images/bg48.png) no-repeat;*/}
.campus-details_main .pic .mod18 .listBox2 li .on i { display:block; }
.campus-details_main .text{
  width: 356px;
}
.campus-details_main .text .title{
  font-size: 28px;
  font-weight: bold;
  color: #333;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 18px;
  border-bottom: 1px dashed #969696;
}
.campus-details_main .text .content{
  color: #666;
  width: 100%;
  line-height: 30px;
  margin-top: 30px;
}
.campus-details_main .text .content span.style1{
  font-weight: bold;
  color: #d69d3a;
}
.campus-details_main .decorate1{
  position: absolute;
  right: 52px;
  bottom: 0px;
}

/* 认证教师 */
.lecturer_main{
  width: 1200px;
}
.lecturer_main ul{
  width: 1220px;
}
.lecturer_main ul li{
  width: 283px;
  margin: 50px 20px 0 0;
  background-color: #fff;
  border: 1px solid #ebebeb;
  -webkit-box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
  -moz-box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
  box-shadow:0px 11px 18px rgba(0, 0, 0, .08);
}
.lecturer_main ul li .pic{
  width: 283px;
  height: 268px;
  overflow: hidden;
}
.lecturer_main ul li .pic img{
  width: 283px;
  height: 268px;
}
.lecturer_main ul li .text{
  width: 237px;
  height: 215px;
  padding: 0 23px;
}
.lecturer_main ul li .text .title{
  width: 100%;
  padding-top: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #d0cece;
}
.lecturer_main ul li .text .title1{
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 100%;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.lecturer_main ul li .text .title2{
  font-size: 16px;
  color: #666;
  line-height: 100%;
  margin-top: 8px;
  overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;
}
.lecturer_main ul li .text .content{
  color: #666;
  width: 100%;
  height: 44px;
  line-height: 22px;
  margin-top: 16px;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}
.lecturer_main ul li .text .content span.style1{
  font-weight: bold;
  color: #d69d3a;
}
.lecturer_main ul li .text .qmore{
  color: #7d7d7d;
  width: 100%;
  margin-top: 20px;
}
.lecturer_main ul li:hover{
  background-color: #6bb22e;
}
.lecturer_main ul li:hover .text .title{
  color: #fff;
  border-bottom: 1px solid #93c767;
}
.lecturer_main ul li:hover .text .title1{
  color: #fff;
}
.lecturer_main ul li:hover .text .title2{
  color: #fff;
}
.lecturer_main ul li:hover .text .content{
  color: #fff;
}
.lecturer_main ul li:hover .text .content span.style1{
  color: #fff;
}
.lecturer_main ul li:hover .text .qmore{
  color: #fff;
}

/* 认证教师-详情 */
.lecturer-details_main{
  width: 986px;
  margin-top: 50px;
  padding: 82px 101px 300px;
  background-color: #fff;
  border: 6px solid #e6e6e6;
  border-radius: 5px;
  position: relative;
}
.lecturer-details_main .pic{
  width: 326px;
  height: 416px;
  padding: 0 15px 15px 0;
  background:url(../images/img7.jpg) no-repeat right bottom;
}
.lecturer-details_main .pic_nr{
  width: 326px;
  height: 416px;
  overflow: hidden;
}
.lecturer-details_main .pic_nr img{
  width: 326px;
  height: 416px;
}
.lecturer-details_main .text{
  width: 576px;
}
.lecturer-details_main .text .title{
  width: 100%;
  padding-top: 6px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #969696;
}
.lecturer-details_main .text .title1{
  font-size: 28px;
  font-weight: bold;
  color: #d69d3a;
  line-height: 100%;
}
.lecturer-details_main .text .title2{
  font-size: 20px;
  color: #666;
  line-height: 100%;
  margin-top: 24px;
}
.lecturer-details_main .text .content{
  width: 100%;
  line-height: 24px;
}
.lecturer-details_main .text .content span.style1{
  font-size: 18px;
  color: #d69d3a;
}
.lecturer-details_main .decorate1{
  position: absolute;
  top: 0px;
  right: 0px;
}
.lecturer-details_main .decorate2{
  position: absolute;
  bottom: 0px;
  left: 0px;
}

/* 优势 */
.advantage_main{
  width: 100%;
  overflow: hidden;
}
.advantage_main_nr{
  width: 100%;
}

/* 筛选 */
.xx_main1{ width:100%; padding:28px 0 25px; background-color:#fff; border-bottom:1px solid #e0e0e0; position:relative; z-index:2; }
.xx_main1 .wbk1{ font-size:14px; color:#808080; width:280px; height:45px; line-height:43px; margin-right:26px; padding:0 15px; background-color:#f3f3f3; border:0px; }
.xx_main1 .btn1{ font-size:16px; color:#fff; width:280px; height:45px; line-height:43px; text-align:left; margin-left:2px; padding-left:104px; background:#5dcdd5 url(../images/pic44.png) no-repeat 76px center; border:0px; }
.xx_main1 .title1{ font-size:14px; color:#a6a6a6; line-height:17px; margin-top:12px; padding-left:22px; background:url(../images/pic45.png) no-repeat left center; }

/* 特殊滚动条 */
.mCustomScrollbar1{
  height: 460px;
  margin-top: 20px;
  overflow: hidden;
  overflow-y: auto;
}
.mCustomScrollbar2{
  height: 332px;
  margin-top: 10px;
  overflow: hidden;
  overflow-y: auto;
}
.mCustomScrollbar3{
  height: 390px;
  margin-top: 20px;
  overflow: hidden;
  overflow-y: auto;
}
.mCustomScrollbar4{
  height: 260px;
  margin-top: 20px;
  overflow: hidden;
  overflow-y: auto;
}
.mCustomScrollbar :hover{
  -webkit-transition:all 0s ease;
  -moz-transition:all 0s ease;
  -o-transition:all 0s ease;
  transition:all 0s ease;
}

.mCustomScrollbar .mCSB_inside > .mCSB_container{ margin-right: 40px; }
.mCustomScrollbar .mCSB_scrollTools{ width: 6px; }
.mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #ebebeb; border-radius: 0px; }
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #5ba114; border-radius: 0px; }
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
    background-color: #5ba114; }
.mCustomScrollbar .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #5ba114; }