/*全局渐变色*/
.gradient{
  background-image: linear-gradient(to right,#2F97FD,#0262EE);
  background-image: -moz-linear-gradient(left,#2F97FD,#0262EE);
  background-image: -o-linear-gradient(left,#2F97FD,#0262EE);
}
/*box-shadow*/
.shadow{
  -moz-box-shadow:0 5px 20px #ABCDFA;
  -webkit-box-shadow:0 5px 20px #ABCDFA;
  box-shadow:0 5px 20px #ABCDFA;
}
/*水平垂直居中*/
.midst{
  display: table;
  text-align: center;
}
.midst>span{
  display: table-cell;
  vertical-align: middle;
}
/*图片处理*/
.pic_img{
  max-width: 100%;
  width: 100%;
  vertical-align: bottom;
}
/*强制控制为本为一行，超出部分...*/
.text-1{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*color主色调*/
.color{
  color: #0089F8;
}
/*背景主色调*/
.bgcolor{
  background-color: #0089F8;
}

.main_box{
  position: relative;
}
/*导航*/
.nav{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 1280px;
  height: 98px;
  margin: 0 auto;
  z-index: 1000;
}
.logo{
  margin: 20px 0;
}
.navbar .list>li{
  float: left;
  line-height: 98px;
  margin-left: 50px;
}
.navbar .list>li>a{
  color: #fff;
}
.navbar .list>li>a:hover,.navbar .list>li>a.active{
  color: #FCFF00;
}
.index_banner{
  position: relative;
  width: 100%;
  height: 700px;
  background-image: linear-gradient(to top right,#015CDE,#369AFD);
  background-image: -moz-linear-gradient(bottom left,#015CDE,#369AFD);
  background-image: -o-linear-gradient(bottom left,#015CDE,#369AFD);
}
.index_banner .earth{
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 1280px;
  height: 532px;
  margin: 0 auto;
  z-index: 88;
  background: url("../images/earth.png") no-repeat center;
}
.index_banner .text{
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
  width: 40%;
  margin: 0 auto;
  z-index: 100;
}
.index_banner .point>li{
  position: absolute;
  z-index: 100;
}
.index_banner .point>li.p1{
  top: -34px;
  left: 572px;
  animation: zoomInDown 1.4s;
}
.index_banner .point>li.p2{
  top: 27px;
  left: 870px;
  animation: zoomIn 1.6s;
}
.index_banner .point>li.p3{
  top: 120px;
  left: 156px;
  animation: zoomIn 1.6s;
}
.index_banner .point>li.p4{
  top: 160px;
  left: 746px;
  animation: zoomInDown 2.2s;
}
.index_banner .point>li.p5{
  top: 182px;
  right: 70px;
  animation: zoomInRight 1.6s;
}
.index_banner .point>li.p6{
  top: 260px;
  left: 915px;
  animation: zoomInRight 1.8s;
}
.index_banner .point>li.p7{
  top: 276px;
  left: 232px;
  animation: zoomInLeft 2.4s;
}
.index_banner .point>li.p8{
  top: 277px;
  left: 455px;
  animation: zoomInDown 1.6s;
}
.index_banner .point>li.p9{
  top: 54px;
  left: 356px;
  animation: zoomIn 1.2s;
}
.index_banner .point>li.p0{
  top: 316px;
  left: 58px;
  animation: zoomInLeft 1.4s;
}

/*新闻头条*/
.news{
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width: 100%;
  height: 74px;
  z-index: 98;
}
.mask{
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width: 100%;
  height: 74px;
  background-color: #000;
  opacity: .5;
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  z-index: 24;
}
.news_box{
  position: absolute;
  bottom: 0;
  left: 0;
  right:0;
  width: 1280px;
  height: 74px;
  z-index: 100;
  margin: 0 auto;
}
.news_box .notice{
  display: inline-block;
  width: 26px;
  height: 24px;
  background: url("../images/iconlist.png") no-repeat -14px -14px;
  margin-top: 25px;
}
.news_box .news_list{
  width: 1150px;
  height: 21px;
  margin: 27px 0 0 15px;
}
.news_box .news_list li{
  float: left;
  margin-right: 50px;
}
.news_box .news_list .item{
  display: block;
  position: relative;
  width: 525px;
  height: 21px;
}
.news_list .date{
  position: absolute;
  top: 0;
  left: 0;
  width: 87px;
  height: 21px;
  line-height: 21px;
  background: url("../images/iconlist.png") no-repeat -64px -15px;
  color: #fff;
  font-size: 14px;
  text-align: center;
}
.news_list .text-1{
  position: absolute;
  top: 0;
  left: 98px;
  width: 368px;
  color: #fff;
  font-size: 14px;
}
.news_list .tag{
  position: absolute;
  top: -2px;
  right: 0;
  width: 45px;
  height: 24px;
  background: url("../images/iconlist.png") no-repeat -187px -16px;
}
.news_list .item:hover .text-1{
  color: #FCFF00;
}
.news_list .item:hover .tag{
  animation: rubberBand .6s;
}
.news_box .more{
  display: inline-block;
  color: #fff;
  font-size: 14px;
  margin-top: 27px;
}
.news_box .more:hover{
  color: #FCFF00;
  font-weight: bold;
}
/*主区域*/
.wrap{
  width: 1280px;
  margin: 0 auto;
}
.column_title{
  text-align: center;
  margin: 60px auto 40px;
}
.column_title h3{
  font-size: 32px;
  font-weight: 100;
  color: #2e2e2e;
}
.column_title b{
  display: inline-block;
  width: 76px;
  height: 2px;
  background-color: #2D90F8;
  margin-top: 20px;
}
.part1_body .part1_item{
  width: 401px;
  height: 401px;
  border: 1px solid #EFEFEF;
}
.part1_body .part1_item.fn-left{
  margin-right: 35px;
}
.part1_item .top{
  width: 100%;
  height: 113px;
  text-align: center;
}
.part1_item .top.bg1{
  background: url("../images/hx3.jpg") no-repeat;
}
.part1_item .top.bg2{
  background: url("../images/hx5.jpg") no-repeat;
}
.part1_item .top h3{
  font-size: 26px;
  color: #fff;
  padding-top: 20px;
}
.part1_item .top p{
  color: #fff;
  margin-top: 10px;
}
.part1_item:hover .top{
  background-image: linear-gradient(to right,#0090FF,#026EDB);
  background-image: -moz-linear-gradient(left,#0090FF,#026EDB);
  background-image: -o-linear-gradient(left,#0090FF,#026EDB);
}
.part1_body .part1_item:hover{
  border-color: #0089F8;
  -moz-box-shadow:0 5px 20px #DCEBFA;
  -webkit-box-shadow:0 5px 20px #DCEBFA;
  box-shadow:0 5px 20px #DCEBFA;
}
.part1_item .cont .item{
  display: inline-block;
  width: 50%;
  float: left;
  text-align: center;
}
.part1_item .cont .text{
  color: #343434;
}
.part1_item .cont .icon{
  display: block;
  width: 65px;
  height: 65px;
  border: 1px solid #C3E3F9;
  border-radius: 50%;
  margin: 30px auto 15px;
}
.part1_item .item:hover .icon{
  border-color: #1B93EA;
}
.part1_item .item:hover .icon{
  animation: jello .8s;
}
.part1_item .item:hover .text{
  color: #1B93EA;
}
.part1_item .cont .icon i{
  display: inline-block;
  background: url("../images/iconlist.png") no-repeat;
}
.part1_item .cont .icon .p-1-1{
  width: 35px;
  height: 27px;
  background-position: -5px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-1-2{
  width: 27px;
  height: 27px;
  background-position: -51px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-1-3{
  width: 23px;
  height: 27px;
  background-position: -87px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-1-4{
  width: 26px;
  height: 27px;
  background-position: -119px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-2-1{
  width: 32px;
  height: 27px;
  background-position: -151px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-2-2{
  width: 29px;
  height: 27px;
  background-position: -189px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-2-3{
  width: 27px;
  height: 27px;
  background-position: -226px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-2-4{
  width: 23px;
  height: 33px;
  background-position: -262px -55px;
  margin-top: 16px;
}
.part1_item .cont .icon .p-3-1{
  width: 28px;
  height: 28px;
  background-position: -293px -58px;
  margin-top: 19px;
}
.part1_item .cont .icon .p-3-2{
  width: 32px;
  height: 32px;
  background-position: -328px -55px;
  margin-top: 16px;
}
.part1_item .cont .icon .p-3-3{
  width: 31px;
  height: 31px;
  background-position: -365px -56px;
  margin-top: 17px;
}
.part1_item .cont .icon .p-3-4{
  width: 27px;
  height: 31px;
  background-position: -365px -17px;
  margin-top: 17px;
}
.part2{
  width: 100%;
  height: 699px;
  background: url("../images/bg2.jpg") no-repeat center;
  margin-top: 96px;
  padding-top: 1px;
}
.part2_body{
  padding-top: 20px;
}
.part2_item{
  width: 306px;
  height: 398px;
}
.part2_item.fn-left{
  margin-right: 19px;
}
.part2_item.fn-right{
  margin-left: -1px;
}
.part2_item .show_cont{
  position: relative;
  text-align: center;
}
.part2_item .show_cont .pic_text{
  position: absolute;
  top: 74px;
  left: 0;
  right: 0;
}
.part2_item .show_cont .pic_text h3{
  font-size: 20px;
  color: #fff;
  margin-top: 50px;
}
.part2_item .show_cont .pic_text p{
  font-size: 14px;
  color: #fff;
  margin-top: 15px;
}
.part2_item .show_cont .p-4-1{
  display: inline-block;
  width: 110px;
  height: 94px;
  background: url("../images/iconlist.png") no-repeat -14px -95px;
}
.part2_item .show_cont .p-4-2{
  display: inline-block;
  width: 97px;
  height: 94px;
  background: url("../images/iconlist.png") no-repeat -143px -88px;
}
.part2_item .show_cont .p-4-3{
  display: inline-block;
  width: 87px;
  height: 94px;
  background: url("../images/iconlist.png") no-repeat -272px -95px;
}
.part2_item .show_cont .p-4-4{
  display: inline-block;
  width: 92px;
  height: 94px;
  background: url("../images/iconlist.png") no-repeat -24px -207px;
}
.part2_item .hide_cont{
  height: 396px;
  border: 1px solid #e5e5e5;
  background: #fff;
}
.part2_item .hide_cont .tools_type{
  padding: 66px 0;
  height: 198px;
  text-align: center;
  box-sizing: border-box;
}
.part2_item .hide_cont .has_border{
  border-bottom: 1px solid #e5e5e5;
}
.part2_item .hide_cont .tools_type .title{
  font-size: 16px;
  margin-bottom: 16px;
}
.part2_item .hide_cont .tools_type .cont a{
  margin: 0 3px;
  color: #666;
}
.part2_item .hide_cont .tools_type .cont a:hover{
  color: #0089F8;
}
.part2_item .hide_cont .tools_type:hover{
  background: #f0f2f5;
}
.part2_item:hover .show_cont{
  display: none;
}
.part2_item:hover .hide_cont{
  display: block;
  animation: zoomIn .5s;
}

.case_list{
  position: relative;
  width: 100%;
  height:280px;
  overflow: hidden;
}
.case_list ul{
  position: absolute;
  top: 0;
  left: 0;
}
.case_list ul li{
  float: left;
}
.case_list .midst{
  width: 278px;
  height: 118px;
  border: 1px solid #E7E6E6;
  margin: 0 40px 40px 0;
}
.case_list .midst:hover{
  border-color: transparent;
  -moz-box-shadow:0 5px 20px #DCEBFA;
  -webkit-box-shadow:0 5px 20px #DCEBFA;
  box-shadow:0 5px 20px #DCEBFA;
  animation: pulse .8s;
}
.more_case{
  display: block;
  width: 144px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 16px;
  color: #fff;
  border-radius: 3px;
  margin: 40px auto 125px;
}
.more_case:hover{
  animation: jello .8s;
}

/*底部*/
.footer{
  padding-top: 60px;
}
.footer .foot_nav>li{
  float: left;
  width: 190px;
}
.footer .foot_nav>li>p{
  color: #fff;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: bold;
}
.foot_nav .sub_nav a{
  font-size: 14px;
  color: #fff;
  line-height: 32px;
}
.foot_nav .sub_nav a:hover{
  color: #FCFF00;
}
.wechat_list{
  margin-left: -60px;
}
.wechat_list li{
  float: left;
  text-align: center;
  margin-left: 48px;
}
.wechat_list li .pic{
  background: #fff;
  padding: 11px 0;
}
.wechat_list li .text{
  width: 144px;
  height: 36px;
  line-height: 36px;
  color: #fff;
}
.wechat_list li:hover .text{
  color: #fff;
  background-image: linear-gradient(to right,#4EAAFD,#077FFF);
  background-image: -moz-linear-gradient(left,#4EAAFD,#077FFF);
  background-image: -o-linear-gradient(left,#4EAAFD,#077FFF);
}
.footer .firm_info{
  border-top: 1px solid #519BF8;
  margin-top: 80px;
  height: 47px;
  line-height: 47px;
  color: #fff;
  font-size: 14px;
}
.footer .firm_info a{
  color: #fff;
}
.footer .firm_info a:hover{
  color: #FCFF00;
}

.inside_box{
  background-color: #E2F1FF;
  padding: 40px 0 20px 0;
}
.inside_box .aside{
  background-color: #fff;
  padding: 20px;
  width: 223px;
}
.column_head{
  padding-bottom: 18px;
  border-bottom: 1px solid #027EDB;
}
.column_head .c-1{
  display: inline-block;
  width: 19px;
  height: 22px;
  background: url("../images/iconlist.png") no-repeat -17px -317px;
  vertical-align: top;
}
.column_head .c-2{
  display: inline-block;
  width: 21px;
  height: 22px;
  background: url("../images/iconlist.png") no-repeat -16px -348px;
  vertical-align: top;
}
.column_head .c-3{
  display: inline-block;
  width: 22px;
  height: 20px;
  background: url("../images/iconlist.png") no-repeat -48px -348px;
  vertical-align: text-bottom;
}
.column_head .c-4{
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../images/iconlist.png") no-repeat -83px -348px;
  vertical-align: text-bottom;
}
.column_head .c-5{
  display: inline-block;
  width: 16px;
  height: 21px;
  background: url("../images/iconlist.png") no-repeat -119px -347px;
  vertical-align: text-bottom;
}
.column_head span{
  font-size: 18px;
  color: #037edb;
  margin-left: 10px;
}
.classify_list{
  margin-top: 20px;
}
.classify_list>li{
  margin-bottom: 15px;
}
.classify_list>li:last-child{
  margin-bottom: 0;
}
.classify_list>li>a{
  display: inline-block;
  width: 203px;
  height: 45px;
  line-height: 45px;
  background-color: #E6F1FB;
  border-radius: 3px;
  color: #2b2b2b;
  padding-left: 20px;
  position: relative;
}
.classify_list>li>a .arrow{
  position: absolute;
  top: 18px;
  right: 20px;
  width: 7px;
  height: 10px;
  background: url("../images/iconlist.png") no-repeat -51px -329px;
}
.classify_list>li>a:hover,.classify_list>li>a.active{
  background-image: linear-gradient(to right,#0090FF,#026EDB);
  background-image: -moz-linear-gradient(left,#0090FF,#026EDB);
  background-image: -o-linear-gradient(left,#0090FF,#026EDB);
  -moz-box-shadow:0 5px 20px #A8D9FF;
  -webkit-box-shadow:0 5px 20px #A8D9FF;
  box-shadow:0 5px 20px #A8D9FF;
  color: #fff;
}
.classify_list>li>a:hover .arrow,.classify_list>li>a.active .arrow{
  background-position-y: -318px;
}
.classify_list>li.has_sub>a.active .arrow{
  width: 10px;
  height: 7px;
  background-position: -124px -319px;
}
.classify_list .submenu{
  background: #E2F1FF;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  padding: 12px;
  display: none;
}
.classify_list>li.has_sub>a.active+.submenu{
  display: block;
}
.classify_list .submenu .triangle{
  display: inline-block;
  width: 6px;
  height: 6px;
  background: url("../images/iconlist.png") no-repeat -107px -318px;
  vertical-align: middle;
  margin-right: 6px;
}
.classify_list .submenu>a{
  display: inline-block;
  width: 97px;
  margin: 3px 0;
}
.classify_list .submenu>a:hover,.classify_list .submenu>a.active{
  color: #007cdd;
}
.classify_list .submenu>a:hover .triangle,.classify_list .submenu>a.active .triangle{
  background-position-y: -327px;
}

.inside_box .free{
  display: block;
  margin-top: 30px;
  width: 227px;
  height: 70px;
  line-height: 70px;
  border-radius: 3px;
  padding-left: 36px;
  position: relative;
}
.inside_box .free span{
  font-size: 18px;
  color: #fff;
}
.inside_box .free .arrow{
  position: absolute;
  top: 30px;
  right: 40px;
  width: 7px;
  height: 10px;
  background: url("../images/iconlist.png") no-repeat -51px -318px;
}
.inside_box .content{
  padding: 28px 40px;
  background-color: #fff;
  width: 896px;
}
.section{
  border-bottom: 2px solid #E6F1FB;
  height: 34px;
  position: relative;
}
.section .list li{
  float: left;
  font-size: 18px;
  color: #585858;
  padding-bottom: 10px;
  margin-right: 30px;
  cursor: default;
}
.section .list li.cur{
  color: #007cdd;
  border-bottom: 2px solid #007cdd;
}
.free_course{
  margin: 25px 0 50px 0;
}
.free_course li{
  float: left;
  width: 220px;
  margin-right: 60px;
}
.free_course .pic{
  position: relative;
}
.free_course .pic img{
  width: 220px;
  height: 176px;
}
.free_course .pic .play{
  position: absolute;
  top: 58px;
  left: 80px;
  width: 60px;
  height: 60px;
  background: url("../images/iconlist.png") no-repeat -164px -218px;
}
.free_course .text{
  text-align: center;
}
.free_course .text h3{
  font-size: 16px;
  font-weight: bold;
  color: #323232;
  margin-top: 10px;
}
.free_course .text p{
  font-size: 14px;
  color: #848484;
  margin-top: 10px;
}
.free_course .text span{
  color: #666;
}
.free_course a:hover .pic{
  animation: pulse .5s;
}
.free_course a:hover .text h3{
  color: #0089F8;
}
.section .search{
  position: absolute;
  bottom: 5px;
  right: 0;
  width: 268px;
  height: 32px;
  border: 1px solid #DADADA;
}
.section .search input[type='text']{
  border: none;
  outline: none;
  height: 32px;
  line-height: 32px;
  width: 200px;
  margin-left: 20px;
}
.section .search_btn{
  position: absolute;
  top: 0;
  right: 6px;
  width: 32px;
  height: 32px;
  border: none;
  outline: none;
  background: url("../images/iconlist.png") no-repeat -63px -309px;
  cursor: pointer;
}

.course_list{
  margin: 20px 0 0 0;
}
.course_list .head_nav{
  background-color: #E2F1FF;
  height: 50px;
  line-height: 50px;
}
.course_list span,.course_list a{
  display: inline-block;
  float: left;
}
.course_list .head_nav span{
  font-size: 16px;
  font-weight: bold;
  color: #414141;
}
.course_list span{
  color: #666;
}
.course_list a{
  color: #1486DF;
}
.course_list .col_1{
  width: 122px;
  text-align: left;
  padding-left: 22px;
}
.course_list .head_nav .col_1{
  padding-left: 30px;
  width: 114px;
}
.course_list .col_2{
  width: 286px;
  padding-left: 30px;
  text-align: left;
}
.course_list .col_3{
  width: 100px;
  text-align: center;
}
.course_list .col_4{
  width: 136px;
  text-align: center;
}
.course_list .col_5{
  width: 200px;
  text-align: center;
}
.course_item li{
  height: 50px;
  line-height: 50px;
}
.course_item{
  margin-top: 12px;
}
.course_item li:hover{
  background-color: #E2F1FF;
}
.page{
  display: inline-block;
  text-align: center;
  width: 896px;
  margin: 50px 0 20px;
}
.page a{
  padding: 3px 8px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  color: #666;
  margin: 0 3px;
}
.page a.cur{
  background: #007CC2;
  color: #fff;
  border-color: transparent;
}
.page span{
  padding: 3px 8px;
  border: 1px solid #DCDCDC;
  border-radius: 5px;
  color: #666;
  margin: 0 3px;
}
.page .current{
  background: #007CC2;
  color: #fff;
  border-color: transparent;
}

.course_detail{
  margin-left: 30px;
}
.course_detail .title{
  font-size: 18px;
  font-weight: bold;
  color: #323232;
  margin-bottom: 15px;
  line-height: 1;
}
.course_detail .detail .fn-left{
  width: 230px;
}
.course_detail .detail p{
  line-height: 26px;
  color: #545454;
}
.course_detail .detail p>a{
  color: #0089F8;
}
.course_detail .suit{
  line-height: 26px;
  color: #545454;
}
.course_detail .start{
  display: block;
  width: 85px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  text-align: center;
  color: #fff;
  margin-top: 10px;
}
.course_detail .start:hover{
  animation: swing 1s;
}
.course_outline{
  margin: 14px 0;
}
.course_outline p{
  color: #4f4f4f;
  line-height: 28px;
}

.comment_item{
  padding: 22px 0;
  border-bottom: 1px dashed #EDEDED;
}
.comment_item .avater{
  width: 80px;
  height: 80px;
  border-radius: 50%;
  margin-right: 30px;
}
.comment_item .comment_cont{
  width: 784px;
  margin-top: 12px;
}
.comment_item .observer a{
  color: #0089F8;
  margin-right: 10px;
}
.comment_item .observer{
  color: #7B7B7B;
}
.comment_item .time{
  color: #C2C2C2;
  font-size: 14px;
}
.comment_item .cont{
  margin: 10px 0 0 0;
  color: #7B7B7B;
}

.teacher_item{
  margin: 10px 0 40px 0;
}
.teacher_item:nth-child(5n){
  margin-bottom: 0;
}
.teacher_item .via{
  width: 210px;
  height: 211px;
  overflow: hidden;
}
.teacher_item:hover .via{
  animation: tada 1s;
}
.teacher_item .info{
  width: 652px;
}
.teacher_item .info .name{
  display: inline-block;
  font-size: 24px;
  color: #2f2f2f;
  line-height: 1;
  margin-bottom: 10px;
}
.teacher_item:hover .info .name{
  color: #0089F8;
}
.teacher_item .info .intr{
  line-height: 24px;
  color: #848484;
  letter-spacing: 1px;
}
.teacher_item .reco_title>p{
  font-size: 18px;
  color: #2f2f2f;
  margin: 20px 0 10px 0;
}
.teacher_item .reco_title>a{
  color: #848484;
  line-height: 28px;
}
.teacher_item .reco_title>a:hover{
  color: #0089F8;
}
.teacher_item .reco_title>a i{
  display: inline-block;
  width: 4px;
  height: 4px;
  background: #0089F8;
  border-radius: 50%;
  vertical-align: middle;
  margin-right: 6px;
}
.teacher_show .free_course{
  margin-bottom: 0;
}
.teacher_intr{
  margin: 20px 0;
}
.teacher_intr p{
  line-height: 28px;
  color: #848484;
  margin: 10px 0;
}
.per_info{
  margin: 10px 0 30px 0;
}
.per_info .via{
  width: 210px;
  height: 211px;
  overflow: hidden;
}
.per_info .basic_info{
  margin-left: 30px;
}
.per_info .basic_info .name{
  font-size: 28px;
  color: #2e2e2e;
  line-height: 1;
}
.per_info .basic_info>a{
  width: 128px;
  height: 33px;
  border: 1px solid #007CDD;
  text-align: center;
  line-height: 33px;
  color: #007CDD;
  font-size: 16px;
  margin:15px 0 20px 0;
}
.per_info .basic_info>a:hover{
  background: #007CDD;
  color: #fff;
}
.per_info .basic_info>p{
  color: #848484;
  line-height: 28px;
}
.classics_case .case_item{
  padding: 10px 0 30px 0;
  border-bottom: 1px dashed #EDEDED;
  margin-bottom: 30px;
}
.classics_case .case_item .midst{
  width: 164px;
  height: 122px;
  border: 1px solid #D0D9E1;
}
.classics_case .case_item .intro{
  width: 700px;
}
.classics_case .case_item .intro .title{
  font-size: 18px;
  font-weight: bold;
  color: #3b3b3b;
  line-height: 1;
}
.classics_case .case_item .intro .title:hover{
  color: #0089F8;
}
.classics_case .case_item .intro .intr>p{
  line-height: 20px;
  color: #3b3b3b;
}
.classics_case .case_item .intro .intr .intr_item{
  color: #0089F8;
  margin-top: 12px;
}

.case_qy_list{
  width: 952px;
  margin: 20px 0 20px -25px;
}
.case_qy_list li{
  float: left;
  margin: 12px 25px;
}
.case_qy_list a.midst{
  width: 186px;
  height: 75px;
  border: 1px solid #E2E3E6;
}
.case_qy_list a.midst img{
  max-width: 186px;
  max-height: 75px;
}
.case_qy_list a:hover{
  border-color: transparent;
  -moz-box-shadow:0 5px 20px #ABCDFA;
  -webkit-box-shadow:0 5px 20px #ABCDFA;
  box-shadow:0 5px 20px #ABCDFA;
}
.branch{
  background: #fff;
  padding: 35px;
}
.branch_list{
  margin: 1px 0 0 -30px;
  width:1270px;
}
.branch_list>li{
  float: left;
  margin: 30px 33px;
}
.branch_list>li>a{
  display: inline-block;
  width: 186px;
  height: 75px;
  line-height: 75px;
  border: 1px solid #E2E3E6;
  text-align: center;
  font-size: 20px;
  color: #5c5b5b;
}
.branch_list>li>a:hover{
  background: #E2F1FF;
  color: #007DDD;
  border-color: #E2F1FF;
}

.about_us .title{
  font-size: 20px;
  font-weight: bold;
  color: #2b2b2b;
  text-align: center;
  line-height: 40px;
}
.about_us .video{
  text-align: center;
  margin: 20px 0;
}
.about_us p{
  line-height: 28px;
  color: #393939;
  text-indent: 28px;
  margin: 10px 0;
  letter-spacing: 1px;
}

.aptitude_list{
  margin: 0 0 0 -20px;
  width: 927px;
}
.aptitude_list li{
  float: left;
  margin: 10px 36px 30px;
}
.aptitude_list li img{
  width: 237px;
  height: 171px;
}
.aptitude_list li .title{
  text-align: center;
  margin-top: 15px;
  color: #393939;
}
.aptitude_list li>a:hover img{
  animation: pulse .8s;
}
.aptitude_list li>a:hover .title{
  color: #0089F8;
}

.contact_info .title{
  font-size: 28px;
  font-weight: bold;
  color: #414040;
  margin-bottom: 20px;
}
.contact_info>p{
  line-height: 28px;
  margin: 8px 0;
  color: #4c4c4c;
}
.contact_info>p>i{
  display: inline-block;
  background: url("../images/iconlist.png") no-repeat;
  margin-right: 8px;
}
.contact_info .phone{
  width: 19px;
  height: 17px;
  background-position: -20px -385px;
  vertical-align: text-bottom;
}
.contact_info .fax{
  width: 19px;
  height: 16px;
  background-position: -48px -385px;
  vertical-align: middle;
}
.contact_info .email{
  width: 19px;
  height: 12px;
  background-position: -78px -387px;
  vertical-align: middle;
}
.contact_info .addr{
  width: 19px;
  height: 19px;
  background-position: -111px -382px;
  vertical-align: middle;
}
.mymap{
  width: 896px;
  height: 300px;
  margin: 20px 0;
}
.inline_msg{
  width: 578px;
  margin: 0 auto;
}
.inline_msg .title{
  text-align: center;
  margin: 40px 0;
}
.inline_msg .inp{
  margin: 0 0 40px 0;
  position: relative;
}
.inline_msg .inp>input{
  width: 578px;
  height: 64px;
  background: #EFF5FB;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 5px;
}
.inline_msg .inp>textarea{
  width: 538px;
  height: 132px;
  padding: 20px;
  background: #EFF5FB;
  text-align: center;
  border: none;
  outline: none;
  border-radius: 5px;
  resize: none;
}
.inline_msg .submit_btn{
  width: 578px;
  height: 64px;
  line-height: 64px;
  font-size: 16px;
  color: #fff;
  border: none;
  outline: none;
  border-radius: 5px;
  cursor: pointer;
  margin-bottom: 40px;
}
.inline_msg .submit_btn:hover{
  animation: pulse .6s;
}
.inline_msg .inp .error{
  position: absolute;
  bottom: -28px;
  left: 0;
  right: 0;
  z-index: 10;
  color: #E71F19;
  text-align: center;
  display: none;
}
.inline_msg .inp .error>i{
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/error.png") no-repeat;
  background-size: 100% 100%;
  vertical-align: sub;
  margin-right: 6px;
}
.press_list{
  margin-bottom: -40px;
}
.press_list .press_item{
  margin-bottom: 50px;
}
.press_item .press_pic img{
  width: 282px;
  height: 172px;
}
.press_item .press_pic:hover{
  animation: pulse .8s;
}
.press_item .press_text{
  width: 590px;
}
.press_item .press_title{
  width: 364px;
  font-size: 18px;
  color: #414141;
  line-height: 1;
}
.press_item .press_time{
  color: #848484;
  line-height: 1.4;
}
.press_item .press_intr{
  color: #989898;
  line-height: 26px;
  margin: 20px 0 27px;
}
.press_item .press_link{
  display: inline-block;
  width: 82px;
  height: 26px;
  background: #007CDD;
  color: #fff;
  text-align: center;
  line-height: 26px;
  border: 1px solid #007CDD;
}
.press_item .press_link:hover{
  color: #007CDD;
  background: #fff;
}
.single_page .headline,.press_show .headline{
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  color: #2b2b2b;
  line-height: 40px;
}
.single_page .main_body p{
  line-height: 28px;
  color: #393939;
  margin: 15px 0;
  letter-spacing: 1px;
}

.press_show .headline>h3{
  font-weight: bold;
}
.press_show .headline>p{
  font-weight: normal;
  margin-bottom: 20px;
}
.press_show .headline span{
  margin: 0 4px;
  color: #989898;
}
.press_show .main_body p{
  line-height: 28px;
  color: #393939;
  margin: 15px 0;
  letter-spacing: 1px;
}

.press_guide{
  margin: 40px 0 20px;
  color: #666;
}
.press_guide .text-1{
  color: #666;
  display: inline-block;
  width: 360px;
  vertical-align: bottom;
}
.press_guide a:hover{
  color: #0089F8;
}

/************2018-07-03修改*************/
.part2_item .hide_cont .tools_type{
	position: relative;
}
.trisect .hide_cont .tools_type{
	height: 132px;
	padding: 40px 0;
}
.halve .hide_cont .tools_type{
	padding: 0;
	display: table;
	width: 304px;
}
.halve .hide_cont .tools_type .cont{
	display: table-cell;
	vertical-align: middle;
}
.tools_type .m_wechat{
	position: absolute;
	top: 0;
	left: 0;
	width: 304px;
	height: 131px;
	background: #fff;
	z-index: 100;
	display: none;
}
.tools_type .m_wechat img{
	display: block;
	width: 108px;
	height: 108px;
	margin: 12px auto 0;
}
.tools_type .m_wechat .close{
	position: absolute;
	top: 5px;
	right: 10px;
  	color: #0084ff;
	font-style: normal;
	cursor: pointer;
  	font-size:18px;;
}
.halve .tools_type .m_wechat{
	height: 197px;
}
.halve .tools_type .m_wechat img{
  	width:144px;
  	height:144px;
	margin: 27px auto 0;
}
.three_part{
	padding: 20px 46px 0;
}
.three_part .part2_item{
	margin: 0 45px;
}