@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, STHeiti, SimSun, sans-serif; }

/*滚动条样式*/
::-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; }


/*
.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:60px; 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(100) .tit{ background:none}
#fixmenu .themenu ul li.onfocus:nth-child(100) .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:60px; height:auto; cursor: pointer; z-index:200; right:26px;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 .one{ width:100%; height:auto; overflow:visible; background:#FFF; border-radius:10px;box-shadow: 0px 0px 10px 0px #d9d9d9; box-sizing:border-box; padding:3px;}
.gotop ul{ margin:0px; padding:0px; list-style:none}
.gotop ul li{ margin:0px 0 5px 0; padding:0px; list-style:none;width:60px; height:auto; position:relative; overflow: visible}
.gotop ul li p{ width:60px; height:auto;  text-align:center; padding:15px 0px; overflow:hidden; position:relative}
.gotop ul li p:after{ width:20px; height:1px; background:#cccccc; position:absolute; left:50%; margin-left:-10px; bottom:0px; content:''}
.gotop ul li p.call{ margin:0; padding:0; width:54px; height:115px; overflow:hidden; border-radius:50px; background:#0261af; text-align:center; line-height:20px; color:#ffffff; font-size:15px; font-weight:700; padding-top:10px;}

.gotop ul li #gotop{ width:60px; height:60px; line-height:60px; padding:0; text-align:center; background:#3f66a8; border-radius:60px; margin-top:20px;box-shadow: 0px 0px 10px 0px #d9d9d9;}


.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:70px; top:0px; display:none;  background-image: linear-gradient(to right, #7994c2, #7994c2); 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:121px; overflow:hidden; }
.headfolat{ width:100%; height:156px; overflow: visible; position:fixed; left:0; top:0; z-index:100000}


.headbox{ width:100%; height:121px; overflow: visible; position: fixed; z-index:99999999; left:0; top:0;transition: all 0.5s ease; background:#ffffff; border-bottom: 1px solid #eeeeee;}

.headbox .box{ width:94%;   height:121px;  margin:0 auto; overflow:visible; position:relative;  }
.headbox .box .logo{ position:absolute; left:0px; top:0; height:121px; line-height:121px; overflow:hidden; display:flex;align-items:center}
.headbox .box .logo img{ max-height:70% }
.headbox .box .logo .img1{ display: block}
.headbox .box .logo .img2{ display:none}
 

.headbox  .menu{position:absolute; right:0; bottom:0; overflow:visible; }
.headbox  .menu ul{ margin:0px; padding:0px; list-style:none;}
.headbox  .menu ul li{ margin:0px 25px; padding:0px ; list-style:none; width:auto; height:70px; line-height:70px; font-size:18px; float:left; overflow:visible;  position:relative; text-align:center; font-weight: 700; }
.headbox  .menu ul li  a{ color:#222222;}
.headbox  .menu ul li a:hover{color:#3f66a8; }

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

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

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


.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%; color: #000;}

.headbox  .menu ul li ul li:hover{ background:#3f66a8}
.headbox  .menu ul li ul li:hover a{color:#ffffff}



.headbox .box .searchbox{ width:300px; height:42px;  position:absolute; right:0px; top:14px; overflow:hidden; border-radius:60px; background: #ffffff;}
.headbox .box .searchbox .input1{ width:260px; height:42px; line-height:40px; border:0px; position:absolute; left:10px; top:0px; border:1px solid #ffffff; 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 #ffffff; border:0;}






.headbox .box .searchbtn{ position:absolute; right:0; top:24px; width:36px; height:20px; line-height:20px; text-align:right; color:#4167a9; font-size:20px; font-weight:normal;}
.headbox .box .searchbtn img{ margin-top:32px}
.headbox .box .searchbtn .img1{ display:block}
.headbox .box .searchbtn .img2{ display:none}

.headbox .box .tel{ position: absolute; right: 34px; top: 24px; height: 20px; line-height: 20px;background: url(../Images/telicon.png) left center no-repeat; box-sizing: border-box; padding: 0 20px 0 20px; font-size: 20px; font-weight: 700; color: #3f66a8; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #c8cdd5;}




.headbox  .menubtn{ position:absolute; right:0; top:0; width:25px; height:60px; line-height:60px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100;  text-align:right; color:#333333; display:none;}
.headbox  .menuclose{ position:absolute; right:0px; top:0; width:25px; height:60px; line-height:60px; font-size:20px; font-weight:normal; cursor:pointer; z-index:100;  text-align:right; color:#333333; display:none;}
.headbox  .menuclose img{ width:18px; height:auto}


/*
.headboxon{ background:#FFF}
.headboxon .box .logo .img1{ display: none}
.headboxon .box .logo .img2{ display:block}
.headboxon  .menu ul li  a{ color:#080404;}
.headboxon  .menu ul li a:hover{color:#d61418; }
.headboxon  .menu ul li.onfocus a{ color:#d61418 }

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



.headboxon  .menubtn{ color:#0a5ca8}



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

.headboxon .box .sys{ border: 1px solid #d61418; color: #d61418;}
.headboxon .box .sys .img1{ display:none}
.headboxon .box .sys .img2{ display:block}

.headboxon2{ background:#FFF}
.headboxon2 .box .logo .img1{ display: none}
.headboxon2 .box .logo .img2{ display:block}
.headboxon2  .menu ul li  a{ color:#202020;}
.headboxon2  .menu ul li a:hover{color:#202020; }
.headboxon2  .menu ul li.onfocus a{ color:#d61418 }
.headboxon2  .menu ul li ul li:hover a{color:#22ac38}

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


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

.headboxon2 .box .sys{ border: 1px solid #d61418; color: #d61418;}
.headboxon2 .box .sys .img1{ display:none}
.headboxon2 .box .sys .img2{ display:block}

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

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

.headbox:hover  .menubtn{ color:#0a5ca8}

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

.headbox:hover .box .sys{ border: 1px solid #d61418; color: #d61418;}
.headbox:hover .box .sys .img1{ display:none}
.headbox:hover .box .sys .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:540px; overflow:hidden; position:relative; z-index:10; margin:0 auto; }
.homeSlide .list{width:100%; height:540px; 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:540px; overflow:hidden; float:left; position:relative}
.homeSlide .list ul li .pic{ width:100%; height:540px; overflow:hidden; transform:scale(1.15);transition:all 1.5s 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; width: 1360px;; left:50%; margin-left: -680px;; top:50%; margin-top:-33px;  transform: translateY(-50%);   }
.homeSlide .list ul li .wordbox .tit{ width:100%; height:auto; overflow:hidden; font-size:56px;  color:#ffffff; line-height:66px; transition: all 1s ease; margin-left:250px;opacity:0;  text-align: left;}
.homeSlide .list ul li .wordbox .tit2{ width:100%; height:auto; overflow:hidden; font-size:22px;  color:#ffffff; line-height:40px; margin:25px 0 0 0;transition: all 2s ease;opacity:0; margin-left:300px;  }
.homeSlide .list ul li .wordbox .tit3{ width:100%; height:auto; overflow:hidden; font-size:16px; color:#ffffff; line-height:30px; margin-top:25px;transition: all 3s ease; margin-left:350px;opacity:0; }


.homeSlide .list ul li .more{ width:169px; height:54px;transition: all 0.5s ease; margin-left:350px;opacity:0; line-height:54px; font-size:15px; color:#ffffff; text-align:center; border-radius:10px; border:0; margin-top:30px; text-align:center; background:rgba(255,255,255,0.3);  border:0px solid #ffffff; border-radius:60px}
.homeSlide .list ul li .more:hover{background:rgba(2,97,175); 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:25px; height:43px; background:url(../Images/left1.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:20px; top:50%; margin-top:-21px; z-index:10 }
.homeSlide  .rightarr{ width:25px; height:43px; background:url(../Images/right1.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:20px; top:50%; margin-top:-21px; 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;}

.homeSlide  .morebox{ width:108px; height:108px; overflow:hidden; position:absolute; left:50%; margin-left:-54px; bottom:50px; z-index:10}


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

.homeSlide .indexpage .custom-bullet-active {
  background-color: #3f66a8;
  width:49px;
  height: 10px;
  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:640px; overflow:hidden; position: relative; z-index: 0;  }
.erSlide{ width:100%; height:640px; overflow:hidden; position:relative;z-index:5; position:relative; }
.erSlide .list{width:100%; height:640px; 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:640px; overflow:hidden; float:left; position:relative;}
.erSlide .list ul li .pic{width:100%; height:640px; position: relative;z-index: 0;}
.erSlide .list ul li .wordbox{ width: 100%;height: 100%;position: absolute; left: 0; top: 0; z-index: 1;}
.erSlide .list ul li .wordbox .cbox{ width: 96%;max-width: 1620px; margin: 0 auto; height: 100%; display: flex; align-items: center; justify-content: center;}
.erSlide .list ul li .wordbox .cbox .titbox{ width: 100%; height: auto; overflow: hidden; color: #ffffff;}
.erSlide .list ul li .wordbox .cbox .black{ color: #000;}
.erSlide .list ul li .wordbox .cbox .tit{ width: 100%; height: auto; font-size: 48px; font-weight: 700; line-height: 60px;}
.erSlide .list ul li .wordbox .cbox .tit2{ width: 100%; height: auto; font-size: 18px; line-height: 35px; margin-top: 20px; max-width: 680px;}


.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:-25px; width:1360px} 
.erSlide .namebox .inbox{ width:100%; height:auto; overflow:hidden;}
.erSlide .namebox .tit{height:auto; overflow:hidden; font-size:36px; line-height:50px;  color:#ffffff; font-weight:700;  text-align:left;  }
.erSlide .namebox .tit2{  height:auto; overflow:hidden; font-size:46px; color:#ffffff; text-align:left; line-height:70px; font-family:"SourceHanSansCNLight"}


.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;}


/*产品展示*/

.homepart1{ width:100%; height:auto; margin:0 auto; background:url(../Images/h1bg.jpg)  center center no-repeat ;background-size: cover;  position:relative; z-index:10; padding:100px 0 100px 0 }
.homepart1 .centerbox{ width:100%; height:auto;  min-width:320px;  max-width: 1620px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.homepart1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart1 .titbox{ width: 100%; height: auto; overflow: hidden;}
.homepart1 .titbox .leftbox{ width:45%; height: auto; float: left;}
.homepart1 .titbox .leftbox .tit{ width:100%; height: auto; font-size: 20px; font-weight: 700; color: #3f66a8; text-transform: uppercase;}
.homepart1 .titbox .leftbox .tit2{ width:100%; height: 50px; line-height: 50px;; font-size: 42px; font-weight: 700; color: #222222; text-transform: uppercase;}
.homepart1 .titbox .rightbox{ width:55%; height: auto; float: left; font-size: 16px; color: #6f6f6f;;line-height: 200%;margin-top: 20px;}

.homepart1 .navbox{ width: 100%; height: 69px; overflow: hidden; background: #fbfdfe;box-shadow: 0px 0px 10px 0px #f3f7fa; margin-top: 40px;}
.homepart1 .navbox ul{ margin: 0;padding: 0;list-style: none; display: flex; justify-content: space-between; align-items: center; height: 100%;}
.homepart1 .navbox ul li{ margin: 0;padding: 0;list-style: none; height: 69px; line-height: 69px; font-size: 20px; color: #222222; background: url(../Images/proline.png) left center no-repeat; flex: 1; text-align: center; cursor: pointer; transition: all 0.3s ease;}
.homepart1 .navbox ul li:nth-child(1){ background: none;}
.homepart1 .navbox ul li.onfocus{ font-weight: 700; color: #3f66a8;}
.homepart1 .navbox ul li.onfocus a{color: #3f66a8;}
.homepart1 .navbox ul li:hover{ font-weight: 700; color: #3f66a8;}
.homepart1 .navbox ul li:hover a{color: #3f66a8;}

.homepart1 .listbox{ width: 100%; height: auto; overflow: hidden;margin-top: 30px;}
.homepart1 .listbox .one{ width: 100%; height: auto; overflow: hidden; display: none;}
.homepart1 .listbox .one:nth-child(1){ display: block;}
.homepart1 .listbox .one .leftbox{ width: 57%; height: 670px; overflow: hidden; float: left;background: #ffffff; border-radius: 10px; box-sizing: border-box; padding:0 40px;}
.homepart1 .listbox .one .leftbox .wordbox{ width: 50%; height: auto; overflow: hidden; float: left;}
.homepart1 .listbox .one .leftbox .wordbox .num{ width: 100%; height: 200px; line-height: 200px; font-family: Arial, Helvetica, sans-serif; font-weight: 700;; overflow: hidden; font-size: 200px; color: #eaeaea; margin-top: 42px;}
.homepart1 .listbox .one .leftbox .wordbox .sortname{ width: 100%; height: 50px; line-height: 50px; font-size: 32px; font-weight: 700; color: #3f66a8; overflow: hidden;}
.homepart1 .listbox .one .leftbox .wordbox .tit{ width: 100%; height: auto; line-height: 40px; font-size: 26px; font-weight: 700; color: #222222; overflow: hidden; margin-top: 190px;}
.homepart1 .listbox .one .leftbox .wordbox .more { width: 130px; height: 40px; line-height: 40px; color:#3f66a8; font-size: 15px; border-left: 1px solid #3f66a8;border-top: 1px solid #3f66a8;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;text-align: center;margin-top: 20px;}

.homepart1 .listbox .one .leftbox .wordbox .more:hover{ background: #3f66a8; color: #ffffff;border-color: #3f66a8; }


.homepart1 .listbox .one .leftbox .pic{ width: 50%; height: 100%; overflow: hidden; float: left; display: flex;align-items: center; justify-content: center; position: relative;}
.homepart1 .listbox .one .leftbox .pic img{ max-width: 100%;max-height: 100%; transition: all 0.5s ease;}
.homepart1 .listbox .one .leftbox:hover .pic img{ transform: scale(1.05);}


.homepart1 .listbox .one .rightbox{ width: 40%; height: 670px; overflow: hidden; float: right;border-radius: 10px;}
.homepart1 .listbox .one .rightbox ul{ margin: 0; padding: 0; list-style: none;}
.homepart1 .listbox .one .rightbox ul li{ margin: 0 0 30px 0; padding: 0; list-style: none; width: 100%; height: auto; overflow: hidden;}
.homepart1 .listbox .one .rightbox ul li .box{ width: 100%; height: 320px; overflow: hidden;  background: #ffffff; border-radius: 10px;; box-sizing: border-box; padding:0 40px;}
.homepart1 .listbox .one .rightbox ul li .box .wordbox{ width: 50%; height: 100%; overflow: hidden; float: left; display: flex; align-items: center;}
.homepart1 .listbox .one .rightbox ul li .box .wordbox .inbox{ width: 100%; height: auto; overflow: hidden;}
.homepart1 .listbox .one .rightbox ul li .box .wordbox .inbox .tit{ width: 100%; height: auto; line-height: 40px; font-size: 26px; font-weight: 700; color: #222222; overflow: hidden; }


.homepart1 .listbox .one .rightbox ul li .box .wordbox .inbox .more { width: 130px; height: 40px; line-height: 40px; color:#3f66a8; font-size: 15px; border-left: 1px solid #3f66a8;border-top: 1px solid #3f66a8;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;text-align: center;margin-top: 20px;}
.homepart1 .listbox .one .rightbox ul li .box .wordbox .inbox .more:hover{ background: #3f66a8; color: #ffffff;border-color: #3f66a8;  }

.homepart1 .listbox .one .rightbox ul li .box .pic{ width: 50%; height: 100%; overflow: hidden; float: left; display: flex; align-items: center; justify-content: center;position: relative;}
.homepart1 .listbox .one .rightbox ul li .box .pic img{ max-width: 100%;max-height: 100%;transition: all 0.5s ease;}
.homepart1 .listbox .one .rightbox ul li:hover .box .pic img{ transform: scale(1.1);}

/*关于我们*/
.homepart2{ width:100%; height:auto; margin:0 auto; background:url(../Images/h2bg.jpg)  center center no-repeat ;background-size: cover;  position:relative; z-index:10; padding:100px 0 0 0; background-attachment: fixed; }
.homepart2 .centerbox{ width:100%; height:auto;  min-width:320px;  max-width: 1620px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.homepart2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
/*About us*/
.homepart2 .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;;}
/*$about['intro1']*/
.homepart2 .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 48px; font-weight: 700;  color: #222222; line-height: 60px; margin-top: 20px;}
.homepart2 .intro{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #222222; line-height: 35px; margin-top: 20px;}
.homepart2 .intro p{ line-height: 200%; margin: 5px 0;}
.homepart2 .intro img{ max-width: 100%; height: auto;}
.homepart2 .intro h1{ margin: 10px 0;}
.homepart2 .intro h2{ margin: 10px 0;}
.homepart2 .intro h3{ margin: 10px 0;}
/*核心优势*/
.homepart2 .titbox3{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700;  color: #222222; line-height: 60px; margin-top: 20px;}
.homepart2 .list{ width: 100%; height: auto; overflow: hidden;}
.homepart2 .list ul{ margin: 0; padding: 0; list-style: none;}
.homepart2 .list ul li{ margin: 20px 0 0 0; padding: 0; list-style: none; width: 100%; height: auto; overflow: hidden;}
.homepart2 .list ul li .num{ width: 28px; height: 28px; line-height: 28px; background: #3f66a8; border-radius: 100%; text-align: center;font-size: 14px; color: #ffffff;float: left; margin-right: 10px;margin-top: 2px;}
/* calc(100% - 35px) */
.homepart2 .list ul li .word{ width:70%; height: auto; float: left; font-size: 16px; color: #222222; line-height: 200%;text-align: left;}

.homepart2 .more { width: 190px; height: 58px; line-height: 58px; color:#3f66a8; font-size: 15px; border-left: 1px solid #3f66a8;border-top: 1px solid #3f66a8;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;text-align: center;margin-top: 50px;}
.homepart2 .more:hover{ background: #3f66a8; color: #ffffff;border-color: #3f66a8; }

/*优势列表  .listbox*/
.homepart2 .listbox{ width: 100%; height: 196px; overflow: hidden; background:rgba(63,102,168,0.9);margin-top: 80px;}
.homepart2 .list2{ width: 100%; height: 196px; overflow: hidden;min-width:320px;  max-width: 1620px; margin:0 auto;}
.homepart2 .list2 ul{ margin: 0; padding: 0; list-style: none;}
.homepart2 .list2 ul li{ margin: 0; padding: 0; list-style: none; width: 20%; height: 196px; overflow: hidden; transition: all 0.5s ease;float: left; position: relative;}
.homepart2 .list2 ul li::after{ width: 1px; height: 80%; position: absolute;left: 0;top: 10%; content: ''; background: #6585b9;}
.homepart2 .list2 ul li:last-child:before{ width: 1px; height: 80%; position: absolute;right: 0;top: 10%; content: ''; background: #6585b9;}
.homepart2 .list2 ul li .pic{ width: 100%;height: 75px; overflow: hidden; display: flex; align-items: center; justify-content: center;margin-top: 30px;}
.homepart2 .list2 ul li .pic img{ max-width: 80%; max-height: 90%;}
.homepart2 .list2 ul li .pic .img1{display: block;}
.homepart2 .list2 ul li .pic .img2{ display: none;}
.homepart2 .list2 ul li .tit{ width: 100%;height: 60px; line-height: 30px; overflow: hidden;margin-top: 10px; font-size: 16px; font-weight: 700; color: #ffffff; text-align: center;}

.homepart2 .list2 ul li:hover{ background: #f5f8fb;}
.homepart2 .list2 ul li:hover .pic .img1{ display: none;}
.homepart2 .list2 ul li:hover .pic .img2{ display: block;}
.homepart2 .list2 ul li:hover .tit{ color: #3f66a8;}

/*行业案例*/
.homepart3{ width:100%; height:auto; margin:0 auto; background:#ffffff;  position:relative; z-index:10; padding:100px 0 50px 0 }
.homepart3 .centerbox{ width:100%; height:auto;  min-width:320px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;  }
.homepart3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart3 .titbox{ width: 100%; height: auto; overflow: hidden; max-width: 1620px; margin:0 auto;}
.homepart3 .titbox .leftbox{ width:45%; height: auto; float: left;}
.homepart3 .titbox .leftbox .en{ width:100%; height: auto; font-size: 20px; font-weight: 700; color: #3f66a8; text-transform: uppercase;}
.homepart3 .titbox .leftbox .cn{ width:100%; height: 50px; line-height: 50px;; font-size: 42px; font-weight: 700; color: #222222; text-transform: uppercase;}
.homepart3 .titbox .more{ width: 190px; height: 58px; line-height: 58px; color:#3f66a8; font-size: 15px; border-left: 1px solid #3f66a8;border-top: 1px solid #3f66a8;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;text-align: center;float: right;}
.homepart3 .titbox .more:hover{ background: #3f66a8; color: #ffffff;border-color: #3f66a8; }

.homepart3 .listbox{width: 100%; height: 620px; overflow: hidden; margin-top: 30px; max-width: 1780px; margin: 0 auto; position: relative;margin-top: 38px;}
.homepart3 .listbox .leftarr{width: 25px; height: 43px; background: url(../Images/left2.png) no-repeat; background-size: 100% 100%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.homepart3 .listbox .rightarr{width: 25px; height: 43px; background: url(../Images/right2.png) no-repeat; background-size: 100% 100%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 10;}
.homepart3 .listbox .list{ width: 100%; height: 620px; overflow: hidden; max-width: 1620px; margin: 0 auto; position: relative; z-index: 0;}
.homepart3 .listbox .list ul{ margin: 0;padding: 0; list-style: none;}
.homepart3 .listbox .list ul li{ margin: 0; padding: 0; list-style: none; width: 33.33%; height: auto; float: left; overflow: hidden; box-sizing: border-box; padding: 5px 0;}
.homepart3 .listbox .list ul li .box{ width: 96%; margin: 0 auto; height: 610px; background: #ffffff; margin: 0 auto; box-sizing: border-box; padding: 25px; border-radius: 10px; box-shadow: 0 0 10px #eef0f4;}
.homepart3 .listbox .list ul li .box .pic{ width: 100%; height: 350px; overflow: hidden;border-radius: 10px;}
.homepart3 .listbox .list ul li .box .pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.3s ease;}
.homepart3 .listbox .list ul li .box .tit{ width: 100%; height:50px; line-height: 50px;font-size: 24px;font-weight: 700;color: #222222; overflow: hidden;margin-top: 15px; }
.homepart3 .listbox .list ul li .box .word{ width: 100%; height: 60px; line-height: 30px; overflow: hidden;font-size: 15px; color: #222222; opacity: 0.8;;margin-top: 15px;}
.homepart3 .listbox .list ul li .box .more{ width: 100%; height: 25px; line-height: 25px; font-size: 15px; text-align: right;font-weight: 700;color: #597ab4;margin-top: 20px;}
.homepart3 .listbox .list ul li:hover .box .pic img{ transform: scale(1.1);}
.homepart3 .listbox .list ul li:hover .box .tit{color: #597ab4;}

/*新闻资讯*/
.homepart4{ width:100%; height:auto; margin:0 auto; background: url(../Images/h4bg.jpg) bottom center no-repeat;background-size: cover;  position:relative; z-index:10; padding:50px 0 145px 0 }
.homepart4 .centerbox{ width:100%; height:auto;  min-width:320px; margin:0 auto; clear:both; overflow:hidden; box-sizing:border-box;max-width: 1620px; }
.homepart4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  }
.homepart4 .titbox{ width: 100%; height: auto; overflow: hidden; }
.homepart4 .titbox .leftbox{ width:45%; height: auto; float: left;}
.homepart4 .titbox .leftbox .en{ width:100%; height: auto; font-size: 20px; font-weight: 700; color: #3f66a8; text-transform: uppercase;}
.homepart4 .titbox .leftbox .cn{ width:100%; height: 50px; line-height: 50px;; font-size: 42px; font-weight: 700; color: #222222; text-transform: uppercase;}
.homepart4 .titbox .more{ width: 190px; height: 58px; line-height: 58px; color:#3f66a8; font-size: 15px; border-left: 1px solid #3f66a8;border-top: 1px solid #3f66a8;border-right: 1px solid #cbcbcb;border-bottom: 1px solid #cbcbcb; border-radius: 40px; cursor: pointer; transition: all 0.3s ease;text-align: center;float: right;}
.homepart4 .titbox .more:hover{ background: #3f66a8; color: #ffffff;border-color: #3f66a8; }

.homepart4 .listbox{width: 100%; height: auto; overflow: hidden;  margin: 0 auto; position: relative;margin-top: 38px;}
/*1条*/
.homepart4 .listbox .lbox{ width: 31%; height: 580px; overflow: hidden; float: left; display: flex; align-items: center;}
.homepart4 .listbox .lbox .box{ width: 100%; height: auto; overflow: hidden;}
.homepart4 .listbox .lbox .box .time{ width: 100%; height: 25px;line-height: 25px;overflow: hidden;font-size: 15px;color: #3f66a8;}
.homepart4 .listbox .lbox .box .tit{ width: 100%; height: auto; overflow: hidden; margin-top: 15px;font-size: 26px;font-weight: 700;color: #3f66a8; line-height: 50px;}
.homepart4 .listbox .lbox .box .word{ width: 100%; height: 90px; line-height: 30px; font-size: 16px; color: #606060; opacity: 0.9; margin-top: 30px;overflow: hidden;}
.homepart4 .listbox .lbox .box .more{ width: 100%; height: 25px; font-size: 14px; text-align: left;font-weight: 700;margin-top: 40px;}
/*1条*/
.homepart4 .listbox .cbox{ width: 30%; height: 580px; overflow: hidden; position: relative; float: left; margin-left: 3%;border-radius: 10px;}
.homepart4 .listbox .cbox .pic{ width: 100%; height: 580px; overflow: hidden;}
.homepart4 .listbox .cbox .pic img{ width: 100%; height: 100%; transition: all 0.5s ease;}
.homepart4 .listbox .cbox .cover{ width: 100%; height: 100%; position: absolute;left: 0; top: 0; z-index: 1; background: url(../Images/cover1.png) left bottom repeat-x;}
.homepart4 .listbox .cbox .wordbox{ width: 100%; height: auto;overflow: hidden; box-sizing: border-box; padding: 0 30px; position: absolute;left: 0; bottom: 25px; z-index: 2;}
.homepart4 .listbox .cbox .wordbox .time{width: 100%; height: 25px;line-height: 25px;overflow: hidden;font-size: 15px;color: #ffffff;}
.homepart4 .listbox .cbox .wordbox .tit{width: 100%; height: auto; overflow: hidden; margin-top: 15px;font-size: 20px;font-weight: 700;color: #ffffff; line-height: 40px;}
.homepart4 .listbox .cbox:hover .pic img{ transform: scale(1.1);}

/*5条*/
.homepart4 .listbox .rbox{ width: 33%; height: auto; overflow: hidden; float: right;}
.homepart4 .listbox .rbox .list{ width: 100%; height: auto; overflow: hidden;}
.homepart4 .listbox .rbox .list ul{margin: 0;padding: 0; list-style: none;}
.homepart4 .listbox .rbox .list ul li{margin: 0% 0;padding: 15px 0;list-style: none; width: 100%; height: auto; overflow: hidden; border-bottom: 1px solid #eeeeee; }
.homepart4 .listbox .rbox .list ul li .time{ width:100%; height: 25px; line-height: 25px;overflow: hidden;font-size: 15px;color: #3f66a8}
.homepart4 .listbox .rbox .list ul li .tit{width: 100%; height: 50px; overflow: hidden; margin-top: 15px;font-size: 18px;font-weight: 700;color: #181818; line-height: 50px;}
.homepart4 .listbox .rbox .list ul li:hover .tit{color: #3f66a8;}

.footmenu{ width:100%; height:auto; background:url(../Images/fbg.jpg) no-repeat;background-size: cover; overflow:hidden;   }
.footmenu .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;padding:70px 0 20px 0;  }
.footmenu .centerbox .centerin{ width:100%; height:auto; overflow:hidden;  position:relative; }


.footmenu .part1{ width:39%; float:left; height:auto; overflow:hidden}
.footmenu .part1 .flogo{ height:100%; overflow:hidden;}
.footmenu .part1 .flogo img{ max-height: 90%;}
.footmenu .part1 .list{ width: 100%; height: auto; overflow: hidden;margin-top: 20px;}
.footmenu .part1 .list ul{ margin: 0;padding: 0; list-style: none;}
.footmenu .part1 .list ul li{ margin: 17px 0 0 0;padding: 0; list-style: none; box-sizing: border-box; padding: 0 0 0 27px;font-size: 15px; color: #ffffff;}
.footmenu .part1 .list ul li.t1{background: url(../Images/b1.png) 0 5px no-repeat;}
.footmenu .part1 .list ul li.t2{background: url(../Images/b2.png) 0 5px no-repeat;}
.footmenu .part1 .list ul li.t3{background: url(../Images/b3.png) 0 5px no-repeat;}
.footmenu .part1 .cebox{ width: 100; height: 85px; overflow: hidden;margin-top: -85px; max-width: 390px;}
.footmenu .part1 .cebox ul{margin: 0;padding: 0;list-style: none;}
.footmenu .part1 .cebox ul li{margin: 0 0 0 10px;padding: 0;list-style: none;width: 55px; height: auto; overflow: hidden; float: right;}
.footmenu .part1 .cebox ul li .pic{ width: 55px; height: auto;}
.footmenu .part1 .cebox ul li .pic img{ width:55px; height: 55px;}
.footmenu .part1 .cebox ul li .pic .img1{ display: block;}
.footmenu .part1 .cebox ul li .pic .img2{ display: none;}
.footmenu .part1 .cebox ul li .tit{ width: 100%; height: 30px; line-height: 30px; text-align: center;font-style: 14px;color: #ffffff;opacity: 0.6;}

.footmenu .part1 .cebox ul li:hover .pic .img1{ display: none;}
.footmenu .part1 .cebox ul li:hover .pic .img2{ display: block;}
.footmenu .part1 .cebox ul li:hover .tit{ opacity: 1;}

.footmenu .part1 .code{width: 100%; height: auto; overflow: hidden; margin-top: 20px;max-width: 388px;}
.footmenu .part1 .code ul{ margin: 0;padding: 0; list-style: none; }
.footmenu .part1 .code ul li{ margin: 0;padding: 0; list-style: none; width: 33.33%; float: left; }
.footmenu .part1 .code ul li .box{ width: 90%; height: auto; overflow: hidden;margin: 0 auto;}
.footmenu .part1 .code ul li .box .pic{ width: 100%;height:100px; overflow: hidden;text-align: center;}
.footmenu .part1 .code ul li .box .pic img{ max-width: 100%; max-height: 100%;}
.footmenu .part1 .code ul li .box .tit{ width: 100%; height: auto; overflow: hidden; margin-top: 10px; font-size: 14px; color: #ffffff;text-align: center; opacity: 0.6;;}



.footmenu .part2{ width:61%; float:left; height:auto; overflow:hidden; box-sizing:border-box; }
.footmenu .part2  .one{ width:20%; 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:#ffffff}
.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:37px; line-height:37px; overflow:hidden; color:#ffffff; font-size:15px; transition:all 0.5s ease }
.footmenu .part2  .list ul li a{ color:#ffffff; }
.footmenu .part2  .list ul li:hover{ text-indent:5px;}



.footmenu .part3{ width:40%; float:left; height:auto; overflow:hidden; color:#ffffff;display: none;}
.footmenu .part3  .code{ width:112px; height: auto; overflow: hidden; float: right; }
.footmenu .part3  .code img{ width: 100%; height: auto; overflow: hidden;}
.footmenu .part3  .tit{ width:100%; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; opacity: 0.5; overflow: hidden; }
.footmenu .part3  .word{ width:100%; height: auto; line-height: 36px; font-size: 15px; color: #ffffff; text-align: right;margin-top: 20px; overflow: hidden; }

.footmenu  a{ color:#ffffff}
.footmenu .fbox{ width:100%; height:auto; overflow:hidden;padding:20px 0 20px 0 ; font-size:14px; color:#ffffff; float: none; line-height: 200%;  border-top: 1px solid #5376b1; }
.footmenu .fbox .copyright{ width: 100%; height: auto; overflow: hidden; margin: 0 auto; max-width: 1620px;}
.footmenu .fbox .copyright .left{ width: 70%; height: auto; overflow: hidden; float: left;}
.footmenu .fbox .copyright .right{  height: auto; overflow: hidden; float: right;}


.footer{ width:100%; height:auto;  background:#011f41; overflow:hidden;   position:relative; z-index:1; padding:20px 0  }
.footer .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1520px; margin:0 auto; clear:both; }
.footer .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; color:#d8d8d8; margin:0 auto; font-size:14px;  }
.footer .copyright{ width:100%; float:left; overflow:hidden; font-size:14px; color:#798a9e; line-height:200%; }
.footer .copyright a{ color:#798a9e;}
.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:#743aa7;  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 #a861e6; 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}




/*二级位置*/
.ertoplocation{ width:100%; height:90px; overflow:hidden; position:relative;  z-index:10; margin-top:-90px;}
.ertoplocation .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1620px;  }
.ertoplocation .centerbox .centerin{ width:100%; overflow:hidden;height:90px;position:relative; margin:0 auto; font-size:16px; color:#ffffff; text-align:right; line-height:80px; display: flex;align-items: center; justify-content: flex-end;}
.ertoplocation a{ color:#ffffff; }


.ertoplocation2{ width:100%; height:80px; overflow:hidden; position:relative;  z-index:10; }
.ertoplocation2 .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:hidden;max-width:1620px;  }
.ertoplocation2 .centerbox .centerin{ width:100%; overflow:hidden;height:80px;position:relative; margin:0 auto; font-size:16px; color:#9e9e9f; text-align:left; line-height:80px; display: flex;align-items: center; justify-content: flex-start;}
.ertoplocation2 a{ color:#9e9e9f; }

/*关于我们页面*/
/*
.homepart2 .navlist{ width:100%; height:auto; overflow:hidden; margin-top:40px; position:relative; overflow-x: auto; scrollbar-width: thin; display:flex;align-items:center;justify-content:center;  }
.homepart2 .navlist ul{ margin:0px; padding:0px; list-style:none;text-align: center;white-space: nowrap; display: flex; }
.homepart2 .navlist ul li{ margin:0px  10px; padding:0px; list-style:none; width:auto; height:37px;display: inline-flex;align-items:center;justify-content:center; overflow:hidden; color:#545454; font-size:17px; cursor:pointer; position:relative }
.homepart2 .navlist ul li.onfocus{ font-weight:700; color:#1d9352;}
.homepart2 .navlist ul li.onfocus:after{ position:absolute; left:0; bottom:0; width:100%; height:2px; background:#1d9352; content:'';}
*/


.ertop{ width:100%; height:auto; overflow:hidden; position:relative;  z-index:10; z-index:1000; background: #f3f6f9;padding: 50px 0;}
.ertop .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:visible;max-width:1620px; }
.ertop .centerbox .centerin{ width:100%; overflow:visible;height:auto;position:relative; margin:0 auto }

.ertop  .list{ width:100%; height:66px;  overflow-x: auto; overflow-y: hidden; scrollbar-width: none; display: flex; justify-content: center; }
.ertop  .list ul{ margin:0;  padding:0px; list-style:none; white-space: nowrap; display: flex;}
.ertop  .list ul li{ margin:0 10px; padding:0; list-style:none; width:auto; height:auto; text-align:center; font-size:20px; transition:all 0.5s ease;overflow:hidden; color:#3e3e3e;display: inline-flex;align-items:center;justify-content:center; position: relative; transition: all 0.5s ease;}
.ertop  .list ul li p{width: 190px; height: 58px; line-height: 58px; border: 1px solid #3f66a8; border-radius: 50px;text-align: center;color: #3f66a8;}
.ertop  .list ul li.onfocus p{color:#ffffff; background: #3f66a8;}
.ertop  .list ul li:hover p{color:#ffffff; background: #3f66a8;}

/* 鼠标 hover 时显示滚动条 
.ertop .list:hover{
     scrollbar-width: thin; 
}
*/
.ertop .centerbox .location{ float: right; line-height: 66px; font-size: 16px; color: #3e3e3e; opacity: 0.8;}

/*产品导航*/
.ertop2{ width:100%; height:auto; overflow:hidden; position:relative;  z-index:10; z-index:1000; background: #f7fafc;padding: 50px 0; border-bottom: 1px solid #eceff1;}
.ertop2 .centerbox{ width:100%; height:auto;  min-width:320px;  margin:0 auto; clear:both; overflow:visible;max-width:1620px; }
.ertop2 .centerbox .centerin{ width:100%; overflow:visible;height:auto;position:relative; margin:0 auto }

.ertop2  .list{ width:100%; height:66px; ; overflow: hidden;  display: flex; justify-content: center; }
.ertop2  .list ul{ margin:0;  padding:0px; list-style:none; white-space: nowrap; display: flex; width: 100%;;}
.ertop2  .list ul li{ margin:0 5px; padding:0; list-style:none; width:auto; height:auto; text-align:center; font-size:20px; transition:all 0.5s ease;overflow:hidden; color:#3e3e3e;position: relative; transition: all 0.5s ease; flex: 1; min-width: 0;}
.ertop2  .list ul li a{ display: block; width: 100%; height: 100%;}
.ertop2  .list ul li p{width: 90%; height: 58px; line-height: 58px; border: 1px solid #3f66a8; border-radius: 50px;text-align: center;color: #3f66a8; overflow: hidden;margin: 0 auto; display: block;}
.ertop2  .list ul li.onfocus p{color:#ffffff; background: #3f66a8;}
.ertop2  .list ul li:hover p{color:#ffffff; background: #3f66a8;}


.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:90px 0; overflow:hidden;  position:relative; background:#ffffff; }
.aboutbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.aboutbox1 .leftbox{ width: 55.8%;height: auto; float: left;overflow: hidden;}
.aboutbox1 .leftbox .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;;}
/*$about['intro1']*/
.aboutbox1 .leftbox .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 42px; font-weight: 700;  color: #222222; line-height: 60px; margin-top: 20px;}
.aboutbox1 .leftbox .titbox2 img{ height: 42px;}
.aboutbox1 .leftbox .intro{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #222222; line-height: 200%; margin-top: 20px;}


.aboutbox1 .rightbox{ width: 40%;height: auto; float: right;overflow: hidden;padding-top: 80px;}
.aboutbox1 .rightbox img{ width: 100%; height: auto; border-radius: 10px;}
.aboutbox1 .space{ width: 100%; height: 50px; clear: both;}

.aboutbox1 .numlist{ width: 98%; height: auto; overflow: hidden; box-shadow: 0px 0px 10px 0px #c1d2eb; padding: 35px 0;margin: 0 auto; margin-bottom: 5px;}
.aboutbox1 .numlist ul{ margin: 0; padding: 0; list-style: none; display: flex; justify-content: space-between; align-items: center;}
.aboutbox1 .numlist ul li{margin: 0; padding: 0; list-style: none; flex: 1;  height: auto; overflow: hidden; font-size: 17px;}
.aboutbox1 .numlist ul li .box{ width: 270px; margin: 0 auto;}
.aboutbox1 .numlist ul li .box .pic{ width: 80px; height: auto; overflow: hidden;float: left;}
.aboutbox1 .numlist ul li .box .pic img{ max-width: 90%; height: auto;margin-top: 5px;}
.aboutbox1 .numlist ul li .box .wordbox{ width: calc(100% - 90px); height: auto; float: left; overflow: hidden; text-align:left;}
.aboutbox1 .numlist ul li .box .num{ width: 100%; height: auto; line-height: 55px; overflow: hidden; font-size: 20px; font-weight: 700; color: #4067a8; font-family: Arial, Helvetica, sans-serif;}
.aboutbox1 .numlist ul li .box .num span{font-size: 52px; color: #3f66a8;}
.aboutbox1 .numlist ul li:last-child .box .num span{font-size: 46px;}
.aboutbox1 .numlist ul li .box .tit{ width: 100%; height: 30px; line-height: 30px; overflow: hidden; font-size: 17px;margin-top:-15px;text-indent: 10px;}


/*定制流程*/
.aboutbox2{ width:100%; height:auto;margin:0 auto; padding:90px 0; overflow:hidden;  position:relative; background:#f3f6f9; }
.aboutbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.aboutbox2 .centerbox .centerin .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;text-align: center;text-transform: uppercase;}
.aboutbox2 .centerbox .centerin .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 42px; font-weight: 700;  color: #222222; line-height: 35px;text-align: center; line-height: 50px; margin-top: 10px;;}

.aboutbox2 .listbox{ width: 100%; height: 737px; overflow: hidden; margin-top: 35px;}
.aboutbox2 .listbox .list{ width: 1620px; height: 737px; overflow: hidden;background: url(../Images/lcarr.png) left 370px top 151px no-repeat; position: relative;}
.aboutbox2 .listbox .list ul{ margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.aboutbox2 .listbox .list ul li{margin: 0 0 30px 0; padding: 5px; box-sizing: border-box; list-style: none; width:373px; height: auto; position: absolute;}
.aboutbox2 .listbox .list ul li:nth-child(1){ left: 0; top: 0;}
.aboutbox2 .listbox .list ul li:nth-child(1){ left: 500px; top: 0;}
.aboutbox2 .listbox .list ul li:nth-child(3){ left: 996px; top: 0;}
.aboutbox2 .listbox .list ul li:nth-child(4){ right: 0px; top: 395px;}
.aboutbox2 .listbox .list ul li:nth-child(5){ right: 500px; top: 395px;}
.aboutbox2 .listbox .list ul li:nth-child(6){ right: 997px; top: 395px;}


.aboutbox2 .listbox .list ul li .box{ width: 100%; height: auto; background: #ffffff; box-sizing: border-box ; padding: 20px; border-radius: 10px; box-shadow: 0px 0px 10px 0px #e6e6e6; position: relative; transition: all 0.5s ease;}


.aboutbox2 .listbox .list ul li .box .pic{ width: 100%; height: 85px; line-height: 85px; overflow: hidden;text-align: center;}
.aboutbox2 .listbox .list ul li .box .pic img{ max-width: 80%; max-height: 100%;}
.aboutbox2 .listbox .list ul li .box .tit{ width: 100%; height: 40px; line-height: 40px; overflow: hidden;text-align: center;font-size: 20px; font-weight: 700; color: #3f66a8;margin-top: 10px;}
.aboutbox2 .listbox .list ul li .box .word{ width: 100%; height: 150px; line-height: 30px; font-size: 16px;color: #222222; opacity: 0.8;margin-top: 10px;}

.aboutbox2 .listbox .list ul li:hover .box{box-shadow: 0px 0px 10px 0px #3f66a8; }

/*合作企业*/

.aboutbox3{ width:100%; height:auto;margin:0 auto; padding:90px 0; overflow:hidden;  position:relative; background:#f3f6f9; }
.aboutbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.aboutbox3 .centerbox .centerin .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;text-align: center;text-transform: uppercase;}
.aboutbox3 .centerbox .centerin .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 42px; font-weight: 700;  color: #222222; line-height: 35px;text-align: center; line-height: 50px; margin-top: 10px;;}

.aboutbox3 .listbox{ width: 100%; height: 140px; overflow: hidden; margin-top: 50px;}
.aboutbox3 .listbox .list{ width: 116%; height: 140px; overflow: hidden;margin-left: -8%; overflow: hidden;}
.aboutbox3 .listbox .list ul{ margin: 0; padding: 0; list-style: none;}
.aboutbox3 .listbox .list ul li{ margin: 0; padding: 0; list-style: none; width:16.66%; height: 140px; overflow: hidden; box-sizing: border-box; padding: 5px 0;}
.aboutbox3 .listbox .list ul li .pic{ width: 96%; margin: 0 auto; height: 130px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px 0px #f6f7f9; line-height: 130px; text-align: center; overflow: hidden;}
.aboutbox3 .listbox .list ul li .pic img{ max-width: 80%; max-height: 80%;;}


.aboutbox3 .listbox2{ width: 100%; height: 140px; overflow: hidden; margin-top: 20px;}
.aboutbox3 .listbox2 .list{ width: 100%; height: 140px; overflow: hidden;margin-left: 0; overflow: hidden;}
.aboutbox3 .listbox2 .list ul{ margin: 0; padding: 0; list-style: none;}
.aboutbox3 .listbox2 .list ul li{ margin: 0; padding: 0; list-style: none; width:16.66%; height: 140px; overflow: hidden; box-sizing: border-box; padding: 5px 0;}
.aboutbox3 .listbox2 .list ul li .pic{ width: 96%; margin: 0 auto; height: 130px; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px 0px #f6f7f9; line-height: 130px; text-align: center; overflow: hidden;}
.aboutbox3 .listbox2 .list ul li .pic img{ max-width: 80%; max-height: 80%;;}


/*企业文化*/

.aboutbox4{ width:100%; height:auto;margin:0 auto; padding:0 0 90px 0; overflow:hidden;  position:relative; background:#f3f6f9; }
.aboutbox4 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox4 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.aboutbox4 .centerbox .centerin .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;text-align: center;text-transform: uppercase;}
.aboutbox4 .centerbox .centerin .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 42px; font-weight: 700;  color: #222222; line-height: 35px;text-align: center; line-height: 50px; margin-top: 10px;;}
.aboutbox4 .centerbox .centerin .titbox3{ width: 100%; height: auto; overflow: hidden; font-size: 46px; font-weight: 700;  color: #3f66a8; line-height: 60px;text-align: center; margin-top: 10px;;}
.aboutbox4 .centerbox .centerin .titbox4{ width: 100%; height: auto; overflow: hidden; font-size: 18px; font-weight: 700;  color: #222222; line-height: 35px;text-align: center;  margin-top: 10px;;}

.aboutbox4 .listbox{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.aboutbox4 .listbox .list{ width: 100%; height: auto; overflow: hidden; overflow: hidden;}
.aboutbox4 .listbox .list ul{ margin: 0; padding: 0; list-style: none;}
.aboutbox4 .listbox .list ul li{ margin: 0; padding: 0; list-style: none; width:25%; height: auto; overflow: hidden; box-sizing: border-box; padding: 5px 0;float: left;}
.aboutbox4 .listbox .list ul li .box{ width: 96%; margin: 0 auto; height: auto; background: #ffffff; border-radius: 5px; box-shadow: 0px 0px 10px 0px #f6f7f9;  text-align: center; overflow: hidden; box-sizing: border-box; padding: 20px; box-shadow: 0px 0px 10px 0px #ffffff; transition: all 0.5 ease;}
.aboutbox4 .listbox .list ul li .box .pic{ width: 100%; height: 156px; overflow: hidden;text-align: center;;}
.aboutbox4 .listbox .list ul li .box .pic img{ max-width: 80%; max-height: 80%;;}
.aboutbox4 .listbox .list ul li .box .tit{ width: 100%; height: 40px; line-height: 40px; overflow: hidden;text-align: center;font-size: 26px; font-weight: 700; color: #3f66a8;margin-top: 10px}
.aboutbox4 .listbox .list ul li .box .tit2{ width: 100%; height: 30px; line-height: 30px; overflow: hidden;text-align: center;font-size: 16px; font-weight: 700; color: #222222;margin-top: 10px}
.aboutbox4 .listbox .list ul li .box .line{ width: 35px; height: 3px; background: #3f66a8; margin: 0 auto;margin-top: 10px;;}
.aboutbox4 .listbox .list ul li .box .word{ width: 100%; height: 180px; line-height: 30px; font-size: 16px;color: #222222; opacity: 0.9;margin-top: 10px;text-align: left;}
.aboutbox4 .listbox .list ul li:hover .box{ box-shadow: 0px 0px 10px 0px #3f66a8;}


/*社会责任*/
.aboutbox5{ width:100%; height:auto;margin:0 auto; padding:0 0 90px 0; overflow:hidden;  position:relative; background:#f3f6f9; }
.aboutbox5 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px; margin:0 auto; clear:both; overflow:hidden;  }
.aboutbox5 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%; }
.aboutbox5 .centerbox .centerin .titbox{ width: 100%; height: auto; overflow: hidden; font-size: 20px; font-weight: 700; font-family: Arial, Helvetica, sans-serif; color: #3f66a8; line-height: 35px;text-align: center;text-transform: uppercase;}
.aboutbox5 .centerbox .centerin .titbox2{ width: 100%; height: auto; overflow: hidden; font-size: 42px; font-weight: 700;  color: #222222; line-height: 35px;text-align: center; line-height: 50px; margin-top: 10px;;}

.aboutbox5 .listbox{ width: 100%; height: auto; overflow: hidden; margin-top: 50px;}
.aboutbox5 .listbox .list{ width: 100%; height: auto; overflow: hidden; overflow: hidden;background: url(../Images/ab5bg.jpg) bottom center no-repeat;background-size: cover;}
.aboutbox5 .listbox .list ul{ margin: 0; padding: 0; list-style: none;}
.aboutbox5 .listbox .list ul li{ margin: 0; padding: 0; list-style: none; width:16.66%; height: 640px; overflow: hidden; box-sizing: border-box; float: left; box-sizing: border-box; border-left: 1px solid rgba(255,255,255,0.5); display: flex;align-items: center; justify-content: center; position: relative; transition: all 0.5s ease;}
.aboutbox5 .listbox .list ul li:nth-child(1){ border: 0;}

.aboutbox5 .listbox .list ul li .box{ width: 100%; margin: 0 auto; height: auto; text-align: center; overflow: hidden; box-sizing: border-box; padding: 25px; position: absolute; left: 0; bottom: 20px; }
.aboutbox5 .listbox .list ul li .box .pic{ width: 100%; height: 100px; overflow: hidden;text-align: center;;}
.aboutbox5 .listbox .list ul li .box .pic img{ max-width: 90%; max-height: 90%;;}
.aboutbox5 .listbox .list ul li .box .tit{ width: 100%; height: 40px; line-height: 40px; overflow: hidden;text-align: center;font-size: 22px; font-weight: 700; color: #ffffff;margin-top: 10px}
.aboutbox5 .listbox .list ul li .box .word{ width: 100%; height: auto; line-height: 30px; font-size: 16px;color: #ffffff; margin-top: 10px;text-align: left; display: none;}

.aboutbox5 .listbox .list ul li:hover{background: #4667a1;}
.aboutbox5 .listbox .list ul li:hover .box{ position: static;}
.aboutbox5 .listbox .list ul li:hover .box .word{ display: block;}

 
/*产品展示*/
.productbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:10px 0 60px 0; position:relative }
.productbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.productbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.productbox1 .leftbox{ width: 41%; height: auto; float: right; overflow: hidden;background: #ffffff; box-sizing: border-box; padding: 37px; box-shadow: 0px 0px 10px 0px #cfd5e7;margin: 5px 5px 0 0;}
.productbox1 .leftbox .titbox{ width: 100%; height: auto; line-height: 50px; overflow: hidden; font-size: 28px; font-weight: 700; color: #3f66a8;}
.productbox1 .leftbox .word{ width: 100%; height: auto; line-height: 200%; overflow: hidden; font-size: 18px; color: #222222;margin-top: 15px;}

.productbox1 .leftbox .list{ width: 100%; height: auto; overflow: hidden;margin-top: 20px;}
.productbox1 .leftbox .list ul{margin: 0;padding: 0; list-style: none;}
.productbox1 .leftbox .list ul li{margin: 0 0 3px 0;padding: 0; list-style: none; width: 100%; height: auto;overflow: hidden; font-size: 16px;line-height: 30px;box-sizing: border-box;padding: 0 0 0 35px;}
.productbox1 .leftbox .list ul li.t1{ background: url(../Images/e1.png) 0 5px no-repeat;  }
.productbox1 .leftbox .list ul li.t2{ background: url(../Images/e2.png) 0 5px no-repeat;  }

.productbox1 .leftbox .otherbox{ width: 100%; height: auto;overflow: hidden;margin-top: 20px;}
.productbox1 .leftbox .otherbox ul{ margin: 0;padding: 0;list-style: none;}
.productbox1 .leftbox .otherbox ul li{ margin: 0;padding: 0;list-style: none; width: 33.33%; height: auto; float: left;}
.productbox1 .leftbox .otherbox ul li img{ max-width: 98%; height: auto;}
.productbox1 .leftbox .spaceline{ width: 100%; height: 1px; overflow: hidden;background-color: #e4e4e4;margin: 30px 0 15px 0;}

.productbox1 .leftbox .otherbox2{ width: 100%; height: auto;overflow: hidden;margin-top: 20px;}
.productbox1 .leftbox .otherbox2 .code{ width: 156px; height: auto; overflow: hidden;float: right;}
.productbox1 .leftbox .otherbox2 .code img{ width: 100%; height: auto;}
.productbox1 .leftbox .otherbox2 .wlist{ width: calc(100% - 170px); height: auto;float: left;overflow: hidden;}
.productbox1 .leftbox .otherbox2 .wlist ul{ margin: 0;padding: 0;list-style: none;}
.productbox1 .leftbox .otherbox2 .wlist ul li{ margin: 10px 0 0 0;padding: 0;list-style: none; width:100%; height: auto; font-size: 16px; line-height: 25px;margin-bottom: 10px;}




.productbox1 .rightbox{ width:57%; height:auto; overflow:hidden; float: left; }
.productbox1 .rightbox .slidebox{ width: 100%; height: auto; overflow: hidden; padding: 5px 0 0 0; }
.productbox1 .rightbox .slidebox .bgbox{ width: 100%; height: 900px; position: relative;;}
.productbox1 .rightbox .slidebox .bglist{ width:98%;margin: 0 auto; height: 900px; overflow: hidden; background: #ffffff; border-radius: 10px;box-shadow: 0px 0px 10px 0px #cfd5e7;}
.productbox1 .rightbox .slidebox .bglist ul{ margin: 0;padding: 0;list-style: none; }
.productbox1 .rightbox .slidebox .bglist ul li{ margin: 0;padding: 0;list-style: none; width: 100%; height: 900px; overflow: hidden; display: flex; align-items: center; justify-content: center}
.productbox1 .rightbox .slidebox .bglist ul li img{ max-width: 95%; max-height: 98%;}

.productbox1 .rightbox .slidebox .bgbox  .leftarr{ width:25px; height:43px; background:url(../Images/left1.png) no-repeat; background-size:100% 100%; cursor:pointer; position:absolute; left:40px; top:50%; margin-top:-21px; z-index:10 }
.productbox1 .rightbox .slidebox .bgbox .rightarr{ width:25px; height:43px; background:url(../Images/right1.png) no-repeat; background-size:100% 100%; cursor:pointer;  position:absolute; right:40px; top:50%; margin-top:-21px; z-index:10 }





.productbox1 .rightbox .slidebox .smbox{ width: 100%; height: 150px; overflow: hidden; position: relative;margin-top: 30px;}
.productbox1 .rightbox .slidebox .smbox .leftarr{ width: 33px; height: 150px; background: url(../Images/left3.png) center center no-repeat; cursor: pointer;float: left;}
.productbox1 .rightbox .slidebox .smbox .rightarr{ width: 33px; height: 150px; background: url(../Images/right3.png) center center no-repeat; cursor: pointer;float: right;}
.productbox1 .rightbox .slidebox .smbox .smlist{ width: calc(100% - 66px); height: 150px; overflow: hidden;float: left;}
.productbox1 .rightbox .slidebox .smbox .smlist ul{margin: 0;padding: 0;list-style: none;}
.productbox1 .rightbox .slidebox .smbox .smlist ul li{ margin: 0;padding: 0;list-style: none; width: 165px; height: 150px; overflow: hidden; float: left;}
.productbox1 .rightbox .slidebox .smbox .smlist ul li .pic{ width: 92%; height: 146px; border: 1px solid #e4e4e4; border-radius: 5px;margin: 0 auto; display: flex; align-items: center; justify-content: center;}
.productbox1 .rightbox .slidebox .smbox .smlist ul li .pic img{ max-width: 80%; max-height: 80%;}
.productbox1 .rightbox .slidebox .smbox .smlist ul li.onfocus .pic{border-color: #3f66a8;}

.productbox1 .rightbox .spaceline{ width: 100%; height: 1px; overflow: hidden;background-color: #e4e4e4;margin: 20px 0;}

.productbox1 .rightbox .titbox{ width: 100%; height: 32px; line-height:32px;overflow:hidden;;margin-top: 20px;font-size: 30px; font-weight: 700; color: #222222; }
.productbox1 .rightbox .titbox span{ text-transform: uppercase; font-size: 16px; color: #3f66a8; display: inline-block; margin: 0 0 0px 10px;vertical-align: bottom; height: 32px; padding-top: 8px;}

.productbox1 .rightbox .list1{ width: 100%; height: auto;overflow: hidden;}
.productbox1 .rightbox .list1 ul{margin:0;padding: 0;list-style: none;}
.productbox1 .rightbox .list1 ul li{margin:0;padding: 0;list-style: none;width: 50%; height: 70px; border-bottom: 1px dashed #cecece;font-size: 17px;line-height: 70px;background: url(../Images/dot1.png) left center no-repeat; box-sizing: border-box; padding: 0 0 0 20px; overflow: hidden; color: #222222;float: left;}
.productbox1 .rightbox .list1 ul li span{ opacity: 0.8;}


.productbox1 .rightbox .introbox{ width: 100%; height: auto; overflow: hidden; line-height: 200%; margin-top: 20px; font-size: 18px; color: #222222;}
.productbox1 .rightbox .introbox img{ max-width: 100%; height: auto;}

.productbox1 .rightbox .list2{ width: 100%; height: auto;overflow: hidden;margin-top: 25px;}
.productbox1 .rightbox .list2 ul{margin:0;padding: 0;list-style: none;}
.productbox1 .rightbox .list2 ul li{margin:0 0 35px 0;padding: 0;list-style: none;width: 100%; height: auto; clear: both; overflow: hidden; }
.productbox1 .rightbox .list2 ul li .pic{ width: 282px; height: auto; overflow: hidden; border-radius: 10px;float: left;}
.productbox1 .rightbox .list2 ul li .pic img{ width: 100%; height: auto;}
.productbox1 .rightbox .list2 ul li .wordbox{ width: calc(100% - 310px); height: auto; float: right;}
.productbox1 .rightbox .list2 ul li .wordbox .num{ width: 100%; height: 125px; line-height: 125px; font-size: 121px; font-family: Arial, Helvetica, sans-serif; font-weight: 700; color: #ededed;margin-bottom: 20px; }
.productbox1 .rightbox .list2 ul li .wordbox p{ width: 100%; height: auto; overflow: hidden;font-size: 18px;background: url(../Images/dot1.png) 0 15px no-repeat; line-height: 35px; box-sizing: border-box;padding: 0 0 0 23px; margin: 10px 0;}

.productbox1 .rightbox .list2 ul li:nth-child(2n) .pic{ float: right;}
.productbox1 .rightbox .list2 ul li:nth-child(2n) .wordbox{ float: left;}

.productbox1 .rightbox .prevnextpro{width: 100%; height: 50px; line-height: 50px; font-size: 16px; overflow: hidden;}

/*相关产品*/
.productbox1 .releasepro{ width: 100%; height: auto; overflow: hidden;}
.productbox1 .releasepro .titbox{ width: 100%; height: 32px; line-height:32px;overflow:hidden;;margin-top: 20px;font-size: 30px; font-weight: 700; color: #222222;}
.productbox1 .releasepro .titbox span{text-transform: uppercase; font-size: 16px; color: #3f66a8; display: inline-block; margin: 0 0 0px 10px;vertical-align: bottom; height: 32px; padding-top: 8px;}
.productbox1 .releasepro .list{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.productbox1 .releasepro .list ul{margin:0;padding: 0;list-style: none;}
.productbox1 .releasepro .list ul li{margin:0;padding: 0;list-style: none;width: 20%; height: auto; overflow: hidden; float: left;}
.productbox1 .releasepro .list ul li .box{ width: 96%; height: auto; margin: 0 auto;overflow: hidden;border: 1px solid #e4e4e4; padding: 10px; }
.productbox1 .releasepro .list ul li .pic{ width: 100%; height: 300px; overflow: hidden; display: flex; align-items: center; justify-content: center;}
.productbox1 .releasepro .list ul li .pic img{ max-width: 90%; max-height: 96%; transition: all 0.3s ease-in-out;}
.productbox1 .releasepro .list ul li .tit{ width: 100%; height: 40px; line-height: 40px; overflow: hidden;font-size: 16px; font-weight: 700; color: #222222;margin-top: 10px;transition: all 0.3s ease-in-out;text-align: center;}
.productbox1 .releasepro .list ul li:hover .pic img{ transform: scale(1.1);}
.productbox1 .releasepro .list ul li:hover .tit{color: #3f66a8;}





/*技术支持*/
.supportbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:url(../Images/spbg.jpg) bottom center no-repeat; background-size:cover;  padding:60px 0 60px 0; position:relative }
.supportbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px;; margin:0 auto; clear:both; overflow:hidden; }
.supportbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.supportbox1 .titbox{width: 100%; height: 50px; line-height: 50px; text-align:left; font-size: 36px; color:#733ba3; font-weight: 700;}
.supportbox1 .titbox2{width: 100%; height: auto; line-height: 200%; text-align:left; font-size: 18px; color:#0d0d0d;margin: 20px 0;}

.supportbox1 .one{ width: 100%; height: auto; overflow: hidden; margin: 0 0 0 0;}
.supportbox1 .one .tit{ width: 100%; height: 41px; background: url(../Images/tit1.jpg) 0 0 no-repeat; line-height: 41px; font-size: 20px; font-weight: 700; color: #ffffff; text-indent: 33px;}
.supportbox1 .one .word{width: 100%; height: auto; line-height: 200%;  font-size: 14px; color:#0d0d0d; box-sizing: border-box; padding: 10px 33px;}

/*资料下载*/
.supportbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:60px 0 60px 0; position:relative }
.supportbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1360px;; margin:0 auto; clear:both; overflow:hidden; }
.supportbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.supportbox2 .titbox{width: 100%; height: 50px; line-height: 50px; text-align:left; font-size: 36px; color:#733ba3;font-weight: 700;}

.supportbox2 .one .list{ width: 100%; height: auto; overflow: hidden;margin-top: 20px;}
.supportbox2 .one .list ul{margin: 0;padding: 0; list-style: none;}
.supportbox2 .one .list ul li{margin: 10px 0;padding: 0; list-style: none; width: 50%; height: auto; float: left;}
.supportbox2 .one .list ul li p{ width: 96%; height: 62px; line-height: 62px; overflow: hidden; background: url(../Images/dot3.png) left 10px center no-repeat; border: 1px solid #eeebf5;box-shadow: 0px 0px 10px 0px #f3f3f3; text-indent: 20px; font-size: 16px;}

.supportbox2 .one .list ul li:hover p{ border: 1px solid #743da3; font-weight: 700; color: #743da3;}
.supportbox2 .one .list ul li:nth-child(2n) p{ float: right;}


.mainbox{ width:100%; height:auto; overflow:hidden; padding:30px 0  50px 0;   position:relative; z-index:100; background: #f7fafc; min-height:350px}

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

.mainbox .toptitle{ width:100%; height:auto; overflow:hidden; position:relative; font-size:36px; font-weight:700; color:#222222; line-height:50px;text-align: center; }
.mainbox .toptitle2{ width:100%; height:auto; overflow:hidden; position:relative;font-size:17px; color:#222222; line-height:200%; text-align:left;margin-top: 20px;;  }

.mainbox .bgsort{ width: 100%; height: auto; overflow: hidden; border: 1px solid #e6e6e5; box-sizing: border-box; padding: 10px;}
.mainbox .bgsort ul{ margin: 0; padding: 0; list-style: none;}
.mainbox .bgsort ul li{ margin: 0 40px; padding: 0; list-style: none; float: left; height: 50px; line-height: 50px; font-size: 18px;}
.mainbox .bgsort ul li.onfocus{ font-weight: 700; color: #d61418;}
.mainbox .bgsort ul li.onfocus a{ color: #d61418; text-decoration: underline;}

.mainbox .bgsort ul li ul{ display: none;}

.mainbox .smlist{ width: 100%; height: auto; overflow: hidden; background: #f5f5f5; box-sizing: border-box; padding:20px; display: none;}
.mainbox .smlist ul{margin: 0; padding: 0; list-style: none; width: 100%; align-items: center; justify-content: center; display: flex;}
.mainbox .smlist ul li{margin:0 25px; padding: 0; list-style: none; height: 40px; line-height: 40px; color: #3e3e3e; width: auto; font-size: 16px;}
.mainbox .smlist ul li a{ color: #3e3e3e;}
.mainbox .smlist ul li.onfocus a{ color: #d61418;}

/*产品展示*/
.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:0px; list-style:none; width:33.33%; height: auto; overflow:hidden; float:left; box-sizing:border-box; padding:5px;}

.productlist ul li .box{ width:96%; height:auto; overflow:hidden;box-shadow: 0px 0px 10px 0px #f6f7fa; border:1px solid #eef2fa; border-radius:10px; box-sizing:border-box; padding:40px; background:#ffffff;}
.productlist ul li .pic{ width:100%; height:465px; overflow:hidden; display:flex;align-items:center;justify-content:center}
.productlist ul li .pic img{ max-width:90%; max-height:90%; transition:all 0.5s ease}
.productlist ul li .tit{ width:100%; height:50px; line-height:50px; text-align:center; font-weight:700; font-size:26px; text-align:center; color:#222222; overflow:hidden;margin-top: 15px;}
.productlist ul li .tit2{ width:100%; height:50px; line-height:50px; text-align:center; font-size:18px; text-align:center; color:#222222; overflow:hidden;}
.productlist ul li .more{ width:150px; height:47px; line-height:47px; text-align:center; font-size:14px; text-align:center; color:#3f66a8; overflow:hidden; font-weight: 700; margin: 0 auto; transition: all 0.5s ease; border: 1px solid #cbcbcb; border-radius: 50px;margin-top: 10px;}


.productlist ul li:hover .pic img{ transform:scale(1.1)}
.productlist ul li:hover .tit{ color:#3f66a8;}
.productlist ul li:hover .more{ background: #3f66a8; color: #ffffff;}

/*案例展示*/
.caselist{ width:100%; height:auto; overflow:hidden; }
.caselist ul{ margin:0px; padding:0px; list-style:none}
.caselist ul li{ margin:0px 0 20px 0 ; padding:0; list-style:none; width:33.33%; float:left; overflow:hidden; box-sizing:border-box; padding:5px 0}
.caselist ul li .box{ width:96%; height:auto;  overflow:hidden; position:relative; background:#FFF; border-radius: 10px; box-sizing: border-box; padding: 28px; border: 1px solid #ffffff;}
.caselist ul li:nth-child(3n-1) .box{ margin: 0 auto;}
.caselist ul li:nth-child(3n) .box{ float:right}

.caselist ul li .tit{ width:100%; height:70px; line-height:35px; font-size:18px; font-weight: 700;  color:#181818;  overflow:hidden; }
.caselist ul li .pic{ width:100%; height:345px; overflow:hidden;transition:all 0.5s ease;margin-top: 20px;}
.caselist ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition: all 0.5s ease; }
.caselist ul li .pic img{ width:100%; height:100%; overflow:hidden; transition: all 0.5s ease; object-fit: cover; }

.caselist ul li .timebox{ width:100%; height:30px; overflow:hidden; position: relative;margin-top: 20px;}
.caselist ul li .timebox .time{ width:50%; height:30px; line-height:30px; font-size:15px;  color:#3f66a8;  overflow:hidden; float:left}
.caselist ul li .timebox .more{ width:50%; height:30px; line-height:30px; font-size:15px;color:#3f66a8;  overflow:hidden; font-weight: 700; text-align: right;float:left }

.caselist ul li:hover .box{ border: 1px solid #bfcde3;}
.caselist ul li:hover .pic .img{ transform: scale(1.1);}
.caselist ul li:hover .pic img{ transform: scale(1.1);}
.caselist ul li:hover  .tit{ font-weight:700; color:#3f66a8;}


/*案例展示*/
.casebox1{ width:100%; height:auto;margin:0 auto; overflow:hidden;  background:#ffffff; background-size:cover;  padding:70px 0 60px 0; position:relative }
.casebox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.casebox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

.casebox1 .topbox{width: 100%; height: auto; overflow: hidden;}
.casebox1 .topbox .leftbox{width: 55.67%; height: auto; overflow: hidden; float: left; position: relative;}
.casebox1 .topbox .leftbox .slidebox{ width: 100%; height: 675px; overflow: hidden; position: relative; border-radius: 10px;}
.casebox1 .topbox .leftbox .slidebox .list{ width: 100%; height: 675px; overflow: hidden;;}
.casebox1 .topbox .leftbox .slidebox .list ul{ margin: 0; padding: 0; list-style: none;}
.casebox1 .topbox .leftbox .slidebox .list ul li{ margin: 0; padding: 0; list-style: none; width: 100%; height: 675px; display: flex; align-items: center; justify-content: center;}
.casebox1 .topbox .leftbox .slidebox .list ul li img{ width: 100%; height: 100%; overflow: hidden;object-fit: cover;}
.casebox1 .topbox .leftbox .slidebox .leftarr{ width: 25px; height: 43px; background: url(../Images/left4.png) no-repeat; position: absolute; left: 20px; top:50%; margin-top: -21px; cursor: pointer; z-index: 10;}
.casebox1 .topbox .leftbox .slidebox .rightarr{ width: 25px; height: 43px; background: url(../Images/right4.png) no-repeat; position: absolute; right: 20px; top:50%; margin-top: -21px; cursor: pointer; z-index: 10;}
.casebox1 .topbox .leftbox .slidebox .casepage {position: absolute; left:0 !important; width:100% !important; bottom:40px !important; z-index:100; text-align:center}
.casebox1 .topbox .leftbox .slidebox .casepage .swiper-pagination-switch { display: inline-block;width:15px; height:15px;background:#ffffff; margin: 0 3px;cursor: pointer; border-radius:10px;}
.casebox1 .topbox .leftbox .slidebox .casepage .swiper-active-switch { background:#0261af;}
/* 自定义圆点样式 */
.casebox1 .topbox .leftbox .slidebox .casepage .indexpage .custom-bullet {
  width: 15px !important; display:inline-block;
  height: 15px !important;
  background-color: #bbbab9;
  opacity: 1;
  margin:5px; border-radius: 10px;;
}

.casebox1 .topbox .leftbox .slidebox .casepage .indexpage .custom-bullet-active {
  background-color: #3f66a8;
  width:15px;
  height: 15px;
  opacity:1; 
}





.casebox1 .topbox .rightbox{ width: 41.29%;height: auto; overflow: hidden; float: right;}
.casebox1 .topbox .rightbox .tit{ width: 100%; height: auto; overflow: hidden; font-size: 32px; font-weight: 700; color: #222222; line-height: 50px; text-align: left;}
.casebox1 .topbox .rightbox .spaceline{ width: 100%; height: 1px; overflow: hidden; background: #e6e6e5; margin: 20px 0;}
.casebox1 .topbox .rightbox .intro{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #222222; line-height: 30px}
.casebox1 .topbox .rightbox .other{ width: 100%; height: auto; overflow: hidden; margin-top: 20px;}
.casebox1 .topbox .rightbox .other .tel{ width: 263px; height: 59px; line-height: 59px;background: #3f66a8; color: #ffffff; font-size: 20px; font-weight: 700; display: flex; align-items: center; justify-content: center;float: left;}
.casebox1 .topbox .rightbox .other .wechat{ width: 172px; height: 57px; overflow: hidden; border: 1px solid #e5e5e5; border-radius: 5px; line-height: 57px; display: flex; align-items: center; justify-content: center;font-size: 16px; color: #222222;float: left; margin-left: 10px;}

.casebox1 .topbox .rightbox .other2{ width: 100%; height: auto; overflow: hidden; margin-top: 20px} 
.casebox1 .topbox .rightbox .other2 ul{ margin: 0; padding: 0; list-style: none;}
.casebox1 .topbox .rightbox .other2 ul li{ margin: 0; padding: 0; list-style: none; width: 147px; height: auto; overflow: hidden; float: left;}
.casebox1 .topbox .rightbox .other2 ul li .box{ width: 96%;height: auto; overflow: hidden;}
.casebox1 .topbox .rightbox .other2 ul li .box .pic{ width: 100%; height: auto; overflow: hidden;}
.casebox1 .topbox .rightbox .other2 ul li .box .pic img{ width: 100%; height: auto;}
.casebox1 .topbox .rightbox .other2 ul li .box .tit{ width: 100%; height: 30px; overflow: hidden; font-size: 14px; color: #222222; line-height: 30px; text-align: center; opacity: 0.7}


.casebox1 .topbox2{width: 100%; height: auto; overflow: hidden; background: #f3f3f3; box-sizing: border-box; padding: 50px; border-radius: 20px;margin-bottom: 50px;margin-top: 50px;}
.casebox1 .topbox2 .titbox{ width: 100%; height: auto; overflow: hidden;text-align: center;font-size: 20px; font-weight: 700; color: #3f66a8;text-align: center; line-height: 40px;}
.casebox1 .topbox2 .titbox2{ width: 100%; height: auto; overflow: hidden;text-align: center;font-size: 42px; font-weight: 700; color: #222222;text-align: center;line-height: 60px;}

.casebox1 .topbox2 .photobox{ width: 100%; height: 560px; overflow-x: hidden; overflow-y: auto;margin-top: 20px; margin-bottom: 30px;}
.casebox1 .topbox2 .photobox ul{margin: 0; padding: 0; list-style: none;}
.casebox1 .topbox2 .photobox ul li{margin: 0 0 20px 0; padding: 0; list-style: none; width: 50%; height: 551px; overflow: hidden;float: left;}
.casebox1 .topbox2 .photobox ul li .pic{ width: 96%; height: 100%; overflow: hidden;}
.casebox1 .topbox2 .photobox ul li .pic img{ width: 100%; height: 100%; object-fit: cover; transition: all 0.5s ease;}
.casebox1 .topbox2 .photobox ul li:hover .pic img{ transform: scale(1.1);}


.casebox1 .topbox2 .intro{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; font-size: 17px; overflow: hidden; line-height: 200%;}
.casebox1 .topbox2 .intro img{ max-width: 100%; height: auto;}

.casebox1 .topbox2 .morebox{ width: 100%; height: auto; overflow: hidden; margin-top: 20px; border-top: 1px solid #e5e5e5; padding: 20px 0 0 0;}
.casebox1 .topbox2 .morebox ul{ margin: 0; padding: 0; list-style: none}
.casebox1 .topbox2 .morebox ul li{ margin: 0; padding: 0; list-style: none; width: 50%; height: 50px; line-height: 50px; font-size: 18px; overflow: hidden; float: left;}

/*相关案例*/
.casebox1 .topbox3{width: 100%; height: auto; overflow: hidden; background: #ffffff; margin-top: 20px; }
.casebox1 .topbox3 .titbox{ width: 100%; height: auto; overflow: hidden;text-align: center;font-size: 20px; font-weight: 700; color: #3f66a8;text-align: center;line-height: 40px;}
.casebox1 .topbox3 .titbox2{ width: 100%; height: auto; overflow: hidden;text-align: center;font-size: 42px; font-weight: 700; color: #222222;text-align: center; line-height: 60px;}
.casebox1 .topbox3 .caselist{margin-top: 25px;}
.casebox1 .topbox3 .caselist ul li:nth-child(4){ display: none;}

.casebox1 .topbox3 .caselist ul li .box{ box-shadow: 0 0 10px 0 #d4dde7;float: none; margin: 0 auto;}

/*手册下载*/
.manualbox1{ width:100%; height:auto; overflow:hidden; padding:50px 0;}
.manualbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.manualbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.manualbox1 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:20px; font-weight:700; color:#3f66a8; line-height:40px; text-transform: uppercase;}
.manualbox1 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:42px; font-weight:700; color:#222222; line-height:60px;margin-bottom: 50px;}
.manualbox1 .getmore{ width: 220px; height: 58px; line-height: 58px; margin: 0 auto; text-align: center;margin-top: 50px; font-size: 14px; font-weight: 700; color: #808080; border: 1px solid #808080; border-radius: 50px; transition: all 0.5s ease;}
.manualbox1 .getmore:hover{ background: #3267b0; color: #ffffff;}


/*参数表*/
.manualbox2{ width:100%; height:auto; overflow:hidden; background: #f4f6f8; padding: 60px 0;}
.manualbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.manualbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.manualbox2 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:20px; font-weight:700; color:#3f66a8; line-height:40px; text-transform: uppercase;}
.manualbox2 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:42px; font-weight:700; color:#222222; line-height:60px;margin-bottom: 50px;}
.manualbox2 .getmore{ width: 220px; height: 58px; line-height: 58px; margin: 0 auto; text-align: center;margin-top: 50px; font-size: 14px; font-weight: 700; color: #808080; border: 1px solid #808080; border-radius: 50px; transition: all 0.5s ease;}
.manualbox2 .getmore:hover{ background: #3267b0; color: #ffffff;}


/*标准模型*/
.manualbox3{ width:100%; height:auto; overflow:hidden; padding:50px 0;}
.manualbox3 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.manualbox3 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.manualbox3 .titbox{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:20px; font-weight:700; color:#3f66a8; line-height:40px; text-transform: uppercase;}
.manualbox3 .titbox2{ width:100%; height:auto; overflow:hidden; text-align:center; font-size:42px; font-weight:700; color:#222222; line-height:60px;margin-bottom: 50px;}

.manualbox3 .nav{ width: 100%; height: auto; overflow: hidden; border: 1px solid #e4e4e4; border-radius: 50px;}
.manualbox3 .nav ul{ margin: 0; padding: 0; list-style: none;display: flex; width: 100%;}
.manualbox3 .nav ul li{ margin: 0; padding: 0 ; list-style: none; height: 56px; line-height: 56px; font-size: 18px; color: #222222;text-align: center;flex: 1; cursor: pointer;}
.manualbox3 .nav ul li.onfocus{background: #3f66a8; font-weight: 700; color: #ffffff; border-radius: 50px;}
.manualbox3 .nav ul li.onfocus a{ color: #ffffff;}

.manualbox3 .nav ul li:hover{background: #3f66a8; font-weight: 700; color: #ffffff; border-radius: 50px;}
.manualbox3 .nav ul li:hover a{ color: #ffffff;}

/*产品手册*/
.manuallist{ width: 100%; height: auto; overflow: hidden; }
.manuallist ul{ margin: 0; padding: 0; list-style: none;}
.manuallist ul li{ margin: 10px 0; padding: 5px 0; list-style: none; width: 33.33%; height: auto; overflow: hidden; float: left; box-sizing: border-box;}
.manuallist ul li .box{ width: 96%; height: auto; overflow: hidden; background: #ffffff; box-sizing: border-box; padding: 25px; margin: 0 auto; box-shadow: 0 0 10px 0 #c1cde4;}
.manuallist ul li .pic{ width: 168px; height: 225px; overflow: hidden;float:left}
.manuallist ul li .pic img{ width: 100%; height: 100%; overflow: hidden; transition: all 0.5s ease;object-fit: cover;}
.manuallist ul li .wordbox{width:calc(100% - 175px); height: auto; overflow: hidden; float: right; }
.manuallist ul li .wordbox .tit{ width: 100%; height: auto; overflow: hidden; font-size: 18px; color: #181818; font-weight: 700;; line-height: 30px; }
.manuallist ul li .wordbox .time{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #757575; margin-top: 10px; }
.manuallist ul li .wordbox .time span{ color: #3f66a8;}
.manuallist ul li .wordbox .space{width: 100%; height: 1px ;overflow: hidden; background: #e5e5e5; margin: 70px 0 10px 0}
.manuallist ul li .wordbox .morebox{ width: 100%; height: auto; overflow: hidden;}
.manuallist ul li .wordbox p{ display: block;float: left; border-radius: 50px;text-align: center; }
.manuallist ul li .wordbox .t1{ width: 48%; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #3f66a8; border-radius: 30px; color: #3f66a8; margin-right: 2%;}
.manuallist ul li .wordbox .t2{ width: 48%; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #637082; border-radius: 30px; color: #637082; }
.manuallist ul li .wordbox .t1:hover{background: #3f66a8; color: #ffffff;}
.manuallist ul li .wordbox .t2:hover{background: #3f66a8; color: #ffffff;}


/*参数表*/
.cslist{ width: 100%; height: auto; overflow: hidden; }
.cslist ul{ margin: 0; padding: 0; list-style: none;}
.cslist ul li{ margin: 10px 0; padding: 5px 0; list-style: none; width: 50%; height: auto; overflow: hidden; float: left; box-sizing: border-box;}
.cslist ul li .box{ width: 96%; height: auto; overflow: hidden; background: #ffffff; box-sizing: border-box; padding: 25px; margin: 0 auto; box-shadow: 0 0 10px 0 #c1cde4;}
.cslist ul li .pic{ width: 304px; height: 228px; overflow: hidden;float:left}
.cslist ul li .pic img{ width: 100%; height: 100%; overflow: hidden; transition: all 0.5s ease;object-fit: cover;}
.cslist ul li .wordbox{width:calc(100% - 315px); height: auto; overflow: hidden; float: right; }
.cslist ul li .wordbox .tit{ width: 100%; height: auto; overflow: hidden; font-size: 18px; color: #181818; font-weight: 700;; line-height: 30px; }
.cslist ul li .wordbox .time{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; color: #757575; margin-top: 10px; }
.cslist ul li .wordbox .time span{ color: #3f66a8;}
.cslist ul li .wordbox .space{width: 100%; height: 1px ;overflow: hidden; background: #e5e5e5; margin: 70px 0 10px 0}
.cslist ul li .wordbox .morebox{ width: 100%; height: auto; overflow: hidden;}
.cslist ul li .wordbox p{ display: block;float: left; border-radius: 50px;text-align: center; }
.cslist ul li .wordbox .t1{ width: 31.33%; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #3f66a8; border-radius: 30px; color: #3f66a8; margin-right: 2%;}
.cslist ul li .wordbox .t2{ width: 31.33%; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #637082; border-radius: 30px; color: #637082; margin-right: 2%;}
.cslist ul li .wordbox .t3{ width: 31.33%; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #637082; border-radius: 30px; color: #637082; }
.cslist ul li .wordbox .t1:hover{background: #3f66a8; color: #ffffff;}
.cslist ul li .wordbox .t2:hover{background: #3f66a8; color: #ffffff;}
.cslist ul li .wordbox .t3:hover{background: #3f66a8; color: #ffffff;}


/*标准模型*/
.modelist{ width: 100%; height: auto; overflow: hidden;margin-top: 35px; }
.modelist ul{ margin: 0; padding: 0; list-style: none;}
.modelist ul li{ margin: 10px 0; padding: 5px 0; list-style: none; width: 100%; height: auto; overflow: hidden; float: left; box-sizing: border-box;}
.modelist ul li .box{ width: 98%; height: auto; overflow: hidden; background: #ffffff; box-sizing: border-box; padding: 25px; margin: 0 auto; box-shadow: 0 0 10px 0 #c6cddd;}
.modelist ul li .pic{ width: 302px; height: 224px; overflow: hidden;float:left; border: 1px solid #bfbfbf;}
.modelist ul li .pic img{ width: 100%; height: 100%; overflow: hidden; transition: all 0.5s ease;}
.modelist ul li .wordbox{width:calc(100% - 315px); height: auto; overflow: hidden; float: right; }
.modelist ul li .wordbox .tit{ width: 100%; height: auto; overflow: hidden; font-size: 18px; color: #181818; font-weight: 700;; line-height: 30px; }
.modelist ul li .wordbox .tit2{ width: 100%; height: auto; overflow: hidden; font-size: 16px; color: #181818; line-height: 30px;margin-top: 15px; }

.modelist ul li .wordbox .other{ width: 100%; height: auto; overflow: hidden;margin-top: 30px;}
.modelist ul li .wordbox .time{height: 40px; line-height: 40px; font-size: 14px; color: #757575;float: left; }
.modelist ul li .wordbox .time span{ color: #3f66a8;}
.modelist ul li .wordbox .morebox{ height: 40px; line-height: 40px;;  height: auto; overflow: hidden; float: right;}
.modelist ul li .wordbox .morebox span{ font-size: 16px; font-weight: 700; color: #3f66a8; display: inline-block;}
.modelist ul li .wordbox p{ display: block; border-radius: 50px;text-align: center; display: inline-block; }
.modelist ul li .wordbox .t1{ width:115px; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #3f66a8; border-radius: 30px; color: #3f66a8; margin-right: 10px;}
.modelist ul li .wordbox .t2{ width: 115px; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #637082; border-radius: 30px; color: #637082; margin-right: 10px;}
.modelist ul li .wordbox .t3{ width: 115px; height: 37px; line-height: 37px; font-size: 14px; border: 1px solid #637082; border-radius: 30px; color: #637082; }
.modelist ul li .wordbox .t1:hover{background: #3f66a8; color: #ffffff;}
.modelist ul li .wordbox .t2:hover{background: #3f66a8; color: #ffffff;}
.modelist ul li .wordbox .t3:hover{background: #3f66a8; color: #ffffff;}

.modelist ul li:hover .pic img{transform: scale(1.1);}
.modelist ul li:hover .wordbox .tit{ color: #3f66a8;}

/*推荐新闻*/
.slidenews{ width:100%; height:620px; overflow:hidden; box-sizing:border-box;  position:relative; background:#ffffff; border: 40px solid #ffffff; box-sizing:border-box; position: relative; border-radius: 5px;;}
.slidenews .list{ width:100%; height:620px; overflow:hidden;}
.slidenews .list ul{ margin:0px; padding:0px; list-style:none}
.slidenews .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:620px; overflow:hidden;}
.slidenews .list ul li .box{ width:100%; height:auto; overflow:hidden;}
.slidenews .list ul li .pic{ width:48%; height:540px; overflow:hidden; float:right; border-radius:10px;}
.slidenews .list ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease}
.slidenews .list ul li .pic img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease;object-fit: cover;}

.slidenews .list ul li .wordbox{ width:48%; height:auto; float:left; overflow:hidden;}
.slidenews .list ul li .wordbox .time{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#3f66a8;margin-top: 40px;}
.slidenews .list ul li .wordbox .tit{ width:100%; height:auto; line-height:45px; overflow:hidden; font-size:26px; color:#3f66a8; margin-top:22px; font-weight: 700;}
.slidenews .list ul li .wordbox .word{ width:100%; height:90px; line-height:30px; font-size:15px; color:#606060; opacity:0.9; margin-top:30px; overflow:hidden;}
.slidenews .list ul li .wordbox .more{ width:100%; height:35px; line-height:35px; display:flex;align-items:center; margin-top:70px; font-size:14px; color:#606060}

.slidenews  .newspage {position: absolute; right:52% !important; width:48% !important; bottom:40px !important; z-index:100; text-align:right}
.slidenews  .newspage .swiper-pagination-switch { display: inline-block;width:10px; height:10px;background:#ffffff; margin: 0 3px;cursor: pointer; border-radius:10px;}
.slidenews  .newspage .swiper-active-switch { background:#0261af;}
/* 自定义圆点样式 */
.slidenews  .newspage .custom-bullet {
  width: 10px; display:inline-block;
  height: 10px;
  background-color: #cccccc;
  opacity: 1;
  margin:5px; border-radius: 10px;;
}

.slidenews  .newspage .custom-bullet-active {
  background-color: #3f66a8;
  width:10px;
  height: 10px;
  opacity:1; 
}



/*推按新闻*/
.goodlistbox { width: 100%; height: auto; overflow: hidden; margin-top:50px;}
.goodlistbox .list{ width:100%; height:auto; overflow:hidden; margin:0 auto ; }
.goodlistbox .list ul{ margin:0px; padding:0px; list-style:none}
.goodlistbox .list ul li{ margin:10px 0; padding:0px; list-style:none; width:33.33%; height:auto; float:left; overflow:hidden;}
.goodlistbox .list ul li .box{ width:94%; height:auto; overflow:hidden; box-sizing: border-box; padding: 20px; background: #ffffff; border: 1px solid #ffffff; border-radius: 5px; }
.goodlistbox .list ul li .pic{ width:100%; height:353px; overflow:hidden; border-radius: 5px; }
.goodlistbox .list ul li .pic .img{ width: 100%; height: 100%; transition: all 0.5s ease;}
.goodlistbox .list ul li .pic img{ width: 100%; height: 100%; transition: all 0.5s ease;object-fit: cover;}

.goodlistbox .list ul li .wordbox{ width:100%; height:auto; overflow:hidden; box-sizing: border-box; padding: 20px 0 0 0 ; }
.goodlistbox .list ul li .tit{width:100%; height:60px; line-height:30px; overflow:hidden; font-size:18px; color:#181818; font-weight: 700; }
.goodlistbox .list ul li .word{width:100%; height:60px; line-height:30px; overflow:hidden; font-size:15px; color:#222222; opacity: 0.8;margin-top: 20px; }
.goodlistbox .list ul li .time{width:100%; height:50px; line-height:50px; overflow:hidden; font-size:15px; color:#3f66a8;  margin-top: 10px; border-top: 1px solid #e5e5e5;margin-top: 20px;}
.goodlistbox .list ul li .time p{ display: block; height: 50px; line-height: 50px;float: left;}
.goodlistbox .list ul li .time p.t1{ float: left;}
.goodlistbox .list ul li .time p.t2{float: right; font-weight: 700; }

.goodlistbox .list ul li:hover .pic .img{ transform: scale(1.1);}
.goodlistbox .list ul li:hover .pic img{ transform: scale(1.1);}
.goodlistbox .list ul li:hover .box{ border-color: #bfcde3;}

.goodlistbox .list ul li:hover .tit{ font-weight: 700; color: #3f66a8;}


/*新闻详细页*/
.newstop{ width:100%; height:auto; overflow:hidden; background: url(../Images/newsbg.jpg) top center no-repeat #f7fafc; padding: 30px 0  90px 0;}
.newstop .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.newstop .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}
.newstop .locationbox{ width:100%; height:auto; overflow:hidden; margin-top:20px;font-size: 16px; color: #ffffff; display: flex; align-items: center;}
.newstop .locationbox a{ color: #ffffff;}
.newstop .titbox{ width: 100%; height: auto; overflow: hidden;margin-top: 50px;border-bottom: 1px solid #b2c5e4; font-size: 26px; font-weight: 700; color: #ffffff; line-height: 60px;}
.newstop .timebox{ width: 100%; height: 50px; line-height: 50px; position: relative; overflow: hidden; font-size: 17px; color: #ffffff;margin-top: 15px;}
.newstop .timebox p.t1{ position: absolute;left: 0; top: 0;}
.newstop .timebox p.t2{ position: absolute;right: 0; top: 0;}

.newstop .timebox a{ color: #ffffff;}

.newstop .introbox{ width: 100%; height: auto; overflow: hidden;background: #ffffff; border-radius: 10px; padding: 50px; font-size: 17px; color: #333333; line-height: 200%;;margin-top: 20px;}
.newstop .introbox .showus{ width: 100%; height: auto; overflow: hidden; line-height: 200%; font-size: 16px;;}
.newstop .introbox .showus img{ max-width: 100%; height: auto;}
.newstop .introbox .prevnextone{ width: 100%; height: auto; overflow: hidden; border-top: 1px solid #ebebeb;margin-top: 20px;padding-top: 20px;}
.newstop .introbox .prevnextone .one{ width: 100%; height: 50px; line-height: 50px;; overflow: hidden; font-size: 18px; font-weight: 700; color: #333333;}

.newstop .restit{ width: 100%; height: auto; overflow: hidden;margin-top: 70px;font-size: 42px; font-weight: 700; color: #222222; line-height: 50px;text-align: center;}
.newstop .resbox{ width: 100%; height: auto; overflow: hidden;margin-top: 0px;}


/*推荐新闻*/
.videonews{ width:100%; height:620px; overflow:hidden; box-sizing:border-box;  position:relative; background:#ffffff; border: 40px solid #ffffff; box-sizing:border-box; position: relative; border-radius: 5px;;}
.videonews .list{ width:100%; height:620px; overflow:hidden;}
.videonews .list ul{ margin:0px; padding:0px; list-style:none}
.videonews .list ul li{ margin:0px; padding:0px; list-style:none; width:100%; height:620px; overflow:hidden;}
.videonews .list ul li .box{ width:100%; height:auto; overflow:hidden;}
.videonews .list ul li .pic{ width:48%; height:540px; overflow:hidden; float:right; border-radius:10px; position: relative;}
.videonews .list ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease}
.videonews .list ul li .pic img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease; object-fit: cover;;}
.videonews .list ul li .pic .play{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);width: 67px; height: 67px; background: url(../Images/play.png) no-repeat center; background-size: 100% 100%;}

.videonews .list ul li .wordbox{ width:48%; height:auto; float:left; overflow:hidden;}
/*
.videonews .list ul li .wordbox .time{ width:100%; height:25px; line-height:25px; overflow:hidden; font-size:15px; font-family:Arial, Helvetica, sans-serif; color:#3f66a8;}
*/
.videonews .list ul li .wordbox .tit{ width:100%; height:auto; line-height:40px; overflow:hidden; font-size:26px; color:#0061ce; margin-top:57px; font-weight: 700;}
.videonews .list ul li .wordbox .word{ width:100%; height:210px; line-height:30px; font-size:15px; color:#606060; opacity:0.9; margin-top:30px; overflow:hidden;}
.videonews .list ul li .wordbox .more{ width:100%; height:35px; line-height:35px; display:flex;align-items:center; margin-top:40px; font-size:14px; color:#606060}

.videonews  .newspage {position: absolute; right:52% !important; width:48% !important; bottom:40px !important; z-index:100; text-align:right}
.videonews  .newspage .swiper-pagination-switch { display: inline-block;width:10px; height:10px;background:#ffffff; margin: 0 3px;cursor: pointer; border-radius:10px;}
.videonews  .newspage .swiper-active-switch { background:#0261af;}
/* 自定义圆点样式 */
.videonews  .newspage .custom-bullet {
  width: 10px; display:inline-block;
  height: 10px;
  background-color: #cccccc;
  opacity: 1;
  margin:5px; border-radius: 10px;;
}

.videonews  .newspage .custom-bullet-active {
  background-color: #3f66a8;
  width:10px;
  height: 10px;
  opacity:1; 
}

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

/*视频列表*/
.videolist{ width:100%; height:auto; overflow:hidden; margin:0 auto; margin-top:0px;}
.videolist ul{ margin:0px; padding:0px; list-style:none}
.videolist ul li{ margin:20px 0px; padding:0px; list-style:none; width:33.33%; height:auto; overflow:hidden; float:left}
.videolist ul li .box{ width:96%; height:auto;  overflow:hidden;  background: #ffffff; box-sizing: border-box; padding:20px; border-radius: 10px; margin: 0 auto; border: 1px solid #ffffff;}

.videolist ul li .pic{ width:100%; height:264px; overflow:hidden; position: relative;}
.videolist ul li .pic .img{width:100%; height:100%; overflow:hidden;transition: all 0.5s ease; position: relative; z-index: 0;}
.videolist ul li .pic img{width:100%; height:100%; overflow:hidden;transition: all 0.5s ease; position: relative; z-index: 0;object-fit: cover;}
.videolist ul li .cover {
    width: 59px;
    height: 59px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); background: url(../Images/play.png) no-repeat; z-index: 10;background-size: 100% 100%;

}

.videolist ul li .wordbox{ width:100%; height:auto; overflow: hidden; margin-top: 15px;}
.videolist ul li .tit{ width:100%; height:60px; line-height:30px; text-align:left;font-size:18px; overflow:hidden; color:#3e3e3e; font-weight: 700; }

.videolist ul li:hover .box{ border-color: #bfcde3;}
.videolist ul li:hover .pic .img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.videolist ul li:hover .pic img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.videolist ul li:hover .tit{ font-weight: 700; color: #3f66a8;}




.bignews{ width:100%; height:auto; overflow:hidden; margin:0 auto; }
.bignews ul{ margin:0px; padding:0px; list-style:none}
.bignews ul li{ margin:0px 0 40px 0; padding:35px; overflow:hidden; list-style:none; width:100%; height:auto; background: #f5f5f5;border: 1px solid #ffffff;}
.bignews ul li .box{ width:100%; height:auto; overflow:hidden; }

.bignews ul li .pic{ width:32.63%; height:262px; float:right; overflow:hidden; border-radius:0px}
.bignews ul li .pic .img{ width:100%; height:100%; overflow:hidden; transition:all 0.5s ease}


.bignews ul li .wordbox{ width:65%; float:left; overflow:hidden; height:auto; box-sizing:border-box;  }
.bignews ul li .wordbox .time{ width:100%; height:auto; overflow:hidden; margin-top:15px; font-size:14px; color:#d61418; }
.bignews ul li .wordbox .tit{ width:100%; height:30px; line-height:30px; font-size:22px;color:#3e3e3e;overflow:hidden; margin-top:10px; }
.bignews ul li .wordbox .word{ width:100%; height:60px; line-height:30px; overflow:hidden; font-size:15px; color:#3e3e3e; margin-top:20px;}

.bignews ul li .wordbox .more{ width:146px; height:45px; line-height: 45px; overflow:hidden; margin-top:35px; font-size:14px; border: 1px solid #d61418;color: #d61418; text-align: center;; }


.bignews ul li:hover{ background: none;border: 1px solid #d61418;}
.bignews ul li:hover .box{}
.bignews ul li:hover .wordbox .tit{ font-weight:700; color:#d61418}
.bignews ul li:hover .more{ color:#ffffff; background: #d61418;}
.bignews ul li:hover .picbox .img{ transform:scale(1.1)}


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

/*联系我们*/
.contactbox1{ width:100%; height:auto;margin:0 auto; overflow:hidden; background:#f7fafc; padding:90px 0; position:relative }
.contactbox1 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.contactbox1 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

/* 上部 */
.contactbox1 .topbox{ width:100%; height:auto; overflow:hidden; margin-bottom:60px; }
.contactbox1 .topbox .leftbox{ width:50%; height:auto; overflow:hidden; float:left; box-sizing:border-box;  }
.contactbox1 .topbox .rightbox{ width:50%; height:auto; overflow:hidden; float:right; }

/* 标题 */
.contactbox1 .titbox{ width:100%; height:auto; line-height:30px; text-align:left; font-size:20px; color:#3f66a8; font-weight: 700;margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.contactbox1 .titbox2{ width:100%; height:auto; line-height:46px; text-align:left; font-size:42px; font-weight: 700;; color:#222222; }
.contactbox1 .titbox3{ width:100%; height:auto; line-height:200%; text-align:left; font-size:16px;color:#222222; opacity: 0.8; margin-top: 20px;}

/* 信息列表 */
.contactbox1 .infolist{ width:100%; height:auto; overflow:hidden; margin-top:30px; }
.contactbox1 .infolist .item{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; border-bottom: 1px solid #f0f0f0; padding-bottom: 28px;; }
.contactbox1 .infolist .item .icon{ width:53px; height:53px; line-height:53px; text-align:center; float:left;  }
.contactbox1 .infolist .item .icon img{ max-width: 100%;; height:auto; }
.contactbox1 .infolist .item .txt{ height:auto; overflow:hidden;width: calc(100% - 75px); float: right; }
.contactbox1 .infolist .item .txt .t1{ font-size:16px; color:#222222; line-height:20px; width: 100%; opacity: 0.6; }
.contactbox1 .infolist .item .txt .t2{ font-size:20px; color:#222222; line-height:35px; width: 100%; margin-top: 10px;  }
.contactbox1 .infolist .item .txt img{ border: 1px solid #f3f3f3;}
.contactbox1 .qrcode{ width: calc(100% - 75px); float: left;  height:auto; overflow:hidden; margin-left:75px; ; margin-top:25px; max-width: 570px; }
.contactbox1 .qrcode ul{ margin: 0; padding: 0; list-style: none;}
.contactbox1 .qrcode ul li{ margin: 0; padding: 0; list-style: none; width: 31%;height: auto; overflow: hidden;float: left;}
.contactbox1 .qrcode ul li .tit{ width: 100%; height: 35px; line-height: 35px; font-size: 16px; color: #222222; opacity: 0.8;;}
.contactbox1 .qrcode ul li .pic{ width: 100%; height: auto; overflow: hidden;margin-top: 10px;}
.contactbox1 .qrcode ul li .pic img{ width: 80%; height: auto; overflow: hidden; border: 1px solid #e7e7e7; border-radius: 5px;}



.contactbox1 .infolist .item:nth-child(1)  .txt .t2{ font-size:26px; color:#3f66a8;  font-weight:700; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif; }
.contactbox1 .infolist .item:nth-child(2)  .txt .t2{ font-family: Arial, Helvetica, sans-serif;}

/* 地图 */
.contactbox1 .map{ width:100%; height:auto; overflow:hidden; }
.contactbox1 .map img{ width:100%; height:auto; display:block; }

/* 下部 */
.contactbox1 .bottombox{ width:100%; height:auto; overflow:hidden; }
.contactbox1 .bottombox .imgbox{ width:48%; height:auto; overflow:hidden; float:left; }
.contactbox1 .bottombox .imgbox img{ width:100%; height:auto; display:block; }
.contactbox1 .bottombox .discuzbox{ width:48%; height:auto; overflow:hidden; float:right; }

/* 表单 */
.contactbox1 .discuzbox .tit{ font-size:24px; color:#733ba3; font-weight:700; line-height:36px; margin-bottom:15px; }
.contactbox1 .discuzbox .word{ font-size:18px; color:#464646; line-height:36px; margin-bottom:25px; }


/*在线留言*/
.contactbox2{ width:100%; height:auto;margin:0 auto; overflow:hidden; background: url(../Images/contactbg2.jpg) no-repeat;background-size: cover;; padding:90px 0; position:relative }
.contactbox2 .centerbox{ width:100%; height:auto;  min-width:320px; max-width:1620px;; margin:0 auto; clear:both; overflow:hidden; }
.contactbox2 .centerbox .centerin{ width:100%; height:auto; overflow:hidden; line-height:200%;}

/* 标题 */
.contactbox2 .titbox{ width:100%; height:auto; line-height:30px; text-align:left; font-size:20px; color:#3f66a8; font-weight: 700;margin-bottom:15px; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; }
.contactbox2 .titbox2{ width:100%; height:auto; line-height:46px; text-align:left; font-size:42px; font-weight: 700;; color:#222222; }
.contactbox2 .titbox3{ width:100%; height:auto; line-height:200%; text-align:left; font-size:16px;color:#222222; opacity: 0.8; margin-top: 20px;}


.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:33.33%; float:left; overflow:hidden;}
.formbox2 ul li .input3{ width:96%; height:58px; border:1px solid #ebebeb; text-indent:10px; font-size:16px; color:#232323; outline:none; background:#f7fafc; 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:#f7fafc; border-radius:5px; }

.formbox2 ul li.t2{text-align: center;}

.formbox2 ul li.t3{text-align: right;}

.formbox2 ul li.t4{ width: 50%;}
.formbox2 ul li.t5{ width: 50%;text-align: right;}

.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:#f7fafc}
.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:#f7fafc;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:#f7fafc}
.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:#3f66a8;  border:0px; display:block;  border-radius:50px;   background:none; border:1px solid #3f66a8;  text-align:center; transition: all 0.5s ease; margin: 0 auto;}
.formbox2 ul li .btnme:hover{ background:#3f66a8; 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;}







/*知识产权*/
.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);}













.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 20px 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}





.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;}




.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%
}



/*视频*/
.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)}









.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;}



/*人才招聘*/
.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}



/*合作伙伴*/
.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;}
*/



/*新闻*/
.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}







/*表单*/

.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;}


/*新闻信息*/
.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}









.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/dd1.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;}




/*材料展示*/
.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;}







/*服务*/
.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;}









.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;  margin:0 auto}
.readvideo video{ width:100%; height:765px; object-fit:cover;}



.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;}





/*客服二维码*/
.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:#3f66a8}
.nmpsearch ul li.t2 input:hover{ background:#3f66a8}