@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none !important; }
body{ margin:0px; padding:0px; font-size:12px;font-family: "微软雅黑";color:#000;line-height:1; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; box-shadow: none;-webkit-appearance: none; }
select{ font-family: "微软雅黑"; border: none; outline: none; background: none; box-shadow: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,h5,h6,h1,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background: #fff; }
.bghui{ background: #f7f7f7 }
.w1366{ width: 1366px; margin: 0 auto; }

.topbox{ width: 100%; background: url(../img/bg.png) no-repeat; height: 718px; background-size: cover; background-position: center; }
.topbox.bg2{ background: url(../img/bg2.png) no-repeat;  }
.toponebox{  overflow: hidden; display: flex; align-items: center; justify-content: space-between; padding-top: 16px;}
.toponebox .welcome{ float: left; font-size: 15px; color: #fff;}
.toponebox .datebox{ float: right; overflow: hidden;}
.toponebox .datebox #time{  display: block; float: left; font-size: 15px; color: #fff; line-height: 38px; margin-right: 20px;}
.toponebox .datebox a{ cursor: pointer; display: block; float: left;  width: 92px; height: 38px; color: #fff; font-size: 14px; text-align: center; line-height: 38px;  transition: all 0.6s;}
.toponebox .datebox a:hover{ opacity: 0.8 }
.toponebox .datebox .swsy{ background: #037edb;margin-right: 10px;}
.toponebox .datebox .collect{  background: #f18200;}
.logobox{ margin-top: 82px; }
.logobox .logo{ width: 635px; height: 124px; margin: 0 auto; }
.logobox .searchbox{ width: 880px; height: 58px; margin: 0 auto; overflow: hidden; background: #fff;margin-top:78px; }
.logobox .searchbox .inpbox{ float: left; width:778px; height: 58px; overflow: hidden; display: flex; align-items: center; }
.logobox .searchbox .inpbox .zn{ float: left; font-size: 16px; width: 92px; height: 34px; border-right: 1px solid #e7e7e7; line-height: 34px; text-align: center; }
.logobox .searchbox .inpbox .inp{ float: left; display: block; height: 58px; width: calc(100% - 93px);font-size: 16px; height: 34px; outline: none; border: none; padding:0 30px;}
.logobox .searchbox .searchbtn{ display: block; float: right; width:102px; height: 58px; background: url(../img/img01.png) #037edb no-repeat; background-size: 26px; background-position: center; cursor: pointer;  transition: all 0.4s;}
.logobox .searchbox .searchbtn:hover{ background-size: 24px; }
.navbox{ width: 100%; height: 86px; background: #037edb; margin-top: 92px; position: relative; z-index: 99}
.navlist{ }
.navlist ul{ display: flex; justify-content: space-between; align-items: center; }
.navlist ul li{ width: 142px; height: 86px; display: flex; align-items: center; justify-content: center; transition: all 0.6s; position: relative; }
.navlist ul li a{ display: block;}
.navlist ul li a img{ width: 24px; height: 24px; margin: 0 auto;}
.navlist ul li a span{ display: block; font-size: 16px; text-align: center; margin-top: 12px; line-height: 1; color: #fff;}
.navlist ul li.on{ background: #0090ff }
.navlist ul li:hover{ background: #0090ff; }
.sub{ width: 100%; position: absolute; left: 0; top: 86px; display: none;}
.sub .swbbox_b{ width: 100%; background: #0090ff;}
.sub .swbbox_b p{ padding: 15px 0; }
.sub .swbbox_b p:hover{  background: #037edb; }
.sub .swbbox_b p a{ font-size: 15px; color: #fff; text-align: center;}

.tzggbox{ height: 176px; background: #dff1ff; overflow: hidden; padding: 15px; margin-top: -114px;  }
.tzggbox .tztit{ float: left; width: 148px; height: 148px; display: flex; justify-content: center; align-items: center; background: #037edb}
.tzggbox .tztit div{ display: flex; align-items: center; }
.tzggbox .tztit img{  width: 24px; height: 24px;}
.tzggbox .tztit span{ display: block; font-size: 18px; font-weight: bold;  margin-left: 12px; color: #fff;}
.tzggbox .tzlist{ float: left; margin-left: 20px; width: calc(100% - 300px) ; }
.tzswiper{ width: 100%; height: 148px; overflow: hidden; }
.tzswiper a{ display: block; width: 100%; width: 100%;}
.tzswiper a b{ display: block; color: #333333; font-size: 16px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.tzswiper a span{ display: block; color: #666; font-size: 14px; font-weight: normal; margin-top: 12px;  overflow: hidden; white-space: nowrap; text-overflow: ellipsis;  }
.tzswiper .swiper-wrapper .swiper-slide{ display: flex; align-items: center; }

.mainonebox{ overflow: hidden; margin-top: 30px;}
.mainonebox .bannerbox{ float: left; width: 673px; height: 450px; }
.tpnr .swiper-slide a{ display: block; }
.tpnr img {width: 100%;height: 450px}
.tpnr b{ display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 54px; line-height: 54px; background: rgba(0,0,0,.65); font-size: 18px; color: #fff; padding-left: 22px;}
.tpnr .swiper-pagination { bottom: 0 !important; height: 54px; text-align: right; padding: 22px 10px 0 0;}
.tpnr .swiper-pagination-bullet {background: #fff; width: 10px;height: 10px;opacity: 1;text-align: right;}
.tpnr .swiper-pagination-bullet-active {background: #e20000;}

.maintwobox{ overflow: hidden; }
.mainthreebox{ overflow: hidden; }

.gglistbox{width: 663px; float: left; margin-left: 30px;}
.gglistbox.pybox{ margin-left: 0; width: 673px; margin-top: 30px;}
.gglistbox.dsbox{ margin-left: 0; width: 673px; margin-top: 44px;}
.gglistbox.xkbox{  margin-top: 30px;}
.gglistbox.jzbox{  margin-top: 44px;}
.ggtitbox{ height: 54px; overflow: hidden; background: #e2f0fb;}
.ggtitbox .ggtit{ float: left; font-size: 20px; font-weight: bold; color: #fff; text-align: center; line-height: 54px;  padding-right: 15px; width: 146px; height: 54px; background: url(../img/img12.png) no-repeat; background-size: 100%; background-position: center; }
.ggtitbox .ggmore{ display: block; float: right; font-size: 16px; color: #666666; line-height: 54px; padding-right: 15px; }
.ggtitbox .ggmore:hover{ font-weight: bold;color: #037edb}
.gglistbox .gglist{}
.gglistbox .gglist a{ display: block; margin-top:30px;} 
.gglistbox .gglist a dl{ overflow: hidden;} 
.gglistbox .gglist a dl dd{ float: left; font-size: 18px; color: #333333; overflow: hidden;} 
.gglistbox .gglist a dl dd span{ display: block; float: left; color: #037edb; margin-right: 10px; line-height: 18px;} 
.gglistbox .gglist a dl dd b{ display: block; float: left; width: 530px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; transition: all 0.6s; } 
.gglistbox .gglist a dl dt{ float: right; font-size: 18px; color: #999} 
.gglistbox .gglist a:hover dl dd{  color: #037edb; } 
.gglistbox .gglist a:hover dl dd b{ font-weight: bold; transform: translateX(6px); } 
.gglistbox .gglist a:hover dl dt{  color: #037edb} 

.ggimgbox{ overflow: hidden; display: flex; align-items: center; margin-top: 20px; }
.ggimgbox .dsimg{ float: left; position: relative; width: 290px; height: 194px; }
.ggimgbox .dsimg a{ display: block;}
.ggimgbox .dsimg a img{ display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.ggimgbox .dsnr{ float: left; margin-left: 22px; width: 350px;}
.ggimgbox .dsnr h2{ margin-bottom: 20px; }
.ggimgbox .dsnr h2 a{  display: block; font-size: 18px; color: #333; margin-top: 0;}
.ggimgbox .dsnr h2 a:hover{ color: #037edb;}
.ggimgbox .dsnr p{  font-size: 14px; line-height: 24px; color: #555; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.ggimgbox .dsnr span{ display: block;font-size: 14px;  color: #666; margin-top: 20px; }
.dslist{}
.dslist ul{ overflow: hidden; }
.dslist ul li{ width: 46%; float: left; margin-right: 6%; }
.dslist ul li:nth-child(2n){ margin-right: 0%; }
.gglistbox .gglist .dslist ul li a{ display: block; margin-top:30px;} 
.gglistbox .gglist .dslist ul li a dl{ overflow: hidden;} 
.gglistbox .gglist .dslist ul li a dl dd{ float: left; font-size: 18px; color: #333333; overflow: hidden;} 
.gglistbox .gglist .dslist ul li a dl dd span{ display: block; float: left; color: #037edb; margin-right: 10px; line-height: 18px;} 
.gglistbox .gglist .dslist ul li a dl dd b{ display: block; float: left; width: 168px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } 
.gglistbox .gglist .dslist ul li a dl dt{ float: right; font-size: 18px; color: #999} 
.gglistbox .gglist .dslist ul li a:hover dl dd{  color: #037edb; } 
.gglistbox .gglist .dslist ul li a:hover dl dd b{ font-weight: bold;} 
.gglistbox .gglist .dslist ul lit a:hover dl dt{  color: #037edb} 

.mainfourbox{ margin-top: 44px; overflow: hidden; }
.gglistbox.djbox{ width: 983px; margin-left: 0; }
.gglistbox.djbox .gglist{ overflow: hidden; margin: 24px 0 }
.gglistbox.djbox .gglist .imgbox{ float: left; width: 290px; height: 215px;}
.gglistbox.djbox .gglist .ggrigbox{ float: left;  margin-left: 22px;}
.gglistbox.djbox .gglist .ggrigbox a:first-child{ margin-top:0;} 

.iconbox{ float: left; width: 353px; height: 295px; background: #f7f7f7; display: flex; justify-content: center; align-items: center; }
.iconmain{}
.iconmain a{ display: block; width: 312px; height: 70px; overflow: hidden; display: flex; align-items: center; margin-bottom: 20px; padding-right: 20px; }
.iconmain a:last-child{ margin-bottom: 0; }
.iconmain a img{ float: left; width: 34px; height: 34px; margin-left: 30px; }
.iconmain a span{ display: block; float: left; font-size: 18px; font-weight: bold; color: #fff; margin-left: 20px; flex: 1;transition: all 0.6s; }
.iconmain a em{ display: block; width: 7px; height: 12px; float: right; background: url(../img/img19.png) no-repeat; background-size: 7px 12px; background-position: center; transition: all 0.6s;}
.iconmain a:hover em{ transform: translateX(-10px); }
.iconmain a:hover span{ transform: translateX(10px); }
.iconmain a.jg{ background: #eaac49; }
.iconmain a.xw{ background: #81a4dc; }
.iconmain a.xs{ background: #8cc264; }

.link_nr{ margin-top: 25px; }
.link_nr a{ display: block; border: 1px solid #eeeeee; width: 216px; height: 124px; }
.link_nr a img{ display: block; width: 100%; height: 100%; }

.footer{background: #037edb; height: 268px; display: flex; align-items: center; margin-top: 60px;}
.footer .foot{ overflow: hidden; display: flex; align-items: center;}
.footer .lelogo{ width: 450px; height: 97px; float: left; }
.footer .lelogo>img{ width: 100%; height: 100%; float: left; }
.footer .minr{ width: 100%; height: 100%; margin-left: 70px; flex: 1 }
.footer .minr p{ font-size: 16px; color: #fff; line-height: 44px;}
.footer .rigewm{ float: right;}
.footer .rigewm img{ width: 120px; height: 120px; }
.footer .rigewm p{ font-size: 15px; color: #fff; text-align: center; margin-top: 12px;}

.tabbox{ width: 100%; height: 72px; background: #fff; display: flex; align-items: center; margin-top: -144px; }
.tabmain{ display: flex; align-items: center; overflow: hidden;}
.tabmain .homeicon{ float: left; width: 13px; height: 14px; background: url(../img/img24.png) no-repeat; background-size: 13px 14px; background-position: center;  }
.tabmain .tablist{ float: left; color: #999; margin: 0 10px; font-size: 14px;}
.tabmain .tablist a{ color: #333; font-size: 14px; }

.listbox{ overflow: hidden; margin-top: 30px; }
.listbox .leftnav{ float: left; width: 240px; }
.listbox .leftnav .navtit{ width: 100%; height: 72px; line-height: 72px; background: #037edb; color: #fff; text-align: center; font-size: 20px; font-weight: bold;}
.listbox .leftnav ul{ }
.listbox .leftnav ul li{ height: 60px; line-height: 60px; text-align: center; border-bottom: 1px solid #ededed; background: #fff; position: relative; }
.listbox .leftnav ul li:last-child{  border-bottom: none;}
.listbox .leftnav ul li :after{ content: ''; position: absolute;left: 0; bottom: -1px; width: 0%; height: 1px; background: #037edb;  border-bottom: none; transition: all 0.6s;}
.listbox .leftnav ul li:hover :after{ content: '';  width: 100%;}
.listbox .leftnav ul li a{  display: block; color: #333; font-size: 17px; transition: all 0.6s; }
.listbox .leftnav ul li.on a{ color: #037edb; font-weight: bold; }
.listbox .leftnav ul li:hover a{ color: #037edb; font-weight: bold; }

.listbox .rightmain{ float: left; margin-left: 30px; background: #fff; width: calc(100% - 270px) }
.rightmain .rigtit{ width: 100%; height: 70px; border-bottom: 1px solid #ededed; line-height: 70px;padding-left: 20px;  }
.rightmain .rigtit h2{ font-size: 20px; display: table; color: #333; position: relative;}
.rightmain .rigtit h2:after{ content: ''; width: 100%; height: 2px; background: #037edb; position: absolute; left: 0; bottom: 0;}
.wzlist{ padding: 0 30px; }
.wzlist .item{}
.wzlist .item a{ display: block; overflow: hidden; height: 72px; line-height: 72px; border-bottom: 1px dashed #d9d9d9 }
.wzlist .item a em{ display: block; float: left;  font-size: 16px; color: #ccc; }
.wzlist .item a b{ display: block; float: left; font-size: 16px; color: #333; margin-left: 15px; width: 890px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;transition: all 0.6s; }
.wzlist .item a span{display: block; float: right;  font-size: 16px; color: #999; }
.wzlist .item a:hover b{ color: #037edb; transform: translateX(10px); }

.detilemain{ float: left; margin-left: 30px; background: url(../img/img25.png) #fff no-repeat; background-size: cover; background-position:top center; width: calc(100% - 270px);}
.detilenr{ padding: 50px; }
.detit{ border-bottom: 1px solid #ddd; padding-bottom: 30px; }
.detit h2{ font-size: 28px;font-weight: bold; color: #000; text-align: center; }
.detit p{ font-size: 14px;font-weight: normal; color: #888888; margin-top:30px; }
.denrbox{ margin-top: 20px; }
.denrbox p{ font-size: 16px; color: #444; line-height: 48px; }
.denrbox img{ max-width:100%; margin: 30px auto;  }

.near{ background: #fff; border-top: 20px solid #f7f7f7; padding: 30px; position: relative;}
.near p{ font-size: 14px; color: #333; line-height: 36px; font-weight: bold; }
.near p a{ color: #666; font-weight: normal; cursor: pointer;  }
.near p a:hover{ color:#037edb; }
.near .back{ width: 140px; height: 50px; background-color:#037edb; display: flex; align-items: center; justify-content: center; border-radius: 0; position: absolute; right: 30px; top: 50%; margin-top: -25px; font-size: 14px; color: #fff; cursor: pointer; transition: all 0.6s; }
.near .back img{ width: 16px; margin-right: 10px; }
.near .back:hover{  box-shadow:  0px 3px 17px 1px rgba(3, 126, 219, 0.33); transform: translateY(-5px); }

/*页码*/
.pages{ padding: 90px 0px 100px; display: flex; align-items: center; justify-content:center; }
.pages.menpages{ padding: 90px 0px 40px;}
.pages a{ display: block; width:42px; height: 42px;line-height: 40px; text-align: center; border:1px solid #ededed; margin-left:10px; font-size: 14px; color: rgba(0, 0, 0, 0.65); cursor: pointer; transition: all 0.4s; } 
.pages a.on{ background-color: #037edb; border:1px solid #037edb; color: #fff; }
.pages a:hover{ background-color: #037edb; border:1px solid #037edb; color: #fff; }
.pages .change{ font-size: 14px; width: 60px; }
.pages p{ display: flex; align-items: center; font-size: 14px; color: #888; padding: 0 15px; }
.pages p input{ display: block; width: 50px; height: 36px; line-height: 34px; font-size: 14px; color: #333; text-align: center; margin:0 10px; border:1px solid #ededed;  }
.pages a.sure{background-color: #037edb; border:1px solid #037edb; color: #fff; width: 80px; margin-left: 0; }
/*页码*/

.mentorimgbox{ margin-top: -68px; position: relative; }
.mentorimgbox .leimg{ width: 683px; height: 404px; }
.mentorimgbox .ritit{ width: 759px; height: 340px; background: #fff; position: absolute; right: 0; top: 32px; padding:40px 0;  box-shadow: 0px 3px 17px 1px rgba(0, 0, 0, 0.11); }
.mentorimgbox .ritit h2{font-size: 28px; color: #333; border-left: 7px solid #037edb; padding-left: 30px;}
.mentorimgbox .ritit p{font-size: 16px; color: #555;  line-height: 34px; padding:30px 37px 0;}
.mentorlistbox{ margin-top: 76px;  }
.mennav{border-bottom: 1px solid #ededed;}
.mennav ul{ overflow: hidden; width: 100%; }
.mennav ul li{ float: left; padding-bottom: 26px; font-size: 20px; margin-right: 50px; color: #666666; cursor: pointer; }
.mennav ul li.on{ border-bottom: 2px solid #037edb; }
.mennav ul li.on a { color: #037edb; }
.menitembox{ margin-top: 2px; }
.menitembox .menitembox{}
.menitembox .menitem{ overflow: hidden; display: none; }
.menitembox .menitem .item{ width: 320px; float: left; margin-right: 28px; margin-top: 28px; }
.menitembox .menitem .item:nth-child(4n){  margin-right: 0; }
.menitembox .menitem .item a{ display: block; }
.menitembox .menitem .item a img{ display: block; width: 100%; height: 320px; }
.menitembox .menitem .item a .namebox{ border-left: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #ededed; padding:25px 20px; position: relative;}
.menitembox .menitem .item a .namebox:after{content: ''; width: 0%; transition: all 0.6s; }
.menitembox .menitem .item a .namebox p{ font-size: 20px; color: #333;  transition: all 0.6s; }
.menitembox .menitem .item a .namebox span{ display: block; font-size: 14px; color: 3666; margin-top: 16px; transition: all 0.6s;  }
.menitembox .menitem .item:hover a .namebox:after{ content: ''; position: absolute; width: 100%; left: 0; height: 100%; top: 0; background: #037edb; z-index: -1 }
.menitembox .menitem .item:hover a .namebox p{  color: #fff; }
.menitembox .menitem .item:hover a .namebox span{  color: #fff; }

.dsnrbox{ margin-top: 30px; background: url(../img/img30.png) #fff no-repeat; background-size: 100%; background-position: top center; }
.dsnrmain{ padding: 50px;}
.dstop{ overflow: hidden; display: flex; align-items: center; }
.dstop .tximg{ float: left; width: 300px; height: 300px; }
.dstop .dstrig{ float: left; margin-left: 50px; width: calc(100% - 350px) }
.dstop .dstrig .dsinfor{  border-bottom: 1px solid #d9d9d9; padding-bottom: 40px; width: 100%; }
.dstop .dstrig .dsinfor h2{ font-size: 28px; font-weight: bold; color: #000;}
.dstop .dstrig .dsinfor p{ font-size: 15px; font-weight: normal; color: #666; margin-top: 20px;}
.dsinnr{ overflow: hidden; }
.dsinnr dl{ overflow: hidden; width: 50%; float: left; margin-top: 40px; }
.dsinnr dl dd{float: left;  font-size: 15px; color: #666; font-weight: bold; width: 60px;}
.dsinnr dl dt{float: left;  font-size: 15px; color: #333333; font-weight: bold; margin-left: 40px;}
.dsmain{ margin-top: 50px; }
.dsmain .item{ width: 100%; margin-bottom: 30px; }
.dsmain .item .mentortit{ width: 100%; height: 58px; background: #f2f2f2; margin-bottom: 20px; }
.dsmain .item .mentortit h2{ display: table; padding: 0 30px; height: 58px; line-height: 58px; background: #037edb; color: #fff; font-size: 20px; font-weight: bold; text-align: center; }
.dsmain .item p{ font-size: 16px; color: #333; line-height: 60px; }