body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a,a:hover{ text-decoration:none;}
body{ font-family: microsoft yahei; font-size: 16px;}
.clearbox{ width:0; height:0; clear:both; overflow:hidden;}
.stop{ background-color: #ffffff; position: sticky; width: 100%; top: 0; z-index: 999;}
.snav{ display: flex; align-items: center; justify-content: space-between;}
.smidd{ width: 1480px; margin:0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.navarea{ flex: 1; display: flex; align-items: center;}
.nav{   position:relative; z-index:1; flex: 1; display: flex; align-items: center; justify-content: flex-end; padding-left: 220px;  }
.nav a{ color:#023270;  }
.nav .nLi{ flex: 1;  position:relative;  }
.nav .nLi::after{ content: ''; width: 20px; height: 3px; background-color: #ffffff6e; position: absolute; bottom: 25px; border-radius: 5px; left: 50%; margin-left: -10px; display: none;}
.nav .nLi.on:after{display: block; animation: nLi 0.5s forwards; }
@keyframes nLi{
	from{ opacity: 0; bottom: 0; background-color: #ffffff6e;}
	to{ opacity: 1; bottom: 25px;background-color: #fff;}
}
.nav .nLi h3{font-weight: normal;}
.nav .nLi h3 a{ display:block;  height: 112px; line-height: 112px; font-size:20px;  text-align: center; transition: all 0.5s;}
.nav .nLi.on h3 a,.nav .nLi h3 a:hover{ font-weight: bold;   }
.nav .sub{ display:none; width:100%; left:0; top:112px;  position:absolute; background:#ffffff;  line-height:26px; padding:5px 0;  }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block; padding:12px 10px; text-align: center;   border-bottom: #ffffff42 1px dashed; transition: all 0.5s; }
.nav .sub a:hover{ background:#1e4681; color:#fff;   }
.sbanner{ height: 960px;background: url("../images/banner.jpg") no-repeat center top;}
.slideBox{ width:800px; height:450px; overflow:hidden; position:relative; border:2px solid #fff; transition: all 0.3s;  }
.slideBox:hover{border:2px solid #26549d; }
.slideBox .hd{ height: 25px; overflow: hidden; position: absolute; right: 5px; bottom: 5px; z-index: 1; width: 100%; display: flex; align-items: center; justify-content: center;}
.slideBox .hd ul{overflow: hidden; zoom: 1; flex: 1; display: flex; align-items: center; justify-content: center;}
.slideBox .hd ul li{float: left; width: 22px; height: 22px; line-height: 22px; text-align: center; background: #fff; cursor: pointer; border-radius: 100%; font-size: 13px; color: #7e7e7e; margin: 0 5px; }
.slideBox .hd ul li.on{ background:#315c9f; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:800px; height:450px; display:block; transition: all 0.3s;   }
.slideBox .bd img:hover{ transform: scale(1.05);}
.sus{ background: url("../images/us3.png") repeat; padding-top: 180px;}

.susbg1{background: url("../images/us1.png") no-repeat left bottom;}
.susbg2{background: url("../images/us2.png") no-repeat right bottom;}
.susinfo{ display: flex; align-items: center;}
.susinfo .left{ flex: 1; overflow: hidden; padding-right: 90px; }
.susinfo .left .h2{ height: 115px;background: url("../images/us4.png") no-repeat bottom left;}
.susinfo .left .h2 .h2_e{ font-size: 18px; color: #9f9f9f; height: 28px; line-height: 28px; padding-top: 22px;}
.susinfo .left .h2 .h2_c{ font-size: 40px; color: #2848a6; height: 42px; line-height: 42px; font-weight: bold;}
.susinfo .left .p .p_t{ font-size: 30px; color: #21233c; height:70px; line-height:70px; padding-top: 10px; position: relative;}
.susinfo .left .p .p_t::after{ content: ''; display: block; position: absolute; width: 77px; height: 2px; background-color: #2848a6; bottom: 0; left: 0;}
.susinfo .left .p .p_p{font-size: 16px; color: #434242; line-height: 33px;  padding: 12px 0 40px 0;}
.susinfo .left .p .p_a{ display: block; width: 166px; height: 47px; line-height: 47px; text-align: center; border: #2848a6 2px solid; font-size: 16px; color: #2848a6; position: relative;  overflow: hidden;transition: all 0.5s; }
.susinfo .left .p .p_a::after{content: ''; display: block; position: absolute; width: 166px; height:47px; background-color: #2848a6; bottom: 0; left: -1667px; transition: all 0.5s; z-index: 0;}
.susinfo .left .p .p_a:hover::after{ left: 0;}
.susinfo .left .p .p_a strong{ position: relative; z-index: 1; font-weight: normal;}
.susinfo .left .p .p_a:hover{ color: #fff;  }
.sus_num{ display: flex;color: #2b5598; padding: 76px 0 140px 0;}
.sus_num li{ flex: 1; text-align: center;}
.sus_num li .nums span{  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif; font-size: 65px;}
.sus_num li .nums em{ font-size: 25px;}
.sus_num li .p{ font-size: 18px;}
.shonor{ background: url('../images/bg1.jpg')no-repeat center top; height: 713px;}
.sbtns{ display: flex; align-items: center; justify-content: center; position: relative; top: -74px; }
.sbtns li{ width: 236px; height: 150px; border-radius:10px; border: #f1f1f1 2px dashed; display: flex; align-items: center; justify-content: center; margin: 0 13px; transition: all 0.3s;}
.sbtns li .info{ display: block; width: 213px; height: 121px; background-color: #f1f1f1; display: flex; flex-direction: column; align-items: center; justify-content: center; transition: all 0.3s; color: #8c8c8c;}
.sbtns li .info .iconfont{  font-size: 50px; transition: all 0.5s;}
.sbtns li .info em{ font-size: 23px; color: #393838; padding:5px 0 0 0;}
.sbtns li:hover{border: #ffae00 2px dashed; }
.sbtns li:hover .info{ background-color: #ffae00; color: #fff;}
.sbtns li:hover .info em{color: #fff; font-weight: bold;}
.sbtns li:hover .info .iconfont{  font-size: 0px;}
.shonor .title{     padding: 20px 0 20px 0;}
.shonor .title .en{ font-size: 16px; color: #a9b2cb; line-height: 35px;}
.shonor .title .ch{ font-size: 40px; color: #ffffff; font-weight: bold;}
.shonor .title .ch strong{ color: #ffae00;}
.picScroll-left{ position: relative;}
.picScroll-left .bd{ padding:10px 105px; margin-left: -5px; width: 1300px; box-sizing: border-box;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center;width:302px; height:198px; overflow: hidden;  }
.picScroll-left .bd ul li .pic img{ width:302px; height:198px; display:block; transition: all 0.3s; }
.picScroll-left .bd ul li .pic:hover img{ transform: scale(0.95); }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:65px; font-size: 18px; padding: 0; }
.picScroll-left .bd ul li .title a{ color: #fff;  transition: all 0.5s; }
.picScroll-left .bd ul li .title a:hover{ color:#ffae00; }
.picScroll-left .iconbtn{ display: block; width:89px; height: 89px;line-height: 89px;text-align: center; font-size: 45px; color: #fff; border: #41669f 1px solid; border-radius: 100%; position: absolute;top: 70px;  transition: all 0.5s;  }
.picScroll-left .next{ left: 0px; }
.picScroll-left .prev{ right: 0px; transform: rotate(180deg); }
.picScroll-left .iconbtn:hover{ background-color: #fff; cursor: pointer; color: #41669f;}
.spro{ height: 900px; padding-top: 72px; background: url('../images/pro.jpg')no-repeat center top;}
.spro .tab{ display: flex; align-items: center; justify-content: space-between; padding-top: 40px;}
.spro .tab a{ display: block; flex: 1; text-align: center; height: 55px; line-height: 55px; background-color: #fff; color: #333; border-radius: 5px; margin: 0 5px; transition: all 0.3s; font-size: 18px;}
.spro .tab a:hover,.spro .tab a.current{ background-color: #053689; color: #fff;}
.spro .title{ background: url('../images/pro1.png')no-repeat center top;  text-align: center;}
.spro .title h3{color: #2848a6; font-size: 40px; font-weight: bold; padding-top: 20px;}
.spro .title p{ font-size: 16px; padding-top: 5px; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.spro .title p::before,.spro .title p::after{ content: ''; display: block; width: 150px; height: 1px; background-color: #333;}
.spro .title p strong{ display: inline-block; padding:0 10px; font-weight: normal;}
.spro .picbox{ background-color: #fff; border: #fff 24px solid; border-radius: 10px; margin-top: 35px; animation: picbox 1s ease forwards;   position: relative;}
@keyframes picbox{
	from{   left: 50px;}
	to{  left: 0;}
}
.spro .picbox img{ width: 100%; height: 450px; transition: all 0.3s;}
.spro .picbox img:hover{ transform: scale(0.99);}
.spro .pro_btn,.news_more{position: absolute; width: 266px; height: 55px; line-height: 55px; text-align: center;  bottom: -120px; left: 50%; margin: 0 0 0 -133px; display: block; border: #989898 1px solid; border-radius: 55px; color: #333; transition: all 0.5s;}
.spro .pro_btn:hover,.news_more:hover{ background-color: #2848a6; color: #fff; border: #2848a6 1px solid; text-indent: 20px; }
.sph{background: url('../images/phbg.jpg')no-repeat center top;}
.sph_bg{ background: rgba(0,0,0,0.66); height: 504px; text-align: center; }
.sph_bg h2{ font-size: 55px; color: #fff; font-weight: normal; line-height: 100px; padding-top: 64px; text-shadow:#000000ad 6px 5px 0px;}
.sph_bg h3{ color: #ffae00; font-size: 44px; line-height: 88px; text-shadow:#000000ad 6px 5px 0px;}
.sph_bg h4{ color: #fff; font-size:30px; line-height:48px; text-shadow:#000000ad 6px 5px 0px; }
.sph_bg .phone{ display: flex; align-items: center; justify-content: center; padding-top: 20px; transition: all 0.3s; width: 800px; margin: 20px auto 0 auto;}
.sph_bg .phone:hover{ transform: scale(1.2);}
.sph_bg .phone .left{ display: block; width: 64px; height: 64px; line-height: 64px; font-size: 35px;color: #ffae00; border: #ffae00 2px solid; border-radius: 100%; text-shadow:#000000ad 4px 4px 0px;}
.sph_bg .phone .right{ color: #ffae00; text-align: left; padding:0 0 0 10px;}
.sph_bg .phone .right p{ font-size: 18px;text-shadow:#000000ad 3px 3px 0px;}
.sph_bg .phone .right h5{ padding-top: 3px; font-size: 39px;text-shadow:#000000ad 6px 5px 0px; font-family: Arial, Helvetica, sans-serif;}
.snews{ height: 1080px;background: url('../images/newsbg.jpg')no-repeat center top;}
.snews .smidd{ padding-top: 56px;}
.snews .title{ text-align: center;}
.snews .title .txt{ color: #2848a6; font-size: 40px; font-weight: bold;background: url('../images/news1.png')no-repeat center top; padding-top: 50px; line-height: 62px; position: relative;}
.snews .title .txt::after{ content: ''; display: block; background-color: #ffae00; height: 4px; width: 56px; position: absolute; margin: 0 0 0 -28px; bottom: 0; left: 50%;}
.snews .title p{ font-size: 16px; color: #5c5b5b; padding: 10px 0;}
.snews  .news_t{ display: flex; align-items: center; justify-content: center; padding: 38px 0;}
.snews  .news_t a{ display: inline-block; padding: 0 66px; height: 52px; line-height: 52px; border-radius: 52px; text-align: center; font-size: 18px; font-weight: bold; background-color: #fff; margin: 0 10px; color: #333;transition: all 0.4s;}
.snews  .news_t a.current,.snews  .news_t a:hover{ background-color: #2848a6; color: #fff; box-shadow: rgba(0,0,0,0.4)0 0 10px;}
.picScroll-left2{ position: relative; animation:picScroll-left2 0.5s forwards ;}
@keyframes picScroll-left2{
	from{  transform: scale(0.9);}
	to{  transform: scale(1);}
}
.picScroll-left2 .bd{padding: 10px 105px; margin-left: -8px; box-sizing: border-box;}
.picScroll-left2 .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left2 .bd ul li{ margin:0 10px;width:410px!important; float:left; _display:inline; overflow:hidden; text-align:center;   background-color: #fff; padding-bottom: 16px; border-bottom: #3593d2 8px solid; transition: all 0.6s;}
.picScroll-left2 .bd ul li:hover{ background-color: #2848a6;}
.picScroll-left2 .bd ul li:hover .title h2 a,.picScroll-left2 .bd ul li:hover .title p,.picScroll-left2 .bd ul li:hover .title .info{ color: #fff;}
.picScroll-left2 .bd ul li:hover .icon{ background: #ffae0066; transform: rotate(180deg);}
.picScroll-left2 .bd ul li:hover .icon  .iconfont{ color: #ffae00;}
.picScroll-left2 .bd ul li .pic{ text-align:center;width:410px; height:250px; overflow: hidden;  }
.picScroll-left2 .bd ul li .pic img{ width:410px; height:250px; display:block; transition: all 0.3s; }
.picScroll-left2 .bd ul li .pic:hover img{ transform: scale(1.02); }
.picScroll-left2 .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left2 .iconbtn{display: block; width: 89px; height: 89px; line-height: 89px; text-align: center; font-size: 45px; border: #c5c5c5 1px solid; border-radius: 100%; position: absolute; top:225px; transition: all 0.5s; background: #fff; color: #c5c5c5;}
.picScroll-left2 .next{ left: 0px;  }
.picScroll-left2 .prev{ right: 0px; transform: rotate(180deg); }
.picScroll-left2 .iconbtn:hover{ background-color: #41669f; border: #fff 1px solid; cursor: pointer; color: #fff;}
.picScroll-left2 .title{ padding:  0 28px;}
.picScroll-left2 .title h2 a{ color: #333; font-size: 25px; font-weight: bold; padding:22px 0; display: block; text-align: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 28px; line-height: 28px;}
.picScroll-left2 .title p{ height: 46px; line-height: 46px; text-align: left; border-bottom: #dcdcdc 1px solid;}
.picScroll-left2 .title .info{ color: #555555; line-height: 25px; font-size: 16px; text-align: left;  height: 75px; overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; margin-top: 15px;}
.picScroll-left2  .icon{ width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; background-color:#d0d7eb; border-radius: 100%; margin: 15px auto 0 auto;transition: all 0.5s; }
.picScroll-left2  .icon .iconfont{font-size: 38px; color: #2848a6;}
.news_more{bottom: -92px;}
.foot{ height: 435px;background: url('../images/foot.jpg')no-repeat center top;}
.foot .link{ border-bottom:#ddded836 1px solid;}
.foot .link .smidd{ height: 82px; display: flex; align-items: center;  }
.foot .link .left{ font-size: 20px; color: #ffffff; display: flex; align-items: center;}
.foot .link .left .iconfont{ font-size: 34px; color: #ffffff52; margin-right: 15px;}
.foot .link .right{ display: flex; align-items: center; flex-wrap: wrap; }
.foot .link .right a{ font-size: 14px; color: #a6a6a6; margin: 0 15px; transition: all 0.3s;}
.foot .link .right a:hover{ color: #fff;}
.foot .footinfo{ display: flex; align-items: center; justify-content: space-between;}
.foot .footinfo .items{  color: #fff; font-size: 16px; }
.foot .footinfo .itembox1{display:flex;    padding-top: 50px; box-sizing: border-box;}
.foot .footinfo .items .itemphone{display:flex;    flex-direction: column;}
.foot .footinfo  .itemphonebox{display:flex;    align-items: center;    padding: 20px 0; box-sizing: border-box;}
.foot .footinfo .items .logo{ width: 280px;}
.foot .footinfo .items p{ padding-top: 10px; display: flex; align-items: center; white-space: nowrap;}
.foot .footinfo .items .itemphonebox .iconfont{ width: 32px; height: 32px; text-align: center; line-height: 32px; border-radius: 100%; border: #fff 1px solid; margin-right: 5px;}
.foot .footinfo .items p   strong{ font-size: 24px;}
.foot .footinfo .items .itemtips{ height: 52px; display: flex; align-items: flex-start;}
.foot .footinfo .items .itemtips .iconfont{ font-size: 22px; color: #d3d1d0; margin-right: 5px;}
.foot .footinfo .items .code{ width: 120px; height: 120px;}
.foot .footinfo .items h4{ font-size: 14px; color: #ddded8; padding-top: 5px; font-weight: normal;}
.foot .footinfo .it1{padding:30px 0 0 0}
.foot .footinfo .items:nth-last-child(1){ text-align: center;}
.foot .footinfo .itembox1 .items{ text-align: center;margin: 0 0 60px 0;}
.foot .footinfo .itembox1 .it2{margin: 0 0 60px 30px;}
.foot .copy{ background: rgba(0,0,0,0.4);}
.foot .copy .smidd{ height: 66px; display: flex; align-items: center; justify-content: space-between; font-size: 14px; color: #adadad;}
.foot .copy .smidd a{color: #adadad; transition: all 0.3s;}
.foot .copy .smidd a:hover{ color: #fff;}
.foot .copy .smidd .left{ display: flex; align-items: center;}
.foot .copy .smidd .left strong{ font-weight: normal; padding-right: 10px;}
/*class*/
.sbox1{ display: flex; padding-top:15px;}
.sbox1 .page{ flex: 1; box-sizing: border-box; padding-left:20px; padding-bottom: 80px; overflow: hidden;}
.sbox1 .page .loca{ height: 32px; border-width: 0px 0px 2px; border-style: solid; padding:10px 0px; border-bottom-color: rgb(217, 217, 217);
display: flex; align-items: center; justify-content: space-between; }
.sbox1 .page .loca .name{font-family: "Microsoft YaHei"; font-size: 19px; color:#333; letter-spacing: 1px; line-height:200%; 
text-transform: uppercase; font-weight: bold;}
.sbox1 .page .loca .txts{ font-size: 16px; color: #666;}
.sbox1 .page .loca .txts a{ color: #666;}
.sbox1 .page .content{font-size: 18px; color: #5A5A5A; line-height: 180%; padding: 30px 10px; min-height: 500px;}
.sbox1 .page .content h1{ font-size: 30px; text-align: center; padding: 30px 0;}
.sbox1 .page .list{ box-sizing: border-box; padding-left: 20px;}
.sbox1 .page .list li{ display: flex; align-items: stretch; padding: 16px 0; border-bottom: #e6e6e6 1px solid;}
.sbox1 .page .list li .times{background: #d8e7ff; width: 150px; height: 90px; text-align: center; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.sbox1 .page .list li .times .nums{color: #26549d; font-size: 34px; font-weight: bold;}
.sbox1 .page .list li .times .year{color: #667387; font-size: 18px; display: block;}
.sbox1 .page .list li .txts{ flex: 1; box-sizing: border-box; padding-left: 10px;}
.sbox1 .page .list li .txts h3{display: inline-block; font-family: Microsoft YaHei; font-size: 18px;
 font-weight: normal; text-decoration: none; line-height: 140%;}
.sbox1 .page .list li .txts h3 a{ color: #333333; font-size: 22px; font-weight: bold; padding: 5px 0; display: block; transition: all 0.3s;}
.sbox1 .page .list li .txts h3 a:hover{color: #26549d; text-indent: 10px; }
.sbox1 .page .list li .txts p{width: 99%; overflow: hidden; word-wrap: break-word; display: inline-block; font-family: Microsoft YaHei; font-size: 14px; line-height: 18px; padding-top: 10px; color: #999999; font-weight: normal; text-decoration: none;    height: 36px;}
.sbox1 .page  .right{ padding:20px 0;}
.sbox1 .left{ width: 350px;}
.sbox1 .left .title{overflow-wrap: break-word; padding: 0px; border-color: transparent; border-width: 0px; height: 89px; background-color: #2e6fd5; border-style: solid; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; border-bottom: #fff 3px solid;}
.sbox1 .left .title .h1{ font-weight: bold; font-size: 24px; color: #fff;}
.sbox1 .left .title .h2{ font-size:15px;  color: #fff;}
.sbox1 .left .class_nav li a{display: block; line-height: 25px; background-color: #d8e7ff; text-align: center; color: #333; transition: all 0.5s; padding: 15px 0; border-radius: 5px; margin-top: 5px; font-size: 18px;}
.sbox1 .left .class_nav li.on a,.sbox1 .left .class_nav li a:hover{ background: #26549d; color: #fff;}
.sbox1 .left .code{ background-color: #fff; padding: 15px; margin-top: 5px; display: flex; align-items: center;}
.sbox1 .left .code .img{ width: 86px; height: 86px;}
.sbox1 .left .code .txt{ flex: 1;font-family: "Microsoft YaHei"; line-height: 156%; font-size: 14px; color: rgb(102, 102, 102); letter-spacing: 1px;
padding-left: 0.5rem;}
.sbox1 .left .tell{ display: flex; align-items: center; background-color: #fff; margin-top: 10px; padding:10px;}
.sbox1 .left .tell .iconfont{ font-size: 38px; color: #0d95a2;}
.sbox1 .left .tell .txt{ flex: 1; color: rgb(102, 102, 102); box-sizing: border-box; padding-left: 10px;font-size: 14px;}
.sbox1 .left .tell .txt .nums{color: rgb(255, 153, 0); font-weight: bold; font-size: 20px;}
.sbox1 .page .list_pic{ display: flex; align-items: stretch;flex-wrap: wrap;background: #f7f7f7; margin-top: 15px; padding-bottom: 30px;}
.sbox1 .page .list_pic li{ flex-direction: column; width:48%; box-sizing: border-box;   margin:15px 1% 0 1%; border-bottom: none; background-color: #fff; padding: 5px 5px 10px 5px;}
.sbox1 .page .list_pic li:hover{ box-shadow: rgba(0,0,0,0.2) 0 0 15px;}
.sbox1 .page .list_pic .pics{ width:100%;}
.sbox1 .page .list_pic .pics img{ width: 100%;  transition: all 0.3s;}
.sbox1 .page .list_pic .pics:hover img{  transform: scale(1.02);}
.sbox1 .page .list_pic .txts{ display: flex; flex-direction: column; justify-content: space-between; text-align: center;}
.sbox1 .page .list_pic .txts h3{ padding: 10px 0;}
.sbox1 .page .list_pic .txts p{ text-align: left;}
.sbox1 .page .list_pic .txts .stime{ padding-bottom: 20px; text-align: right; font-size: 14px; color: #666; }
.sbox1 .page .list_pic .txts .stime strong{font-weight: normal;}
.clasbanner{ height: 400px; background: url(../images/bann.jpg) no-repeat center top; margin-top: 15px; border-radius: 5px;}
.sfix{ position: fixed; width: 80px; right: 0; top: 60%; border-radius: 3px; border-radius: 3px;}
.sfix .sfix_item{height: 80px; line-height: 80px; text-align: center; color: #fff; border-bottom: #ffffff42 1px dashed; transition: all 0.3s;  background: #26549d; position: relative;}
.sfix .sfix_item:hover{background: #214b8b; cursor: pointer;}
.sfix .sfix_item .iconfont {font-size:28px;}
.sfix .sfix_item:nth-last-child(1){ border-bottom: none;}
.sfix .item_info{ position: absolute; right: 80px; top: 0; background: #214b8b; white-space: nowrap; height: 80px; padding: 0 20px; font-size: 20px; font-weight: normal; animation: item_info 0.4s forwards; opacity: 0; }
@keyframes item_info{
	from{ right: 0px; opacity: 0;}
	to{right: 80px; opacity: 1;}
}
.sfix .item_info strong{ font-weight: normal;}
.sfloat{ position: fixed; width:430px; border-radius: 5px;   left: 0; top:0; cursor: pointer; background: rgba(255,255,255,0.4); z-index: 10000; box-sizing: border-box; padding: 15px; box-shadow: rgba(0,0,0,0.1) 0 0 10px;}
.sfloat .h1 .iconfont{ color: #ff7802;}
.sfloat .h1 em{ font-weight: bold; font-size: 18px;}
.sfloat .h1{text-align:center;}
.sfloat .h2{ font-size:14px;font-weight:600;}
.sfloat .phone{ display: flex; align-items:center; color: #2947a7; font-size: 16px; padding: 10px 0; font-weight: bold;}
.sfloat .phone .iconfont{ font-size: 18px; font-weight: normal;}
.sfloat .phone em{ display: inline-block; padding: 0 0 0 5px; font-weight: bold;}
.sfloat .phone strong{ font-size:20px;}
.sfloat .close_port{ transform: rotate(45deg); position: absolute; right: 5px; top: 5px; color: #999; font-size: 30px; transition: all 0.3s;}
.sfloat .close_port:hover{  color: red;  font-size: 36px; right: 2px; top: 2px; }
.sfloat .phone1{display:flex;justify-content:space-between;}
.page_time{background: #f1f1f1; padding: 15px; text-align: center; border-radius: 5px;}

.content p{margin-top:20px;}


.videoBox {
    min-width: 1000px;
    position: relative;
    height: auto;
    overflow: hidden;
}
.pcbg{ width:120px; height:120px;}
.us_content_map{ background: url(../images/usmap.jpg) no-repeat center top; height:657px;}