@charset "utf-8";
.basebox{ width:100%; min-width:320px; max-width:1920px;  height:auto; overflow:hidden; position:relative; margin:0 auto;  z-index:100; background:#ffffff;font-family:"Microsoft Yahei", Arial, 'Hiragino Sans GB', 'WenQuanYi Micro Hei', STHeiti, SimSun, sans-serif; }

@font-face {
  font-family: 'siyuanheiti';
  src: url('../font/SourceHanSans-Bold.woff2') format('woff2'),
       url('../font/SourceHanSans-Bold.otf')  format('opentype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;   /* 可选：防止空白闪 */
}

/*滚动条样式*/
::-webkit-scrollbar {width: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-track {border-radius: 6px;border-radius: 3px;background-color: #e2e2e2;}
::-webkit-scrollbar-thumb {border-radius: 4px; background-color: #7e7e7e;}

.centerArea{  height:auto; margin:0 auto; clear:both; overflow:hidden; }

@font-face{font-family:fontA;src:url(Helvetica-Neue-UltraLight-2.ttf)}

.swiper-wrapper {
  transition-timing-function: linear !important; /* 实现匀速运动的关键[citation:6][citation:10] */
}

#fixmenu{ width:100%; height:auto; overflow:hidden; background: url(../Images/ertop1.png) repeat; position: fixed; left:0px; top:65px; z-index:99999; display:none; min-height:100%;}
#fixmenu .closebox{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:0}
#fixmenu .closebox img{ width:25px; height:auto}
#fixmenu .toplogo{ width:100%; height:80px; overflow:hidden; position:relative; border-bottom:1px solid #d3d3d3;}
#fixmenu .toplogo .logo{ position:absolute; left:10px; top:0; height:80px; line-height:80px;}
#fixmenu .toplogo .logo img{ max-height:50%;}
#fixmenu .toplogo .close{ position:absolute; right:10px; top:0; height:80px; line-height:80px; opacity:1}
#fixmenu .toplogo .close img{ max-height:25%}

#fixmenu .language{ position:absolute; right:50px; top:0; height:80px; line-height:80px; background:url(../Images/lan.png) left center no-repeat; background-size:auto 20px; text-indent:25px; color:#0561ac}


#fixmenu .boxmenu{ width:100%;  height:auto; position:relative; overflow:auto; float:right; background:#fff; color:#fff; padding-bottom:50px; z-index:1}
#fixmenu .boxmenu a{ color:#333333}
/*
#fixmenu .close{ width:96%; margin:0 auto; margin-top:20px; overflow:hidden; text-align:right; color:#FFF; font-size:20px; opacity:1; box-sizing:border-box; padding:0 20px 0 0}
#fixmenu .close  img{ width:25px; height:auto}
*/
#fixmenu .themenu{ width:96%; margin:0 auto; overflow:hidden; margin-top:0px;}
#fixmenu .themenu ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li{ margin:0px; padding:0px; list-style:none; font-size:14px; height:auto; line-height:50px; text-align:left; width:100%;  text-indent:20px; }
#fixmenu .themenu ul li a{ width:100%; height:100%; display:block}
#fixmenu .themenu ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; border-bottom:1px solid #bdc9d4; text-indent:15px; font-weight:700; color:#343434; position:relative; background:url(../Images/down1.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li .tit a{color:#343434}
#fixmenu .themenu ul li .tit p{ height:45px; line-height:45px; position:absolute}
#fixmenu .themenu ul li .tit p.t1{ left:0}
#fixmenu .themenu ul li .tit p.t2{ width:32px; right:15px; background:url(../Images/down1.png) right center no-repeat}
#fixmenu .themenu ul li .list{ width:100%; height:auto; overflow:hidden;  display:none }
#fixmenu .themenu ul li .list ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:none; height:auto; overflow:hidden; line-height:38px; text-indent:0; text-align:left;text-indent:25px; color:#343434; border-bottom:1px solid #e8e7e7; }
#fixmenu .themenu ul li .list ul li p{ width:100%; height:38px; line-height:38px; overflow:hidden;}
#fixmenu .themenu ul li .list ul li a{ color:#343434}
#fixmenu .themenu ul li .list ul li ul{ margin:0px; padding:0; list-style:none;}
#fixmenu .themenu ul li .list ul li ul li{ width:50%; height:auto; float:left; overflow:hidden;}
#fixmenu .themenu ul li .list ul li ul li p{ background:url(../Images/dot1.png) left 25px center no-repeat; text-indent:45px;}

#fixmenu .themenu ul li .one{ width:100%; height:auto; overflow:hidden;}
#fixmenu .themenu ul li .one .tit2{width:100%; height:50px; line-height:50px; font-size:14px; text-indent:30px; font-weight:700; color:#343434; position:relative; background:url(../Images/add.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li .one .son{ width:100%; height:auto; overflow:hidden; display:none}
#fixmenu .themenu ul li .one .son ul{ margin:0px; padding:0px; list-style:none}
#fixmenu .themenu ul li .one .son ul li{ margin:0px; padding:0px; list-style:none; width:100%; float:none; height:auto; overflow:hidden; line-height:38px; text-indent:0; text-align:left;text-indent:40px; color:#343434; border-bottom:1px solid #e8e7e7; }
#fixmenu .themenu ul li .oneonfocus .tit2{ background:url(../Images/sub.png) right center no-repeat; background-size:12px auto;}
#fixmenu .themenu ul li .oneonfocus .son{ display:block}

#fixmenu .themenu ul li.onfocus  .tit { color:#0163fb;background:url(../Images/down2.png) right center no-repeat; background-size:12px auto;} 
#fixmenu .themenu ul li.onfocus  .tit a{ color:#0163fb} 
#fixmenu .themenu ul li.onfocus  .tit p.t2{background:url(../Images/down2.png) right center no-repeat}

#fixmenu .themenu ul li.onfocus .list{ display:block}
#fixmenu .themenu ul li .list ul li.onfocus .son{ display:block}
#fixmenu .themenu ul li .list ul li.onfocus .tit2{ background:#0098d4}

#fixmenu .themenu ul li:nth-child(1) .tit{ background:none}
#fixmenu .themenu ul li.onfocus:nth-child(1) .tit{ background:none}

#fixmenu .themenu ul li:nth-child(4) .tit{ background:none}
#fixmenu .themenu ul li.onfocus:nth-child(4) .tit{ background:none}

#fixmenu .themenu ul li:nth-child(5) .tit{ background:none}
#fixmenu .themenu ul li.onfocus:nth-child(5) .tit{ background:none}


/*
#fixmenu .themenu ul li:nth-child(7) .tit{ background:none}
#fixmenu .themenu ul li.onfocus:nth-child(7) .tit{ background:none}
*/

.pcshow{ display:block}
.mbshow{ display:none}


/*
.gotop{  width:40px; height:auto; cursor: pointer; z-index:200; right:10px;position: fixed;bottom: 100px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020;display: none;
}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:40px; height:42px; position:relative; overflow: visible}
.gotop ul li.t1 p{ display:block; cursor:pointer}
.gotop ul li.t1 p{ width:40px; height:42px; background:url(../Images/float1.png) no-repeat;}
.gotop ul li.t2 p{ width:40px; height:42px; background:url(../Images/float2.png)no-repeat;}
.gotop ul li.t3 p{ width:40px; height:42px; background:url(../Images/float3.png) no-repeat;}
.gotop ul li.t4 p{ width:40px; height:42px; background:url(../Images/float4.png) no-repeat;}

.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:42px; top:0px; display:none}
.gotop ul li .tel{ width:100px; height:42px; line-height:42px; text-align:center; position:absolute; right:42px; top:0px; display:none; background:#FFF; color:#000; font-size:14px}

.gotop ul li.t4:hover .tel{ display:block} 
*/

.gotop{  width:74px; height:auto; cursor: pointer; z-index:200; right:0px;position: fixed;bottom:50px;-webkit-transition: opacity .4s ease-in-out;-moz-transition: opacity .4s ease-in-out;-o-transition: opacity .4s ease-in-out;opacity: 1;z-index: 100020; }
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:74px; height:74px; position:relative; overflow: visible}
.gotop ul li p{ width:74px; height:74px; text-align:center; color:#FFF; background-image: linear-gradient(to right, #606060, #606060);  display:block; cursor:pointer; box-sizing:border-box; padding:15px 0 0 0; }
.gotop ul li:hover p{ background:#0a5ca8}


.gotop ul li .ercode{ width:100px; height:100px; position:absolute; right:80px; top:0px; display:none}
.gotop ul li .ercode img{ max-width:96%; height:auto}
.gotop ul li .tel{ width:150px; height:74px; line-height:74px; text-align:center; position:absolute; right:80px; top:0px; display:none;  background-image: linear-gradient(to right, #ee1f23, #fd9920); color:#fff; font-size:14px}

.gotop ul li.t2:hover .ercode{ display:block} 
.gotop ul li.t3:hover .tel{ display:block} 


.headboxkong{ width:100%; height:156px; overflow:hidden; }
.headfolat{ width:100%; height:156px; overflow: visible; position:fixed; left:0; top:0; z-index:100000}


.topbox{ width:100%; height:46px; overflow: visible; background:#0561ac}
.topbox .inbox{ width:100%; height:46px; max-width:1480px; margin:0 auto; overflow:visible; position:relative}
.topbox .inbox .add{line-height:46px; overflow:hidden; font-size:14px; color:#ffffff; opacity:0.8; float:left}
.topbox .inbox .add a{ color:#FFF}
.topbox .inbox .add ul{ margin:0px; padding:0px; list-style:none}
.topbox .inbox .add ul li{ margin:0px; padding:0px 25px 0 0; list-style:none; width:auto; margin-right:27px; float:left; border-right:1px solid #1e71b4;}

.topbox .inbox .searchbox{ width:308px; height:46px; position: absolute; right:128px; top:0; overflow:hidden;  border-left:1px solid #1e71b4;}
.topbox .inbox .searchbox .input1{ width:70%; height:42px; line-height:42px; background:none; border:0; text-indent:10px; outline:none; color:#b6c8df}
.topbox .inbox .searchbox .btnme{ position:absolute; right:10px; top:0; width:26px; height:42px; line-height:42px; background:url(../Images/btnme.png) center center no-repeat; border:0}
.topbox .inbox a{ color:#cbd6ea}
.topbox .inbox .searchbox .input1::-webkit-input-placeholder{ 
color: #b6c8df; 
} 
.topbox .inbox .searchbox .input1:-moz-placeholder{ 
color: #b6c8df; 
} 


.topbox .inbox .global{ width:125px; height:46px; line-height:46px;  border-left:1px solid #1e71b4; position:absolute; right:0; top:0; background:url(../Images/glo.png) left 24px top 11px no-repeat, url(../Images/darr.png) right center no-repeat; text-indent:56px; font-size:14px;}
.topbox .inbox .media{ width:245px; height:55px; float:right}
.topbox .inbox .media ul{ margin:0px; padding:0px; list-style:none}
.topbox .inbox .media ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:auto; float:left; overflow:hidden; text-align:right}
.topbox .inbox .media ul li img{ max-width:90%; max-height:90%}


.headbox{ width:100%; height:80px; overflow: visible; position: fixed; z-index:99999999; left:0; top:0;transition: all 0.5s ease; border-bottom:1px solid rgba(255,255,255,0.2); background:rgba(255,255,255,0.5)}
.headbox .box{ width:96%;   height:80px;  margin:0 auto; overflow:visible; position:relative; max-width:1280px; }
.headbox .box .logo{ position:absolute; left:0px; top:0; height:80px; line-height:80px; overflow:hidden;}
.headbox .box .logo img{height:60px; }
.headbox .box .logo .img1{ display: inherit}
.headbox .box .logo .img2{ display:none}



/*
.headbox .box .searchbox{ width:319px; height:48px;  position:absolute; right:0px; top:22px; overflow:hidden; border-radius:0;}
.headbox .box .searchbox .input1{ width:260px; height:42px; line-height:40px; border:0px; position:absolute; left:10px; top:0px; border:1px solid #696790; outline:none; background:none; text-indent:10px; color:#8f8ca2}
.headbox .box .searchbox .input1::-webkit-input-placeholder{ 
color: #8f8ca2; 
} 
.headbox .box .searchbox .input1:-moz-placeholder{ 
color: #8f8ca2; 
} 
.headbox .box .searchbox .btnme{ width:46px; height:43px; overflow:hidden; position:absolute; right:0; top:0px; background: url(../Images/searchbtn.png) center center no-repeat #67658f; border:0;}

*/


.headbox  .menu{position:absolute; right:189px; top:0; overflow:visible;  }
.headbox  .menu ul{ margin:0px; padding:0px; list-style:none;}
.headbox  .menu ul li{ margin:0px 20px; padding:0px ; list-style:none; width:auto; height:80px; line-height:80px; font-size:18px; float:left; overflow:visible;  position:relative; text-align:center; }
.headbox  .menu ul li  a{ color:#151515;}
.headbox  .menu ul li a:hover{color:#0d90e1; }

.headbox  .menu ul li.onfocus{ font-weight:700;  }
.headbox  .menu ul li.onfocus a{ color:#0d90e1 }

.headbox  .menu ul li.onfocus:after{ position:absolute; left:0; bottom:0; width:100%; height:4px; background:#fff; content:'';}

.headbox  .menu ul li .list{position:absolute; top:80px; padding:0;  width:180px; left:50%; margin-left:-90px; display:none; background:url(../Images/topd.png) top center no-repeat; padding-top:15px;}
.headbox  .menu ul li:nth-child(2) .list{width:260px; left:50%; margin-left:-130px;}


.headbox  .menu ul li ul{  display:block; height:auto; padding-top:0; background:#FFF; z-index:1000; border-radius:10px; overflow:hidden;}
.headbox  .menu ul li ul li{ margin:0; padding:0; list-style:none; width:100%; height:auto; line-height:20px; font-size:14px; padding:10px 0; overflow: hidden; font-weight:normal; color:#343434; background:#fff; text-align:center; border-bottom:0; border-bottom:1px solid #eeeeee; background:#FFF}
.headbox  .menu ul li ul li a{ display:block; width:100%; height:100%;}

.headbox  .menu ul li ul li:hover{ background:#256ce8}
.headbox  .menu ul li ul li:hover a{color:#ffffff}




.headbox .box .language{ position:absolute; right:0; top:0; height:90px; line-height:90px; font-size:16px; color:#FFF}
.headbox .box .language a{ color:#FFF}
.headbox .box .searchbtn{ position:absolute; right:0; top:0; width:36px; height:90px; line-height:90px; text-align:center; color:#1f8cc9; font-size:20px; font-weight:normal; display:none}
.headbox .box .searchbtn img{ margin-top:30px}
.headbox .box .searchbtn .img1{ display:block}
.headbox .box .searchbtn .img2{ display:none}

.headbox  .menubtn{ position:absolute; right:0; top:0; width:25px; height:70px; line-height:70px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100;  text-align:right; color:#0085f6; display:none;}
.headbox  .menuclose{ position:absolute; right:0px; top:0; width:25px; height:70px; line-height:70px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100;  text-align:right; color:#ffffff; display:none;}
.headbox  .menuclose img{ width:18px; height:auto}
.headbox .other{ position:absolute; right:0; top:23px;}
.headbox .other ul{ margin:0px; padding:0px; list-style:none}
.headbox .other ul li{ margin:0px; padding:0px 15px; list-style:none; height:35px; line-height:35px; float:left; background: url(../Images/tline.png) left center no-repeat; font-size:16px;  color:#FFF}
.headbox .other ul li img{ display:inline; float:left; margin-top:10px;}
.headbox .other ul li .img1{ display:inherit}
.headbox .other ul li .img2{ display:none}
.headbox .other ul li:nth-child(1){}
.headbox .other ul li.t1{ cursor:pointer}
.headbox .other ul li.t1 img{ margin-top:9px;}
.headbox .other ul li.t2{ position:relative}
.headbox .other ul li  a{ color:#FFF}

.headbox .tel{ width:170px; height:46px; line-height:46px; border-radius:50px; background:url(../Images/telicon.png) left 12px center no-repeat #ffffff; text-indent:40px; font-size:16px; color:#008ee4; position:absolute; right:0; top:17px; border:1px solid #cbd0d7;}

.headbox .ojlink{ position:absolute; left:0; top:0; height:70px; line-height:70px; display:none}
.headbox .ojlink img{ height:20px}

.headboxon{ background:#FFF}
.headboxon .box .logo .img1{ display: none}
.headboxon .box .logo .img2{ display:inherit}
.headboxon  .menu ul li  a{ color:#202020;}
.headboxon  .menu ul li a:hover{color:#202020; }
.headboxon  .menu ul li.onfocus a{ color:#0072c2 }

.headboxon  .menu ul li ul li:hover{ background:#256ce8}
.headboxon  .menu ul li ul li:hover a{color:#ffffff}


.headboxon .other ul li .img1{ display:none}
.headboxon .other ul li .img2{ display:inherit}
.headboxon .other ul li{ color:#0a5ca8; background:url(../Images/tline2.png) left center no-repeat}
.headboxon .other ul li:nth-child(1){ }
.headboxon  .menubtn{ color:#0a5ca8}

.headboxon .other ul li  a{ color:#0a5ca8}

.headboxon .box .searchbtn .img1{ display:none}
.headboxon .box .searchbtn .img2{ display:block}


.headboxon2{ background:#FFF}
.headboxon2 .box .logo .img1{ display: none}
.headboxon2 .box .logo .img2{ display:inherit}
.headboxon2  .menu ul li  a{ color:#202020;}
.headboxon2  .menu ul li a:hover{color:#202020; }
.headboxon2  .menu ul li.onfocus a{ color:#0072c2 }
.headboxon2  .menu ul li ul li:hover a{color:#0072c2}

.headboxon2  .menu ul li ul li:hover{ background:#256ce8}
.headboxon2  .menu ul li ul li:hover a{color:#ffffff}


.headboxon2 .other ul li .img1{ display:none}
.headboxon2 .other ul li .img2{ display:inherit}
.headboxon2 .other ul li{color:#0a5ca8; background:url(../Images/tline2.png) left center no-repeat}
.headboxon2 .other ul li:nth-child(1){ }
.headboxon2  .menubtn{ color:#0a5ca8}
.headboxon2 .other ul li  a{ color:#0a5ca8}

.headboxon2 .box .searchbtn .img1{ display:none}
.headboxon2 .box .searchbtn .img2{ display:block}



.headbox:hover{ background:#FFF}
.headbox:hover .box .logo .img1{ display: none}
.headbox:hover .box .logo .img2{ display:inherit}
.headbox:hover  .menu ul li  a{ color:#202020;}
.headbox:hover  .menu ul li a:hover{color:#202020; }
.headbox:hover  .menu ul li.onfocus a{ color:#0072c2 }

.headbox:hover  .menu ul li ul li:hover{ background:#256ce8}
.headbox:hover  .menu ul li ul li:hover a{color:#ffffff}


.headbox:hover  .other ul li .img1{ display:none}
.headbox:hover  .other ul li .img2{ display:inherit}
.headbox:hover  .other ul li{color:#0a5ca8; background:url(../Images/tline2.png) left center no-repeat}
.headbox:hover .other ul li:nth-child(1){ }
.headbox:hover  .menubtn{ color:#0a5ca8}
.headbox:hover .other ul li  a{ color:#0a5ca8}

.headbox:hover .box .searchbtn .img1{ display:none}
.headbox:hover .box .searchbtn .img2{ display:block}


.headmenubox{ position:fixed; left:0; top:80px; width:100%; height:auto; overflow:hidden; padding:0 0; background:rgb(255,255,255,0.95); z-index:9999999; display:none}
.headmenubox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:hidden;  }
.headmenubox .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.headmenubox .onebox{ width:100%; height:auto; overflow:hidden; display:none; padding:30px 0}
.headmenubox .one{ width:100%; height:auto; overflow:hidden; margin:20px 0}
.headmenubox .one .tit{ width:100px; height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:700; color:#202020; float:left}
.headmenubox .one .list{ width:calc(100% - 100px); height:auto; overflow:hidden; float:left}
.headmenubox .one .list ul{ margin:0px; padding:0px; list-style:none}
.headmenubox .one .list ul li{ margin:0px; padding:0px 40px 0 0 ; list-style:none; float:left; height:35px; line-height:35px; overflow:hidden; font-size:16px;}
.headmenubox .one .list ul li a{ color:#202020}
.headmenubox .one .list ul li a:hover{ color:#d12746}


.bigcolorindex{ width:100%; height:auto; overflow:hidden; background:#f6fafe}

.homeSlide{ width:100%; height:800px; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.homeSlide .list{width:100%; height:800px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlide .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:800px; overflow:hidden; float:left; position:relative}
.homeSlide .list ul li .pic{ width:100%; height:800px; overflow:hidden; transform:scale(1.2);transition:all 2s ease}
.homeSlide .list ul li .num{ position:absolute; left:6%; bottom:0; height:58px; line-height:58px; font-size:14px; color:#FFF}
.homeSlide .list ul li .num span{ color:#0a6eb0}
.homeSlide .list ul li .wordbox{ position:absolute; position:absolute; left:50%; top:50%; margin-top:-130px; margin-left:-680px;  max-width:1360px; }
.homeSlide .list ul li .wordbox .tit{ width:100%; height:auto; overflow:hidden; font-size:56px;  color:#ffffff; line-height:70px; font-weight:700;transition: all 1s ease; margin-left:250px;opacity:0;}
.homeSlide .list ul li .wordbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:28px;  color:#ffffff; line-height:50px; margin:25px 0 0 0;transition: all 2s ease;opacity:0; margin-left:300px; font-family:Arial, Helvetica, sans-serif}
.homeSlide .list ul li .wordbox .tit3{ width:100%; height:auto; overflow:hidden; font-size:19px; color:#ffffff; line-height:40px; margin-top:25px;transition: all 3s ease; margin-left:350px;opacity:0; font-weight:700}


.homeSlide .list ul li .more{ width:190px; height:60px;transition: all 0.5s ease; margin-left:350px;opacity:0; line-height:64px; font-size:16px; color:#00a761; text-align:center; border-radius:10px; border:0; margin-top:40px; text-align:center; background:#FFF; border-radius:60px}
.homeSlide .list ul li .more:hover{background:#00a761; color:#ffffff; border:0}


.homeSlide .list ul li.swiper-slide-active .wordbox{ opacity:1}
.homeSlide .list ul li.swiper-slide-active .wordbox .tit{ margin-left:0;opacity:1;}
.homeSlide .list ul li.swiper-slide-active .wordbox .tit2{ margin-left:0;opacity:1;}
.homeSlide .list ul li.swiper-slide-active .wordbox .tit3{ margin-left:0;opacity:1;}
.homeSlide .list ul li.swiper-slide-active .more{margin-left:0; opacity:1}

.homeSlide .list ul li.swiper-slide-active .pic{ transform:scale(1); }

/*
.homeSlide  .leftarr{ width:18px; height:32px; background:url(../Images/left1.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:20px; top:50%; margin-top:-16px; z-index:10 }
.homeSlide  .rightarr{ width:18px; height:32px; background:url(../Images/right1.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:20px; top:50%; margin-top:-16px; z-index:10 }
*/

/*
.homeSlide .arrlist .spage{ float:left; height:40px; line-height:40px;}
.homeSlide .arrlist .spage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #7dc0df; margin: 0 3px;cursor: pointer;}
.homeSlide .arrlist .spage .swiper-active-switch { background: #f4f7f8;}
*/



.homeSlide .coverpage{ width:100%; height:56px; position:absolute; left:0; bottom:86px; z-index:100}
.homeSlide .coverpage .line{ width:100%; height:1px; background:rgb(255,255,255,0.2); position:absolute; left:0; top:24px;}

.homeSlide .quan{ width:469px; height:469px; position:absolute; z-index:101; right:-234px; top:50%; margin-top:-234px;}
.homeSlide .quan .bg{ width:100%; height:100%;background:url(../Images/slidekuang.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:0}
.homeSlide .quan .arr{ width:100px; height:131px; position:absolute; background:url(../Images/arrslide.png) no-repeat; background-size:100% auto; z-index:10; left:128px; top:177px;}
/*
.rote{ width:426px; height:425px; background:url(../Images/mapbg.png) no-repeat; position:absolute; left:0; bottom:50px; z-index:0;transform-style: preserve-3d; animation: rotateSlide 10s infinite linear;}
*/
 @keyframes rotateSlide {
            100% {
                transform: rotate(-90deg); /* 最终状态为逆时针旋转360度 */
            }
        }
		
 @keyframes rotateSlide2 {
            100% {
                transform: rotate(90deg); /* 最终状态为逆时针旋转360度 */
            }
        }		


.homeSlide  .dotbox{  position:absolute; right:50%; margin-right:-680px; top:0px; width:105px; height:auto; overflow:hidden; z-index:100}
.homeSlide  .dotbox .leftarr{width:47px; height:47px; background:url(../Images/left1_1.png) no-repeat; cursor:pointer; float:left}
.homeSlide  .dotbox .rightarr{width:47px; height:47px; background:url(../Images/right1_1.png) no-repeat; cursor:pointer;float:right;}
.homeSlide  .dotbox .leftarr:hover{background:url(../Images/left1_2.png) no-repeat;}
.homeSlide  .dotbox .rightarr:hover{background:url(../Images/right1_2.png) no-repeat;}


.indexpage {position: absolute; left:00% !important; margin-left:0; text-align: center; width:100%;bottom:39px !important; z-index:100}
.indexpage .swiper-pagination-switch { display: inline-block;width:10px; height:10px;background:#8597ba; margin: 0 3px;cursor: pointer; border-radius:10px;}
.indexpage .swiper-active-switch { background:#ffffff;}
/* 自定义圆点样式 */
.homeSlide .indexpage .custom-bullet {
  width: 12px; display:inline-block;
  height: 12px;
  background-color: #e4f5f9;
  opacity: 1;
  margin: 0 5px; border-radius:100%;
}

.homeSlide .indexpage .custom-bullet-active {
  background-color: #426aec;
  width: 12px;
  height: 12px;
  opacity:1
}



.homeSlidemb{ width:100%; height:508px; overflow:hidden; position:relative; z-index:10; margin:0 auto; margin-top:-71px;}
.homeSlidemb .list{width:100%; height:508px; overflow:hidden; position:relative; margin:0 auto;}
.homeSlidemb .list ul{ margin:0px; padding:0px; list-style:none; }
.homeSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:508px; overflow:hidden; float:left; position:relative;}

#ertopslide{ width:100%; height:520px; overflow:hidden;  }
.erSlide{ width:100%; height:520px; overflow:hidden; position:relative;z-index:5; position:relative; }
.erSlide .list{width:100%; height:520px; overflow:hidden; position:relative;   margin:0 auto;}
.erSlide .list ul{ margin:0px; padding:0px; list-style:none;}
.erSlide .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:520px; overflow:hidden; float:left; position:relative;}
.erSlide .list ul li .pic{width:100%; height:520px;}

.erSlide .cbox{ width:100%; height:55px; position:absolute; left:0; bottom:0; background:url(../Images/esbg.png) repeat;}
.erSlide .tpage {position: absolute;left:50%; margin-left:-640px;text-align: right;bottom:20px;width: 100%; max-width:1280px; color:#FFF;}
.erSlide .tpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #878785; margin: 0 3px;cursor: pointer;}
.erSlide .tpage .swiper-active-switch { background: #ffffff;}


.erSlide .namebox{ position:absolute; width:100%; left:50%; margin-left:-680px;top:50%; margin-top:-30px; width:1360px} 
.erSlide .namebox .inbox{ width:100%; height:auto; overflow:hidden;}
.erSlide .namebox .tit{height:auto; overflow:hidden; font-size:46px; line-height:50px;   color:#ffffff; font-weight:700;  text-align:left;  text-transform:uppercase;}
.erSlide .namebox .tit2{  height:auto; overflow:hidden; font-size:16px; color:#ffffff; opacity:0.8;  margin-top:10px; text-align:left; line-height:50px; }


.erSlide .namebox .location{ background:url(../Images/location.png) left center no-repeat; height:50px; line-height:50px; font-size:14px; color:#FFF; margin-top:23px; text-indent:35px; }
.erSlide .namebox .location a{ color:#FFF}

.erSlide .slidebo{ width:100%; height:38px;  position:absolute; left:0; bottom:0; z-index:0}

.erSlide .product .tit{ text-align:left;color:#FFF}
.erSlide .product .tit2{ text-align:left;color:#FFF}

.erSlide .service .tit{ text-align:left; color:#FFF}
.erSlide .service .tit2{ text-align:left; color:#FFF}

.erSlide .cases .tit{ text-align:left; color:#FFF}
.erSlide .cases .tit2{ text-align:left; color:#FFF}

.erSlide .news .tit{ text-align:left; color:#FFF}
.erSlide .news .tit2{ text-align:left; color:#FFF}

.erSlide .contact .tit{  color:#FFF}
.erSlide .contact .tit2{  color:#FFF}

.erSlide .job .tit{  color:#FFF}
.erSlide .job  .tit2{  color:#FFF}



.erSlidemb{ width:100%; height:442px; overflow:hidden; position:relative;z-index:5; }
.erSlidemb .list{width:100%; height:442px; overflow:hidden; position:relative;   margin:0 auto;}
.erSlidemb .list ul{ margin:0px; padding:0px; list-style:none;}
.erSlidemb .list ul li{margin:0px; padding:0px; list-style:none;width:100%; height:442px; overflow:hidden; float:left; position:relative;}
.erSlidemb .namebox{ position:absolute;  left:40px; bottom:40px; } 
.erSlidemb .namebox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff; line-height:50px;}
.erSlidemb .namebox .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; color:#c0bebd; margin-top:10px;}


.homenav{ width:100%; height:auto; margin:0 auto;  position:relative; z-index:10; padding:0; margin-top:-25px; margin-bottom:20px; display:none }
.homenav .centerbox{ width:92%; height:auto;   margin:0 auto; overflow:hidden; box-sizing:border-box; background:#FFF; border-radius:10px;box-shadow: 0px 0px 10px 0px #e4eef9;  }
.homenav .centerbox .centerin{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 10px;  }
.homenav .list{ width:100%; height:auto; overflow:hidden;}
.homenav .list ul{ margin:0px; padding:0px; list-style:none}
.homenav .list ul li{ margin:0px; padding:20px 0; list-style:none; width:25%; height:auto; float:left; overflow:hidden; border-bottom:1px solid #e4ecf4;}
.homenav .list ul li .pic{ width:100%; height:50px; overflow:hidden; text-align:center}
.homenav .list ul li .pic img{ max-width:80%; max-height:100%;}
.homenav .list ul li .tit{ width:100%; height:50px; line-height:25px; text-align:center; font-size:12px; margin-top:10px}




.homepart1{ width:100%; height:auto; margin:0 auto; background: url(../Images/h1bg.jpg) top center no-repeat; background-size:cover;  position:relative; z-index:10; padding:100px 0 252px 0 }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1120px;   margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }

.homepart1 .icon1{ width:219px; height:198px; position:absolute; right:15px; top:369px; background:url(../Images/icon1.png) no-repeat;}

.homepart1 .titbox{ width:100%; height:66px; overflow:hidden; text-align:center}
.homepart1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.homepart1 .titbox em.t1{}
.homepart1 .titbox em.t2{}
.homepart1 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}

.homepart1 .list{ width:100%; height:385px; overflow:hidden; margin-top:40px; position:relative }
.homepart1 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart1 .list ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden; position:absolute;}
.homepart1 .list ul li .box{ width:96%; height:auto; overflow:hidden; background:#f4f8fe; box-sizing:border-box; padding:45px 50px; border-radius:20px; transition:all 0.5s ease}
.homepart1 .list ul li:nth-child(1){ left:0}
.homepart1 .list ul li:nth-child(2){ right:0}
.homepart1 .list ul li:nth-child(2n) .box{ float:right}

.homepart1 .list ul li .pic{ width:100%; height:126px;text-align:center; overflow:hidden;}
.homepart1 .list ul li .pic  img{ margin:0 auto}
.homepart1 .list ul li .pic .img1{ display:block}
.homepart1 .list ul li .pic .img2{ display:none}

.homepart1 .list ul li .tit{ width:100%; height:50px; line-height:50px; font-weight:700; color:#3099f2; font-size:26px; text-align:center}
.homepart1 .list ul li .titline{ width:30px; height:5px; background:#3099f2; margin:10px auto;}

.homepart1 .list ul li .tit2{ width:100%; height:90px; line-height:30px; font-size:16px; color:#555555; text-align:center}


.homepart1 .list ul li:nth-child(2) .tit{ color:#1caec4;}
.homepart1 .list ul li:nth-child(2) .titline{ background:#1caec4;}


.homepart1 .list ul li:hover .pic .img1{ display:none}
.homepart1 .list ul li:hover .pic .img2{ display:block}

.homepart1 .list ul li:hover .box{ background-image:linear-gradient( to bottom, #78d0ff, #2f99f2);}
.homepart1 .list ul li:nth-child(2):hover .box{ background-image:linear-gradient(  to bottom,#2bcab4, #22b1c8);}

.homepart1 .list ul li:hover .titline{ background:#cae7fd}
.homepart1 .list ul li:nth-child(2):hover  .titline{ background:#cae7fd;}

.homepart1 .list ul li:hover .tit{color:#ffffff;}
.homepart1 .list ul li:hover .tit2{  color:#ffffff;}

.homepart1 .list ul li:nth-child(2):hover  .titline{ background:#ffffff;}

@keyframes bgbig
{
0%   {transform:scale(1);}
15%   {transform:scale(1.05);}
30%   {transform:scale(1.1);}
45%   {transform:scale(1.15);}
60%   {transform:scale(1.1);}
75%   {transform:scale(1.05);}
100%   {transform:scale(1);}

}
@-webkit-keyframes bgbig{
0%   {transform:scale(1);}
15%   {transform:scale(1.05);}
30%   {transform:scale(1.1);}
45%   {transform:scale(1.15);}
60%   {transform:scale(1.1);}
75%   {transform:scale(1.05);}
100%   {transform:scale(1);}
}




.homepart2{ width:100%; height:auto; margin:0 auto; overflow:hidden; margin-top:-70px; position:relative; z-index:10; padding-bottom:100px}
.homepart2 .icon1{ width:366px; height:456px; position:absolute; left:0px; top:0px; background:url(../Images/icon2.png) no-repeat; z-index:5}

.homepart2 .icon2{ width:316px; height:274px; position:absolute; right:0; bottom:0px; background:url(../Images/icon3.png) no-repeat; z-index:5}



.homepart2 .centerbox{ width:100%; height:auto;  min-width:320px; margin:0 auto; overflow:hidden; position:relative; z-index:0 }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }

.homepart2 .titbox{ width:100%; height:66px; overflow:hidden; text-align:center}
.homepart2 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.homepart2 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}

.homepart2 .wordbox{ width:100%; height:auto; overflow:hidden; position:relative; background:#fdbd53; border-radius:10px; box-sizing:border-box; padding:30px;  max-width:1360px; margin:0 auto;margin-top:20px; }
.homepart2 .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:36px; font-weight:700; color:#141414;}
.homepart2 .wordbox .tit2{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:18px; font-weight:700; color:#141414;}
.homepart2 .wordbox .word{ width:100%; height:auto; overflow:hidden; margin-top:9px;}
.homepart2 .wordbox img{ max-width:100%; text-align:center}

/*GESP课程体系*/
.homepart3{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden;background: url(../Images/h3bg.jpg) no-repeat; background-size:cover;padding:90px 0; border-radius:0px; border-top-left-radius:100px; border-bottom-right-radius:100px; max-width:100%;}


.homepart3 .centerbox{ width:96%; height:auto;  min-width:320px; max-width:1500px;  margin:0 auto; clear:both; overflow:hidden; }
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart3 .titbox{ width:100%; height:124px; overflow:hidden; background:url(../Images/gsap.png) top center no-repeat;text-align:center; }
.homepart3 .titbox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff;  line-height:50px;text-align:center; margin-top:27px;font-weight:700}
.homepart3 .titbox .word{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#ffffff; line-height:32px; margin-top:0px}



.homepart3 .listbox{ width:100%; height:435px; overflow:hidden; position:relative;margin-top:40px;  }
.homepart3 .listbox  .leftarr{ width:52px; height:52px; background:url(../Images/left1.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:0px; top:0;  z-index:10 }
.homepart3 .listbox  .rightarr{width:52px; height:52px;  background:url(../Images/right1.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:0px; top:0; z-index:10 }
.homepart3 .list{ width:100%; height:435px; overflow:hidden; max-width:1360px; margin:0 auto ; background:url(../Images/line3.png) left 0 top 25px no-repeat;   }
.homepart3 .list ul{ margin:0px; padding:0px; list-style:none}
.homepart3 .list ul li{ margin:0px; padding:0; list-style:none; width:33.33%; height:435px; float:left; overflow:hidden; box-sizing:border-box } 
.homepart3 .list ul li .box{ width:96%; height:435px;overflow: hidden; margin:0 auto;}
.homepart3 .list ul li .num{ width:50px; height:50px; border:1px solid #FFF; border-radius:50px;background-image:linear-gradient( to bottom, #59befc, #2497f3); font-size:24px; font-weight:700; color:#FFF; line-height:50px; text-align:center; font-family:Arial, Helvetica, sans-serif; margin:0 auto}

.homepart3 .list ul li .wordbox{ width:100%; height:323px;overflow:hidden;  transition:all 0.5s ease; position:relative; background:url(../Images/gespbg.jpg) no-repeat; background-size:cover; border-radius:15px; position:relative; margin-top:50px; }
.homepart3 .list ul li .tit{ width:180px; height:180px; border-radius:150px;background-image:linear-gradient( to bottom, #62c3fd, #2194f2); position:absolute; right:-90px; top:-90px;}
.homepart3 .list ul li .tit p{ position:absolute; left:0; bottom:0; width:90px; line-height:90px; color:#FFF; font-size:18px; font-weight:700; text-align:center}
.homepart3 .list ul li .tit p span{ font-family:Arial, Helvetica, sans-serif; font-size:50px;}
.homepart3 .list ul li .word{ width:100%; height:auto; overflow:hidden; position: absolute; left:0; top:0; box-sizing:border-box; padding:20px;}
.homepart3 .list ul li .word p{ width:100%; height:auto; line-height:28px; overflow:hidden; font-size:16px; color:#272727; background:url(../Images/dot3.png) left 0 top 12px no-repeat; box-sizing:border-box; padding:0 0 0 16px; margin:4px 0}
.homepart3 .list ul li .word p:nth-child(1){ padding-right:60px}
.homepart3 .list ul li .word p:nth-child(2){ padding-right:50px}

.homepart3 .list ul li:nth-child(3n-1) .num{background-image:linear-gradient( to bottom, #15beb7, #40bfcf); }
.homepart3 .list ul li:nth-child(3n-1) .tit{background-image:linear-gradient( to bottom, #15beb7, #40bfcf); }

.homepart3 .list ul li:nth-child(3n) .num{background-image:linear-gradient( to bottom, #8c8fe9, #8178d8); }
.homepart3 .list ul li:nth-child(3n) .tit{background-image:linear-gradient( to bottom, #8c8fe9, #8178d8); }



.homepart3 .list ul li:hover .pic .img{ transform:scale(1.1)}


.indexcasepage { width:100%; height:auto; overflow:hidden; margin-top:20px; display:none; text-align:center}
.indexcasepage .swiper-pagination-switch { display: inline-block;width:18px; height:3px;background:#a5afb8; margin: 0 3px;cursor: pointer; border-radius:10px;}
.indexcasepage .swiper-active-switch { background:#0a5ca8}


#home4and5{ width:100%; height:auto; overflow:hidden; position:relative}
#home4and5 .icon{ width:375px; height:572px; position:absolute; left:0; top:60%; background:url(../Images/icon5.png) no-repeat; z-index:100}


/*信奥赛课程体系*/
.homepart4{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; background:#ffffff; padding:100px 0 100px 0}
.homepart4 .icon1{ width:261px; height:207px; position:absolute; right:15px; top:369px; background:url(../Images/icon4.png) no-repeat;}


.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px;  margin:0 auto; clear:both; overflow:hidden; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart4 .titbox{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#141414; font-weight:700; line-height:50px; text-align:center}
.homepart4 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#141414;font-weight:700;line-height:50px;text-align:center}

.homepart4 .thebox{ width:100%; height:auto; overflow:hidden; margin-top:40px; font-size:16px; line-height:200%}

.homepart4 .thebox  table { border-collapse: collapse; width: 100%;text-align: left; }
.homepart4 .thebox  th, td { border: 8px solid #ffffff; padding: 10px; }
/* 编程语言行样式 */
.homepart4 .thebox  tr:first-child th {background-color: #57bbfb;color: white; text-align:center; font-weight:700}
/* 表头行样式 */
.homepart4 .thebox tr:nth-child(2) th {background-color: #22b5c5;color: white;text-align: center;font-weight:700}
/* 阶段列样式 */
.homepart4 .thebox .stage1 {background-color: #4ab562;color: white;text-align: center;}
.homepart4 .thebox .stage2 {background-color: #fdbd53;color: white;text-align: center;}
.homepart4 .thebox .stage3 {background-color: #21c3ff;color: white;text-align: center;}
.homepart4 .thebox .stage4 {background-color: #9b9af3;color: white;text-align: center;}
.homepart4 .thebox .stage5 {background-color: #4ab562;color: white;text-align: center;}

        /* 内容列样式 */
.homepart4 .thebox  .row-header {background-color: #dbf0e0; text-align:center }
.homepart4 .thebox  .row-content {background-color: #e7eee0;}
.homepart4 .thebox  .row-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #4ab562;padding: 8px; font-weight:700; color:#4ab562}

.homepart4 .thebox  .row2-header {background-color: #fde3b9; text-align:center }
.homepart4 .thebox  .row2-content {background-color: #f7f0e4;}
.homepart4 .thebox  .row2-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #fdbd53;padding: 8px; font-weight:700; color:#fdbd53}

.homepart4 .thebox  .row3-header {background-color: #c2ebfa; text-align:center }
.homepart4 .thebox  .row3-content {background-color: #ebf6fa;}
.homepart4 .thebox  .row3-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #21c3ff;padding: 8px; font-weight:700; color:#21c3ff}

.homepart4 .thebox  .row4-header {background-color: #d5d5fd; text-align:center }
.homepart4 .thebox  .row4-content {background-color: #eeeeff;}
.homepart4 .thebox  .row4-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #9b9af3;padding: 8px; font-weight:700; color:#9b9af3}

.homepart4 .thebox  .row5-header {background-color: #dbf0e0; text-align:center }
.homepart4 .thebox  .row5-content {background-color: #e7eee0;}
.homepart4 .thebox  .row5-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #4ab562;padding: 8px; font-weight:700; color:#4ab562}



/*信奥赛课程体系*/
.homepart5{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; background: url(../Images/h5bg.jpg) no-repeat; background-size:cover; padding:94px 0 100px 0;border-radius:0px; border-top-left-radius:100px; border-bottom-right-radius:100px; max-width:100%;}
.homepart5 .icon1{ width:261px; height:207px; position:absolute; right:15px; top:369px; background:url(../Images/icon4.png) no-repeat;}


.homepart5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1160px;  margin:0 auto; clear:both; overflow:hidden; }
.homepart5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart5 .titbox{ width:100%; height:auto; overflow:hidden; font-size:36px; color:#ffffff; font-weight:700; line-height:50px; text-align:center}
.homepart5 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#ffffff;font-weight:700;line-height:50px;text-align:center}

.homepart5 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:30px; }
.homepart5 .listbox  .list{ width:100%; height:auto; overflow:hidden;}
.homepart5 .listbox  .list ul{ margin:0px; padding:0px; list-style:none}
.homepart5 .listbox  .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; height:auto; overflow:hidden; position:relative; }
.homepart5 .listbox  .list ul li .box{ width:96%; height:auto; overflow:hidden;  background-image:linear-gradient( #dfe6ff, #fefeff); box-sizing:border-box; padding:25px; border-radius:15px;}
.homepart5 .listbox  .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:20px; color:#0085f6;overflow:hidden; font-weight:700; text-align:center}

.homepart5 .listbox  .list ul li .time{ width:100%; height:101px; overflow:hidden; margin-top:15px; }
.homepart5 .listbox  .list ul li .time p{ width:49%; height:101px; overflow:hidden; border-radius:5px; font-size:14px; font-weight:700; text-align:center; color:#FFF;  line-height:36px;padding-top:10px; }
.homepart5 .listbox  .list ul li .time p span{font-size:22px; font-family:Arial, Helvetica, sans-serif;}
.homepart5 .listbox  .list ul li .time p.t1{ float:left;background-image:linear-gradient( #309af3, #3db9fe); float:left}
.homepart5 .listbox  .list ul li .time p.t2{ float:right;background-image:linear-gradient( #3db9fe, #309af3); float:right}

.homepart5 .listbox  .list ul li .word{ width:100%; height:175px; line-height:25px; font-size:14px; background:#d3e9fd; margin-top:20px; overflow:hidden; box-sizing:border-box; padding:10px;}



/*信奥赛课程体系*/
.homepart6{ width:100%; height:auto; margin:0 auto; position:relative; overflow:hidden; background: url(../Images/h6bg.jpg) no-repeat; background-size:cover; padding:94px 0 210px 0;border-radius:0px; border-top-left-radius:100px; border-bottom-right-radius:100px; max-width:100%;}
.homepart6 .icon1{ width:247px; height:241px; position:absolute; right:15px; top:369px; background:url(../Images/icon6.png) no-repeat;}


.homepart6 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1160px;  margin:0 auto; clear:both; overflow:hidden; }
.homepart6 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart6 .titbox{ width:100%; height:66px; overflow:hidden; text-align:center}
.homepart6 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.homepart6 .titbox em.t1{}
.homepart6 .titbox em.t2{}
.homepart6 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}

.homepart6 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px; }
.homepart6 .listbox  .list{ width:100%; height:auto; overflow:hidden;}
.homepart6 .listbox  .list ul{ margin:0px; padding:0px; list-style:none}
.homepart6 .listbox  .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; height:auto; overflow:hidden; position:relative; }
.homepart6 .listbox  .list ul li .box{ width:96%; height:auto; overflow:hidden;  background-image:linear-gradient( #edf4fb, #edf4fb); box-sizing:border-box; padding:35px; border-radius:15px; border:1px solid #ffffff;}
.homepart6 .listbox  .list ul li .pic{ width:230px; height:230px; border-radius:100%; overflow:hidden; background:#FFF; margin:0 auto}
.homepart6 .listbox  .list ul li .pic .img{ width:100%; height:100%;}

.homepart6 .listbox  .list ul li .tit{ width:147px; height:48px; line-height:48px; text-align:center; overflow:hidden; margin:0 auto; margin-top:-30px;background-image:linear-gradient( to right,#6bcbff, #1b8ff1); border-radius:5px; font-size:22px; font-weight:700; color:#FFF; }
.homepart6 .listbox  .list ul li .tit2{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:16px; font-weight:700; color:#141414;}

.homepart6 .listbox  .list ul li .word{ width:100%; height:75px; line-height:25px; font-size:15px; color:#626262; margin-top:10px; overflow:hidden; text-align:center}

.homepart6 .listbox  .list ul li:hover .box{background-image:linear-gradient( to bottom,#66c7ff, #1c90f1);} 
.homepart6 .listbox  .list ul li:hover .tit{background-image:linear-gradient( to bottom,#fdfeff, #e3e8fe); color:#141414;}
.homepart6 .listbox  .list ul li:hover .tit2{color:#FFF}
.homepart6 .listbox  .list ul li:hover .word{ color:#FFF}


.homepart6 .listbox2{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:40px; background:rgb(255,255,255,0.27); border-radius:35px; box-sizing:border-box; padding:45px;}
.homepart6 .listbox2 .inbox{ width:100%; height:220px; overflow:hidden; border-radius:15px;background-image:linear-gradient( to bottom,#7494fa, #557aee); box-sizing:border-box; padding:20px;}
.homepart6 .listbox2 .list1{ width:50%; height:auto; overflow:hidden; float:left; overflow:hidden;}
.homepart6 .listbox2 .list1 ul{ margin:0px; padding:0px; list-style:none}
.homepart6 .listbox2 .list1 ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:175px; overflow:hidden; box-sizing:border-box; border-right:1px solid #809cf5; float:left}
.homepart6 .listbox2 .list1 ul li .num{ width:100%; height:105px; line-height:105px; font-size:66px; font-weight:700; overflow:hidden; text-align:center;background: linear-gradient(to bottom, #f2e7e5, #ecc79f); -webkit-background-clip: text; background-clip: text;color: transparent;}
.homepart6 .listbox2 .list1 ul li .tit{ width:100%; height:50px; line-height:50px; font-size:18px; font-weight:700; color:#FFF; text-align:center; overflow:hidden;}

.homepart6 .listbox2 .list1 ul li:nth-child(2) .num{background: linear-gradient(to bottom, #f3eff2, #ebee9f);-webkit-background-clip: text; background-clip: text;color: transparent;}

.homepart6 .listbox2 .list2{ width:40%; height:auto; overflow:hidden; float:left; overflow:hidden;}
.homepart6 .listbox2 .list2 ul{ margin:0px; padding:0px; list-style:none}
.homepart6 .listbox2 .list2 ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
.homepart6 .listbox2 .list2 ul li .pic{ width:149px; height:149px; border-radius:100%; overflow:hidden; background:#FFF; margin:0 auto; border:1px solid #fff; margin-top:10px}
.homepart6 .listbox2 .list2 ul li .pic .img{ width:100%; height:100%;}

.homepart6 .listbox2 .more{ width:10%; height:175px; overflow:hidden; background:url(../Images/more1.png) right center no-repeat; float:left}


/*新闻*/
.homepart7{ width:100%; height:auto; margin:0 auto;  padding:0px 0 50px 0; position:relative; z-index:1; margin-top:-75px; }
.homepart7 .icon1{ width:380px; height:406px; position:absolute; left:0px; bottom:0px; background:url(../Images/icon7.png) no-repeat;}


.homepart7 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1160px;  margin:0 auto; clear:both; overflow:hidden;}
.homepart7 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}

.homepart7 .titbox{ width:100%; height:66px; overflow:hidden; text-align:center}
.homepart7 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.homepart7 .titbox em.t1{}
.homepart7 .titbox em.t2{}
.homepart7 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}

.homepart7 .listone{ width:100%; height:345px; overflow:hidden;margin-top:30px; position:relative }
.homepart7 .listone  .leftarr{ width:19px; height:24px; background:url(../Images/left2.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:0px; top:50%; margin-top:-12px;  z-index:10 }
.homepart7 .listone  .rightarr{width:19px; height:24px;  background:url(../Images/right2.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:0px; top:50%; margin-top:-12px; z-index:10 }

.homepart7 .listone .list{ width:100%; height:335px; overflow:hidden; box-shadow: 0px 0px 10px 0px #edf3fd; max-width:1080px; overflow:hidden; margin:0 auto;margin-top:5px; box-sizing:border-box; }
.homepart7 .listone .list ul{ margin:0px; padding:0px; list-style:none}
.homepart7 .listone .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}

.homepart7 .listone ul li .box{ width:90%; height:auto; overflow:hidden; margin:0 auto; }
.homepart7 .listone ul li .pic{ width:100%; height:151px; overflow:hidden; margin-top:25px;}
.homepart7 .listone ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}

.homepart7 .listone ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;}
.homepart7 .listone ul li .tit{ width:100%; height:60px; line-height:30px; font-size:15px; font-weight:700; color:#141414;overflow:hidden; margin-top:10px}
.homepart7 .listone ul li .word{ width:100%; height:52px; line-height:26px; font-size:13px; color:#626262; overflow:hidden; margin-top:10px}

.homepart7 .listone ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.homepart7 .listnav{ width:100%; height:auto; overflow:hidden; display:none}
.homepart7 .listnav ul{ margin:0px; padding:0px; list-style:none}
.homepart7 .listnav ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.homepart7 .listnav ul li p{ width:96%; height:50px; line-height:50px; overflow:hidden; border-radius:5px; font-size:14px; color:#FFF; text-align:center;background:url(../Images/tt2.jpg) no-repeat; background-size:cover;}
.homepart7 .listnav ul li.onfocus p{background:url(../Images/tt1.jpg) no-repeat; background-size:cover;}
.homepart7 .listnav ul li:nth-child(2) p{ float:right}

.homepart7 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; max-width:1080px; margin:0 auto; margin-top:30px; }
.homepart7 .listbox  .box{ width:49%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; border-radius:20px; box-shadow: 0px 0px 10px 0px #edf3fd; border:1px solid #edf3fd; float:left}
.homepart7 .listbox  .tit{ width:100%; height:58px; line-height:58px; background:url(../Images/tt1.jpg) no-repeat; background-size:cover; border-radius:5px; font-size:28px; font-weight:700; color:#FFF; text-align:center;}
.homepart7 .listbox .list{ width:100%; height:auto; overflow:hidden;}
.homepart7 .listbox .list ul{ margin:0; padding:0px; list-style:none}
.homepart7 .listbox .list ul li{ margin:0; padding:0px; list-style:none; width:100%; height:58px; overflow:hidden; line-height:58px; font-size:16px; text-indent:20px; background:url(../Images/dot3.png) left 10px center no-repeat; transition:all 0.5s ease}
.homepart7 .listbox .list ul li:nth-child(2n){ background:url(../Images/dot3.png) left 10px center no-repeat #e8f3fb;}

.homepart7 .listbox .box:nth-child(2){ float:right}
.homepart7 .listbox .box:nth-child(2) .tit{background:url(../Images/tt2.jpg) no-repeat; background-size:cover; }
.homepart7 .listbox .box:nth-child(2) .list ul li:nth-child(2n){ background:url(../Images/dot3.png) left 10px center no-repeat #eaefff;}

.homepart7 .listbox .list ul li:hover{ font-weight:700; color:#0076ef;}



/*专用编程电脑*/
.homepart8{ width:100%; height:auto; margin:0 auto; background:url(../Images/h8bg.jpg) no-repeat; background-size:cover;  padding:80px 0 60px 0; position:relative; z-index:1; }
.homepart8 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1180px;  margin:0 auto; clear:both; overflow:hidden;}
.homepart8 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;}
.homepart8 .titbox{ width:100%; height:66px; overflow:hidden; text-align:center}
.homepart8 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.homepart8 .titbox em.t1{}
.homepart8 .titbox em.t2{}

.homepart8 .listbox{ width:100%; height:522px; overflow:hidden; position:relative; margin-top:65px;}
.homepart8 .listbox .computer{ position:absolute; right:0; top:0; width:60%; z-index:1}
.homepart8 .listbox .computer img{ width:100%; height:auto}

.homepart8 .listbox .three{ width:40%; height:522px; overflow:hidden; background:url(../Images/spark.png) right center no-repeat; position:absolute; left:0; top:0}
.homepart8 .listbox .three ul{ margin:0px; padding:0px; list-style:none}
.homepart8 .listbox .three ul li{ margin:0px; padding:0px; list-style:none; position:absolute; width:180px; height:180px; background:rgba(74,181,98,0.5); border-radius:100%; box-sizing:border-box; padding:10px; left:173px; top:0;overflow:hidden;}
.homepart8 .listbox .three ul li .inbox{ width:100%; height:100%; background:#4ab562; color:#ffffff; overflow:hidden; border-radius:100%;}
.homepart8 .listbox .three ul li .inbox .tit{ width:100%; height:50px; line-height:50px; font-size:42px; font-weight:700; color:#ffffff; text-align:center; margin-top:35px;}
.homepart8 .listbox .three ul li .inbox .tit2{ width:100%; height:35px; line-height:35px; font-size:16px; font-weight:700; text-align:center}

.homepart8 .listbox .three ul li:nth-child(2){width:160px; height:160px; background:rgba(19,190,179,0.5);left:0; top:180px;}
.homepart8 .listbox .three ul li:nth-child(2) .inbox{background:#13beb3;}
.homepart8 .listbox .three ul li:nth-child(2) .inbox .tit{ margin-top:20px;}

.homepart8 .listbox .three ul li:nth-child(3){width:160px; height:160px; background:rgba(255,170,80,0.5);left:173px; top:auto;bottom:10px;}
.homepart8 .listbox .three ul li:nth-child(3) .inbox{background:#ffaa50;}
.homepart8 .listbox .three ul li:nth-child(3) .inbox .tit{  margin-top:20px;}







.footlink{ width:100%; height:auto; overflow:hidden;  padding:20px 0}
.footlink .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.footlink .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; }

.footlink .listbox{ width:100%; height:60px; overflow:hidden; font-size:14px; line-height:200%}
.footlink .listbox ul{ margin:0px; padding:0px; list-style:none}
.footlink .listbox ul li{ margin:0; padding:0px; list-style:none; width:14.28%; float:left; overflow:hidden;}
.footlink .listbox ul li .pic{ width:92%; margin:0 auto; height:50px; overflow:hidden;}






.footmenu{ width:100%; height:auto; background:#385ac8; overflow:hidden;  padding:40px 0 0 0;  }
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:visible; }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:visible;  position:relative; }
.footmenu .citynav{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #4b69cc; display:none}
.footmenu .citynav ul{ margin:0px; padding:0px; list-style:none}
.footmenu .citynav ul li{ margin:0px 20px 0 0; padding:0px; list-style:none; height:50px; line-height:50px; font-size:16px; color:#ffffff; float:left}
.footmenu .citynav ul li.onfocus{ font-weight:700}

.footmenu .listbox{ width:100%; height:auto; border-bottom:1px solid #4c6bce; overflow:hidden; position:relative; }
.footmenu .listbox .onebox{ width:50%; height:auto; float:left; overflow:hidden;}
.footmenu .listbox .tit{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#ffffff;}
.footmenu .listbox .list{ width:100%; height:auto; overflow:hidden;}
.footmenu .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .listbox .list ul li{ margin:0px 0 25px 0; padding:0px; list-style:none; height:auto; font-size:15px; color:#ffffff; overflow:hidden;}
.footmenu .listbox .list ul li .tit2{ width:100%; height:35px; line-height:35px; overflow:hidden;}

.footmenu .listbox .list ul li .word{ width:100%; height:auto; line-height:30px; opacity:0.6 }

.footmenu .listbox2{ width:100%; height:auto; overflow:hidden; position:relative; padding:36px 0; }
.footmenu .listbox2 .thelink{ width:147px; height:48px; line-height:48px; font-size:16px; color:#ffffff;background-image:linear-gradient(to right, #1cadfc, #1b8ff1); margin-top:20px; text-align:center; border-radius:5px; float:left; transition:all 0.5s ease}
.footmenu .listbox2 .thelink:hover{background-image:linear-gradient(to right, #fdc78e, #ffaa50); }
.footmenu .listbox2 .list{ height:auto; overflow:hidden; float:right}
.footmenu .listbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .listbox2 .list ul li{ margin:0px 0 0 16px; padding:0px; list-style:none; height:auto; font-size:15px; color:#ffffff; overflow:hidden; float:left}
.footmenu .listbox2 .list ul li .pic{ width:91px; height:91px; line-height:91px; overflow:hidden; text-align:center}
.footmenu .listbox2 .list ul li .pic img{ width:100%; height:100%;}

.footmenu .listbox2 .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:14px; opacity:0.6; text-align:center;  }






.footmenu .part1{ width:18%; float:left; height:auto; overflow:hidden;}
.footmenu .part1  .tit{ width:100%; height:35px; line-height:35px; font-size:15px; font-weight:700;  overflow:hidden; color:#FFF}


.footmenu .part2{ width:56%; float:left; height:auto; overflow:hidden; box-sizing:border-box; }
.footmenu .part2  .one{ width:33.33%; height:auto; float:left; overflow:hidden;}
.footmenu .part2  .tit{ width:100%; height:35px; line-height:35px; font-size:17px; font-weight:700;  overflow:hidden; color:#FFF}
.footmenu .part2  .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.footmenu .part2  .list ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part2  .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:40px; line-height:40px;; overflow:hidden; color:#e5e5e5; font-size:15px; transition:all 0.5s ease }
.footmenu .part2  .list ul li a{ color:#bcbdc1; }
.footmenu .part2  .list ul li:hover{ text-indent:5px;}



.footmenu .part3{ width:26%; float:left; height:auto; overflow:visible; color:#dfdfe1;}
.footmenu .part3 .sharebox{ height:53px; overflow:visible; line-height:53px; font-size:14px; color:#ffffff; float:right}
.footmenu .part3 .sharebox .name{ height:53px; line-height:53px; font-size:14px; float:left}
.footmenu .part3 .sharebox ul{ margin:0; padding:0; list-style:none;; float:left}
.footmenu .part3 .sharebox ul li{ margin:0 0 0 10px;; padding:0; list-style:none; float:left; width:33px; height:53px; line-height:53px; position:relative; overflow:visible}

.footmenu .part3 .sharebox ul li .code{width:117px; height:123px; background:url(../Images/cok1.png) no-repeat; position:absolute; left:-45px; top:50px; z-index:10; display:none }
.footmenu .part3 .sharebox ul li .code img{width:101px; height:101px; position:absolute; left:10px; top:12px;}
.footmenu .part3 .sharebox ul li:last-child .code{ left:auto; right:0}

.footmenu .part3 .sharebox ul li:hover .code{ display:block}
.footer  a{ color:#ffffff;}
.footmenu .part3 .sharebox ul li:hover .img1{ display:none;}
.footmenu .part3 .sharebox ul li:hover .img2{ display:block}


.footmenu .part3 .tel{  width:100%; height:50px; line-height:50px; font-size:36px; font-weight:700;  overflow:hidden; color:#ffffff; text-align:right}
.footmenu .part3 .address{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:35px; overflow:hidden; text-align:right }
.footmenu .part3 .ercode{ width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:right}
.footmenu .part3 .ercode img{ max-width:90%; height:auto}


.footmenu .part4{ float:right; height:auto; overflow:hidden; width:16%; text-align:center }
.footmenu .part4 img{ max-width:90%; height:auto}
.footmenu .part4 ul{ margin:0px; padding:0px; list-style:none}
.footmenu .part4 ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left}
.footmenu .part4 .pic{ width:100%; height:auto; overflow:hidden;}
.footmenu .part4 .pic img{ max-width:90%;}
.footmenu .part4 .tit{ width:100%;; height:auto; line-height:30px; overflow:hidden; text-align:center; color:#989a9e; font-size:14px;}

.footmenu  a{ color:#d3d8df}

.footmenu .line{ width:100%; height:1px; background:#323a4c; margin-top:25px;}

.footmenu .fbox{ width:100%; min-height:70px; height:auto; overflow:visible; background:#2f4fb5; padding:10px 0; font-size:15px; color:#a5afc4; position:relative; z-index:10}
.footmenu .fbox a{color:#a5afc4; }
.footmenu .fbox .copyright{ width:100%; height:auto; overflow:hidden; line-height:35px; float:left; margin-top:10px; text-align:center}

.footmenu .fbox .sharebox{ height:53px;  overflow:visible; line-height:53px; font-size:14px; color:#ffffff; float:right}
.footmenu .fbox .sharebox .name{ height:53px; line-height:53px; font-size:14px; float:left}
.footmenu .fbox .sharebox ul{ margin:0; padding:0; list-style:none;; float:left}
.footmenu .fbox .sharebox ul li{ margin:0 0 0 10px;; padding:0; list-style:none; float:left; width:33px; height:53px; line-height:53px; position:relative; overflow:visible}

.footmenu .fbox .sharebox ul li .code{width:117px; height:123px; background:url(../Images/cok2.png) no-repeat; position:absolute; left:-45px; bottom:50px; z-index:10; display:none  }
.footmenu .fbox .sharebox ul li .code img{width:101px; height:101px; position:absolute; left:10px; bottom:12px;}
.footmenu .fbox .sharebox ul li:last-child .code{ left:auto; right:0}

.footmenu .fbox .sharebox ul li:hover .code{ display:block}
.footmenu .fbox .sharebox ul li:hover .img1{ display:none;}
.footmenu .fbox .sharebox ul li:hover .img2{ display:block}





.footer{ width:100%; height:125px;  background:#0b3ac8; overflow:visible;   position:relative; z-index:1;  }
.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1280px; margin:0 auto; clear:both; overflow:visible; padding:10px 0 10px 0;background:#606060;   }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:visible; line-height:200%; color:#d8d8d8; margin:0 auto; font-size:14px; text-align:left;background:#606060; }
.footer .copyright{ width:50%; float:left; overflow:hidden; font-size:14px; color:#d8d8d8; line-height:200%; margin-top:30px;}
.footer .mediabox{ float:right;color:#cbe6ff;  line-height:200%}
.footer .mediabox .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:14px; font-weight:700; color:#ffffff;}
.footer .mediabox .list{ width:100%; height:auto; overflow:visible;}
.footer .mediabox .list ul{ margin:0px; padding:0px; list-style:none}
.footer .mediabox .list ul li{ margin:5px 0 0 0px; padding:0px; list-style:none; width:43px; height:auto; overflow: visible; position:relative; float:left}
.footer .mediabox .list ul li img{ max-width:100%;}
.footer .mediabox .list ul li .img1{ display:block;}
.footer .mediabox .list ul li .img2{ display:none}

.footer .mediabox .list ul li .code{width:117px; height:123px; background:url(../Images/cok2.png) no-repeat; position:absolute; left:-45px; bottom:50px; z-index:10; display:none }
.footer .mediabox .list ul li .code img{width:101px; height:101px; position:absolute; left:10px; top:12px;}
.footer .mediabox .list ul li:hover .code{ display:block}
.footer  a{ color:#ffffff;}
.footer .mediabox .list ul li:hover .img1{ display:none;}
.footer .mediabox .list ul li:hover .img2{ display:block}



.footermb{ width:100%; height:auto; overflow:hidden; background:#f0f0f0; padding:30px 0;  position:relative; z-index:1; margin-top:10px; display:none }
.footermb .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.footermb .centerbox .centerin{ width:92%; height:auto; overflow:hidden; line-height:200%; color:#6a6a6a; text-align:center; margin:0 auto}
.footermb .centerbox .centerin a{color:#6a6a6a;}

.fixbottomkong{ width:100%; height:60px; clear:both; overflow:hidden; display:none;}
.fixbottom{ width:100%; height:auto; overflow:hidden; background:#0085f6;  position:fixed; left:0px; bottom:0px; z-index:100; display:none;}
.fixbottom .list{ margin:0px; padding:0px; list-style:none; width:100%; min-width:320px; margin:0 auto;}
.fixbottom .list ul{ margin:0px; padding:0px; list-style:none}
.fixbottom .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:60px; line-height:60px; font-size:16px; color:#FFF; float:left; overflow:hidden;  height:auto; border-left:1px solid #339df8; margin-left:-1px; text-align:center; text-indent:0}
.fixbottom .list ul li .pic{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center;display: flex;align-items: center; justify-content: center;}
.fixbottom .list ul li .pic img{ max-height:20px; margin:0 auto; display:block}
.fixbottom .list ul li .pic .img1{ display:block}
.fixbottom .list ul li .pic .img2{ display:none}
.fixbottom .list ul li .tit{ width:100%; height:25px; line-height:25px; font-size:12px; overflow:hidden; text-align:center; color:#eff2f8}

.fixbottom .list ul li.onfocus{ background:#1e7cdc}
.fixbottom .list ul li.onfocus .pic .img1{ display:block}
.fixbottom .list ul li.onfocus .pic .img2{ display:none}
.fixbottom .list ul li.onfocus .tit{ color:#fff}


.fixchat{ width:100px; height:auto; overflow: visible; position:fixed; right:20px; bottom:100px; z-index:9999}
.fixchat .icon{ width:100%; text-align:center; position:relative; z-index:1}
.fixchat .box{ width:100%; height:auto; overflow:visible; background:#FFF; border-radius:100px; border:1px solid #edf3fd; position:relative; z-index:0; margin-top:-109px; padding-top:109px;; padding-bottom:50px;}
.fixchat .chat{ width:100%; text-align:center;}
.fixchat .list{ width:100%; height:auto; overflow:visible;}
.fixchat .list ul{ margin:0px; padding:0px; list-style:none}
.fixchat .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:visible; text-align:center; position:relative}
.fixchat .list ul li .pic{ width:100%; height:50px; line-height:50px; text-align:center}
.fixchat .list ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:14px; font-weight:700; color:#141414;}
.fixchat .list ul li .line{ width:80%; height:1px; background:#cadeef; margin:0 auto}
.fixchat .list ul li .code{ position:absolute; right:100px; top:0;background:#ebf6fa; box-sizing:border-box; padding:10px; font-size:14px; font-weight:700; min-width:150px; text-align:center; min-height:100px; display:flex;align-items:center;justify-content:center; display:none}
.fixchat .list ul li .code img{ width:125px; height:auto}

.fixchat .list ul li:hover .code{ display:flex}

.fixchat .zxbox{ position:absolute; right:100px; top:30px; background:#ebf6fa; box-sizing:border-box; padding:10px; font-size:14px; font-weight:700; min-width:150px; text-align:center; display:none}
.fixchat .zxbox img{ width:125px; height:auto}



/*二级位置*/
.ertoplocation{ width:100%; height:80px; overflow:hidden; position:relative;  z-index:10; margin-top:-80px;}
.ertoplocation .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1360px;  }
.ertoplocation .centerbox .centerin{ width:100%; overflow:hidden;height:80px;position:relative; margin:0 auto; font-size:16px; color:#ffffff;  }
.ertoplocation a{ color:#ffffff; }

/*关于我们页面*/

.ertop{ width:100%; height:auto; overflow:hidden; position:relative;  z-index:10; z-index:1000; margin-top:-70px; padding:5px}
.ertop .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1080px; background:#ffffff; border-radius:5px;box-shadow: 0px 0px 10px 0px #e8f1f9;  }
.ertop .centerbox .centerin{ width:100%; overflow:hidden;height:auto;;position:relative; margin:0 auto }

.ertop .navbox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.ertop .navbox .list ul{ margin:0;  padding:0px; list-style:none; height:auto; overflow:hidden;  }
.ertop .navbox .list ul li{ margin:0; padding:0; list-style:none; width:20%; height:180px; float:left; font-size:20px; transition:all 0.5s ease; border-right:1px solid #e8edf3; box-sizing:border-box; overflow:hidden;}
.ertop .navbox .list ul li:last-child{ border:0}
.ertop .navbox .list ul li .pic{ width:100%; height:77px; margin-top:33px; line-height:77px; text-align:center; transition:all 0.5s ease}
.ertop .navbox .list ul li .tit{ width:100%; height:35px; line-height:35px; font-size:18px; text-align:center; color:#383838;}
.ertop .navbox .list ul li:hover .pic{ margin-top:25px}

.ertop .navbox .list ul li.onfocus{background:#fef5ec;}
.ertop .navbox .list ul li.onfocus .tit{color:#f38a43; font-weight:700 }

.ertop .navbox .list ul li:nth-child(2).onfocus{background:#eff8fe;}
.ertop .navbox .list ul li:nth-child(2).onfocus .tit{color:#2092f3; font-weight:700 }

.ertop .navbox .list ul li:nth-child(3).onfocus{background:#eef4fe;}
.ertop .navbox .list ul li:nth-child(3).onfocus .tit{color:#5186e8; font-weight:700 }

.ertop .navbox .list ul li:nth-child(4).onfocus{background:#f0faf2;}
.ertop .navbox .list ul li:nth-child(4).onfocus .tit{color:#1ea334; font-weight:700 }

.ertop .navbox .list ul li:nth-child(5).onfocus{background:#eeeefc;}
.ertop .navbox .list ul li:nth-child(5).onfocus .tit{color:#605ee0; font-weight:700 }


/*课程体系*/
.ertop .navbox2 .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.ertop .navbox2 .list ul{ margin:0;  padding:0px; list-style:none; height:auto; overflow:hidden;  }
.ertop .navbox2 .list ul li{ margin:0; padding:0; list-style:none; width:14.28%; height:180px; float:left; font-size:20px; transition:all 0.5s ease; border-right:1px solid #e8edf3; box-sizing:border-box; overflow:hidden;}
.ertop .navbox2 .list ul li:last-child{ border:0}
.ertop .navbox2 .list ul li .pic{ width:100%; height:77px; margin-top:33px; line-height:77px; text-align:center; transition:all 0.5s ease}
.ertop .navbox2 .list ul li .tit{ width:100%; height:35px; line-height:35px; font-size:15px; text-align:center; color:#383838;}
.ertop .navbox2 .list ul li:hover .pic{ margin-top:25px}

.ertop .navbox2 .list ul li.onfocus{background:#fef5ec;}
.ertop .navbox2 .list ul li.onfocus .tit{color:#f38a43; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(2).onfocus{background:#eff8fe;}
.ertop .navbox2 .list ul li:nth-child(2).onfocus .tit{color:#2092f3; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(3).onfocus{background:#eef4fe;}
.ertop .navbox2 .list ul li:nth-child(3).onfocus .tit{color:#5186e8; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(4).onfocus{background:#f0faf2;}
.ertop .navbox2 .list ul li:nth-child(4).onfocus .tit{color:#1ea334; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(5).onfocus{background:#eeeefc;}
.ertop .navbox2 .list ul li:nth-child(5).onfocus .tit{color:#605ee0; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(6).onfocus{background:#f2fbff;}
.ertop .navbox2 .list ul li:nth-child(6).onfocus .tit{color:#1ab4b8; font-weight:700 }

.ertop .navbox2 .list ul li:nth-child(7).onfocus{background:#fef1f3;}
.ertop .navbox2 .list ul li:nth-child(7).onfocus .tit{color:#ec536e; font-weight:700 }






.ertop2{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative; background:#fff; border-bottom:1px solid #e4e4e4;}
.ertop2 .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1280px;  }
.ertop2 .centerbox .centerin{ width:100%; overflow:hidden;height:auto;position:relative; margin:0 auto }

.ertop2 .navbox{ width:100%; height:auto; overflow:hidden;}
.ertop2 .navbox .list{ width:100%; height:auto; overflow:hidden; }
.ertop2 .navbox .list ul{ margin:0 auto;  padding:0px; list-style:none; height:auto; overflow:hidden}
.ertop2 .navbox .list ul li{ margin:0px 45px 0 0; padding:0; list-style:none; width:auto; height:70px; line-height:70px;  font-size:16px;  color:#333333;  float:left; text-align:center; overflow:hidden; }
.ertop2 .navbox .list ul li a{ color:#333333}
.ertop2 .navbox .list ul li.onfocus{ font-weight:700; border-bottom:1px solid #0163fb}
.ertop2 .navbox .list ul li.onfocus a{color:#0163fb; }



.ertopsearch{ width:100%; height:auto; overflow:hidden;  z-index:10; position:relative;  background:#f5f5f5; padding:15px 0; display:none  }
.ertopsearch .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1520px;  }
.ertopsearch .centerbox .centerin{ width:96%; overflow:hidden;height:auto;position:relative; margin:0 auto }

.ertopsearch .searchbox{ width:100%; height:43px;  overflow:hidden; border-radius:30px; border:1px solid #f0dbdb; position:relative; margin:0 0px 0 0 ;}
.ertopsearch .searchbox .input1{ width:60%; height:42px; line-height:40px; border:0px; position:absolute; left:10px; top:0px; border:1px solid #696790; outline:none; background:none; text-indent:10px; color:#8f8ca2; outline:none; border:0; }
.ertopsearch .searchbox .input1::-webkit-input-placeholder{ color: #8f8ca2; } 
.ertopsearch .searchbox .input1:-moz-placeholder{ color: #8f8ca2; } 
.ertopsearch .searchbox .btnme{ width:46px; height:43px; overflow:hidden; position:absolute; right:0; top:0px; background: url(../Images/searchbtn.png) center center no-repeat; border:0;}


/*关于我们*/
.aboutbox1{ width:100%; height:auto;margin:0 auto; padding:65px 0 90px 0; overflow:hidden;  position:relative}
.aboutbox1 .icon1{ width:219px; height:198px; position:absolute; right:25px; bottom:10px; background:url(../Images/abicon1.png) no-repeat; z-index:100}

.aboutbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }

.aboutbox1 .titbox0{ width:100%; height:auto; line-height:40px; overflow:hidden; text-align:center; display:none; font-size:20px; font-weight:700}
.aboutbox1 .titbox1{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; display:none}
.aboutbox1 .titbox1 em{ font-style:normal; font-weight:700; font-size:20px; font-weight:700; color:#385ac8; margin:0 5px}

.aboutbox1 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.aboutbox1 .titbox .t1{ font-family:"宋体"; }
.aboutbox1 .titbox .t2{ color:#385ac8;}
.aboutbox1 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}
.aboutbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:30px;}


/*课程特色”*/
.aboutbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/ab2bg.jpg) bottom center no-repeat #f6fafe;  padding:227px 0 60px 0; position:relative}
.aboutbox2 .icon1{ width:448px; height:517px; position:absolute; left:0px; top:0px; background:url(../Images/abicon2.png) no-repeat; z-index:100}

.aboutbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:0 }
.aboutbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.aboutbox2 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox2 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#ffffff; margin:0 5px}
.aboutbox2 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#626262; line-height:50px;text-align:center; margin-top:0px;}
.aboutbox2 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#ffffff; line-height:33px;text-align:center; margin-top:30px; opacity:0.9}

.aboutbox2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:62px;}
.aboutbox2 .listbox .one{ width:48%; height:345px; float:left; overflow:hidden; background:url(../Images/abb1.jpg) no-repeat; background-size:cover; border-radius:10px; box-sizing:border-box; padding:30px;}
.aboutbox2 .listbox .one:nth-child(2){ float:right;background:url(../Images/abb2.jpg) no-repeat; background-size:cover; }
.aboutbox2 .listbox .one .tit{ width:100%; height:58px; border-radius:50px;background-image:linear-gradient( #1c90f1, #29a8f0); font-size:24px; font-weight:700; color:#FFF; line-height:58px; text-align:center}
.aboutbox2 .listbox .one:nth-child(2) .tit{background-image:linear-gradient( #f49355, #fca560); }
.aboutbox2 .listbox .one .word{ width:100%; height:auto; overflow:hidden; font-size:18px; font-weight:700; text-align:center; margin-top:15px;}
.aboutbox2 .listbox .one .word p{ width:100%; height:47px; line-height:47px; overflow:hidden;}

.aboutbox2 .listbox .one:nth-child(2) .word p{ width:50%; float:left; overflow:hidden;}



/*师资队伍”*/
.aboutbox3{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:0 0 60px 0 ; position:relative}
.aboutbox3 .icon1{ width:237px; height:207px; position:absolute; left:0px; bottom:10px; background:url(../Images/abicon3.png) no-repeat; z-index:100}
.aboutbox3 .icon2{ width:192px; height:199px; position:absolute; right:20%; top:10px; background:url(../Images/abicon4.png) no-repeat;z-index:100}

.aboutbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.aboutbox3 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox3 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.aboutbox3 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:30px; opacity:0.9}

.aboutbox3 .listbox{ width:100%; height:250px; overflow:hidden; position:relative}
.aboutbox3 .listbox .inbox{ width:100%; height:193px; overflow:hidden; border-radius:10px;background-image:linear-gradient( #7393f9, #567aef); position:absolute; left:0; top:20px;}
.aboutbox3 .listbox .list{ width:90%; height:auto; overflow:hidden; position:relative; z-index:10; float:left}
.aboutbox3 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox3 .listbox .list ul li{ margin:0px; padding:0px 0 5px 0; list-style:none; width:25%; height:auto; float:left; overflow:hidden; background:url(../Images/teacherline.png) right center no-repeat;}
.aboutbox3 .listbox .list ul li .pic{ width:100%; height:212px; overflow:hidden; position:relative; z-index:0}
.aboutbox3 .listbox .list ul li .tit{ width:90%; height:38px; line-height:38px; text-align:center; background:#FFF; border-radius:50px;box-shadow: 0px 0px 10px 0px #557aee; margin:0 auto; margin-top:-18px; position:relative; z-index:10; border:1px solid #b6c5f8; font-size:16px; font-weight:700}

.aboutbox3 .listbox .more{ width:10%; height:250px; background: url(../Images/more1.png) center center no-repeat; position:absolute; right:0; top:0; z-index:10}


/*教学体系”*/
.aboutbox4{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/ab4bg.jpg) bottom center no-repeat; background-size:cover;  padding:20px 0 102px 0; position:relative }
.aboutbox4 .icon1{ width:247px; height:241px; position:absolute; right:0px; bottom:10px; background:url(../Images/abicon5.png) no-repeat; z-index:100}
.aboutbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.aboutbox4 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox4 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.aboutbox4 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}



.aboutbox4 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.aboutbox4 .listbox .list{ width:100%; height:auto; overflow:hidden; }
.aboutbox4 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox4 .listbox .list ul li{ margin:0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left; position:relative}
.aboutbox4 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden; background-image:linear-gradient( to bottom, #2dcbb4, #24b3c8); box-sizing: border-box; padding:35px; border-radius:10px; position:relative; overflow:hidden;}
.aboutbox4 .listbox .list ul li:nth-child(2) .box{ margin:0 auto; background-image:linear-gradient( to bottom, #968ce7, #766ad3);}
.aboutbox4 .listbox .list ul li:nth-child(3) .box{ float:right; background-image:linear-gradient( to bottom, #6acaff, #1b8ff1);}
.aboutbox4 .listbox .list ul li .pic{ width:100%; height:105px;  overflow:hidden; text-align:center}
.aboutbox4 .listbox .list ul li .wordbox{ width:100%;  height:auto; overflow:hidden;}
.aboutbox4 .listbox .list ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; font-weight:700; color:#ffffff; text-align:center}
.aboutbox4 .listbox .list ul li .wordbox .line{ width:30px; height:5px; background:rgb(255,255,255,0.5); margin:0 auto}
.aboutbox4 .listbox .list ul li .wordbox .word{ width:100%; height:auto; line-height:30px; font-size:16px; color:#ffffff; overflow:hidden; margin-top:10px}


/*学生个性化学情指导*/
.aboutbox5{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:60px 0 60px 0; position:relative }
.aboutbox5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.aboutbox5 .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:50px;}
.aboutbox5 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox5 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.aboutbox5 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.aboutbox5 .listone{ width:100%; height:345px; overflow:hidden;margin-top:30px; position:relative }
.aboutbox5 .listone  .leftarr{ width:28px; height:33px; background:url(../Images/left4.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:0px; top:50%; margin-top:-16px;  z-index:10 }
.aboutbox5 .listone  .rightarr{width:28px; height:33px;  background:url(../Images/right4.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:0px; top:50%; margin-top:-16px; z-index:10 }

.aboutbox5 .listone .list{ width:100%; height:335px; overflow:hidden;  max-width:1080px; overflow:hidden; margin:0 auto;margin-top:5px; box-sizing:border-box; }
.aboutbox5 .listone .list ul{ margin:0px; padding:0px; list-style:none}
.aboutbox5 .listone .list ul li{ margin:0px; padding:5px 0; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}

.aboutbox5 .listone ul li .box{ width:90%; height:auto; overflow:hidden; margin:0 auto;box-shadow: 0px 0px 10px 0px #edf3fd; box-sizing:border-box; padding:20px; text-align:center; border:1px solid #edf3fd; border-radius:10px; }


.aboutbox5 .listone ul li .tit{ width:100%; height:30px; line-height:30px; font-size:20px; font-weight:700; color:#141414;overflow:hidden;}
.aboutbox5 .listone ul li .titline{ width:30px; height:5px; overflow:hidden; background:#319af2; margin:0 auto; margin-top:20px;}
.aboutbox5 .listone ul li .word{ width:100%; height:196px; line-height:28px; font-size:16px; color:#141414; overflow:hidden; margin-top:20px}

.aboutbox5 .listone ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.pointpage {position: absolute;left: 0;text-align: center;bottom:8px;width: 100%; display:none}
.pointpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #c7c7c7; margin: 0 3px;cursor: pointer;}
.pointpage .swiper-active-switch { background: #319af2;}

/*家长服务*/
.aboutbox6{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:10px 0 60px 0 }
.aboutbox6 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden; }
.aboutbox6 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.aboutbox6 .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin-bottom:50px;}
.aboutbox6 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.aboutbox6 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.aboutbox6 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.aboutbox6 .wordbox img{ max-width:100%; height:auto}

/*创始人简介*/
.headmasterbox{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/headmasterbg.jpg) top center no-repeat #ffffff;  padding:50px 0 60px 0; position:relative }
.headmasterbox .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat; z-index:100}
.headmasterbox .icon2{ width:208px; height:224px; position:absolute; left:50px; bottom:50px; background:url(../Images/master2.png) no-repeat; z-index:100}
.headmasterbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.headmasterbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.headmasterbox .tbox{ width:100%; height:auto; overflow:hidden;}
.headmasterbox .tbox .leftbox{ width:50%; height:auto; float:left; overflow:hidden;}
.headmasterbox .tbox .leftbox img{ width:80%; height:auto}
.headmasterbox .tbox .rightbox{ width:50%; height:auto; float:left; overflow:hidden;}
.headmasterbox .tbox .rightbox .tit{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:36px; font-weight:700; color:#2092f3;}
.headmasterbox .tbox .rightbox .titline{ width:140px; height:1px; background:#2092f3; margin:10px 0 0 0}
.headmasterbox .tbox .rightbox .word{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:200%; margin-top:20px; overflow:hidden;}
.headmasterbox .tbox .rightbox .word ul{ margin:0; padding:0 0 0 20px }
.headmasterbox .tbox .rightbox .word .intro{ box-sizing:border-box; padding:0 0 0 30px;}

.headmasterbox .tbox2{ width:98%; margin:0 auto; margin-bottom:5px; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box;padding:30px; border-radius:20px;box-shadow: 0px 0px 10px 0px #eaf2fa; margin-top:25px; border:1px solid #f6f9fd;box-shadow: 0px 0px 10px 0px #b7ebfa; margin-top:50px}
.headmasterbox .tbox2 .list{ width:100%; height:auto; overflow:hidden}
.headmasterbox .tbox2 .list ul{ margin:0; padding:0; list-style:none}
.headmasterbox .tbox2 .list ul li{ margin:0; padding:0; list-style:none; width:100%; height:auto; overflow:hidden;}
.headmasterbox .tbox2 .list ul li .tit{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px; font-weight:700; color:#141414;}
.headmasterbox .tbox2 .list ul li .tit em{ font-style:normal; font-size:16px; color:#FFF;background-image:linear-gradient( #7ee0fc, #56acf2); border-radius:40px; padding:5px 6px; margin-right:5px}
.headmasterbox .tbox2 .list ul li .word{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:15px; line-height:30px; color:#141414; box-sizing:border-box; padding:0 0 0 35px; margin-bottom:20px}


/*知识产权*/
.lawbox{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/lawbg.jpg) bottom center no-repeat #f6fafe;  padding:50px 0 60px 0; position:relative; min-height:1000px }
.lawbox .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat; z-index:100}
.lawbox .icon2{ width:208px; height:224px; position:absolute; left:50px; bottom:50px; background:url(../Images/master2.png) no-repeat; z-index:100}
.lawbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.lawbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.lawbox .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.lawbox .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.lawbox .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}


/*知识产权*/
.listnews3{ width:100%; height:auto; overflow:hidden; margin-top:25px}
.listnews3 ul{ margin:0px; padding:0px; list-style:none}
.listnews3 ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left; }
.listnews3 ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; padding:13px; background:#f9fbff; border-radius:5px}

.listnews3 ul li .pic{ width:100%; overflow:hidden; height:300px; overflow:hidden; background:#FFF} 
.listnews3 ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.listnews3 ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.listnews3 ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:16px;  color:#141414; overflow:hidden; text-align:center; margin-top:15px; font-weight:700; }
.listnews3 ul li .wordbox .tit2{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:10px; font-size:16px; color:#141414; opacity:0.8; text-align:center}

.listnews3 ul li:hover .box{}
.listnews3 ul li:hover .wordbox .tit{ color:#1e91f2;}
.listnews3 ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}




/*师资介绍*/
.theteacher{ width:100%; height:auto; overflow:hidden; position:relative}
.theteacher  .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat; z-index:1100}
.theteacher  .icon2{ width:208px; height:224px; position:absolute; left:50px; top:1066px; background:url(../Images/master2.png) no-repeat;z-index:1100}
.theteacher  .icon3{ width:309px; height:229px; position:absolute; right:0px; bottom:433px; background:url(../Images/teachicon1.png) no-repeat;z-index:1100}

.teacherbox{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/teacherbg.jpg) bottom center no-repeat #f6fafe;  padding:50px 0 60px 0; position:relative; }
.teacherbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.teacherbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.teacherbox .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.teacherbox .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.teacherbox .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}

.theteacher .teacherbox:nth-child(4n-3){background:url(../Images/teacherbg.jpg) bottom center no-repeat #f6fafe;  }
.theteacher .teacherbox:nth-child(4n-2){background:#ffffff;  }
.theteacher .teacherbox:nth-child(4n-1){background: #f0f5fe;  }
.theteacher .teacherbox:nth-child(4n){background:#ffffff;  }

.teacherbox .list1{ width:100%; height:auto; overflow:hidden;}
.teacherbox .list1 ul{ margin:0px; padding:0px; list-style:none}
.teacherbox .list1 ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left; }
.teacherbox .list1 ul li .box{ width:96%; height:460px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:5px; position:relative}
.teacherbox .list1 ul li .box .inbox{ width:100%; height:407px; position:absolute; left:0;bottom:0; border:1px solid #ffffff;  background-image:linear-gradient( to bottom, #f3f8fd, #e8effc); border-radius:5px; overflow:hidden; border-radius:10px; }
.teacherbox .list1 ul li .box .pic{ width:100%; height:275px; overflow:hidden; text-align:center; position:relative; z-index:1}
.teacherbox .list1 ul li .box .pic img{ width:auto; height:100%;}
.teacherbox .list1 ul li .box .wordbox{ width:80%; margin:0 auto; overflow:hidden; height:auto;position:relative; z-index:1}
.teacherbox .list1 ul li .box .wordbox .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:20px; font-weight:700; color:#ffffff; border-radius:5px;background-image:linear-gradient(to right, #1d91f1, #69c9ff);text-align:center}
.teacherbox .list1 ul li .box .wordbox .tit2{ width:100%;height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:700; color:#141414; text-align:center }
.teacherbox .list1 ul li .box .wordbox .word{ width:100%;height:52px; line-height:26px; overflow:hidden; font-size:15px; color:#626262; text-align:center }

.teacherbox .list1 ul li .cover{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10;background-image:linear-gradient( to bottom, #63c4ff, #1c90f1); box-sizing:border-box; padding:20px; display:none; border-radius:20px;} 
.teacherbox .list1 ul li .wordbox2{ width:100%; height:auto; overflow:hidden;text-align:center}
.teacherbox .list1 ul li .wordbox2 .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:20px; font-weight:700; color:#141414; border-radius:10px;background-image:linear-gradient( #fcfcff, #e4e9fe); text-align:center}
.teacherbox .list1 ul li .wordbox2 .tit2{ width:100%;height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:700; color:#ffffff; margin-top:10px }
.teacherbox .list1 ul li .wordbox2 .word{ width:100%;height:225px; line-height:25px; overflow:hidden; font-size:15px; color:#ffffff; text-align:center; margin-top:10px;}
.teacherbox .list1 ul li .wordbox2 .more{ width:100%;height:44px; line-height:44px; overflow:hidden; font-size:15px; color:#ffffff; background:#1a85df; margin-top:10px; transition:all 0.5s ease }
.teacherbox .list1 ul li .wordbox2 .more:hover{ background:#3abd51;}

.teacherbox .list1 ul li:hover .cover{ display:block}
.teacherbox .list1 ul li:hover .wordbox .tit{ color:#ffd53d;}
.teacherbox .list1 ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*教研老师*/

.theteacher .teacherbox:nth-child(4n-2) .list1{ width:100%; height:auto; overflow:hidden;}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul{ margin:0px; padding:0px; list-style:none}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:20%; height:auto; overflow:hidden; float:left; }
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px; position:relative}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .inbox{ width:100%; height:200px; position:absolute; left:0;bottom:0; background-image:linear-gradient( to bottom, #aed0ff, #edf8ff); border-radius:5px; overflow:hidden;  }
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .pic{ width:100%; height:200px; overflow:hidden; text-align:center; position:relative; z-index:1}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .pic img{ width:auto; height:100%;}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .wordbox{ width:100%; margin:0 auto; overflow:hidden; height:auto;position: absolute; left:0; bottom:0; z-index:1}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .wordbox .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:16px; font-weight:700; color:#ffffff; border-radius:0px; background:rgba(16,133,223,0.8);text-align:center}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .wordbox .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .box .wordbox .word{ display:none}

.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .cover{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10;background-image:linear-gradient( to bottom, #4d86fa, #9fc4fd); box-sizing:border-box; padding:20px; display:none} 
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .wordbox2{ width:100%; height:auto; overflow:hidden;text-align:center}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .wordbox2 .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:18px; font-weight:700;  border-radius:10px;background: url(../Images/tline2.jpg) bottom center no-repeat;; text-align:center; color:#FFF}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .wordbox2 .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .wordbox2 .word{ width:100%;height:100px; line-height:25px; overflow:hidden; font-size:15px; color:#ffffff; text-align:center; margin-top:10px;}
.theteacher .teacherbox:nth-child(4n-2) .list1 ul li .wordbox2 .more{ display:none}


.theteacher .teacherbox:nth-child(4n-2) .list1 ul li:hover .cover{ display:block}


/*教学老师*/

.theteacher .teacherbox:nth-child(4n-1) .list1{ width:100%; height:auto; overflow:hidden;}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul{ margin:0px; padding:0px; list-style:none}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:20%; height:auto; overflow:hidden; float:left; }
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px; position:relative}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .inbox{ width:100%; height:200px; position:absolute; left:0;bottom:0; background-image:linear-gradient( to bottom, #aed0ff, #edf8ff); border-radius:5px; overflow:hidden;  }
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .pic{ width:100%; height:200px; overflow:hidden; text-align:center; position:relative; z-index:1}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .pic img{ width:auto; height:100%;}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .wordbox{ width:100%; margin:0 auto; overflow:hidden; height:auto;position: absolute; left:0; bottom:0; z-index:1}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .wordbox .tit{ width:60%; margin:0 0; height:36px; line-height:36px; overflow:hidden; font-size:16px; font-weight:700; color:#ffffff; border-radius:0px; background-image:linear-gradient( #426aec, #0d84ef);text-align:center; border-top-right-radius:30px; border-bottom-right-radius:30px;}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .wordbox .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .box .wordbox .word{ display:none}

.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .cover{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10;background-image:linear-gradient( to bottom, #4d86fa, #9fc4fd); box-sizing:border-box; padding:20px; display:none} 
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .wordbox2{ width:100%; height:auto; overflow:hidden;text-align:center}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .wordbox2 .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:18px; font-weight:700;  border-radius:10px;background: url(../Images/tline2.jpg) bottom center no-repeat;; text-align:center; color:#FFF}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .wordbox2 .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .wordbox2 .word{ width:100%;height:100px; line-height:25px; overflow:hidden; font-size:15px; color:#ffffff; text-align:center; margin-top:10px;}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li .wordbox2 .more{ display:none}


.theteacher .teacherbox:nth-child(4n-1) .list1 ul li:hover .cover{ display:block}

.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec1 .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px; position:relative;background:linear-gradient( to bottom, #1eae38, #59cc67);}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec1 .box .num{ width:100%; height:100px; line-height:100px; margin-top:36px; overflow:hidden; text-align:center;background: linear-gradient(to bottom, #e6f1e0, #a8f9b2); -webkit-background-clip: text; background-clip: text;color: transparent;font-size:90px; font-weight:700; font-family:Arial, Helvetica, sans-serif}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec1 .box .name{ width:100%; height:35px; margin-top:10px; overflow:hidden; text-align:center; font-size:22px; color:#ffffff; text-align:center}


.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec2{ width:40%}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec2 .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px;background:linear-gradient( to bottom, #436bed, #6386f8);}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec2 .box .ad{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; bottom:0}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec2 .box .ad img{ max-width:100%; max-height:100%;}

.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec3 .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px; position:relative;background-image:linear-gradient( to bottom, #e97c37, #fbb74f);}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec3 .box .num{ width:100%; height:100px; line-height:100px; margin-top:36px; overflow:hidden; text-align:center;background: linear-gradient(to bottom, #fdede0, #f7ef8d); -webkit-background-clip: text; background-clip: text;color: transparent; font-size:100px; font-weight:700;font-size:90px; font-weight:700; font-family:Arial, Helvetica, sans-serif}
.theteacher .teacherbox:nth-child(4n-1) .list1 ul li.spec3 .box .name{ width:100%; height:35px; margin-top:10px; overflow:hidden; text-align:center; font-size:22px; color:#ffffff; text-align:center}

/*专家团队*/

.theteacher .teacherbox:nth-child(4n) .list1{ width:100%; height:auto; overflow:hidden;}
.theteacher .teacherbox:nth-child(4n) .list1 ul{ margin:0px; padding:0px; list-style:none}
.theteacher .teacherbox:nth-child(4n) .list1 ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:20%; height:auto; overflow:hidden; float:left; }
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box{ width:96%; height:200px; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; border-radius:10px; position:relative}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .inbox{ width:100%; height:200px; position:absolute; left:0;bottom:0; background-image:linear-gradient( to bottom, #aed0ff, #edf8ff); border-radius:5px; overflow:hidden;  }
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .pic{ width:100%; height:200px; overflow:hidden; text-align:center; position:relative; z-index:1}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .pic img{ width:auto; height:100%;}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .wordbox{ width:100%; margin:0 auto; overflow:hidden; height:auto;position: absolute; left:0; bottom:0; z-index:1}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .wordbox .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:16px; font-weight:700; color:#ffffff; border-radius:0px; background:rgba(16,133,223,0.8);text-align:center}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .wordbox .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .box .wordbox .word{ display:none}

.theteacher .teacherbox:nth-child(4n) .list1 ul li .cover{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; top:0; z-index:10;background-image:linear-gradient( to bottom, #54aaf1, #7de0fc); box-sizing:border-box; padding:20px; display:none} 
.theteacher .teacherbox:nth-child(4n) .list1 ul li .wordbox2{ width:100%; height:auto; overflow:hidden;text-align:center}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .wordbox2 .tit{ width:100%; margin:0 auto; height:44px; line-height:44px; overflow:hidden; font-size:18px; font-weight:700;  border-radius:10px;background: url(../Images/tline2.jpg) bottom center no-repeat;; text-align:center; color:#FFF}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .wordbox2 .tit2{ display:none}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .wordbox2 .word{ width:100%;height:100px; line-height:25px; overflow:hidden; font-size:15px; color:#ffffff; text-align:center; margin-top:10px;}
.theteacher .teacherbox:nth-child(4n) .list1 ul li .wordbox2 .more{ display:none}

.theteacher .teacherbox:nth-child(4n) .list1 ul li:hover .cover{ display:block}


/*师资详细页*/
.teacherread{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#f6fafe;  padding:50px 0 60px 0; position:relative; min-height:1000px }
.teacherread .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat;}
.teacherread .icon2{ width:208px; height:224px; position:absolute; left:50px; bottom:50px; background:url(../Images/master2.png) no-repeat;}
.teacherread .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.teacherread .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.teacherread .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.teacherread .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.teacherread .inbox{ width:100%; height:auto; overflow:hidden; background-image:linear-gradient( #ffffff, #f5fcff); border-radius:10px; box-sizing:border-box; padding:20px 0; margin-top:20px;}
.teacherread .inbox .pic{ width:30%; height:auto; overflow:hidden; float:left;}
.teacherread .inbox .pic .img{ width:100%; height:auto; overflow:hidden;}
.teacherread .inbox .pic .img img{ width:90%; height:auto}
.teacherread .inbox .pic .bm{ width:100%; height:115px; overflow:hidden; background-image:linear-gradient(to bottom, #e0f1fa, #f6fcff);}

.teacherread .inbox .tbox{ width:65%; height:auto; float:right; overflow:hidden; box-sizing:border-box; padding:0 20px 0 0}
.teacherread .inbox .tbox .tit{ width:100%; height:auto; overflow:hidden; font-size:36px; line-height:70px; font-weight:700; color:#2195f3;}
.teacherread .inbox .tbox .titline{ width:100%; height:9px; overflow:hidden; position:relative; background:url(../Images/dd.png) right center no-repeat}
.teacherread .inbox .tbox .titline .line{ width:100%; height:1px; overflow:hidden; position:absolute; left:0; top:4px; background:#0f87ec;}

.teacherread .inbox .tbox .list1{ width:100%; height:auto; overflow:hidden;}
.teacherread .inbox .tbox .list1 ul{ margin:0px; padding:0px; list-style:none}
.teacherread .inbox .tbox .list1 ul li{  margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; background:url(../Images/d1.png) left 0 top 5px no-repeat; box-sizing:border-box; padding:0 0 0 26px; font-size:15px; color:#3f3f3f;}

.teacherread .inbox .tbox .name{ width:106px; height:35px; border:1px solid #2195f3; border-radius:30px; line-height:35px; text-align:center; font-size:16px; font-weight:700; color:#2195f3; margin:20px 0 10px 0}


.teacherread .inbox .tbox .word{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:15px; overflow:hidden;}
.teacherread .inbox .tbox .word ul{ margin:0px; padding:0px; list-style:none}
.teacherread .inbox .tbox .word ul li{  margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; background: url(../Images/dot3.png) left 0 top 15px no-repeat; font-size:15px; color:#3f3f3f; box-sizing:border-box; padding:0 0 0 20px;}


/*线下校区*/
.schoolbox{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/schoolbg.jpg) top center no-repeat #f6fafe; background-size:cover;  padding:50px 0 60px 0; position:relative; min-height:1000px }
.schoolbox .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.schoolbox .icon2{ width:208px; height:224px; position:absolute; left:50px; bottom:50px; background:url(../Images/master2.png) no-repeat;z-index:1100}
.schoolbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.schoolbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.schoolbox .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center}
.schoolbox .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.schoolbox .navbox{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.schoolbox .navbox ul{ margin:0px; padding:0px; list-style:none; display:flex;align-items:center;justify-content:center; width:100%;}
.schoolbox .navbox ul li{ margin:10px 0; padding:0px; list-style:none; width:210px; height:auto; overflow:hidden; cursor:pointer }
.schoolbox .navbox ul li p{ width:90%; margin:0 auto; height:57px; line-height:57px; border:1px solid #1e91f2; border-radius:50px; overflow:hidden; font-size:18px; text-align:center}
.schoolbox .navbox ul li.onfocus p{background-image:linear-gradient( to bottom, #6ccef8, #168ded); color:#FFF; font-weight:700} 

.schoolbox .listbox{ width:98%; margin:0 auto; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; border-radius:20px;box-shadow: 0px 0px 10px 0px #b0e5fe; margin-bottom:25px;}
.schoolbox .listbox .inbox{ width:100%; height:auto; overflow:hidden; position:relative; display:none;}
.schoolbox .listbox .inbox:nth-child(1){ display:block}
.schoolbox .listbox .inbox .tit{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:22px; font-weight:700; color:#141414;}
.schoolbox .listbox .inbox .addresslist{ width:100%; height:auto; overflow:hidden;}
.schoolbox .listbox .inbox .addresslist ul{ margin:0px; padding:0px; list-style:none}
.schoolbox .listbox .inbox .addresslist ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; line-height:32px; height:auto; overflow:hidden; font-size:16px; line-height:200%; color:#141414; opacity:0.9; box-sizing:border-box; padding:0 0 0 25px}
.schoolbox .listbox .inbox .addresslist ul li.t1{ background:url(../Images/a1.jpg) left 0 top 5px no-repeat;}
.schoolbox .listbox .inbox .addresslist ul li.t2{ background:url(../Images/a2.jpg) left 0 top 5px no-repeat;}
.schoolbox .listbox .inbox .addresslist ul li.t3{ background:url(../Images/a3.jpg) left 0 top 5px no-repeat;}
.schoolbox .listbox .inbox .addresslist ul li.t4{ background:url(../Images/a4.jpg) left 0 top 5px no-repeat;}
.schoolbox .listbox .inbox .ercode{ position:absolute; right:0; top:0; width:123px;  border-radius:5px;text-align:center;}
.schoolbox .listbox .inbox .ercode img{ width:100%; border:1px solid #dbdbdb; }
.schoolbox .listbox .inbox .ercode .ercodeword{line-height:2;font-size:16px;}

.schoolbox .listbox .inbox .slidebox{ width:100%; height:300px; overflow:hidden; position:relative; margin:20px 0}
.schoolbox .listbox .inbox .slidebox .leftarr{ width:29px; height:35px; background:url(../Images/left3.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-17px; cursor:pointer; z-index:10}
.schoolbox .listbox .inbox .slidebox .rightarr{width:29px; height:35px; background:url(../Images/right3.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-17px;cursor:pointer; z-index:10}
.schoolbox .listbox .inbox .slidebox .list{ width:92%; height:300px; overflow:hidden; margin:0 auto}
.schoolbox .listbox .inbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.schoolbox .listbox .inbox .slidebox .list ul li{margin:0px; padding:0px; list-style:none; width:50%; height:300px; overflow:hidden;}
.schoolbox .listbox .inbox .slidebox .list ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:300px;}
.schoolbox .listbox .inbox .slidebox .list ul li .box .pic{ width:100%; height:100%; transition:all 0.5s ease}
.schoolbox .listbox .inbox .slidebox .list ul li:hover .box .pic{ transform:scale(1.1)}


/*信奥赛训练系统*/
.trainbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/tarin1bg.jpg) bottom center no-repeat #ffffff; background-size:cover;  padding:50px 0 60px 0; position:relative;  }
.trainbox1 .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.trainbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.trainbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.trainbox1 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.trainbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.trainbox1 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.trainbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#141414; line-height:28px;text-align:center; margin-top:0px; opacity:0.9; display:none}
.trainbox1 .wordbox img{ width:100%; margin:0 auto}


.trainbox1 .listbox{ width:98%; height:375px; position:relative; margin:0 auto; overflow:hidden; background: url(../Images/nmline.jpg) left 0 top 102px no-repeat #FFF;box-shadow: 0px 0px 10px 0px #f4f8fe; border:1px solid #f4f8fe; margin-top:25px;}
.trainbox1 .listbox .list{ width:100%; height:100%; overflow:hidden;}
.trainbox1 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.trainbox1 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; height:375px; position:absolute; width:185px; background:url(../Images/bd1.png) no-repeat}
.trainbox1 .listbox .list ul li .tit{ width:100%; height:30px; font-size:20px; line-height:30px; overflow:hidden; font-weight:700; color:#141414; text-align:center}
.trainbox1 .listbox .list ul li .word{ width:100%; height:52px; line-height:26px; font-size:14px; overflow:hidden; color:#141414; text-align:center; opacity:0.9}

.trainbox1 .listbox .list ul li:nth-child(1){ background-position: top 186px center; left:24px; box-sizing:border-box; padding:91px 0 0 0}
.trainbox1 .listbox .list ul li:nth-child(2){ background-position: top 168px center; left:206px; box-sizing:border-box; padding:240px 0 0 0}
.trainbox1 .listbox .list ul li:nth-child(3){ background-position: top 217px center; left:398px; box-sizing:border-box; padding:108px 0 0 0}
.trainbox1 .listbox .list ul li:nth-child(4){ background-position: top 180px center; left:565px; box-sizing:border-box; padding:238px 0 0 0}
.trainbox1 .listbox .list ul li:nth-child(5){ background-position: top 116px center; left:724px; box-sizing:border-box; padding:72px 0 0 0}
.trainbox1 .listbox .list ul li:nth-child(6){ background-position: top 95px center; left:877px; box-sizing:border-box; padding:161px 0 0 0}



.trainbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: #fffbf4; background-size:cover;  padding:0px 0 60px 0; position:relative;  }
.trainbox2 .icon1{ width:237px; height:207px; position:absolute; left:0; bottom:10px; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.trainbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.trainbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.trainbox2 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.trainbox2 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.trainbox2 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.trainbox2 .titbox2 img{ max-width:100%; height:auto}

/*系统功能*/
.trainbox3{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/trainbg3.jpg) top center no-repeat; background-size:cover;  padding:79px 0 60px 0; position:relative;  }
.trainbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.trainbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.trainbox3 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.trainbox3 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.trainbox3 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}

.trainbox3 .listbox{ width:98%; margin:0 auto; height:auto; overflow:hidden; box-sizing:border-box; padding:30px 0; background:#FFF; border-radius:20px;box-shadow: 0px 0px 10px 0px #b0e5fe; margin-bottom:25px;}
.trainbox3 .listbox ul{ margin:0px; padding:0px; list-style:none}
.trainbox3 .listbox ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:auto; float:left; overflow:hidden;}
.trainbox3 .listbox ul li .pic{ width:100%; height:80px; text-align:center; overflow:hidden;}
.trainbox3 .listbox ul li .pic img{ max-width:80%;}
.trainbox3 .listbox ul li .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; font-weight:700; font-size:16px;}


.trainbox3 .listbox2{ width:98%; margin:0 auto; height:auto; overflow:hidden; box-sizing:border-box; padding:30px 20px; background:#FFF; border-radius:20px;box-shadow: 0px 0px 10px 0px #b0e5fe; margin-bottom:25px;}

.trainbox3 .listbox2 .navbox{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.trainbox3 .listbox2 .navbox ul{ margin:0px; padding:0px; list-style:none; display:flex;align-items:center;justify-content:center; width:100%;}
.trainbox3 .listbox2 .navbox ul li{ margin:10px 0; padding:0px; list-style:none; width:210px; height:auto; overflow:hidden; cursor:pointer }
.trainbox3 .listbox2 .navbox ul li p{ width:90%; margin:0 auto; height:57px; line-height:57px; border:1px solid #1e91f2; border-radius:50px; overflow:hidden; font-size:18px; text-align:center}
.trainbox3 .listbox2 .navbox ul li.onfocus p{background-image:linear-gradient( to bottom, #6ccef8, #168ded); color:#FFF; font-weight:700} 

.trainbox3 .onebox{ width:100%; height:auto; overflow:hidden;}
.trainbox3 .onebox .inbox{ width:100%; height:auto; overflow:hidden; position:relative; display:none;}
.trainbox3 .onebox .inbox:nth-child(1){ display:block}
.trainbox3 .onebox .inbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:16px; opacity:0.9; color:#141414;}


.trainbox3 .onebox .inbox .slidebox{ width:100%; height:380px; overflow:hidden; position:relative; margin:20px 0}
.trainbox3 .onebox .inbox .slidebox .leftarr{ width:29px; height:35px; background:url(../Images/left3.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-17px; cursor:pointer}
.trainbox3 .onebox .inbox .slidebox .rightarr{width:29px; height:35px; background:url(../Images/right3.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-17px;cursor:pointer}
.trainbox3 .onebox .inbox .slidebox .list{ width:92%; height:380px; overflow:hidden; margin:0 auto}
.trainbox3 .onebox .inbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.trainbox3 .onebox .inbox .slidebox .list ul li{margin:0px; padding:0px; list-style:none; width:100%; height:380px; overflow:hidden;}
.trainbox3 .onebox .inbox .slidebox .list ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:380px;}
.trainbox3 .onebox .inbox .slidebox .list ul li .box .pic{ width:100%; height:100%; transition:all 0.5s ease}
.trainbox3 .onebox .inbox .slidebox .list ul li:hover .box .pic{ transform:scale(1.1)}

/*常见问题*/
.trainbox4{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#fafcfe;  padding:0px 0 60px 0; position:relative;  }
.trainbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.trainbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.trainbox4 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.trainbox4 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.trainbox4 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}

.trainbox4 .listbox{ width:100%; height:auto; overflow:hidden;}
.trainbox4 .listbox .one{width:98%; margin:5px auto; height:auto; overflow:hidden; box-sizing:border-box; padding:20px 20px; background:#FFF; border-radius:20px;box-shadow: 0px 0px 10px 0px #b0e5fe; margin-bottom:20px;}
.trainbox4 .listbox .one .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; box-sizing:border-box; padding:0 0 0 40px; background:url(../Images/q.png) left 0 top 5px no-repeat; font-size:18px; font-weight:700; line-height:35px;}
.trainbox4 .listbox .one .word{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 40px; background:url(../Images/a.png) left 0 top 5px no-repeat; font-size:16px; color:#626262; line-height:35px;}

/*课程体系*/
.infobox1{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: #ffffff; background-size:cover;  padding:50px 0 60px 0; position:relative;  }
.infobox1 .icon1{ width:219px; height:198px; position:absolute; right:50px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.infobox1 .icon2{ width:237px; height:207px; position:absolute; left:0; bottom:10px; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.infobox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.infobox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.infobox1 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.infobox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.infobox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.infobox1 .wordbox img{ max-width:100%; height:auto}

.infobox1 .thebox{ width:100%; height:auto; overflow:hidden; margin-top:40px; font-size:16px; line-height:200%}
.infobox1 .thebox img{ max-width:100%; height:auto}

.infobox1 .thebox  table { border-collapse: collapse; width: 100%;text-align: left; }
.infobox1 .thebox  th, td { border: 8px solid #ffffff; padding: 10px; }
/* 编程语言行样式 */
.infobox1 .thebox  tr:first-child th {background-color: #57bbfb;color: white; text-align:center; font-weight:700}
/* 表头行样式 */
.infobox1 .thebox tr:nth-child(2) th {background-color: #22b5c5;color: white;text-align: center;font-weight:700}
/* 阶段列样式 */
.infobox1 .thebox .stage1 {background-color: #4ab562;color: white;text-align: center;}
.infobox1 .thebox .stage2 {background-color: #fdbd53;color: white;text-align: center;}
.infobox1 .thebox .stage3 {background-color: #21c3ff;color: white;text-align: center;}
.infobox1 .thebox .stage4 {background-color: #9b9af3;color: white;text-align: center;}
.infobox1 .thebox .stage5 {background-color: #4ab562;color: white;text-align: center;}
        /* 内容列样式 */
.infobox1 .thebox  .row-header {background-color: #dbf0e0; text-align:center }
.infobox1 .thebox  .row-content {background-color: #e7eee0;}
.infobox1 .thebox  .row-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #4ab562;padding: 8px; font-weight:700; color:#4ab562}

.infobox1 .thebox  .row2-header {background-color: #fde3b9; text-align:center }
.infobox1 .thebox  .row2-content {background-color: #f7f0e4;}
.infobox1 .thebox  .row2-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #fdbd53;padding: 8px; font-weight:700; color:#fdbd53}

.infobox1 .thebox  .row3-header {background-color: #c2ebfa; text-align:center }
.infobox1 .thebox  .row3-content {background-color: #ebf6fa;}
.infobox1 .thebox  .row3-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #21c3ff;padding: 8px; font-weight:700; color:#21c3ff}

.infobox1 .thebox  .row4-header {background-color: #d5d5fd; text-align:center }
.infobox1 .thebox  .row4-content {background-color: #eeeeff;}
.infobox1 .thebox  .row4-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #9b9af3;padding: 8px; font-weight:700; color:#9b9af3}

.infobox1 .thebox  .row5-header {background-color: #dbf0e0; text-align:center }
.infobox1 .thebox  .row5-content {background-color: #e7eee0;}
.infobox1 .thebox  .row5-content2 {background-color: #ffffff;text-align:center;box-shadow: inset 0 0 0 2px #4ab562;padding: 8px; font-weight:700; color:#4ab562}


/*机器人课程特色*/
#robotspec{ width:100%; height:auto; overflow:hidden; background:url(../Images/robotspecbg.jpg) no-repeat; background-size:cover; position:relative}
#robotspec .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
#robotspec .icon2{ width:237px; height:207px; position:absolute; left:0; top:25%; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
#robotspec .icon3{ width:256px; height:271px; position:absolute; right:20px; top:50%; background:url(../Images/rbicon1.png) no-repeat;z-index:1100}
#robotspec .icon4{ width:328px; height:382px; position:absolute; left:0; top:75%; background:url(../Images/rbicon2.png) no-repeat;z-index:1100}


.rbspexbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:50px 0 30px 0; position:relative;  }
.rbspexbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox1 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.rbspexbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}

.rbspexbox1 .listbox{ width:98%; margin:0 auto; height:375px; overflow:hidden; box-sizing:border-box; padding:30px 0; background: url(../Images/carton.png) left 20% bottom no-repeat #FFF; 
border-radius:20px;box-shadow: 0px 0px 10px 0px #d0dff9; margin-bottom:25px; position:relative; overflow:hidden;}
.rbspexbox1 .listbox .pic{ width:55%; position:absolute; right:25px; top:25px; height:325px; overflow:hidden;}
.rbspexbox1 .listbox .one{ width:154px; height:159px; background:url(../Images/circle.png) no-repeat; font-size:18px; font-weight:700; color:#FFF; box-sizing:border-box; padding:0 10px; display:flex;align-items:center;justify-content:center; position:absolute; text-align:center}
.rbspexbox1 .listbox .t1{ left:16px; top:141px;}
.rbspexbox1 .listbox .t2{ left:186px; top:24px;}
.rbspexbox1 .listbox .t3{ left:345px; top:145px;}

.rbspexbox1 .titbox2{ width:100%; height:auto; line-height:50px; font-size:36px; font-weight:700; color:#141414; overflow:hidden; text-align:center; margin-top:50px;}
.rbspexbox1 .cxlist{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.rbspexbox1 .cxlist ul{ margin:0px; padding:0px; list-style:none}
.rbspexbox1 .cxlist ul li{ margin:0px; padding:5px 0; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.rbspexbox1 .cxlist ul li p{ width:96%; margin:0 auto; border:1px solid #98bbfc; border-radius:5px; height:64px; line-height:64px; text-align:center; font-size:20px; font-weight:700; color:#386bcf; box-shadow: 0px 0px 10px 5px #cde6ff; background:#FFF}

/*教学理念*/
.rbspexbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.rbspexbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox2 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox2 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.rbspexbox2 .titbox2{ width:100%; height:auto; overflow:hidden; font-size:22px; color:#141414; line-height:35px;text-align:center; margin-top:0px; font-weight:700 }

.rbspexbox2 .list{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.rbspexbox2 .list ul{ margin:0px; padding:0px; list-style:none}
.rbspexbox2 .list ul li{ margin:0px; padding:5px 0; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.rbspexbox2 .list ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden;}
.rbspexbox2 .list ul li .tit{ width:80%; height:66px; line-height:66px; border:1px solid #359df3; margin:0 auto; position:relative; z-index:1; font-size:38px; font-weight:700; text-align:center; color:#319af2;box-shadow: 0px 0px 10px 0px #319af2; background:#FFF;}
.rbspexbox2 .list ul li .wordbox{ width:100%; height:200px; overflow:hidden; box-sizing:border-box; padding:20px; border:1px solid #ffffff; border-radius:10px; padding:76px 20px 0 20px; font-size:16px; color:#FFF; line-height:26px; margin-top:-39px; position:relative; z-index:0;background-image:linear-gradient( #7ad0ff, #319af2); text-align:center}

.rbspexbox2 .list ul li:nth-child(2) .tit{ border:1px solid #7166c6; color:#7166c6;box-shadow: 0px 0px 10px 0px #7166c6; }
.rbspexbox2 .list ul li:nth-child(2) .wordbox{ background-image:linear-gradient( #a59cec, #8378d7); }

.rbspexbox2 .list ul li:nth-child(3) .tit{ border:1px solid #20a7bc; color:#20a7bc;box-shadow: 0px 0px 10px 0px #20a7bc; }
.rbspexbox2 .list ul li:nth-child(3) .wordbox{ background-image:linear-gradient( #2dcbb4, #23b2c8); }


/*学习方法*/
.rbspexbox3{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.rbspexbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox3 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox3 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.rbspexbox3 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#141414; line-height:35px;text-align:center; margin-top:20px; font-weight:700 }
.rbspexbox3 .wordbox img{ width:100%; height:auto; overflow:hidden;}


/*学习新场景*/
.rbspexbox4{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.rbspexbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox4 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox4 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.rbspexbox4 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#141414; line-height:35px;text-align:center; margin-top:20px; font-weight:700 }
.rbspexbox4 .wordbox img{ width:100%; height:auto; overflow:hidden;}

.rbspexbox4 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.rbspexbox4 .listbox .leftbox{ width:35%; height:auto; float:left; overflow:hidden;}
.rbspexbox4 .listbox .leftbox .tit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#319af2; line-height:40px;}
.rbspexbox4 .listbox .leftbox .list{ width:100%; height:auto; overflow:hidden;}
.rbspexbox4 .listbox .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.rbspexbox4 .listbox .leftbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:5px;}
.rbspexbox4 .listbox .leftbox .list ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; border:1px solid #c7d5e1; padding:20px 20px 20px 57px; position:relative;box-shadow: 0px 0px 10px 0px #ffffff;}
.rbspexbox4 .listbox .leftbox .list ul li .title{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:18px; font-weight:700; color:#141414}
.rbspexbox4 .listbox .leftbox .list ul li .word{ width:100%; height:auto; overflow:hidden; line-height:32px; font-size:15px; color:#141414; opacity:0.9}
.rbspexbox4 .listbox .leftbox .list ul li .num{ width:34px; height:34px; position:absolute; left:2px; top:2px; overflow:hidden;background-image:linear-gradient(to bottom, #fbb84f, #f38843); border-radius:5px; font-family:Arial, Helvetica, sans-serif; font-size:20px; color:#FFF; text-align:center; line-height:34px;}
.rbspexbox4 .listbox .leftbox .list ul li:hover .box{ border:1px solid #7dbff7;box-shadow: 0px 0px 10px 0px #e2f1fd;}
.rbspexbox4 .listbox .leftbox .list ul li:hover .num{background-image:linear-gradient(to bottom, #a4d5fe, #528bfa); }

.rbspexbox4 .listbox .rightbox{ width:60%; height:auto; float:right; overflow:hidden;}
.rbspexbox4 .listbox .rightbox img{ width:100%; height:auto}

.rbspexbox4 .wordbox2{ width:100%; height:auto; overflow:hidden; border:5px solid #fcdbc6; border-radius:10px;background-image:linear-gradient(to bottom, #fbb64f, #f38743);border-radius:5px; box-sizing:border-box; padding:20px; font-size:18px; font-weight:700; color:#FFF; text-align:center; margin-top:20px; line-height:35px;}
.rbspexbox4 .wordbox2 img{ width:100%; height:auto; overflow:hidden;}

.rbspexbox4 .listbox2{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.rbspexbox4 .listbox2 ul{ margin:0px; padding:0px; list-style:none}
.rbspexbox4 .listbox2 ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.rbspexbox4 .listbox2 ul li .box{ width:98%; height:auto; overflow:hidden; border:1px solid #edf3fd; border-radius:10px; background:#ffffff; padding:25px;box-shadow: 0px 0px 10px 0px #edf3fd;}
.rbspexbox4 .listbox2 ul li .tit{ width:100%; height:58px; line-height:58px; font-size:26px; font-weight:700; color:#FFF; text-align:center; background:url(../Images/learn1.jpg) no-repeat; background-size:cover;}
.rbspexbox4 .listbox2 ul li .word{width:100%; height:121px; line-height:30px; margin-top:20px; font-size:16px; color:#141414;}
.rbspexbox4 .listbox2 ul li .pic{ width:100%; height:278px; overflow:hidden; margin-top:10px;}

.rbspexbox4 .listbox2 ul li:nth-child(2) .box{ float:right}
.rbspexbox4 .listbox2 ul li:nth-child(2) .tit{ background:url(../Images/learn2.jpg) no-repeat; background-size:cover;}


/*“5C”教学法*/
.rbspexbox5{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.rbspexbox5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox5 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox5 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}

.rbspexbox5 .listbox{ width:100%; height:295px; overflow:hidden; margin:0 auto; background:url(../Images/5cline.png) center center no-repeat;}
.rbspexbox5 .listbox .list{ width:100%; height:100%; overflow:hidden;}
.rbspexbox5 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.rbspexbox5 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; height:295px; float:left; overflow:hidden;}
.rbspexbox5 .listbox .list ul li .box{ width:96%; height:295px; overflow:hidden; margin:0 auto; position:relative} 
.rbspexbox5 .listbox .list ul li .tit{ width:92px; height:92px; background:url(../Images/c1.png) no-repeat; line-height:92px; text-align:center; font-size:22px; font-weight:700; color:#ffffff; position:absolute; left:50%; margin-left:-46px; top:76px}
.rbspexbox5 .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; margin-top:20px; overflow:hidden; font-size:15px; color:#141414; opacity:0.9; position:absolute; left:0; top:160px}
.rbspexbox5 .listbox .list ul li:nth-child(2n) .tit{ top:134px;}
.rbspexbox5 .listbox .list ul li:nth-child(2n) .word{ top:auto; bottom:196px}

.rbspexbox5 .listbox .list ul li:nth-child(2) .tit{ background:url(../Images/c2.png) no-repeat;}
.rbspexbox5 .listbox .list ul li:nth-child(3) .tit{ background:url(../Images/c3.png) no-repeat;}
.rbspexbox5 .listbox .list ul li:nth-child(4) .tit{ background:url(../Images/c4.png) no-repeat;}
.rbspexbox5 .listbox .list ul li:nth-child(5) .tit{ background:url(../Images/c5.png) no-repeat;}

/*课堂环节*/
.rbspexbox6{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:50px 0 30px 0; position:relative;  }
.rbspexbox6 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.rbspexbox6 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.rbspexbox6 .titbox0{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:20px; font-weight:700; color:#141414}
.rbspexbox6 .titbox{ width:100%; height:100px; line-height:100px; overflow:hidden; text-align:center; margin-bottom:20px;}
.rbspexbox6 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.rbspexbox6 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:33px;text-align:center; margin-top:0px; opacity:0.9}
.rbspexbox6 .wordbox img{ max-width:100%; height:auto}

.rbspexbox6 .listbox{ width:98%; margin:0 auto; height:auto; overflow:hidden; box-sizing:border-box; padding:30px 20px  0 20px; background: url(../Images/carton.png) left 20% bottom no-repeat #FFF; 
border-radius:20px;box-shadow: 0px 0px 10px 0px #d0dff9; margin-bottom:25px; position:relative; overflow:hidden;}


/*机器人课程体系*/
.robotbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.robotbox1 .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.robotbox1 .icon2{ width:237px; height:207px; position:absolute; left:0; top:25%; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.robotbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.robotbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.robotbox1 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-top:20px;}
.robotbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.robotbox1 .titbox2{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:18px; font-weight:700; color:#141414; text-align:center; margin-bottom:20px;}
.robotbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:35px;text-align:center; margin-top:20px;}
.robotbox1 .wordbox img{ max-width:100%; height:auto; overflow:hidden;}



/*专用编程电脑*/
.computerbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.computerbox1 .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.computerbox1 .icon2{ width:237px; height:207px; position:absolute; left:0; top:25%; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.computerbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.computerbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.computerbox1 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-top:20px;}
.computerbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.computerbox1 .titbox2{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:18px; font-weight:700; color:#141414; text-align:center; margin-bottom:20px;}
.computerbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:35px;text-align:center; margin-top:20px;}
.computerbox1 .wordbox img{ max-width:100%; height:auto; overflow:hidden;}

.computerbox1 .wordbox table{width:98%;border-collapse:collapse;box-shadow: 0px 0px 10px 0px #edf3fd; margin:0 auto}
.computerbox1 .wordbox tr.tit{ background:#0172c4; color:#FFF;}
.computerbox1 .wordbox tr.even{ background:#eff4f8}
.computerbox1 .wordbox td{border:1px solid #eaeaea;line-height:35px; font-size:14px;}
.computerbox1 .wordbox td em{color:#999;margin-left:5px; font-style:normal;}



.computerbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:78px 0 65px 0; position:relative; background:url(../Images/computerbg2.jpg) bottom center no-repeat; background-size:cover  }
.computerbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.computerbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.computerbox2 .thebox{ width:71%; height:auto; float:right; overflow:hidden;}
.computerbox2 .titbox{ width:100%; height:auto; overflow:hidden;}
.computerbox2 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#f6f9fe; border-radius:20px; padding:35px 0}
.computerbox2 .listbox .list{ width:100%; height:auto; overflow:hidden;}
.computerbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.computerbox2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; float:left; overflow:hidden; background:url(../Images/jt1.png) top 40px right 0 no-repeat;}
.computerbox2 .listbox .list ul li:last-child{ background:none}
.computerbox2 .listbox .list ul li .box{ width:90%; height:auto; overflow:hidden;}
.computerbox2 .listbox .list ul li .box .pic{ width:100%; height:105px; overflow:hidden; text-align:center}
.computerbox2 .listbox .list ul li .box .pic img{ max-width:100%}
.computerbox2 .listbox .list ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; color:#1e93f2;}


.computerbox2 .listbox2{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.computerbox2 .listbox2 .box{ width:48%; height:auto; overflow:hidden; background:#f6f9fe; border-radius:10px; padding:25px; float:left}
.computerbox2 .listbox2 .box:nth-child(2){ float:right}
.computerbox2 .listbox2 .box .tit{ width:30%; float:left; height:56px; line-height:56px; font-size:22px; font-weight:700; color:#1e93f2;}
.computerbox2 .listbox2 .box .pic{ float:right; overflow:hidden; height:56px; line-height:56px;}
.computerbox2 .listbox2 .box .pic ul{ margin:0px; padding:0px; list-style:none}
.computerbox2 .listbox2 .box .pic ul li{ margin:0px 0 0 20px; padding:0px; list-style:none; float:left}

/*GESP课程体系*/
.gespbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.gespbox1 .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.gespbox1 .icon2{ width:237px; height:207px; position:absolute; left:0; top:75%; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.gespbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1080px; margin:0 auto; clear:both; overflow:hidden; }
.gespbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.gespbox1 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-top:20px;}
.gespbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.gespbox1 .titbox2{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:16px; color:#141414; text-align:center; margin-bottom:20px;}
.gespbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:35px;text-align:center; margin-top:20px;}
.gespbox1 .wordbox img{ max-width:100%; height:auto; overflow:hidden;}

.gespbox1 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.gespbox1 .listbox ul{ margin:0px; padding:0px; list-style:none}
.gespbox1 .listbox ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;display: flex; }
.gespbox1 .listbox ul li .tbox{ width:16%; float:left; height:auto; overflow:hidden; line-height:200%; background:#2195f3; border-radius:5px; position:relative; }
.gespbox1 .listbox ul li .tbox .tit{ width:100%; height:calc(100% - 40px); display:flex;align-items:center;justify-content:center; font-size:24px; font-weight:700; color:#FFF; position:relative; z-index:0} 
.gespbox1 .listbox ul li .tbox .tit2{ width:100%; height:40px; line-height:40px; text-align:center; font-size:16px; color:#FFF; background:rgba(0,0,0,0.3); font-weight:700; position:absolute; left:0; bottom:0}

.gespbox1 .listbox ul li .wbox{ width:82%; float:right; height:auto; overflow:hidden; line-height:200%; background:#2195f3;border-radius:5px; margin-left: 2%;} 
.gespbox1 .listbox ul li .wbox .list{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:25px;}
.gespbox1 .listbox ul li .wbox .list p{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#303030; background:url(../Images/dot5.png) left 0 top 13px no-repeat; line-height:30px; box-sizing:border-box; padding:0 0 0 15px; margin:5px 0}


.gespbox1 .listbox ul li.title{ font-size:18px; font-weight:700; color:#FFF; text-align:center}
.gespbox1 .listbox ul li.title .tbox{ height:45px; line-height:45px;}
.gespbox1 .listbox ul li.title .wbox{ height:45px; line-height:45px;}

.gespbox1 .listbox ul li:nth-child(2) .tbox{ background:#ff9c17}
.gespbox1 .listbox ul li:nth-child(2) .wbox{ background:#ffebd1}
.gespbox1 .listbox ul li:nth-child(2) .wbox .list p{ width:50%; float:left} 

.gespbox1 .listbox ul li:nth-child(3) .tbox{ background:#5891fb}
.gespbox1 .listbox ul li:nth-child(3) .wbox{ background:#ebf2ff}
.gespbox1 .listbox ul li:nth-child(3) .wbox .list p{ width:50%; float:left} 

.gespbox1 .listbox ul li:nth-child(4) .tbox{ background:#40c057}
.gespbox1 .listbox ul li:nth-child(4) .wbox{ background:#e8f7eb}

.gespbox1 .listbox ul li:nth-child(5) .tbox{ background:#6e6be5}
.gespbox1 .listbox ul li:nth-child(5) .wbox{ background:#ededfc}

.gespbox1 .listbox ul li:nth-child(6) .tbox{ background:#31cbcf}
.gespbox1 .listbox ul li:nth-child(6) .wbox{ background:#e6f9f9}

.gespbox1 .listbox ul li:nth-child(7) .tbox{ background:#f4637c}
.gespbox1 .listbox ul li:nth-child(7) .wbox{ background:#feecef}

.gespbox1 .listbox ul li:nth-child(8) .tbox{ background:#f4b91a}
.gespbox1 .listbox ul li:nth-child(8) .wbox{ background:#fef6e3}

.gespbox1 .listbox ul li:nth-child(9) .tbox{ background:#3fd09b}
.gespbox1 .listbox ul li:nth-child(9) .wbox{ background:#e8f9f3}

.gespbox1 .listbox ul li:nth-child(9) ~li .tbox{ background:#3fd09b}
.gespbox1 .listbox ul li:nth-child(9) ~li .wbox{ background:#e8f9f3}


/*数理思维课程体系*/
.mathbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; padding:5px 0 60px 0; position:relative;  }
.mathbox1 .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.mathbox1 .icon2{ width:237px; height:207px; position:absolute; left:0; bottom:30px; background:url(../Images/abicon3.png) no-repeat;z-index:1100}
.mathbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1200px; margin:0 auto; clear:both; overflow:hidden; }
.mathbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.mathbox1 .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; text-align:center; margin-top:20px;}
.mathbox1 .titbox em{ font-style:normal; font-weight:700; font-size:42px; font-weight:700; color:#141414; margin:0 5px}
.mathbox1 .titbox2{ width:100%; height:auto; line-height:30px; overflow:hidden; font-size:16px; color:#141414; text-align:center; margin-bottom:20px;}
.mathbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#141414; line-height:35px;text-align:center; margin-top:0px;}
.mathbox1 .wordbox img{ max-width:100%; height:auto; overflow:hidden;}

.mathbox1 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.mathbox1 .listbox ul{ margin:0px; padding:0px; list-style:none}
.mathbox1 .listbox ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;display: flex; }
.mathbox1 .listbox ul li .tit{ width:13%; height:auto; background:#fee8ec; font-size:18px; float:left; box-sizing:border-box; padding:16px 10px; background:#fee8ec;text-align:center; font-weight:normal;display: flex; align-items:center;justify-content:center }
.mathbox1 .listbox ul li .box1{ width:21%; margin-left:1%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:16px 10px; background:#d8f1ff;}
.mathbox1 .listbox ul li .box2{ width:21%; margin-left:1%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:16px 10px; background:#e2ecfe;}
.mathbox1 .listbox ul li .box3{ width:21%; margin-left:1%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:16px 10px; background:#fff0dc;}
.mathbox1 .listbox ul li .box4{ width:21%; margin-left:1%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:16px 10px; background:#d8f1ff;}

.mathbox1 .listbox ul li.title{ font-size:20px; font-weight:700; color:#141414; text-align:center }

.mathbox1 .listbox ul li .box1 .inbox{ width:48%; height:auto; background:#3db8fe; box-sizing:border-box; padding:10px; border-radius:5px; float:left}
.mathbox1 .listbox ul li .box1 .inbox:nth-child(2){ float:right}

.mathbox1 .listbox ul li .box2 .inbox{ width:48%; height:auto; background:#6ca2fc; box-sizing:border-box; padding:10px; border-radius:5px; float:left}
.mathbox1 .listbox ul li .box2 .inbox:nth-child(2){ float:right}

.mathbox1 .listbox ul li .box3 .inbox{ width:48%; height:auto; background:#ff9b17; box-sizing:border-box; padding:10px; border-radius:5px; float:left}
.mathbox1 .listbox ul li .box3 .inbox:nth-child(2){ float:right}

.mathbox1 .listbox ul li .box4 .inbox{ width:48%; height:auto; background:#3db8fe; box-sizing:border-box; padding:10px; border-radius:5px; float:left}
.mathbox1 .listbox ul li .box4 .inbox:nth-child(2){ float:right}


.mathbox1 .listbox ul li .name{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:16px; font-weight:700; color:#FFF; text-align:center}
.mathbox1 .listbox ul li .name2{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:700; color:#FFF; text-align:center}
.mathbox1 .listbox ul li .name2 span{ font-size:36px; font-weight:700; font-family: Arial, Helvetica, sans-serif}
.mathbox1 .listbox ul li .wbox{ width:100%; height:auto; overflow:hidden;}
.mathbox1 .listbox ul li .wbox p{ width:100%; height:auto; overflow:hidden; font-size:16px; font-weight:700; color:#FFF; box-sizing:border-box; padding:20px; line-height:30px; font-weight:700; text-align:center; margin-top:10px; border-radius:10px}

.mathbox1 .listbox ul li .box1 .wbox p{background:#3db8fe;}
.mathbox1 .listbox ul li .box2 .wbox p{background:#6ca2fc;}
.mathbox1 .listbox ul li .box3 .wbox p{background:#ff9b17;}
.mathbox1 .listbox ul li .box4 .wbox p{background:#3db8fe;}


.mathbox1 .listbox2{ width:100%; height:auto; overflow:hidden; margin-top:25px; display:none}
.mathbox1 .listbox2 ul{ margin:0px; padding:0px; list-style:none}
.mathbox1 .listbox2 ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.mathbox1 .listbox2 ul li .tit{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:700; color:#141414; text-align:center; background:#d8f1ff}

.mathbox1 .listbox2 ul li .box{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px; background:#d8f1ff; margin-top:10px}

.mathbox1 .listbox2 ul li .box .inbox{ width:49%; height:auto; background:#3db8fe; box-sizing:border-box; padding:10px; border-radius:5px; float:left}
.mathbox1 .listbox2 ul li .box .inbox:nth-child(2){ float:right}
.mathbox1 .listbox2 ul li .box .inbox p.t1{ height:40px; line-height:40px; float:left; font-size:16px; color:#FFF;}
.mathbox1 .listbox2 ul li .box .inbox p.t2{ height:40px; line-height:40px; float:right; font-size:16px; color:#FFF;}

.mathbox1 .listbox2 ul li .wbox{ width:100%; height:auto; overflow:hidden;box-sizing:border-box; padding:5px; background:#d8f1ff; margin-top:10px}
.mathbox1 .listbox2 ul li .wbox p{ width:100%; height:auto; overflow:hidden; font-size:14px; font-weight:700; color:#FFF; box-sizing:border-box; padding:10px; line-height:30px; font-weight:700; text-align:center; margin-top:10px; border-radius:10px; background:#3db8fe}


.mathbox1 .listbox2 ul li:nth-child(2) .tit{ background:#e2ecfe;}
.mathbox1 .listbox2 ul li:nth-child(2) .box{background:#e2ecfe;}
.mathbox1 .listbox2 ul li:nth-child(2) .wbox{background:#e2ecfe;}
.mathbox1 .listbox2 ul li:nth-child(2) .box .inbox{background:#6ca2fc;}
.mathbox1 .listbox2 ul li:nth-child(2) .wbox p{background:#6ca2fc;}

.mathbox1 .listbox2 ul li:nth-child(3) .tit{ background:#fff0dc;}
.mathbox1 .listbox2 ul li:nth-child(3) .box{background:#fff0dc;}
.mathbox1 .listbox2 ul li:nth-child(3) .wbox{background:#fff0dc;}
.mathbox1 .listbox2 ul li:nth-child(3) .box .inbox{background:#ff9b17;}
.mathbox1 .listbox2 ul li:nth-child(3) .wbox p{background:#ff9b17;}


.mainbox{ width:100%; height:auto; overflow:hidden; padding:30px 0;   position:relative; z-index:100; background:#f6fafe; min-height:350px}
.mainbox .icon1{ width:219px; height:198px; position:absolute; right:20px; top:10px; background:url(../Images/master1.png) no-repeat;z-index:1100}
.mainbox .icon2{ width:208px; height:224px; position:absolute; left:0; top:50%; background:url(../Images/master2.png) no-repeat;z-index:1100}
.mainbox .icon3{ width:309px; height:229px; position:absolute; right:0; top:75%; background:url(../Images/teachicon1.png) no-repeat;z-index:1100}


.mainbox .centerbox{ width:100%; height:auto; max-width:1080px; margin:0 auto; clear:both; overflow:hidden;  }
.mainbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.mainbox .topnum{ width:100%; height:auto; line-height:150px; font-size:121px; font-weight:700; color:#d9576f}
.mainbox .toptitle{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:10px; font-size:36px; font-weight:700; color:#333333; line-height:50px; text-align:left; margin-bottom:20px;}
.mainbox .toptitle2{ width:100%; height:auto; overflow:hidden; position:relative; margin-bottom:10px; font-size:30px; font-weight:700; color:#182b3e; line-height:50px; text-align:left  }



.mainbox .location{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:14px; color:#999999}
.mainbox .leftbox{ width:24%; float:right; overflow:hidden; }
.mainbox .rightbox{ width:73%; float:left; overflow:hidden;}


.mainbox .leftbox .blogo{ width:100%; height:auto; overflow:hidden; }
.mainbox .leftbox .blogo img{ width:100%; height:auto}

.mainbox .leftbox .codelist{ width:100%; height:auto; overflow:hidden; margin-top:12px;}
.mainbox .leftbox .codelist ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .codelist ul li{ margin:0px; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.mainbox .leftbox .codelist ul li .box{ width:96%; height:auto; border:1px solid #c0e4f0; box-sizing:border-box; padding:10px;}
.mainbox .leftbox .codelist ul li .pic{ width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .codelist ul li .pic img{ width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .codelist ul li .tit{ width:1005; height:50px; line-height:25px; font-size:14px; margin-top:10px; overflow:hidden; text-align:center}



.mainbox .leftbox .titbox{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:28px; font-weight:700; color:#333333; border-bottom:1px solid #e9ebec; background:url(../Images/theline.png) left bottom no-repeat; margin-top:25px;}
.mainbox .leftbox .titbox span{ color:#adadad; font-size:20px; font-weight:normal}

.mainbox .leftbox .searchbox{ width:100%; height:51px; overflow:hidden; position:relative; border:1px solid #e1e9ec; margin-top:10px;}
.mainbox .leftbox .searchbox .input1{ width:270px; height:51px; line-height:51px; text-indent:10px; border:0px; position:absolute; left:0; top:0; outline:none}
.mainbox .leftbox .searchbox .btnme{ width:50px; height:50px; background:url(../Images/btnme.png) center center no-repeat #00a0e9; position:absolute; right:0; top:0; border:0}

.mainbox .leftbox .title{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; font-weight:700; color:#333333}


.mainbox .leftbox .listbox{ width:100%; height:auto; overflow:hidden;}
.mainbox .leftbox .listbox ul{ margin:0px; padding:0px; list-style:none}
.mainbox .leftbox .listbox ul li{ margin:0px; padding:0px;list-style:none; width:100%; height:53px; line-height:53px; overflow:hidden; font-size:16px; color:#333333; background:url(../Images/dot2.png) left center no-repeat; text-indent:15px; border-bottom:1px dashed #bed0e1;text-overflow: ellipsis;white-space: nowrap; }



.listnews{ width:100%; height:auto; overflow:hidden;}
.listnews ul{ margin:0px; padding:0px; list-style:none}
.listnews ul li{ margin:20px 0 0 0; padding:0; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:5px}

.listnews ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#ffffff; padding:20px; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #ffffff; border:1px solid #f6f6f6;}
.listnews ul li .timebox{ width:13%; overflow:hidden;  height:111px;  overflow:hidden; float:left; box-sizing:border-box; border-right:1px solid #ededed; color:#0082d4; margin-top:35px; text-align:center; display:none } 
.listnews ul li .timebox p.t1{ width:100%; overflow:hidden; height:50px; line-height:50px; font-size:42px; font-weight:700;  margin-top:15px; font-family:Arial, Helvetica, sans-serif }
.listnews ul li .timebox p.t2{ width:100%; height:40px; line-height:40px; font-size:14px;  opacity:0.7}

.listnews ul li .pic{ width:26%; float:left; overflow:hidden; height:170px; overflow:hidden; border-radius:5px; } 
.listnews ul li .pic .img{ width:100%;  height:100%;transition: all 0.5s ease;}
.listnews ul li .wordbox{ width:73%; float:right; box-sizing:border-box; padding:0px 0 0 20px}

.listnews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:18px; color:#141414; overflow:hidden;margin-top:0px;}
.listnews ul li .wordbox .word{ width:100%; height:60px; line-height:30px; font-size:14px; color:#626262; overflow:hidden; margin-top:10px;}
.listnews ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:12px; margin-top:20px;color:#1e91f2; font-weight:700  }
.listnews ul li .wordbox .time p{ height:40px; line-height:40px;}
.listnews ul li .wordbox .time p.t1{ float:left; margin-left:10px; color:#0072c2;}
.listnews ul li .wordbox .time p.t2{ float:left; color:#848484;}

.listnews ul li:hover{}
.listnews ul li:hover .box{box-shadow: 0px 0px 10px 0px #b3d9f4;}
.listnews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.listnews ul li:hover .wordbox .tit{ font-weight:700; color:#0072c2}
.listnews ul li:hover .timebox{ color:#0072c2}

.listnews ul li.nopic .pic{ display:none}
.listnews ul li.nopic .wordbox{ width:87%; padding:0 0 0 30px}



.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:20px 0 20px 0px; padding:5px; overflow:hidden; list-style:none; width:100%; height:auto; box-sizing:border-box;}
.bignews ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#ffffff; padding:20px; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #ffffff; border:1px solid #f6f6f6;}

.bignews ul li  .timebox{ width:11%; height:108px; box-sizing:border-box; border-right:1px solid #e1e7ec;float:left; overflow:hidden;}
.bignews ul li  .timebox p{  width:100%;display:block; color:#1e91f2; text-align:center}
.bignews ul li  .timebox p.t1{ margin-top:0px; font-weight:700; font-size:40px; line-height:60px;}
.bignews ul li  .timebox p.t2{ margin-top:10px;  font-size:14px;}


.bignews ul li .wordbox{ width:89%; float:left; overflow:hidden; height:auto; box-sizing:border-box; padding:0 0 0 30px; }

.bignews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:18px; color:#141414;overflow:hidden; margin-top:0px; }
.bignews ul li .wordbox .word{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:15px; color:#626262; margin-top:10px;}
.bignews ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:14px; color:#1e91f2; display:none}



.bignews ul li:hover{}
.bignews ul li:hover .box{box-shadow: 0px 0px 10px 0px #b3d9f4;}
.bignews ul li:hover .wordbox .tit{ font-weight:700; color:#0072c2}
.bignews ul li:hover .timebox{ color:#0072c2}


.bignews ul li.nopic .wordbox{ width:87%; padding:0 0 0 30px}


/*学习资源navlist*/
.resnav{ width:100%; height:140px; overflow:hidden; position:relative}
.resnav .bgbox{ width:100%; height:80px; background:#ffffff; border-radius:50px;box-shadow: 0px 0px 10px 0px #edf3fd; position:absolute; left:0; top:23px;}
.resnav .list{ width:100%; height:auto; overflow:hidden; position:absolute; left:0; top:0; z-index:10}
.resnav .list ul{ margin:0px; padding:0px; list-style:none}
.resnav .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:140px; float:left; overflow:hidden;}
.resnav .list ul li .tit{ width:100%; height:80px; line-height:80px; margin-top:23px; font-size:20px; font-weight:700; text-align:center; display:flex;align-items:center;justify-content:center;}
.resnav .list ul li .tit .icon{ width:46px; height:80px; line-height:80px;display:flex;align-items:center;justify-content:center;}
.resnav .list ul li .tit .icon .img1{ display:block}
.resnav .list ul li .tit .icon .img2{ display:none}
.resnav .list ul li .tit .name{ height:80px; line-height:80px;}

.resnav .list ul li.onfocus{ background: url(../Images/hobg.png) top 5px center no-repeat}
.resnav .list ul li.onfocus .tit{ color:#FFF}
.resnav .list ul li.onfocus .tit .icon .img1{ display:none}
.resnav .list ul li.onfocus .tit .icon .img2{ display:block}


.zylist{ width:100%; height:auto; overflow:hidden;}
.zylist ul{ margin:0px; padding:0px; list-style:none}
.zylist ul li{ margin:20px 0 0 0; padding:0; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:5px}

.zylist ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;background:#ffffff; padding:20px; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #ffffff; border:1px solid #f6f6f6;}
.zylist ul li .timebox{ width:13%; overflow:hidden;  height:111px;  overflow:hidden; float:left; box-sizing:border-box; border-right:1px solid #ededed; color:#0082d4; margin-top:35px; text-align:center; display:none } 
.zylist ul li .timebox p.t1{ width:100%; overflow:hidden; height:50px; line-height:50px; font-size:42px; font-weight:700;  margin-top:15px; font-family:Arial, Helvetica, sans-serif }
.zylist ul li .timebox p.t2{ width:100%; height:40px; line-height:40px; font-size:14px;  opacity:0.7}

.zylist ul li .pic{ width:192px; float:left; overflow:hidden; height:192px; overflow:hidden; border-radius:192px; border:1px solid #dfe7ed } 
.zylist ul li .pic .img{ width:100%;  height:100%;transition: all 0.5s ease;}
.zylist ul li .wordbox{ width:calc(100% - 210px); float:right; box-sizing:border-box; padding:0; height:auto; position:relative}

.zylist ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:18px; color:#141414; overflow:hidden;margin-top:10px;}
.zylist ul li .wordbox .tit .name{ float:left; font-size:24px; font-weight:700}
.zylist ul li .wordbox .tit .link{ float:right; background:url(../Images/link1.png) left center no-repeat; height:30px; line-height:30px; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#098bf7; box-sizing:border-box; padding:0 0 0 30px;}

.zylist ul li .wordbox .word{ width:100%; height:auto; line-height:30px; font-size:14px; color:#626262; overflow:hidden; margin-top:10px;}
.zylist ul li .wordbox .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:12px; margin-top:20px;color:#1e91f2; font-weight:700  }
.zylist ul li .wordbox .time p{ height:40px; line-height:40px;}
.zylist ul li .wordbox .time p.t1{ float:left; margin-left:10px; color:#0072c2;}
.zylist ul li .wordbox .time p.t2{ float:left; color:#848484;}

.zylist ul li:hover{}
.zylist ul li:hover .box{box-shadow: 0px 0px 10px 0px #b3d9f4;}
.zylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.zylist ul li:hover .wordbox .tit{ font-weight:700; color:#0072c2}
.zylist ul li:hover .timebox{ color:#0072c2}

.zylist ul li.nopic .pic{ display:none}
.zylist ul li.nopic .wordbox{ width:87%; padding:0 0 0 30px}

/*常见问题*/

.faqnav{ width:100%; margin:0 auto; height:auto; overflow:hidden; margin-bottom:25px;}

.faqnav .navbox{ width:100%; height:auto; overflow:hidden; margin-bottom:20px}
.faqnav .navbox ul{ margin:0px; padding:0px; list-style:none; display:flex;align-items:center;justify-content:center; width:100%;}
.faqnav .navbox ul li{ margin:10px 0; padding:0px; list-style:none; width:210px; height:auto; overflow:hidden; cursor:pointer }
.faqnav .navbox ul li p{ width:90%; margin:0 auto; height:57px; line-height:57px; border:1px solid #1e91f2; border-radius:50px; overflow:hidden; font-size:18px; text-align:center; color:#1e91f2;}
.faqnav .navbox ul li.onfocus p{background-image:linear-gradient( to bottom, #6ccef8, #168ded); color:#FFF; font-weight:700} 

/*常见问题*/
.faqbox{ width:100%; height:auto; overflow:hidden;}
.faqbox .one{width:98%; margin:5px auto; height:auto; overflow:hidden; box-sizing:border-box; padding:20px 20px; background:#FFF; border-radius:20px;box-shadow: 0px 0px 10px 0px #b0e5fe; margin-bottom:20px;}
.faqbox .one .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; box-sizing:border-box; padding:0 0 0 40px; background:url(../Images/q.png) left 0 top 10px no-repeat; font-size:18px; font-weight:700; line-height:35px;cursor:pointer}
.faqbox .one .tit .name{ float:left; height:50px; line-height:50px; overflow:hidden;}
.faqbox .one .tit .more{ float:right; height:50px; display:flex;align-items:center;justify-content:center; }
.faqbox .one .tit .more .img1{ display:block}
.faqbox .one .tit .more .img2{ display:none}

.faqbox .one .word{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 40px; background:url(../Images/a.png) left 0 top 5px no-repeat; font-size:16px; color:#626262; line-height:35px; display:none}

.faqbox .oneonfocus .tit .more .img1{ display:none}
.faqbox .oneonfocus .tit .more .img2{ display:block}
.faqbox .oneonfocus .word{ display:block}

.cerbox{ width:100%; height:auto;margin:0 auto; padding:50px 0 50px 0; overflow:hidden;  background:#FFF;  }
.cerbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.cerbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.cerbox  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:36px; font-weight:700; color:#0f000b; line-height:50px; max-width:1360px; margin:0 auto;   }
.cerbox  .titbox2{ width:100%; height:auto;  overflow:hidden; font-size:20px; font-weight:700;  color:#0f000b; line-height:36px;max-width:1360px; margin:10px auto; text-align:left }
.cerbox  .wordbox{ width:100%; height:auto;  overflow:hidden; font-size:16px; color:#333333;  line-height:200%;max-width:1360px; margin:10px auto; text-align:left }

.cerbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.cerbox .list ul{ margin:0px; padding:0px; list-style:none}
.cerbox .list ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden; background:url(../Images/cerbg.png) top center no-repeat; min-height:94px; overflow:hidden;}
.cerbox .list ul li .num{ width:100%; height:65px; line-height:65px; text-align:center; font-size:56px; color:#0a5ca8}
.cerbox .list ul li .tit{ width:100%; height:40px; line-height:40px; text-align:center; font-size:15px; color:#333333}



/*企业文化*/

.cerbox2{ width:100%; height:auto; margin:0 auto; background: url(../Images/cerbg2.png) bottom center no-repeat #f8f8f8; padding:66px 0 }
.cerbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto;  clear:both; overflow:hidden;    }
.cerbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; }

.cerbox2 .listboxtop{ width:100%; height:778px; overflow:hidden; position:relative; background:url(../Images/quan.png) top center no-repeat; position:relative; background-size:auto 100%;}
.cerbox2 .listboxtop .list{ width:100%; height:778px; overflow:hidden;}
.cerbox2 .listboxtop .list ul{ margin:0px; padding:0px; list-style:none}
.cerbox2 .listboxtop .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:778px; position:relative}
.cerbox2 .listboxtop .pic{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:0; display:flex;align-items:center;justify-content:center;}
.cerbox2 .listboxtop .pic img{ max-width:90%; max-height:90%;}
.cerbox2 .listboxtop .tit{ width:100%; height:100%; position:absolute; left:0; top:0; display:flex;align-items:center; font-size:32px; font-weight:700; color:#0a5ca8}

.cerbox2 .listbox{ width:100%; height:250px; overflow:hidden; position:relative}
.cerbox2 .listbox .leftarr{ width:47px; height:47px; background: url(../Images/left4_1.png) no-repeat; position:absolute; left:0x; top:50%; margin-top:-23px; cursor:pointer; z-index:100}
.cerbox2 .listbox .rightarr{width:47px; height:47px;  background: url(../Images/right4_1.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-23px;cursor:pointer; z-index:100}
.cerbox2 .listbox .leftarr:hover{ background: url(../Images/left4_2.png) no-repeat;  background-size:100% 100%}
.cerbox2 .listbox .rightarr:hover{background: url(../Images/right4_2.png) no-repeat; background-size:100% 100%}
.cerbox2 .listbox .list{ width:90%; margin:0 auto; height:250px; overflow:hidden;}
.cerbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.cerbox2 .listbox .list ul li{ margin:0px; padding:5px; list-style:none; width:205px; height:250px; float:left; overflow:hidden; box-sizing:border-box}
.cerbox2 .listbox .list ul li .box{ width:96%; height:240px; border:2px solid #FFF; background:#FFF; box-sizing:border-box; padding:5px;}
.cerbox2 .listbox .list ul li .pic{ width:100%; height:100%; display:flex;align-items:center;justify-contents:center;}
.cerbox2 .listbox .list ul li .pic .img{ width:100%; height:100%;}
.cerbox2 .listbox .list ul li.active-nav .box{ border-color:#0a5ca8}






/*技术平台*/
.platformbox1{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden; background:#ffffff;padding:40px 0; border-top:1px solid #ebeff2 }
.platformbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.platformbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.platformbox1 .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:30px; font-weight:700; color:#282828}
.platformbox1 .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:38px;color:#282828; opacity:0.9; margin-top:20px}
.platformbox1 .wordbox img{ width:100%; height:auto; overflow:hidden; font-size:30px; font-weight:700; color:#282828}


/*图片展示*/
.platformbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background: url(../Images/ab5bg.jpg) bottom center no-repeat; background-size:cover;  padding:0px 0 90px 0 }
.platformbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1500px; margin:0 auto; clear:both; overflow:hidden; }
.platformbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.platformbox2 .titbox{ width:100%; height:50px; line-height:50px; font-size:30px; overflow:hidden; font-weight:700; color:#282828; max-width:1360px; margin:0 auto}
 
.platformbox2 .listbox{ width:100%; height:280px; overflow:hidden; position:relative; margin-top:30px;}
.platformbox2 .listbox .leftarr{width:47px; height:47px; background:url(../Images/left2_1.png) no-repeat; cursor:pointer; position:absolute; left:0; top:50%; margin-top:-24px; z-index:10}
.platformbox2 .listbox .rightarr{width:47px; height:47px; background:url(../Images/right2_1.png) no-repeat; cursor:pointer;position:absolute; right:0;top:50%; margin-top:-24px; z-index:10}
.platformbox2 .listbox .leftarr:hover{background:url(../Images/left2_2.png) no-repeat;}
.platformbox2 .listbox .rightarr:hover{background:url(../Images/right2_2.png) no-repeat;}

.platformbox2 .listbox .list{ width:100%; height:280px; overflow:hidden; margin:0 auto; max-width:1360px; position:relative;}
.platformbox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.platformbox2 .listbox .list ul li{ margin:0; padding:0px; list-style:none; width:33.33%; height:280px; overflow:hidden; float:left; position:relative}
.platformbox2 .listbox .list ul li .box{ width:96%; height:280px; overflow:hidden; margin:0 auto}
.platformbox2 .listbox .list ul li .pic{ width:100%; height:100%; overflow:hidden;}
.platformbox2 .listbox .list ul li .pic .img{  width:100%; height:100%; overflow:hidden; transition:all 0.5s ease}

.platformbox2 .listbox .list ul li:hover .pic .img{ transform:scale(1.1)}



/*产品展示*/
.productlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.productlist ul{ margin:0px; padding:0px; list-style:none;}
.productlist ul li{ margin:10px 0; padding:5px; list-style:none; box-sizing:border-box; width:33.33%; height:auto; float:left; overflow:hidden; }
.productlist ul li .box{ width:96%; height:auto; overflow:hidden;box-shadow: 0px 0px 10px 0px #c1c1c1; transition:all 0.5s ease; background:#FFF}
.productlist ul li .box .pic{ width:100%; height:350px; overflow:hidden; line-height:350px; text-align:center}
.productlist ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.productlist ul li .box .pic img{ max-width:90%; max-height:90%;transition: all 0.5s ease;}
.productlist ul li .tit{ width:100%; height:70px; line-height:70px; font-size:16px; text-align:center; font-size:16px; color:#333333}
.productlist ul li:hover .box{box-shadow: 0px 0px 10px 0px #0a5ca8;}
.productlist ul li:hover .box .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .wordbox{}
.productlist ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.productlist ul li:hover .tit{ color:#0a5ca8}




/*售后服务保障*/
.servicebox1{ width:100%; height:auto;margin:0 auto; padding:60px 0; overflow:hidden; background: url(../Images/probg.jpg) bottom center no-repeat  #ffffff; }
.servicebox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.servicebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.servicebox1  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:26px; color:#333333; font-weight:700; line-height:50px; text-align:center  }

.servicebox1 .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.servicebox1 .list ul{ margin:0px; padding:0px; list-style:none}
.servicebox1 .list ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.servicebox1 .list ul li .box{ width:97%; height:260px; position:relative; overflow:hidden;}
.servicebox1 .list ul li .tit{ width:100%; height:auto; overflow:hidden; font-size:22px; font-weight:700; color:#ffffff; line-height:35px; position:absolute; left:30px; top:30px;}
.servicebox1 .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:14px;  color:#ffffff; opacity:0.8; line-height:25px; position:absolute; left:0px; bottom:30px; box-sizing:border-box; padding:0 30px}
.servicebox1 .list ul li:nth-child(5n-4){ width:50%}
.servicebox1 .list ul li:nth-child(5n-4) .box{ width:98.5%}


/*增值服务*/
.servicebox2{ width:100%; height:auto;margin:0 auto; padding:50px 0; overflow:hidden; background:#f8f8f8; }
.servicebox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.servicebox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.servicebox2  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:26px; color:#333333; font-weight:700; line-height:50px; text-align:center  }

.servicebox2 .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.servicebox2 .list ul{ margin:0px; padding:0px; list-style:none}
.servicebox2 .list ul li{ margin:25px 0 0 0; padding:0px; list-style:none; width:50%; height:auto; overflow:hidden; float:left}
.servicebox2 .list ul li .box{ width:98%; height:220px; position:relative; overflow:hidden; background:#FFF; box-sizing:border-box;}
.servicebox2 .list ul li .pic{ width:27%; height:220px; overflow:hidden; line-height:220px; text-align:center; float:left}
.servicebox2 .list ul li .pic img{ max-width:80%; max-height:80%;}
.servicebox2 .list ul li .wordbox{ width:73%; height:auto; float:left; overflow:hidden;}
.servicebox2 .list ul li .tit{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; color:#0a5ca8; line-height:35px; margin-top:20px;}
.servicebox2 .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:16px; margin-top:20px;}
.servicebox2 .list ul li .word p{ width:50%; height:35px; line-height:35px; overflow:hidden; float:left; background:url(../Images/dot4.png) left center no-repeat; box-sizing:border-box; padding-left:15px; }

/*产品使用手册*/
.servicebox3{ width:100%; height:auto;margin:0 auto; padding:50px 0; overflow:hidden; background:#f8f8f8; }
.servicebox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.servicebox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.servicebox3  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:26px; color:#333333; font-weight:700; line-height:50px; text-align:center  }

.servicebox3 .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.servicebox3 .list ul{ margin:0px; padding:0px; list-style:none}
.servicebox3 .list ul li{ margin:25px 0 0 0; padding:5px; list-style:none; width:50%; height:auto; overflow:hidden; float:left; box-sizing:border-box}
.servicebox3 .list ul li .box{ width:98%; height:66px; position:relative; overflow:hidden; background:#FFF; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #f5f5f5;}
.servicebox3 .list ul li p{ position:absolute; height:66px; line-height:66px;}
.servicebox3 .list ul li p.t1{ left:10px; background:url(../Images/dot4.png) left center no-repeat; text-indent:16px; font-size:16px; width:75%; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;}
.servicebox3 .list ul li p.t2{ right:10px; font-size:15px; color:#0a5ca8}

.servicebox3 .list ul li:hover .box{box-shadow: 0px 0px 10px 0px #e9eef4;}

/*案例分类*/
.casessort{ width:100%; height:auto;margin:0 auto; padding:60px 0; overflow:hidden; background:#f8f8f8; }
.casessort .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.casessort .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }

.casessort .list{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.casessort .list  ul{ margin:0px; padding:0px; list-style:none}
.casessort .list  ul li{ margin:10px 0; padding:0px; list-style:none;  height:auto; width:33.33%; height:auto; float:left; overflow:hidden;}
.casessort .list  ul li .box{ width:96%; height:268px; overflow:hidden; border-radius:10px; position:relative}
.casessort .list  ul li .pic{ width:100%; height:268px; overflow:hidden; position:absolute; z-index:0; left:0; top:0}
.casessort .list  ul li .pic .img{ width:100%; height:100%; transition:all 0.5s ease}
.casessort .list  ul li .cover{ width:100%; height:100%; position: absolute; left:0; top:0; z-index:1; background:rgb(10,92,168,0.4); display:none}
.casessort .list  ul li .cover .icon{ width:100%; height:135px; text-align:center; margin-top:30px;}
.casessort .list  ul li .cover .icon img{ max-width:90%; max-height:90%;}
.casessort .list  ul li .cover .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:20px; font-weight:700; overflow:hidden; color:#FFF}
.casessort .list  ul li .titbox{ width:100%; height:50px; line-height:50px; background:url(../Images/tbg.png) bottom center no-repeat; background-size:cover; font-size:18px; color:#FFF; text-align:center; position:absolute; left:0; bottom:0; z-index:10}

.casessort .list  ul li:hover .titbox{ display:none}
.casessort .list  ul li:hover .cover{ display:block}







/*新闻*/
.goodnewsbox1{ width:100%; height:auto;margin:0 auto; padding:60px 0 60px 0; overflow:hidden;  background:#f5f5f5; }
.goodnewsbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.goodnewsbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.goodnewsbox1 .list{ width:100%; height:auto; overflow:hidden;}
.goodnewsbox1 .list ul{ margin:0px; padding:0px; list-style:none}
.goodnewsbox1 .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.goodnewsbox1 .list ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden; border-radius:5px; background:#FFF}
.goodnewsbox1 .list ul li .box .pic{ width:100%; height:296px; overflow:hidden;}
.goodnewsbox1 .list ul li .box .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;}
.goodnewsbox1 .list ul li .box .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px;}
.goodnewsbox1 .list ul li .box .wordbox .tit{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:20px; color:#0f000b}
.goodnewsbox1 .list ul li .box .wordbox .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px; color:#0f000b; opacity:0.75; margin-top:10px}
.goodnewsbox1 .list ul li .box .wordbox .time{ width:100%; height:35px; line-height:35px; margin-top:20px; overflow:hidden; background:url(../Images/timeicon.png) left center no-repeat; text-indent:20px; color:#0163fb;}

.goodnewsbox1 .list ul li:hover .box .pic .img{ transform:scale(1.1)}


/*服务优势*/
.advantagebox1{ width:100%; height:auto;margin:0 auto; padding:0px 0 60px 0; overflow:hidden;  background: url(../Images/ab1.jpg) repeat-x #ffffff; }
.advantagebox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.advantagebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.advantagebox1  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:38px; font-weight:700; color:#182b3e; line-height:50px; text-transform:uppercase; text-align:center; margin-top:80px  }
.advantagebox1  .titbox2{ width:100%; height:auto;  overflow:hidden; font-size:20px; color:#182b3e; line-height:36px; margin:10px 0; text-align:center }

.advantagebox1  .list{ width:100%; margin:0 auto; overflow:hidden; max-width:1360px;}
.advantagebox1  .list ul{ margin:0px; padding:0px; list-style:none}
.advantagebox1  .list ul li{ margin:0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; box-sizing:border-box; padding:3px}
.advantagebox1  .list ul li .box{ width:96%; margin:0 auto; height:100%; overflow:hidden;  box-shadow: 0px 0px 10px 0px #f5f5f5; background:#FFF; padding:35px; border:1px solid #f5f5f5;}
.advantagebox1  .list ul li .box .pic{ width:100%; height:103px; line-height:103px; overflow:hidden; transition:all 0.5s ease; text-align:center }
.advantagebox1  .list ul li .box .pic img{ max-width:90%; max-height:100%; margin:0 auto}
.advantagebox1  .list ul li .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.advantagebox1  .list ul li .box .tit{ width:100%; height:76px; line-height:76px; font-size:22px; font-weight:700; color:#333333; text-align:center; background:url(../Images/line2.png) bottom center no-repeat}
.advantagebox1  .list ul li .box .word{ width:100%; height:121px; line-height:30px; font-size:16px; color:#535353; text-align:center; margin-top:15px;}


.advantagebox2{ width:100%; height:auto;margin:0 auto; padding:85px 0; overflow:hidden;  background:#f3f3f3; }
.advantagebox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.advantagebox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.advantagebox2  .titbox{ width:100%; height:auto;  overflow:hidden;  font-size:38px; font-weight:700; color:#182b3e; line-height:50px; text-transform:uppercase; text-align:center;  }
.advantagebox2  .titbox2{ width:100%; height:auto;  overflow:hidden; font-size:20px; color:#182b3e; line-height:36px; margin:10px 0; text-align:center }
.advantagebox2 .listbox{ width:100%; height:auto; overflow:hidden;}
.advantagebox2 .onebox{ width:100%; height:auto; overflow:hidden; background:#FFF}
.advantagebox2 .onebox .picbox{ width:50%; float:left; overflow:hidden; height:478px;}
.advantagebox2 .onebox .wordbox{ width:50%; float:left; height:auto; overflow:hidden; box-sizing:border-box; padding:50px;}
.advantagebox2 .onebox .wordbox .word{ width:100%; height:auto; line-height:30px; font-size:16px; color:#535353; text-align:center; margin-top:15px;}

.advantagebox2 .listbox .onebox:nth-child(2) .picbox{ float:right}



/*产品展示*/
.prolistbox{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden;  background:#f8f8f8; position:relative; padding:50px 0 50px 0 }
.prolistbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:100 }
.prolistbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.prolistbox .leftbox{ width:20.58%; height:auto; float:left; overflow:hidden; background:#FFF}
.prolistbox .leftbox .titbox{ width:100%; height:63px; line-height:63px; overflow:hidden; font-size:20px; color:#fff; background:#0561ac; font-weight:700; text-indent:29px;}
.prolistbox .leftbox .navlist{ width:100%; height:auto; overflow:hidden; background:#f5f5f5}
.prolistbox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.prolistbox .leftbox .navlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; line-height:62px; font-size:16px; text-indent:25px; overflow:hidden; position:relative; border-bottom:1px solid #FFF}
.prolistbox .leftbox .navlist ul li p{ width:100%; height:62px; line-height:62px; overflow:hidden}
.prolistbox .leftbox .navlist ul li.onfocus{ background:#da251c; color:#FFF}
.prolistbox .leftbox .navlist ul li.onfocus a{ color:#FFF}

.prolistbox .leftbox .navlist ul li ul{ display:none}
.prolistbox .leftbox .navlist ul li ul li{ width:100%; height:50px; line-height:50px; background:#f5f5f5;text-indent:45px; }
.prolistbox .leftbox .navlist ul li ul li p{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; background:url(../Images/dot1.png) left 30px center no-repeat}
.prolistbox .leftbox .navlist ul li.onfocus ul{ display:block}
.prolistbox .leftbox .navlist ul li.onfocus ul li{ color:#222222}
.prolistbox .leftbox .navlist ul li.onfocus ul li a{ color:#222222}
.prolistbox .leftbox .navlist ul li.onfocus ul li.onfocus{ background:#d2c9c9; color:#222}

.prolistbox .leftbox .leftcase{ width:100%; height:auto; overflow:hidden; margin-top:20px; }
.prolistbox .leftbox .list{ width:100%; height:190px; overflow:hiddne}
.prolistbox .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.prolistbox .leftbox .list ul li{ margin:0px 0 0 0; padding:0px; list-style:none; width:100%; height:190px; overflow:hidden; position:relative}
.prolistbox .leftbox .list ul li .pic{ width:100%; height:190px; position:absolute; left:0; top:0}
.prolistbox .leftbox .list ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.prolistbox .leftbox .list ul li .pic img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.prolistbox .leftbox .list ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:14px; color:#ffffff; text-align:center; background:url(../Images/bg1.png) repeat; position:absolute; left:0; bottom:0}
.prolistbox .leftbox .list ul li:hover .tit{ color:#ffffff}
.prolistbox .leftbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.prolistbox .leftbox .list ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.leftacsepage {text-align: center; width:100%; height:auto; overflow:hidden; margin-top:20px;}
.leftacsepage .swiper-pagination-switch { display: inline-block;width:11px; height:11px;background: #c9c9c9; margin: 0 3px;cursor: pointer; border-radius:10px;}
.leftacsepage .swiper-active-switch { background:#da251c;}






.prolistbox .leftbox .titbox3{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#333333; font-weight:700}
.prolistbox .leftbox .meida{ width:100%; height:auto; overflow:hidden; padding-bottom:50px;}
.prolistbox .leftbox .meida ul{ margin:0px; padding:0px; list-style:none}
.prolistbox .leftbox .meida ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:auto; float:left; overflow:hidden;}
.prolistbox .leftbox .meida ul li img{ max-width:80%; height:auto}

.prolistbox .rightbox{ width:76.25%; height:auto; float:right; overflow:hidden;}
.prolistbox .rightbox .locbox{ width:100%; height:63px; line-height:63px;  border-bottom:1px solid #f0f0f0; position:relative; }
.prolistbox .rightbox .locbox .tit{ position:absolute; left:0; top:0; line-height:63px; font-size:30px; font-weight:700; color:#222222}
.prolistbox .rightbox .locbox .location{ position:absolute; right:0; top:0; height:63px; line-height:63px; font-size:14px}

.prointro{ width:100%; height:auto; overflow:hidden; margin:10px 0; font-size:16px; line-height:35px; overflow:hidden; color:#222222}
.proshow{ width:100%; height:auto; overflow:hidden; margin:10px 0; font-size:16px; line-height:35px; overflow:hidden; color:#222222}
.proshow table{ max-width:100%;}
.proshowtb table{width:100%;border-collapse:collapse;}
.proshow img{ max-width:100%; height:auto}
.proshowtb td{border:1px solid #c8cdd1;line-height:30px; font-size:16px; box-sizing:border-box; padding:10px; background:#eff3f6}
.proshowtb tr:nth-child(2n-1) td{ background:#f5f5f5}
.proshowtb tr:nth-child(1) td{ background:#0561ac; color:#FFF; font-weight:700; font-size:24px}
.proshowtb tr:nth-child(2) td{ background:#a7c7e1; color:#FFF; font-weight:700; font-size:18px;}

.proslide{ width:100%; height:540px; border:1px solid #e4e4e4; position:relative}
.proslide .leftarr{ width:39px; height:39px; background:url(../Images/left4.png) no-repeat; position:absolute; left:20px; top:50%; margin-top:-20px; z-index:10; cursor:pointer}
.proslide .rightarr{width:39px; height:39px; background:url(../Images/right4.png) no-repeat; position:absolute; right:20px; top:50%; margin-top:-20px; z-index:10; cursor:pointer}
.proslide .list{ width:90%; height:540px; margin:0 auto; overflow:hidden}
.proslide .list ul{ margin:0px; padding:0px; list-style:none}
.proslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:540px; overflow:hidden; line-height:540px; text-align:center}
.proslide .list ul li img{ max-width:90%; max-height:90%;}

.proshowtit{ width:100%; height:60px; line-height:60px; background:#0561ac; overflow:hidden; font-size:24px; color:#FFF; text-indent:20px; margin:10px 0; font-weight:700}
.proshowlist{ width:100%; height:auto; overflow:hidden}
.proshowlist .one{ width:100%; height:auto; overflow:hidden;}
.proshowlist .one .tit{ width:100%; height:58px; line-height:58px; background:#eff3f6; text-indent:18px; font-size:18px; color:#222222; font-weight:700}
.proshowlist .one .word{ width:100%; height:auto; overflow:hidden; font-size:16px; margin:10px 0; line-height:35px; overflow:hidden;}
.proshowlist .one .word img{ max-width:100%; height:auto}

.procase{ width:100%; height:330px; position:relative}
.procase .leftarr{ width:39px; height:39px; background:url(../Images/left4.png) no-repeat; position:absolute; left:0px; top:50%; margin-top:-20px; z-index:10; cursor:pointer}
.procase .rightarr{width:39px; height:39px; background:url(../Images/right4.png) no-repeat; position:absolute; right:0px; top:50%; margin-top:-20px; z-index:10; cursor:pointer}
.procase .list{ width:92%; height:330px; margin:0 auto; overflow:hidden}
.procase .list ul{ margin:0px; padding:0px; list-style:none}
.procase .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:330px; overflow:hidden;  text-align:center}
.procase .list ul li .box{ width:96%; margin:0 auto; height:100%; border:1px solid #e5e5e5; box-sizing:border-box; padding:5px;}
.procase .list ul li .box .inbox{ width:100%; height:100%; position:relative; overflow:hidden;}
.procase .list ul li .box .pic{ width:100%; height:100%; position:absolute; left:0; top:0}
.procase .list ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.procase .list ul li .box .tit{ width:100%; height:45px; line-height:45px; font-size:14px; color:#FFF; text-align:center; background:url(../Images/bg1.png) repeat; position:absolute; left:0; bottom:0; z-index:10; color:#FFF}
.procase .list ul li:hover .box .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.procase .list ul li:hover .box .tit{background:url(../Images/bg2.png) repeat}




/*产品展示*/
.protop{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:30px; }
.protop .title{ width:100%;  height:auto; overflow:hidden; line-height:30px; font-size:20px; font-weight:700; text-align:center; margin-bottom:20px;}
.protop .leftarea{ width:50%; height:auto; float:left; overflow:hidden;}
.protop .leftarea .list{ width:100%; height:425px; overflow:hidden; border:1px solid #ededed;}
.protop .leftarea .list ul{ margin:0px; padding:0px; list-style:none}
.protop .leftarea .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:425px; float:left; overflow:hidden; float:left; position:relative}
.protop .leftarea .list ul li .pic{ width:100%; height:425px; overflow:hidden; text-align:center; line-height:425px; position:relative; z-index:0}
.protop .leftarea .list ul li .pic img{ max-width:90%;  max-height:90%;}
.protop .leftarea .list ul li .num{ position:absolute; right:10px; bottom:10px; font-size:14px;}

.protop .leftarea .list ul li .cover{position:absolute; left:0; top:0; width:100%; height:100%; overflow:hidden; /* background:url(../Images/cover.png) no-repeat; background-size:100% 100%;*/}
.protop .leftarea .leftarr{ width:14px; height:21px; background:url(../Images/left4.png) no-repeat; background-size:100% 100%; position:absolute; left:20px; top:50%; margin-top:-23px; cursor:pointer; z-index:100; }
.protop .leftarea .rightarr{ width:14px; height:21px;background:url(../Images/right4.png) no-repeat;background-size:100% 100%; position:absolute; right:20px; top:50%;margin-top:-23px;cursor:pointer; z-index:100; }
.protop .leftarea .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.protop .leftarea .minbox .left1{ position:absolute; left:0px; top:0; width:14px; height:107px; background:url(../Images/left2.png) left center no-repeat;cursor:pointer; display:none}
.protop .leftarea .minbox .right1{position:absolute; right:0px; top:0;width:14px; height:107px; background:url(../Images/right2.png) left center no-repeat;cursor:pointer; display:none}
.protop .leftarea .minbox .mlist{ width:100%; margin:0 auto; overflow:hidden; }
.protop .leftarea .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.protop .leftarea .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:150px; height:107px; overflow:hidden; float:left}
.protop .leftarea .minbox .mlist ul li .img{ width:144px; height:107px; line-height:107px; text-align:center; overflow:hidden; border:1px solid #ededed}
.protop .leftarea .minbox .mlist ul li .img img{ max-width:80%; max-height:80%;}
.protop .leftarea .minbox .mlist ul li.active-nav .img{ border:1px solid #606060}

.protop .rightarea{ width:48%; height:auto; float:right; overflow:hidden;}
.protop .rightarea .tit2{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; color:#0a5ca8; line-height:40px;}
.protop .rightarea .tit{ width:100%; height:auto; overflow:hidden; font-size:26px;  color:#282828; line-height:40px; border-bottom:1px solid #eaeaea; padding-bottom:15px; margin-bottom:15px;}
.protop .rightarea .tit3{ width:100%; height:auto; overflow:hidden; font-size:18px; font-weight:700;  color:#333333; line-height:40px;}
.protop .rightarea .price{ width:100%; height:auto; overflow:hidden; font-size:15px;  color:#282828; line-height:32px;margin-top:10px; }
.protop .rightarea .word{ width:100%; height:auto; overflow:hidden; font-size:15px;color:#282828; line-height:28px;border-top:1px solid #ececec; border-bottom:1px solid #ececec; padding:20px 0; margin-bottom:20px; margin-top:20px;}

.protop .rightarea .oe{ width:100%; height:auto; overflow:hidden;}
.protop .rightarea .oe .color{ width:40px; height:40px; float:left; border-radius:40px; float:left; margin:0 15px 10px 0; border:1px solid #cdcdcd;}

.protop .rightarea .btnlist{ width:100%; height:58px; line-height:58px; text-align:center; font-size:16px; color:#FFF; overflow:hidden; margin-top:30px; background:#0159b3;}
.protop .rightarea .btnlist p{ width:100%; height:58px; line-height:58px; text-align:center;background-image:linear-gradient( #023365, #023365);background-position:0 100%;background-size:0 58px;background-repeat:no-repeat;transition:background-size .5s; color:#FFF}
.protop .rightarea .btnlist p:hover{background-size:100% 58px;}

.prodetail{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#FFF; box-sizing:border-box; padding:24px;}
.prodetail .titbox{ width:100%; height:60px; line-height:60px;  font-size:18px; font-weight:700; color:#333333; background:#e6eef6;}
.prodetail .titbox .nav{ width:100%; margin:0 auto; overflow:hidden; height:auto}
.prodetail .titbox .nav ul{ margin:0px; padding:0px; list-style:none}
.prodetail .titbox .nav ul li{ margin:0px; padding:0px; list-style:none; width:157px; height:60px; line-height:60px; overflow:hidden; text-align:center; font-size:18px; float:left; font-weight:normal}
.prodetail .titbox .nav ul li.onfocus{ font-weight:700; color:#FFF; background:#0a5ca8;}
.prodetail .titbox .nav ul li.onfocus a{ color:#FFF}

.prodetail .theslide{ width:100%; height:580px; overflow:hidden; position:relative; margin-top:20px;}
.prodetail .theslide .leftarr{ width:18px; height:32px; background:url(../Images/left4.png) no-repeat; background-size:100% 100%; position:absolute; left:20px; top:50%; margin-top:-16px; cursor:pointer; z-index:100; }
.prodetail .theslide .rightarr{width:18px; height:32px;background:url(../Images/right4.png) no-repeat;background-size:100% 100%; position:absolute; right:20px; top:50%;margin-top:-16px;cursor:pointer; z-index:100; }
.prodetail .theslide .list{ width:100%; height:580px; overflow:hidden;}
.prodetail .theslide .list ul{ margin:0px; padding:0px; list-style:none}
.prodetail .theslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:580px; overflow:hidden;}
.prodetail .theslide .list ul li .pic{ width:100%; height:580px; overflow:hidden;}

.prodetail .thetit{ width:100%; height:auto; overflow:hidden; font-size:18px; font-weight:700; color:#0a5ca8; margin:20px 0}

.prodetail .wordbox{ width:100%; height:auto; overflow:hidden; line-height:200%; font-size:14px; color:#333333;  border-bottom:1px solid #eaeaea; margin-bottom:20px; padding-bottom:20px;}
.prodetail .wordbox img{ max-width:100%;}
.prodetail .wordbox table{width:100%;border-collapse:collapse;}
.prodetail .wordbox tr.tit{ background:#1c734b; color:#FFF;}
.prodetail .wordbox tr.even{ background:#eff4f8}
.prodetail .wordbox td{border:1px solid #e1e1e1;line-height:30px; font-size:14px; box-sizing:border-box; padding:10px;}
.prodetail .wordbox tr td:nth-child(2n-1){ background:#f5f5f5}


.thoundshow{ display:block}


/*相关产品*/
.relspro{ width:100%; height:auto; overflow:hidden;box-sizing:border-box; padding:30px 0; max-width:1360px; margin:0 auto; }
.relspro .titbox{ width:100%; height:59px; line-height:59px;;  font-size:30px; font-weight:700; color:#333333; text-align:center}


/*modelselection*/
.prolistbox2{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden;  background:#fff; position:relative }
.prolistbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1320px; margin:0 auto; clear:both; overflow:hidden; position:relative; z-index:100 }
.prolistbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.prolistbox2 .leftbox{ width:22.19%; height:auto; float:left; overflow:hidden; background:#FFF}
.prolistbox2 .leftbox .titbox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#0159b3; margin:20px 0; border-bottom:1px solid #f0f0f0;}
.prolistbox2 .leftbox .navlist{ width:100%; height:auto; overflow:hidden;}
.prolistbox2 .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.prolistbox2 .leftbox .navlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:72px; overflow:hidden; position:relative}
.prolistbox2 .leftbox .navlist ul li .icon{ width:40px; height:40px; line-height:40px; text-align:center; border-radius:40px; overflow:hidden; border:1px solid #c8d5e0; position:absolute; left:10px; top:17px;}
.prolistbox2 .leftbox .navlist ul li .icon img{ max-width:90%; max-height:90%;}
.prolistbox2 .leftbox .navlist ul li .tit{ position:absolute; left:65px; height:72px; line-height:72px; font-size:14px; color:#333333}
.prolistbox2 .leftbox .navlist ul li:hover .tit{ color:#0159b3}
.prolistbox2 .leftbox .navlist ul li.onfocus{ background:#e5eef7}
.prolistbox2 .leftbox .navlist ul li.onfocus .icon{ border-color:#0159b3}
.prolistbox2 .leftbox .navlist ul li.onfocus .tit{ color:#0159b3}

.prolistbox2 .leftbox .titbox2{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#0159b3; margin:20px 0; border-bottom:1px solid #f0f0f0;}
.prolistbox2 .leftbox .list{ width:100%; height:auto; overflow:hiddne}
.prolistbox2 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.prolistbox2 .leftbox .list ul li{ margin:0px 0 26px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.prolistbox2 .leftbox .list ul li .pic{ width:45%; height:107px; border:1px solid #efefef; line-height:107px; text-align:center; float:left; background:#FFF}
.prolistbox2 .leftbox .list ul li .pic img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.prolistbox2 .leftbox .list ul li .tit{ width:53%; height:105px; line-height:26px; overflow:hidden; font-size:14px; color:#333333; float:right}
.prolistbox2 .leftbox .list ul li:hover .tit{ color:#0159b3}
.prolistbox2 .leftbox .list ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.prolistbox2 .leftbox .titbox3{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#333333; font-weight:700}
.prolistbox2 .leftbox .meida{ width:100%; height:auto; overflow:hidden; padding-bottom:50px;}
.prolistbox2 .leftbox .meida ul{ margin:0px; padding:0px; list-style:none}
.prolistbox2 .leftbox .meida ul li{ margin:0px; padding:0px; list-style:none; width:16.66%; height:auto; float:left; overflow:hidden;}
.prolistbox2 .leftbox .meida ul li img{ max-width:80%; height:auto}

.prolistbox2 .rightbox{ width:75.30%; height:auto; float:right; overflow:hidden;}
.prolistbox2 .rightbox .locbox{ width:100%; height:50px;  border-bottom:1px solid #f0f0f0; margin-top:20px; position:relative; margin-bottom:20px;}
.prolistbox2 .rightbox .locbox .tit{ position:absolute; left:0; top:0; line-height:50px; font-size:20px; font-weight:700; color:#333333}
.prolistbox2 .rightbox .locbox .location{ position:absolute; right:0; top:0; height:50px; line-height:50px; font-size:14px}

.prolistbox2 .rightbox  .thesearchbox{ width:100%; height:auto; overflow:hidden;}
.prolistbox2 .rightbox  .thesearchbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:20px; font-weight:700; text-align:center; line-height:50px; color:#000}

.prolistbox2 .rightbox .modelchoose{ width:100%; height:auto; overflow:hidden;}

.prolistbox2 .rightbox .modelchoose table{width:100%;border-collapse:collapse;}
.prolistbox2 .rightbox .modelchoose tr.tit{ background:#f5f5f5; color:#333333;}
.prolistbox2 .rightbox .modelchoose tr.even{ background:#eff4f8}
.prolistbox2 .rightbox .modelchoose td{border:1px solid #e1e1e1;line-height:27px; box-sizing:border-box; padding:17px; font-size:16px;}
.prolistbox2 .rightbox .modelchoose td span{ color:#0159b3}

.prolistbox2 .rightbox .modelselect{ width:100%; height:65px; overflow:hidden; border:1px solid #f0f0f0; border-radius:5px; margin:20px 0; position:relative}
.prolistbox2 .rightbox .modelselect .input1{ width:80%; height:65px; border:0px; outline:none; background:url(../Images/seabtn.png) left 14px center no-repeat; text-indent:46px; font-size:14px;}

.prolistbox2 .rightbox .modelselect input::-webkit-input-placeholder{ 
color: #adadad; 
} 
.prolistbox2 .rightbox .modelselect input:-moz-placeholder{ 
color: #adadad; 
} 
.prolistbox2 .rightbox .modelselect .btnme{ width:140px; height:65px; line-height:65px; overflow:hidden; background:#0159b3; font-size:16px; font-weight:700; color:#ffffff; position:absolute; right:0; top:0; border:0}


.pridenav{ width:100%; height:auto; overflow:hidden; margin-bottom:20px;}
.pridenav ul{ margin:0 auto; padding:0; list-style:none}
.pridenav ul li{ margin:0px; padding:0px; list-style:none; float:left; width:216px;}
.pridenav ul li p{ width:96%; height:57px; line-height:57px; background:#FFF; border:1px solid #e2e2e2; margin:0 auto; font-size:16px; text-align:center}
.pridenav ul li.onfocus p{ border:1px solid #b1b2d2; color:#1d2088}
.pridenav ul li.onfocus a{ color:#1d2088}
/*公司荣誉*/
.pridelist{ width:100%; height:auto; overflow:hidden;}
.pridelist ul{margin:0px; padding:0px; list-style:none}
.pridelist ul li{ margin:10px 0; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.pridelist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box; padding:15px;}
.pridelist ul li .pic{ width:100%; height:400px; overflow:hidden; position:relative; line-height:320px; text-align:center}
.pridelist ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition: all 0.5s ease;}
.pridelist ul li .pic img{ max-width:90%; max-height:90%; transition: all 0.5s ease;}

.pridelist ul li .tit{ width:100%; height:52px; line-height:52px; overflow:hidden; font-size:16px; text-align:center; background:#FFF }
.pridelist ul li:hover .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

.pridelist ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pridelist ul li:hover .tit{ color:#c62839}


.pridelist2{ width:100%; height:auto; overflow:hidden;}
.pridelist2 ul{margin:0px; padding:0px; list-style:none}
.pridelist2 ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.pridelist2 ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden; border:1px solid #e5e5e5; box-sizing:border-box; padding:15px;}
.pridelist2 ul li .pic{ width:100%; height:310px; overflow:hidden; position:relative; line-height:320px; text-align:center}
.pridelist2 ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition: all 0.5s ease;}
.pridelist2 ul li .pic img{ max-width:90%; max-height:90%; transition: all 0.5s ease;}

.pridelist2 ul li .tit{ width:100%; height:52px; line-height:52px; overflow:hidden; font-size:16px; text-align:center; background:#FFF }
.pridelist2 ul li:hover .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

.pridelist2 ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.pridelist2 ul li:hover .tit{ color:#c62839}


/*联系*/
.conlist{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.conlist ul{ margin:0px; padding:0px; list-style:none}
.conlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden; min-height:188px;}
.conlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.conlist ul li .pic{ width:100%; height:50px; overflow:hidden}
.conlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:17px; font-weight:700; color:#333333}
.conlist ul li .word{ width:100%; height:auto; overflow:hidden; font-size:18px; color:#333333; line-height:30px;}


/*导航*/
.servicenav{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:10px 0;}
.servicenav .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.servicenav .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.servicenav .one{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ebebeb}
.servicenav .one .tit{ width:145px; height:50px; line-height:50px; overflow:hidden; float:left; background:url(../Images/ico1.png) left center no-repeat; font-size:17px; font-weight:700; color:#333333; text-indent:36px;}
.servicenav .one .list{width:calc(100% - 150px); height:auto; float:left; overflow:hidden; font-size:16px; }
.servicenav .one .list ul{ margin:0px; padding:0px; list-style:none}
.servicenav .one .list ul li{ margin:0px ; padding:0px 15px; height:50px; line-height:50px; font-size:16px; color:#6d6d6d; float:left; background:url(../Images/line3.png) left center no-repeat; float:left}
.servicenav .one .list ul li.onfocus a{ color:#1d2088; font-weight:700}


.servicenav .one .tit2{ background: url(../Images/ico2.png) left center no-repeat}
.servicenav .btnp{ width:100%;; height:auto; line-height:50px; overflow:hidden; margin-left:30%}
.servicenav .btnp p{ height:40px; line-height:40px; font-size:14px; color:#d7bb99}
.servicenav .btnp p.t1{ display:block}
.servicenav .btnp p.t2{ display:none}

.seaaviceshow{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; background:#FFF; font-size:14px; line-height:200%;}
.seaaviceshow .tit{ width:100%; height:auto; overflow:hidden; font-size:30px; font-weight:700; line-height:50px; margin-bottom:10px;}

.caseshow{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:30px;}
.caseshow .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:30px; color:#333333; font-weight:700; text-align:center; margin:15px 0}

.caseshow2{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; }
.caseshow2 .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:28px; color:#333333;  text-align:left;}

.caseshow2 .theslide{ width:100%; height:720px; overflow:hidden; position:relative; margin-top:20px;}
.caseshow2 .theslide .leftarr{ width:18px; height:32px; background:url(../Images/left4.png) no-repeat; background-size:100% 100%; position:absolute; left:20px; top:50%; margin-top:-16px; cursor:pointer; z-index:100; }
.caseshow2 .theslide .rightarr{width:18px; height:32px;background:url(../Images/right4.png) no-repeat;background-size:100% 100%; position:absolute; right:20px; top:50%;margin-top:-16px;cursor:pointer; z-index:100; }
.caseshow2 .theslide .list{ width:100%; height:720px; overflow:hidden;}
.caseshow2 .theslide .list ul{ margin:0px; padding:0px; list-style:none}
.caseshow2 .theslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:720px; overflow:hidden;}
.caseshow2 .theslide .list ul li .pic{ width:100%; height:720px; overflow:hidden;}
.caseshow2 .theslide .list ul li video{ width:100%; height:100%;object-fit:cover}
.caseshow2  .casepage { width:100%; height:auto; overflow:hidden; text-align:center; margin-top:20px;}
.caseshow2  .casepage .swiper-pagination-switch { display: inline-block;width: 7px; height: 7px;border-radius: 10px;background: #838383; margin: 0 3px;cursor: pointer; transition:all 0.5s ease}
.caseshow2  .casepage .swiper-active-switch { background: #d12746; width:39px;}



.caseshow2 .pagemore{ width:100%; height:auto; border-top:1px solid #eeeeee; padding-top:10px;}
.caseshow2 .pagemore .list{ width:100%; height:50px; overflow:hidden; background:url(../Images/m.png) center center no-repeat}
.caseshow2 .pagemore .list ul{ margin:0px; padding:0px; list-style:none}
.caseshow2 .pagemore .list ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left}
.caseshow2 .pagemore .list ul li p{ width:90%; height:50px; line-height:50px; font-size:14px;}
.caseshow2 .pagemore .list ul li:nth-child(2n) p{ float:right; text-align:right}
/*相册幻灯*/
.schoolSlide{ width:80%; height:800px; overflow:hidden; margin:0 auto; margin-top:20px; position:relative}
.schoolSlide .list{ width:100%; height:656px; overflow:hidden;}
.schoolSlide .list ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:656px; float:left; overflow:hidden; float:left; position:relative}
.schoolSlide .list ul li p{ display:block; width:100%; height:40px; line-height:40px; text-indent:15px; color:#FFF; overflow:hidden; background:url(../Images/cover3.png) repeat; left:0px; bottom:0px; position:absolute}
.schoolSlide .leftarr{ width:30px; height:45px; background:url(../Images/left1.png) no-repeat; position:absolute; left:28px; top:197px; cursor:pointer; z-index:100; }
.schoolSlide .rightarr{ width:30px; height:45px;background:url(../Images/right1.png) no-repeat; position:absolute; right:28px; top:197px;cursor:pointer; z-index:100; }
.schoolSlide .minbox{ width:100%; height:111px; overflow:hidden; margin-top:24px; position:relative}
.schoolSlide .minbox .left1{ position:absolute; left:0px; top:0; width:30px; height:112px; background:url(../Images/minleft.png) no-repeat;cursor:pointer}
.schoolSlide .minbox .right1{position:absolute; right:0px; top:0;width:30px; height:112px; background:url(../Images/minright.png) no-repeat;cursor:pointer}
.schoolSlide .minbox .mlist{ width:92%; margin:0 auto; overflow:hidden; }
.schoolSlide .minbox .mlist ul{ margin:0px; padding:0px; list-style:none}
.schoolSlide .minbox .mlist ul li{ margin:0px; padding:0px; list-style:none; width:191px; height:112px; overflow:hidden; float:left}
.schoolSlide .minbox .mlist ul li .img{ width:90%; height:111px; overflow:hidden;}
.schoolSlide .minbox .mlist ul li .img .cover{ width:100%; height:111px; background:url(../Images/cover3.png) repeat; overflow:hidden; display:none}
.schoolSlide .minbox .mlist ul li .img .cover p{ display:block; width:100%; text-align:center; color:#FFF; font-size:14px}
.schoolSlide .minbox .mlist ul li .img .cover p.t1{ margin-top:33px;}
.schoolSlide .minbox .mlist ul li.active-nav .img{ border:1px solid #9fa1cd}
.schoolSlide .minbox .mlist ul li.active-nav .img .cover{ display:block}


/*相关案例推荐*/
.relstit{ width:100%; height:50px; line-height:50px; text-align:left; overflow:hidden; font-size:30px; font-weight:700; color:#333333; margin:20px 0}
/*案例展示*/

.casereslist{ width:100%; height:auto; overflow:hidden; }
.casereslist ul{ margin:0px; padding:0px; list-style:none}
.casereslist ul li{ margin:0 0 15px 0 ; padding:10px 0; list-style:none; width:33.33%; float:left; overflow:hidden;}
.casereslist ul li .box{ width:96%; height:auto; margin:0 auto;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; box-sizing:border-box;border:1px solid #f8f8f8;padding:0px;box-shadow: 0px 0px 10px 0px #dfdfdf;}
.casereslist ul li .pic{ width:100%; height:300px; overflow:hidden}
.casereslist ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;}

.casereslist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:25px; }
.casereslist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:16px;  color:#4a4a4a; font-weight:700;  overflow:hidden; text-align:left}
.casereslist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; color:#4a4a4a; overflow:hidden; margin-top:10px; text-align:left}
.casereslist ul li .wordbox .more{ width:100%; height:40px; line-height:40px; font-size:14px; overflow:hidden; margin-top:20px; color:#a7a7a7}


.casereslist ul li:hover .box{ border-bottom:1px solid #d12746; }
.casereslist ul li:hover .pic{ }
.casereslist ul li:hover .pic .img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.casereslist ul li:hover .wordbox .tit{ color:#d12746; font-weight:700}
.casereslist ul li:hover .wordbox .word{ }


/*相关案例*/
.agencybox{ width:100%; height:auto; overflow:hidden; background: url(../Images/casesbg.png)  bottom center no-repeat; background-size:cover; padding:25px 0}
.agencybox .centerbox{ width:100%; height:auto;  min-width:320px;clear:both; overflow:hidden;  }
.agencybox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.agencybox .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:36px; color:#303030;text-align:left; max-width:1440px; margin:0 auto;  }
.agencybox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px;  color:#363636; overflow:hidden; text-align:left; opacity:0.8; max-width:1440px; margin:0 auto; }

.agencybox .listbox{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.agencybox .list{ width:230%; height:540px; overflow:hidden; margin-left:-65%}
.agencybox .list ul{ margin:0px; padding:0px; list-style:none;}
.agencybox .list ul li{ margin:0; padding:0; list-style:none; box-sizing:border-box; width:33.33%; height:auto; float:left; overflow:hidden}
.agencybox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; background:rgb(255,255,255,0.4) }
.agencybox .list ul li .box .pic{ width:62%; height:540px; overflow:hidden; position:relative;float:left  }
.agencybox .list ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.agencybox .list ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}
.agencybox .list ul li .wordbox{ width:38%; height:540px; overflow:hidden;  float:left; box-sizing:border-box; padding:20px;}
.agencybox .list ul li .tit{ width:100%; height:auto; line-height:40px; font-size:26px; text-align:left;  overflow:hidden;}
.agencybox .list ul li .word{ width:100%; height:300px; line-height:30px; overflow:hidden; font-size:14px; color:#303030; opacity:0.7; margin-top:30px;}

.agencybox .list ul li:hover .tit{ color:#f01d23; font-weight:700}
.agencybox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.agencybox .list ul li:hover .pic img{ max-width:90%; max-height:90%;}

.arrlist{ width:100%; height:60px; position:relative; overflow:hidden; max-width:1440px; margin:0 auto; margin-top:35px;}
.arrlist .arr{ position:absolute; left:0px; top:0; z-index:100}
.arrlist .leftarr{ width:51px; height:51px; background:url(../Images/left3.png) no-repeat; float:left; cursor:pointer }
.arrlist .rightarr{ width:51px; height:51px; background:url(../Images/right3.png) no-repeat; float:left; margin-left:20px; cursor:pointer}
.arrlist .xian{ width:100%; height:auto;  box-sizing:border-box; padding:0 0 0 150px; position:absolute; left:0; top:23px; z-index:0}
.arrlist .xian .swiper-scrollbar{ width:100%; height:5px; background:#c0c6cc}

.arrlist .xian .swiper-scrollbar {
   height:10px;
   width: 100%;
   background:#c0c6cc
}
.arrlist .xian .swiper-scrollbar-drag {
	background:#00468e
} 

/*c0c6cc
.agencybox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.agencybox .list ul{ margin:0px; padding:0px; list-style:none;}
.agencybox .list ul li{ margin:10px 0; padding:0; list-style:none; box-sizing:border-box; width:33.33%; height:auto; float:left; overflow:hidden}
.agencybox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; }
.agencybox .list ul li .box .pic{ width:100%; height:267px; overflow:hidden; position:relative; border-radius:10px;  }
.agencybox .list ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.agencybox .list ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}
.agencybox .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:left; margin-top:10px; overflow:hidden;}
.agencybox .list ul li .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#303030; opacity:0.7}

.agencybox .list ul li:hover .tit{ color:#f01d23; font-weight:700}
.agencybox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.agencybox .list ul li:hover .pic img{ max-width:90%; max-height:90%;}
*/


/*行业新闻*/
.personlist{ width:100%; height:auto; overflow:hidden;}
.personlist ul{ margin:0px; padding:0px; list-style:none}
.personlist ul li{ margin:0; padding:20px 0; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF }
.personlist ul li .one{ width:100%; height:auto; overflow:hidden;}
.personlist ul li .timebox{ width:27%; height:auto; overflow:hidden; float:left}
.personlist ul li .timebox .tit{ width:100%; height:118px; line-height:35px; font-size:18px; overflow:hidden; color:#303030}
.personlist ul li .timebox .time{ width:100%; height:30px; line-height:30px; font-size:16px; overflow:hidden; color:#1c4c96}


.personlist ul li .pic{ width:27%; height:230px; overflow:hidden; border-radius:10px; float:right}
.personlist ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}

.personlist ul li .wordbox{ width:46%; height:auto; overflow:hidden;  float:left; box-sizing:border-box; padding:0 70px}
.personlist ul li .wordbox .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px; color:#303030; opacity:0.8; }


.personlist ul li .wordbox .more{ width:100%; height:30px; line-height:30px; font-size:14px; color:#1c4c96;transition: all 0.5s ease; text-align:right; margin-top:10px}


.personlist ul li .line{ width:100%; height:1px; background:#ebebeb; margin:30px 0 0 0; clear:both}
.personlist ul li .line p{ width:0px; height:1px; background:#f01d23;transition: all 0.5s ease;}


.personlist ul li.nopic .pic{ display:none}
.personlist ul li.nopic .wordbox{ width:100%}

.personlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.personlist ul li:hover .line p{ width:100%;}

.personlist ul li:hover .timebox .tit{ color:#db261d; font-weight:700}
.personlist ul li:hover .timebox .time{ color:#db261d}
.personlist ul li:hover .wordbox .more{color:#db261d}



/*荣誉资质*/
.culturebox1{ width:100%; height:auto;margin:0 auto; padding:50px 0; overflow:hidden;  background: url(../Images/culturebg1.png)  no-repeat; background-size:cover;}
.culturebox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.culturebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.culturebox1 .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838; overflow:hidden; text-align:center }

.culturebox1 .listbox{ width:100%; height:auto; overflow:hidden; position:relative;  }
.culturebox1 .listbox .list{ width:100%; height:auto; overflow:hidden;margin:0 auto; overflow:hidden; }
.culturebox1 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.culturebox1 .listbox .list ul li{ margin:15px 0; padding:0px; list-style:none; width:50%; height:auto; overflow: hidden; float:left; }
.culturebox1 .listbox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; background:#ffffff;  box-sizing:border-box; padding:30px 15px;box-shadow: 0px 0px 10px 0px #dde1e2; }


.culturebox1 .listbox .list ul li .pic{ width:17%; height:auot; overflow:hidden; float:left}
.culturebox1 .listbox .list ul li .pic img{max-width:90%}
.culturebox1 .listbox .list ul li .wordbox{ width:83%; height:auto; float:left; overflow:hidden;}

.culturebox1 .listbox .list ul li .tit{ width:100%; height:50px; line-height:50px; text-align:left; overflow:hidden; font-size:28px; font-weight:700; color:#1d2088}
.culturebox1 .listbox .list ul li .tit2{ width:100%; height:35px; line-height:35px; text-align:left; overflow:hidden; color:#333333;  font-size:20px;}
.culturebox1 .listbox .list ul li .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:14px; color:#333333; opacity:0.7; margin-top:20px;}





.culturebox2{ width:100%; height:auto;margin:0 auto; overflow:hidden; }
.culturebox2 img{ width:100%; height:auto}

/*企业风采*/
.culturebox3{ width:100%; height:auto;margin:0 auto; padding:50px 0; overflow:hidden;  background:#FFF;}
.culturebox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px;  margin:0 auto; clear:both; overflow:hidden; }
.culturebox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.culturebox3 .titbox{ width:100%; height:auto; overflow:hidden; overflow:hidden; text-align:left; font-size:36px; color:#1d2088; font-weight:700; line-height:60px; }
.culturebox3 .titbox2{ width:100%; height:auto; overflow:hidden; overflow:hidden; text-align:center; font-size:18px; color:#00468e; line-height:40px; opacity:0.8; text-transform:uppercase}

.culturebox3 .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.culturebox3 .list ul{ margin:0px; padding:0px; list-style:none;}
.culturebox3 .list ul li{ margin:10px 0; padding:3px; list-style:none; box-sizing:border-box; width:25%; height:auto; float:left; overflow:hidden}
.culturebox3 .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:15px; background:#f3f3f3;}
.culturebox3 .list ul li .box .pic{ width:100%; height:390px; overflow:hidden; position:relative; border-radius:0px;  }
.culturebox3 .list ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.culturebox3 .list ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}

.culturebox3 .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:left; margin-top:10px; overflow:hidden; box-sizing:border-box; padding:0 10px;}
.culturebox3 .list ul li .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#303030; opacity:0.7;box-sizing:border-box; padding:0 10px;}

.culturebox3 .list ul li:hover .box{box-shadow: 0px 0px 10px 0px #bbbbbb;}
.culturebox3 .list ul li:hover .tit{ color:#f01d23; font-weight:700}
.culturebox3 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.culturebox3 .list ul li:hover .pic img{ max-width:90%; max-height:90%;}


/*资料下载*/
.downsearchbox{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:50px 0}
.downsearchbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1440px;  margin:0 auto; clear:both; overflow:hidden; }
.downsearchbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.downsearchbox .list{ width:60%; height:auto; float:left; overflow:hidden;}
.downsearchbox .list ul{ margin:0px; padding:0px; list-style:none}
.downsearchbox .list ul li{ margin:0; padding:0px; list-style:none; float:left}
.downsearchbox .list ul li.t1{ width:30%; height:auto; float:left; overflow:hidden;}
.downsearchbox .list ul li.t1 select{ width:90%; height:66px; line-height:66px; border:1px solid #e8e8e8; border-radius:50px; box-sizing:border-box; padding:0 10px; font-size:14px}

.downsearchbox .list ul li.t2{ width:70%; height:68px; float:left; overflow:hidden; position:relative}
.downsearchbox .list ul li.t2 .box{ width:100%; height:100%; overflow:hidden; background:#FFF;  box-sizing:border-box;; border:1px solid #e8e8e8; border-radius:30px; position:relative}
.downsearchbox .list ul li.t2 .input1{ width:60%; height:66px; line-height:66px; border:0; outline:none; box-sizing:border-box; padding:0 0 0 10px; font-size:14px; position:absolute; left:0; top:0px}
.downsearchbox .list ul li.t2 .btnme{ position:absolute; right:27px; top:24px; width:23px; height:23px; background:url(../Images/searchtbn.png) no-repeat; border:0}



/*下载*/
.downtit{ width:100%; height:50px; line-height:50px; overflow:hidden; margin-bottom:20px; font-size:34px; font-weight:700; color:#5f5893}
.download{ width:100%; margin:0 auto; overflow:hidden;}
.download ul{ margin:0px; padding:0px; list-style:none}
.download ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:auto;overflow:hidden; }
.download ul li .box{border:1px solid #e3e3e3; border-radius:10px; width:100%; margin:0 auto; overflow:hidden; height:auto; box-sizing:border-box; padding:29px; border-radius:10px;}
.download ul li .tit{ width:75%; height:40px; line-height:40px; overflow:hidden; font-size:18px;  color:#333333; float:left; background:url(../Images/d1.png) left center no-repeat; text-indent:52px;}
.download ul li .tit3{ height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#0159b3; text-indent:30px; background:url(../Images/d3.png) left center no-repeat; float:right}

.download ul li:hover .box{border:1px solid #0159b3;}
.download ul li:hover .tit{ color:#0159b3}





/*专利技术*/
.pridebox2{ width:100%; height:auto;margin:0 auto; padding:50px 0; overflow:hidden;  background: #f5f5f5; background-size:cover;}
.pridebox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden; }
.pridebox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.pridebox2 .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; font-weight:700; color:#383838; overflow:hidden; text-align:center }
.pridebox2 .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:center; opacity:0.7; background:url(../Images/lineabout.png) bottom center no-repeat; padding-bottom:20px; }

.pridebox2 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:20px; }
.pridebox2 .listbox .list{ width:100%; height:502px; overflow:hidden;margin:0 auto; overflow:hidden; position:relative; z-index:0; box-sizing:border-box;}
.pridebox2 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.pridebox2 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:357px; height:502px; overflow: hidden; float:left; position:relative}
.pridebox2 .listbox .list ul li .box{ width:96%; height:100%; margin:0 auto; border:1px solid #eaeaea; box-sizing:border-box; padding:10px; background:#FFF }


.pridebox2 .listbox .list ul li .pic{ width:100%; height:100%}
.pridebox2 .listbox .list ul li .pic .img{ width:100%; height:100%}

.pridebox2 .arrlist{ width:125px; height:auto; height:auto; margin:0 auto; margin-top:25px;}
.pridebox2 .arrlist .leftarr{ width:50px; height:50px; background: url(../Images/left1.png) no-repeat; background-size:100% 100%; float:left}
.pridebox2 .arrlist .rightarr{width:50px; height:50px; background: url(../Images/right2.png) no-repeat;background-size:100% 100%; float:right}



/*企业布局*/
.companybox1{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden;  background: #ffffff; background-size:cover;}
.companybox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden; border-bottom:1px solid #ededed; padding:50px 0 }
.companybox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.companybox1 .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838; overflow:hidden; text-align:center }
.companybox1 .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:center; opacity:0.7; background:url(../Images/lineabout.png) bottom center no-repeat; padding-bottom:20px; }

.companybox1 .listbox{ width:100%; height:auto; overflow:hidden; position:relative; margin-top:20px; }
.companybox1 .listbox .list{ width:100%; height:auto; overflow:hidden;margin:0 auto; overflow:hidden; position:relative; z-index:0; box-sizing:border-box;}
.companybox1 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.companybox1 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow: hidden; float:left; position:relative}
.companybox1 .listbox .list ul li .box{ width:96%; height:auto; margin:0 auto;}
.companybox1 .listbox .list ul li .title{ width:100%; height:50px; line-height:50px; overflow:hidden; position:relative; background:#f5f5f5; }
.companybox1 .listbox .list ul li .title .name{ position:absolute; left:0; top:0; height:50px; line-height:50px; font-size:14px; fon700; text-indent:20px;}
.companybox1 .listbox .list ul li .title .other{ position:absolute; right:0; top:0; height:50px; line-height:50px; width:50px;}
.companybox1 .listbox .list ul li .title .other p.t1{ width:50px; height:50px; background:url(../Images/add.png) center center no-repeat; display:block}
.companybox1 .listbox .list ul li .title .other p.t2{ width:50px; height:50px; background:url(../Images/sub.png) center center no-repeat; display:none}

.companybox1 .listbox .list ul li.onfocus .title { background:#f8edee; font-weight:900}
.companybox1 .listbox .list ul li.onfocus .title .other p.t1{ display:none}
.companybox1 .listbox .list ul li.onfocus .title .other p.t2{ display:block}

.companybox1 .listbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.companybox1 .listbox .list ul li .picbox{ width:100%; height:322px; overflow:hidden; border-radius:5px}
.companybox1 .listbox .list ul li .picbox .img{ width:100%; height:100%;transition: all 0.5s ease;}
.companybox1 .listbox .list ul li .tit{ width:100%; height:auto; line-height:50px; font-size:24px; font-weight:bold; overflow:hidden; margin-top:10px;}
.companybox1 .listbox .list ul li .word{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#383838; opacity:0.8; line-height:30px; margin-top:10px;}

.companybox1 .listbox .list ul li:hover .picbox .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*基地展示*/
.companybox2{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden;  background: #ffffff; background-size:cover; padding:50px 0}
.companybox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden;  }
.companybox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.companybox2 .leftbox{ width:33%; height:auto; overflow:hidden; float:left}
.companybox2 .leftbox .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838}
.companybox2 .leftbox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:left; opacity:0.7; background:url(../Images/lineabout.png) left bottom no-repeat; padding-bottom:20px; }
.companybox2 .leftbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }

.companybox2 .leftbox .titbox3{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:26px; font-weight:700; color:#383838; margin-top:30px;}
.companybox2 .leftbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px}
.companybox2 .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.companybox2 .leftbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.companybox2 .leftbox .list ul li p{ width:90%; height:auto; overflow:hidden; border:1px solid #f02228; height:58px; line-height:58px; border-radius:30px; background:url(../Images/arrred.png) right 10px center no-repeat; text-indent:15px; font-size:18px; color:#f01d23}
.companybox2 .leftbox .list ul li .pic{ display:none}

.companybox2 .leftbox .list ul li.onfocus p{ background:url(../Images/arrwhite.png) right 10px center no-repeat #f02228;color:#fff}


.companybox2 .rightbox{ width:67%; height:auto; overflow:hidden; float:left; box-sizing:border-box; padding:0 0 0 20px;}
.companybox2 .rightbox img{ width:100%; height:auto; overflow:hidden;}

/*物资供应分类列表*/
.applysort{ width:100%; height:auto; overflow:hidden;}
.applysort ul{ margin:0px; padding:0px; list-style:none;}
.applysort ul li{ margin:10px 0; padding:0 0 20px 0; list-style:none; box-sizing:border-box; width:50%; height:auto; float:left; overflow:hidden; border-bottom:1px solid #ebebeb;}
.applysort ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; border-radius:10px; }
.applysort ul li .box .pic{ width:50%; height:256px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; float:left; border-radius:10px}
.applysort ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.applysort ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}


.applysort ul li .wordbox{ width:50%; height:auto; overflow:hidden; box-sizing:border-box; padding:15px; float:left}
.applysort ul li .wordbox .tit{ width:100%; height:auto; line-height:50px; padding-bottom:10px; overflow:hidden; background:url(../Images/sline1.png) left bottom no-repeat; font-size:26px; color:#383838}
.applysort ul li .wordbox .word{ width:100%; height:140px; line-height:28px; overflow:hidden; font-size:14px; color:#383838; opacity:0.8; margin-top:10px;}

.applysort ul li:hover .box{ background:#f5f5f5}
.applysort ul li:hover .tit{ color:#f01d23}
.applysort ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*物资供应列表页*/
.applytitbox{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px;}
.applytitbox .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838}
.applytitbox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:left; opacity:0.7; background:url(../Images/lineabout.png) left bottom no-repeat; padding-bottom:20px; }
.applytitbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }

.applylistbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.applylistbox .leftarea{ width:22%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 50px 0 0; float:left}
.applylistbox .leftarea .nav{ width:100%; height:auto; overflow:hidden;}
.applylistbox .leftarea .nav ul{ margin:0px; padding:0px; list-style:none}
.applylistbox .leftarea .nav ul li{ margin:13px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}

.applylistbox .leftarea .nav ul li p{ width:90%; height:auto; overflow:hidden; border:1px solid #f02228; height:58px; line-height:58px; border-radius:30px; background:url(../Images/arrred.png) right 10px center no-repeat; text-indent:15px; font-size:18px; color:#f01d23}
.applylistbox .leftarea .nav ul li.onfocus p{ background:url(../Images/arrwhite.png) right 10px center no-repeat #f02228;color:#fff}

.applylistbox .rightarea{ width:78%; height:auto; overflow:hidden; float:left;}




/*物资供应详细页*/


.applyshow{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.applyshow .leftarea{ width:41%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 50px 0 0; float:left;text-align:center }
.applyshow .leftarea img{ max-width:100%; height:auto; overflow:hidden;}

.applyshow .rightarea{ width:59%; height:auto; overflow:hidden; float:left;}
.applyshow .rightarea .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:30px; font-weight:700; color:#383838; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.applyshow .rightarea .wordbox{ width:100%; height:520px; overflow-x:hidden;overflow-y:auto; line-height:32px; font-size:14px; margin-top:20px;}
.applyshow .rightarea .wordbox img{ max-width:100%; height:auto}
.applyshow .rightarea .wordbox ul{ margin:0px; padding:0px; list-style:none}
.applyshow .rightarea .wordbox ul li{ width:100%; height:auto; overflow:hidden; margin:0px; padding:0px; list-style:none; box-sizing:border-box; padding:0 0 0 20px; line-height:32px; background:url(../Images/dot1.png) left 0 top 10px no-repeat;}
.applyshow .rightarea .wordbox ul li p{ line-height:32px;}


.applyrels{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:50px 0}
.applyrels .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden;  }
.applyrels .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.applyrels .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:34px; color:#383838;text-align:center; }
.applyrels .titbox2{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:18px;  color:#363636; overflow:hidden; text-align:center; opacity:0.7; background:url(../Images/lineabout.png) center bottom no-repeat; padding-bottom:20px; }


.applyrels .list{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.applyrels .list ul{ margin:0px; padding:0px; list-style:none;}
.applyrels .list ul li{ margin:10px 0; padding:0; list-style:none; box-sizing:border-box; width:33.33%; height:auto; float:left; overflow:hidden}
.applyrels .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; }
.applyrels .list ul li .box .pic{ width:100%; height:320px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; display: flex; align-items: center; justify-content: center;background:#ffffff; }
.applyrels .list ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.applyrels .list ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}
.applyrels .list ul li .tit{ width:100%; height:50px; line-height:50px; font-size:18px; text-align:center; margin-top:10px;}

.applyrels .list ul li:hover .tit{ color:#f01d23; font-weight:700}
.applyrels .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.applyrels .list ul li:hover .pic img{ max-width:90%; max-height:90%;}

.applyrels .list ul li:nth-child(4){ display:none}



/*国际代理*/
.agencytitbox{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px;}
.agencytitbox .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838}
.agencytitbox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:left; opacity:0.7; background:url(../Images/lineabout.png) left bottom no-repeat; padding-bottom:20px; }
.agencytitbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }
.agencytitbox .more{ width:150px; height:45px; line-height:45px; text-align:center; border:1px solid #f01d23; border-radius:30px; font-size:14px; text-align:center; color:#f01d23; margin:0 auto; margin-top:20px; }
.agencytitbox .more1{display:none}
.agencytitbox .more2{display:none}


/*国际代理品牌*/
.agentlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.agentlist ul{ margin:0px; padding:0px; list-style:none;}
.agentlist ul li{ margin:10px 0; padding:0; list-style:none; box-sizing:border-box; width:20%; height:auto; float:left; overflow:hidden}
.agentlist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; }
.agentlist ul li .box .pic{ width:100%; height:150px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; display: flex; align-items: center; justify-content: center;border:1px solid #e4e4e4; border-radius:10px; }
.agentlist ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.agentlist ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}

.agentlist ul li .titbox{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center}

.agentlist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px; text-align:left; background:#FFF;transition: all 0.5s ease;}
.agentlist ul li .wordbox .word{ width:100%; height:192px; line-height:32px; overflow:hidden; font-size:14px; color:#686868}
.agentlist ul li .wordbox .word p{ width:100%; height:32px; line-height:32px; overflow:hidden; background:url(../Images/dot1.png) left center no-repeat; text-indent:10px;}
.agentlist ul li .wordbox .more{ width:126px; height:34px; line-height:34px; overflow:hidden; font-size:14px; text-transform:uppercase; color:#5f5893; background:#FFF; margin-top:15px;}

.agentlist ul li:hover .titbox{ color:#f01d23; font-weight:700}
.agentlist ul li:hover .box .pic{ border:1px solid #f78e91;}

.agentlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.agentlist ul li:hover .pic img{ max-width:90%; max-height:90%;}



/*国际代理 代理产品*/
.agencyprotitbox{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px;}
.agencyprotitbox .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838}
.agencyprotitbox .picbox{ width:272px; height:150px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; display: flex; align-items: center; justify-content: center;border:1px solid #e4e4e4; border-radius:10px; margin-bottom:20px;  }
.agencyprotitbox .picbox img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}

.agencyprotitbox .wordbox{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:16px; opacity:0.8; color:#383838; overflow:hidden; text-align:left; margin-top:20px; }




/*合作伙伴*/
.coopertit{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:20px; margin-bottom:20px;}
.coopertit .titbox{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838}
.coopertit .titbox2{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:18px;  color:#363636; overflow:hidden; text-align:left; opacity:0.7; background:url(../Images/lineabout.png) left bottom no-repeat; padding-bottom:20px; }



/*合作伙伴列表*/
.cooperlist{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.cooperlist ul{ margin:0px; padding:0px; list-style:none;}
.cooperlist ul li{ margin:10px 0; padding:0; list-style:none; box-sizing:border-box; width:20%; height:auto; float:left; overflow:hidden}
.cooperlist ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; padding:0; }
.cooperlist ul li .box .pic{ width:100%; height:150px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; display: flex; align-items: center; justify-content: center;border:1px solid #e4e4e4; border-radius:10px; background:#FFF }
.cooperlist ul li .box .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.cooperlist ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}

.cooperlist ul li .tit{ width:100%; height:50px; line-height:50px; font-size:16px; text-align:center}

.cooperlist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px; text-align:left; background:#FFF;transition: all 0.5s ease;}
.cooperlist ul li .wordbox .word{ width:100%; height:192px; line-height:32px; overflow:hidden; font-size:14px; color:#686868}
.cooperlist ul li .wordbox .word p{ width:100%; height:32px; line-height:32px; overflow:hidden; background:url(../Images/dot1.png) left center no-repeat; text-indent:10px;}
.cooperlist ul li .wordbox .more{ width:126px; height:34px; line-height:34px; overflow:hidden; font-size:14px; text-transform:uppercase; color:#5f5893; background:#FFF; margin-top:15px;}

.cooperlist ul li:hover .tit{ color:#f01d23; font-weight:700}
.cooperlist ul li:hover .box .pic{ border:1px solid #f78e91;}

.cooperlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.cooperlist ul li:hover .pic img{ max-width:90%; max-height:90%;}



/*业务领域产品列表页*/
.photolist{ width:100%; height:auto; overflow:hidden;}
.photolist ul{ margin:0px; padding:0px; list-style:none}
.photolist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.photolist ul li .box{ width:96%; height:480px; overflow:hidden; border-radius:0; margin:0 auto; box-sizing:border-box; position:relative }
.photolist ul li .box .pic{ width:100%; height:310px; overflow:hidden; position:relative; margin:0 auto; border-radius:10px; box-sizing:border-box; padding:20px; background:#eeeeee}
.photolist ul li .box .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.photolist ul li .box .wordbox{ width:100%; height:auto; overflow:hidden; text-align:center; }
.photolist ul li .box .tit{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:20px; color:#383838; font-weight:700; overflow:hidden; margin-top:10px; text-align:center; }
.photolist ul li .box .more{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; color:#f01d23; margin:30px 0; text-align:center}

.photolist ul li .box .cover{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:10; background:#f6f6f6; box-sizing:border-box; padding:50px; display:none}
.photolist ul li .box .cover .tit2{ width:100%; height:70px; line-height:70px; overflow:hidden; text-align:center; font-size:24px; color:#f01d23}
.photolist ul li .box .cover .word{ width:100%; height:105px; line-height:35px;  overflow:hidden; font-size:16px; color:#383838; opacity:0.8}
.photolist ul li .box .cover .more2{ width:126px; height:44px; line-height:44px; background:#f01d23; border-radius:50px; margin:100px auto 0 auto; text-align:center; color:#ffffff}


.photolist ul li:hover .box .cover{ display:block }
.photolist ul li:hover .box .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.photolist ul li:hover .box .tit{ }


.photolist ul li:nth-child(2) .box{ }
.photolist ul li:nth-child(3) .box{ }

/*业务领域 详细页*/
.serviceshowtit .titbox{ width:100%; height:auto; overflow:hidden; line-height:40px; font-size:16px; color:#f01d23; }
.serviceshowtit .titbox span{ font-size:22px; opacity:0.8}
.serviceshowtit .titbox2{ width:100%; height:auto; overflow:hidden; line-height:60px; font-size:36px; color:#383838; font-weight:700; padding-bottom:20px; border-bottom:1px solid #ececec ; position:relative }

.serviceshow{ width:100%; height:auto; overflow:hidden; margin-top:20px; }
.serviceshow .leftarea{ width:49%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 0; float:left;text-align:center }
.serviceshow .leftarea img{ width:100%; height:auto; overflow:hidden;}

.serviceshow .rightarea{ width:49%; height:auto; overflow:hidden; float:right;}
.serviceshow .rightarea .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:30px; font-weight:700; color:#383838; border-bottom:1px solid #f0f0f0; padding-bottom:20px;}
.serviceshow .rightarea .wordbox{ width:100%; height:550px; overflow-x:hidden;overflow-y:auto; line-height:32px; font-size:14px; }
.serviceshow .rightarea .wordbox img{ max-width:100%; height:auto}
.serviceshow .rightarea .wordbox ul{ margin:0px; padding:0px; list-style:none}
.serviceshow .rightarea .wordbox ul li{ width:100%; height:auto; overflow:hidden; margin:0px; padding:0px; list-style:none; box-sizing:border-box; padding:0 0 0 20px; line-height:32px; background:url(../Images/dot1.png) left 0 top 10px no-repeat;}
.serviceshow .rightarea .wordbox ul li p{ line-height:32px;}


.servicerels{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:50px 0}
.servicerels .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden;  }
.servicerels .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }

.servicerels .titbox{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:34px; color:#383838;text-align:center; }
.servicerels .titbox2{ width:100%; height:auto; overflow:hidden; line-height:30px; font-size:18px;  color:#363636; overflow:hidden; text-align:center; opacity:0.7; background:url(../Images/lineabout.png) center bottom no-repeat; padding-bottom:20px; }

.servicerels .photolist ul li:nth-child(4){ display:none}

/*公司新闻*/
.listnews2{ width:100%; height:auto; overflow:hidden;}
.listnews2 ul{ margin:0px; padding:0px; list-style:none}
.listnews2 ul li{ margin:25px 0; padding:0 0 35px 0; list-style:none; width:100%; height:auto; overflow:hidden; float:none; border-bottom:1px solid #e5e5e5;}

.listnews2 ul li .box{ width:100%; height:auto; overflow:hidden;}




.listnews2 ul li .pic{ width:48%; overflow:hidden; height:403px; overflow:hidden; position:relative; border-radius:8px; float:right} 
.listnews2 ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.listnews2 ul li .wordbox{ width:48%; height:auto; overflow:hidden; float:left}


.listnews2 ul li .wordbox .tit{ width:100%; height:auto; line-height:30px; font-size:26px; font-weight:700;  color:#333333; overflow:hidden; margin-top:15px; background:url(../Images/titline.png) left bottom no-repeat; padding-bottom:20px; }
.listnews2 ul li .wordbox .word{ width:100%; height:auto; line-height:30px; overflow:hidden; margin:0 0 10px 0; font-size:15px; color:#333333; opacity:0.9; margin-top:25px;}
.listnews2 ul li .wordbox .time{ width:100%; height:40px; line-height:40px; background:url(../Images/m1.png) right center no-repeat; font-size:14px }

.listnews2 ul li .wordbox .line{ width:100%; height:1px; background:#fff}
.listnews2 ul li .wordbox .line p{ width:0px; height:1px; background:#0159b3;transition: all 0.5s ease;}

.listnews2 ul li:nth-child(2n) .pic{ float:left}
.listnews2 ul li:nth-child(2n) .wordbox{ float:right}



.listnews2 ul li:hover .box{}
.listnews2 ul li:hover .wordbox .tit{ color:#0159b3;}
.listnews2 ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.listnews2 ul li:hover  .wordbox{ background:#FFF}
.listnews2 ul li:hover  .wordbox .time{  background:url(../Images/m2.png) right center no-repeat }

.listnews2 ul li:hover .wordbox .line p{ width:100%;}

/*光感效果*/
.listnews2 ul li .pic:after {
  content: "";
  position: absolute;
  left: -120%;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0));
  transform: skewx(-25deg);
  -webkit-transform: skewx(-25deg)
}
 
.listnews2 ul li:hover .pic:after {
  transition: all .5s ease;
  left: 100%
}

/*社会责任*/
.soclist{ width:100%; height:auto; overflow:hidden;}
.soclist ul{ margin:0px; padding:0px; list-style:none}
.soclist ul li{ margin:15px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left;}

.soclist ul li .box{ width:96%; height:auto; overflow:hidden; overflow:hidden;  box-sizing:border-box; border:1px solid #ffffff; background:#f5f5f5; padding:20px;}
.soclist ul li:nth-child(3n-1) .box{ margin:0 auto}
.soclist ul li:nth-child(3n) .box{ float:right}

.soclist ul li .timebox{ width:100%; overflow:hidden; height:auto; overflow:hidden; } 
.soclist ul li .timebox p.t1{ width:100%; overflow:hidden; height:50px; line-height:50px; font-size:42px; font-weight:700; color:#0561ac; }
.soclist ul li .timebox p.t2{ width:100%; height:40px; line-height:40px; font-size:14px; color:#0561ac; opacity:0.7}

.soclist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box;;}


.soclist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:18px;  color:#222222; overflow:hidden; margin-top:15px; }
.soclist ul li .wordbox .word{ width:100%; height:60px; line-height:30px; overflow:hidden; margin:0 0 10px 0; font-size:14px;}
.soclist ul li .wordbox .time{ width:100%; height:40px; line-height:40px; background:url(../Images/m1.png) left center no-repeat; font-size:14px }

.soclist ul li .wordbox .line{ width:100%; height:1px; background:#fff}
.soclist ul li .wordbox .line p{ width:0px; height:1px; background:#0159b3;transition: all 0.5s ease;}

.soclist ul li:hover .box{border:1px solid #0561ac; background:#FFF}
.soclist ul li:hover .wordbox .tit{ color:#0159b3;}
.soclist ul li:hover  .wordbox{}
.soclist ul li:hover  .wordbox .time{  background:url(../Images/m2.png) left center no-repeat }



/*视频*/
.videotit{ width:100%; height:auto; overflow:hidden; font-size:28px; text-align:center; color:#333333}

.videotop{ width:99%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px;}
.videotop ul{ margin:0px; padding:0px; list-style:none}
.videotop ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; position:relative}
.videotop ul li .box{ width:100%; height:auto; overflow:hidden;}
.videotop ul li .pic{ width:100%; height:720px; overflow:hidden; position:relative}
.videotop ul li .pic .img{ width:100%; height:100%; transition:all 0.5s ease; position:relative; z-index:0}
.videotop ul li .play{ width:85px; height:85px; background:url(../Images/play3.png) no-repeat; background-size:100% 100%; position: absolute; left:50%; top:50%; margin-left:-42px; margin-top:-42px; z-index:2}
.videotop ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center;font-size:16px; overflow:hidden; display:none }

.videotop ul li:hover .pic .img{ transform:scale(1.1)}

.videolist{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:25px;}
.videolist ul{ margin:0px; padding:0px; list-style:none}
.videolist ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.videolist ul li .box{ width:96%; height:auto;  margin:0 auto; overflow:hidden; border-radius:2px;}
.videolist ul li .pic{ width:100%; height:230px; overflow:hidden; position:relative;}
.videolist ul li .pic .img{width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.videolist ul li .cover{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background:url(../Images/videotitbg.png) left bottom repeat-x;}
.videolist ul li .play{ width:48px; height:48px; background:url(../Images/play3.png) no-repeat; background-size:100% 100%; position: absolute; left:50%; top:50%; margin-left:-24px; margin-top:-24px; z-index:2}
.videolist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center;font-size:16px; overflow:hidden; box-sizing:border-box; padding:0 20px; }

.videolist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.videolist ul li.spec{ width:50%;}
.videolist ul li.spec .box{ height:500px;}
.videolist ul li.spec .play{ width:85px; height:85px; margin-left:-43px; margin-top:-43px; z-index:2}
.videolist ul li.spec .tit{ font-size:20px;}


/*新闻详细页*/
.newsreadbox{ width:100%; height:auto; overflow:hidden; background:#ffffff;padding:25px 0}
.newsreadbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; overflow:hidden; }
.newsreadbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.newsreadbox .leftbox{ width:26.25%; height:auto; float:right; overflow:hidden; box-sizing:border-box; padding:29px; background:#f5f5f5}
.newsreadbox .leftbox .titbox{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:26px; font-weight:700; color:#383838}
.newsreadbox .leftbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.newsreadbox .leftbox .list ul{ margin:0px; padding:0px; list-style:none}
.newsreadbox .leftbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.newsreadbox .leftbox .list ul li .tit{ width:100%; height:43px; line-height:43px; font-size:16px; color:#383838; background:url(../Images/dotnews.png) left center no-repeat; text-indent:23px;}
.newsreadbox .leftbox .list ul li.havepic{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e3e3e3;}
.newsreadbox .leftbox .list ul li.havepic .pic{ width:100%; height:230px; overflow:hidden; border-radius:10px;}
.newsreadbox .leftbox .list ul li.havepic .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.newsreadbox .leftbox .list ul li.havepic .tit2{ width:100%; height:50px; line-height:50px; font-size:16px; font-weight:700; color:#383838; overflow:hidden}
.newsreadbox .leftbox .list ul li.havepic .word{ width:100%; height:56px; line-height:28px; font-size:14px; overflow:hidden; color:#383838; opacity:0.8px;} 
.newsreadbox .leftbox .list ul li.havepic .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; overflow:hidden; color:#a8a8a8; margin:10px 0}

.newsreadbox .leftbox .list ul li.havepic:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.newsreadbox .rightbox{ width:70.39%; height:auto; float:left; overflow:hidden;} 



/*社会责任*/
.societytop{ width:100%; height:auto; overflow:hidden; margin-bottom:30px;}
.societytop .leftarea{ width:38.35%; height:auto; float:left; overflow:hidden;}
.societytop .leftarea ul{ margin:0px; padding:0px; list-style:none}
.societytop .leftarea ul li{ margin:0px; padding:0px 0 20px 0; list-style:none; width:100%; height:auto; overflow:hidden;border-bottom:1px solid #ebebeb;}

.societytop .leftarea ul li .pic{ width:100%; overflow:hidden; height:390px; overflow:hidden; position:relative; border-radius:5px} 
.societytop .leftarea ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.societytop .leftarea ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.societytop .leftarea ul li .wordbox .tit{ width:100%; height:80px; line-height:40px; font-size:26px;  color:#383838; overflow:hidden; margin-top:15px; }
.societytop .leftarea ul li .wordbox .word{ width:100%; height:90px; line-height:30px; font-size:16px;  color:#383838; opacity:0.8; overflow:hidden; margin-top:5px; }
.societytop .leftarea ul li .wordbox .other{ width:100%; height:50px; line-height:50px; overflow:hidden;}
.societytop .leftarea ul li .wordbox .time{ float:left; background: url(../Images/time.png) left center no-repeat;height:50px; line-height:50px; font-size:14px; color:#383838; opacity:0.7 ; text-indent:25px; }
.societytop .leftarea ul li .wordbox .more{ height:50px; line-height:50px; float:right; font-size:14px; color:#f01d23 }
.societytop .leftarea ul li .wordbox .line{ width:100%; height:1px; background:#ebebeb}
.societytop .leftarea ul li .wordbox .line p{ width:0px; height:1px; background:#f01d23;transition: all 0.5s ease;}

.societytop .leftarea ul li:hover .wordbox .tit{ color:#f01d23}
.societytop .leftarea ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.societytop .leftarea ul li:hover .wordbox .line p{ width:100%;}


.societytop .rightarea{ width:58.75%; height:auto; float:right; overflow:hidden;}
.societytop .rightarea ul{ margin:0px; padding:0px; list-style:none}
.societytop .rightarea ul li{ margin:0px 0 25px 0; padding:0px 0 25px 0; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ebebeb;}

.societytop .rightarea ul li .pic{ width:29%; overflow:hidden; height:173px; float:left; overflow:hidden; position:relative; border-radius:5px} 
.societytop .rightarea ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.societytop .rightarea ul li .wordbox{ width:69%; height:auto; overflow:hidden; float:right}
.societytop .rightarea ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:22px;  color:#383838; overflow:hidden;  }
.societytop .rightarea ul li .wordbox .word{ width:100%; height:60px; line-height:30px; font-size:16px;  color:#383838; opacity:0.8; overflow:hidden; margin-top:5px; }
.societytop .rightarea ul li .wordbox .other{ width:100%; height:50px; line-height:50px; overflow:hidden;}
.societytop .rightarea ul li .wordbox .time{ float:left; background: url(../Images/time.png) left center no-repeat;height:50px; line-height:50px; font-size:14px; color:#383838; opacity:0.7 ; text-indent:25px; }
.societytop .rightarea ul li .wordbox .more{ height:50px; line-height:50px; float:right; font-size:14px; color:#f01d23 }
.societytop .rightarea ul li .wordbox .line{ width:100%; height:1px; background:#ebebeb}
.societytop .rightarea ul li .wordbox .line p{ width:0px; height:1px; background:#f01d23;transition: all 0.5s ease;}

.societytop .rightarea ul li:hover .wordbox .tit{ color:#f01d23}
.societytop .rightarea ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.societytop .rightarea ul li:hover .wordbox .line p{ width:100%;}



.societylist{ width:100%; height:auto; overflow:hidden;}
.societylist ul{ margin:0px; padding:0px; list-style:none}
.societylist ul li{ margin:0px 0 20px 0; padding:5px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left; box-sizing:border-box }
.societylist ul li .box{ width:96%; height:auto; overflow:hidden; overflow:hidden;  box-sizing:border-box;}

.societylist ul li .pic{ width:100%; overflow:hidden; height:321px; overflow:hidden; position:relative; border-radius:5px} 
.societylist ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.societylist ul li .wordbox{ width:100%; height:auto; overflow:hidden;}


.societylist ul li .wordbox .tit{ width:100%; height:80px; line-height:40px; font-size:22px;  color:#383838; overflow:hidden; margin-top:15px; }
.societylist ul li .wordbox .other{ width:100%; height:50px; line-height:50px; overflow:hidden;}
.societylist ul li .wordbox .time{ float:left; background: url(../Images/time.png) left center no-repeat;height:50px; line-height:50px; font-size:14px; color:#383838; opacity:0.7 ; text-indent:25px; }
.societylist ul li .wordbox .more{ height:50px; line-height:50px; float:right; font-size:14px; color:#f01d23 }
.societylist ul li .wordbox .line{ width:100%; height:1px; background:#ebebeb}
.societylist ul li .wordbox .line p{ width:0px; height:1px; background:#f01d23;transition: all 0.5s ease;}

.societylist ul li:nth-child(3n-1) .box{ margin:0 auto}
.societylist ul li:nth-child(3n) .box{ float:right} 

.societylist ul li:hover .box{}
.societylist ul li:hover .wordbox .tit{ color:#f01d23;}
.societylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.societylist ul li:hover .wordbox .line p{ width:100%;}

/*光感效果*/
.societylist ul li .pic:after {content: "";position: absolute;left: -120%; top: 0;width: 100%; height: 100%; background-image: -webkit-linear-gradient(0deg, rgba(255,255,255,0), rgba(255,255,255,0.5), rgba(255,255,255,0)); transform: skewx(-25deg); -webkit-transform: skewx(-25deg)}
 
.societylist ul li:hover .pic:after {transition: all .5s ease; left: 100%}




/*联系我们*/
.contactbox{ width:100%; height:auto; overflow:hidden; background: url(../Images/contactbg.jpg) top center no-repeat #FFF; padding:100px 0 60px 0}
.contactbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.contactbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative  }
.contactbox .leftbox{ width:100%; height:auto; float:none; }
.contactbox .leftbox .picbox{ width:100%; height:auto; overflow:hidden; position:relative; z-index:0}
.contactbox .leftbox .picbox img{ max-width:50%; height:auto}
.contactbox .leftbox .titbox{ width:100%; height:auto; overflow:hidden; font-size:30px; font-weight:700; color:#282828; line-height:35px; text-align:center}

.contactbox .leftbox .conbox{ width:100%;  height:auto; overflow:hidden;margin-top:35px;}
.contactbox .leftbox .conbox ul{ margin:0px; padding:0px; list-style:none}
.contactbox .leftbox .conbox ul li{ margin:0px; padding:5px; list-style:none; width:28%; height:auto; overflow:hidden; float:left; box-sizing:border-box}
.contactbox .leftbox .conbox ul li .box{ width:96%; box-sizing:border-box; padding:30px 0; background:#FFF; height:180px; overflow:hidden;box-shadow: 0px 0px 10px 0px #e3eaf1;}
.contactbox .leftbox .conbox ul li .icon{ width:130px; height:auto; float:left; text-align:center}
.contactbox .leftbox .conbox ul li .icon img{ max-width:80%;}
.contactbox .leftbox .conbox ul li .wordbox{ width:calc(100% - 130px); height:auto; float:left;color:#0182d5; box-sizing:border-box; padding:0 20px 0 0}

.contactbox .leftbox .conbox ul li .tit{ width:100%; height:40px; line-height:40px; text-align:left; font-size:16px; font-weight:700}
.contactbox .leftbox .conbox ul li .word{width:100%; height:auto; line-height:30px; text-align:left; font-size:16px; margin-top:10px;}

.contactbox .leftbox .conbox ul li.t1 { width:44%;}


.contactbox .rightbox{ width:100%; height:auto; float:none; margin-top:20px;}
.contactbox .rightbox img{ width:100%; height:auto}


.contactmap{ width:100%; heiht:630px; overflow:hidden; position:relative;margin:0px; padding:0}
.contactmap .mapbox{ width:100%; height:630px; overflow:hidden; margin:0px; padding:0}
.contactmap .cbox{ width:680px; height:630px; overflow:hidden; position:absolute; left:50%; top:0; background: url(../Images/cover2.png) repeat; box-sizing:border-box; padding:20px;}
.contactmap .cbox .inbox{ width:100%; height:auto; overflow:auto}
.contactmap .cbox .titbox{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:24px; font-weight:700; color:#015c92}
.contactmap .cbox .wordbox{ width:100%; height:auto; overflow:hidden;}
.contactmap .cbox .wordbox table{width:100%;border-collapse:collapse; background:#FFF}
.contactmap .cbox .wordbox tr.tit{ background:#0172c4; color:#FFF;}
.contactmap .cbox .wordbox tr.even{ background:#eff4f8}
.contactmap .cbox .wordbox td{border:0px solid #ececec;line-height:50px; font-size:16px; padding:10px}
.contactmap .cbox .wordbox td em{color:#999;margin-left:5px; font-style:normal;}


.contactusbox2{ width:100%; height:auto; overflow:hidden; position:relative; padding:70px 0; background: url(../Images/contact2bg.jpg) no-repeat; background-size:cover;;}
.contactusbox2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;}
.contactusbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto; position:relative  }
.contactusbox2 .picbox{ width:100%; height:auto; overflow:hidden;}
.contactusbox2 .picbox .tit{ width:100%; height:auto; overflow:hidden; text-align:center; color:#333333; font-size:30px; font-weight:700; text-align:center; line-height:55px;}

.contactusbox2 .dzbox{ width:100%; height:auto; overflow:hidden; margin-top:0px;}






.formbox2{ width:100%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; border-radius:10px; margin-top:25px;  }
.formbox2 ul{ margin:0px; padding:0px; list-style:none}
.formbox2 ul li{ margin:10px 0px; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.formbox2 ul li.t1{ width:100%; float:left; overflow:hidden;}
.formbox2 ul li.t2{ width:100%; float:left; overflow:hidden; text-align:right}
.formbox2 ul li .input3{ width:96%; height:58px; border:1px solid #ebebeb; text-indent:10px; font-size:16px; color:#232323; outline:none; background:#fff; border-radius:5px; }
.formbox2 ul li select{ width:96%; height:58px; border:1px solid #ebebeb; text-indent:10px; font-size:16px; color:#232323; outline:none; background:#fff; border-radius:5px; }


.formbox2 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; color:#333333; display:none }
.formbox2 ul li .tit span{ color:#F00}
.formbox2 ul li .inbox{ width:100%; overflow:hidden; margin:0 auto}
.formbox2 ul li .input1{ width:100%; height:50px; border:1px solid #7e7e7e; text-indent:10px; font-size:14px; outline:none;border-radius:5px; background:#fff}
.formbox2 ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox2 ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0; outline:none;border-radius:5px;}
.formbox2 ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}

.formbox2 ul li textarea{ width:100%; height:165px; border:1px solid #ebebeb; box-sizing:border-box; padding:15px; font-size:16px; outline:none; background:#fff;border-radius:0px;}


.formbox2 ul li .input2{ width:170px; height:50px;  border:1px solid #ebebeb; float:left; display:block;text-indent:10px;font-size:16px; background:#fff}
.formbox2 ul li .safecode{ float:left; margin-left:10px;}


.formbox2 ul li.long{ width:100%} 
.formbox2 ul li.long label{ font-size:16px; color:#333333; font-weight:normal}
.formbox2 ul li.long label a{ color:#2d82b5;}

.formbox2 ul li .btnme{ width:190px; height:66px; line-height:66px; overflow:hidden;font-size:18px; color:#ffffff;  border:0px; display:block;  border-radius:0px;   background:#0172c2; border:0px solid #00a2ff;margin:0 auto; border-radius:60px }
.formbox2 ul li .btnme:hover{ background:#0163fb; color:#FFF;}

.formbox2 ul li .btnme2{ width:122px; height:50px; line-height:50px; overflow:hidden;font-size:18px; color:#333333;  border:0px; display:block;  border-radius:0px;   background:none; border:1px solid #333333; margin:0 auto; border-radius:5px; float:right;margin-left:20px; }
.formbox2 ul li .btnme2:hover{ background:#333333; color:#FFF;}



.formbox3{ width:100%; height:auto; overflow:hidden; margin:0 auto;  box-sizing:border-box; border-radius:10px; margin-top:25px;  }
.formbox3 ul{ margin:0px; padding:0px; list-style:none}
.formbox3 ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.formbox3 ul li.t1{ width:100%; float:left; overflow:hidden;}
.formbox3 ul li.t2{ width:100%; float:left; overflow:hidden; text-align:right}
.formbox3 ul li .input3{ width:96%; height:58px; border:1px solid #ebebeb; text-indent:10px; font-size:16px; color:#232323; outline:none; background:#fff; border-radius:5px; }
.formbox3 ul li select{ width:96%; height:58px; border:1px solid #ebebeb; text-indent:10px; font-size:16px; color:#232323; outline:none; background:#fff; border-radius:5px; }


.formbox3 ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; color:#333333; display:none }
.formbox3 ul li .tit span{ color:#F00}
.formbox3 ul li .inbox{ width:100%; overflow:hidden; margin:0 auto}
.formbox3 ul li .input1{ width:100%; height:50px; border:1px solid #7e7e7e; text-indent:10px; font-size:14px; outline:none;border-radius:5px; background:#fff}
.formbox3 ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox3 ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0; outline:none;border-radius:5px;}
.formbox3 ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}

.formbox3 ul li textarea{ width:100%; height:165px; border:1px solid #ebebeb; box-sizing:border-box; padding:15px; font-size:16px; outline:none; background:#fff;border-radius:0px;}


.formbox3 ul li .input2{ width:170px; height:50px;  border:1px solid #ebebeb; float:left; display:block;text-indent:10px;font-size:16px; background:#fff}
.formbox3 ul li .safecode{ float:left; margin-left:10px;}


.formbox3 ul li.long{ width:100%} 
.formbox3 ul li.long label{ font-size:16px; color:#333333; font-weight:normal}
.formbox3 ul li.long label a{ color:#2d82b5;}

.formbox3 ul li .btnme{ width:190px; height:66px; line-height:66px; overflow:hidden;font-size:18px; color:#ffffff;  border:0px; display:block;  border-radius:0px;   background:#0172c2; border:0px solid #00a2ff;margin:0 auto; border-radius:60px }
.formbox3 ul li .btnme:hover{ background:#0163fb; color:#FFF;}

.formbox3 ul li .btnme2{ width:122px; height:50px; line-height:50px; overflow:hidden;font-size:18px; color:#333333;  border:0px; display:block;  border-radius:0px;   background:none; border:1px solid #333333; margin:0 auto; border-radius:5px; float:right;margin-left:20px; }
.formbox3 ul li .btnme2:hover{ background:#333333; color:#FFF;}


.contactbox3{ width:100%; height:auto; overflow:hidden;  height:auto; position:relative;  position:relative; z-index:100; background: #FFFFFF; padding:50px 0; display:none }
.contactbox3 .centerbox{ width:100%; height:auto; overflow:hidden;  margin:0 auto; max-width:1360px;}
.contactbox3 .centerbox .centerin{ width:96%; margin:0 auto; height:auto; overflow:hidden;}
.contactbox3 .titbox{ width:100%; height:60px; line-height:60px; overflow:hidden; font-size:30px; font-weight:700; color:#015c92; text-align:center}
.contactbox3 .wordbox{ width:100%; height:auto; overflow:hidden;}
.contactbox3 .wordbox table{width:100%;border-collapse:collapse; background:#FFF}
.contactbox3 .wordbox tr.tit{ background:#0172c4; color:#FFF;}
.contactbox3 .wordbox tr.even{ background:#eff4f8}
.contactbox3 .wordbox td{border:0px solid #ececec;line-height:50px; font-size:16px; padding:10px}
.contactbox3 .wordbox td em{color:#999;margin-left:5px; font-style:normal;}



/*人才招聘*/
.jobbox1{ width:100%; height:auto; overflow:hidden;  background: url(../Images/jobbg1.jpg) bottom center no-repeat #ffffff; padding:50px 0 }
.jobbox1 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }

.jobbox1 .titbox{ width:100%; height:auto;font-size:36px; font-weight:700; color:#333333; text-align:left;}
.jobbox1 .titbox2{ width:100%; height:auto; font-size:16px; color:#4c4c4c; opacity:0.8; margin-top:20px;}

.jobbox1 .searchbox{ width:90%; height:70px; margin:20px auto; border-radius:50px; border:1px solid #e8e9e8; position:relative; background:#FFF}
.jobbox1 .searchbox .input1{ width:80%; height:70px; line-height:70px; border:0; outline:none; background:url(../Images/searchbtn.png) left 20px center no-repeat; text-indent:66px; font-size:16px; color:#333333; position:absolute; left:0; top:0}
.jobbox1 .searchbox .btnme{ width:20%; height:70px; line-height:70px; background:#1d2088; color:#1d2088; border-radius:70px; text-align:center; color:#FFF; font-size:18px; position:absolute; right:0; top:0}

.jobbox1 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#f4f4f4;overflow:hidden; padding:30px}
.jobbox1 .list{ width:100%; height:auto; overflow:hidden; }
.jobbox1 .list ul{ margin:0px; padding:0px; list-style:none} 
.jobbox1 .list ul li{ margin:0px; padding:0px 0 0 50px; list-style:none; width:25%; height:auto; float:left; overflow:hidden; box-sizing:border-box;}
.jobbox1 .list ul li .tit{ width:100%; height:30px; line-height:30px; font-size:14px; color:#333333; opacity:0.8}
.jobbox1 .list ul li .word{ width:100%; height:60px; line-height:30px; font-size:16px; color:#333333; font-weight:700}

.jobbox1 .list ul li.t1{ background:url(../Images/sw1.png) 0 0  no-repeat}
.jobbox1 .list ul li.t2{ background:url(../Images/sw2.png) 0 0  no-repeat}
.jobbox1 .list ul li.t3{ width:50%; background:url(../Images/sw3.png) 0 0  no-repeat}



.jobbox1 .listbox .wordbox{ width:30%; height:560px; float:left; overflow:hidden; box-sizing:border-box; padding:30px; display:flex;align-items:center}
.jobbox1 .listbox .wordbox .inbox{ width:100%; height:auto; overflow:hidden;}
.jobbox1 .listbox .wordbox .tit{ width:100%; height:auto; overflow:hidden; line-height:35px; padding-bottom:20px; font-size:26px; font-weight:700; color:#282828; background:url(../Images/tline3.jpg) left bottom no-repeat;}
.jobbox1 .listbox .wordbox .word{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:16px; color:#282828; opacity:0.9; margin-top:20px}


.jobbox1 .tbox2{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.jobbox1 .tbox2 .list2{ width:100%; height:auto; overflow:hidden;}
.jobbox1 .tbox2 .list2 ul{ margin:0px; padding:0px; list-style:none}
.jobbox1 .tbox2 .list2 ul li{ margin:20px 0 0 0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left}
.jobbox1 .tbox2 .list2 ul li .box{ width:96%; height:auto; overflow:hidden; background:#FFF; border:1px solid #efefef; border-radius:5px; overflow:hidden; box-sizing:border-box; padding:20px;box-shadow: 0px 0px 10px 0px #efefef; }
.jobbox1 .tbox2 .list2 ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; font-weight:700; color:#333333}
.jobbox1 .tbox2 .list2 ul li .word{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:30px; overflow:hidden;}
.jobbox1 .tbox2 .list2 ul li:nth-child(1){ width:50%}
.jobbox1 .tbox2 .list2 ul li:nth-child(1) .box{ width:98%}
.jobbox1 .tbox2 .list2 ul li:nth-child(2){ width:50%}
.jobbox1 .tbox2 .list2 ul li:nth-child(2) .box{ width:98%}







.jobboxsearch{ width:100%; height:auto; overflow:hidden;  background:url(../Images/searchbg.jpg) bottom center no-repeat; background-size:cover; padding:115px 0 }
.jobboxsearch .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobboxsearch .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobboxsearch .titbox{ width:100%; height:auto;font-size:36px; font-weight:700; color:#ffffff; text-align:left;}
.jobboxsearch .titbox2{ width:100%; height:auto; font-size:16px; color:#ffffff; opacity:0.8; margin-top:20px;}

.jobboxsearch .list{ width:100%; height:70px; overflow:hidden; position:relative; margin-top:25px;}
.jobboxsearch .list .input1{ width:75%; height:70px; background: url(../Images/search1.png) left 23px center no-repeat #FFF; border:0; position:absolute; left:0; top:0; border-radius:50px; text-indent:60px; font-size:16px; outline:none}
.jobboxsearch .list .btnme{ width:23%; height:70px; line-height:70px; text-align:center; background:#67a623; border-radius:50px; font-size:20px; color:#ffffff; position:absolute; right:0; top:0; border:0}


.jobbox2{ width:100%; height:auto; overflow:hidden;  background: #ffffff; background-size:cover; padding:20px 0 }
.jobbox2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.jobbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.jobbox2 .titbox{ width:100%; height:auto;font-size:36px; font-weight:700; color:#282828; text-align:center}
.jobbox2 .titbox2{ width:100%; height:auto; font-size:16px; color:#282828; opacity:0.9; margin-top:10px;}



.jobone{ width:100%; height:auto; overflow:hidden;}
.jobone ul{ margin:0px; padding:0px; list-style:none}
.jobone ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden}
.jobone ul li .box{ width:96%; height:auto; overflow:hidden; background:#FFF; margin:0 auto; box-sizing:border-box; padding:25px;}
.jobone ul li .box .tit{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#333333}
.jobone ul li .box .word{ width:100%; height:auto; overflow:hidden;}
.jobone ul li .box .word p{ width:100%; height:40px; line-height:40px; text-indent:20px; overflow:hidden; font-size:14px; color:#333333; opacity:0.7}
.jobone ul li .box .word p.t1{ background:url(../Images/job1.png) left center no-repeat}
.jobone ul li .box .word p.t2{ background:url(../Images/job2.png) left center no-repeat}
.jobone ul li .box .word p.t3{ background:url(../Images/job3.png) left center no-repeat}
.jobone ul li .box .more{ width:100%; height:40px; line-height:40px; text-align:right; font-size:14px; color:#1d2088; text-align:right; margin-top:-40px;}

.joblist{ width:100%; height:auto; overflow:hidden; margin-top:20px; box-sizing:border-box; padding:0px;}
.joblist .thetit{ width:100%; height:70px; line-height:70px; overflow:hidden; background:#f0f5fc; border:1px solid #d0e0f8; position:relative; font-size:18px; font-weight:700; color:#0f000b}
.joblist .thetit p{ display:block;overflow:hidden; height:70px; line-height:70px; float:left}
.joblist .thetit p.t1{ width:39%; text-indent:15px;}
.joblist .thetit p.t2{ width:18%;}
.joblist .thetit select{ width:125px;height:50px; line-height:50px; overflow:hidden; border:0;  box-sizing:border-box; padding:0 0 0 0px; /* 清除默认的箭头样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;  background:url(../Images/arr1.png) right 10px center  no-repeat; outline:none}
.joblist .thetit p.t3{ width:18%;}
.joblist .thetit p.t4{ width:17%;}
.joblist .thetit p.t5{ width:8%;}


.joblist .onebox{ width:100%; height:auto; overflow:hidden; margin:0 0 13px 0; background:#ffffff; box-sizing:border-box; border-radius:0px; }
.joblist .onebox .titbox{ width:100%; height:70px; overflow:hidden; position: relative; box-sizing:border-box; padding:0; cursor:pointer;line-height:70px; border:1px solid #e9ecef; font-size:18px; background: url(../Images/jb1.jpg) left center no-repeat #f6f6f6}
/*
.joblist .onebox .titbox .tit{ width:100%; height:auto; overflow:hidden; font-size:24px; font-weight:700;  line-height:40px; color:#5f5893}
.joblist .onebox .titbox .tit2{ width:100%; height:50px; line-height:50px; position:relative; font-size:14px;}
*/

.joblist .onebox .titbox p{ display:block;overflow:hidden; height:70px; line-height:70px; float:left}
.joblist .onebox .titbox p.t1{ width:60%; text-indent:15px; font-size:18px; font-weight:700; color:#282828; text-align:left; text-indent:25px;}
.joblist .onebox .titbox p.t2{  font-size:18px; font-weight:700; color:#72b937; position:absolute; right:100px; top:0}
.joblist .onebox .titbox p.t3{ width:18%;}
.joblist .onebox .titbox p.t4{ width:17%;}
.joblist .onebox .titbox p.t5{font-size:15px; color:#0182d5; position:absolute; right:20px; }
.joblist .onebox .titbox p.t5 img{ display:block; margin-top:15px;}
.joblist .onebox .titbox p.t5 .m1{}
.joblist .onebox .titbox p.t5 .m2{ display:none}
.joblist .onebox .titbox p.t6{ width:100%; height:auto; overflow:hidden; line-height:50px; box-sizing:border-box; padding:0 0 0 15px}
.joblist .onebox .titbox p.t6 em{ font-style:normal; background:#f2f4f6; box-sizing:border-box; padding:5px; font-size:15px; color:#282828; opacity:0.85}

/*
.joblist .onebox .titbox2{ width:100%; height:60px; line-height:60px; overflow:hidden; }
.joblist .onebox .titbox2 p{ display:block; height:60px; line-height:60px; float:left; width:auto;  text-indent:30px; font-size:14px; margin:0 10px 0 0}
.joblist .onebox .titbox2 p.t1{ background:url(../Images/job1.png) left center no-repeat;}
.joblist .onebox .titbox2 p.t2{ background:url(../Images/job2.png) left center no-repeat;}
.joblist .onebox .titbox2 p.t3{ background:url(../Images/job3.png) left center no-repeat;}
.joblist .onebox .titbox3{ width:100%; height:60px; line-height:60px; overflow:hidden; position:relative }
.joblist .onebox .titbox3 p.t1{ font-size:14px; color:#e67819;  position:absolute;left:0; top:0;}
.joblist .onebox .titbox3 p.t2{ font-size:14px; color:#e67819;  position:absolute;right:0; top:0; width:161px; height:40px; line-height:40px; border:1px solid #d5b5c8; text-align:center;border-radius:30px; cursor:pointer}
.joblist .onebox .titbox3 p.t3{ font-size:14px; color:#ffffff;  position:absolute;right:0; top:0; width:161px; height:40px; line-height:40px; border:1px solid #954676; text-align:center; border-radius:30px; background:#954676; display:none;cursor:pointer}
*/
.joblist .onebox .wordbox{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:200%;  box-sizing:border-box;  padding:20px;  display:none; background:#f6f6f6;}
.joblist .onebox .wordbox .tagbox{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; display:none}
.joblist .onebox .wordbox .tagbox span{ font-size:14px; font-weight:700; color:#000}
.joblist .onebox .wordbox .tagbox em{ font-style:normal; background:#e5eef6; color:#015eac; margin:5px 10px; padding:5px 10px;}
.joblist .onebox .wordbox .title{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px;  font-weight:700; color:#000}
.joblist .onebox .wordbox .apply{ width:100%; height:auto; overflow:hidden; text-align:right}


.joblist .onfocus { border:1px solid #f0f0f0;}
.joblist .onfocus .titbox{ background: url(../Images/jb2.jpg) left center no-repeat #f0f0f0; color:#0172c2; }
.joblist .onfocus .titbox p.t1{ color:#0172c2; font-weight:700}
.joblist .onfocus .titbox p.t5{ }
.joblist .onfocus .titbox p.t5 .m1{ display:none}
.joblist .onfocus .titbox p.t5 .m2{ display:block}

.joblist .onfocus .wordbox{ display:block}


.joblist .list{ width:100%; height:auto; overflow:hidden;}
.joblist .list ul{ margin:0px; padding:0px; list-style:none}
.joblist .list ul li{ margin:10px 0; padding:0px; list-style:none; border:1px solid #ebeef3; box-sizing:border-box; padding:5px;}
.joblist .list ul li .tit{ width:100%; height:auto; line-height:50px; overflow:hidden; border-bottom:1px solid #ebeef3; font-size:14px; font-weight:700; color:#0f000b}
.joblist .list ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.joblist .list ul li .wordbox p{ width:50%; height:40px; line-height:40px; float:left; overflow:hidden; font-size:14px;}
.joblist .list ul li .wordbox p:nth-child(4){ text-align:right}
.joblist .list ul li .wordbox p:nth-child(4) img{ width:25px; height:auto}

.prochoose{ width:100%; height:auto; overflow:hidden; border-radius:5px;}
.prochoose table{width:100%;border-collapse:collapse;}
.prochoose tr.tit{ background:#6dbdde; color:#FFF; }
.prochoose tr.even{ background:#eff4f8}
.prochoose td{border:1px solid #d8e2ea;line-height:25px; font-size:14px; color:#222222; padding:10px 5px; text-align:center}

.prochoose tr.tit td{ font-weight:700; color:#ffffff; text-align:center; padding:10px 0}
.prochoose tr:nth-child(2n){ background:#f1f5f8}

.prochoose2{ width:100%; height:auto; overflow:hidden}
.prochoose2 .one{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.prochoose2 .one .tit{ width:100%; height:50px; line-height:50px; overflow:hidden;  text-indent:10px; background:url(../Images/darr1.png) right 10px center  no-repeat #ebf0f4;}
.prochoose2 .one .wordbox{ width:100%; height:auto; background:#FFF; box-sizing:border-box; padding:15px; font-size:14px; color:#222222; line-height:35px; display:none}

.prochoose2 .oneonfocus{ border:1px solid #e4e8ec;}
.prochoose2 .oneonfocus .tit{background:url(../Images/darr2.png) right 10px center  no-repeat #6dbdde;}
.prochoose2 .oneonfocus .wordbox{ display:block}


/*新闻*/
.newsslide{ width:100%; height:350px; overflow:hidden; position:relative; box-sizing:border-box; }
.newsslide .list{ width:100%; height:350px; overflow:hidden}
.newsslide .list ul{ margin:0px; padding:0px; list-style:none}
.newsslide .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:350px; position:relative}
.newsslide .list ul li .timebox{ width:7.57%; position:relative; background:#0ca4b6; color:#FFF; float:left}
.newsslide .list ul li .timebox p.t1{ width:100%; text-align:center; color:#ffffff; line-height:70px;  font-size:60px; font-weight:700; margin-top:20px;}
.newsslide .list ul li .timebox p.t2{ width:100%; text-align:center; color:#b9dde4; line-height:35px;  font-size:18px;}

.newsslide .list ul li .pic{ width:37%; height:350px; float:left; overflow:hidden; margin-left:2%}

.newsslide .list ul li .wordbox{ width:50%; height:auto; float:right; overflow:hidden; box-sizing:border-box; }
.newsslide .list ul li .time{ width:100%; height:30px; line-height:30px; font-size:14px; color:#768c9f; display:none;margin-bottom:10px;}
.newsslide .list ul li .tit{ width:100%; height:70px; line-height:35px; font-size:26px; color:#0ca4b6; font-weight:700; overflow:hidden}
.newsslide .list ul li .word{ width:100%; height:90px; line-height:30px; font-size:14px; color:#333333; margin-top:15px; overflow:hidden}
.newsslide .list ul li .word span{ color:#944676}
.newsslide .list ul li .more{ width:100%; height:30px; line-height:30px; font-size:16px; color:#0ca4b6; margin-top:20px;}

.newsslide .nspage {position: absolute;right: 10px; bottom:25px;}
.newsslide .nspage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #a9aaaa; margin: 0 3px;cursor: pointer;}
.newsslide .nspage .swiper-active-switch { background: #0ca4b6;}


/*常见问题*/
.questionsearchbox{ width:100%; height:auto; overflow:hidden; background:#f3f4f4; padding:20px 0}
.questionsearchbox .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.questionsearchbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.questionsearchbox .fmbox{ width:100%; height:auto; overflow:hidden;}
.questionsearchbox .fmbox select{ width:218px; height:52px; overflow:hidden;border:1px solid #e9e9e9; float:left}
.questionsearchbox .fmbox .inbox{ width:480px; height:52px; background:#FFF; overflow:hidden; border:1px solid #e9e9e9; margin-left:15px; position:relative; float:left}
.questionsearchbox .fmbox .inbox .input1{ width:60%; height:52px; overflow:hidden; text-height:15px; position:absolute; left:0; top:0; border:0; outline:none; text-indent:10px;}
.questionsearchbox .fmbox .inbox .searchbtn{ position:absolute; right:10px; height:52px; line-height:52px; border:0px; width:60px; background:url(../Images/searchbtn2.png) center center no-repeat}

.questionbox{ width:100%; height:auto; overflow:hidden;}
.questionbox .one{ width:100%; height:auto; overflow:hidden; border-bottom:1px solid #efeff0; padding:15px 0}
.questionbox .one .tit{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 15px; background:url(../Images/dot2.png) left 0 top 10px no-repeat; font-size:18px; color:#646568}
.questionbox .one .word{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#86878a;box-sizing:border-box; padding:0 0 0 15px; line-height:35px; }
.questionbox .one .word .open{ font-weight:700; color:#015dab; cursor:pointer}

.questionbox .one .word2{ width:100%; height:auto; overflow:hidden; font-size:14px; color:#86878a;box-sizing:border-box; padding:0 0 0 15px; line-height:35px; display:none }
.questionbox .one .word2 .closeme{ font-weight:700; color:#015dab; cursor:pointer}

/*合作伙伴*/
.cooperbox{width:100%; height:auto; overflow:hidden; }
.cooperbox .one{ width:100%; height:auto; overflow:hidden; padding:0; margin:5px 0;}
.cooperbox .one .titbox{ width:100%; height:60px; overflow:hidden; position:relative; box-sizing:border-box; padding:0 15px; font-size:16px; color:#1e2127; background:#f3f3f3}
.cooperbox .one .titbox .tit{ width:60%; height:60px; line-height:60px; float:left; overflow:hidden;}
.cooperbox .one .titbox .more{ width:60px; height:60px; line-height:60px; float:right; font-size:26px; cursor:pointer; text-align:right}
.cooperbox .one .titbox .more span.open{ display:block}
.cooperbox .one .titbox .more span.closeme{ display:none}

.cooperbox .one .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:15px; display:none }
.cooperbox .one .wordbox .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.cooperbox .one .wordbox .pic img{ max-width:60%; height:auto}
.cooperbox .one .wordbox .tit{ width:100%; height:auto; line-height:50px; font-size:16px; text-align:center}
.cooperbox .one .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}

.cooperbox .oneonfocus .titbox{ background:#e9f4ff; color:#015eac; font-weight:700}
.cooperbox .oneonfocus .titbox .more span.open{ display:none}
.cooperbox .oneonfocus .titbox .more span.closeme{ display:block}

.cooperbox .oneonfocus .wordbox{ display:block}

/*项目展示*/
.projectlist{ width:100%; height:auto; overflow:hidden; }
.projectlist ul{ margin:0px; padding:0px; list-style:none}
.projectlist ul li{ margin:15px 0; padding:30px; list-style:none; width:100%; height:auto; overflow:hidden; box-sizing:border-box; background:#FFF }
.projectlist ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;transition: all 0.5s ease;}
.projectlist ul li .title{ width:100%; height:auto; line-height:35px; overflow:hidden; font-size:16px; color:#333333; display:none; padding-bottom:15px}
.projectlist ul li .pic{ width:28%; height:250px; overflow:hidden; float:left; border-radius:5px; position:relative}
.projectlist ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;} 
.projectlist ul li .wordbox{ width:72%; height:auto; box-sizing:border-box; float:left; padding:0px 0 0 25px; overflow:hidden;}
 
.projectlist ul li .tit{ width:100%; height:30px; line-height:30px;overflow:hidden; font-size:22px; color:#333333; margin-top:20px}

.projectlist ul li .word{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:14px;  color:#1e2127; margin-top:10px; opacity:0.8}
.projectlist ul li .time{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:14px; margin-top:50px; color:#333333; opacity:0.5 }
.projectlist ul li .time p.t1{ float:left;height:34px; line-height:34px}
.projectlist ul li .time p.t2{ float:right; text-transform:uppercase; height:34px; line-height:34px}

.projectlist ul li.nopic .pic{ display:none}
.projectlist ul li.nopic .wordbox{ width:100%; padding:0}

.projectlist ul li:hover{  border:0}
.projectlist ul li:hover .box{  }
.projectlist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.projectlist ul li:hover .tit{ color:#1d2088; font-weight:700}
.projectlist ul li:hover .time{color:#1d2088; opacity:1 }
/*
.projectlist ul li:hover .time p.t2{ background:#1675b8; border-radius:20px; text-align:center; color:#FFF;}
*/

/*党的建设*/
.partylist{ width:100%; height:auto; overflow:hidden;}
.partylist ul{ margin:0px; padding:0px; list-style:none}
.partylist ul li{ margin:0 0 15px 0 ; padding:0; list-style:none; width:33.33%; float:left; overflow:hidden;}
.partylist ul li .box{ width:96%; height:auto; margin:0 auto;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; }
.partylist ul li .pic{ width:100%; height:304px; overflow:hidden; float:left; box-sizing:border-box; position:relative}
.partylist ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.partylist ul li .pic .timebox{ position:absolute; left:0; top:0px; background:#048999; box-sizing:border-box; padding:15px }
.partylist ul li .pic .timebox p.t1{ width:100%; text-align:center; color:#ffffff; line-height:40px;  font-size:40px; font-weight:700; margin-top:0px;}
.partylist ul li .pic .timebox p.t2{ width:100%; text-align:center; color:#b9dde4; line-height:35px;  font-size:14px;}


.partylist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px}
.partylist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:20px;  color:#333333;  overflow:hidden; text-align:left}
.partylist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; overflow:hidden; margin-top:10px;}
.partylist ul li .wordbox .more{ width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden; margin-top:10px; color:#0ca4b6;}
.partylist ul li .wordbox .more a{color:#0ca4b6;}


.partylist ul li:hover .box{ background:#fff}
.partylist ul li:hover .pic{}
.partylist ul li:hover .pic .img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.partylist ul li:hover .wordbox .tit{ color:#048999; font-weight:700}


/*学术活动 继续教育*/
.edulist{ width:100%; height:auto; overflow:hidden;}
.edulist ul{ margin:0px; padding:0px; list-style:none}
.edulist ul li{ margin:0 0 20px 0 ; padding:0; list-style:none; width:33.33%; float:left; overflow:hidden;}
.edulist ul li .box{ width:96%; height:auto; margin:0 auto;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; background:#FFF }
.edulist ul li .pic{ width:100%; height:304px; overflow:hidden; float:left; box-sizing:border-box; position:relative}
.edulist ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.edulist ul li .pic .timebox{ position:absolute; left:0; top:0px; background:#048999; box-sizing:border-box; padding:15px }
.edulist ul li .pic .timebox p.t1{ width:100%; text-align:center; color:#ffffff; line-height:40px;  font-size:40px; font-weight:700; margin-top:0px;}
.edulist ul li .pic .timebox p.t2{ width:100%; text-align:center; color:#b9dde4; line-height:35px;  font-size:14px;}


.edulist ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:10px}
.edulist ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:20px;  color:#333333;  overflow:hidden; text-align:left}
.edulist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; font-size:14px; overflow:hidden; margin-top:10px;}
.edulist ul li .wordbox .more{ width:100%; height:50px; line-height:50px; font-size:14px; overflow:hidden; margin-top:10px; color:#0ca4b6;}
.edulist ul li .wordbox .more a{color:#0ca4b6;}


.edulist ul li:hover .box{ background:#fff}
.edulist ul li:hover .pic{}
.edulist ul li:hover .pic .img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.edulist ul li:hover .wordbox .tit{ color:#048999; font-weight:700}

/*新闻*/
.timenewsfirst{ width:100%; height:auto; overflow:hidden}
.timenewsfirst ul{ margin:0px; padding:0px; list-style:none}
.timenewsfirst ul li{ margin:0px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px;}
.timenewsfirst ul li .timebox{ background:#048999; box-sizing:border-box; padding:15px 0; width:105px; }
.timenewsfirst ul li .timebox p.t1{ width:100%; text-align:center; color:#ffffff; line-height:40px;  font-size:40px; font-weight:700; margin-top:0px; font-family:Arial, Helvetica, sans-serif}
.timenewsfirst ul li .timebox p.t2{ width:100%; text-align:center; color:#b9dde4; line-height:35px;  font-size:14px; font-family:Arial, Helvetica, sans-serif}

.timenewsfirst ul li  .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:22px; font-weight:700; color:#048999; text-align:left; margin-top:10px;}
.timenewsfirst ul li  .word{width:100%; height:60px; line-height:30px; overflow:hidden; font-size:16px; color:#888888; margin-top:10px;}	
.timenewsfirst ul li  .word span{ color:#944676}
.timenewsfirst ul li  .more{width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#0ca4b6; margin-top:10px;}	


.timenews{ width:100%; height:auto; overflow:hidden}
.timenews ul{ margin:0px; padding:0px; list-style:none}
.timenews ul li{ margin:25px 0 0 0; padding:0px 0 20px 0; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box;  border-bottom:1px solid #ebebeb; }
.timenews ul li .timebox{ width:13%; height:154px; overflow:hidden; float:left; border-right:1px solid #f2f2f2; text-align:center}
.timenews ul li .timebox p.t1{ display:block; width:100%; height:50px; line-height:50px; font-size:40px; font-weight:700; color:#333333; margin-top:15px;}
.timenews ul li .timebox p.t2{ display:block; width:100%; height:50px; line-height:50px; font-size:14px; font-weight: normal; color:#6e6e6e; margin-top:10px;}

.timenews ul li .wordbox{ width:87%; float:right; height:auto; overflow:hidden; box-sizing:border-box; padding:0 0 0 30px; }
.timenews ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:20px; color:#333333; margin-top:0px;}
.timenews ul li .wordbox .word{width:100%; height:60px; line-height:30px; overflow:hidden; font-size:14px; color:#6e6e6e; margin-top:10px;}	
.timenews ul li .wordbox .word span{ color:#944676}
.timenews ul li .wordbox .more{ width:100%; height:20px; line-height:20px; margin-top:10px; color:#0ca4b6}
.timenews ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.timenews ul li:hover .wordbox .tit {  font-weight:700;color:#0ca4b6}


/*会员之家*/




/*   医疗卫生机构*/
.orglist{ width:100%; height:auto; overflow:hidden;}
.orglist ul{ margin:0px; padding:0px; list-style:none}
.orglist ul li{ margin:0 0 20px 0 ; padding:0; list-style:none; width:100%; float:left; overflow:hidden;}
.orglist ul li .box{ width:100%; height:auto; margin:0 auto;  overflow:hidden;transition: all 0.5s ease;height:auto; position:relative; background:#FFF; box-sizing:border-box; padding:30px; }
.orglist ul li .pic{ width:34.26%; height:306px; overflow:hidden; float:left; position:relative}
.orglist ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}

.orglist ul li .wordbox{ width:63.10%; height:auto; overflow:hidden; float:right}
.orglist ul li .wordbox .minlogo{ width:100%; height:76px; line-height:76px; overflow:hidden; text-align:right}
.orglist ul li .wordbox .minlogo img{ max-width:50%; max-height:100%;}
.orglist ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:28px; font-weight:700;  color:#0ca4b6;  overflow:hidden; text-align:left}
.orglist ul li .wordbox .word{ width:100%; height:90px; line-height:30px; font-size:16px; overflow:hidden; margin-top:10px;}
.orglist ul li .wordbox .more{ width:100%; height:30px; line-height:30px; font-size:14px; overflow:hidden; margin-top:10px; color:#0ca4b6;}
.orglist ul li .wordbox .more a{color:#0ca4b6;}

.orglist ul li:hover .box{ background:#d9e9ec}


@keyframes moveBg {
  from {
    background-position: 0 0; /*初始状态的背景图位置*/
  }
  
  to {
    background-position: -100% 0; /*平铺并向左移动背景图的最终位置*/
  }
}

/*产品管线*/
.researchbox4{ width:100%; height:auto;overflow:hidden;  position:relative;background:#FFF; padding:30px 0 }
.researchbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.researchbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.researchbox4 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:60px; font-size:34px; font-weight:700; color:#0a6eb0}
.researchbox4 .word{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; margin-top:20px; line-height:200%;}
.researchbox4 .list{ width:100%; height:auto; overflow:hidden; margin-top:20px; border-top:1px solid #e6f0f7;border-right:1px solid #e6f0f7;}
.researchbox4 .list ul{ margin:0px; padding:0px; list-style:none}
.researchbox4 .list ul li{ margin:-1px 0 0 0 ; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #e6f0f7; font-size:16px; text-align:center}
.researchbox4 .list ul li p{ display:block; height:60px; line-height:60px; overflow:hidden; float:left; box-sizing:border-box; width:17%; border-left:1px solid #e6f0f7;}
.researchbox4 .list ul li p.t1{ width:15%}
.researchbox4 .list ul li.tit{ font-size:20px; color:#FFF; background:#0a6eb0; text-align:center}

.researchbox4 .list ul li .t2{ width:51%; float:left; height:60px; position:relative}
.researchbox4 .list ul li .t2 span{ display:block}
.researchbox4 .list ul li .t2 .line{ width:0px; height:45px; position:absolute; left:0; top:7px; background: #5cbbb4;}
.researchbox4 .list ul li .t2 .cover{ width:100%;height:45px; background:url(../Images/cover2.png) repeat-x; position:absolute; left:0; top:7px; z-index:1;
 -webkit-animation: moveBg 10s linear infinite;
  -moz-animation: moveBg 10s linear infinite;
  animation: moveBg 10s linear infinite;
}




/*方案赋能*/
.casesbox1{ width:100%; height:auto;margin:0 auto; padding:0; overflow:hidden; background: url(../Images/culturebg.png) bottom center no-repeat #ffffff; padding:60px 0 }
.casesbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; }
.casesbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;  }
.casesbox1 .leftbox{ width:35%; height:auto; float:left; overflow:hidden;}
.casesbox1 .leftbox .titbox{ width:100%; height:auto; line-height:60px; overflow:hidden; font-size:54px; font-weight:700; color:#015c92}
.casesbox1 .leftbox .titbox2{ width:100%; height:auto; overflow:hidden; line-height:35px; font-size:44px;font-weight:700; color:#000; line-height:60px;}
.casesbox1 .leftbox .titbox3{ width:100%; height:auto; overflow:hidden; font-size:18px; padding-bottom:20px; background:url(../Images/oerml.png) left bottom no-repeat; color:#7f8182; margin-top:10px;}
.casesbox1 .rightbox{ width:65%; height:auto; float:left; overflow:hidden; background:#FFF; box-sizing:border-box; padding:20px; line-height:200%; font-size:14px;}



/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden; }
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0 0 15px 0 ; padding:0; list-style:none; width:33.33%; float:left; overflow:hidden;}
.caselist ul li .box{ width:96%; height:270px; margin:0 auto;  overflow:hidden; position:relative;  border-radius:5px;}
.caselist ul li .pic{ width:100%; height:270px; overflow:hidden}
.caselist ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;}

.caselist ul li .wordbox{ width:100%; height:100%; overflow:hidden; position:absolute; left:0; bottom:0; background:url(../Images/cover1.png) left bottom repeat-x;  }
.caselist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:18px;  color:#ffffff; font-weight:700;  overflow:hidden; text-align:center; position:absolute; left:0; bottom:20px}


.caselist ul li:hover .box{  }
.caselist ul li:hover .pic{ }
.caselist ul li:hover .pic .img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.caselist ul li:hover .wordbox .tit{}
.caselist ul li:hover .wordbox .word{ }

/*幻灯新闻*/


.topnlist{ width:96%; height:auto; overflow:hidden; margin:0 auto; margin-top:20px }
.topnlist ul{ margin:0px; padding:0px; list-style:none}
.topnlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.topnlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#5cbbb4}
.topnlist ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px; font-size:14px; color:#333333}
.topnlist ul li .time{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; color:#5cbbb4; margin-top:10px}



/*西部风情*/


/*职教资讯*/
.newsplist{ width:100%; height:auto; overflow:hidden;}
.newsplist ul{ margin:0px; padding:0px; list-style:none}
.newsplist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; background:#FFF; border-radius:10px; padding:25px;}
.newsplist ul li .pic{ width:27.73%; height:222px; overflow:hidden; float:left}
.newsplist ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.newsplist ul li .wordbox{ width:70.46%; height:auto; float:right; overflow:hidden; box-sizing:border-box; }
.newsplist ul li .wordbox .tit{ width:100%; height:45px; line-height:45px; font-size:20px; font-weight:700; color:#333333; overflow:hidden}
.newsplist ul li .wordbox .word{ width:100%; height:60px; line-height:30px; font-size:14px; margin-top:10px; overflow:hidden}
.newsplist ul li .wordbox  .more{ width:100%; height:30px; line-height:30px; font-size:14px; color:#9f9f9f; margin-top:20px}
.newsplist ul li .wordbox  .more p.t1{ float:left;line-height:30px;}
.newsplist ul li .wordbox  .more p.t2{ float:right;line-height:30px; color:#e28697}
.newsplist ul li .wordbox .timebox{ width:100%; height:70px; position:relative}
.newsplist ul li .wordbox .timebox .time{ width:70px; height:70px; position: absolute; left:0px; top:0px; color:#FFF; background:#026931}
.newsplist ul li .wordbox .timebox .time p.t1{ width:100%; text-align:center; color:#FFF; line-height:35px; line-height:35px; font-size:20px;}
.newsplist ul li .wordbox .timebox .time p.t2{ width:100%; text-align:center; color:#a4bead; line-height:35px; line-height:35px; font-size:13px;}


.newsplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.newsplist ul li:hover .wordbox .tit{ color:#e28697}



.schoolList{ width:100%; height:auto; overflow:hidden;}
.schoolList ul{ margin:0px; padding:0px; list-style:none}
.schoolList ul li{ margin:10px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.schoolList ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:25px 25px 0 25px; background:#FFF; border-radius:10px}
.schoolList ul li .pic{ width:100%; height:376px; overflow:hidden; position:relative}
.schoolList ul li .pic .img{ width:100%; height:376px; overflow:hidden;transition: all 0.5s ease;}
.schoolList ul li .pic .link{ position:absolute; right:20px; bottom:20px; height:25px; line-height:25px; background:url(../Images/link.png) left center no-repeat; text-indent:20px; font-size:14px; color:#FFF; z-index:10}
.schoolList ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:15px 0;}
.schoolList ul li .wordbox .mlogo{ float:left; width:28%; height:auto; float:left; text-align:center}
.schoolList ul li .wordbox .mlogo img{ height:90%; width:auto; border-radius:100%;}
.schoolList ul li .wordbox .word{ float:left; width:72%; overflow:hidden;}
.schoolList ul li .wordbox .word .tit{ width:100%; height:70px; line-height:35px; overflow:hidden; color:#944676; font-size:20px;}
.schoolList ul li .wordbox .word .tit2{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:26px; font-weight:700; color:#944676}

.schoolList ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*联系我们*/
.contactlist{ width:100%; height:auto; overflow:hidden; margin-top:80px;}
.contactlist ul{ margin:0px; padding:0px; list-style:none}
.contactlist ul li{ margin:0px; padding:0px; list-style:none; width:25%; height:auto; float:left; overflow:hidden;}
.contactlist ul li .pic{ width:100%; height:50px; line-height:50px; text-align:center}
.contactlist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:20px; font-weight:700; color:#000}
.contactlist ul li .word{ width:100%; height:auto; line-height:30px; text-align:center; font-size:16px; margin-top:10px;}

.contactmap{ width:100%; height:445px; overflow:hidden; border-radius:20px; margin:50px 0 50px 0; }
.contactmap .leftone{ width:30%; height:auto; float:left;height:445px; overflow:hidden; background:#8c3d6e}
.contactmap .leftone .tit{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:80px; font-size:40px; line-height:50px; color:#ffffff}
.contactmap .leftone .tit2{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#ece2e7; text-align:center; margin-top:24px;}
.contactmap .leftone .tit3{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:46px;}
.contactmap .rightone{ width:70%; height:auto; float:left;height:445px; overflow:hidden;}


/*横排三个*/
.travelnewslist{ width:100%; height:auto; overflow:hidden; margin-top:30px;}
.travelnewslist ul{ margin:0px; padding:0px; list-style:none}
.travelnewslist ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.travelnewslist ul li .box{ width:96%; height:auto; overflow:hidden; background:#FFF;box-shadow: 0px 0px 10px 0px #ececec; margin:0 auto}

.travelnewslist ul li .pic{ width:100%; height:285px; overflow:hidden; }
.travelnewslist ul li .pic .img{ width:100%; height:285px; overflow:hidden;transition: all 0.5s ease;}
.travelnewslist ul li .wordbox{ width:100%;  height:auto; overflow:hidden; box-sizing:border-box; padding:10px}
.travelnewslist ul li .wordbox .tit{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#003766; margin-top:10px;}
.travelnewslist ul li .wordbox .tit2{width:100%; height:35px; line-height:35px; overflow:hidden; font-size:20px; color:#333333; margin-top:9px;}	
.travelnewslist ul li .wordbox .word{width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#828282; margin-top:10px;}	
.travelnewslist ul li .wordbox .more{ width:100%; height:25px; line-height:25px; overflow:hidden; color:#2dccd3; text-decoration:underline; font-size:14px; margin-top:20px;}
.travelnewslist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*西部风情*/
.culturebox{ width:100%; height:auto; overflow:hidden}
.culturebox .listbox{ width:74%; height:376px; overflow:hidden; float:left; overflow:hidden; position:relative}
.culturebox .listbox .list{ width:100%; height:376px; overflow:hidden;}
.culturebox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.culturebox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:376px; overflow:hidden; float:left; position:relative}
.culturebox .listbox .list ul li .pic{ width:100%; height:376px; overflow:hidden;}
.culturebox .listbox .list ul li .tit{ position:absolute; left:10px; bottom:20px; height:35px; line-height:35px; font-size:20px; color:#FFF; overflow:hidden; z-index:10}

.culturebox .listbox .cpage {position: absolute;right: 10px;bottom:20px;}
.culturebox .listbox .cpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #b1c2be; margin: 0 3px;cursor: pointer;}
.culturebox .listbox .cpage .swiper-active-switch { background: #2dccd3;}

.culturebox .onebox{ width:26%; height:auto; float:left; overflow:hidden; box-sizing:border-box; padding:0 0 0 16px;}
.culturebox .onebox .box{ width:96%; height:auto; overflow:hidden; border:1px solid #e7ebef; }
.culturebox .onebox .box .pic{ width:100%; height:210px; overflow:hidden; position:relative;}
.culturebox .onebox .box .pic .img{ width:100%; height:210px; overflow:hidden;transition: all 0.5s ease;}
.culturebox .onebox .box .pic .time{  width:96px; height:38px; color:#FFF; font-size:14px; background:#2dccd3; line-height:38px; text-align:center; position:absolute; left:0; top:0; z-index:10}
.culturebox .onebox .box .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:25px 19px ;}
.culturebox .onebox .box .sortname{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#999999}
.culturebox .onebox .box .tit{ width:100%; height:52px; line-height:26px; overflow:hidden; font-size:18px; color:#333333; margin-top:10px;}
.culturebox .onebox .box .more{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#2dccd3; text-indent:20px; background:url(../Images/m1.png) left center no-repeat;}


.culturebox .onebox:hover .box{ border:1px solid #bfccd7;}
.culturebox .onebox:hover .box .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.culturebox .onebox:hover .box .pic .time{ background:#003766  }
.culturebox .onebox:hover .box .tit{  color:#003766}
.culturebox .onebox:hover .box .more{ color:#003766; background:url(../Images/m2.png) left center no-repeat;}






/*西部视界*/
.viewsbox{ width:100%; height:auto; overflow:hidden}
.viewsbox .listbox{ width:49%; height:437px; overflow:hidden; float:left; overflow:hidden; position:relative}
.viewsbox .listbox .list{ width:100%; height:437px; overflow:hidden;}
.viewsbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.viewsbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:437px; overflow:hidden; float:left; position:relative}
.viewsbox .listbox .list ul li .pic{ width:100%; height:437px; overflow:hidden;}
.viewsbox .listbox .list ul li .tit{ position:absolute; left:10px; bottom:20px; height:35px; line-height:35px; font-size:16px; color:#FFF; overflow:hidden; z-index:10}

.viewsbox .listbox .cpage {position: absolute;right: 10px;bottom:20px;}
.viewsbox .listbox .cpage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #b1c2be; margin: 0 3px;cursor: pointer;}
.viewsbox .listbox .cpage .swiper-active-switch { background: #2dccd3;}

.viewsbox .onebox{ width:51%; height:auto; float:left; overflow:hidden; }
.viewsbox .onebox  ul{ margin:0px; padding:0px; list-style:none;}
.viewsbox .onebox  ul li{margin:0px 0 18px 0; padding:0px; list-style:none; width:50%; height:auto; float:left; overflow:hidden;}
.viewsbox .onebox .box{ width:96%; height:auto; overflow:hidden; float:right}
.viewsbox .onebox .box .pic{ width:100%; height:210px; overflow:hidden; position:relative;}
.viewsbox .onebox .box .pic .img{ width:100%; height:210px; overflow:hidden;transition: all 0.5s ease;}
.viewsbox .onebox .box .pic .time{  width:96px; height:38px; color:#FFF; font-size:14px; background:#2dccd3; line-height:38px; text-align:center; position:absolute; left:0; top:0; z-index:10}
.viewsbox .onebox .box .pic .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:14px; color:#ffffff; overflow:hidden; position:absolute; left:0; bottom:10px; box-sizing:border-box; padding:0 10px;}

.viewsbox .onebox  ul li:hover .box .pic .img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.viewsbox .onebox  ul li:hover .box .pic .time{ background:#003766  }




/*西部文学*/








/*技术支持*/
.support{ width:100%; height:auto; overflow:hidden;}
.support ul{ margin:0px; padding:0px; list-style:none}
.support ul li{margin:10px 0; padding:10px 0; list-style:none; width:25%; float:left; overflow:hidden;}	
.support ul li .box{ width:96%; margin:0 auto; overflow:hidden; height:auto;box-shadow:0 0 9px 3px #f4f4f5; box-sizing:border-box; padding:15px}
.support ul li .box .pic{ width:100%; height:auto; overflow:hidden; text-align:center}
.support ul li .box .pic img{ max-width:90%; height:auto}
.support ul li .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.support ul li .box .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; font-weight:700; color:#00a2e9; overflow:hidden;}
.support ul li .box .word{ width:100%; height:75px; line-height:25px; font-size:14px; text-align:center; overflow:hidden;}
.support ul li .box .line{ width:45px; height:2px; background:#e0e0e0; margin:0 auto;}


.supportbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/support2bg.jpg) center center no-repeat; background-size:cover; background-attachment:fixed; padding:45px 0;}
.supportbox .centerbox{ width:100%; height:auto; max-width:1280px; margin:0 auto; clear:both; overflow:hidden; background: url(../Images/supbg.png) repeat; box-sizing:border-box; box-sizing:border-box; padding:15px; }
.supportbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }




/*荣誉资质*/











/*表单*/

.formtit{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:48px; font-weight:700; color:#0e3469; line-height:60px; margin-top:50px;}
.formtit2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#00a0e9; line-height:35px; margin-top:10px;}
.formtit3{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:22px; color:#00a0e9; font-weight:700; margin-top:10px;}

.formbox{ width:100%; height:auto; overflow:hidden; margin:30px 0 50px 0; }
.formbox ul{ margin:0px; padding:0px; list-style:none}
.formbox ul li{ margin:10px 0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.formbox ul li .inbox{ width:96%; overflow:hidden; }
.formbox ul li .input1{ width:100%; height:50px; border:1px solid #dcdcdc; text-indent:10px;}
.formbox ul li .radiome{ font-size:14px; padding:10px 0 0 0}
.formbox ul li .radiome input{ width:20px; height:20px; font-size:14px; float:left; display:block; padding:0}
.formbox ul li .radiome label{ font-size:14px; float:left; margin:5px 15px 0 0}


.formbox ul li .input2{ width:170px; height:50px;  border:1px solid #d8d8d8; float:left; display:block;text-indent:10px;}
.formbox ul li .safecode{ float:left; margin-left:10px;}

.formbox ul li select{ width:100%; height:35px; line-height:35px; overflow:hidden; border:1px solid #CCC; }

.formbox ul li textarea{ margin:0 auto; display:block; width:100%; height:175px; overflow:hidden; border:1px solid #dcdcdc; box-sizing:border-box; padding:10px;}
.formbox ul li.long{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.formbox ul li.long .tit{ width:14%}
.formbox ul li.long .inbox{ width:99%}


.formbox ul li.long .btnme{ width:235px; height:58px; line-height:58px; overflow:hidden; background:#00a0e9; font-size:16px; color:#FFF;  border:0px; display:block; margin:0 auto; border-radius:5px}

.baom{ width:309px; height:57px; background:#ff6000; font-size:20px; color:#FFF; text-align:center; line-height:57px; margin-top:25px;}





/*服务与支持*/


/*下载中心*/

/*手册列表*/
.manuallist{ width:100%; height:auto; overflow:hidden; background:#f3f4f4; padding:15px 0; display:none}
.manuallist ul{ margin:0px; padding:0px; list-style:none; width:96%; margin:0 auto; display:block}
.manuallist ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.manuallist ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff; box-sizing:border-box; padding:10px; border:1px solid #FFF}
.manuallist ul li .pic{ width:100%; height:150px; overflow:hidden; line-height:150px; text-align:center}
.manuallist ul li .pic img{ max-width:90%; max-height:90%;}

.manuallist ul li:hover .box{border:1px solid #73a4c0}
.manuallist ul li.onfocus .box{border:1px solid #73a4c0}

.machinelist{ width:100%; height:auto; overflow:hidden;}
.machinelist .one{ width:100%; height:auto; overflow:hidden;padding:60px 0;}
.machinelist .one .cbpx{ width:100%; max-width:1360px; margin:0 auto}
.machinelist .one .tbox{ width:100%; height:auto; overflow:hidden; }
.machinelist .one .tbox .picbox{ width:50%; float:left; overflow:hidden ; height:auto; text-align:center}
.machinelist .one .tbox .picbox img{ max-width:90%; height:auto; text-align:center}
.machinelist .one .tbox .wordbox{ width:50%; height:auto; float:left; overflow:hidden;}
.machinelist .one .tbox .wordbox .tit{ width:100%; height:auto; overflow:hidden; line-height:50px; font-size:30px; color:#333333}
.machinelist .one .tbox .wordbox .tit span{ font-size:30px; color:#015c92}
.machinelist .one .tbox .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:200%; overflow:hidden; margin-top:15px;}
.machinelist .one .tablebox{ width:100%; height:auto; overflow:hidden; margin-top:20px; font-size:14px;}

.machinelist .one .tablebox table{width:100%;border-collapse:collapse; background:#FFF}
.machinelist .one .tablebox tr.tit{ background:#0172c4; color:#FFF;}
.machinelist .one .tablebox tr.even{ background:#eff4f8}
.machinelist .one .tablebox td{border:1px solid #ececec;line-height:35px; font-size:16px; padding:10px}
.machinelist .one .tablebox td em{color:#999;margin-left:5px; font-style:normal;}
.machinelist .one .tablebox tr td:nth-child(1){ background:#f8f8f8; font-weight:700; text-align:center}
.machinelist .one .tablebox tr td:nth-child(3){ background:#f8f8f8; font-weight:700; text-align:center}

.machinelist .one:nth-child(2n){ background:#f3f4f4}
.machinelist .one:nth-child(2n) .picbox{ float:right}

/*贴牌/代工*/
.oembox1{ width:100%; height:auto; overflow:hidden; background:url(../Images/culturebg.png) bottom center no-repeat #FFF; padding:70px 0}
.oembox1 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox1 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:54px; font-weight:700; color:#015c92; text-align:center; line-height:70px;}
.oembox1 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:44px; font-weight:700; color:#333333; text-align:center; line-height:70px;}
.oembox1 .titbox3{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom center no-repeat;}
.oembox1 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.oembox1 .leftbox{ width:50%; float:left; overflow:hidden;}
.oembox1 .leftbox .box{ width:100%; height:657px; background:url(../Images/p1bg.png) no-repeat; background-size:cover; box-sizing:border-box; padding:25px;}
.oembox1 .leftbox .box .picbox{ width:100%; height:480px; overflow:hidden; background:url(../Images/plogo.png) left top no-repeat; line-height:480px; text-align:center; line-height:480px;}
.oembox1 .leftbox .box .picbox img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.oembox1 .leftbox .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.oembox1 .leftbox .box .wordbox .tit{ width:100%; height:45px; line-height:45px; font-size:30px; font-weight:700; color:#333333; overflow:hidden;}
.oembox1 .leftbox .box .wordbox .theword{ width:100%; height:auto; overflow:hidden;}
.oembox1 .leftbox .box .wordbox .theword .word{ width:65%; float:left; height:auto; overflow:hidden;}
.oembox1 .leftbox .box .wordbox .theword .word p{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.oembox1 .leftbox .box .wordbox .theword .more{ width:30%; height:auto; float:right; overflow:hidden;}
.oembox1 .leftbox .box .wordbox .theword .more p{ width:100%; height:50px; line-height:50px; border:1px solid #777777; border-radius:50px; overflow:hidden; text-align:center; font-size:16px;}
.oembox1 .leftbox .box:hover .wordbox .theword .more p{ background:#015c92; color:#FFF}

.oembox1 .leftbox .box:hover .picbox img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.oembox1 .rightbox{ width:50%; float:left; overflow:hidden;}
.oembox1 .rightbox .list{ width:100%; height:auto; overflow:hidden;}
.oembox1 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.oembox1 .rightbox .list ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:50%; float:left; height:auto; overflow:hidden}
.oembox1 .rightbox .list ul li .box{ width:96%; height:auto; float:right; overflow:hidden; height:316px; background:#f1f4fa; padding:10px;}
.oembox1 .rightbox .list ul li .box .inbox{ width:100%; height:auto; overflow:hidden;background:url(../Images/plogo.png) left top no-repeat; background-size:auto 30px;}
.oembox1 .rightbox .list ul li .box .pic{ width:100%; height:245px; overflow:hidden; line-height:245px; text-align:center}
.oembox1 .rightbox .list ul li .box .pic img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.oembox1 .rightbox .list ul li .box .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; font-size:16px;} 

.oembox1 .rightbox .list ul li:hover .box .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.oembox2{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:60px 0}
.oembox2 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox2 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#015c92; text-align:center; line-height:70px;}
.oembox2 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom center no-repeat; margin-bottom:20px;}

.oembox2 .listbox{ width:1400px; height:490px; overflow:hidden; background: url(../Images/oemline.png) left center no-repeat; position:relative}
.oembox2 .listbox ul{ margin:0px; padding:0px; list-style:none}
.oembox2 .listbox ul li{ margin:0px; padding:0px; list-style:none; float:left; width:212px;height:490px; position:relative; margin-left:-72px;}
.oembox2 .listbox ul li .picbox{ width:213px; height:173px; background:url(../Images/grd1.png) no-repeat; overflow:hidden;box-sizing:border-box; padding:10px 0 0 0}
.oembox2 .listbox ul li .picbox .pic{ width:100%; text-align:center; height:90px; margin-top:10px;}
.oembox2 .listbox ul li .picbox .tit{ width:100%; text-align:center; font-size:22px; color:#0e4f75}
.oembox2 .listbox ul li .num{ width:40px; height:40px; background:#0e4f75; border-radius:100%; font-size:16px; color:#FFF; line-height:40px; text-align:center; position:absolute; left:50%; top:50%; margin-left:-20px; margin-top:-20px;}

.oembox2 .listbox ul li:nth-child(1){ margin:0}

.oembox2 .listbox ul li:nth-child(2n) .picbox{ position:absolute; bottom:0; background:url(../Images/grd2.png) no-repeat; box-sizing:border-box; padding:20px 0 0 0 }
.oembox2 .listbox ul li:nth-child(2n) .picbox .tit{ color:#2d82b5}
.oembox2 .listbox ul li:nth-child(2n) .num{ background:#2d82b5}




.oembox3{ width:100%; height:auto; overflow:hidden; background:#ecf1f4; padding:60px 0}
.oembox3 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox3 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#015c92; text-align:center; line-height:70px;}
.oembox3 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom 
center no-repeat; margin-bottom:20px;}
.oembox3 .listbox{ width:100%; height:530px; overflow:hidden; margin-top:25px; background:#ffffff; position:relative}
.oembox3 .listbox .picbox{ width:60%; height:530px; overflow:hidden; background:#FFF; float:left}
.oembox3 .listbox .title{ position:absolute; right:34px; top:50px; font-size:68px; font-weight:700; text-transform:uppercase; color:#e7eaee}
.oembox3 .listbox .list{ position:absolute; right:28px; bottom:39px; width:50%; height:auto; overflow:hidden;}
.oembox3 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.oembox3 .listbox .list ul li{ margin:0px 0 10px 0; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.oembox3 .listbox .list ul li .box{ width:97%; height:auto; float:right; overflow:hidden; background:#015c92; box-sizing:border-box; padding:10px;}
.oembox3 .listbox .list ul li .box .pic{ width:100%; text-align:center; height:94px; line-height:94px; overflow:hidden;}
.oembox3 .listbox .list ul li .box .tit{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:24px; color:#FFF}

.oembox3 .listbox .list ul li:hover .box{ background:#007720}
/*服务*/
.oembox4{ width:100%; height:auto; overflow:hidden; background:#ffffff; padding:60px 0}
.oembox4 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox4 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#015c92; text-align:center; line-height:70px;}
.oembox4 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom 
center no-repeat; margin-bottom:20px;}
.oembox4 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#ffffff; position:relative}

.oembox4 .listbox .list{width:100%; height:auto; overflow:hidden;}
.oembox4 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.oembox4 .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:20%; float:left; overflow:hidden;}
.oembox4 .listbox .list ul li .box{ width:96%; height:auto; margin:0 auto; overflow:hidden; background:#f5f5f7; box-sizing:border-box; padding:35px 0;}
.oembox4 .listbox .list ul li .box .pic{ width:100%; text-align:center; height:150px; line-height:150px; overflow:hidden;}
.oembox4 .listbox .list ul li .box .tit{ width:100%; height:40px; line-height:40px; text-align:center; overflow:hidden; font-size:24px; margin-top:20px;}
.oembox4 .listbox .list ul li:nth-child(2n) .box{ background:#ecf1f4}

.oembox4 .listbox .list ul li:hover .box{ background:#e1e8f3}
/*产品*/
.oembox5{ width:100%; height:auto; overflow:hidden; background:#ffffff; padding:0 0 60px 0}
.oembox5 .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox5 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#000000; text-align:center; line-height:70px;}
.oembox5 .titbox span{ cursor:pointer}
.oembox5 .titbox span.onfocus{color:#015c92;}
.oembox5 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom 
center no-repeat; margin-bottom:20px;}
.oembox5 .listbox{ width:100%; height:auto; overflow:hidden; margin-top:20px; background:#ffffff; position:relative}
.oembox5 .leftbox{ width:50%; float:left; overflow:hidden;}
.oembox5 .leftbox .box{ width:100%; height:657px; background:url(../Images/p1bg.png) no-repeat; background-size:cover; box-sizing:border-box; padding:25px;}
.oembox5 .leftbox .box .picbox{ width:100%; height:480px; overflow:hidden; background:url(../Images/plogo.png) left top no-repeat; line-height:480px; text-align:center; line-height:480px;}
.oembox5 .leftbox .box .picbox img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.oembox5 .leftbox .box .wordbox{ width:100%; height:auto; overflow:hidden;}
.oembox5 .leftbox .box .wordbox .tit{ width:100%; height:45px; line-height:45px; font-size:30px; font-weight:700; color:#333333; overflow:hidden;}
.oembox5 .leftbox .box .wordbox .theword{ width:100%; height:auto; overflow:hidden;}
.oembox5 .leftbox .box .wordbox .theword .word{ width:65%; float:left; height:auto; overflow:hidden;}
.oembox5 .leftbox .box .wordbox .theword .word p{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px;}
.oembox5 .leftbox .box .wordbox .theword .more{ width:30%; height:auto; float:right; overflow:hidden;}
.oembox5 .leftbox .box .wordbox .theword .more p{ width:100%; height:50px; line-height:50px; border:1px solid #777777; border-radius:50px; overflow:hidden; text-align:center; font-size:16px;}
.oembox5 .leftbox .box:hover .wordbox .theword .more p{ background:#015c92; color:#FFF}

.oembox5 .leftbox .box:hover .picbox img{-webkit-transform: scale(1.1); transform: scale(1.1);}


.oembox5 .rightbox{ width:50%; float:left; overflow:hidden;}
.oembox5 .rightbox .list{ width:100%; height:auto; overflow:hidden;}
.oembox5 .rightbox .list ul{ margin:0px; padding:0px; list-style:none}
.oembox5 .rightbox .list ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:50%; float:left; height:auto; overflow:hidden}
.oembox5 .rightbox .list ul li .box{ width:96%; height:auto; float:right; overflow:hidden; height:316px; background:#f1f4fa; padding:10px;}
.oembox5 .rightbox .list ul li .box .inbox{ width:100%; height:auto; overflow:hidden;background:url(../Images/plogo.png) left top no-repeat; background-size:auto 30px;}
.oembox5 .rightbox .list ul li .box .pic{ width:100%; height:245px; overflow:hidden; line-height:245px; text-align:center}
.oembox5 .rightbox .list ul li .box .pic img{ max-width:80%; max-height:80%;transition: all 0.5s ease;}
.oembox5 .rightbox .list ul li .box .tit{ width:100%; height:35px; line-height:35px; overflow:hidden; text-align:center; font-size:16px;} 

.oembox5 .rightbox .list ul li:hover .box .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}

/*图片展示*/
.oembox6{ width:100%; height:auto; overflow:hidden; background:#f2f6fa; padding:60px 0}
.oembox6 .centerbox{ width:100%; height:auto; max-width:1600px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.oembox6 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.oembox6 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:30px; font-weight:700; color:#015c92; text-align:center; line-height:70px;}
.oembox6 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px;color:#848484; text-align:center; padding-bottom:20px; background:url(../Images/oerml.png) bottom 
center no-repeat; margin-bottom:20px;}
.oembox6 .listbox{ width:100%; height:460px; overflow:hidden; margin-top:45px; position:relative}
.oembox6 .leftarr{ width:69px; height:69px; background:url(../Images/left2.png) no-repeat; background-size:100% 100%; position:absolute; left:0; top:50%; margin-top:-35px; z-index:10; cursor:pointer }
.oembox6 .rightarr{ width:69px; height:69px; background:url(../Images/right2.png) no-repeat;background-size:100% 100%; position:absolute; right:0; top:50%; margin-top:-35px;z-index:10;cursor:pointer}

.oembox6 .listbox .list{ width:100%; height:460px; overflow:hidden; max-width:1360px; margin:0 auto}
.oembox6 .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.oembox6 .listbox .list ul li{ margin:0px; padding:0; list-style:none; width:33.33%; height:auto; float:left; overflow: visible;  position:relative; z-index:0}
.oembox6 .listbox .list ul li .box{ width:96%; margin:0 auto; height:auto; overflow:hidden;  box-sizing:border-box; background:#ffffff; border-radius:5px; position:absolute;left:0; top:30px;}
.oembox6 .listbox .list ul li .box .pic{ width:100%; height:402px; overflow:hidden;transition: all 0.5s ease;  opacity:0.3}
.oembox6 .listbox .list ul li .box .pic .img{ width:100%; height:100%; overflow:hidden;/*transition: all 1s ease;*/}

.oembox6 .listbox .list ul li.swiper-slide-active{ z-index:10;}
.oembox6 .listbox .list ul li.swiper-slide-active .box{ width:170%; height:100%; position:absolute; left:0; top:0; margin-left:-35%}
.oembox6 .listbox .list ul li.swiper-slide-active .box .pic{ height:460px; opacity:1}










/*新闻信息*/
.tgoodbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/culturebg.png) bottom center no-repeat #FFF; overflow:hidden; padding:30px 0}
.tgoodbox .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.tgoodbox .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.tgoodbox .list{ width:100%; height:auto; overflow:hidden;}
.tgoodbox .list ul{ margin:0px; padding:0px; list-style:none}
.tgoodbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.tgoodbox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; background:#f3f3f3 }
.tgoodbox .list ul li .pic{ width:100%; height:288px; overflow:hidden;}
.tgoodbox .list ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;}
.tgoodbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; padding:15px;}
.tgoodbox .list ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px; color:#333333}
.tgoodbox .list ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#7f7f7f}
.tgoodbox .list ul li .wordbox .time{ width:100%; height:30px; line-height:30px; overflow:hidden; font-size:14px; color:#015c92}

.tgoodbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.tgoodbox .list ul li:hover .wordbox .tit{ color:#015c92}
.tgoodbox .list ul li:hover .wordbox .word{ color:#015c92}





/*人力资源*/
.jobsearch{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.jobsearch ul{ margin:0px; padding:0px; list-style:none}
.jobsearch ul li{ margin:0px; padding:0px; list-style:none; width:17%; height:auto; overflow:hidden; float:left}
.jobsearch ul li.t4{ width:49%; float:left; overflow:hidden;}
.jobsearch ul li .select1{ width:96%; height:54px; border:1px solid #898989;}
.jobsearch ul li .input1{ width:80%; height:54px; border:1px solid #898989; float:left}
.jobsearch ul li .btnme{ width:20%; height:54px; background: url(../Images/searchbtn.jpg) center center no-repeat #009ceb; border:0; float:left}


/*工作*/
.jobtit{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:38px; font-weight:700; color:#d9576f;}
.jobword{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:16px; line-height:200%; overflow:hidden; box-sizing:border-box; background:url(../Images/leftdot.png) left center no-repeat; margin:20px 0}
.jobword .inbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/rightdot.png) right center no-repeat; font-size:16px; line-height:200%; box-sizing:border-box; padding:0 147px}


.jobtit2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:38px; font-weight:700; color:#333333;}
.jobword2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:18px; color:#666666;}

.jobtitbox{ width:100%; height:55px; overflow:hidden; background:#ebf4fa; color: #212121; font-size:16px; }
.jobtitbox p{ display:block; height:55px; line-height:55px; float:left; overflow:hidden; text-indent:0; text-align:center}
.jobtitbox p.t1{ width:34%; background:url(../Images/job1.jpg) 10px center no-repeat}
.jobtitbox p.t2{ width:28%; background:url(../Images/job2.jpg) 10px center no-repeat}
.jobtitbox p.t3{ width:25%; background:url(../Images/job3.jpg) 10px center no-repeat}
.jobtitbox p.t4{ width:13%; background:url(../Images/job4.jpg) 10px center no-repeat}



.thejobtitbox{ width:100%; height:auto; overflow:hidden;   font-size:34px; font-weight:700; color:#5f5893}
.thejobtitword{ width:100%; height:auto; margin-top:10px; font-size:16px; line-height:200%; overflow:hidden; color:#4b4b4b}

/*应聘申请*/
.listform{ width:90%; height:auto; overflow:hidden; margin:0 auto; max-width:640px;}
.listform ul{ margin:0px; padding:0px; list-style:none}
.listform ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.listform ul li .tit{ width:20%; text-align:right; height:45px; line-height:45px; box-sizing:border-box; padding:0 15px 0 0; font-size:16px; color:#262626; float:left}
.listform ul li .word{ width:80%; font-size:14px; float:left; overflow:hidden;}
.listform ul li .input1{ width:100%; height:42px; line-height:42px; overflow:hidden; background:#f5f5f5; border:1px solid #ececec; border-radius:5px;}
.listform ul li .input2{ width:140px; height:42px; line-height:42px; overflow:hidden; background:#f5f5f5; border:1px solid #ececec; border-radius:5px; float:left}

.listform ul li a{ color:#0097d3;}
.listform ul li .btnme{ width:126px; height:50px; line-height:50px; font-size:14px; background:#0b3a80; color:#FFF; border:0}

/*工作弹出*/
/*工作弹出*/
.alertbox{ width:100%; height:auto; overflow:hidden; background:url(../Images/ertopbg1.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:999999999; display:none  }
.alertbox .cbox{ width:96%; height:auto; overflow:hidden; max-width:750px; overflow:hidden; margin:0 auto; margin-top:100px;}
.alertbox .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox .cbox .listbox{ width:100%; height:auto; overflow:hidden; background:#FFF; box-sizing:border-box; padding:30px; border-radius:15px; margin-top:20px;}
.alertbox .cbox .listbox .titnote{ width:100%; height:auto; line-height:40px; font-size:14px; overflow:hidden;}
.alertbox .cbox .listbox .titbox{ width:100%; height:auto; line-height:30px; overflow:hidden;  font-size:20px; color:#333333; text-align:center; text-transform:uppercase}
.alertbox .cbox .listbox .titbox2{ width:100%; height:auto; line-height:30px; overflow:hidden;  font-size:14px; color:#333333; opacity:0.8; text-align:center; margin-top:10px; word-wrap: break-word;}
.alertbox .cbox .listbox video{ width:100%; height:450px; object-fit: cover;}
.alertbox .cbox .listbox .list{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.alertbox .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox .cbox .listbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; float:left; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .input1{ width:100%; height:70px; line-height:70px; overflow:hidden; border:1px solid #7e7e7e; font-size:14px; text-indent:20px;}
.alertbox .cbox .listbox .list ul li .input2{ width:30%; height:45px; line-height:45px; overflow:hidden; border:1px solid #dfdfdf; font-size:14px; text-indent:20px;}
.alertbox .cbox .listbox .list ul li.long{ width:100%; height:auto; overflow:hidden;}
.alertbox .cbox .listbox .list ul li .txt{ width:100%; height:150px; overflow:hidden;border:1px solid #dfdfdf; font-size:14px; box-sizing:border-box; padding:15px}
.alertbox .cbox .listbox .list ul li .btnme{ width:193px; height:53px; background:#0159b3; color:#FFF; font-size:18px; margin:0 auto; float:none; border:0px; border-radius:10px; display:block; text-indent:0; text-align:center; border:1px solid #0159b3; float:left; margin-left:150px;}
.alertbox .cbox .listbox .list ul li .reset{ width:193px; height:53px; background:#ffffff; color:#333333; font-size:18px; margin:0 auto; float:none; border:0px; border-radius:10px; display:block; text-indent:0; text-align:center; border:1px solid #7e7e7e; float:left; margin-left:20px;}
.alertbox .cbox .listbox .list ul li  .getcode{ float:right; height:50px; line-height:50px; cursor:pointer; border:1px solid #dfdfdf; padding:0 10px; }



/*荣誉弹出*/
.alertbox2{ width:100%; height:auto; overflow:hidden; background:url(../Images/cover2.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none }
.alertbox2 .cbox{ width:96%; height:auto; overflow:hidden; max-width:620px; overflow:hidden; margin:0 auto; margin-top:25px;}
.alertbox2 .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}

.alertbox2 .cbox .listbox{ width:100%; height:628px; overflow:hidden; background:#FFF;border-radius:15px; margin-top:20px; position:relative; border:10px solid #FFF}
.alertbox2 .cbox .listbox .leftarr{ width:49px; height:49px; background:url(../Images/left1.png) no-repeat; position:absolute; left:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .rightarr{width:49px; height:49px; background:url(../Images/right1.png) no-repeat; position:absolute; right:15px; top:50%; margin-top:-50px; cursor:pointer; cursor:pointer; z-index:10}
.alertbox2 .cbox .listbox .list{ width:90%; margin:0 auto; height:628px; overflow:hidden; position:relative}
.alertbox2 .cbox .listbox .list ul{ margin:0px; padding:0px; list-style:none}
.alertbox2 .cbox .listbox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:628px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .pic{ width:100%; height:560px; overflow:hidden;}
.alertbox2 .cbox .listbox .list ul li .tit{ width:100%; height:auto; overflow:hidden; line-height:30px; margin-top:10px; text-align:center; font-size:14px}


/*语言选择*/
.alertlanguage{ width:100%; height:100%; overflow:hidden; background:url(../Images/ertop1.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:99999; display:none  }
.alertlanguage .cbox{ width:96%; height:auto; overflow:hidden; max-width:620px; overflow:hidden; margin:0 auto; margin-top:80px; background:#FFF}
.alertlanguage .cbox .closebox{ width:100%; height:50px; line-height:50px;  overflow:hidden; cursor:pointer; border-bottom:1px solid #f9f9f9}
.alertlanguage .cbox .closebox .tit{ float:left; font-size:20px; font-weight:700; text-indent:20px;}
.alertlanguage .cbox .closebox .closeme{ float:right}
.alertlanguage .cbox .word{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; font-size:16px;}
.alertlanguage .cbox .list{ width:100%; height:auto; overflow:hidden; margin:20px 0}
.alertlanguage .cbox .list ul{ margin:0; padding:0px; list-style:none}
.alertlanguage .cbox .list ul li{ margin:0; padding:0px; list-style:none; width:50%; float:left; overflow:hidden;}
.alertlanguage .cbox .list ul li p{ width:92%; margin:0 auto; border:1px solid #CCC; line-height:50px; text-align:center; font-size:16px;}




/*产品详细*/
.producttop{ width:100%; height:auto; overflow:hidden; padding:0; position:relative; z-index:100; background: #ffffff; padding:0 0 30px 0; }
.producttop .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;  }
.producttop .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto }
.producttop .thetit{ width:100%; height:auto; font-size:20px; font-weight:700; overflow:hidden; color:#000; line-height:40px; margin:10px 0}

.producttop  .slidebox{ width:45%; height:auto; float:right; overflow:hidden; position:relative}
.producttop  .slidebox .blist{ width:100%; height:385px; overflow:hidden; border:1px solid #e6e1e1;}
.producttop  .slidebox .blist ul{ margin:0px; padding:0px; list-style:none}
.producttop  .slidebox .blist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:385px; line-height:385px; text-align:center; overflow:hidden; position:relative; background:#FFF}
.producttop  .slidebox .blist ul li img{ max-width:90%; max-height:90%}
.producttop  .slidebox .blist ul li .num{ position:absolute; right:10px; bottom:10px; font-size:14px; color:#a4a4a4; display:none}
.producttop  .slidebox .blist ul li .num span{ color:#015c92}

.producttop  .slidebox .smallbox{ width:100%; margin:0 auto; overflow:hidden; height:90px; position:relative; margin-top:20px;}
.producttop  .slidebox .uparr{ width:15px; height:30px; background:url(../Images/left2.png) no-repeat; position:absolute; left:0; top:50%; margin-top:-15px; cursor:pointer}
.producttop  .slidebox .downarr{ width:15px; height:30px; background:url(../Images/right2.png) no-repeat; position:absolute; right:0; top:50%; margin-top:-15px;cursor:pointer}
.producttop  .slidebox .smlist{ width:90%; margin:0 auto; height:98px; overflow:hidden;}
.producttop  .slidebox .smlist ul{ margin:0px; padding:0px; list-style:none}
.producttop  .slidebox .smlist ul li{ margin:0px; padding:0px; list-style:none; width:171px; height:98px; }
.producttop  .slidebox .smlist ul li .pic{ width:96%; height:88px; border:1px solid #e8e8e8;display: flex;align-items: center;justify-content: center;}
.producttop  .slidebox .smlist ul li img{ max-width:80%; max-height:80%}
.producttop  .slidebox .smlist ul li.active-nav .pic{ border:1px solid #b9b6cd;}

.producttop  .thelink{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.producttop  .thelink .list{ width:96%; margin:0 auto; overflow:hidden;}
.producttop  .thelink .list ul{ margin:0px; padding:0px; list-style:none}
.producttop  .thelink .list ul li{ margin:0px; padding:0px; list-style:none; height:auto; width:25%; float:left; overflow:hidden;}
.producttop  .thelink .list ul li .pic{ width:100%; height:66px; line-height:66px; text-align:center}
.producttop  .thelink .list ul li .tit{ width:100%; height:35px; line-height:35px; text-align:center; font-size:14px; font-weight:700; font-size:14px; color:#8580a9}

.producttop .wordbox{ width:50%; float:left; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}
.producttop .wordbox .tit{ width:100%; height:auto; line-height:50px; font-size:34px; font-weight:700; color:#272727;}
.producttop .wordbox .tit2{ width:100%; height:auto; font-size:24px; margin-top:10px; overflow:hidden; color:#6c6696; font-weight:700; border-bottom:1px solid #c4c4d0; padding-bottom:25px; margin-top:20px;}
.producttop .wordbox .word{ width:100%; height:auto; overflow:hidden; margin-top:25px; overflow:hidden; font-size:16px; line-height:35px; color:#686868}
.producttop .wordbox .word img{ max-width:100%; height:auto}

.producttop .wordbox .word2{ width:100%; height:auto; overflow:hidden; margin-top:10px; overflow:hidden; font-size:16px; line-height:38px; color:#272727}
.producttop .wordbox .word2 p{ width:100%; height:auto; overflow:hidden; background:url(../Images/dot1.png) left 0 top 18px no-repeat; box-sizing:border-box; padding:0 15px; line-height:38px;}


.producttop .picbox{ width:40%; height:auto; float:right; overflow:hidden; }
.producttop .picbox img{ max-width:100%; height:auto}


.productshow{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:0 0 60px 0;  }
.productshow .centerbox{ width:100%; height:auto; max-width:1360px; margin:0 auto; clear:both; overflow:hidden;} 
.productshow .centerbox .centerin{ width:100%; height:auto; overflow:hidden; margin:0 auto ; padding-bottom:20px;}
.productshow .titbox{ width:100%; height:50px; line-height:50px; font-size:40px; overflow:hidden; font-weight:700; margin-bottom:25px; text-align:center}
.productshow .navbox{ width:100%; height:52px; background:#8580a9; overflow:hidden;}
.productshow .navbox ul{ margin:0px; padding:0px; list-style:none}
.productshow .navbox ul li{ margin:0px; padding:0px; list-style:none; width:150px; height:52px; line-height:52px; overflow:hidden; font-size:20px; color:#ffffff; float:left; text-align:center; cursor:pointer}
.productshow .navbox ul li.onfocus{ background:#7db598}

.productshow .wordbox{ width:100%; height:auto; font-size:18px; line-height:200%; overflow:hidden; padding:25px 0;}
.productshow .wordbox img{ max-width:100%; height:auto}
.productshow .wordbox li{width:50%; float:left; line-height:50px; height:auto}


.prorels{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.prorels ul{ margin:0px; padding:0px; list-style:none;}
.prorels ul li{ margin:10px 0; padding:5px; list-style:none; box-sizing:border-box; width:33.33%; height:auto; float:left; overflow:hidden}
.prorels ul li .box{ width:98%; height:auto; overflow:hidden; float:left; background:#FFF; box-sizing:border-box; padding:0; border-radius:10px; border:0px solid #FFF}
.prorels ul li .box .pic{ width:100%; height:412px; overflow:hidden; position:relative; box-sizing:border-box; z-index:0; text-align:center; line-height:412px }
.prorels ul li .box .pic img{ max-width:80%; max-height:80%; transition: all 0.5s ease;}


.prorels ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px; text-align:center}
.prorels ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:18px; color:#333333; overflow:hidden; }
.prorels ul li .wordbox .tit2{ width:100%; height:40px; line-height:40px; overflow:hidden; text-align:center; font-size:14px; color:#9a9a9a}

.prorels ul li:hover .box{border:0px solid #b2cede;box-shadow: 0px 0px 10px 0px #aeb1bc;}
.prorels ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.prorels ul li:hover .wordbox{ background:#e0ebf2}
.prorels ul li:hover .wordbox .tit{color:#015c92}
.prorels ul li:hover .wordbox .tit2{ color:#015c92}



/*大新闻*/
.projectlist2{ width:100%; height:410px;overflow:hidden; margin:20px 0; position:relative}
.projectlist2 .list{ width:100%; height:410px; overflow:hidden;}
.projectlist2 .list ul{ margin:0px; padding:0px; list-style:none}
.projectlist2 .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:410px; overflow:hidden; float:left; }
.projectlist2 .list ul li .box{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.projectlist2 .list ul li .pic{ width:48%; height:410px; overflow:hidden; float:left; border-radius:5px;}
.projectlist2 .list ul li .pic .img{ width:100%; height:100%; overflow:hidden;transition: all 0.5s ease;} 
.projectlist2 .list ul li .wordbox{ width:48%; height:auto; box-sizing:border-box; float:right;}


.projectlist2 .list ul li .time{ width:100%; height:35px; line-height:35px; font-size:14px; color:#333333; opacity:0.7; overflow:hidden;}

.projectlist2 .list ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:24px; font-weight:700; color:#0072c2;}

.projectlist2 .list ul li .word{ width:100%; height:90px; line-height:30px; overflow:hidden; font-size:16px;  color:#333333; opacity:0.8; margin-top:10px;}
.projectlist2 .list ul li .more{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:15px; color:#0072c2; margin-top:100px }

.projectlist2 .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}

.projectlist2 .leftarr{ width:47px; height:47px; background:url(../Images/left2.png) no-repeat; background-size:100% 100%; position:absolute; right:80px; bottom:50px; z-index:10; cursor:pointer}
.projectlist2 .rightarr{ width:47px; height:47px; background:url(../Images/right2.png) no-repeat; background-size:100% 100%; position:absolute; right:0;  bottom:50px;  z-index:10; cursor:pointer}

.projectlist2 .leftarr:hover{ background:url(../Images/left3.png) no-repeat; background-size:100% 100%; }
.projectlist2 .rightarr:hover{background:url(../Images/right3.png) no-repeat; background-size:100% 100%;}



.projectlist2 .nmppage { width:100%; height:auto; overflow:hidden; text-align:center; line-height:30px; display:none}
.projectlist2 .nmppage .swiper-pagination-switch { display: inline-block;width: 10px; height: 10px;border-radius: 10px;background: #878785; margin: 0 3px;cursor: pointer;}
.projectlist2 .nmppage .swiper-active-switch { background: #0093e7;}


.newsearch{ width:100%; height:54px; overflow:hidden; position:relative}
.newsearch select{ width:20%; height:52px; overflow:hidden;border:1px solid #e9e9e9; float:left; border-radius:50px; padding:0 0 0 15px; /* 清除默认的箭头样式 */
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;  background: url(../Images/da1.png) right 10px center  no-repeat; font-size:16px;}
.newsearch .input1{ width:56%; height:52px; overflow:hidden; text-height:15px; border:1px solid #e9e9e9; float:left; border-radius:50px; margin-left:2%; font-size:16px; text-indent:20px;}
.newsearch .searchbtn{ position:absolute; right:0; height:52px; line-height:52px; border:0px; width:20%; background:#67a622; font-size:16px; color:#FFF; text-align:center; border-radius:50px; transition:all 0.5s ease}
.newsearch .searchbtn:hover{ background:#0172c2}


/*新闻*/
.topnews{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:5px; }
.topnews  ul{ margin:0px; padding:0px; list-style:none}
.topnews  ul li{ margin:0px; padding:5px; list-style:none; width:33.33%; height:auto; overflow:hidden; position:relative; float:left; box-sizing:border-box}
.topnews  ul li .box{ width:96%; height:auto; overflow:hidden;padding:20px; box-sizing:border-box;box-shadow: 0px 0px 10px 0px #d9dce0}
.topnews  ul li .pic{ width:100%; height:255px; overflow:hidden;}
.topnews  ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;}
.topnews  ul li .wordbox{ width:100%; height:auto; overflow:hidden;}
.topnews  ul li .tit{ width:100%; height:56px; line-height:28px; font-size:18px; font-weight:700; color:#282828; margin-top:15px; overflow:hidden;}
.topnews  ul li .word{ width:100%; height:52px; line-height:26px; font-size:15px; color:#595959; opacity:0.9; margin:10px 0; overflow:hidden;}
.topnews  ul li .line{ width:100%; height:1px; background:#ededed; margin:10px 0}
.topnews  ul li .more{ width:100%; height:50px; overflow:hidden; position:relative}
.topnews  ul li .more p{ height:50px; line-height:50px;font-size:14px; }
.topnews  ul li .more p.t1{ float:left; font-weight:700; color:#6fb600;}
.topnews  ul li .more p.t2{ float:right; color:#0082d4;}

.topnews  ul li:hover .box{box-shadow: 0px 0px 10px 0px #b3d9f4}
.topnews  ul li:hover .pic .img{ transform:scale(1.1)}
.topnews  ul li:hover .tit{ color:#0182d5;}
.topnews  ul li:hover .more p.t1{ color:#0182d5;}





/*人才理念*/
.jobideatit{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:36px; line-height:60px; color:#d32620}
.jobideaword{ width:100%; height:auto; overflow:hidden; font-size:16px; line-height:200%; overflow:hidden; text-align:center; margin-top:20px;}

.jobidealist{ width:100%; height:auto; overflow:hidden; margin-top:0px;}
.jobidealist .one{ width:100%; height:auto; overflow:hidden; margin:20px 0; clear:both}
.jobidealist .one .slidebox{ width:48%; height:416px; float:left; overflow:hidden; position:relative; border-radius:10px;}
.jobidealist .one .slidebox .list{ width:100%; height:416px; overflow:hidden;}
.jobidealist .one .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.jobidealist .one .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:416px;}
.jobidealist .one .slidebox  .ideapage {position: absolute;left: 0;text-align: center; bottom:15px;width: 100%;}
.jobidealist .one .slidebox  .ideapage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.jobidealist .one .slidebox  .ideapage .swiper-active-switch {background: #00408a;}

.jobidealist .one .wordbox{ width:48%; height:416px; float:right; overflow:hidden; position:relative; box-sizing:border-box; padding:20px;}
.jobidealist .one .wordbox .tit{ width:100%; height:50px; line-height:50px; font-size:30px; font-weight:700; color:#333333}
.jobidealist .one .wordbox .word{ width:100%; height:280px; overflow:auto; line-height:200%; font-size:14px; margin-top:10px;}

.jobidealist .one:nth-child(2n) .slidebox{ float:right}
.jobidealist .one:nth-child(2n) .wordbox{ float:left}

/*新闻*/
.newstopbox{ width:100%; height:auto; overflow:hidden; margin-top:25px;}
.newstopbox .slidebox{ width:49%; float:left; overflow:hidden; height:391px; position:relative}
.newstopbox .slidebox .list{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .slidebox .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:391px; overflow:hidden; position:relative}
.newstopbox .slidebox .list ul li .pic{ width:100%; height:391px; overflow:hidden;}
.newstopbox .slidebox .list ul li .cover{ position:absolute; left:0px; bottom:0px; background:url(../Images/covr1.png) repeat-x; height:99px;}

.newspage {position: absolute;left: 0;text-align: center; bottom:15px;width: 100%;}
.newspage .swiper-pagination-switch { display: inline-block;width: 10px;height: 10px; border-radius: 10px;background: #ffffff;margin: 0 3px;cursor: pointer;}
.newspage .swiper-active-switch {background: #00408a;}


.newstopbox .listbox{ width:49%; float:right; overflow:hidden;}
.newstopbox .listbox ul{ margin:0px; padding:0px; list-style:none}
.newstopbox .listbox ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #ededed; padding-bottom:23px;} 
.newstopbox .listbox ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:16px; font-weight:700; color:#262626}
.newstopbox .listbox ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px;}
.newstopbox .listbox ul li:hover .tit{ color:#00408a}


.newslist{ width:100%; height:auto; overflow:hidden;}
.newslist ul{ margin:0px; padding:0px; list-style:none}
.newslist ul li{ margin:0; padding:0; list-style:none; width:100%; height:50px; line-height:50px; overflow:hidden; position:relative;  overflow:hidden; border-bottom:1px dashed #e1e1e1; font-size:14px; position:relative }
.newslist ul li p{height:50px; line-height:50px; position:absolute; top:0}
.newslist ul li p.t1{ left:0; width:75%; overflow:hidden; background: url(../Images/dot1.png) left center no-repeat; text-indent:21px; font-size:16px;text-overflow: ellipsis;white-space: nowrap;}
.newslist ul li p.t1 span{ color:#f01d23}
.newslist ul li p.t2{ right:0; font-size:13px;}


/*新闻列表*/
.thenews{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.thenews ul{ margin:0px; padding:0px; list-style:none}
.thenews ul li{ margin:10px 0; padding:15px; list-style:none; width:100%; height:auto; overflow:hidden; position:relative;  border-top:1px dashed #ededed; background:#f6f6f6; box-sizing:border-box;transition: all 0.5s ease;}
.thenews ul li .tit{ width:100%; height:45px; line-height:45px; overflow:hidden; font-size:18px; color:#262626; font-weight:700}
.thenews ul li .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:13px;}
.thenews ul li .time{ width:100%; height:25px; line-height:25px; overflow:hidden; margin-top:10px; background:url(../Images/time.png) left center no-repeat; text-indent:25px; font-size:13px;}

.thenews ul li:hover{ background:#eff4f9}
.thenews ul li:hover .tit{ color:#00408a}

/*人才理念*/
.jobidea{ width:100%; height:auto; overflow:hidden;}
.jobidea ul{ margin:0px; padding:0px; list-style:none}
.jobidea ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:15px;}
.jobidea ul li .box{ width:100%; height:auto; overflow:hidden; overflow:hidden;box-shadow:0 0 9px 3px #f3f3f3; border-radius:15px; box-sizing:border-box; padding:10px; background:#FFF}
.jobidea ul li .pic{ width:100%; height:235px; overflow:hidden;}
.jobidea ul li .wordbox{ width:100%; height:138px; overflow:hidden;}
.jobidea ul li .wordbox .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; text-align:center; font-size:24px; font-weight:700; color:#00408a; line-height:35px; margin-top:10px;}
.jobidea ul li .wordbox .word{ width:100%; height:auto; overflow:hidden; font-size:14px; line-height:200%; overflow:hidden;}




/*维权投诉*/
.countrylist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.countrylist ul{ margin:0px; padding:0px; list-style:none}
.countrylist ul li{ margin:0px 0 15px 0; padding:0 0px 10px 0 ; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px dashed #e1e1e1}
.countrylist ul li .pic{ width:256px; float:left; overflow:hidden; height:177px; overflow:hidden; border-radius:5px}
.countrylist ul li .pic .img{ width:100%; height:177px; overflow:hidden;transition: all 0.5s ease;}
.countrylist ul li .wordbox{ width:648px; float:right; overflow:hidden;}
.countrylist ul li .wordbox .tit{ width:100%; height:40px; line-height:40px; font-size:18px; color:#262626; font-weight:700}
.countrylist ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; font-size:14px; color:#464646; margin-top:15px;}
.countrylist ul li .wordbox .more{ width:100%; height:auto; overflow:hidden; margin-top:10px; font-size:12px; color:#cf0000}

.countrylist ul li:hover .wordbox .tit{ color:#cf0000}
.countrylist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*国家地区展示*/
.countrypic{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:200%; margin:10px 0}
.countrypic img{ max-width:100%; height:auto}
.countryshow{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.countryshow .titbox{ width:100%; height:50px; background:#f3f3f3; overflow:hidden; position:relative}
.countryshow .titbox p{ display: block; height:50px; line-height:50px;}
.countryshow .titbox p.t1{ float:left; font-size:16px; font-weight:70; color:#a26432; text-indent:16px;}
.countryshow .titbox p.t2{ float:right; background:url(../Images/d1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; cursor:pointer}
.countryshow .titbox p.t3{ float:right; background:url(../Images/u1.png) right center no-repeat; font-size:14px; padding-right:20px; margin-right:20px; display:none;cursor:pointer; color:#FFF}
.countryshow .wordbox{ width:100%; height:60px; overflow:hidden; line-height:30px; font-size:14px; margin:10px 0}

.countryshowon .titbox{ background:#a26432}
.countryshowon .titbox p.t1{ color:#FFF}
.countryshowon .titbox p.t2{  display:none}
.countryshowon .titbox p.t3{ display:block}
.countryshowon .wordbox{ height:auto}










/*学院校排名*/
.pmlist{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.pmlist .list{ width:100%; height:auto; overflow:hidden;}
.pmlist ul{ margin:0px; padding:0px; list-style:none}
.pmlist ul li{ margin:0px; padding:0px; list-style:none; height:118px; overflow:hidden; position:relative}
.pmlist ul li p{ display:block;height:118px; overflow:hidden; position:relative; float:left} 
.pmlist ul li p.t1{ width:9%; line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t2{ width:11%;line-height:118px; text-align:center; color:#242424; font-size:18px;}
.pmlist ul li p.t3{ width:31%;}
.pmlist ul li p.t3 .pic{ width:79px; height:79px; position:absolute; left:0px; top:19px;}
.pmlist ul li p.t3 .m1{ position:absolute; left:98px; top:32px; font-size:18px; font-weight:700; color:#242424}
.pmlist ul li p.t3 .m2{ position:absolute; left:98px; top:63px; font-size:14px;  color:#242424}
.pmlist ul li p.t4{ width:17%;line-height:118px; text-align:center; color:#242424; font-size:14px;}
.pmlist ul li p.t5{ width:20%;}
.pmlist ul li p.t5 span{ display:block; width:100%; font-size:14px; text-align:center}
.pmlist ul li p.t5 span.m1{ margin-top:25px;}
.pmlist ul li p.t5 span.m2{ margin-top:5px;}
.pmlist ul li p.t6{ width:12%;line-height:118px; text-align:center; color:#242424; font-size:14px;}

.pmlist ul li.tit{ height:60px; background:#a26432; color:#FFF; font-size:16px; line-height:60px; text-align:center}
.pmlist ul li.tit p{ height:60px; line-height:60px;}
.pmlist ul li.tit p.t1{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t2{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t4{ line-height:60px; color:#FFF;font-size:16px;}
.pmlist ul li.tit p.t6{ line-height:60px; color:#FFF;font-size:16px;}

.pmlist ul li.even{ background:#f3f3f3}



/*新闻*/
.nplist{ width:100%; height:auto; overflow:hidden; margin:0 auto; clear:both}
.nplist ul{ margin:0px; padding:0px; list-style:none}
.nplist ul li{ margin:20px 0 0 0px; padding:0 0 0px 0; overflow:hidden; list-style:none; width:33.33%; height:auto; float:left}
.nplist ul li .box{ width:96%; margin:0 auto; overflow:hidden; }

.nplist ul li .pic{ width:100%; height:262px;overflow:hidden; position:relative}
.nplist ul li .pic .img{ width:100%; height:262px;transition: all 0.5s ease;}
.nplist ul li .tit{ width:100%; height:55px; line-height:55px; overflow:hidden; font-size:18px; font-weight:700; color:#242424}
.nplist ul li .word{ width:100%; height:54px; line-height:27px; overflow:hidden; font-size:14px;}
.nplist ul li .time{ width:100%; height:35px; line-height:35px; overflow:hidden; font-size:12px; margin-top:10px;}


.nplist ul li:hover .tit{ color:#a26432}
.nplist ul li:hover .word{ color:#a26432}
.nplist ul li:hover .time{ color:#a26432}
.nplist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}









/*环保设备*/
.machine{ width:100%; height:auto; overflow:hidden;}
.machine ul{ margin:0px; padding:0px; list-style:none}
.machine ul li{ margin:15px 0 0 0; padding:0px; list-style:none; width:25%; float:left; overflow:hidden;}
.machine ul li .box{ width:96%; margin:0 auto; overflow:hidden; background:#ffffff;transition: all 0.5s ease;border:1px solid #efefef;transition: all 0.5s ease;}
.machine ul li .pic{ width:100%; height:268px;  overflow:hidden; position:relative}
.machine ul li .pic .img{ width:100%; height:268px; overflow:hidden;transition: all 0.5s ease;}
.machine ul li .pic .cover{ width:100%; height:268px; background:url(../Images/cover2.png) center center no-repeat; background-size:cover; clear:none; position:absolute; left:0px; top:0px; display:none}
.machine ul li .wordbox{ width:96%; margin:0 auto;}
.machine ul li .wordbox .tit{ width:100%; height:57px; line-height:57px; font-size:16px; text-align:center; background: url(../Images/line1.jpg) bottom center no-repeat; overflow:hidden;}
.machine ul li .wordbox .tit2{ width:100%; height:36px; line-height:36px; overflow:hidden; text-align:center}

.machine ul li:hover .box{ background:#a7d006}
.machine ul li:hover .pic .cover{ display:block}
.machine ul li:hover .wordbox .tit{ background:url(../Images/line2.jpg) bottom center no-repeat; color:#FFF}
.machine ul li:hover .wordbox .tit2{ color:#FFF}
.machine ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}







/*材料展示*/
.piclist{ width:100%; height:auto; overflow:hidden;}
.piclist ul{ margin:0px; padding:0px; list-style:none}
.piclist ul li{ margin:20px 0 0 0; padding:0px; list-style:none; width:25%; height:auto; overflow:hidden; float:left}
.piclist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.piclist ul li .pic{ width:100%; height:312px; overflow:hidden; position:relative}
.piclist ul li .pic .img{ width:100%; height:312px; overflow:hidden;transition: all 0.5s ease;}

.piclist ul li .tit{ width:100%; height:60px; overflow:hidden; line-height:60px; font-size:14px; text-align:center}
.piclist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.piclist ul li:hover .tit{ background:#ececec; color:#f16005;}






/*推荐新闻*/
.goodbox{ width:100%; height:auto; overflow:hidden; background:#f4f4f4; padding:25px 0;}
.goodbox .centerbox{ width:100%; height:auto; overflow:hidden; min-width:320px; max-width:1360px; margin:0 auto}
.goodbox .centerin{ width:100%; height:auto; overflow:hidden;}
.goodbox .list{ width:100%; height:auto; overflow:hidden;}
.goodbox .list ul{ margin:0px; padding:0px; list-style:none}
.goodbox .list ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden;}
.goodbox .list ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.goodbox .list ul li .pic{ width:100%; height:270px; overflow:hidden;}
.goodbox .list ul li .pic .img{ width:100%;  height:270px;transition: all 0.5s ease;}

.goodbox .list ul li .wordbox{ width:100%;box-sizing:border-box; padding:0 0px 0 0}
.goodbox .list ul li .wordbox .tit{ width:100%; height:50px; line-height:25px; font-size:18px; color:#262626; overflow:hidden; margin-top:10px; font-weight:700}
.goodbox .list ul li .wordbox .word{ width:100%; height:50px; line-height:25px; overflow:hidden; margin-top:10px; font-size:14px; color:#676767;}
.goodbox .list ul li .wordbox .time{ width:100%; height:50px; line-height:50px; font-size:14px; color:#333333; overflow:hidden;;}


.goodbox .list ul li:hover .wordbox .tit{ color:#0097d3}
.goodbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}


/*实验室展示*/
.laboratory{ width:100%; height:auto; overflow:hidden;}
.laboratory .biglist{ width:100%; height:580px; overflow:hidden;}
.laboratory .biglist ul{ margin:0px; padding:0px; list-style:none}
.laboratory .biglist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:580px; overflow:hidden; float:left}
.laboratory .biglist ul li .pic{ width:100%; height:580px;}

.laboratory .smallbox{ width:100%; height:127px; overflow:hidden; position:relative}
.laboratory .smallbox .leftarr{ position:absolute; left:0; top:50%; width:48px; height:48px; background:url(../Images/left3.jpg) no-repeat; margin-top:-20px; z-index:1; cursor:pointer}
.laboratory .smallbox .rightarr{position:absolute; right:0; top:50%; width:48px; height:48px; background:url(../Images/right3.jpg) no-repeat; margin-top:-20px; z-index:1; cursor:pointer}

.laboratory .smalllist{ width:90%; height:580px; overflow:hidden; margin:0 auto; margin-top:20px;}
.laboratory .smalllist ul{ margin:0px; padding:0px; list-style:none}
.laboratory .smalllist ul li{ margin:0px; padding:0px; list-style:none; width:260px; height:127px; overflow:hidden; float:left}
.laboratory .smalllist ul li .pic{ width:90%; height:127px; overflow:hidden; margin:0 auto;}

.laboratory .smalllist ul li.active-nav .pic{ border:1px solid #0097d3} 

/*服务*/
.servicelist{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0}
.servicelist ul{ margin:0px; padding:0px; list-style:none}
.servicelist ul li{ margin:15px 0 0 0 ; padding:0px; list-style:none; width:33.33%; float:left; overflow:hidden; height:auto;-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s; -ms-transition-duration:0.5s;transition-duration:0.5s;}
.servicelist ul li .box{ width:96%; margin:0 auto; overflow:hidden; border:1px solid #ebebeb;}
.servicelist ul li .pic{ width:100%; height:194px; overflow:hidden;}
.servicelist ul li .pic .img{ width:100%; height:194px; overflow:hidden;transition: all 0.5s ease;}
.servicelist ul li .tit{ width:92%; margin:0 auto; height:50px; line-height:50px; font-size:14px; color:#000; overflow:hidden;}
.servicelist ul li .word{ width:92%; margin:0 auto; height:50px; line-height:25px; overflow:hidden; border-bottom:1px dashed #CCCCCC; margin-top:10px; }
.servicelist ul li .more{ width:92%; margin:0 auto; height:41px; line-height:41px; overflow:hidden;}
.servicelist ul li .more p{ display:block; height:41px; line-height:41px;}
.servicelist ul li .more p.t1{float:left;}
.servicelist ul li .more p.t2{float:right; color:#e5222a;}

.servicelist ul li:hover .tit{ color:#e5222a;}
.servicelist ul li:hover .box{ border:1px solid #e5222a;}
.servicelist ul li:hover .pic .img{  -webkit-transform: scale(1.1); transform: scale(1.1);}

/*留言*/
.msgbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:25px 0; margin-bottom:20px;}
.msgbox .box{ width:92%; margin:0 auto; overflow:hidden;}
.msgbox .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; font-size:16px;}
.msgbox .list{ width:100%; height:auto; overflow:hidden;}
.msgbox .list ul{ margin:0px; padding:0px; list-style:none}
.msgbox .list ul li{ margin:10px 0 0 0; padding:0px; list-style:none; width:33.33%; height:36px; line-height:36px; float:left; overflow:hidden;}
.msgbox .list ul li .input1{ width:92%; height:36px; border:1px solid #CCC; text-indent:11px; line-height:36px; background:#FFF}
.msgbox .list ul li select{ width:92%; height:36px; border:1px solid #CCC; line-height:36px; background:#FFF}
.msgbox .list ul li .btnme{ width:128px; height:40px; line-height:40px; color:#FFF; border:0px; background:#00a3cc; font-size:14px}



.allbox{ width:100%; height:auto; overflow:hidden; background:#FFF; padding:20px 0;}








/*师资力量*/
.teacherlist{ width:100%; height:auto; overflow:hidden;}
.teacherlist ul{ margin:0px; padding:0px; list-style:none}
.teacherlist ul li{ margin:0px; padding:0px; list-style:none; width:33.33%; float:left}
.teacherlist ul li .box{ width:96%; margin:0 auto; overflow:hidden;}
.teacherlist ul li .pic{ width:100%; height:182px; border:1px solid #CCC; overflow:hidden;}
.teacherlist ul li .pic .img{width:100%; height:182px; transition: all 0.5s ease;}
.teacherlist ul li .tit{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:14px; text-align:center}

.teacherlist ul li:hover .pic .img{-webkit-transform: scale(1.1);transform: scale(1.1);}





.box2{ width:100%; height:auto; overflow:hidden; margin:0 auto;}
.showus{ width:100%; line-height:200%;  margin:0 auto;  font-size:14px; color:#636363}
.showus p{ line-height:200%;}
.showus table{width:100%;border-collapse:collapse;}
.showus tr.tit{ background:#0172c4; color:#FFF;}
.showus tr.even{ background:#eff4f8}
.showus td{border:0px solid #e1e1e1;line-height:35px; font-size:14px;}
.showus td em{color:#999;margin-left:5px; font-style:normal;}
.showus img{ max-width:100%; height:auto}
.showus video{ width:100%; height:800px; max-width:1200px;}

.showus2 table{width:100%;border-collapse:collapse;}
.showus2 tr:nth-child(1) td{ background:#0172c4; color:#FFF;}
.showus2 tr.even{ background:#eff4f8}
.showus2 td{border:1px solid #e1e1e1;line-height:35px; font-size:14px; box-sizing:border-box; padding:0 10px}
.showus2 td em{color:#999;margin-left:5px; font-style:normal;}
.showus2 img{ max-width:100%; height:auto}

.readvideo{ width:100%; height:auto; overflow:hidden;}
.readvideo video{ width:100%; height:600px; object-fit:cover;}


.restit{ width:100%; height:auto; overflow:hidden; margin:20px 0; font-size:32px; font-weight:700; color:#222222}
.resbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.resbox .list{ width:100%; height:auto; overflow:hidden;}
.resbox .list ul{ margin:0px; padding:0px; list-style:none}
.resbox .list ul li{ margin:0px 0 20px 0; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left; box-sizing:border-box }
.resbox .list ul li .box{ width:96%; height:auto; overflow:hidden; margin:0 auto; overflow:hidden;  box-sizing:border-box; padding:0;}

.resbox .list ul li .pic{ width:100%; overflow:hidden; height:260px; overflow:hidden; position:relative; border-radius:5px;} 
.resbox .list ul li .pic .img{ width:100%; height:100%;transition: all 0.5s ease;}
.resbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden;}

.resbox .list ul li .wordbox .time{ width:100%; height:35px; line-height:35px; font-size:18px; color:#333333; overflow:hidden; margin-top:15px; }
.resbox .list ul li .wordbox .tit{ width:100%; height:60px; line-height:30px; font-size:18px;  color:#646464; overflow:hidden; margin-top:15px; }
.resbox .list ul li .wordbox .word{ width:100%; height:90px; line-height:30px; overflow:hidden; margin-top:10px; font-size:14px; color:#6e6e6e;}
.resbox .list ul li .wordbox .more{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:14px; color:#0ca4b6; margin-top:10px;}

.resbox .list ul li:hover .box{ }
.resbox .list ul li:hover .wordbox .tit{ color:#1675b8;}
.resbox .list ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.resbox .list ul li:hover .wordbox .more{ }
.resbox .list ul li:nth-child(1) .box{ float:left}
.resbox .list ul li:nth-child(3) .box{ float:right}






.ertitle{ width:100%; height:auto; overflow:hidden;}
.ertitle { float:left; height:67px; line-height:67px; overflow:hidden; font-size:24px; font-weight:bold; color:#4b4b4b;}
.ertitle  span{ font-weight:normal; color:#7f7f7f; font-size:12px}








/*推荐的新闻*/
.goodnews{ width:100%; height:auto; overflow:hidden;}
.goodnews ul{ margin:0px; padding:0px; list-style:none}
.goodnews ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; height:185px;}
.goodnews ul li .box{ width:90%; height:185px; overflow:hidden;}
.goodnews ul li .tit{ width:100%; height:47px; line-height:47px; font-size:16px; overflow:hidden; color:#3f9d15; font-weight:bold;}
.goodnews ul li .word{ width:100%; height:75px; line-height:25px; overflow:hidden; color:#787878; }
.goodnews ul li .time{ width:100%; margin-top:20px; height:45px; line-height:45px; overflow:hidden; color:#3f9d15;}






/*产品详细页*/
.protit{ width:100%; height:50px; line-height:50px; border-bottom:1px solid #eaeaea; text-align:center}
.protit em{ font-style:normal; font-size:16px; height:48px; line-height:48px; border-bottom:2px solid #faa93e; color:#0976cb; padding:15px 0}
.showpic{ width:100%; text-align:center; padding:25px 0}
.showpic img{ max-width:100%;}

.pronav{ width:100%; height:auto; overflow:hidden; border:1px solid #d4d4d4; padding-bottom:-1px;}
.pronav ul{ margin:0px; padding:0px; list-style:none}
.pronav ul li{ margin:0px; padding:0px; list-style:none; width:14.28%; height:43px; border-right:1px solid #dddddd; border-bottom:1px solid #dddddd;  float:left; line-height:43px; overflow:hidden; font-size:14px; text-align:center; cursor:pointer}

.pronav ul li.onfocus { background:#f59b0f; color:#FFF}

.productarea{ width:100%; height:auto; overflow:hidden; clear:both; padding:15px 0 ;}

/*安装服务*/
.installform{ width:100%; height:auto; overflow:hidden;}
.installform ul{ margin:0px; padding:0px; list-style:none}
.installform ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.installform ul li .tit{ width:100%; height:40px; line-height:40px; overflow:hidden; color:#252525; font-size:14px;}
.installform ul li .tit span{ color:#fe2422}
.installform ul li .word{ width:100%; height:auto; overflow:hidden;}
.installform ul li .word2{ width:100%; height:42px; overflow:hidden; position:relative}
.installform ul li .word2 .scan{ width:26px; height:26px; background:url(../Images/sacn.png) no-repeat; position:absolute; right:12px; top:7px; background-size:100% 100%;}

.installform ul li  select{ width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea;text-indent:15px;}
.installform ul li .input1{width:100%; height:40px; line-height:40px; overflow:hidden; border:1px solid #dcdeea; text-indent:15px;}
.installform ul li  textarea{width:100%; height:165px; line-height:35px; overflow:hidden; border:1px solid #dcdeea; padding:10px; box-sizing:border-box}

.installform ul li .word .btnme{ width:236px; height:50px; line-height:50px; margin:0 auto; display:block; border:0px; color:#FFF; font-size:14px; text-align:center; border-radius:35px; background:#0093e7; margin-top:15px;}




.membox{ width:100%; height:auto; overflow:hidden; background:#f5f5f5; padding:25px 0}

/*会员注册*/
.memberRegisterbox{ width:96%; max-width:540px; height:auto; overflow:hidden; background:#FFF; margin:50px auto; border-radius:15px; padding:20px 0}
.memberRegisterbox .leftbox{ width:451px; height:auto; overflow:hidden; float:left}
.memberRegisterbox .rightbox{ width:100%; height:auto; overflow:hidden; float:left}
.memberRegisterbox .rightbox .navlist{ width:100%; height:auto; overflow:hidden; margin-bottom:25px;}
.memberRegisterbox .rightbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.memberRegisterbox .rightbox .navlist ul li{ margin:0px; padding:0px; list-style:none; width:50%; float:left; overflow:hidden; cursor:pointer; height:60px; line-height:60px; text-align:center; font-size:24px; background: url(../Images/mline.png) bottom center no-repeat; font-weight:700}
.memberRegisterbox .rightbox .navlist ul li.onfocus{ color:#3c3c64;}
.memberRegisterbox .rightbox .navlist ul li.onfocus a{ color:#3c3c64;}
 
.memberRegisterbox .rightbox .theform{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; padding: 0 20px}
.memberRegisterbox .rightbox .theform .titbox{ width:100%; height:50px; line-height:50px; text-align:center; font-size:32px; font-weight:700; color:#3c3c64; margin-top:35px;}
.memberRegisterbox .rightbox .theform .list{ width:100%; height:auto; overflow:hidden;}
.memberRegisterbox .rightbox .theform .list ul{ margin:0px; padding:0px; list-style:none}
.memberRegisterbox .rightbox .theform .list ul li{margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; margin-top:18px; font-size:14px;}
.memberRegisterbox .rightbox .theform .list ul li .input1{ width:100%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}
.memberRegisterbox .rightbox .theform .list ul li .input2{ width:40%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px; display:block; float:left}

.memberRegisterbox .rightbox .theform .list ul li  .getcode{ float:left;color:#0b70e3; cursor:pointer; height:47px; line-height:47px; width:40%; text-align:center; background:#f2f2f2; font-size:14px;}
.memberRegisterbox .rightbox .theform .list ul li span{ color:#0b70e3; cursor:pointer}

.memberRegisterbox .rightbox .theform .list ul li.law{ height:35px; line-height:35px;}
.memberRegisterbox .rightbox .theform .list ul li.law a{ color:#0a3594}
.memberRegisterbox .rightbox .theform .list ul li .btnme{ width:100%; height:53px; line-height:53px; background:#3c3c64; color:#FFF; font-size:18px; color:#ffffff; border:0px; border-radius:0px;}
.memberRegisterbox .rightbox .theform .list ul li.other{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center}
.memberRegisterbox .rightbox .theform .list ul li.other a{ color:#3c3c64}


/*登录*/
.memberLoginbox{width:96%; height:auto; overflow:hidden; background:#FFF; margin:50px auto; border-radius:15px; padding:20px 0; max-width:540px;}
.memberLoginbox .leftbox{ width:451px; height:600px; overflow:hidden; float:left}
.memberLoginbox .rightbox{ width:100%; height:auto; overflow:hidden; float:left}
 
.memberLoginbox .rightbox .theform{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:0 20px}
.memberLoginbox .rightbox .theform .titbox{ width:100%; height:auto; line-height:50px; text-align:center; font-size:25px; font-weight:700; color:#3c3c64; background: url(../Images/mline.png) bottom center no-repeat; margin-bottom:20px; padding-bottom:15px; }
.memberLoginbox .rightbox .theform .list{ width:100%; height:auto; overflow:hidden;}
.memberLoginbox .rightbox .theform .list ul{ margin:0px; padding:0px; list-style:none}
.memberLoginbox .rightbox .theform .list ul li{margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; margin-top:18px; font-size:14px;}
.memberLoginbox .rightbox .theform .list ul li .input1{ width:100%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}
.memberLoginbox .rightbox .theform .list ul li .input2{ width:50%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}

.memberLoginbox .rightbox .theform .list ul li  .getcode{ float:right;color:#0b70e3; cursor:pointer; height:47px; line-height:47px; width:40%; text-align:center; background:#f2f2f2; font-size:14px;}
.memberLoginbox .rightbox .theform .list ul li span{ color:#0b70e3; cursor:pointer}

.memberLoginbox .rightbox .theform .list ul li.law{ height:35px; line-height:35px;}
.memberLoginbox .rightbox .theform .list ul li.law a{ color:#0a3594}
.memberLoginbox .rightbox .theform .list ul li .btnme{ width:100%; height:53px; line-height:53px; background:#3c3c64; color:#FFF; font-size:18px; color:#ffffff; border:0px; border-radius:0px;}
.memberLoginbox .rightbox .theform .list ul li.other{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center}
.memberLoginbox .rightbox .theform .list ul li.other a{ color:#3c3c64}


/*忘记密码*/


.findpassBox{width:96%; height:auto; overflow:hidden; background:#FFF; margin:50px auto; border-radius:15px; padding:20px 0; max-width:540px;}

 
.findpassBox  .theform{ width:100%; height:auto; overflow:hidden; margin:0 auto; box-sizing:border-box; padding:0 20px}
.findpassBox  .theform .titbox{ width:100%; height:50px; line-height:50px; text-align:center; font-size:25px; font-weight:700; color:#3c3c64; background:url(../Images/online.jpg) bottom center no-repeat;}
.findpassBox  .theform .list{ width:100%; height:auto; overflow:hidden;}
.findpassBox  .theform .list ul{ margin:0px; padding:0px; list-style:none}
.findpassBox  .theform .list ul li{margin:0px; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden; margin-top:18px; font-size:14px;}
.findpassBox  .list ul li .input1{ width:100%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}
.findpassBox  .theform .list ul li .input2{ width:50%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}

.findpassBox  .theform .list ul li  .getcode{ float:right;color:#0b70e3; cursor:pointer; height:47px; line-height:47px; width:40%; text-align:center; background:#f2f2f2; font-size:14px;}
.findpassBox  .theform .list ul li span{ color:#0b70e3; cursor:pointer}

.findpassBox  .theform .list ul li.law{ height:35px; line-height:35px;}
.findpassBox  .theform .list ul li.law a{ color:#0a3594}
.findpassBox  .theform .list ul li .btnme{ width:100%; height:53px; line-height:53px; background:#3c3c64; color:#FFF; font-size:18px; color:#ffffff; border:0px;border-radius:30px;}
.findpassBox  .theform .list ul li.other{ width:100%; height:30px; line-height:30px; overflow:hidden; text-align:center}
.findpassBox  .theform .list ul li.other a{ color:#3c3c64}


/*个人中心*/
.memberBox{ width:100%; height:auto; overflow:hidden; padding:20px}
.memberBox .centerbox{ width:100%; max-width:1360px; margin:0 auto; overflow:hidden;}
.memberBox .centerbox .centerin{ width:100%; margin:0 auto; overflow:hidden;}
.memberBox .leftbox{ width:20%; height:auto; background:#f3f3f3; overflow:hidden; padding:10px 0; float:left}
.memberBox .leftbox .pic{ width:100%; height:auto; overflow:hidden; text-align:center; margin-top:15px;}
.memberBox .leftbox .pic img{ width:105px; height:105px; border-radius:60px;}
.memberBox .leftbox .name{ width:100%; height:50px; line-height:50px; text-align:center; overflow:hidden; font-size:16px; color:#222222;}
.memberBox .leftbox .type{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:35px;}
.memberBox .leftbox .type em{ font-style:normal; background:#ddac46; color:#FFF; padding:5px 15px; border-radius:20px;}
.memberBox .leftbox .navlist{ width:100%; height:auto; overflow:hidden;}
.memberBox .leftbox .navlist ul{ margin:0px; padding:0px; list-style:none}
.memberBox .leftbox .navlist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:52px; line-height:52px; border-bottom:1px solid #ebebeb; position:relative}
.memberBox .leftbox .navlist ul li .img{ position:absolute; left:28px; top:13px;}
.memberBox .leftbox .navlist ul li .img1{ display:block} 
.memberBox .leftbox .navlist ul li .img2{ display:none}
.memberBox .leftbox .navlist ul li .tit{ position:absolute; height:52px; line-height:52px; font-size:14px; color:#191919; position:absolute; left:62px; top:0}

.memberBox .leftbox .navlist ul li.onfocus{ background:#ededed}
.memberBox .leftbox .navlist ul li.onfocus .img1{ display:none} 
.memberBox .leftbox .navlist ul li.onfocus .img2{ display:block}
.memberBox .leftbox .navlist ul li.onfocus .tit{ color:#3c3c64}


.memberBox .rightbox{ width:80%; height:auto; background:#FFF; overflow:hidden; float:right; min-height:500px}
.memberBox .rightbox .titlebox{ width:100%; height:50px; line-height:50px; overflow:hidden; font-size:20px; color:#262626;  border-bottom:1px solid #f2f2f2; margin:0; padding:0; position:relative; text-indent:25px;}
.memberBox .rightbox .titlebox .tit{ position:absolute; left:10px; top:0px;}
.memberBox .rightbox .titlebox .add{ position:absolute; right:0px; top:0px; width:185px; height:50px; line-height:50px; text-align:center; font-size:16px; color:#FFF; border-radius:30px; background:#3c3c64}
.memberBox .rightbox .titlebox .back{ position:absolute; right:0px; top:0px;height:65px; line-height:65px; font-size:14px }


.memberBox .rightbox .cbox{ width:100%; height:auto; overflow:hidden; box-sizing:border-box; padding:20px;}

/*个人资料表单*/
.memberInfo{ width:600px; height:auto; overflow:hidden; margin-left:60px;}
.memberInfo .picbox{ width:100%; height:165px; overflow:hidden; position:relative;}
.memberInfo .picbox .pic{ width:163px; height:163px; overflow:hidden; background:#ebebeb; border-radius:80px; position:absolute; left:40px; top:0px;}
.memberInfo .picbox .pic img{ width:163px; height:163px; overflow:hidden;}

.memberInfo .picbox .upbtn{ position:absolute; left:220px; top:40px;}
.memberInfo .picbox .word{ position:absolute; left:220px; top:100px; color:#aeaeae;}

.memberInfo .list{ width:100%; height:auto; overflow:hidden; margin-top:35px;}
.memberInfo .list ul{ margin:0px; padding:0px; list-style:none}
.memberInfo .list ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; overflow:hidden;}
.memberInfo .list ul li .tit{ width:150px; height:50px; line-height:50px; text-align:right; font-size:14px; color:#191919; float:left; box-sizing:border-box; padding:0 10px 0 0}
.memberInfo .list ul li .word{ width:450px; height:auto; overflow:hidden; float:left; line-height:50px; font-size:14px}
.memberInfo .list ul li .input1{ width:100%; height:46px; line-height:46px; text-indent:10px; border:1px solid #e3e3e3}
.memberInfo .list ul li .select1{ width:100%; height:46px; line-height:46px; text-indent:10px; border:1px solid #e3e3e3}
.memberInfo .list ul li .btnme{ width:150px; height:47px; line-height:47px; border:0px; color:#FFF; font-size:16px; background:#3a404e; border-radius:25px}

.memberInfo .list ul li .input2{ width:60%; height:47px; border:1px solid #e3e3e3; text-indent:10px; font-size:14px}
.memberInfo .list ul li textarea{ width:100%; height:168px; border:1px solid #e3e3e3;  font-size:14px; line-height:200%; padding:10px;}

.memberInfo .list ul li  .getcode{ float:right;color:#0b70e3; cursor:pointer; height:47px; line-height:47px; width:40%; text-align:center; background:#f2f2f2; font-size:14px;}
.memberInfo .list ul li  .getcode span{ color:#0b70e3; cursor:pointer}

.memberInfo .list ul li .mplist{ width:100%; height:auto; overflow:hidden;}
.memberInfo .list ul li .mplist ul{ margin:0px; padding:0px; list-style:none}
.memberInfo .list ul li .mplist ul li{ margin:0px 15px 0 0px; padding:0px; list-style:none; float:left; width:auto; height:auto}
.memberInfo .list ul li .mplist ul li img{ width:140px; height:140px; overflow:hidden;}


.sordertit{ width:100%; height:auto; line-height:60px; text-align:center; overflow:hidden; font-size:30px; font-weight:700; color:#1c734b}
.sorderform{ width:100%; height:auto; overflow:hidden; margin-top:20px;}
.sorderform ul{ margin:0px; padding:0px; list-style:none}
.sorderform ul li{ margin:10px 0; padding:0px; list-style:none; width:100%; height:auto; font-size:16px;}
.sorderform ul li.title{ width:100%; height:60px; line-height:60px; font-size:24px; font-weight:700; color:#000}
.sorderform ul li span.price{ font-size:20px; color:#dab96a; font-weight:700}
.sorderform ul li .txt{ width:100%; height:150px; overflow:hidden; background:#f3f3f3; box-sizing:border-box; padding:10px; font-size:14px; line-height:50px; border-radius:10px;}
.sorderform ul li .input2{ width:310px; height:50px; overflow:hidden; background: url(../Images/darrr.png) right 15px center no-repeat #f3f3f3; text-indent:10px; border-radius:5px; border:0}
.sorderform ul li .pricebox{ float:right; height:auto; overflow:hidden; text-align:left; margin:0 20px 0 0}
.sorderform ul li .btnone{ width:173px; height:50px; line-height:50px; background:#1c734b; font-size:20px; color:#FFF; overflow:hidden; float:right; border:0;}


.sorderpeople{ width:100%; height:auto; overflow:hidden;}
.sorderpeople .one{ width:100%; height:auto; overflow:hidden; margin:10px 0}
.sorderpeople .one .inbox{ width:30%; float:left; overflow:hidden;}
.sorderpeople .one .inbox input{ width:96%; height:50px; line-height:50px; overflow:hidden; background:#f3f3f3; box-sizing:border-box; padding:0 15px; font-size:14px; border-radius:5px;}
.sorderpeople .one .inbox:nth-child(2) input{ }
.sorderpeople .one .inbox:nth-child(3) input{ }

.sorderpeople .one .btnme{ width:10%; height:50px; background:#f3f3f3; line-height:50px; float:left; font-size:14px; text-align:center; cursor:pointer}

.sorderadd{ width:100%; height:80px; line-height:80px; background:#f3f3f3; max-width:300px; font-size:18px; text-align:center; margin-top:20px; cursor:pointer}


.orderformbox{ width:100%; height:auto; overflow:hidden; padding:0 0 30px 0}
.orderformbox .centerbox{ width:100%; height:auto; overflow:hidden; margin:0 auto; background:#FFF; max-width:1360px; padding-bottom:35px}
.orderformbox .centerbox .centerin{ width:96%; margin:0 auto}


.gopaylist{ width:100%; height:auto; overflow:hidden;}
.gopaylist ul{ margin:0px; padding:0px; list-style:none}
.gopaylist ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:auto; line-height:40px; overflow:hidden; font-size:14px; }
.gopaylist ul li.tit{ width:100%; height:50px; line-height:50px; font-size:20px; font-weight:700; color:#000}
.gopaylist ul li .btnme{ width:150px; height:50px; border:0px; line-height:50px; background:#ff8414; color:#FFF; overflow:hidden; display:block; margin:0 auto; margin-top:20px; border-radius:15px;}


.intable{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.intable table{width:100%;border-collapse:collapse;}
.intable tr.tit{ background:#1c734b; color:#FFF;}
.intable tr.even{ background:#eff4f8}
.intable td{border:1px solid #e1e1e1;line-height:40px; font-size:14px; text-align:center}
.intable td em{color:#999;margin-left:5px; font-style:normal;}


.orderlist{ width:100%; height:auto; overflow:hidden;}
.orderlist ul{ margin:0px; padding:0px; list-style:none}
.orderlist ul li{ margin:0px; padding:10px 0; list-style:none; width:100%; height:auto; overflow:hidden; border-bottom:1px solid #CCC}

.orderlist ul li p{ display:block; height:40px; line-height:40px; float:left; width:33.33%; font-size:14px; text-indent:15px; overflow:hidden;}
.orderlist ul li p.tit{ width:100%; height:40px; line-height:40px; background:#3c3c64; color:#FFF;}
.orderlist ul li p.tit a{ color:#FFF}


.wxpaybox{ width:100%; height:auto; overflow:hidden; border:1px solid #CCC; padding:25px 0; background:#FFF}
.wxpaybox .top{ width:100%; height:auto; overflow:hidden; text-indent:30px;}
.wxpaybox .orderwx{ width:100%; height:auto; overflow:hidden; background:#f2f2f2; height:105px; position:relative; border-top:1px solid #e4e4e4; border-bottom:1px solid #e4e4e4; margin-top:20px; position:relative}
.wxpaybox .orderwx p{ display:block; position:absolute; font-size:14px}
.wxpaybox .orderwx p.t1{ left:34px; top:26px;}
.wxpaybox .orderwx p.t2{ left:34px; top:58px;}
.wxpaybox .orderwx p.t3{ right:100px; top:43px;}

.wxpaybox .orderwx2{ width:100%; height:50px; border:1px solid #cccccc; margin:0 auto; margin-top:20px; position:relative}
.wxpaybox .orderwx2 .wlist{ float:left;}
.wxpaybox .orderwx2 .wlist ul{ margin:0px; padding:0px; list-style:none;}
.wxpaybox .orderwx2 .wlist ul li{ margin:0px; padding:0px; list-style:none; float:left; line-height:50px; overflow:hidden;}
.wxpaybox .orderwx2 .wlist ul li.t1{ padding:0px 0 0 10px;}
.wxpaybox .orderwx2 .wlist ul li.t2{padding:0px 0 0 10px;}
.wxpaybox .orderwx2 .wlist ul li.t3{padding:0px 0 0 20px;}
.wxpaybox .orderwx2 .word{ float:right; padding-right:30px; line-height:50px; font-size:14px;}
.wxpaybox .orderwx2 .word span{ color:#ff6600}

.wxpaybox .ercodebox{ width:1000px; height:auto;margin:0 auto; margin-top:20px; position:relative; line-height:200%; text-align:center}

.peoplelist{ width:100%; height:auto; overflow:hidden;}
.peoplelist ul{ margin:0px; padding:0px; list-style:none}
.peoplelist ul li{ margin:0px; padding:10px 0; list-style:none; width:100%; height:auto; line-height:50px; border-bottom:1px solid #CCC; overflow:hidden;}
.peoplelist ul li p{ width:33.33%; height:40px; line-height:40px; float:left; font-size:14px; overflow:hidden;}





/*客服二维码*/
.serviceAlertbox{ width:100%; height:100vh; overflow:hidden; background:url(../Images/ertop1.png) repeat; min-height:350px; position:fixed; left:0px; top:0px; z-index:999999999; display:none }
.serviceAlertbox .cbox{ width:80%; height:auto; overflow:hidden; max-width:750px; overflow:hidden; margin:0 auto; margin-top:150px; background: #ffffff; box-sizing:border-box; padding:20px; border-radius:20px;}
.serviceAlertbox .cbox .closebox{ width:100%; height:50px; line-height:50px; text-align:right; overflow:hidden; cursor:pointer}
.serviceAlertbox .cbox .ercode{ width:100%; height:auto; overflow:hidden; margin-top:20px; text-align:center}
.serviceAlertbox .cbox .ercode img{ width:200px; height:auto}
.serviceAlertbox .cbox .tit{ width:100%; height:70px; line-height:70px; text-align:center; font-size:16px; font-weight:700; color:#0085f6; overflow:hidden; margin-top:10px;}

/* 弹出层设置圆角需要对三层都设置 */
body  .layui-layer-content{border-radius: 12px!important;}
body  .layui-layer-content iframe {border-radius: 12px!important;}
body .layui-layer{border-radius: 5px!important;}
body .layui-layer-title{border-radius: 5px!important;}

.nmpsearch{ width:90%; height:auto; overflow:hidden; margin:0 auto; margin-top:5px;border-radius:5px; }
.nmpsearch ul{ margin:0px; padding:0px; list-style:none}
.nmpsearch ul li{ margin:0px; padding:0px; list-style:none; height:auto;  float:left}
.nmpsearch ul li.t1{ width:65%; }
.nmpsearch ul li.t1 input{ width:100%; height:45px; line-height:45px; border:1px solid #CCC; line-height:45px; text-indent:10px;}

.nmpsearch ul li.t2{ width:35%; float:left; overflow:hidden;}
.nmpsearch ul li.t2 input{ width:100%; height:45px; border:0px; font-size:14px; color:#FFF; background:#0163fb}
.nmpsearch ul li.t2 input:hover{ background:#0163fb}