@charset "utf-8";
	/* 通用代码 */
	html,body{width:100%;padding: 0px;margin:0px;*position:static; line-height: normal; }
	*{font-family: "Microsoft YaHei","微软雅黑" !important; font-size: 16px; color:#332c2b; padding:0px;margin:0px;}
	a{text-decoration:none;}
	ul, li, ol, p, dt, dd, dl, pre, xmp, plaintext, listing{list-style-type:none;}
	button,input{ -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-appearance: none; outline:none;text-decoration: none;}
	h1{font-size: 34px;color:#212020;}
 i{ font-style: normal;}
.anim0{ animation: dz0 .8s linear 1 normal forwards; }
.anim1{ animation: dz1 .8s linear 1 normal forwards; }
.anim2{ animation: dz2 .8s linear 1 normal forwards; }
.anim3{ animation: dz3 1s linear 1 normal forwards; }
.anim4{ animation: dz4 1s linear 1 normal forwards; }
.anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; }
.anim7{ animation: dz7 .6s linear 1 normal forwards; }
/*.anim99{ animation: dz99 .6s linear 1 normal forwards; }
 .anim5{ animation: dz5 .6s linear 1 normal forwards; }
.anim6{ animation: dz6 .6s linear 1 normal forwards; } */
/* .anim7{ animation: dz7 .6s linear 1 normal forwards; }
.anim8{ animation: dz8 .6s linear 1 normal forwards; } */
/* @keyframes dz1
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0; transform: translate(0, 100px); }
100% {opacity: 1;transform: translate(0, 0%);  }
} */
.dhxg{ opacity: 0; }
.dhxg2{ opacity: 0; }
.le{float: left; }
.ri{float: right; }
@keyframes dz0
{
0% {opacity: 0; }
100% {opacity: 1; }
}
@keyframes dz1
{
0% {opacity: 0;transform: translate(-20%, 0%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
@keyframes dz2
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz3
{
0% {opacity: 0;transform: translate(0, 30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
 @keyframes dz4
{
0% {opacity: 0;transform: translate(0, -30%); }
100% {opacity: 1; transform: translate(0, 0%); }
}
/* @keyframes dz5
{
0% {opacity: 0; transform: rotate(-2deg);position: relative; }
100% {opacity: 1; transform: rotate(0);position: relative;  }
}
@keyframes dz
{
0% {opacity: 0;transform: rotate(2deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
}*/

/* @keyframes dz99
{
0% {opacity: 0;transform: rotate(20deg);position: relative; }
100% {opacity: 1; transform: rotate(0deg);position: relative;  }
} */
@keyframes dz5
{
0% {opacity: 0; transform: scale(1.1); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz6
{
0% {opacity: 0;transform: scale(.9); }
100% {opacity: 1; transform: scale(1); }
}
@keyframes dz7
{
0% {opacity: 0; transform: translate(-40%, 40%); }
100% {opacity: 1;transform: translate(0, 0%);  }
}


/* 通用设置 */
.hei::after,.cen::after,ul::after,.tybt::after{content: ""; display: block;clear: both;}
.sjcx{display: none;}
.BigDiv{ max-width:100%;min-width:1400px;width:100%; margin: auto;position: relative; }
.Home{ max-width: 100%;}
.Home .cen{ width: 90%;  max-width: 1780px; margin: auto;}
.cen{  width: 75%;  max-width: 1780px; margin: auto;}
.picScroll-left .bd li .pic{ transition:.5s }
.picScroll-left .bd li:hover .pic{ transform: scale(1.05);transition: .5s; }
@media screen and (max-width:640px) and (min-width:0px){
	.sjcx{display: inline-block;  }
	.sjyc{display: none;}
	.ment img {width: 30px;}
	.ment { float: right; margin-top: 7px; }
}
.banner{ position: relative; overflow: hidden;}
.banner img{ display: block; max-width: inherit; height: auto;width: 100%;}
.banner.on img{transform: scale(1.1);transition: 3s;}
.banner .text{ z-index: 1; }
.banner .text .p0{ position: relative; top: -40px;opacity: 0;transition: 1s;}
.banner .text .p1{ position: relative; top: -20px;opacity: 0;transition: 2s; }
.banner .text .p2{ position: relative; top: 20px;opacity: 0; transition: 1s;}
.banner.on .text p{ top: 0; opacity: 1; }
.fl{ float: left;}
.ri{ float: right; }
.size{
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% auto!important;transition: .5s;
}
.size:hover{ background-size: 110% auto!important;}
.size img{ display: block;width: 100%; }



.more.cen{ text-align: center; margin: 40px auto;}
.more.cen a{ font-size: 21px; }
.page{ text-align: center; }
.page a{ color:#333333; font-size: 14px;  line-height: 24px; text-align: center; background: #e2e2e2; border-radius: 5px;display: inline-block; padding: 2px 12px; margin: 0 5px; }
.page a.on{ color:#fff;background: #414e96; }
img{max-width: 100%;height: auto; width: auto; }
.page a:hover{ background: #003881; color:#fff; }


.ca1{background: #f3f3f3; padding: 70px 0;}
.ca1ul li .text{float: left; width: calc(100% - 765px); background: #fff; height: 480px; padding: 50px 30px; box-sizing: border-box; position: relative;}
.ca1ul li .ri{ width: 745px;height: 480px; overflow: hidden; }
.ca1ul li .ri img{ height: 100%; transition: .5s; }
.ca1ul li{overflow: hidden; margin-bottom: 100px; }
.ca1ul li .text .p1{color:#000000; line-height: 1.2; font-size: 36px; font-weight: bold;}
.ca1ul li .text .p2{color:#666666; line-height: 1.6; margin: 25px 0;}
.ca1ul li .text .more{ position: absolute; bottom: 70px; width: 164px; height: 46px; background: #003681; border-radius: 8px; color:#fff; text-align:center; line-height: 46px;}
.ca1ul li:hover .text .p1{ color:#003681; }
.ca1ul li:hover .ri img{ transform: scale(1.1);}

	/* banner图 */
.fullslide{ position: relative; }
.fullslide .cen{ position: absolute; left: 50%; transform: translateX(-50%); top: 0; }
.fullslide .tu2{ display: none; }
.fullslide .tu1{ display: block; }
.fullslide img{width: 100%;height: auto;display: block; }
.fullslide .suba{ position: absolute; width: auto; position: absolute; right: 10%; bottom: 50px; }
.fullslide .hd ul li{ width: 8px; transition: .5s; height: 8px; border-radius: 5px; position: relative; transition: .5s; opacity: 0.7;background:#fff;font-size: 0;
cursor: pointer;display: inline-block; margin-left: 10px; margin-right: 10px; }
.fullslide .hd ul{ position: absolute; width: 100%; bottom: 50px; text-align: center;}
.fullslide .hd ul li.on{ opacity: 1; }
.fullslide .hd ul li.on::before{ content: ""; border: 2px  dotted #fff; width: 16px;height: 16px; position: absolute; left: 50%; top: 48%; transform: translate(-50%,-50%); border-radius: 50%;}
.fullslide .bd li{ position: relative; }

.fullslide .text{ position: absolute; left: 10.5%; top: 30%; text-shadow:#666666 3px 1px}
.fullslide .hd>a{ display: none; }
.fullslide .text .p1{ color:#fff; font-size: 26px; }
.fullslide .text .p2{ color:#fff; font-size: 52px;  font-weight: bold; }
.fullslide .text .p3{ width: 167px; height: 47px;  color:#fff; font-size: 18px;margin-top: 77px; line-height: 47px; background: #1a96ff; border-radius: 50px; text-align: center; line-height: 47px; }

/* @keyframes z1 {
 0% {
  background:rgba(137,32,145,.2);
  border:1px solid rgba(137,32,145,.4);
   width:0;
  height:0
 }
 to {
 background:rgba(137,32,145,0);
 border:1px solid rgba(137,32,145,0);
  width:200px;
  height:200px
 }
}

.ho3div .ri .ydl::after,.ho3div .ri .ydl::before {
  content: "";
  display: block;
  position: absolute;
  box-sizing: border-box;
  left: 50%;
	transform: translateX(-50%);
  right: 0;
  bottom: 0;
  top: 0;
  margin: auto;
  height: 0;
  animation:z2 5s linear infinite ;
  border-radius: 100%;
}
.ho3div .ri .ydl::after{
 animation:z2 5s 2.5s linear infinite ;
}

.ho3div .ri .ydl.on::before{

  animation:z1 5s linear infinite ;
}
.ho3div .ri .ydl.on::after{

 animation:z1 5s 2.5s linear infinite ;

}

@keyframes z2 {
 0% {
  background:rgba(59,255,255,.2);
  border:1px solid rgba(59,255,255,.4);
   width:0;
  height:0
 }
 to {
 background:rgba(59,255,255,0);
 border:1px solid rgba(59,255,255,0);
  width:200px;
  height:200px
 }
} */



/* 通用标题 */
.tybt .p1{  color:#333333; font-size: 60px; text-align: center; }
.tybt .p2{  color:#666666; font-size: 18px;  text-align: center; margin-top: 3px; }
body *{
  scrollbar-color: #133984 #fff;
  /* 第一个方块颜色，第二个轨道颜色(用于更改火狐浏览器样式) */
  scrollbar-width: thin;
  /* 火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细 */
  -ms-overflow-style: none;
}
body *::-webkit-scrollbar {
width: 8px;
height: 5px;
background-color: transparent;

}

/* ::-webkit-scrollbar:hover {
background-color: #40a1c4;
} */

/* 滚动槽/外层轨道 */
body *::-webkit-scrollbar-track {
width: 8px;
height: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 131, 149, .2);
background-color: transparent;
border-right: 1px solid #fff;
}

/* 滚动条滑块 */
body *::-webkit-scrollbar-thumb {
min-height: 5px;
min-width: 8px;
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px #008395;
background-color: #40a1c4;
margin-right: 1px;
border-right: 1px solid #fff;}

.banner{ width: 100%;background-position: top; background-size: 100% auto; position: relative;
background-attachment:fixed;background-repeat: no-repeat;}
.banner .text{ position: absolute; left: 50%; width: 80%; left: 10%; bottom: 20%; text-align: left; }
.banner .text .p1{color:#ffffff; font-size: 48px; font-weight: bold; }
.banner .text .p2{ color:#ffffff; font-size: 18px; text-transform: uppercase; margin-top: 10px; font-style: italic; }
.banner .text .p0{ text-align: left; margin-bottom: 15px; }
.banner .text .p0 img{ max-width: 100%; width: auto; }
.banner .Shub{ width: 60px; height: 60px; border-radius: 50%;display: none; text-align: center; background: #008395; line-height: 60px; color:#fff; position: absolute;bottom:36px; left: 50%; transform: translateX(-50%);cursor: pointer;}
.banner .Shub span{ color:#fff; font-size: 24px; }

.tylm{ border-bottom: 1px solid #eaeaea; background: url("../i/ab1.jpg") no-repeat center; height: 69px; line-height: 69px;overflow: hidden; transition: .5s;  background-size: 100%; }
/* .tylm.on.YC{height: 0; } */
.tylm .fl p a{ color:#000000; font-size: 18px; }
.tylm .fl p{ color:#000000; font-size: 18px;}
.tylm .fl img{vertical-align: middle; margin-right: 15px; }
.tylm .fl p span:last-child a{ color:#333; }
.tylm .ri ul li{float: left; margin-left: 3vw;box-sizing: border-box; height:69px; position: relative;}
.tylm .ri ul li.on{  }
.tylm .ri ul li.on::before{ content: ""; width: 100%; height: 3px; background: url("../i/xxm.jpg") center no-repeat; bottom: 0; position: absolute; }
.tylm .ri ul li.on a{ color:#093d79; }
.tylm .ri ul li a{ display: block; }
.tylm.on{ position: fixed; top: 80px; width: 100%;z-index: 9;}
.top.on{z-index: 99;}


.top{ position: fixed; top: 0;width: 100%;  height: 84px; z-index: 2; padding-top: 18px; padding-bottom: 14px; box-sizing: border-box; transition: .5s; }
.top .cen{width: 94%; }
.top .logo{ float: left; }
.top .t2{ display: none; }
.top .nav li a{ color:#fff; font-size: 18px; }
.top .nav li{ margin-right: 60px; float: left; }
.top .nav{  float: right; margin-top: 10px; }
.top .nav ul{ display: inline-block; vertical-align: top; }
.top .nav .naiv{ display: inline-block;vertical-align: top; position: relative;}
.top .nav .naiv:hover .ewm{ display: block;}
.top .nav .ewm{ width: 120px; position: absolute; left: 50%; transform: translateX(-50%); border-radius: 8px; overflow: hidden; margin-top: 5px; display: none;}
.top .nav .ewm img{ display:block; }
.top.on{ background: #fff;  box-shadow: 0 0 5px rgba(0,0,0,.2); }
.top.on .t1{ display: none;}
.top.on .t2{ display: block; }
.top.on .nav li a{ color:#000000; }
.top .nav li{ position: relative; }
.top .nav li:hover::before{ content: ""; width: 100%; height: 4px; background: #0083ff; position: absolute; bottom: -32px; }
.ho1 .fl{ width: calc(100% - 800px); margin-top: 20px; }
.ho1 .ri{ width: 800px; }
.ho1{ padding: 80px 0; background: #ffffff; }
.ho1 .fl .text p:nth-child(1){line-height: 1.8; color:#333333; font-size: 18px; margin-top: 24px; margin-bottom: 80px; text-indent: 2em; text-align: justify; }
.tymore{ background: #133984; border-radius: 40px; width: 197px; height:56px; text-align: center; line-height: 56px; transition: .5s; }
.tymore a{ color:#ffffff; display: inline-block; }
.tymore .zsp{ display: inline-block; width: 55px;height: 1px; background: #fff; vertical-align: middle; margin-left: 13px; position: relative;}
.tymore .zsp::before{ content: ""; width: 8px;height: 8px; background: #fff; border-radius: 50%; position: absolute; right: 0; top: -4px; }
.tymore .zsp::after{ content: "";width: 20px; height: 20px; border-radius: 50%; border: 1px dashed #fff; position: absolute; right: -7px; top: -11px; }
.tymore:hover{ width: 220px;}

.ho1ul li{ display: inline-block; width: 33.33%; position: relative; }
.ho1ul li .p1 span{ color:#133984; font-size: 45px; }
.ho1ul li .p1 a{ color:#133984; font-weight: bold;}
.ho1ul li .p2{color:#333333; font-size: 14px; }
.ho1ul{ font-size: 0;margin-top: 120px; }
.ho1ul li::after{ content: ""; width: 3px; height: 25px; background: #a8a8a8; transform:rotate(30deg); position: absolute; right: 30%; top: 50%; }
.ho1ul li:last-child::after{ display: none; }


.ho2{ padding: 80px 0; background: url("../i/bj4.jpg") no-repeat center; background-size: 100%; }
.ho2 .tybt h1{ float: left; color:#fff; }
.tybt ul{ float: right; }
.tybt ul li{ display: inline-block; padding: 0 25px; height: 41px; line-height: 41px; background: #fff; border-radius: 30px; cursor: pointer; margin: 0 5px; }
.tybt ul li.on {background: #133984; color:#fff; padding: 0 25px; height: 41px; line-height: 41px;   border-radius: 30px;}
.tybt ul li.on a{color:#FFF;}
.ho2 .picScroll-left .bd li{ width: 31.33%; margin: 0 10px; overflow: hidden; border-radius: 8px; }
.ho2div{ margin-top: 50px; }
.ho2 .picScroll-left .tempWrap{ margin:auto; }
.ho2 .picScroll-left .bd li .pic{ background: url("../i/bjt.jpg") no-repeat center; background-size: 100% 100%;text-align: center; height: 394px; position: relative;}
.ho2 .picScroll-left .bd li .pic img{ position: absolute; left: 50%;top: 50%; transform: translate(-50%,-50%);}
.ho2 .picScroll-left .bd li .p1{ height: 120px;background: #ebebeb; text-align: center; line-height: 120px; font-size: 20px; transition: .5s; }
.picScroll-left .sd a{ width: 40px; height: 40px; border-radius: 50%; border: 1px dashed #7c7e81; text-align: center; line-height: 40px; }
.picScroll-left .sd .prev{ position: absolute; left: -30px; top: 50%;}
.picScroll-left .sd .next{ position: absolute; right: -30px; top: 50%; }
.picScroll-left .sd a:hover{ background: #133984; border: 1px solid #133984; color:#fff; }
.picScroll-left .sd a:hover span{ color:#fff; }
.ho2 .picScroll-left{ position: relative; }
.ho2 .picScroll-left .bd li:hover .p1{ background: #133984; color:#fff; }


.ho3{ padding: 70px 0; background: url("../i/bj2.jpg") no-repeat center; background-size: 100%; }
.ho3 .tybt h1{ float: left;}
.ho3 .tybt ul li{ border: 1px dashed #133984; padding: 0 25px; }
.ho3 .tybt ul li.on{ background: #133984; color:#fff; }
.ho3 .fl .picScroll-left{ position: relative; }
.ho3 .fl .picScroll-left .bd li{ width: 100%; }
.ho3 .fl{ width: 700px; }
.ho3 .hp3div>.ri{ width: calc(100% - 750px); margin-top: 8px; border-top: 1px solid #b6b6b6; padding-top: 33px; }
.hp3div{ margin-top: 60px; }
.ho3 .fl .picScroll-left .bd li{ position:relative; }
.ho3 .fl .picScroll-left .bd li .pic img{ display: block; }
.ho3 .fl .picScroll-left .bd li .p1{ height: 80px; line-height: 80px; background: rgba(0,0,0,.5); position: absolute; bottom: 0; color:#fff; text-align: center;
 padding: 0 10px; box-sizing: border-box; text-overflow: ellipsis; white-space: nowrap; overflow:  hidden; width: 100%; }
.ho3 .fl .picScroll-left .hd{ position: absolute; bottom: 0; width: 100%; height: 80px; }
.ho3 .fl .picScroll-left .hd span{ color:#fff; font-size: 28px; }
.ho3 .fl .picScroll-left .hd .prev{ float: left; width:auto;margin-top: 24px; margin-left: 10px;  }
.ho3 .fl .picScroll-left .hd .next{ float: right; width: auto;margin-top: 24px; margin-right: 10px;  }

.hp3ul li{ margin-bottom: 29px; }
.hp3ul li a{ display: inline-block; vertical-align: top; width: calc(100% - 10px); padding-left: 12px; background: url("../i/zjt.png") no-repeat left; text-overflow: ellipsis;
 white-space: nowrap; overflow: hidden; color:#000000;
}
.hp3ul li:hover a{ color:#133984; }
.hp3ul li span{ float:right;}

	.ho4 {
		padding-top: 60px;
		padding-bottom: 90px;
		background: url("../i/bj3.jpg") no-repeat bottom;
		background-size: 100%;
	}
.ho4 h1{ text-align: center; }
.ho4div>.fl{ width: 660px; }
.ho4ul li{ display: inline-block; width: 50%; }
.ho4ul{ font-size: 0; }
.ho4ul li .p1 span{ color:#133984; font-weight: bold; font-size: 80px;font-style: italic; margin-right: 7px; }
.ho4ul li .p1 a{ color:#133984; font-size: 60px; font-weight: bold; }
.ho4ul li .p2{ color:#666666; position: relative; top: -10px; }

.ho4div .fl .ho4ul2 li{ width: 314px;height: 103px; background: url("../i/bjk1.png") no-repeat center; padding: 30px; padding-top: 25px; box-sizing: border-box; display: inline-block; }
.ho4div .fl .ho4ul2{ margin-top: 160px; }
.ho4div>.fl{ margin-top: 120px; margin-left: 15px; }
.ho4div .fl .ho4ul2 li .ri{ float: left; margin-left: 20px; }
.ho4div .fl .ho4ul2 li .ri .p1{ font-size: 22.5px; }
.ho4div .fl .ho4ul2 li .ri .p2{ color:#000000; font-size: 13.5px; margin-top: 4px; }
.ho4div > .ri{ position: relative; top: 0; transition: .5s; }
.ho4div > .ri:hover{ top: -20px; }

.foot{ background: url("/i/foot2.jpg") no-repeat center;padding-bottom: 30px; padding-top: 60px; box-sizing: border-box; background-size: 100%;}
.foot .fl1{ float: left; width: 53.75%;}
.foot .fl2{ float: left; width: 27.4%; box-sizing: border-box; padding: 0 40px; border-left: 1px solid #294570; border-right: 1px solid #294570; }
.foot .ri1{ width: 18%; padding-left: 15px; box-sizing: border-box; }
.foot .fl1 li{ float: left; width: 25%;}
.foot .fl1 li .p1{ color:#ffffff; font-size: 18px; margin-bottom: 10px; }
.foot .fl1 li p a{ color:#e3e3e3; }
.foot .fl1 li p{ line-height: 2.2; }


.foot .fl2 .p1{color:#ffffff; font-size: 18px; margin-bottom: 10px; }
.foot .fl2 .p2{ color:#e3e3e3; font-weight: bold; font-size: 26px; }
.foot .fl2 p{ color:#e3e3e3; line-height: 2; }


.foot .ri1 .p1{ color:#ffffff; font-size: 18px; margin-bottom: 10px;}
.foot .ri1 ul{ margin-top: 25px; }
.foot .ri1 ul li{ float: left; margin-right: 10%; position: relative; }
.foot .ri1 ul li .pic{ border: 1px solid rgba(255,255,255,.5); width: 44px;height: 44px;  border-radius: 50%; position: relative;}
.foot .ri1 ul li .pic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: block; }
.foot .ri1 ul li .pica{ position: absolute; width: 150px; display: none; left: 50%; transform: translateX(-50%); bottom: 50px; color:#fff; background: #fff; color:#999;
 text-align: center; padding: 10px; border-radius: 4px;
}

.foot .ri1 ul li:hover .pica{ display: block; }


.foot .ri1 select{ background: none; appearance:none; background: url("../i/xjt.png") no-repeat 95% 50%; margin-top: 38px; border: 1px dashed rgba(255,255,255,.5); color:#fff; width: 230px; height: 42px; border-radius: 6px; padding: 5px; box-sizing:  border-box; font-size:15px;}
.foot .fl3{ color:#adadae; font-size: 14px; }
.foot .fl3 a{ color:#adadae; font-size: 14px; }
.foot .cen .ri a{ color:#adadae; font-size: 14px; }
.foot .cen:nth-child(2){ border-top: 1px solid #334d77; padding-top: 17px; margin-top: 30px; }
.foot .fl3 a img{ width:20px; height:20px; display: inline-block; position: relative; top:3px;  margin-left: 10px;}
 
.ab1{ background: #f3f3f3; padding: 50px 0;  }
.ab1 .cen{ background: #fff; padding: 30px 30px; padding-bottom:60px; box-sizing: border-box; box-sizing: border-box; box-shadow: 0 0 5px rgba(0,0,0,.2); position: relative;}
.ab1 .ri{ width: calc(100% - 42%); padding-top: 15px;  text-align: justify;}
.ab1 .fl{width: 636px; }
.ab1 .fl .tybt2 .p1{color:#6387ce; font-size: 16px; line-height: 1.2; }
.ab1 .fl .tybt2 .p2{ color:#133984;font-size: 32px; font-weight: bold; border-left: 2px solid #133984; text-align: left; padding-left: 8px; margin-top: 0px; }

.ab1 .ri p{ color:#333333; font-size: 18px; line-height: 1.8; text-indent: 2em; padding-bottom:15px ; text-align: justify;}
.ab1 .ri p:nth-child(2){  }
.ab1 .fl img{ position: absolute; left: 0;top:100px; width: 40%; }

.ab2{ background: #e3e6f0; padding-top: 50px; padding-bottom: 60px; }
.tybt2 .p2{ text-align: center; color:#133984; font-size: 36px; font-weight: bold; }
.ab2ul li{ padding: 6px 26px; display: inline-block; border-radius: 30px; margin: 0 8px;  cursor: pointer; }
.ab2ul{ text-align: center; margin-top: 30px; }
.ab2ul li.on{  border: 1px solid #133984; color:#133984; }






.About .picScroll-left .bd li{ width: 24%; margin: 0 8px; overflow: hidden; }
.yfcn{ font-size: 15px;line-height: 24px;color: #000000;padding: 0px 10px 10px; text-indent:2em;}
.ab2div{ margin-top: 30px; }
.About .picScroll-left .tempWrap{ margin:auto; }
.About .picScroll-left .bd li .pic{text-align: center; position: relative;min-height: 284px; }
.About .picScroll-left .bd li .pic img{ display: block; width: 100%; min-height: 100%; }
.About .picScroll-left .bd li .p1{ height: 50px;background: #7b8fba; text-align: center; line-height: 50px;color:#fff;  transition: .5s; }
.About .picScroll-left{ position: relative; }
.About .picScroll-left .bd li:hover .p1{ background: #133984;  }
.About .picScroll-left .sd{ position: relative; width: 50px; margin:auto; margin-top: 50px; height: 43px; }
.About .picScroll-left .sd a{ top: 0; }


.ab3{ background: url("../i/gybj.jpg") no-repeat center; padding-top: 80px; padding-bottom: 100px; background-size: 100%;}
.ab3 .tybt2 .p2{ color:#fff; }
.ab3 .picScroll-left{ margin-top: 40px; }
.ab3 .picScroll-left .sd a span{ color:#fff;  }
.ab3 .picScroll-left .sd a{ border: 1px dashed #fff; }
.ab3 .picScroll-left .sd a:hover{ background: #fff; }
.ab3 .picScroll-left .sd a:hover span{ color:#133984; }
.ab3 .picScroll-left .bd li .p1{ height: 60px; line-height: inherit; padding: 15px 10px; box-sizing: border-box; line-height: 1.5; }
.About .ab3 .picScroll-left .bd li .pic{ min-height: 260px; }
.ab4{ padding: 90px 0;}
.ab4 .picScroll-left .bd li{ width: 18.5%;border: 1px solid #f9f9f9; padding: 20px 0;box-shadow: 0 0 5px rgba(0,0,0,.1); }
.ab4 .tybt h1 {float: left; color:#133984; font-size: 36px; }
.ab4div{margin-top: 50px; }
.ab4 .picScroll-left .bd li .pic{ width: 90%; margin: auto; background: none; }
.ab4 .picScroll-left .tempWrap ul{padding: 10px 0 !important;}

.Pr1{ padding: 60px 0; background: #f3f3f3; }
.Pr1 .tybt h1{color:#133984;  }
.pr1ul li{ width: 31.33%; margin-right: 2%; border-radius: 8px; top: 0; transition: .5s; float: left; vertical-align:  top;
	background: #fff; margin-bottom: 2%; box-shadow: 0 0 8px rgba(0,0,0,.2); position: relative; top: 0;
 padding: 20px;  border: 1px dashed #fff; box-sizing: border-box; }
.pr1ul{ font-size: 0; margin-right: -2%; margin-top: 60px; }
.pr1ul li .pic{ height: 440px; border-bottom: 2px solid #f6f6f6; position: relative; }
.pr1ul li .pic img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.pr1ul li .p1{ color:#114323; height: 63px; font-size: 24px; text-align: center; margin-top: 28px; }
.pr1ul li .more{ height: 63px; line-height: 63px;background: #133984; color:#ffffff; text-align: center; font-size: 24px; display: none;}
.pr1ul li:hover .more{ display: block; margin-top: 28px; }
.pr1ul li:hover .p1{ display: none; }
.pr1ul li:hover{ top: -20px;  box-shadow: 0 0 10px rgba(0,0,0,.4); border: 1px dashed #133984; }



.tyfy .sxp {
 margin-top: 15px;
 overflow: hidden;
 padding: 25px 0;
}
.tyfy .sxp .prev {
 float: left;
 width: 46%;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 padding-left: 30px;
 box-sizing: border-box;
}
.tyfy .sxp .next {
 float: right;
 width: 46%;
 text-align: right;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 padding-right: 30px;
 box-sizing: border-box;
}
.tyfy .sxp .sin {
 text-align: center;
 width: 8%;
 float: left;
}
.tyfy .sxp .sin img{vertical-align: middle; margin-right: 5px; }
.tyfy .sxp a {
 color: #666666;
}
.tyfy .sxp a:hover {
 color: #133984;
}

.Product2 .tylm ul{ display: none;}
.Product2 .tylm{ margin-top: -490px; position: relative; z-index: 1; background: none; border: none;}
.Product2 .tylm img{display: none; }
.Product2 .banner .text{ display: none; }
.Product2 .Pr2,.Product2 .Pr1{ position: relative;z-index: 1; }
.Product2 .tylm .fl{ color:#fff; font-size: 18px;}
.Product2 .tylm .fl a{ color:#fff; font-size: 18px; }
.Product2 .Pr2 .cen{ background: #ffffff; padding: 60px 50px; box-sizing: border-box; text-align: justify; }
.Product2.Case .tylm .cen{ max-width: 1310px; }
.Product2.Case .Pr2 .cen{ max-width: 1310px; }
.Pr2 .ri{ width: calc(100% - 740px); }
.Pr2 .fl{  width: 700px;  background: url("../i/bjt.jpg") no-repeat center; min-height: 500px; background-size: 100%; text-align: center; padding: 20px 0;}
.Pr2 .ri .p1{ color:#133984; font-size: 30px; font-weight: bold; border-bottom: 1px solid #b2b2b2; padding-bottom: 22px; margin-bottom: 22px; }
.Pr2 .ri .p1 span{ color:#133984; font-weight: bold;font-size:30px; }
.Pr2 .ri .text p{ color:#333333;font-size: 18px; text-indent: 2em;line-height: 1.8; margin-bottom: 22px; }
.Pr2 .ri .more{ width: 200px; height: 60px; background: #133984; line-height: 60px; text-align: center;margin-top: 50px;  }
.Pr2 .ri .more a{ color:#fff; font-size: 24px; }
.Product2{ background: #f3f3f3; }
.Pr3{ margin-top: 30px; }
.Pr3 .cen{ background: #fff; padding: 30px 0;}
.pr3div{ padding: 30px; box-sizing: border-box; }
.pr3p i{ font-size: 24px; font-weight: bold; display:inline-block; cursor: pointer; padding: 0 12px;padding-bottom: 12px; margin-right: 26px; }
.pr3p{ border-bottom: 1px solid #cccccc; padding-left: 50px; box-sizing: border-box; }
.pr3p i.on{ border-bottom: 2px solid #0e59d1; }
.pr3div .pic{text-align: center; }
.pr3div p{margin-bottom: 60px; }
.tyfy .cen{ background: #fff; }
.tyfy{ margin-bottom: 60px; }
.pr3div td{border:1px solid #dbdbdb; padding:15px;}

.En1 {
	padding-top: 60px;
	padding-bottom: 70px;
	background: #f3f3f3;
}
.En1 li{ overflow: hidden; margin-bottom: 130px; position: relative; }

.En1 li .p1{ width: 106px; float: left; }
.En1 li .pic{ width: 527px; float: left; overflow: hidden; }
.En1 li .pic img{ transition: .5s; }
.En1 li:hover .pic img{ transform: scale(1.1);}
.En1 li:hover .text p{ color:#133984; }
.En1 li .text{ float: right; width: calc(100% - 700px); }
.En1 li .p1 em{ display: block; }
.En1 li .p1 .em1{ color:#133984; font-weight: bold; font-size: 48px; }
.En1 li .p1 .em2{ color:#000000;  }
.En1 li .text .t1{ color:#133984; font-size: 30px;font-weight: bold; }
.En1 li .text .t2{ color:#333333; line-height: 1.6; margin-top: 46px; }
.En1 li .text .t3{ color:#313131; position: absolute; bottom: 0; padding-left: 205px; font-style: italic;  }
.En1 li .text .t3::before{ content: ""; position: absolute; left: 0; width: 190px; height: 1px; top: 50%; background: #c6c6c6; }

.En1 li .p1::before{ position: absolute; width: 0px; height: 80%; background: #c6c6c6; content: ""; top: 100px; left: 45px;  }
.Ca2 h1{ text-align: center; color:#133984; font-size: 36px;padding-bottom: 50px; }
.Ca2 .text p{color:#000000;font-size: 18px;line-height: 1.6;margin-bottom:15px; text-indent:2em;  }

@media screen and (max-width: 640px) and (min-width: 0px) {
	.Ca2 .text p img {
		transform: translateX(-2em);
		width: 100% !important;
		height: auto !important;
	}

	.Ca2 .text p video {
		transform: translateX(-2em);
		width: 100% !important;
		height: auto !important;
	}
}


.Ca2 .text{ padding-top: 36px;  border-top: 1px solid #d7d6d5; }
.Ca2 .text img{max-width:100%;}
.Ca2 .cen{ padding-left: 70px !important; padding-right: 70px !important; }
.Ca2 .ca2p{ text-align: center; margin-bottom: 12px; }
.Ca2 .ca2p span{ color:#343434; margin: 0 10px; }

.contact_cont_box .tis_content{
	padding:40px 0;
	display: flex;
	justify-content: space-between;
}
.contact_cont_box .tis_content .l_txt h2{
	font-size:24px;
	color:#333333;
	margin-bottom: 20px;
}
.contact_cont_box .tis_content .l_txt p{
	font-size:16px;
	line-height: 26px;
	color:#333333;
}
.contact_cont_box .tis_content .r_code{
	display: flex;
}
.contact_cont_box .tis_content .r_code .li{
	width: 128px;
	margin-left:30px;
}
.contact_cont_box .tis_content .r_code .li img{
	display: block;
	width: 100%;
	margin-bottom:12px;
}
.contact_cont_box .tis_content .r_code .li p{
	text-align: center;
	font-size:14px;
	color:#333333;
}
.contact_cont_box .map_content{
	display: flex;
	justify-content: space-between;
	background: #fff;
	margin-bottom: 50px;
}
.contact_cont_box .map_content .l_map{
	width: 70%;
}
.contact_cont_box .map_content .l_map img{
	/*display: block;
	width: 100%;*/
	width: auto;
	max-width: inherit;
}
	.contact_cont_box .map_content .detail_last_box {
		width: 30%;
		overflow-y: scroll;
		border-left: 1px solid #d8d8d8;

		height: 619px;
	}

.contact_cont_box .map_content .detail_last_box .list{
	padding:15px 14px;
	border:1px solid #d8d8d8;
}
.contact_cont_box .map_content .detail_last_box .list:last-child{
	border-bottom: 0px;
}
.contact_cont_box .map_content .detail_last_box .list .tle{
	display: flex;
	align-items: center;
	font-size:16px;
	font-weight: bold;
	color:#666666;
	margin-bottom: 10px;
}
.contact_cont_box .map_content .detail_last_box .list .tle img{
	margin-right: 5px;
}
.contact_cont_box .map_content .detail_last_box .list .dl{
	padding-left:14px;
	margin-bottom: 8px;
	display: flex;
}
.contact_cont_box .map_content .detail_last_box .list .dt{
	font-size:14px;
	color:#414141;
	width: 45px;
}
.contact_cont_box .map_content .detail_last_box .list .dd{
	width: calc(100% - 50px);
	font-size:14px;
	color:#414141;
}
.contact_cont_box .map_content .detail_last_box .list:hover,.contact_cont_box .map_content .detail_last_box .list.active{
	background:#133984;
}
.contact_cont_box .map_content .detail_last_box .list:hover .tle,.contact_cont_box .map_content .detail_last_box .list.active .tle{
	color:#fff;
}
.contact_cont_box .map_content .detail_last_box .list:hover .dt,.contact_cont_box .map_content .detail_last_box .list:hover .dd,
.contact_cont_box .map_content .detail_last_box .list.active .dt,.contact_cont_box .map_content .detail_last_box .list.active .dd{
	color:#fff;
}
.contact_cont_box .map_content .detail_last_box .list:hover .tle img,.contact_cont_box .map_content .detail_last_box .list.active .tle img{
	filter:grayscale(100%) brightness(200%);
}

{

}
.con1{background: #f3f3f3;padding-bottom: 1px; }
.con2{ background: url("../i/lxwmbj.jpg") no-repeat center;padding-top: 80px; padding-bottom: 100px; }
.con2 .tybt h1{ color:#2e2e2e; font-size: 36px; }


.fme1 .fl{ width: 45%;}
.fme1 .ri{ width: 53%;}
.fme1 p{ border: 1px solid #a0a0a0; border-radius: 4px; padding: 12px; box-sizing: border-box; margin-bottom: 28px; }
.fme1 p span{ font-weight: bold; }
.con2 .forma{ margin-top: 68px; }
.con2 .forma .yz{background: none; width: 80%; border: none; color:#000000; }
.con2 .forma .y5{ height: 246px; width: 100%; outline: none;}
.con2 .forma .qr{ border: none; text-align: center; }
.con2 .forma .qr .sub{ background: #003580; border-radius: 8px; height: 50px;line-height: 50px; border: none; color:#fff; width: 50%; cursor: pointer; }
#container{ height: 100%; }

.ho2,.ho3,.ab3,.tylm{ background-size: cover; }

@media screen and (max-width:1500px) and (min-width:0px){
	.top .nav{width: calc(100% - 450px);margin-left: 4vw;}
	.top .nav > ul > li{ margin-right: 20px; }
}
@media screen and (max-width:1200px) and (min-width:0px){
	.top .nav > ul > li{ margin-right: 20px; }
}
@media screen and (max-width:640px) and (min-width:0px){
	*{ font-size: .28rem; }
.BigDiv{ overflow: hidden; }
.top .right > ul > li span{ display: none; }
.fullslide  .bd li .tu1{display: none;}
.fullslide  .bd li .tu2{display: block; width: 100%; }
.tu1{ display: none;}
.tu2{ display: block; }
.fullslide .prev, .fullslide .next{ display: none; }
.float{ display: none;}
.fullslide .text .title{ display: none; }
.fullslide .text .pic{ display: none; }
.fullslide1 .bd::before{ bottom: -2px; }
.fullslide1 .text{ width:80%; margin-top: 0;  bottom: 20%; left: 50%; margin-left: -40%; }
.fullslide1 .text .title{ font-size: .6rem; }
.fullslide1 .text .ftitle{ font-size: .7rem; }
.fullslide1 .text .smrt{ font-size: .4rem; line-height: .5rem; margin-top: 40px; }
.clname .ftitle{ font-size: .8rem;margin-left: -100px;
margin-top: -23px;}
.fullslide .cen{  top: inherit; bottom: -80px;}
.fullslide .text{ width: 90%; left: 50%; height: 350px; transform: translateX(-50%); top: inherit;bottom: 0;
padding: 15px 16px; box-shadow: 0 0 5px rgba(0,0,0,.1); }
.fullslide .text .input_but{ font-size: .48rem; }
.fullslide .hd{display: none; }
.pics{ margin-top: .3rem; }
.fullslide .text .ftitle{ font-size: .42rem; }
.fullslide .text .ftitle .sjcx{ font-weight: normal;  display: block; color:#ff7109; font-size: .57rem; font-weight: bold; }
.fullslide .text .ftitle .sjcx a{ color:#02469b; font-size: .57rem; font-weight: bold; }
.BigDiv{min-width: 320px;}
.cen{ min-width: 280px; }
.sjcx{ display: inline-block;}
.sjyc{ display: none;}
	.BigDiv{max-width: 640px; min-width: 320px; margin: auto; }
.cen{width: 94%; margin: auto; }
.lc{ display: none; }
.ment img {width: 30px;}
.ment { float: right; margin-top: 0;  }
.top .nav{ position: absolute; float: none; width: auto; }
.top .ri .search{display: none; }
.top .logo{ max-width: 150px; margin-top: 9px; }
.top .nav > ul > li ul{ display: none; }
.top .nav > ul > li:hover ul{ display: none; }
.top .ri .search .pic, .top .ri .en{ width: 40px; height: 40px; line-height: 40px; }
.top .ri{ width:auto; }
.section .cen > div{ opacity: 1; }
 .top .ri .en{ display: none; }
.top .ri{ margin-top: 12px; }
.top .nav{ margin-left: 0; width: 100%; right: 0%; background: rgba(0,0,0,.7);top: 42px; display: none; }
.top .nav li{ width: 100%; }
.top .nav > ul > li > a{ height:auto; line-height: 2; }
.top .nav > ul > li{ margin: auto; }
.top .nav > ul > li{ text-align: left; text-indent: 30px; border-bottom: 1px solid #4355a4; line-height: 50px;}
.top .nav > ul{padding: 10px 0;}
.top.on .nav{ background: #133984; border-top: 1px solid #fff; }
/* .top .nav > ul > li.sjcx{ display:block; } */
.top .nav > ul > li::before {top: 100%;}
.fullslide img{ width: 150%; max-width: 150%; position: relative; left: 50%; transform: translateX(-50%);}
.fullslide li{overflow: hidden; }
.top{ height: auto;  padding-top: 4px; padding-bottom: 4px; }
.ment{ margin-top: 12px; }
.fullslide .text{height: auto; z-index: 1; }
.fullslide .text .p1{ font-size: .4rem; }
.fullslide .text .p2{ font-size: .5rem; }
.top .nav .naiv .pic{ display: none; }
.top .nav .naiv{display: none; }
.top .nav > ul{ width: 100%; }
.ho1 .fl{ width: 100%; float: none; }
.ho1 .ri{ width: 100%;float: none; }
.ho1{ padding: 30px 0;}
.ho1 .fl{ margin-top: 0; }
.fl{float: none;}
.ri{ float: none; }
h1{ font-size: .4rem; }
.ho1 .fl .text p:nth-child(1){ font-size: .28rem; margin-top: 8px; margin-bottom: 20px; }
.Home .cen{ width: 92%; }
.tymore .zsp{width: 20px; }
.tymore{ width: 150px; height: 40px; line-height: 40px; }
.ho1ul{ margin-top: 30px; }
.ho1ul li .p1 span{ font-size: 28px; }
.ho1 .ri{ display: none; }
.ho2{ padding: 30px 0;}
.ho1ul li::after { right: 20%; }
.ho2 .picScroll-left .bd li{ width: 70%; }
.ho2 .tybt h1{ float: none; }
.tybt ul{ float: none; width: 100%; font-size: 0; margin-top: 15px; }
.tybt ul li{ height: 30px; line-height: 30px; font-size: 16px; width: 30%;margin: 1%; padding: 0; text-align: center;  padding:0 25px; height: 41px; line-height: 41px;}
.ho2 .picScroll-left .bd li .pic{ height: 5rem; }
.ho2 .picScroll-left .bd li .p1{ height: 1rem; line-height: 1rem; font-size: .28rem; }
.picScroll-left .sd .prev{ left: 0;}
.picScroll-left .sd .next{ right: 0; }
.picScroll-left .sd a{ width: 32px; height: 32px; line-height: 32px; }
.ho3{ padding: 30px 0;}
.ho3 .tybt h1{ float: none; }
.ho3 .tybt ul { float: none;  text-align: center; }
.ho3 .tybt ul li{ padding: 0; }
.ho3 .fl{width: 100%; }
.ho3 .fl .picScroll-left .hd{ height: 60px; line-height: 60px; }
.ho3 .fl .picScroll-left .bd li .p1{ height: 60px; line-height: 60px; }
.ho3 .fl .picScroll-left .hd .prev{ margin-top: 0;}
.ho3 .fl .picScroll-left .hd .next{margin-top: 0;}
.ho3 .fl .picScroll-left .hd span{ font-size: 18px; }
.hp3div{ margin-top: 20px; }
.ho3 .hp3div > .ri{ width: 100%; border-top: none; padding-top: 10px; }
.hp3ul li a{width:100%;}
.hp3ul li  span{ font-size: 12px; display:none;}
.hp3ul li{ margin-bottom: 16px; }
.ho4{ padding: 30px 0;}

.tybt .p2{ font-size: 14px; line-height: 1.8; }
.ho4div > .fl{ margin-top: 30px; margin-left: 0; width: 100%; }
.ho4ul li .p1 span{ font-size: 30px; }
.ho4ul li .p1 a{ font-size: 30px; }
.ho4ul li{vertical-align: top; }
.ho4ul li .p2{ top: 0; }
.ho4ul{ margin-top: 20px; }
.ho4div .fl .ho4ul2{ margin-top: 20px; }
.ho4div .fl .ho4ul2 li{ width: 45%; margin: 1%; background: none; border: 1px solid #133984; height: auto; padding: 10px; }
.ho4div .fl{ text-align: center; margin: auto; }
.ho4div .fl .ho4ul2 li .fl{ width: 50%; max-width: 40px; }
.ho4div .fl .ho4ul2 li .ri{margin-left: 0; float: none; }
.ho4div .fl .ho4ul2 li .ri .p1{ font-size: 18px; }
.ho4{ background: url("../i/bj3.jpg") no-repeat bottom rgba(251,251,251,1);}
.foot .fl1{ display: none; }
.foot .fl2{ float: none; border: none;width: 100%; padding: 0; text-align: center;}
.foot .ri1{width: 100%; padding-left: 0; margin-top: 20px; text-align: center; }
.foot{ padding: 30px 0; background-size: auto 100%; }
.foot .ri1 ul li{ float: none; display: inline-block; margin: 0 5%; }
.foot .fl2 .p2{ font-size: 20px; }
.Product2 .Pr2 .cen{ padding: 20px; }
.Ca2 .cen{ padding-left: 20px !important; padding-right: 20px !important;}
.Product2 .tylm{ margin-top: -100px; }
.banner img{ width: 150%; max-width: 150%; position: relative; left: 50%; transform: translateX(-50%);}
.Ca2 h1{ font-size: 20px; }
.Product2 .tylm .fl a{ font-size: 14px; }
.Product2 .tylm .fl{ font-size: 14px; }
.tylm{ height: 40px; line-height: 40px; }
.Ca2 h1{ padding-bottom: 10px; }
.Ca2 .text{ padding-top: 16px; }
.Ca2 .text p{ font-size: 16px; margin-bottom: 20px; text-align:justify;}
.Ca2 .text p img{ text-indent: 0px;}
.tyfy .sxp .prev{ padding-left: 10px; width: 100%; float: none;}
.tyfy .sxp .next{padding-right: 10px; width: 100%; float: none; }
.tyfy .sxp .sin{ float: none; width: 100%; text-align: center; margin: 15px 0;}
.tylm .fl img{display: none; }
.banner .text{ z-index: 1; bottom: 10px; left: 5%;}
.banner .text .p1{ font-size: 30px; }
.banner .text .p2{ font-size: 20px; }
.Pr1{ padding: 30px 0;}
.pr1ul{ margin-top: 20px; margin: auto; }
.pr1ul li{ width: 100%; margin-right: 0; margin-bottom: 20px; }
.pr1ul li .pic{ height: auto; }
.pr1ul li .pic img{ position: relative; top: 0; left: 0; transform: translate(0);}
.pr1ul{ margin-top: 30px; }
.pr1ul li .p1{ height:auto; font-size: 18px; }
.pr1ul li .more{ height: 50px; line-height: 50px; font-size: 18px; }
.Pr2 .fl{ width: 100%; background-size: 100% 100%;min-height: inherit; padding: 0 10px; box-sizing: border-box; }
.Pr2 .ri{ width: 100%; float: none; }
.Pr2 .ri .p1{ font-size: 24px; padding-top: 10px; margin-top: 15px; }
.Pr2 .ri .p1 span{ font-size: 18px; }
.Pr2 .ri .text p{ font-size: 14px; }
.Pr2 .ri .more a{ font-size: 18px; }
.Pr2 .ri .more{ width: 180px; height: 40px; margin-top: 20px; line-height: 40px; }
.pr3p i{ font-size: 20px; margin-right: 10px; margin-left: 10px; }
.pr3p{padding-left: 0; }
.ab1 .fl{width: 100%; }
.ab1 .cen{ padding: 20px; }
.ab1 .fl img{ display: none; }
.ab1 .ri{ width: 100%; }
.ab1 .fl .tybt2 .p2{ font-size: 30px; margin-bottom: 10px; }
.ab1 .ri p{ font-size: 16px; }
.ab1 .ri p:nth-child(2){ margin-top: 10px; }
.ab2{ padding: 30px 0;}
.ab1{padding: 30px 0;}
.About .picScroll-left .bd li{ width: 80%; }
.About .picScroll-left .bd li .pic{ height: auto; padding: 20px 0;}
.About .picScroll-left .bd li .pic img{  position: relative; left: 0; top: 0; transform: translate(0);}
.About .picScroll-left .sd{ width: 120px; }
.ab3 .picScroll-left .bd li .p1{ height: auto;}
.ab3 .picScroll-left .bd li .p1 br{ display: none; }
.ab3{ padding: 30px 0;}
.ab4{ padding: 30px 0; }
.ab4 .tybt h1{ font-size: .4rem; }
.ab4 .tybt ul{ float: right; text-align: center; }
.ab4div{ margin-top: 20px; }
.contact_cont_box .tis_content .l_txt h2{ font-size: 20px; }
.contact_cont_box .map_content .l_map{ display: none; }
.contact_cont_box .map_content .detail_last_box{ width: 100%; }
.con2{ padding: 30px 0; background-size: 100% 100%; }
.fme1 p{ width: 100%; }
.fme1 .fl{ float: none; width: 100%; }
.con2 .forma{ margin-top: 20px; }
.con2 .forma .yz{ width: calc(100% - 130px); }
.fme1 .ri{ width: 100%; }
.con2 .forma .y5{ width: 100%; }
.con2 .tybt h1{ font-size: .4rem; }
.En1{ padding: 20px 0;}
.En1 li .p1 .em1{ font-size: 30px; }
.En1 li .p1{ float: none; width: 100%; }
.En1 li .pic{ float: none; width: 100%; margin-top: 20px; }
.En1 li .p1::before { display: none; }
.En1 li .text{ float: none; width: 100%; }
.En1 li .text .t2{ margin-top: 10px; }
.En1 li .text .t1{ font-size: 20px; margin-top: 10px; }
.En1 li .text .t3{ position: relative; margin-top: 15px; }
.En1 li{ margin-bottom: 10px; }
.page{ margin: 15px 0;}
.ca1{ padding: 20px 0;}
.ca1ul li .text{ float: none;width: 100%; height:auto; padding: 30px; }
.ca1ul li .text .p1{ font-size: 24px; }
.ca1ul li .text .p2{ height: auto; }
.ca1ul li .text .more{ bottom: inherit; position: relative; }
.ca1ul li .ri{ width: 100%; height: auto; }
.ca1ul li{ margin-bottom: 30px; }
.Ca2 .ca2p span{ margin: 0 6px; }
.banner .text .p0 img{ max-width: 100%;width: auto;left: 0; transform: translateX(0);}
.fullslide .suba{ display: none; }
.top .nav li:hover::before{ display: none; }
.top .nav li.on a{ color:#133984; display: block;}
.ab2ul li{ padding: 6px 8px;}
.tyfy .sxp .next{ text-align: center; padding-left: 10px; }
.tyfy .sxp .prev{ text-align: center; }
.top.on{ background: #133984; }
.top.on .t1{ display: block;}
.top.on .t2{ display: none; }
.top.on .nav li a{ color:#fff; }
.page{ font-size: 0; }
.page a{ margin: 1%; }
.ca1ul li .ri img{ height: auto; }
.banner.on img {
  transform: translateX(-50%);
  transition: 0s;
}
.ho2,.ho3,.ab3,.tylm{background-size: auto 100%;}
.About .picScroll-left .bd li .pic{ padding: 0; min-height: inherit;}
.About .picScroll-left .bd li .pic img{ display: block; }
.tylm.on{ top: 50px; }
.tylm .fl{ display: none; }
.tylm .ri ul li a{ font-size: 14px; }
.tylm .ri ul li{ display: inline-block;float: none;}
.tylm .ri ul { overflow-x: auto; white-space: nowrap; }
}