@charset "utf-8";
/* CSS Document */
body{ background-color:#FFF; }

.float{ width:768px; left:0; top:0; height:100%; position:fixed; margin-left:-384px; background-color:rgba(0,0,0,0.9); z-index:1200; display:none; }
.float > .f-navlist{ width:100%; position:absolute; left:0; top:0; z-index:1002; display:none;}
.float > .f-navlist > h3{ width:100%; height:48px; line-height:48px; font-size:16px; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.8); color:#333; text-align:center; font-weight:normal; color:#FFF;} 
.float > .f-navlist > h3 > span{ float:left;}
.float > .f-navlist > h3 > span a,.float > .f-navlist > h3 > span a:hover{ color:#FFF;}
.float > .f-navlist > h3 > span:nth-of-type(2){ float:right; }
.float > .f-navlist > h3 > span > i{ font-size:14px;}
.float > .f-navlist > ul{ width:100%; box-sizing:border-box; box-sizing:border-box;}
.float > .f-navlist > ul > li{ width:100%; height:40px; line-height:40px; font-size:12px; overflow:hidden; text-align:left; box-sizing:border-box; padding-left:10px; padding-right:10px; border-bottom:1px solid rgba(255,255,255,0.6);}
.float > .f-navlist > ul > li + li{}
.float > .f-navlist > ul > li > a,.float > .f-navlist > ul > li > a:hover{ color:#FFF !important; }
.float > .f-navlist > ul > li > a > i{ color:#FFF; font-size:14px;}
.float > .f-navlist > ul > li:hover{ background-color:#000;}
.float > .f-navlist > ul > li:hover > a,.float > .f-navlist > ul > li > a:hover,.float > .f-navlist > ul > li:hover > a > i,.float > .f-navlist > ul > li:hover > a:hover > i{ color:#FFF !important;}
/**/

.site{ width:100%; height:42px; line-height:42px; background-color:#f1f1f1; margin-bottom:10px; }
.site > .site-con{ font-size:13px; position:relative}
.site > .site-con > p{ float:right;}
.site > .site-con > p a{ cursor:pointer}

.site > .site-con .la{ width:110px; height:110px; background-color:rgba(100,100,100,0.8); position:absolute; padding:10px; box-sizing:border-box; border-radius:10px; top:40px; right:37px; z-index:999999; display:none}
.site > .site-con .la::after{ content:' '; width: 0; height: 0; border-left:6px solid transparent; border-bottom:8px solid rgba(100,100,100,0.8); border-right:6px solid transparent; position:absolute; top:-8px; left:80%; margin-top:0px;}
.site > .site-con .la img{width:100%;}



.site1{ width:100%; line-height:50px; background-color:#f1f1f1; margin-bottom:10px; margin-top:20px; padding-top:40px; padding-bottom:20px ; overflow:hidden}
.site1 > .site-con{ font-size:15px; position:relative}

.site1 > .site-con > .sub{ width:70%; float:left; background-color:#FFF; overflow:hidden}
.site1 > .site-con > .sub li{ float:left; width:12.5%; border-right: #CCC 1px solid; text-align:center}
.site1 > .site-con > .sub li a{ display:block; width:100%; line-height:50px;}
.site1 > .site-con > .sub li.currentNav{ background-color:#0298d9; color:#FFF !important}
.site1 > .site-con > .sub li.currentNav a{ color:#FFF !important}

.site1 > .site-con > .breadcrumb{ float:right; width:24%; background-image:url(../images/t1.png); background-repeat:no-repeat; background-position:center left; padding-left:33px}

.jiazhong{font-weight:bold !important; text-align:center}


.site2{ width:100%; line-height:50px; background-color:#f1f1f1; margin-bottom:10px; margin-top:20px; padding-top:40px; padding-bottom:20px ; overflow:hidden}
.site2 > .site-con{ font-size:15px; position:relative}

.site2 > .site-con > .sub{ width:70%; float:left; background-color:#FFF; overflow:hidden}
.site2 > .site-con > .sub li{ float:left; width:25%; border-right: #CCC 1px solid; text-align:center}
.site2 > .site-con > .sub li a{ display:block; width:100%; line-height:50px;}
.site2 > .site-con > .sub li.currentNav{ background-color:#0298d9; color:#FFF !important}
.site2 > .site-con > .sub li.currentNav a{ color:#FFF !important}

.site2 > .site-con > .breadcrumb{ float:right; width:24%; background-image:url(../images/t1.png); background-repeat:no-repeat; background-position:center left; padding-left:33px}




.header{ width:100%; height:auto; box-sizing:border-box; background-color:rgba(255,255,255,1); /*position:fixed; left:0; top:0;*/  z-index:100;  transition:all 0.3s linear; -webkit-transition:all 0.3s linear; }
.hd-con{display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:space-between; align-items:stretch; }
.logo{ display:block; width:280px; padding-top:10px; padding-bottom:10px; }
.logo img{ width:100%;}
.hd-right{ flex:1; box-sizing: border-box; text-align: right; position: relative; /*display: flex; flex-direction: row; flex-wrap: nowrap; justify-content:flex-end; align-items:center;*/ align-self: center;}
.hd-right > .search{ width:160px; height: 30px; text-align: center; position: relative; float: right;  margin-left:5%;}
.hd-right > .search > h3{ width:30px; height: 30px; line-height: 20px; font-weight: normal; text-align: center; padding:0;color: #013686; display: none;}
.hd-right > .search > div{ width: 100%; height: 30px; box-sizing: border-box; background-color: #888; border-radius: 15px; position: relative; box-sizing: border-box; padding-right:40px; overflow: hidden; z-index:99999}
.hd-right > .search > div > form > p:nth-of-type(1){ width: 100%; height: 30px;position: relative; }
.hd-right > .search > div > form > p:nth-of-type(1) > input{ width:100%; height: 30px; line-height: 30px; border:0; font-size: 12px;box-sizing: border-box; padding-left: 15px; padding-right:10px; position: absolute; left:0; top:0; background-color: transparent; color: #FFF; }
.hd-right > .search > div > form > p:nth-of-type(2){ position: absolute; right:0; top:0; height: 30px; width: 40px; }
.hd-right > .search > div > form > p:nth-of-type(2) > input{font-family:"iconfont" !important; width:100%; height: 30px; border:0;  font-size:16px; background-color: transparent; color: #FFF;}
.hd-right > .nav{flex:1; align-self: flex-end; box-sizing: border-box; font-size: 0;}
.hd-right > .nav > ul > li{  display: inline-block; height: 30px; line-height: 30px; text-align: center; position: relative; }
.hd-right > .nav > ul > li:nth-of-type(1)::after{ display: none; }
.hd-right > .nav > ul > li > a{ width:100%; height: 30px; line-height: 30px; display: block; text-align: center; padding:0 17px; box-sizing: border-box; border-bottom: 1px solid transparent;font-size: 16px;}
.hd-right > .nav > ul > li.on > a,.hd-right > .nav > ul > li:hover > a{ border-bottom:1px solid #ed1f24; color: #ed1f24 !important;}
.hd-right > .nav > ul > li > p{ width:100%; height: auto; position: absolute; left:0; top:30px;background-color:#0299da; z-index: 200; display: none;}
.hd-right > .nav > ul > li > p > a{ width:100%; height: 36px; line-height: 36px; display: block; text-align: center; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color:#FFF  }
.hd-right > .nav > ul > li > p > a + a{ border-top: 1px solid rgba(255,255,255,0.2); }
.hd-right > .nav > ul > li:hover > p{ display: block; }

.menu{ width:30px; height:30px; cursor:pointer; display:none; align-self: center;}
.menu > h3{ width:30px; height:30px; font-weight:normal; text-align:center; line-height:20px; color: #013686; }
.hd-right > .search > h3 > i,.menu > h3 > i{ font-size:16px;}

.header-blank{ background-color:transparent; height:80px; display: none;}


/*滚动后导航*/
.scrolltop{ background-color:rgba(255,255,255,1); border-bottom:1px solid rgba(120,120,120,1);  animation: fadeInDown 0.5s ease-in-out; -webkit-animation: fadeInDown 0.5s ease-in-out; z-index:510;}
.scrolltop > h3.tx{ color:#333;}
/*主体*/
.main{   height:auto;   }
/*底部*/
.foot-blank{ height:auto; width:100%; }
.footer{ box-sizing:border-box; background-color: #0299da; margin-top: 2%;}
.footer > .c-con{ box-sizing: border-box; padding-top: 3%; padding-bottom:4%;  height: auto; display: flex; flex-direction: row-reverse; flex-wrap: nowrap; justify-content:flex-start; align-items: flex-start; }
.footer-online{ text-align: left; width:50%; box-sizing: border-box; padding-right:5%; }
.footer-online > h3{ width: 100%; font-size:16px; height: 30px; line-height: 30px; overflow: hidden; color: #FFF; margin-bottom: 20px; font-weight: normal; }
.fo-contact{ display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; }
.erweima{ width: 25%; overflow: hidden; }
.erweima > img{ width: 100%; }
.contact{ flex:1; box-sizing: border-box; padding-left:5%; }
.contact > h4{ width:100%; height: 30px; line-height: 30px; font-weight: normal; font-size: 15px; color: #FFF; margin-bottom: 20px; }
.contact > p{ width: 100%; height: auto; line-height: 30px; overflow: hidden; font-size: 14px; color: #FFF !important; box-sizing: border-box; padding-left:5%; }
.footer-nav{ width:50%; box-sizing: border-box;}
.footer-nav > ul > li{ width: 25%; float: left; text-align: left; }
.footer-nav > ul > li > h3{ width: 100%; font-size:16px; height: 30px; line-height: 30px; overflow: hidden; color: #FFF; margin-bottom: 20px; font-weight: normal;}
.footer-nav > ul > li > p{ width: 100%; height: 30px; line-height: 20px; font-size: 14px;  }
.footer-nav > ul > li >  p > a{ color: #FFF; }





/*首页*/
/*焦点图*/
.flash{ width:100%; position: relative; }
.swiper1 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper1 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #FFF; }
.swiper1 .swiper-pagination-bullet-active{background-color:#fcd638;}
.swiper1 .swiper-slide{ position:relative;}
.swiper1 .swiper-slide > img{ width:100%;}
.swiper1 .swiper-button-next,.swiper1 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display:none; } 
.swiper1 .swiper-button-next:hover,.swiper1 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper1 .swiper-button-next i,.swiper1 .swiper-button-prev i{ font-size:1.0rem; }

.colHeader{ width:100%; text-align: center; font-size: 0;  padding-top: 3%; padding-bottom:3%; }
.colHeader > div{ width:400px; display: inline-block; color: #0299da; text-align: center;}
.colHeader > div > p{ width: 100%; height: 24px; font-size: 14px; text-align: center; position: relative;  padding:0; }
.colHeader > div > p::after{ content: ' ';background-color: #0299da; width:100%; height: 1px; position: absolute; left:0; top:50%; margin-top: -1px; }
.colHeader > div > p > span{ font-weight: normal; text-transform: capitalize; display: inline-block; height: 24px; line-height: 24px; font-size: 14px; position: relative; z-index: 10; padding:0 20px; background-color: #FFF; }
.colHeader > div > h3{ font-weight: normal; font-size: 36px; width:100%; padding-top: 10px; margin-top:4px; background-image: url(../images/icon-header.png); background-repeat: no-repeat; background-position: center top; }
.colHeader > div > h4{width:100%; text-align: center;font-weight: normal;  font-size: 0;}
.colHeader > div > h4 > a{ display: inline-block;  line-height: 2; font-size: 14px; padding:5px 10px; }

.about{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; align-items: stretch; padding-bottom:8%; position: relative; }
.about{ width: 100%; display: flex; flex-direction: row; justify-content: flex-start; flex-wrap: nowrap; align-items: stretch; padding-bottom:8%; position: relative; }
.about > .about-img{ display: block; width: 45%; overflow: hidden; }
/*.about > .about-img > img{ width: 100%; }*/
.swiper2 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; }
.swiper2 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:12px; height:12px; border-radius:50%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #0299da; }
.swiper2 .swiper-pagination-bullet-active{background-color:#fcd638;}
.swiper2 .swiper-slide{ position:relative;}
.swiper2 .swiper-slide img{ width:100%;}
.swiper2 .swiper-button-next,.swiper2 .swiper-button-prev{ color:rgba(255,255,255,0.2); background-color:rgba(0,0,0,0.1); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box; display:none; } 
.swiper2 .swiper-button-next:hover,.swiper2 .swiper-button-prev:hover{ color:rgba(237,31,36,1) !important; } 
.swiper2 .swiper-button-next i,.swiper2 .swiper-button-prev i{ font-size:1.0rem; }
.about > .about-content{ width: 55%; box-sizing: border-box; padding-left:5%; }
.about > .about-content > h3,.about > .about-content > div{ width: 100%; font-weight: normal; line-height: 1.6; font-size: 24px; }
.about > .about-content > div{ font-size: 18px; line-height: 1.8; color: #727171; margin-top: 5%; }
.about > .about-col{ width: 50%; display: inline-block; position: absolute; right:0; bottom:25%; z-index: 200;}
.about > .about-col > ul > li{ width: 33.33%; float: left; display: inline-block; height: auto; box-sizing: border-box; padding:2.5%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; }
.about > .about-col > ul > li:nth-of-type(1){ background-color: #106ab3; }
.about > .about-col > ul > li:nth-of-type(2){ background-color: #3485bf; }
.about > .about-col > ul > li:nth-of-type(3){ background-color: #0299da; }
.about > .about-col > ul > li > p{ width:33%; border-radius: 50%; overflow: hidden; background-color: #FFF; }
.about > .about-col > ul > li > p > img{ width: 100%; }
.about > .about-col > ul > li > div{ flex:1; box-sizing: border-box; padding-left:5%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; color: #FFF; }
.about > .about-col > ul > li > div > h3{ font-weight: normal; font-size: 16px; line-height: 1.8; position: relative; }
.about > .about-col > ul > li > div > p{ width: 100%; font-weight: bold; font-size: 30px;  }
.about > .about-col > ul > li > div > p > span{ font-weight: normal; font-size: 12px; }

.news{ background-color: #f2f2f2; box-sizing: border-box; position: relative;}
.news::after{ content: ' '; width: 5%; height: 100%; background-color: #0299da; position: absolute; left:0; top:0; }
.news .colHeader > div > p > span{ background-color: #f2f2f2; }
.news-list{ width: 100%; }
.news-list > ul > li{ width: 25%; float: left; margin-right:12.5%; overflow: hidden; padding-bottom:5%;}
.news-list > ul > li:nth-of-type(3n){ margin-right:0; }
.news-list > ul > li > .nl-img{ display: block; width:100%; overflow: hidden; margin-bottom:5%; }
.news-list > ul > li > .nl-img img{ width: 100%; }
.news-list > ul > li > p{ width: 100%; font-size: 14px; height: 44px; line-height: 44px; box-sizing: border-box; border-bottom:1px solid #909090; color: #666;  margin-bottom:5%;}
.news-list > ul > li > div{ width: 100%; font-size: 16px; line-height: 30px; height: 150px; overflow: hidden; color: #666;  margin-bottom:5%; }
.news-list > ul > li > .nl-btn{ display: inline-block; padding:3% 5%; background-color: #0299da; border-radius: 4px; font-size: 14px; color: #FFF;}
.news-list > ul > li > .nl-btn i{ font-size: 12px; }

.step-list{ width: 100%; box-sizing: border-box; padding:2%; border:1px solid #CCC; box-shadow: 0 0 10px rgba(100,100,100,0.4); border-radius: 4px; margin-bottom:3%;}
.step-list > ul{ width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.step-list > ul > li{ width:6.66%;  }
.step-list > ul > li:nth-of-type(1){ order:1; }
.step-list > ul > li:nth-of-type(2){ order:2; }
.step-list > ul > li:nth-of-type(3){ order:3; }
.step-list > ul > li:nth-of-type(4){ order:4; }
.step-list > ul > li:nth-of-type(5){ order:5; }
.step-list > ul > li:nth-of-type(6){ order:6; }
.step-list > ul > li:nth-of-type(7){ order:7; }
.step-list > ul > li:nth-of-type(8){ order:8; }
.step-list > ul > li:nth-of-type(9){ order:9; }
.step-list > ul > li:nth-of-type(10){ order:10; }
.step-list > ul > li:nth-of-type(11){ order:11; }
.step-list > ul > li:nth-of-type(12){ order:12; }
.step-list > ul > li:nth-of-type(13){ order:13; }
.step-list > ul > li:nth-of-type(14){ order:14; }
.step-list > ul > li:nth-of-type(15){ order:15; }
.step-list > ul > li > p{ width:100%; overflow: hidden; }
.step-list > ul > li > p img{ width: 100%; }
.step-list > ul > li > p > a{ display:block; margin-bottom:7px; border-radius:4px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.step-list > ul > li:hover > p > a{ background-color:#0298d9;}
.step-list > ul > li:hover > p > a img{-webkit-filter: brightness(2.3);
filter: brightness(2.3);}
.step-list > ul > li > h3{ width: 100%; font-weight: normal; font-size: 12px;  overflow: hidden; }
.step-list > ul > li > h4{ width: 80px; height: 80px; margin:0 auto; opacity: 0; display: none; }
.step-list > ul > li > h4 img{width:100%; display: inline-block;}

.other{ width: 100%; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: flex-start; margin-bottom:4%;}
.intro{ flex:1; padding-right:5%; box-sizing: border-box; height: auto; }
.intro > ul > li{ width: 100%; height: auto; padding-top: 2%; border-top: 1px solid #8d8c8c; box-sizing: border-box; margin-bottom: 3%; }
.intro > ul > li > div{ width: 100%; box-sizing: border-box; padding:2%; border:1px solid #f2f2f2; box-shadow: 0 5px 10px rgba(100,100,100,0.5); display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start;}
.intro > ul > li > div > .il-img{ width: 30%; display: block; overflow: hidden; }
.intro > ul > li > div > .il-img img{ width: 100%; }
.intro > ul > li > div > .il-about{ flex:1; box-sizing: border-box; padding-left:2%;  }
.intro > ul > li > div > .il-about > h3,.intro > ul > li > div > .il-about > h4,.intro > ul > li > div > .il-about > p{ width: 100%; font-weight: normal; font-size: 16px; line-height: 1.8; }

.intro > ul > li > div > .il-about > h4{ font-size: 14px; color: #888; }
.intro > ul > li > div > .il-about > p{ font-size: 14px; color: #888; line-height: 22px; height: 66px; overflow: hidden; margin-top: 1%; margin-bottom: 1%; }
.intro > ul > li > div > .il-about > a{ display: inline-block; font-size: 14px; line-height: 24px; color: #0298d9; padding:2px 10px; border-radius: 4px; border:1px solid #FFF; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.intro > ul > li > div > .il-about > a > i{font-size: 10px;}
.intro > ul > li > div > .il-about > a:hover{  color: #FFF !important; background-color: #0298d9; border:1px solid #0298d9; }

.tools{ width: 270px; height: auto; }
.tool-form,.tool-links{ width: 100%; background-color: #0298d9; box-sizing: border-box; padding:10% 0 12% 0; margin-bottom:5%; }
.tool-form > h3,.tool-links > h3{ width: 100%; box-sizing: border-box; padding:0 10%; font-weight: normal; font-size: 18px; text-align: left; color: #FFF; position: relative; }
.tool-form > h3::after,.tool-links > h3::after{ content: ' '; width: 0; height: 0; border-top: 7px solid transparent; border-right: 10px solid #0298d9; border-bottom: 7px solid transparent; position: absolute; left:-10px; top:50%; margin-top: -5px;  }
.tool-form > div{ width:100%;  padding:0 10%; box-sizing: border-box; margin-top: 5%; position: relative;}
.tool-form > div > ul > li{ width: 100%; box-sizing: border-box; border:1px solid #FFF; line-height:32px; color: #FFF; text-align: left; font-size: 14px; font-weight: normal; padding:0 10px; position: relative; }
.tool-form > div > ul > li::after{ content: '\e6a3'; width:20px; height: 20px; line-height: 20px; text-align: right; position: absolute; right:10px; top:50%; margin-top: -10px;font-family:"iconfont" !important;  font-size:12px; color: #FFF; }
.tool-form > div > ul > li + li{ margin-top:10px; }
.tool-form > div > ul > li > a{ color:rgba(255,255,255,1); }
.tool-form > div > ul > li > a:hover{ color:rgba(255,255,255,0.8) !important; }
/*.tool-form > div > .tf-item{ width: 80%; height: auto; border:1px solid #FFF; position: absolute; left:10%; top:32px; box-sizing: border-box; background-color: #0298d9; transition: all 0.3s linear; -webkit-transition: all 0.3s linear; display: none; }
.tool-form > div > .tf-item > p{ width: 100%; height: 30px; line-height: 30px; font-size: 14px; box-sizing: border-box; padding:0 10px; overflow: hidden; }
.tool-form > div > .tf-item > p > a,.tool-links > div > ul > li > a{ color: rgba(255,255,255,0.8); }
.tool-form > div > .tf-item > p > a:hover,.tool-links > div > ul > li > a:hover{ color: rgba(255,255,255,1) !important; }
.tool-form > div:hover > .tf-item{ display: block; }*/
.tool-links{  padding:10% 0 0 0; margin-bottom:0;}
.tool-links > div{ width: 100%; margin:0 auto; margin-top: 5%; box-sizing: border-box; padding:5% 10%; background-color: #f1f1f1; }
.tool-links > div > ul > li{ width:100%; font-size: 14px; line-height: 30px; height: 30px; box-sizing: border-box; padding-left:10%; position: relative; }
.tool-links > div > ul > li::after{ content: '\e6a3'; width:20px; height: 20px; line-height: 20px; text-align: left; position: absolute; left:0; top:50%; margin-top: -10px;font-family:"iconfont" !important;  font-size:12px;  }
.tool-links > div > ul > li > a{color: #333 !important;}
.tool-links > div > ul > li > a:hover{ color: #000 !important }


.contact-map{ width:100%; margin-bottom:2%; }
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font-size:12px;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}
#dituContent{ width: 100%; border:0; box-sizing: border-box; height: 400px !important; } 
.BMap_omCtrl { display: none;
    background-color: #fff;
    overflow: hidden;
}
 #platform #dituContent .pop > img{ width:12px; height: 12px; }

.box{ width:100%; height:auto; margin:0 auto; position:relative; padding-left:50px; padding-right:50px;  box-sizing:border-box; display: block;}
.swiper3 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none;}
.swiper3 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #FFF; }
.swiper3 .swiper-pagination-bullet-active{background-color:#fcd638;}
.swiper3 .swiper-slide{ position:relative;}
.swiper3 .swiper-slide img{ width:100%;}
.box .swiper-button-next,.box .swiper-button-prev{ color:rgba(0,0,0,0.8); background-color:rgba(0,0,0,0); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box-sizing:border-box;} 
.box .swiper-button-next{ right:0; }
.box .swiper-button-prev{ left:0; }
.box .swiper-button-next:hover,.box .swiper-button-prev:hover{ color:rgba(255,255,255,1) !important;  background-color:rgba(0,0,0,0.4);} 
.box .swiper-button-next i,.box .swiper-button-prev i{ font-size:1.0rem; }

.box2{ width:100%; height:0; margin:0 auto; position:relative; padding-left:50px; padding-right:50px;  box-sizing:border-box; overflow: hidden; display: none;}
.swiper4 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none;}
.swiper4 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #FFF; }
.swiper4 .swiper-pagination-bullet-active{background-color:#fcd638;}
.swiper4 .swiper-slide{ position:relative;}
.swiper4 .swiper-slide img{ width:100%;}
.box2 .swiper-button-next,.box2 .swiper-button-prev{ color:rgba(0,0,0,0.8); background-color:rgba(0,0,0,0); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box2-sizing:border-box2;} 
.box2 .swiper-button-next{ right:0; }
.box2 .swiper-button-prev{ left:0; }
.box2 .swiper-button-next:hover,.box2 .swiper-button-prev:hover{ color:rgba(255,255,255,1) !important;  background-color:rgba(0,0,0,0.4);} 
.box2 .swiper-button-next i,.box2 .swiper-button-prev i{ font-size:1.0rem; }

.box3{ width:100%; height:0; margin:0 auto; position:relative; padding-left:50px; padding-right:50px;  box-sizing:border-box; overflow: hidden; display: none;}
.swiper5 .swiper-pagination {right:0; display:inline-block;  padding-top:2%; padding-bottom:1.5%; bottom:0; left:auto; text-align:center; padding-right:10px; box-sizing:border-box; display: none;}
.swiper5 .swiper-pagination-bullet{opacity:1; margin:0 5px!important;width:50px; height:4px; border-radius:0%; box-sizing:border-box; /*border:1px solid #FFF;*/ background-color: #FFF; }
.swiper5 .swiper-pagination-bullet-active{background-color:#fcd638;}
.swiper5 .swiper-slide{ position:relative;}
.swiper5 .swiper-slide img{ width:100%;}
.box3 .swiper-button-next,.box3 .swiper-button-prev{ color:rgba(0,0,0,0.8); background-color:rgba(0,0,0,0); border-radius:0%; height:40px; width:30px; line-height:40px; text-align:center; background-image:url(none); cursor:pointer; margin-top:-20px; box3-sizing:border-box3;} 
.box3 .swiper-button-next{ right:0; }
.box3 .swiper-button-prev{ left:0; }
.box3 .swiper-button-next:hover,.box3 .swiper-button-prev:hover{ color:rgba(255,255,255,1) !important;  background-color:rgba(0,0,0,0.4);} 
.box3 .swiper-button-next i,.box3 .swiper-button-prev i{ font-size:1.0rem; }

.jianjie{ width:100%; overflow:hidden; margin-top:60px; background-color:#f1f1f1;}
.jzuo{ float:left; width:40%; overflow:hidden; padding:5%; font-size:15px; line-height:28px; text-align:justify}
.jzuo h3{ font-size:20px; color:#0298d9; margin-bottom:20px;}
.jyou{ float:right; width:50%}
.jyou img{ width:100%;}

.mianze{ width:100%; overflow:hidden; font-size:15px; line-height:30px; margin-top:60px;}

.lianxi{ width:100%; overflow:hidden; margin-top:60px; font-size:15px; line-height:30px;}

.intro > h2{ width:100%; text-align:center; font-size:23px; font-weight:100; line-height:40px; margin-top:20px;}
.intro > h6{ color:#999; width:100%; text-align:center; font-weight:100; margin-bottom:15px; font-size:13px}
.intro > .neirong{  font-size:15px; line-height:28px;}

.intro > .neirong img{ width:90%; margin:0 auto; max-width:700px; margin-top:15px; margin-bottom:15px;}

.pageNavi {
	PADDING-RIGHT: 0px; BORDER-TOP: #ddd 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 25px; MARGIN: 10px auto 0px; WIDTH: 100%; PADDING-TOP: 10px; TEXT-ALIGN: center; margin-top:30px; overflow:hidden;
}
.pageleft {
	OVERFLOW: hidden; WIDTH: 50%; LINE-HEIGHT: 24px; HEIGHT: 24px; float:left; font-size:14px;
}
.pageright {
	OVERFLOW: hidden; WIDTH: 50%; LINE-HEIGHT: 24px; HEIGHT: 24px; float:right; font-size:14px; text-align:right
}


.intro1{ flex:1; padding-right:5%; box-sizing: border-box; height: auto; }
.intro1 > ul > li{ width: 100%; height: auto; padding-top: 2%; box-sizing: border-box; margin-bottom: 3%; }
.intro1 > ul > li > div{ width: 100%; box-sizing: border-box; padding-right:2%; text-align:justify; border:1px solid #f2f2f2; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; background-color:#f1f1f1}
.intro1 > ul > li > div > .il-img{ width: 60%; display: block; overflow: hidden; }
.intro1 > ul > li > div > .il-img img{ width: 100%; }
.intro1 > ul > li > div > .il-about{ flex:1; box-sizing: border-box; padding-left:3%;  }
.intro1 > ul > li > div > .il-about > h4,.intro1 > ul > li > div > .il-about > p{ width: 100%; font-weight: normal; font-size: 16px; line-height: 1.8; }

.intro1 > ul > li > div > .il-about > div{ margin-top:40px;}
.intro1 > ul > li > div > .il-about > div > h3{ float:left; width:auto; display:inline; font-size:26px; font-weight:100; padding-right:15px; color:#666}
.intro1 > ul > li > div > .il-about > div > span{ float:left; font-size:10px; line-height:12px; padding-top:8px; color:#0296d7}

.intro1 > ul > li > div > .il-about > h3{ font-size: 29px; color: #888; padding-top:40px;}
.intro1 > ul > li > div > .il-about > p{ font-size: 15px; color: #888; line-height: 30px; overflow: hidden; margin-top: 5%; margin-bottom: 3%; }
.intro1 > ul > li > div > .il-about > a{ display: inline-block; font-size: 14px; line-height: 24px; color: #0298d9; padding:2px 10px; border-radius: 4px; border:1px solid #FFF; transition: all 0.3s linear; -webkit-transition: all 0.3s linear;}
.intro1 > ul > li > div > .il-about > a > i{font-size: 10px;}
.intro1 > ul > li > div > .il-about > a:hover{  color: #FFF !important; background-color: #0298d9; border:1px solid #0298d9; }

.lianxi1{ line-height:26px; padding-left:39px; background-image:url(../images/a.jpg); background-repeat:no-repeat; background-position:center left; background-size:contain; overflow:hidden; margin-bottom:10px;}

.lianxi2{ line-height:26px; padding-left:39px; background-image:url(../images/b.jpg); background-repeat:no-repeat; background-position:center left; background-size:contain; overflow:hidden; margin-bottom:10px;}

.lianxi3{ line-height:26px; padding-left:39px; background-image:url(../images/c.jpg); background-repeat:no-repeat; background-position:center left; background-size:contain; overflow:hidden; margin-bottom:10px;}


.productlist {
	text-align:center; overflow:hidden
}
.productlist LI { margin-left:1%; margin-right:1%; FLOAT: left;  width: OVERFLOW: hidden; WIDTH: 23%; margin-bottom:20px;
}
.productlist LI IMG { width:96%;  border:#CCC 1px solid; border-radius:3px; padding:2%; height:378px}
.productlist LI .product_name { line-height:300%}


.step-list1{ width: 100%; box-sizing: border-box; padding:2%; margin-top:3%;}
.step-list1 > ul{ width:100%; display: flex; flex-wrap: wrap; flex-direction: row; justify-content: flex-start; align-items: flex-start; }
.step-list1 > ul > li{ width:9%; margin-left:1.5%; margin-right:1.5%; margin-bottom:5%}
.step-list1 > ul > li:nth-of-type(1){ order:1; }
.step-list1 > ul > li:nth-of-type(2){ order:2; }
.step-list1 > ul > li:nth-of-type(3){ order:3; }
.step-list1 > ul > li:nth-of-type(4){ order:4; }
.step-list1 > ul > li:nth-of-type(5){ order:5; }
.step-list1 > ul > li:nth-of-type(6){ order:6; }
.step-list1 > ul > li:nth-of-type(7){ order:7; }
.step-list1 > ul > li:nth-of-type(8){ order:8; }
.step-list1 > ul > li:nth-of-type(9){ order:9; }
.step-list1 > ul > li:nth-of-type(10){ order:10; }
.step-list1 > ul > li:nth-of-type(11){ order:11; }
.step-list1 > ul > li:nth-of-type(12){ order:12; }
.step-list1 > ul > li:nth-of-type(13){ order:13; }
.step-list1 > ul > li:nth-of-type(14){ order:14; }
.step-list1 > ul > li:nth-of-type(15){ order:15; }
.step-list1 > ul > li > p{ width:100%; overflow: hidden; }
.step-list1 > ul > li > p img{ width: 100%; }
.step-list1 > ul > li > p > a{ display:block; margin-bottom:7px; border-radius:4px; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s;}
.step-list1 > ul > li:hover > p > a{ background-color:#0298d9;}
.step-list1 > ul > li:hover > p > a img{-webkit-filter: brightness(2.3);
filter: brightness(2.3);}
.step-list1 > ul > li > h3{ width: 100%; font-weight: normal; font-size: 12px;  overflow: hidden; }
.step-list1 > ul > li > h4{ width: 80px; height: 80px; margin:0 auto; opacity: 0; display: none; }
.step-list1 > ul > li > h4 img{width:100%; display: inline-block;}


.sousuoda{ width:100%; padding:70px 0px;}

.sousuo{ width:98%; max-width:545px; height:38px; border:#c4c3c3 1px solid; border-radius:19px; margin:20px auto; background-color:#FFF; overflow:hidden}
.sousuo input[type="text"]{ width:60%; max-width:450px; float:left; margin-left:19px; height:38px; line-height:38px; border:none; font-size:15px;}
.sousuo input[type="submit"]{ float:right; width:74px; border:none; height:38px; background-color:#FFF; background-image:url(../images/bb.png); background-repeat:no-repeat; background-position:center center}

.jiance{ width:100%; overflow:hidden}
.jiance > img{ width:100%}
.jiance > h3{ width:100%; text-align:left; font-weight:100; font-size:20px; line-height:50px; margin-top:30px;}
.jiance > h3 > span{ font-size:16px; color:#0295d6}
.jiance > div{ font-size:15px; line-height:30px;}

.luntai{ width:100%; overflow:hidden}
.luntaizuo{ width:48%; float:left;}
.luntaiyou{ width:48%; float:right}
.luntai > div > h3{ width:100%; line-height:60px; text-align:center; background-color:#0295d6; color:#FFF; font-size:24px; font-weight:100}
.luntai > div > h3 > span{ font-size:18px;}
.luntai > div > div{ width:90%; padding:5%; background-color:#eeeeee; font-size:15px; line-height:30px; margin-top:5px;}

.luntaiyou > div{ min-height:210px;}

.biaod{ width:98%; padding-left:2%; height:55px; line-height:55px; color:#FFF; font-size:17px; text-align:left; background-color:#028dce; margin-top:30px;}

.lingyu{ width:100%; overflow:hidden; margin-top:30px;}
.lingyu > ul{ width:25%; float:left}
.lingyu > ul li{ width:100%; margin-bottom:15px; background-color:#e6e6e6; max-height:55px; overflow:hidden}
.lingyu > ul li a{ width:96%; display:block; line-height:55px; color:#028dce; font-size:15px; text-align:left; margin-left:4%;}
.lingyu > ul li a span{ font-size:13px;}
.lingyu > img{ width:72.8%; float:right}

.lingyu > .lingyu-img{ width:72.8%; float:right}

.neirongbg table{ width:100% !important; font-size:15px; line-height:46px; border:#ccc 1px solid}
.neirongbg table tr{ margin:0px !important; padding:0px !important}
.neirongbg table tr td{ border:#ccc 1px solid !important; padding-left:1%}
.neirongbg table .firstRow{ display:none}
.neirongbg table tbody > tr:nth-child(2){ font-weight:bold !important; text-align:center}