@charset "utf-8";
/* reset */
*{margin: 0;padding: 0;}
body{width: 100%;overflow-x: hidden;font-weight: 500;}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,keygen,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,input,textarea,select,button{margin:0;padding:0;border:0;outline:0;font-size:100%;}
html,body,form,fieldset,p,div,h1,h2,h3,h4,h5,h6{-webkit-text-size-adjust:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ol,ul,li{list-style:none;}
sup,sub{font-size:83%} 
blockquote,q{quotes:none} 
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
del{text-decoration:line-through}
ins,u,s,a,a:hover{text-decoration:none}
em,i,cite,var,address,dfn{font-style:normal} 
h1,h2,h3,h4,h5,h6{font-weight:normal}
html,body,fieldset,img,iframe,abbr{border:0}
table{border-collapse:collapse;border-spacing:0}
caption,th{text-align:left;font-weight:normal}
textarea{overflow:auto;resize:none}
label,summary{cursor:default}
a,button,label{cursor:pointer}
body,textarea,input,button,select,keygen,legend{color:#666}
input::-webkit-input-placeholder{color: #ccc;}
input:-moz-placeholder{color: #ccc;}
input::-moz-placeholder{color: #ccc;}
input::-ms-input-placeholder{color: #ccc;}
textarea::-webkit-input-placeholder{color: #ccc;}
textarea:-moz-placeholder{color: #ccc;}
textarea::-moz-placeholder{color: #ccc;}
textarea::-ms-input-placeholder{color: #ccc;}
html{_background-image:url(about:blank);_background-attachment:fixed}
html{background-color:#fff}
img{ border: none;}
a{color:#666;-webkit-tap-highlight-color:rgba(0,0,0,0)}
/*a:hover{color:#ff571a;}*/
p{margin-bottom: 0;}
body{background-color:#fff;min-height: 100vh;}
/* function */
.dn{display:none}
.db{display:block}
.di{display:inline}
.di-b{ display: inline-block;}
.f-fl{float:left;}
.f-fr{float:right;}
.fn{float:none}
.pr{position:relative}
.pa{position:absolute}
.oh{overflow:hidden}
.fs12{font-size:12px}
.fs14{font-size:14px}
.fwb{font-weight:bold}
.tal{text-align:left}
.tac{text-align:center}
.tar{text-align:right}
.vam{vertical-align:middle}
.vat{vertical-align:top}
.wsn{word-wrap:normal;white-space:nowrap}
.ti{overflow:hidden;text-indent:-999em}
.ti2{text-indent:2em}
.cp{cursor:pointer}
.nus{-webkit-user-select:none;-ms-user-select:none;user-select:none}
.clear,.cb{overflow:hidden;display:block;clear:both;height:0}
.clearfix:before,.clearfix:after{content:'';display:table}
.clearfix:after{clear:both}
.clearfix,.zm{*zoom:1}
a:focus, a:hover{text-decoration: none !important;}
input::-webkit-input-placeholder { 
color: #888; 
} 
input:-moz-placeholder {  
color: #888; 
} 
input::-moz-placeholder { 
color: #888; 
} 
input:-ms-input-placeholder { 
color: #888; 
}

textarea::-webkit-input-placeholder { 
color: #888; 
} 
textarea:-moz-placeholder {  
color: #888; 
} 
textarea::-moz-placeholder { 
color: #888; 
} 
textarea:-ms-input-placeholder { 
color: #888; 
}

.container_box{max-width: 1230px;margin: 0 auto;padding: 0 15px;box-sizing: border-box;}

.header{width: 100%;height: 128px;background: url(../img/header_bj.png) right no-repeat;overflow: hidden;}
.header .logo{width: 254px;height: 128px;line-height: 128px;text-align: center;float: left;}
.header .logo img{font-size: 0;vertical-align: middle;}
.header .nav{float: left;line-height: 128px;padding: 0 10px 0 40px;box-sizing: border-box;font-size: 0;}
.header .nav a{font-size: 16px;color: #333;margin: 0 0px;vertical-align: middle;}
.header .nav a:last-child{margin-right: 0;}
/* .header .nav a.act{color: #00549a;font-weight: bold;} */
.header .nav a:hover{color: #00549a;font-weight: bold;}
.header .nav span{font-size: 16px;color: #00549a;margin: 0 18px;vertical-align: middle;}
.header .tell{float: right; line-height: 128px;font-size: 0;}
.header .tell img{vertical-align: middle;margin-right: 14px;}
.header .tell span{font-size: 34px;color: #00549a;font-family: impact;vertical-align: middle;}

.banner{width: 100%;}
.banner img{display: block;width: 100%;}

.sj_header{display: none;}
.sj_banner{display: none;}

.index1{width: 100%;padding: 100px 0 70px;box-sizing: border-box;background: url(../img/index1.png) top left no-repeat;}
.index1 .title{width: 100%;position: relative;}
.index1 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(40,40,40,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index1 .title p{font-size: 40px;color: #282828;font-weight: bold;text-align: center;line-height: 118px;}
.index1 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}
.index1 .bottom{width: 100%}
.index1 .bottom ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index1 .bottom ul li{ margin-top: 18px;width: 354px;height: 354px;border: 1px solid #00549a;box-sizing: border-box;position: relative;border-radius: 50%;padding-top: 8px;box-sizing: border-box;}
.index1 .bottom ul li::before{width: 18px;height: 18px;top: 34px;right: 48px;border-radius: 50%;background-color: #00549a;content: ' ';position: absolute;}
.index1 .bottom ul li div{width: 335px;height: 335px;padding: 72px 35px 0;box-sizing: border-box;}
.index1 .bottom ul li div h5{line-height: 92px;text-align: center;font-size: 44px;letter-spacing: -4px;font-weight:bold ;text-shadow: -1px 0 rgba(255, 255, 255, 1), 0 1px rgba(255, 255, 255, 1), 1px 0 rgba(255, 255, 255, 1), 0 -1px rgba(255, 255, 255, 1); color: rgba(24,129,216,.8); }
.index1 .bottom ul li div span{display: block;width: 50px;height: 5px;margin: 0 auto 18px;background-color: #fff;border-radius: 2px;}
.index1 .bottom ul li div p{line-height: 26px;color: #fff;font-size: 16px;display:flex;flex-wrap: wrap;}
.index1 .bottom ul li div p a{color: #fff;font-size: 16px;width: 50%;}
.index1 .bottom ul li:nth-of-type(2) div h5{color: #333;}
.index1 .bottom ul li:nth-of-type(2)::before{top: 70px;right: 17px;}
.index1 .bottom ul li:nth-of-type(3)::before{top: 100px;right: 4px;}



.index2{width: 100%;padding: 100px 0 50px;box-sizing: border-box;background: url(../img/index2.jpg) top left no-repeat;}
.index2 .title{width: 100%;position: relative;}
.index2 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(40,40,40,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index2 .title p{font-size: 40px;color: #282828;font-weight: bold;text-align: center;line-height: 118px;}
.index2 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}

.index2 .top{width: 100%;margin-top: 30px;display: flex;}
.index2 .top a{line-height: 60px;height: 60px;text-align: center;flex: 1;font-size: 24px;color: #282828;background-color: #fff;}
.index2 .top a.act{color: #fff;background-color:#00549a ;}

.index2 .bottom{width: 100%;padding: 50px 0 0px;}
.index2 .bottom .box{display: none;}
.index2 .bottom .box.block{display: block;}
.index2 .bottom .img{overflow: hidden;}
.index2 .bottom .img img{display: block;width: 100%;transition: .3s all;}
.index2 .bottom .img:hover img{transform: scale(1.1);}
/* .index2 .bottom p{margin-top: 6px;line-height: 42px;height: 42px;overflow: hidden;color: #1b1b1b;font-size: 16px;text-align: center;} */
.index2 .bottom .nr{line-height:52px;height:52px;overflow: hidden;display: flex;}
.index2 .bottom .nr h5{line-height:52px;max-width:60%;font-size:20px;color:#1b1b1b;font-weight: bold;}
.index2 .bottom .nr span{margin-left:20px;font-size:16px;color:#666}
.index2 .bottom p{font-size:14px;color:#666;line-height: 22px;height: 22px;overflow: hidden;}
.index2 .swiper-container{padding-bottom: 50px;}
.index2 .swiper-pagination{bottom: 0px;}
.index2 .swiper-pagination .swiper-pagination-bullet{width: 68px;height: 10px;border-radius: 5px;background-color: #bcbcbc;opacity: 1;}
.index2 .swiper-pagination .swiper-pagination-bullet-active{background-color:#00549a ;}



.index3{width: 100%;padding-bottom: 66px;}
.index3 .top{width: 100%;background:url(../img/index3_bj.jpg) top center no-repeat;padding: 33px 0;background-size:cover}
.index3 .top .title{padding: 36px 0;line-height: 36px;font-size: 30px;color: #fff;font-weight: bold;}
.index3 .top .title i{width: 11px;height: 36px;display: block;background-color: #fff;border-radius:5px;float: left;}
.index3 .top .title span{font-size: 36px;color: #fff;font-weight: 500;margin: 0 14px;}
.index3 .top .shang{margin-top: 20px;}
.index3 .top p{font-size: 16px;color: #fff;line-height: 27px;text-indent: 2em;letter-spacing: 2px}
.index3 .top .xia{}
.index3 .top .xia .img{float: left;width: 38%;position: relative;box-sizing: border-box;background-color: #fff;}
.index3 .top .xia .img .swiper{overflow: hidden;}
.index3 .top .xia .img img{display: block;width: 100%;}
.index3 .top .xia .img .btn{width: 40px;height: 40px;background-color:#000000 ;text-align: center;line-height: 40px;position: absolute;right: -55px;cursor: pointer;}
.index3 .top .xia .img .btn img{display: inline-block;width: auto;vertical-align: middle;}
.index3 .top .xia .img .btn.next{bottom: 0px;right:-110px}
.index3 .top .xia .img .btn.prev{bottom: 0px;}
.index3 .top .xia .img .btn:hover{background-color: #ffffff;}


.index3 .top .xia .img .btn .img2{display:inline-block;}
.index3 .top .xia .img .btn .img1{display:none;}
.index3 .top .xia .img .btn:hover .img2{display:none;}
.index3 .top .xia .img .btn:hover .img1{display:inline-block;}

.index3 .top .xia .nr{width: 60%;float: right;}
.index3 .bottom{margin-top:50px}
.index3 .bottom .container_box{position: relative;}
.index3 .bottom .swiper{overflow: hidden;}
.index3 .bottom .swiper-slide img{display: block;width: 100%;}
.index3 .bottom .btn{width: 18px;height: 85px;position: absolute;top: 50%;margin-top: -42px;}
.index3 .bottom .btn.next1{right: -30px;}
.index3 .bottom .btn.prev1{left: -30px;}



.index4{width: 100%;background: url(../img/index4_bj.jpg) center no-repeat;background-size: cover;padding: 72px 0 70px;}
.index4 ul li{width: 24%;background: rgba(255,255,255,.15);height: 58px;text-align: center;display: flex;float: left;margin-right: 1.333%;justify-content: center;align-items: center;overflow: hidden;}
.index4 ul li:nth-of-type(4n){margin-right: 0 ;margin-bottom: 12px;}
.index4 ul li a{font-size: 18px;color: #fff;line-height: 18px;}
.index4 ul li:hover{color: #fff;background-color: #00549a;}


.index5{width: 100%;padding: 100px 0 70px;box-sizing: border-box;background: url(../img/index5_bj.png) top left no-repeat;}
.index5 .title{width: 100%;position: relative;}
.index5 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(40,40,40,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index5 .title p{font-size: 40px;color: #282828;font-weight: bold;text-align: center;line-height: 118px;}
.index5 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}
.index5 .bottom{width: 100%}
.index5 .bottom ul{display: flex;justify-content: space-between;flex-wrap: wrap;}
.index5 .bottom ul li{background-color: #fff;border-radius: 10px;box-shadow: 0px 0px 5px rgba(0,0,0,.1);margin-top: 42px;text-align: center;padding: 36px 30px;box-sizing: border-box; width: 31%;}
.index5 .bottom ul li span{display: block;line-height: 60px;font-size: 24px;color: #00549a;font-weight: bold;}
.index5 .bottom ul li i{display: block;width: 48px;height: 6px;border-radius: 3px;background-color: #00549a;margin:5px auto; }
.index5 .bottom ul li p{line-height: 24px;color:#282828 ;font-size: 16px;margin-top: 20px;}





.index6{width: 100%;padding: 80px 0 80px;box-sizing: border-box;background: url(../img/index6.jpg) bottom center no-repeat;background-size: cover;}
.index6 .title{width: 100%;position: relative;}
.index6 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(255,255,255,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index6 .title p{font-size: 40px;color: #fff;font-weight: bold;text-align: center;line-height: 118px;}
.index6 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #fff;}
.index6 .bottom{width: 100%;}
.index6 .bottom  ul{width: 100%;}
.index6 .bottom ul li{margin-top: 30px;width: 40%;float: left;height: 124px;position: relative;background-color: #fff;border-radius: 62px;padding: 25px 48px;box-sizing: border-box;display: flex;justify-content: space-between;}
.index6 .bottom ul li:nth-of-type(2n){float: right;}
.index6 .bottom ul li .img{width: 65px;text-align: center;line-height: 65px;font-size: 0;}
.index6 .bottom ul li .img img{vertical-align: middle;}
.index6 .bottom ul li .nr{padding: 0 0px 0 15px;box-sizing: border-box;flex: 1;}
.index6 .bottom ul li .nr span{display: block;font-size: 24px;color: #00549a;font-weight: bold;}
.index6 .bottom ul li .nr p{font-size: 16px;color: #282828;margin-top: 10px;}
.index6 .bottom ul li .num{position: absolute;right:-55px;top: 50%;font-size: 80px;line-height: 80px;margin-top: -40px;height: 80px;color: #00549a;    letter-spacing: -6px;text-shadow: -3px 0 #fff, 0 3px #fff, 3px 0 #fff, 0 -3px #fff; font-weight: bold;}
.index6 .bottom ul li:nth-of-type(2n) .num{left: -55px;}



.index7{width: 100%;padding:62px 0 66px;}

.index7  .title{padding: 36px 0;line-height: 36px;font-size: 30px;color: #00549a;font-weight: bold;}
.index7  .title i{width: 11px;height: 36px;display: block;background-color: #00549a;border-radius:5px;float: left;}
.index7  .title span{font-size: 36px;color: #282828;font-weight: 500;margin: 0 14px;}
.index7 .botom{width: 100%;}
.index7 .bottom ul li{width:16%;margin-right: 0.8%;margin-top: 10px;box-shadow: 0px 0px 5px rgba(0,0,0,.3);float: left;}
.index7 .bottom ul li img{display: block;width: 100%;}
.index7 .bottom ul li:nth-of-type(6n){margin-right: 0;}


.index8{width: 100%;background: url(../img/index8_bj.jpg)  center no-repeat;padding:20px 0 60px 0;}
.index8 .left{width: 60%;padding-right: 20px;box-sizing: border-box;float: left;}
.index8 .left p{font-size: 24px;color: #282828;line-height: 44px;}
.index8 .left span{display: inline-block;line-height:46px ;padding: 0 24px;margin-top: 40px;box-sizing: border-box;color: #fdfcfc;background-color:#00549a ;font-weight: bold;font-size: 24px;border-radius: 5px;}
.index8 .left h2{font-size: 82px;color: #00549a;margin-top: 18px;font-weight: bold;}
.index8 .right{width: 40%;float: right;background: url(../img/index8.jpg) center no-repeat;border-radius: 10px;overflow: hidden;background-size: cover;padding: 42px;box-sizing: border-box;}
.index8 .right p{line-height: 55px;text-align: center;font-size: 36px;color: #fff;font-weight: bold;margin-bottom:16px ;box-sizing: border-box;}
.index8 .right input{display: block;margin-top: 12px;height: 58px;padding: 0 30px;font-size: 18px;background: rgba(255,255,255,.1);border: 0;width: 100%;box-sizing: border-box;border-radius: 10px;}
.index8 .right button{height: 72px;color: #fff;background-color: #00549a;font-weight: bold;border-radius: 10px;margin: 22px 0 0;font-size: 24px;display: block;width: 100%;}



.footer{width: 100%;background-color: #0d0d0d;padding: 84px 0;}
.footer .bottom{border-top: 1px solid #565656;padding: 28px 0;box-sizing: border-box;}
.footer .bottom p{font-size: 20px;line-height: 40px;color: #fff;font-weight: bold;}
.footer .bottom div{line-height: 33px;font-size: 16px;color: #fff;}
.footer .bottom a{font-size: 16px;color: rgba(255,255,255,.3);}
.footer .bottom span{color: rgba(255,255,255,.3);margin: 0 10px;  }
.footer .bottom div i{display: inline-block;}

.footer .bottom div div{display: inline-block;}

.kx{width: 100%;height:128px;}
.header{position: fixed;left: 0;top: 0;z-index: 1000;background-color: #fff;width: 100%;}

.index9{width: 100%;padding: 100px 0 70px;box-sizing: border-box;}
.index9 .title{width: 100%;position: relative;}
.index9 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(40,40,40,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index9 .title p{font-size: 40px;color: #282828;font-weight: bold;text-align: center;line-height: 118px;}
.index9 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}
.index9 .bottom{width: 100%;padding:30px 0  65px 0}
.index9 .bottom .bottom_p{max-width:890px;margin:0 auto;font-size:14px;color:#272727;text-align:center;line-height:26px}
.index9 .bottom .bottom_box{width: 100%;display:flex;flex-wrap:wrap;margin-top:48px}
.index9 .bottom .bottom_box .left{width: 46.7%;}
.index9 .bottom .bottom_box .left ul li{position: relative;margin-bottom:10px}
.index9 .bottom .bottom_box .left .img{overflow: hidden;}
.index9 .bottom .bottom_box .left .img img{display:block;width:100%;transition: .3s all;}
.index9 .bottom .bottom_box .left ul li p{font-size:26px;color:#fff;position: absolute;right:20px;bottom:20px}
.index9 .bottom .bottom_box .right{width: 53.3%;}
.index9 .bottom .bottom_box .right ul{display:flex;flex-wrap:wrap;}
.index9 .bottom .bottom_box .right ul li{width:50%;padding-left:10px;box-sizing: border-box;margin-bottom:10px}
.index9 .bottom .bottom_box .right .img{overflow: hidden;width:100%;}
.index9 .bottom .bottom_box .right .img img{display:block;width:100%;transition: .3s all;}
.index9 .bottom .bottom_box .right ul li p{padding:0 15px;line-height:75px;height:75px;overflow: hidden;background:#eeeeee;color:#999;text-align:right;font-size:26px;}
.index9 .bottom .bottom_box .right ul li:hover p{background:#00549a;color:#fff}
.index9 .bottom .bottom_box .right ul li:hover .img img{transform: scale(1.1);}
.index9 .bottom .bottom_box .left ul li:hover .img img{transform: scale(1.1);}




.index10{width: 100%;padding: 100px 0 70px;box-sizing: border-box;}
.index10 .title{width: 100%;position: relative;}
.index10 .title div{position: absolute;font-family: "宋体";font-size: 132px;color: rgba(40,40,40,.08);left: 0;top: -10px;line-height: 5.625rem;text-transform: uppercase;}
.index10 .title p{font-size: 40px;color: #282828;font-weight: bold;text-align: center;line-height: 118px;}
.index10 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}
.index10 .bottom{width: 100%;}
.index10 .bottom ul{display:flex;flex-wrap:wrap;}
.index10 .bottom ul li{width:48%;margin-right:2%;margin-top:40px;padding: 40px 85px;box-sizing: border-box;background-size:cover;position: relative;}
.index10 .bottom ul li:nth-of-type(2n){margin-right:0}
.index10 .bottom ul li img{display:block;margin:0 auto}
.index10 .bottom ul li h5{margin-top:28px;line-height:34px;text-align:center;font-size:24px;color:#fff}
.index10 .bottom ul li p{line-height:28px;color:#fff;height:84px;overflow: hidden;text-align:center;}
.index10 .bottom ul li span{display:block;width:40px;height:4px;background:#fff;margin:10px auto 22px;}
.index10 .bottom ul li div.yy{position: absolute;width:100%;height:100%;z-index:1;background:rgba(0,84,154,0.8);left:0;top:0}
.index10 .bottom ul li div.nr{position: relative;z-index:100}
.index10 .bottom ul li:hover div.yy{position: absolute;width:100%;height:100%;z-index:1;background:rgba(0,0,0,0.5);left:0;top:0}


.index11{width: 100%;padding: 80px 0 70px;box-sizing: border-box;    background: #eeeeee;}
.index11 .title{width: 100%;position: relative;}
.index11 .title span{display: block;margin: 6px auto;width: 70px;height: 1px;background-color: #00549a;}
.index11 .title p{font-size: 24px;color: #282828;font-weight: bold;text-align: center;line-height: 30px;margin-top:30px}
.index11 .bottom{width: 100%;margin-top:50px}
.index11 .bottom ul{display:flex;flex-wrap:wrap;justify-content: space-between;}
.index11 .bottom ul li{width:24%;background:#fff;position: relative;}
.index11 .bottom ul li .img{overflow:hidden;}
.index11 .bottom ul li .img img{display:block;width: 100%;transition: .3s all;}
.index11 .bottom ul li .nr{padding:28px 12px;box-sizing: border-box;}
.index11 .bottom ul li .nr span{font-size:24px;color:#272727;line-height:24px}
.index11 .bottom ul li .nr p{margin-top:15px;line-height:28px;height:112px;overflow:hidden;font-size:14px;color:#666}
.index11 .bottom ul li .po{display:none;width:100%;height:100%;background:rgba(0,84,154,0.8);left:0;top:0;position: absolute;overflow:hidden;}
.index11 .bottom ul li:hover .po{display:block;}
.index11 .bottom ul li .po div{position: absolute;top:50%;left:50%;transform: translate(-50%, -50%);;width:100%;padding:0 24px;box-sizing: border-box;text-align:center}
.index11 .bottom ul li .po span{display:block;line-height:40px;font-size:36px;color:#fff;margin-bottom:28px}
.index11 .bottom ul li .po p{font-size:30px;color:#fff;max-height:150px;overflow:hidden;font-size:14px;}
.index11 .bottom ul li:hover .img img{transform: scale(1.1);}









@media only screen and (max-width:1230px) {
.header .tell span{font-size: 24px;}
.header .tell img{width: 28px;}
.header .nav span{margin: 0 8px;}

}
@media only screen and (max-width:1024px) {
	.kx{display: none;}
	.header{display: none;}
	.banner{display: none;}
	.kx1{height: 110px;}
	.sj_header{width: 100%;padding: 0 15px;box-sizing: border-box;display: block;position: fixed;left: 0;top: 0;z-index: 1000;background-color: #fff;}
	.sj_header .top{width: 100%;}
	.sj_header .logo{width: 154px;height: 60px;line-height: 60px;text-align: center;background-color:#00549a ;float: left;padding: 0 20px;box-sizing: border-box;
	border-bottom-left-radius: 15px;	border-bottom-right-radius: 15px}
	.sj_header .logo img{font-size: 0;vertical-align: middle;width: 100%;}
	.sj_header .nav{line-height: 20px;padding:  15px 0;box-sizing: border-box;font-size: 0;display: flex;justify-content: space-between;}
	.sj_header .nav a{font-size: 12px;color: #333;margin: 0 0px;vertical-align: middle;display: block;}
	.sj_header .nav a:last-child{margin-right: 0;}
	/* .sj_header .nav a.act{color: #00549a;font-weight: bold;} */
	.sj_header .nav a:hover{color: #00549a;font-weight: bold;}
	.sj_header .nav span{font-size: 12px;color: #00549a;margin: 0 1px;vertical-align: middle;}
	.sj_header .tell{float: right; line-height: 60px;font-size: 0;}
	.sj_header .tell img{vertical-align: middle;margin-right: 14px;width: 24px;}
	.sj_header .tell span{font-size: 20px;color: #00549a;font-family: impact;vertical-align: middle;}
	.sj_banner{width: 100%;display: block;}
	.sj_banner img{display: block;width: 100%;}
	
	
	
	
	
}


@media only screen and (max-width:768px) {
	.index1{padding: 25px 0;}
	.index1 .title div{font-size: 50px;line-height: 50px;}
	.index1 .title p{font-size: 24px;color: #282828;line-height: 54px;}
	.index1 .bottom ul {justify-content: center;}
	.index1 .bottom ul li{width: 60%;height:55.5vw;padding: 2% 0;margin:20px 1% 0;}
	.index1 .bottom ul li div{width: 95%;height: 100%;border-radius: 50%;padding: 15px;overflow:hidden}
	
	.index1 .bottom ul li div h5{font-size: 20px;line-height: 40px;letter-spacing: -1px;}
	.index1 .bottom ul li div span{width: 30px;height:3px;margin: 10px auto;}
	.index1 .bottom ul li div p{font-size: 12px;line-height: 20px;}
	.index1 .bottom ul li::before{width: 8px;height: 8px;right: 0;top: 30%;}
	.index1 .bottom ul li:nth-of-type(2)::before{width: 8px;height: 8px;right: -4px;top: 50%;}
	.index1 .bottom ul li:nth-of-type(3)::before{width: 8px;height: 8px;right:-4px;}
	.index1 .bottom ul li div p a{font-size:12px}
	/* .index1 .bottom ul li div p a{width: 100%;text-align:center;    display: inline;width:auto;margin-right:5px} */

	.index2{padding: 25px 0;}
	.index2 .title div{font-size: 50px;line-height: 50px;}
	.index2 .title p{font-size: 24px;color: #282828;line-height: 54px;}
	
	.index2 .top a{line-height: 40px;height: 40px;font-size: 16px;}
	.index2 .bottom p{font-size: 14px;line-height: 30px;line-height: 30px;}
	.index2 .swiper-container{padding-bottom: 25px;}
	.index2 .swiper-pagination .swiper-pagination-bullet{width: 32px;height: 6px;border-radius: 3px;}
	.index2 .bottom{padding-bottom: 0;}
	
	.index3{padding-bottom: 25px;}
	.index3 .top .title i{width: 8px;height: 22px;}
	.index3 .top .title {font-size: 16px;line-height: 22px;padding: 0;}
	.index3 .top .title span{font-size: 20px;}
	.index3 .top{background-size: cover;overflow: hidden;}
	.index3 .top p{font-size: 14px;line-height: 22px;}
	.index3 .top .xia .nr{width: 100%;float: none;}
	.index3 .top .xia .img{width: 70%;}
	.index3 .top .xia .img img{}
	.index3 .top .xia .img::before{position: absolute;width: 100%;height: 150px;background-color: #fff;bottom: -33px;left: -20%;content: ' ';width: 200%;}
	.index3 .top .xia .img .btn img{border: 0;}

	.index3 .bottom .container_box{padding: 0 30px;}
	.index3 .bottom .btn.prev1{left: 10px;}
	.index3 .bottom .btn.next1{right: 10px;}
	
	.index4{padding: 25px 0;}
	.index4 ul li{width: 48%;margin-right: 4%;margin-bottom: 10px;}
	.index4 ul li:nth-of-type(2n){margin-right: 0;}
	.index4 ul li a{font-size: 14px;}
	
	.index5{padding: 25px 0;}
	.index5 .title div{font-size: 50px;line-height: 50px;}
	.index5 .title p{font-size: 24px;color: #282828;line-height: 54px;}
	.index5 .bottom ul li{width: 49%;margin-top: 20px;padding: 15px 10px;}
	.index5 .bottom ul li span{font-size: 18px;line-height: 20px;}
	.index5 .bottom ul li p{font-size: 14px;box-sizing: border-box;}
	.index5 .bottom ul li i{height: 3px;margin-top: 10px;}
	
	
	
	
	
	.index6{padding: 25px 0;background:url(../img/index6_sj.jpg) center no-repeat;}
	.index6 .title div{font-size: 50px;line-height: 50px;}
	.index6 .title p{font-size: 24px;color: #fff;line-height: 54px;}
	
	
	
	.index6 .bottom ul li{width: 48%;padding: 15px;border-radius: 30px;margin-top: 60px;height: 100px;}
	.index6 .bottom ul li .img{position: absolute;width: 40px;top: -28px;left: 20px;height:40px;background-color: #fff;line-height: 40px;}
	.index6 .bottom ul li .img img{width: 24px;}
	.index6 .bottom ul li .num{line-height: 80px;top: -38px;right: 0;width: 66px;font-size: 50px;margin-top: 0;}
	.index6 .bottom ul li:nth-of-type(2n) .num{line-height: 80px;top: -48px;right: 0;left: auto;}
	
	.index6 .bottom ul li .nr{padding-left: 0;}
	.index6 .bottom ul li .nr span{font-size: 16px;}
	.index6 .bottom ul li .nr p{font-size: 12px;line-height: 16px;margin-top: 5px;}
	
	
	.index7{padding: 25px 0;}
	.index7  .title i{width: 8px;height: 22px;}
	.index7  .title {font-size: 16px;line-height: 22px;padding: 20px 0;}
	.index7  .title span{font-size: 20px;}
	.index7 .bottom ul li{width: 32%;margin-right: 2%;}
	.index7 .bottom ul li:nth-of-type(3n){margin-right: 0;}
	
	.index8{padding-bottom: 25px;}
	.index8 .left{width: 100%;float: none;text-align: center;}
	.index8 .left p{text-align: left;font-size: 14px;line-height: 24px;}
	.index8 .left span{font-size: 16px;margin-top: 15px;padding: 0 15px;line-height: 32px;}
	.index8 .left h2{font-size: 34px;text-align: center;}
	.index8 .right{width: 100%;float: none;padding: 20px;margin-top: 20px;}
	
	.index8 .right p{font-size: 20px;line-height: 30px;}
	.index8 .right input{height: 36px;font-size: 14px;}
	.index8 .right button{height: 50px;font-size: 16px;}
	
	
	.footer{padding: 25px 0 0;}
	.footer .bottom{}
	.footer .bottom p{font-size: 16px;line-height: 20px;}
	.footer .bottom div{font-size: 0;}
	.footer .bottom div a{font-size: 12px;}
	.footer .bottom div span{margin: 0 1px;font-size: 12px;}
	.footer .bottom div i{display: block;font-size: 12px;color: #fff;text-align: center;border-top:1px solid #565656;margin-top: 15px;padding: 20px 0 ;line-height: 20px;}
	.footer .bottom div div{display: flex;justify-content: space-between;}
	
	.index9{padding: 25px 0;}
	.index9 .title div{font-size: 50px;line-height: 50px;}
	.index9 .title p{font-size: 24px;color: #282828;line-height: 54px;}
	.index9 .bottom{padding:20px 0 0}
	.index9 .bottom .bottom_box{margin-top:20px}
	.index9 .bottom .bottom_box .left{width: 100%;}
	.index9 .bottom .bottom_box .right{width: 100%;}
	.index9 .bottom .bottom_box .right ul{justify-content: space-between;}
	.index9 .bottom .bottom_box .right ul li{padding:0;width:49%}
	.index9 .bottom .bottom_box .right ul li p{font-size:14px;height:50px;line-height:50px}
	.index9 .bottom .bottom_box .left ul li p{font-size:14px;}
	
	.sj_header .logo{background:#fff}
	.sj_header .nav{flex-wrap:wrap;padding-top:0;padding-bottom:10px}
	.sj_header .nav a{width:33.3%;text-align:center}
	.index2 .bottom{padding-top:20px}
	.index2 .bottom .nr{height:auto;flex-wrap:wrap;line-height:24px;margin-top:10px}
	.index2 .bottom .nr h5{font-size:16px;width:100%;line-height:24px;max-width:100%}
	.index2 .bottom .nr span{font-size:14px;margin-left:0}
	.index2 .bottom p{height:44px;line-height:22px}
	
	
	.index10{padding: 25px 0;}
	.index10 .title div{font-size: 50px;line-height: 50px;}
	.index10 .title p{font-size: 24px;color: #282828;line-height: 54px;}
	.index10 .bottom{padding:5px 0 0}
	.index10 .bottom ul li{width:100%;margin-right:0;padding:15px;margin-top:15px}
	.index10 .bottom ul li img{width:60px;}
	.index10 .bottom ul li p{font-size:14px}
	.index10 .bottom ul li h5{font-size:18px;margin-top:10px}
	.index10 .bottom ul li span{width: 30px;height:2px;margin:10px auto}
	
	
	.index11{padding: 25px 0;}
	.index11 .title p{font-size:16px;line-height:24px}
	.index11 .bottom{margin-top:10px}
	.index11 .bottom ul li{width:48%;margin-top:15px}
	.index11 .bottom ul li .nr{padding:10px}
	.index11 .bottom ul li .nr span{font-size:16px;}
	.index11 .bottom ul li .nr p{line-height:24px;height:96px;margin-top:10px}
	.index11 .bottom ul li .po span{font-size:16px;line-height:24px;margin-bottom:16px}
	
}