@charset "utf-8";
.css {
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,img{margin:0;padding:0}
ul,li,ol,dl,dt,dd{list-style: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block; }
table{border-collapse:collapse;border-spacing:0}
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}
q:before,q:after{content:''}
abbr,acronym{border:0;font-variant:normal}
sup{vertical-align:text-top}
sub{vertical-align:text-bottom}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}
input,textarea,select{*font-size:100%}
a{text-decoration:none; display:block;}
a:hover,a:focus{ text-decoration:none;}
a:focus{ outline:none;}
img{ margin:0 auto; border:none; max-width:100% !important;}
table{ border:none;}
input[type="button"], input[type="submit"], input[type="reset"] {
-webkit-appearance: none;
}
textarea {  -webkit-appearance: none;}  
input:focus, textarea:focus {
    outline: none;
}
input:focus{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    -webkit-user-modify:read-write-plaintext-only;
}
input:focus,textarea:focus {
    outline: none;
}
*{ margin:0; padding:0;}
html{font-family: "arial" ,'Microsoft YaHei'; font-size: 14px; line-height:24px; -ms-touch-action: none; overflow-y: scroll; /* 阻止windows Phone 的默认触摸事件 */}
@font-face {
    font-family:'FZLTZHK';
	src:url(../fonts/FZLTZHK.TTF);
    font-weight: normal;
    font-style: normal;
}
.clear{ clear:both;}
.wid100{ width:100%; overflow:hidden;}
.top15{ margin-top:15px;}
.top20{ margin-top:20px;}
.top30{ margin-top:30px;}
.top40{ margin-top:40px;}
.top50{ margin-top:50px;}
.top70{ margin-top:70px;}
.top120{ margin-top:120px;}
.pad65{ padding:65px 0;}
.pad100{ padding:100px 0;}
.tetCenter{ text-align:center;}
.font12{ font-size:12px;}
.font15{ font-size:15px;}
.font16{ font-size:16px;}
.font18{ font-size:18px;}
.font20{ font-size:20px;}
.font22{ font-size:22px;}
.font24{ font-size:24px;}
.font26{ font-size:26px;}
.font28{ font-size:28px;}
.font30{ font-size:30px;}
.font36{ font-size:36px;}
.font60{ font-size:60px;}
.BoxTable{ display:table;}
.BoxCell{ display:table-cell; vertical-align:middle; height:100%; width:100%;}
.floatL{ float:left;}
.OveV{ overflow:visible;}
.Box1200{ width:1200px; margin:0 auto; overflow:hidden;}
.Box1300{ width:1300px; margin:0 auto; overflow:hidden;}
.Box1332{ width:1332px; margin:0 auto; overflow:hidden;}
.Box1242{ width: 1242px; margin: 0 auto; overflow: hidden;}
.page0 .swiper-container{ height: 100%;}
.header{ position: fixed; top: 0; left: 0; z-index: 999; overflow: visible;}
.header.headerShow{ background: #fff; background:rgba(255,255,255,0.8); box-shadow:0 0 10px rgba(0,0,0,0.1);}
.logo{ float: left; margin-left: 3%; min-width: 160px; margin-top: 3px; margin-bottom: 3px; width: 10%; max-width: 197px;}
.header .logoImgW{ display: block;}
.header .logoImgC{ display: none;}
.header.headerShow .logoImgW{ display: none;}
.header.headerShow .logoImgC{ display: block;}
.navUl{ float: left; text-align: center; width: 70%; min-width: 940px;}
.navUl li{ padding:0 12px; line-height: 70px; margin: 0 14px; font-size: 16px; display: inline-block; height: 76px; border-top: 6px solid rgba(255,255,255,0); transition:all 0.4s ease 0s;}
.header .navUl li a.menua{ color: #fff; padding: 0;}
.header.headerShow .navUl li a.menua{ color: #474747; padding: 0;}
.navUl li:hover{ border-top: 6px solid #0074bc; color: #0074bc;}
.navUl li.navhover{ border-top: 6px solid #0074bc;}
/*#menu li dl{width:100%; display: none; top:76px; left:0; height: 40px; line-height: 40px; text-align:center; padding:0 12px; background:#0074bc; position:absolute; z-index:100;}
.dlBox{ margin-left: -565px;}
#menu li dl dd{ display:inline-block; line-height: 40px;}
#menu li dl dd a{ color:#fff; line-height:40px; padding:0 18px;}
#menu li dl dd a:hover{ text-decoration:none; background: #00568c;}
#menu li dl dd a.ddhover{ text-decoration:none; background: #00568c;}*/
.hxjsBox_nav{ position: fixed; top: 83px; left: 0; height: 40px; line-height: 40px; text-align:center; padding:0 12px; background:#0074bc; z-index: 100;}
.hxjsBox_nav ul li{ display:inline-block; line-height: 40px;}
.hxjsBox_nav ul li a{ color:#fff; line-height:40px; padding:0 18px;font-size: 16px; font-weight: bold; }
.hxjsBox_nav ul li a:hover{ text-decoration:none; background: #003163;}
.hxjsBox_nav ul li a.ddhover{ text-decoration:none; background: #003163;}

.header .tabEnChBox{ float: right; border: 1px solid #c6c6c6; margin-top: 20px; margin-right: 3%;  
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.header.headerShow .tabEnChBox{ border: 1px solid #474747;}
.header .tabEnChBox a{ line-height: 35px; color: #fff; float: left; padding: 0 16px;}
.header.headerShow .tabEnChBox a{ color: #474747; }
.header  .tabEnChBox a:first-child{ border-right: 1px solid #d6dade;}
.header.headerShow .tabEnChBox a:first-child{ border-right: 1px solid #474747;}
.tabEnChBox a:hover{ color: #1f73b7;}
.page0 .swiper-pagination-bullets .swiper-pagination-bullet { background: #CCCCCC; width: 12px; height: 12px;}
.page0 .swiper-pagination-bullets .swiper-pagination-bullet-active{ background: #fff;}
.page0 .swiper-slide{ background-position: center center; background-size: cover; color: #fff;}
.banTextBg{ height: 100%; width: 50%; margin-left: 20%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.banTextBg p{ text-align: left; width: 100%;}
.banTextBg a{ text-align: left; width: 100%;}
.banTextBg a p span{ float: left; width: 100%;}
#fullpage{ opacity: 0;}
.banner_pp1{ font-size: 73px; text-align: left;}
.banner_pp2{ font-size: 53px; text-transform: uppercase; text-align: left;}
.banner_pp3{ font-size: 32px; text-align: left;}
.banner_btn{ position:absolute; left:50%; margin-left:-16px; bottom:40px; z-index:1; width:30px; height:54px; border:2px solid #fff; border-radius:15px; cursor:pointer;}
.banner_btn:after{ display:block; content:""; position:absolute; top:10px; left:50%; margin-left:-3px; width:6px; height:6px; border-radius:20px; background:#fff;}
.banner_btn:before{ display:block; content:""; position:absolute; bottom:16px; left:50%; margin-left:-4px; width:9px; height:12px; background:url(../images/banner_btn.png) center center no-repeat;
animation:mymove 1.5s infinite;
-webkit-animation:mymove 1.5s infinite;
}
@keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}

@-webkit-keyframes mymove
{
0 { bottom:16px; opacity:1;}
100%{ bottom:2px; opacity:0;}
}
.index_TwoLeft{ float: left; width: 56%; position: relative; height: 100%; z-index:1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.index_TwoLeftBoxa{ position: relative; float:right; width:100%; max-width:783px; height: 100%; opacity: 0; padding-top: 70px;}
.img1{ width: 783px; max-width: 783px !important;}
.img2{ position: absolute; width: 357px; height: 357px; top: 10px; left: 50%; margin-left: -178px; z-index: 1;}
.img3{ position: absolute; width: 357px; height: 357px; top: 30px; left: 50%; margin-left: -178px; z-index: 2; animation:flash 10s infinite;}
.img4{ position: absolute; width: 322px; height: 13px; left: 50%; margin-left: -161px; top: 30px; z-index: 3;}
.index_TwoBgimg:hover .img4{
animation:img4 5s;
-ms-animation:img4 5s;
-moz-animation:img4 5s; /* Firefox */
-webkit-animation:img4 5s; /* Safari and Chrome */
-o-animation:img4 5s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
}
@keyframes img4
{
0%   {top: 30px;}
50%  { top: 350px;}
100% {top: 30px;}
}

@-moz-keyframes img4 /* Firefox */
{
0%   {top: 30px;}
50%  { top: 350px;}
100% {top: 30px;}
}

@-webkit-keyframes img4 /* Safari and Chrome */
{
0%   {top: 30px;}
50%  { top: 350px;}
100% {top: 30px;}
}

@-o-keyframes img4 /* Opera */
{
0%   {top: 30px;}
50%  { top: 350px;}
100% {top: 30px;}
}
/*.index_TwoLeftBg{ position: absolute;  right: 0; bottom: 0;}*/
.index_TwoLeftBoxa.animated{ opacity: 1;}
.index_TwoBgimg{ bottom: 0; position: absolute; left: 0; max-height: 700px;}
.index_TwoRight{ float: left; width: 44%; height: 100%; padding: 0 5%; position:relative; z-index:1;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
/*.index_TwoFaceBox{ position: absolute; top: 0; left: 23%; width: 50%; height: 50%; max-height: 357px; background: url(../images/indexa_22.png) no-repeat; background-size: 100% 100%;} */
.index_RightTextBox{ text-align: left; opacity: 0;
}
.index_RightTextBox.animated{ opacity: 1;}
.index_RightTextBox p{ text-align: left; width: 100%;}
.col2a{ color: #2a2a2a;}
.index_Timg1{ width: 240px;}
.index_Tpp1{ line-height: 36px; font-size: 20px; color: #1e1e1e; margin-top: 40px;}
.index_Tpp2{ width: 222px; height: 50px; border: 1px solid #0eafeb; margin-top: 40px; font-size: 18px; text-transform: uppercase; color: #0eafeb; line-height: 48px; text-align: center; transition:all 0.4s ease 0s;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    }
.index_Tpp2:hover{ background: #0eafeb; color: #fff;}
.index_ThreeLeft{ padding-left: 12%; padding-right: 0; color: #fff;}
.colFFF{ color: #fff;}
.index_Thpp1{ font-size: 60px;}
.index_ThreeLeft .index_Tpp2{ border: 1px solid #fff; color: #fff;}
.index_ThRightBox{/* width: 90%;*/ position: relative; max-width: 958px; opacity: 0; padding-top:70px;}
.index_ThRightBox.animated{opacity: 1;}
.index_Thimg1{ position: absolute; bottom: 6%; left: 0; z-index: 1;}
.index_Thimg2{ position: absolute; bottom: 18%; width: 74%; left: 13%; z-index: 2; }
.index_ThRightBox:hover .index_Thimg2{ 
animation:scaleX 2s linear infinite; 
-moz-animation:scaleX 2s linear infinite; 
-webkit-animation:scaleX 2s linear infinite; 
-o-animation:scaleX 2s linear infinite; 
-khtml-animation:scaleX 2s linear infinite; 

animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
-webkit-animation-iteration-count: infinite;
-o-animation-iteration-count: infinite;
-khtml-animation-iteration-count: infinite;

animation-fill-mode: both;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
-khtml-animation-fill-mode: both;
}
@keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
@-khtml-keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
@-moz-keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
@-webkit-keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
@-ms-keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
@-o-keyframes scaleX{ 
	0 { opacity: 0.8;} 
	50% { opacity: 0.2;} 
	100% { opacity: 1;}
}
.index_FourLeftBoxa{left: 14%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.index_fourBgimg{ position: absolute; transform: translateY(-50%); top: 50%; left: 0; z-index: 1; padding-right:360px;}
.index_fourimg1{ position: absolute; transform: translateY(-50%); top: 50%; left: 146px; z-index: 2; max-width: 70%;}
.index_fourimg1 img{ float: left;
animation-iteration-count: 1;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
-o-animation-iteration-count: 1;
animation-fill-mode: both;
-moz-animation-fill-mode: both;
-webkit-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-delay:0.5s;
-o-animation-delay:0.5s;
-moz-animation-delay:0.5s;
-webkit-animation-delay:0.5s;}
.index_fourimg1 img:hover {    
	-webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
transform:scale(0.95); 
-moz-transform:scale(0.95); 
-webkit-transform:scale(0.95); 
-o-transform:scale(0.95); 
}
.index_fourimga{ margin-left: 0;}
.index_fourimgb{ margin-top: 10%; margin-left: 30px;}
.index_fourimgc{ margin-top: 10%; margin-left: 15px;}
@keyframes scale{ 
	0 {  transform:scaleX(1); } 
	50% { transform:scaleX(0.5); }
	100% { transform:scaleX(1);}
}
@-moz-keyframes scale{ 
	0 {  transform:scaleX(1);} 
	50% { transform:scaleX(0.5); }
	100% { transform:scaleX(1);}
}
@-webkit-keyframes scale{ 
	0 {  transform:scaleX(1);} 
	50% { transform:scaleX(0.5);}
	100% { transform:scaleX(1);}
}
@-o-keyframes scale{ 
	0 {  transform:scaleX(1);} 
	50% { transform:scaleX(0.5);}
	100% { transform:scaleX(1);}
}
.footerBox{ padding-top: 2px;}
.footerBoxa{ border-top: 1px solid #d9d9d9; padding: 40px 0; text-align: left; background: #f3f3f3; }
.footer_leftBox{width: 27%; float: left; padding-right: 3%;}
.footer_centerBox{width: 35%; float: left; border-left: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7;}
.footer_rightBox{width: 38%; float: left;}
.footer_img1{ width: 85%; max-width: 272px !important; float: left; margin-bottom: 20px;}
.footer_pp1{ font-size: 16px; color: #000000; padding-left: 36px; line-height: 26px;}
.footer_pp2{ background: url(../assets/img/index_21.png) top left no-repeat;}
.footer_pp3{ background: url(../assets/img/index_24.png) top left no-repeat; margin-top: 10px;}
.footer_centerBox ul{ padding: 0 10px;}
.footer_centerBox ul li{ width: 33.3%; float: left; padding-left: 8%;}
.footer_centerBox ul li p{ font-size: 20px; color: #000000; margin-bottom: 15px;}
.footer_centerBox ul li a{ font-size: 16px; color: #000000; line-height: 35px;}
.footer_centerBox ul li a:hover{ color: #0074bc;}
.footer_RBoxa{ width: 68%; float: left; padding: 0 8%;}
.footer_pp4{ font-size: 20px; color: #000000; margin-bottom: 10px;}
.footer_pp5{font-size: 14px; color: #454545; margin: 0 0 10px;}
.Col0e86eb{ color: #0e86eb;font-weight: bold;font-size: 16px; }
.Colccc{ color: #666;font-size: 14px; }
.footer_RBoxb{ border-top: 1px solid #d5d5d5; color: #a2a2a2; padding-top: 18px;}
.footer_RBoxb a{ display: inline-block; border-right: 1px solid #a2a2a2; padding: 0 8px;}
.footer_RBoxb a:nth-child(4){ border: none;}
.footer_RBoxb a img{ width: 22px; height: 19px;}
.footer_RBoxb a:hover{    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    -webkit-opacity:0.6;
    /* 老版Safari */
    -khtml-opacity:0.6;
    -o-opacity:0.6;
    opacity:0.6;
}
.footer_RBoxc{ width: 32%; float: left;}
.footer_pp6{ line-height: 30px; text-align: center; margin-top: 5px;}
.footer_RBoxc img{ display: block; margin: 0 auto;}
.Neibanner{ height: 495px; position: relative; padding-top: 72px; background-position: center; background-size: cover;}
.NeibannerText{ height: 100%; font-size: 40px; color: #fff; text-align: left; text-transform: uppercase;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.TitleBox{ border-bottom: 1px solid #e7e7e7; height: auto; overflow: hidden;}
.TitleBoxul li{ float: left; height: 80px; line-height: 79px; margin-right: 115px; font-size: 24px; color: #1d1d1d; font-family: "SimSun";}
.TitleBoxul li:hover{ color: #05dbde; border-bottom: 1px solid #05dbde;}
.TitleBoxul li.titleHover{ color: #05dbde; border-bottom: 1px solid #05dbde;}
.contentBox{ min-height: 500px; padding: 50px 0;}
.productList li{ width: 33.3%; float: left; margin-bottom: 56px; padding: 0 21px;}
.productList li:nth-child(3n+1){ clear: both;}
.productList_Con{ background: #f5f5f5; text-align: center;}
.productList_imgBox{ height: 222px; overflow: hidden;    
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.productList_img{ width: 100%; height: 100%; background-position: center; background-size: cover;
	-webkit-transition: all .45s ease-in-out;
       -moz-transition: all .45s ease-in-out;
        -ms-transition: all .45s ease-in-out;
         -o-transition: all .45s ease-in-out;
            transition: all .45s ease-in-out;
}
.productList li:hover .productList_img{    
	transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.productList_TextBox{ padding: 25px 25px; color: #1e1e1e; line-height: 28px;}
.pro_pp1{ font-size: 20px; margin-bottom: 20px;}
.pro_pp2{ width: 104px; height: 32px; background: #05dbde; color: #fff; margin: 0 auto; margin-top: 22px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    }
.productList li:hover .productList_Con{ background: #05dbde; }
.productList li:hover .productList_TextBox{color: #fff;}
.productList li:hover .pro_pp2{  background: #fff; color: #05dbde;}
.Xwdt_pageBox{ color:#fff; line-height:26px;}
.Xw_pp11{ color:#fff;}
.Xwdt_pageBox a{ display:inline-block; padding: 0 9px; margin: 5px 0; color:#fff; background:#d7d7d7;}
.Xwdt_pageBox a:hover{ background:#07dadd;}
.Xwdt_pageBox a.pageBoxhover{ background:#07dadd;}
.prevP{ margin-right: 10px;}
.nextP{ margin-left: 10px;}
.casexq_Boxa{ position: relative; padding-right: 88px; font-size: 30px; color: #2b2b2b; padding-bottom: 46px; border-bottom: 1px solid #e5e5e5;}
.casexq_pp1{ float: right; margin-top: 40px; width: 84px; height: 28px; background: #05dbde; color: #fff; font-size: 16px; line-height: 28px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
} 
.casexq_pp1:hover{ background: #fff; color: #05dbde; border: 1px solid #05dbde;}
.casexq_pp2{ padding-left: 14px; background: url(../images/casexq_29.png) left center no-repeat; font-size: 24px; color: #000000; margin-top: 40px;}
.casexq_pp3{ font-size: 16px; color: #1e1e1e; line-height: 26px; margin-top: 10px;}
.casexq_Boxb{ width: 30%; float: left; border: 1px solid #ededed; background: #fbfbfb; padding: 30px 3%;}
.casexq_pp4{ font-size: 20px; color: #000;}
.casexq_Boxc{ padding-top: 98px; width: 5%; float: left;}
.casexq_img1{ width: 50%; margin: 0 auto; display: block;}
.casexq_img2{ margin: 40px 0;}
.casexq_Boxd{ margin: 15px 0;}
.casexq_Boxd li{ width: 25%; float: left; padding: 0 3%;}
.casexq_Boxe{ width: 137px; height: 137px; background: #30e1e4; margin: 0 auto; margin-bottom: 12px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.casexq_Boxe img{ max-width: 60% !important;}
/******************动起来********************/
.casexq_Boxd li:hover .casexq_Boxe img{
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both; 
	-o-animation: tada 1s .2s ease both; 
	-ms-animation: tada 1s .2s ease both;
}
@-webkit-keyframes tada{
0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}
}
@-moz-keyframes tada{
0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}
}
@-o-keyframes tada{
0%{-o-transform:scale(1);}
10%, 20%{-o-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-o-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-o-transform:scale(1.1) rotate(-3deg);}
100%{-o-transform:scale(1) rotate(0);}
}
@-ms-keyframes tada{
0%{-ms-transform: scale(1);}
10%, 20%{-ms-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 60%, 70%, 90%{-ms-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-ms-transform:scale(1.1) rotate(-3deg);}
100%{-ms-transform:scale(1) rotate(0);}
}
.casexq_pp5{ padding-left: 12px; line-height: 26px; font-size: 16px; background: url(../images/icolittle_03.jpg) left top 8px no-repeat; color: #1e1e1e;}
.casexq_Boxf{ background: #f6f6f6; padding: 0 0 30px; margin-top: 50px;}
.casexq_img3{ display: block; margin: 0 auto;}
.casexq_Boxg li{ width: 23%; float: left; margin-right: 2%; font-size: 20px; color: #000; margin-top: 20px;}
.casexq_Boxg li p{ margin: 10px 0;}
.casexq_Boxg li:last-child{ margin-right: 0;}
.casexq_Boxh{ position: relative; padding-left: 535px; min-height: 220px;  font-size:16px; letter-spacing: 1px; color: #3c3c3c; line-height: 26px; margin-top: 20px;}
.casexq_BoxhImg{ width: ; height: 218px; width: 482px; position: absolute; left: 0; top: 0;}
.casexq_pp6{ font-size: 30px; color: #000000; line-height: 32px; margin-bottom: 15px;}
.productxq_pp1{font-size: 16px; color: #232323; line-height: 26px; margin-top: 40px;}
.productxq_img1{ display: block; margin: 50px auto 0;}
.productxq_Boxa li{ width: 14.2%; float: left; padding: 0 10px; margin: 26px 0;}
.productxq_Boxb{ max-width: 133px; min-height: 133px; width: 100%; margin: 0 auto; background: url(../images/cirl_03.png) center center no-repeat; background-size: auto 100%; font-size: 20px; color: #000000; line-height: 38px;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.productxq_pp2{ color: #1e1e1e; margin-top: 15px;}
.productxq_Boxa li:hover .productxq_Boxb img{
	-webkit-animation: tada 1s .2s ease both;
	-moz-animation: tada 1s .2s ease both; 
	-o-animation: tada 1s .2s ease both; 
	-ms-animation: tada 1s .2s ease both;
}
.productxq_Boxc{ padding-top: 12px; border-top: 1px solid #e5e5e5; text-align: right; margin-top: 30px; font-size: 15px; color: #787878;}
.productxq_Boxc span{ display: inline-block; margin: 10px 0;}
.productxq_Boxc a{ display: inline-block; margin: 10px 4px;}
.productxq_Boxc a:hover{filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -webkit-opacity:0.7;
    /* 老版Safari */
    -khtml-opacity:0.7;
    -o-opacity:0.7;
    opacity:0.7;
    }
.jszc_Boxa li{ padding-bottom: 25px; position: relative; margin-bottom: 25px; border-bottom: 1px solid #e5e5e5; padding-right: 124px;} 
.jszc_Boxa li:last-child{ border: none;}
.jszc_pp1{ padding-left: 15px; background: url(../images/js_ico_03.jpg) left top 5px no-repeat; font-size: 16px; color: #1d1d1d;}
.jszc_pp2{ width: 115px; height: 26px; position: absolute; right: 0; top: 0; background: url(../images/jszc_04.png) left 22px center no-repeat #05dbde; color: #fff; padding-left: 48px; line-height: 26px;}
.news_Boxa{ padding-bottom: 50px;}
.news_Boxa li{ border-bottom: 1px solid #e5e5e5; padding: 37px 0; position: relative; min-height: 292px; padding-left: 385px;}
.news_ImgBox{ position: absolute; left: 0; top: 37px; width: 350px; height: 218px; overflow: hidden;}
.news_Boxa li:hover .productList_img{    
	transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -moz-transform: scale(1.1);
}
.news_pp1{ font-size: 30px; color: #000000;}
.news_pp2{ font-size: 15px; color: #000000; margin: 15px 0;}
.news_pp3{ line-height: 27px; font-size: 15px; color: #3c3c3c;}
.news_Boxa li:hover .news_pp1{ color: #05dbde;}
.newsxq_Boxa{ border-bottom: 1px solid #e5e5e5; padding-top: 15px; color: #787878; padding-bottom: 30px;}
.newsxq_Boxa span{ display: inline-block; margin: 5px 0;}
.newsxq_Boxa span.newsxq_pp1{ margin-right: 50px;}
.newsxq_Boxa a{ display: inline-block; margin: 5px 4px;}
.newsxq_Boxa a:hover{filter:alpha(opacity=70);
    -moz-opacity:0.7;
    -webkit-opacity:0.7;
    /* 老版Safari */
    -khtml-opacity:0.7;
    -o-opacity:0.7;
    opacity:0.7;
    }
.newsxq_Boxb{ padding-top: 40px;}
.newsxq_Boxb p{ font-size: 16px; line-height: 30px; color: #1e1e1e;}
.newsxq_Boxc{ margin-top: 40px; border-top: 1px solid #e5e5e5; position: relative; padding: 25px 0; padding-right: 130px; }
.newsxq_Boxd{ width: 90%; overflow: hidden; float: left;}
.newsxq_Boxprev{ width: 50%; overflow: hidden; float: left;}
.newsxq_Boxprev a{ color: #3c3c3c; font-size: 16px; line-height: 30px; float: left;}
.newsxq_Boxprev a.newsxq_pp2{ width: 90px; height: 30px; background: #05dbde; margin-right: 20px; color: #fff; font-size: 14px; line-height: 30px;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}
.newsxq_Boxprev a:hover{ color: #05dbde;}
.newsxq_Boxprev a.newsxq_pp2:hover{ background: #fff; border: 1px solid #05dbde;}
.newsxq_pp3{ width: 112px; position: absolute; right: 0; top: 25px; padding-left: 50px; height: 30px; line-height: 30px; background: url(../images/newsxq_07.png) left 28px center no-repeat #05dbde; color: #fff;
	-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;}
.about_pp1{ font-size: 16px; color: #232323; }
.about_Box{ position: relative; min-height: 267px; margin-top: 40px;}
.about_Boxa{ width: 25%; overflow: hidden; min-height: 267px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;}
.about_BoxaL{ text-align: right; float: left;}
.about_BoxaR{ text-align: left; float: right;}
.about_Boxb{ width: 46%; position: absolute; left: 27%; top: 0; overflow: hidden;}
.about_Boxb img{ max-width: 546px !important; display: block; margin: 0 auto;}
.about_pp2{ color: #05dbde; font-size: 30px;}
.about_pp3{ font-size: 20px; color: #626262; line-height: 30px;}
.about_Boxc{ background: url(../assets/img/about_07.jpg) center center /cover; overflow: hidden; margin-top: 75px;}
.about_BoxcN{ float: left; width: 50%;}
.about_BoxcLeft{ padding-top: 70px; padding-right: 79px;}
.about_pp4{ color: #05dbde; font-size: 47px; margin-top: 50px;}
.about_pp5{ position: relative; font-size: 20px; color: #2e2e2e; margin-top: 5px; padding-bottom: 22px;}
.about_pp5:after{ position: absolute; left: 0; bottom: 0; content: ""; width: 69px; height: 5px; background: #05dbde;}
.about_pp6{ font-size: 16px; color: #3c3c3c; line-height: 30px; margin-top: 40px;}
.about_BoxcRight{ float: left; position: relative; min-height: 580px;}
.about_BoxcRight img{ position: absolute; bottom: 0; left: 0; height: auto;}
.about_Boxd{ padding-top: 70px;}
.about_Boxe{ margin-top: 32px; border-bottom: 1px solid #e1e1e1; overflow: hidden; padding-bottom: 15px;}
.about_Boxe li{ cursor: pointer; margin-right: 5px; font-size: 18px; width: 84px; height: 30px; line-height: 30px; float: left; color: #6f6f6f;}
.about_Boxe li:hover{ background: #05dbde; color: #fff;}
.about_Boxe li.abouthover{ background: #05dbde; color: #fff;}
.about_BoxToggle li{ width: 33.3%; float: left; padding: 35px 35px;}
.about_BoxTogglea{ padding-left: 44px; position: relative; color: #3b3b3b;}
.about_img1{ position: absolute; left: 0; top: 0;}
.about_pp7{ font-size: 16px; font-weight: bold; color: #454545; text-transform: uppercase; margin-bottom: 5px;}
.about_BoxContact{ background: #f7f7f7; padding: 25px 5% 45px; margin-top: 10px;}
.about_pp8{ font-size: 28px; color: #01c7ca; margin-bottom: 20px;}
.about_inp{ width: 32%; float: left; margin-bottom: 10px; border: 1px solid #dddddd; padding: 0 16px; color: #787878; height: 50px; line-height: 48px; background: #fff;}
.about_inp1{ margin-right: 2%;}
.about_inp2{margin-bottom: 10px; border: 1px solid #dddddd; padding: 8px 16px; color: #787878; height: 100px; background: #fff;}
.about_inp3{ width:16%; float: left; margin-bottom: 10px; border: 1px solid #dddddd; padding: 0 16px; color: #787878; height: 50px; line-height: 48px; background: #fff;}
.about_BoxYzImg{ width: 86px; float: left; margin-left: 8px; height: 50px; margin-bottom: 10px; overflow: hidden;}
.about_BoxYzImg img{ height: 100%; width: 100%;}
.about_pp9{ font-size: 12px; line-height: 50px; display: block; float: left; color: #4b4b4b; margin-left: 8px;}
.about_pp9:hover{ color: #01c7ca;}
.about_pp10{ background: #05dbde; cursor: pointer; color: #fff; font-size: 18px; width: 210px; height: 42px; line-height: 42px; float: right; letter-spacing: 5px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.about_pp10:hover{ background: #fff; color: #05dbde; border: 1px solid #05dbde;}
.join_pp1{ line-height: 30px;}
.join_pp1 span{ color: #3c3c3c;}
.join_Boxa{ margin: 45px 0; overflow: hidden;}
.join_Boxa li{ width: 25%; float: left; padding: 0 25px;}
.join_Boxb{ width: 210px; height: 210px; margin: 0 auto; background-position: center; background-size: cover;
	-webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    border-radius: 50%;
    }
#accordion{ margin-top: 30px;}
#accordion .panel{
	box-shadow: none;
	border: none;
	border-radius:0;
	margin-bottom: 10px;
    box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
#accordion .panel-title a{
	display: block;
	color: #05dbde;
	font-size: 18px;
	padding: 10px 30px;
	background: #f6f6f6;
	text-transform: uppercase;
	position: relative;
}
#accordion .panel-title a.collapsed{
	color: #232323;
}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	content: "-";
	font-family: FontAwesome;
	position: absolute;
	top: 12px;
	right: 28px;
	font-size: 14px;
	line-height: 22px;
	width:22px; height:22px;
	text-align:center;
	color: #fff;
	background:#05dbde;
}
#accordion .panel-title a.collapsed:before{
	content: "+";
}
#accordion .panel-body{
	color: #232323;
	font-size: 14px;
	line-height: 26px;
	border-top: 0 none;
	padding: 30px 24px;
	box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;
}
.join_More{ line-height:100px; color:#232323;}
.join_More:hover{ color:#05dbde;}
.join_Boxc{ border-top: 1px solid #dfdfdf; margin-top: 20px; padding-top: 30px;}

#fp-nav.left {
    position: fixed;
    z-index: 8;
    margin-top: -32px;
    top: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
}
#fp-nav.right {
    right: 17px;
}
#fp-nav.left {
    left: 17px;
}
.fp-slidesNav{
    position: absolute;
    z-index: 4;
    left: 50%;
    opacity: 1;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
}
.fp-slidesNav.bottom {
    bottom: 75px;
}
.fp-slidesNav.top {
    top: 17px;
}
#fp-nav.left ul,
.fp-slidesNav ul {
  margin: 0;
  padding: 0;
}
#fp-nav.left ul li,
.fp-slidesNav ul li {
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
.fp-slidesNav ul li {
    display: inline-block;
}
#fp-nav.left ul li a,
.fp-slidesNav ul li a {
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}
#fp-nav.left ul li a span,
.fp-slidesNav ul li a span {
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    height: 4px;
    width: 4px;
    border: 0;
    background: #333;
    left: 50%;
    top: 50%;
    margin: -2px 0 0 -2px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav.left ul li:hover a span{
    width: 10px;
    height: 10px;
    margin: -5px 0px 0px -5px;
}
#fp-nav.left ul li .fp-tooltip {
    position: absolute;
    top: -2px;
    color: #fff;
    font-size: 14px;
    font-family: arial, helvetica, sans-serif;
    white-space: nowrap;
    max-width: 220px;
    overflow: hidden;
    display: block;
    opacity: 0;
    width: 0;
    cursor: pointer;
}
#fp-nav.left ul li:hover .fp-tooltip,
#fp-nav.left.fp-show-active a.active + .fp-tooltip {
    -webkit-transition: opacity 0.2s ease-in;
    transition: opacity 0.2s ease-in;
    width: auto;
    opacity: 1;
}
#fp-nav.left ul li .fp-tooltip.right {
    right: 20px;
}
#fp-nav.left ul li .fp-tooltip.left {
    left: 20px;
}
#fp-nav.left ul{
	margin: 0;
	padding: 15px 0;
	background:#fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-ms-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
}
#fp-nav.left li{
    display: block;
    width: 14px;
    height: 13px;
    margin: 7px;
    position:relative;
}
#fp-nav.left li a{
    display: block;
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
}

#fp-nav.left li .active span{
	border: none;
	background: url(../assets/img/addico_03.jpg) center center no-repeat;
}
#fp-nav.left ul li a span,.fp-slidesNav ul li a span{
    width: 12px;
    height: 12px;
    background: #fff;
    border: 1px solid #56b2d3;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    margin: -6px 0 0 -6px;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -o-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;
}
#fp-nav.left ul li .fp-tooltip{
	position:absolute;
	width:77px !important;
	height:27px;
	background:url(../assets/img/indexa_07.png) no-repeat;
	top: 0;
	font-weight: bold;
	font-family:"Microsoft Yahei";
	color: #FFFFFF;
	font-size:12px;
	text-align:center; 
	line-height: 27px;
}
#fp-nav.left ul li .fp-tooltip.left {
    left: 25px;
}
.hxjsa_Boxa{ width: 56%; margin: 0 auto; /*background: rgba(30,130,190,0.7);*/ opacity: 0; color: #fff; padding: 20px 8%; font-size: 20px; line-height: 36px;}
.hxjsa_Boxa.animated{ opacity: 1;}
.hxjsa_pp1{ font-size: 50px; line-height: 60px; margin-bottom: 10px;}
.hxjsa_Boxb{ width: 56%; z-index: 5; position: absolute; top: 140px; left: 22%; opacity: 0; color: #fff; padding: 20px 0; font-size: 20px; line-height: 36px;}
.hxjsa_Boxb.animated{ opacity: 1;}
#fp-nav.right ul li a span, .fp-slidesNav ul li a span{ background: none; border: 1px solid #0074bc; width: 12px; height: 12px; margin-left: -6px; margin-top: -6px;}
#fp-nav.right ul li a.active span, .fp-slidesNav ul li a.active span, #fp-nav.right ul li:hover a.active span, .fp-slidesNav ul li:hover a.active span{ margin-left: -6px; margin-top: -6px; background: #0074bc;}
.hxjsb_Boxa{ width: 56%; position: absolute; top: 25%; left: 22%; background: rgba(30,130,190,0.7); opacity: 0; color: #fff; padding: 20px 8%; font-size: 20px; line-height: 36px;}
.hxjsb_Boxa.animated{ opacity: 1;}
.hxjsb_Boxb{ color: #252525;}
.hxjsc_Boxa{ background: none;}
.hxjsc{ height: 100%; margin: 0 auto; position: relative;}
.hxjscBoxa{ width: 60%;}
.hxjscBoxb{ width: 47%;}


.hxjsc_Boxb{ width: 60%; max-width: 708px; opacity: 0; position: absolute; bottom: 10%; left: 0;}
.hxjsc_Boxb.animated{opacity: 1;}
.hxjsc_Boxc{ position: absolute; bottom: 12%; left: 55%; width: 45%; opacity: 0; z-index: 2;
animation-delay:1s;
-o-animation-delay:1s;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
}
.hxjsc_Boxc.animated{opacity: 1;}
.hxjsc_Boxc .hxjsc_BoxcBox{ padding-left: 115px; position: relative; overflow: hidden;}
.hxjsc_Boxc .hxjsc_BoxcBoxL{ height: 100%; position: absolute; left: 0; bottom: 0; width: 115px; }
.hxjsc_Boxc .hxjsc_BoxcBoxL:after{ content: ""; position: absolute; left: 30px; top: 50%; width: 85px; height: 1px; z-index: 0; background: #0074bc;}
.hxjsc_Boxc  .hxjsc_BoxcBoxLCir{ width: 30px; height: 30px; position: absolute; z-index:1; left: 0; top: 50%; margin-top: -15px; padding: 6px; background: url(../assets/img/hxjsc_ico_14.png) center center no-repeat; background-size: 0 0;
animation: hxjsc_BoxcBoxLCir 2s;
-ms-animation: hxjsc_BoxcBoxLCir 2s;
-moz-animation: hxjsc_BoxcBoxLCir 2s;	/* Firefox */
-webkit-animation: hxjsc_BoxcBoxLCir 2s;	/* Safari 和 Chrome */
-o-animation: hxjsc_BoxcBoxLCir 2s;
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
@keyframes hxjsc_BoxcBoxLCir
{
0 {background-size: 0 0;}
100% {background-size: 100% 100%;}
}
@-ms-keyframes hxjsc_BoxcBoxLCir
{
0 {background-size: 0 0;}
100% {background-size: 100% 100%;}
}
@-moz-keyframes hxjsc_BoxcBoxLCir /* Firefox */
{
0 {background-size: 0 0;}
100% {background-size: 100% 100%;}
}
@-webkit-keyframes hxjsc_BoxcBoxLCir /* Safari 和 Chrome */
{
0 {background-size: 0 0;}
100% {background-size: 100% 100%;}
}
@-o-keyframes hxjsc_BoxcBoxLCir /* Opera */
{
0 {background-size: 0 0;}
100% {background-size: 100% 100%;}
}
.hxjsc_BoxcBoxLCir span{ background: #0074bc; display: block; width: 18px; height: 18px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;}
.hxjsc_BoxcBoxR{ background: rgba(0,116,188,0.4); border: 1px solid #fff; padding: 30px; text-align: left; color: #fff; line-height: 40px;word-break:break-all;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;}
.hxjscT_Boxb{ width: 61%; max-width: 557px; opacity: 0; position: absolute; bottom: 15%; right: 0;}
.hxjscT_Boxb.animated{opacity: 1;}
.hxjscT_Boxc{position: absolute; bottom: 15%; left: 0; width: 44%; opacity: 0; z-index: 2;
animation-delay:1s;
-o-animation-delay:1s;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;
}
.hxjscT_Boxc.animated{opacity: 1;}
.hxjscT_Boxc .hxjsc_BoxcBox{ padding-right: 115px; position: relative; overflow: hidden;}
.hxjscT_Boxc .hxjsc_BoxcBoxL{ height: 100%; position: absolute; right: 0; bottom: 0; width: 115px; }
.hxjscT_Boxc .hxjsc_BoxcBoxL:after{ content: ""; position: absolute; right: 30px; top: 50%; width: 85px; height: 1px; z-index: 0; background: #0074bc;}
.hxjscT_Boxc  .hxjsc_BoxcBoxLCir{ width: 30px; height: 30px; position: absolute; z-index:1; top: 50%; margin-top: -15px; padding: 6px; background: url(../assets/img/hxjsc_ico_14.png) center center no-repeat; background-size: 0 0; right: 0;
animation: hxjsc_BoxcBoxLCir 2s;
-ms-animation: hxjsc_BoxcBoxLCir 2s;
-moz-animation: hxjsc_BoxcBoxLCir 2s;	/* Firefox */
-webkit-animation: hxjsc_BoxcBoxLCir 2s;	/* Safari 和 Chrome */
-o-animation: hxjsc_BoxcBoxLCir 2s;
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-ms-border-radius: 50%;
	-o-border-radius: 50%;
	border-radius: 50%;
}
.hxjsc_BoxcBoxth{ padding-left: 150px !important; position: relative;}
.hxjs_img1{ position: absolute; left: 45px; display: block; max-width: 74px !important;}
.hxjsc_Boxd{ width: 60%; left: 20%; bottom: 34%;}
.hxjsc_Boxe{ width: 50%; position: absolute; left: 25%; bottom: 20%;  padding: 20px; opacity: 0;animation-delay:1s;
-o-animation-delay:1s;
-moz-animation-delay:1s;
-webkit-animation-delay:1s;}
.hxjsc_Boxe.animated{ opacity: 1;}
.hxjsc_Boxe i{ border: 8px solid #2485c3; position: absolute; display: block; width: 50px; height: 50px;}
.hxjsc_Boxe i.hxjsc_pp1{ left: 0; top: 0; border-right: none; border-bottom: none;}
.hxjsc_Boxe i.hxjsc_pp2{ right: 0; top: 0; border-left: none; border-bottom: none;}
.hxjsc_Boxe i.hxjsc_pp3{ bottom: 0; left: 0; border-right: none; border-top: none;}
.hxjsc_Boxe i.hxjsc_pp4{ right: 0; bottom: 0; border-left: none; border-top: none;}
.hxjsc_ImgBox{ position: relative;}
.hxjsc_Img1{ position: absolute; top: 0; left: 0; width: 100%;
animation:hxjsc_Img 5s;
-ms-animation:hxjsc_Img 5s;
-moz-animation:hxjsc_Img 5s; /* Firefox */
-webkit-animation:hxjsc_Img 5s; /* Safari and Chrome */
-o-animation:hxjsc_Img 5s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
}
@keyframes hxjsc_Img
{
0%   {top: 0;}
50%  { top: 92%;}
100% {top: 0;}
}

@-moz-keyframes hxjsc_Img /* Firefox */
{
0%   {top: 0;}
50%  { top: 92%;}
100% {top: 0;}
}

@-webkit-keyframes hxjsc_Img /* Safari and Chrome */
{
0%   {top: 0;}
50%  { top: 92%;}
100% {top: 0;}
}

@-o-keyframes hxjsc_Img /* Opera */
{
0%   {top: 0;}
50%  { top: 92%;}
100% {top: 0;}
}
.footerBottonBox{ padding: 15px 0; background: #f3f3f3; color: #000; font-size: 12px; text-align: center; border-top: 1px solid #d9d9d9;}
.footerBottonBox span{ margin-right: 15px;}
.footerBottonBox a{ display: inline-block; margin: 0 10px; color: #000000;}
.index_phoneNum{color: #0e86eb; font-size: 34px;}
.hxjs_xinBox{ width: 80%; max-width: 900px; opacity: 0; position: absolute; bottom: 9%; right: 0;}
.hxjs_xinBoxa{ width: 36%; bottom: 18%;}
.hxjs_xinBoxa .hxjsc_BoxcBoxLCir{left: -30px;}
.credits {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 1em;
  opacity: 0.6;
  z-index: 1;
  font-size: 0.35em;
  letter-spacing: 2px;
  color: #fff;
}
.hxjs_xinBoximga{ position: absolute; z-index: 10; bottom: 0; width: 24%; left: 38%; display: block; opacity: 0;}
.hxjs_xinBoxb{position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; background: url(../assets/img/hxjszBg_02.jpg) center center /cover; opacity: 0.6;
animation:hxjs_xin 5s;
-ms-animation:hxjs_xin 5s;
-moz-animation:hxjs_xin 5s; /* Firefox */
-webkit-animation:hxjs_xin 5s; /* Safari and Chrome */
-o-animation:hxjs_xin 5s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
}
@keyframes hxjs_xin
{
0%   {opacity: 0.6;}
25% {opacity: 0.8;}
50% {opacity: 0.4;}
75% {opacity: 0.8;}
100% {opacity: 0.6;}
}

@-moz-keyframes hxjs_xin /* Firefox */
{
0%   {opacity: 0.6;}
25% {opacity: 0.8;}
50% {opacity: 0.4;}
75% {opacity: 0.8;}
100% {opacity: 0.6;}
}

@-webkit-keyframes hxjs_xin /* Safari and Chrome */
{
0%   {opacity: 0.6;}
25% {opacity: 0.8;}
50% {opacity: 0.4;}
75% {opacity: 0.8;}
100% {opacity: 0.6;}
}

@-o-keyframes hxjs_xin /* Opera */
{
0%   {opacity: 0.6;}
25% {opacity: 0.8;}
50% {opacity: 0.4;}
75% {opacity: 0.8;}
100% {opacity: 0.6;}
}
.hxjs_xinf{position: absolute; bottom: 15%;}
.hxjs_xinf_c{position: relative; padding-right: 22%;}
.hxjs_xinf_a{ width: 100%; }
.hxjs_xinf_b{ width: 22%; position: absolute; right: 0; top: 50%; transform: translateY(-50%); 
animation:hxjs_xin 2s;
-ms-animation:hxjs_xin 2s;
-moz-animation:hxjs_xin 2s; /* Firefox */
-webkit-animation:hxjs_xin 2s; /* Safari and Chrome */
-o-animation:hxjs_xin 2s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;
}
.hxjs_xinf_d{position: absolute; right: 0; bottom: 14%;}

@media (max-width:1600px){
.banTextBg a p span{ font-size: 55px !important;}
.banTextBg p a span{ font-size: 55px !important;}
.navUl{ min-width: 930px; padding-left:5%;}
.navUl li{ line-height: 66px; margin: 0 10px; }
.banner_pp1{ font-size: 48px;}
.banner_pp2{ font-size: 38px;}
.banner_pp3{ font-size: 18px;}
.index_Timg1{ width: 220px;}
.index_Thpp1{ font-size:50px;}
.index_fourBgimg , .index_fourimg1{  /*max-height: 70%;*/}
.casexq_Boxa{ padding-bottom: 25px; font-size: 25px;}
.news_pp1{ font-size: 26px;}
.about_pp4{ font-size: 42px;}
.join_Boxb{ width: 200px; height: 200px;}
.hxjsa_pp1{ font-size: 40px; line-height: 50px;}
.hxjsa_Boxa{ width: 70%; padding: 15px 3%; }
.hxjsa_Boxb{ width: 70%; left: 15%; padding: 15px 0;}
.hxjsb_Boxa{ width: 70%; padding: 15px 3%; left: 15%;}
.hxjsc_Boxc .hxjsc_BoxcBox{ padding-left: 80px;}
.hxjsc_Boxc .hxjsc_BoxcBoxL{ width: 80px;}
.hxjsc_Boxc .hxjsc_BoxcBoxL:after{ width: 50px;}
.hxjsc_BoxcBoxR{ padding: 25px 10px;}
.hxjscT_Boxc .hxjsc_BoxcBox{ padding-right: 80px;}
.hxjscT_Boxc .hxjsc_BoxcBoxL{ width: 80px;}
.hxjscT_Boxc .hxjsc_BoxcBoxL:after{ width: 50px;}
.hxjsb_Boxb{ background: rgba(255,255,255,0.6); padding: 10px 3%;}
}
@media (max-width:1500px){
.navUl{padding-left: 2%;}
.navUl li{ margin: 0 2px;}	
}
@media (max-width:1440px){
.navUl li{ margin: 0 ;}
.header .tabEnChBox{ margin-top:25px; }
.header .tabEnChBox a{ line-height:30px; padding:0 10px;}
.hxjsa_pp1{ font-size: 30px; line-height: 40px;}
.hxjsa_Boxa{ width: 80%;}
.hxjsa_Boxb{ width: 80%; left: 10%;}
.hxjsb_Boxa{ width: 80%;  left: 10%; top: 160px;}
.hxjscBoxa{ width: 70%;}
.hxjscBoxb{ width: 57%;}
.banTextBg a p span{ font-size: 45px !important;}
.banTextBg a p span{ font-size: 45px !important;}
.index_phoneNum{font-size: 30px;}
.hxjsBox_nav{ top:135px;}
}
@media (max-width:1332px){
.Box1332{ width:96%;}
.navUl{ min-width: 860px; padding-left:1%;}
.navUl li{ line-height: 66px;  }
.banner_pp1{ font-size: 60px;}
.banner_pp2{ font-size: 42px;}
.banner_pp3{ font-size: 24px;}
.index_Timg1{ width: 200px;}
.index_Thpp1{ font-size:48px;}
.index_fourBgimg , .index_fourimg1{  /*max-height: 60%;*/}
.index_fourimg1{  max-width: 75% !important;}
.footer_RBoxa{padding: 0 4%;}
.footer_leftBox{ padding-right: 2%;}
.footer_centerBox ul li{ padding-left: 5%;}
.footer_RBoxb a{ padding: 0 10px;}
.casexq_Boxa{ padding-bottom: 22px; font-size: 22px;}
.casexq_pp2 , .casexq_pp6{ font-size: 20px;}
.about_pp4{ font-size: 38px;}
.hxjsa_pp1{ font-size: 28px; line-height: 38px;}
.hxjsa_Boxa , .hxjsb_Boxa{ width: 80%; font-size: 18px;}
.hxjsa_Boxb{ width: 80%; left: 10%; font-size: 18px;}
/*.index_fourimg1{ top: 26%; left: 26%;}*/
}
@media (max-width:1300px){
.Box1300{ width:96%;}
}
@media (max-width:1242px){
.Box1242{ width: 96%;}
.productList li{ padding: 0 12px;}
}
@media (max-width:1205px){
}
@media (max-width:1200px){
.indexSearchBox{ right:60px;}	
.Box1200{ width:96%;}
.header{ padding-bottom: 10px;}
#menu{ background:rgba(255,255,255,0.9); width:100%; display:none; position: absolute; padding:0 15px; top:63px; left:0;  z-index:101;}
#menu li{ width:100%; border-top: none; height:40px; line-height: 40px; clear:both; margin:0; border-bottom:1px dotted #666; text-align:left; padding:0 30px;}
#menu li:hover{ border-top: none;}
#menu li:hover a.menua{ color: #0074bc;}
#menu li.navhover{ border-top: none;}
#menu li.navhover a.menua{ color: #0074bc;}
.navbar-header{ display:block; background:url(../images/navBtn.png) center center no-repeat; width:31px; margin-right:10px; height:26px; cursor:pointer; float:right; margin-top:20px;}
.header .tabEnChBox{ margin-top: 15px; margin-right:15px;}
.navbar-headera{background:url(../images/close.png) center center no-repeat;}
#menu li a{ display:block; color:#000; text-align:left; line-height:39px; height:40px;}
.hxjsBox_nav{ top: 81px;}
/*#menu li dl{top:0; display:block; left:0; width:100%; position:relative; padding:0; background:none;}
.dlBox{ margin-left:0;}
#menu li dl dd{ text-align:left; height:50px; margin:0; width:100%; border:none; border-bottom:1px dotted #666;}
#menu li dl dd:last-child{ border-bottom:1px dotted #666;}
#menu li dl dd a{ color:#000; height:50px; line-height:50px; padding:0 3%; }
#menu li dl dd a:hover{ color:#0074bc; text-decoration:none; background: none;}*/
.navUl{ min-width: auto;}
.index_twoBox_a{ padding-right:0; height:auto;}
.index_timg1{ position: relative; right:auto; top:auto; margin-left:15%; width:70%; height:auto;}
.honour{ padding:0 25px;}
.banner_pp1{ font-size: 48px;}
.banner_pp2{ font-size:28px;}
.banner_pp3{ font-size: 20px;}
.index_Timg1{ width: 150px;}
.index_Thpp1{ font-size: 44px;}
.index_ThreeLeft{ padding-left: 10%;}
.productList_TextBox{ padding: 25px 12px;}
.TitleBoxul li{ margin-right: 98px; font-size: 22px; height: 72px; line-height: 71px;}
.casexq_Boxa{ padding-bottom: 18px; font-size: 20px;}
.productxq_Boxa{ text-align: center;}
.productxq_Boxb{ min-height: 116px; font-size: 18px;}
.productxq_Boxb img{  max-width: 40% !important;}
.news_pp1{ font-size: 22px;}
.newsxq_Boxd{ width: 100%;}
.about_pp4{ font-size: 34px; margin-top: 40px;}
.about_BoxcLeft{ padding-right: 70px;}
.about_BoxToggle li{ padding: 35px 15px;}
.join_Boxb{ width: 190px; height: 190px;}
.hxjsa_pp1{ font-size: 26px; line-height: 36px;}
.hxjsa_Boxa{ width: 84%; padding: 10px 3%; font-size: 18px; line-height: 30px;}
.hxjsa_Boxb{ width: 84%; left: 8%; top: 120px; line-height: 30px; font-size: 18px; padding: 10px 0;}
.hxjsb_Boxa{ width: 84%;  left: 8%; top: 150px;}
.hxjscBoxa{ width: 84%;}
.hxjscBoxb{ width: 70%;}
.hxjsc_Boxc{ left: 54%; width: 44%;}
.hxjscT_Boxc{ width: 44%;}
.hxjsc_BoxcBoxR{ line-height: 34px;}
.hxjsc_Boxd{ width: 60%; left: 20%; bottom: 34%;}
.hxjsc_Boxe{ bottom: 10%;}
.Neibanner{ height: 465px; }
.NeibannerText{ height: 100%;}
.index_fourimg1{ left: 33%;}
.index_TwoBgimg{ top: 50%; transform: translateY(-50%);}
.banTextBg a p span{ font-size: 35px !important;}
.banTextBg p a span{ font-size: 35px !important;}
.index_phoneNum{font-size: 26px;}
.hxjs_xinBoxa{ width: 36%;}
.hxjs_xinBox{ bottom: 12%;}
}
@media (max-width:1024px){
#fp-nav.left{ left: 5px;}
.banner_pp2{ font-size:30px;}
.footer_leftBox{ width: 100%; margin-bottom: 25px; padding: 0 3%;}
.footer_centerBox{ border-left: none; padding-left: 3%; width: 50%;}
.footer_rightBox{ width: 50%;}
.footer_centerBox ul{ padding-left: 0;}
.footer_centerBox ul li{ padding-left: 0;}
.productList li{ padding: 0 6px;}
.TitleBoxul li{ margin-right: 80px; font-size: 20px;}
.casexq_Boxh{ padding-left: 470px;}
.casexq_BoxhImg{ width: 452px;}
.casexq_Boxe{ width: 120px; height: 120px;}
.casexq_Boxd li{ padding: 0 2%;}
.jszc_Boxa li{ padding-bottom: 18px; margin-bottom: 18px;}
.about_Box{ min-height: auto;}
.about_Boxa{ min-height: 220px;}
.about_pp4{ font-size: 32px;}
.about_BoxcLeft{ padding-right: 60px;}
.about_BoxToggle li{ padding: 35px 5px;}
.about_img1{ width: 26px;}
.about_BoxTogglea{ padding-left: 36px;}
.about_pp2{ font-size: 26px;}
.about_pp3{ font-size: 18px;}
.join_Boxb{ width: 170px; height: 170px;}
.hxjsa_pp1{ font-size: 24px; line-height: 34px; }
.hxjsa_Boxb{ background: rgba(30,130,190,0.7); padding: 10px 3%;}
.hxjsc_Boxb , .hxjsc_Boxc{ bottom: 20%;}
.hxjscT_Boxb , .hxjscT_Boxc{ bottom: 22%;}
.hxjsc_Boxd{ width: 60%; left: 20%; bottom: 34%;}
.Neibanner{ height: 435px; }
.hxjsb_Boxb{ background: rgba(255,255,255,0.6);}
.index_phoneNum{font-size: 22px;}
}
@media (max-width:997px){
#menu li{ padding:0 15px; font-size:14px;}
.banner_pp1{ font-size: 50px;}
.banner_pp2{ font-size:26px;}
.banner_pp3{ font-size: 18px;}
.index_Timg1{ width: 130px;}
.index_Tpp1 , .index_Tpp2{ margin-top: 15px;}
.index_TwoLeft{ width: 100%; height:auto; display:block;}
.index_TwoLeftBoxa{ right: 0%; max-width:none;}
.index_TwoBgimg{ position:relative; top:0; transform:translate(0);}
.index_TwoRight{ width: 100%; height:auto; padding-top:15px; display:block;}
.index_Tpp1{ line-height: 26px; font-size: 18px;}
.index_Tpp2{ font-size: 18px; height: 38px; line-height: 36px;}
.index_Thpp1{ font-size: 36px;}
.index_ThreeLeft{ padding: 45px 10% 0; }
.index_ThRightBox{/* width: 54%;*/ margin-left: 0%;}
.index_fourBgimg , .index_fourimg1{ /* max-height: 70%;*/ /*margin-top: 17%; top: 0;*/}
.index_FourLeftBoxa{ width: 60%; right: 10%;}
.productList li{ width: 50%; padding: 0 22px;}
.productList li:nth-child(3n+1){ clear: none;}
.productList li:nth-child(2n+1){ clear: both;}
.casexq_Boxa{ font-size: 18px;}
.casexq_pp2 , .casexq_pp4 , .casexq_Boxg li , .casexq_pp6{ font-size: 18px;}
.casexq_Boxh{ padding-left: 0;}
.casexq_BoxhImg{ width: 452px; margin: 0 auto; left: auto; top: auto; position: relative;}
.casexq_Boxd li{ padding: 0 1%;}
.casexq_Boxb{ padding: 30px 2%;}
.productxq_Boxa li{ width: 24%;  float: none; display: inline-block; vertical-align: top;}
.productxq_Boxa li:nth-child(4n+1){ clear: both;}
.news_pp1{ font-size: 20px;}
.news_ImgBox{ height: 200px; width: 310px;}
.news_Boxa li{ padding-left: 335px; min-height: 274px;}
.newsxq_Boxprev{ width: 100%; margin-bottom: 20px;}
.about_pp4{ font-size: 30px; margin-top: 30px;}
.about_BoxcLeft{ padding-right: 30px;}
.about_pp2{ font-size: 24px;}
.about_BoxContact{ padding: 25px 2% 45px;}
.about_pp8{ font-size: 24px;}
.join_Boxa li{ padding: 0 10px;}
.join_Boxb{ width: 160px; height: 160px;}
.hxjsa_pp1{ font-size: 20px; line-height: 30px; margin-bottom: 0;}
.hxjsa_Boxa{ width: 90%; padding: 10px 2%; font-size: 16px; line-height: 26px;}
.hxjsa_Boxb{ width: 90%; left: 5%;  padding: 10px 2%; font-size: 16px; line-height: 26px;}
 .hxjsb_Boxa{ width: 90%;  left: 5%; padding: 10px 2%; font-size: 16px; line-height: 26px;}
 .hxjsc_BoxcBoxR{ line-height: 28px; padding: 15px 10px;}
.hxjsc_Boxe{ width: 62%; left: 19%;}
.Neibanner{ height: 405px; }
.index_fourimg1{ left: 19%; width: 60%;}
.index_fourimgb{ margin-left: 15px; margin-top: 0;}
.index_fourimgc{ margin-left: 0; margin-top: 0;}
.banTextBg a p span{ font-size: 25px !important;}
.banTextBg p a span{ font-size: 25px !important;}
.img1{ width: 380px;}
.img2{width: 180px; height: 180px; margin-left: -100px;}
.img3{width: 180px; height: 180px; margin-left: -90px; top:0;}
.img4{width: 150px; margin-left: -75px;
animation:img4 5s;
-ms-animation:img4 5s;
-moz-animation:img4 5s; /* Firefox */
-webkit-animation:img4 5s; /* Safari and Chrome */
-o-animation:img4 5s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;}
@keyframes img4
{
0%   {top: 0px;}
50%  { top: 160px;}
100% {top: 0px;}
}

@-moz-keyframes img4 /* Firefox */
{
0%   {top: 0px;}
50%  { top: 160px;}
100% {top: 0px;}
}

@-webkit-keyframes img4 /* Safari and Chrome */
{
0%   {top: 0px;}
50%  { top: 160px;}
100% {top: 0px;}
}

@-o-keyframes img4 /* Opera */
{
0%   {top: 0px;}
50%  { top: 160px;}
100% {top: 0px;}
}
}
@media (max-width:767px){
.page0 .swiper-slide{ background-position: top right 22%; }
#fp-nav.left {
    left: 5px;
}
.banner_pp1{ font-size: 45px;}
.banner_pp2{ font-size:28px;}
.banner_pp3 , .index_Tpp1{ font-size: 18px;}
.index_Thpp1{ font-size: 36px;}
.index_ThreeLeft{ padding: 0 8%; }
.index_FourLeftBoxa{ width: 60%; right: 10%;}
.footer_centerBox{ width: 100%; margin-bottom: 25px; border: none;}
.footer_rightBox{ width: 100%; padding-left: 3%;}
.footer_RBoxa{ padding-left: 0;}
.footer_img1{ max-width: 240px !important;}
.productList li{ width: 50%; padding: 0 6px;}
.TitleBoxul li{ margin-right: 60px;font-size: 18px; height: 64px; line-height: 63px;}
.casexq_Boxd li{ width: 50%; margin: 15px 0; padding: 0 3%;}
.casexq_Boxg li{ width: 49%;}
.casexq_Boxg li:nth-child(even){ margin-right: 0;}
.casexq_Boxd li:nth-child(2n+1){ clear: both;}
.NeibannerText{ font-size: 42px;}
.jszc_pp1{ font-size: 14px;}
.news_ImgBox{ position: relative; margin: 15px auto; left: auto; top: auto;}
.news_Boxa li{ padding-left: 0; padding: 20px 0;}
.about_BoxcLeft{ padding-right: 0; width: 100%; padding-top: 40px;}
.about_Boxd{ padding-top: 40px;}
.about_pp4{ font-size: 24px; margin-top: 15px;}
.about_pp5{ font-size: 18px;}
.about_pp6{ margin-top: 20px;}
.about_BoxcRight{ width: 60%; margin: 0 auto; clear: both; padding-top: 20px; float: none; min-height: auto;}
.about_BoxcRight img{ position: relative; }
.about_Boxa{ min-height: 180px;}
.about_pp2{ font-size: 22px;}
.about_pp8{ font-size: 20px;}
.join_Boxb{ width: 153px; height: 153px;}
.hxjsc_BoxcBoxR{ padding: 10px;}
.hxjsc_Boxb , .hxjscT_Boxb{ bottom: 33%; left: 20%;}
.hxjscT_Boxb{ width: 56%; left: 22%;}
.hxjsc_Boxc , .hxjscT_Boxc{ bottom: 8%; width: 100%; left: 0;}
.hxjsc_Boxc .hxjsc_BoxcBox , .hxjscT_Boxc .hxjsc_BoxcBox{ padding-left: 0; padding-top: 0;}
.hxjscT_Boxc .hxjsc_BoxcBox{ padding-right: 0;}
.hxjsc_BoxcBoxL{ display: none;}
.hxjsc_Boxd{ width: 60%; left: 20%; bottom: 30%;}
.hxjsc_BoxcBoxth{ padding-left: 15px !important;}
.hxjs_img1{ position: relative; left: auto; max-width: 74px !important; margin: 0 auto; margin-bottom: 15px;}
.hxjscBoxb{ width: 96%;}
.Neibanner{ height: 385px; }
.index_fourBgimg , .index_fourimg1{  /*max-height: 60%;*/ /*margin-top: 26%; top: 0;*/}
.index_fourimg1{ left: 14%; width: 50%;}
.index_fourimgb{ margin-left: 15px; margin-top: 5%;}
.index_fourimgc{ margin-left: 0; margin-top: 5%;}
.index_fourimga{ margin-left: 20px;}
.banTextBg a p span{ font-size: 22px !important;}
.banTextBg p a span{ font-size: 22px !important;}
.hxjs_xinBoxa{ width: 36%; left: 32%; bottom: 40%;}
.hxjs_xinBox{ right: 10%; bottom: 5%;}
}
@media (max-width:680px){
.banTextBg{ margin-left:10%;}
.navbar-header{ background-size:25px;}
.about_inp{ width: 100%;}
.about_inp1{ margin-right: 0;}
.join_Boxa li{ width: 50%; margin: 15px 0;}
.hxjsc_Boxe{ width: 80%; left: 10%;}
.hxjsc_Boxe i{ width: 30px; height: 30px; border: 4px solid #2485c3;}
.Neibanner{ height: 365px; }
}
@media (max-width:620px){
#fp-nav{ display: none;}
.index_TwoLeftBoxa{ width: 100%; padding-top:40px;}
.index_Tpp1{ font-size: 16px; line-height: 26px;}
.index_Tpp2{ width: 160px; height: 40px; line-height: 38px; font-size: 16px;}
.index_Thpp1{ font-size: 30px;}
.index_ThreeLeft{ padding: 0 5%; }
.index_FourLeftBoxa{ width: 60%; right: 10%;}
.index_fourBgimg, .index_fourimg1{ /*max-height: 70% !important;*/ /*margin-top: 30%;*/}
.TitleBoxul li{ margin-right: 45px;}
.NeibannerText{ font-size: 36px;}
.newsxq_Boxc{ padding-right: 0;}
.newsxq_pp3{ position: relative; right: auto; top: auto; margin-bottom: 20px;}
.about_pp4{ font-size: 22px;}
.about_pp2{ font-size: 20px;}
.about_Boxb{ width: 60%; position: relative; left: 20%;}
.about_Boxa{ width: 40%; min-height: auto; margin-top: 15px;}
.about_inp3{ width: 36%;}
.about_pp10{ width: 100%;}
#accordion .panel-title a{ font-size: 16px; padding: 10px 15px;}
#accordion .panel-title a:before,
#accordion .panel-title a.collapsed:before{
	right: 15px;
}
.footerBoxa{ padding: 0;}
.footer_centerBox ul li a{ line-height: 24px; font-size: 14px;}
.footer_centerBox ul li p , .footer_pp4{ font-size: 18px; margin-bottom: 5px;}
.footer_leftBox , .footer_centerBox{ margin-bottom: 5px;}
.footer_pp3{ margin-top: 5px;}
.footer_img1{ margin: 10px 0;}
.page1 , .page2 , .page3{ padding-top: 20px;}
.Neibanner{ height: 340px; }
.banTextBg a p span{ font-size: 20px !important;}
.banTextBg p a span{ font-size: 20px !important;}

}
@media (max-width:580px){
.banner_pp2{ font-size:22px;}
.productxq_Boxb{ font-size: 16px;}
.productxq_Boxa li{ width: 49%;}
.productxq_Boxa li:nth-child(4n+1){ clear: none;}
.productxq_Boxa li:nth-child(2n+1){ clear: both;}
.productxq_Boxa li{ margin: 12px 0;}
.newsxq_Boxprev a.newsxq_pp2{ margin-right: 8px;}
.about_pp4{ font-size: 20px;}
.hxjsa_Boxa{ width: 96%;}
.hxjsa_pp1{ line-height: 24px; padding: 5px 0;}
.hxjsa_Boxb{ width: 96%;  left: 2%;}
 .hxjsb_Boxa{ width: 96%;  left: 2%;}
 .hxjsc_Boxb{ width: 86%; left: 7%;}
.hxjsc_Boxd{ width: 80%; left: 10%; bottom: 20%; }
.Neibanner{ height: 320px; }
.img1{ width: 300px;}
.img2{width: 120px; height: 120px; margin-left: -65px;}
.img3{width: 120px; height: 120px; margin-left: -60px; top:20px;}
.img4{width: 150px; margin-left: -75px;
animation:img4 5s;
-ms-animation:img4 5s;
-moz-animation:img4 5s; /* Firefox */
-webkit-animation:img4 5s; /* Safari and Chrome */
-o-animation:img4 5s; /* Opera */
animation-iteration-count:infinite;
-ms-animation-iteration-count:infinite;
-moz-animation-iteration-count:infinite;
-webkit-animation-iteration-count:infinite;
-o-animation-iteration-count:infinite;}
@keyframes img4
{
0%   {top:0px;}
50%  { top: 120px;}
100% {top: 0px;}
}

@-moz-keyframes img4 /* Firefox */
{
0%   {top: 0px;}
50%  { top: 120px;}
100% {top: 0px;}
}

@-webkit-keyframes img4 /* Safari and Chrome */
{
0%   {top: 0px;}
50%  { top: 120px;}
100% {top: 0px;}
}

@-o-keyframes img4 /* Opera */
{
0%   {top: 0px;}
50%  { top: 120px;}
100% {top: 0px;}
}
}
@media (max-width:520px){
.font24{ font-size:18px;}
.logo{ min-width: 120px; }
.header .tabEnChBox{ margin:14px 10px 0 0;}
.header .tabEnChBox a{ padding: 0 8px; line-height:26px;}
.navbar-header{ margin-top: 16px;}
.hxjsBox_nav{ top: 65px;}
.banner_pp1{ font-size: 36px;}
.banner_pp2{ font-size:22px;}
.banTextBg{ margin-left: 12%; width:80%;}
.index_Thpp1{ font-size: 26px;}
.index_ThreeLeft{ padding: 0 3%; }
.index_FourLeftBoxa{ width: 60%; right: 15%;}
.index_fourimg1{ width: 67% !important; left: 20%;}
.footer_img1{ max-width: 200px !important;}
.productList li{ width: 100%; padding: 0; margin-bottom: 40px;}
.pro_pp1{ font-size: 18px; margin-bottom: 10px;}
.TitleBoxul li{ margin-right: 30px;}
.casexq_Boxb{ width: 100%;}
.casexq_img1{ width: auto;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    transform:rotate(90deg);
}
.casexq_Boxc{ padding: 20px 0; width: 100%;}
.NeibannerText{ font-size: 26px;}
#menu{ top: 58px;}
.newsxq_Boxa span.newsxq_pp1{ margin-right: 20px;}
.newsxq_Boxa a{ margin: 5px 0;}
.about_BoxToggle li{ width: 100%; padding: 10px 0;}
.about_Boxe li{ width: 70px; font-size: 16px;}
.index_Thimg2{ top: 0; bottom: auto;}
.index_Thimg1{ top: 45%; bottom: auto;}
.hxjsa_Boxb{ top: 110px;}
.hxjsc_BoxcBoxR{ line-height: 30px;}
.hxjsa_Boxb{ line-height: 24px;}
.hxjscBoxa{ width: 96%;}
.Neibanner{ height: 285px; }
}
@media (max-width:400px){
.banner_pp1{ font-size: 30px;}
.banner_pp2{ font-size:16px;}
.index_FourLeftBoxa{ width: 80%; right: 5%;}
.footer_RBoxb a{ padding: 0 6px;}
.casexq_Boxg li{ width: 100%; margin: 0;}
.TitleBoxul li{ margin-right: 25px;}
.about_pp4{ font-size: 18px;}
.about_pp5{ font-size: 16px;}
.join_Boxb{ width: 143px; height: 143px;}
.hxjsc_Boxd{ width: 96%; left: 2%; }
.NeibannerText{ font-size: 20px;}
.Neibanner{ height: 265px; }
.banTextBg{ margin-left: 6%; }

.img1{ width:220px;}
.img3{ width:80px; height:80px; margin-left:-40px;}
.img4{ width:100px; margin-left:-50px;}
@keyframes img4
{
0%   {top:0px;}
50%  { top:90px;}
100% {top:0px;}
}

}
@media (max-width:350px){
.index_Tpp1 , .index_Tpp2{ margin-top: 10px;}
.index_Thpp1{ font-size:20px;}
.TitleBoxul li{ font-size: 16px;}
.news_ImgBox{ width: 96%;}
.newsxq_Boxa span.newsxq_pp1{ margin-right: 10px;}
.hxjsa_Boxb{ top: 100px;}
.hxjsa_pp1{ font-size: 18px;}
.hxjsa_Boxb{ font-size: 14px;}
.hxjsc_Boxc{ bottom: 3%;}
.hxjsc_BoxcBoxR{ line-height: 26px;}
}
@media (max-height:701px) and  (min-width:1200px){
.index_Timg1{ width: 180px;}
.banner_pp2{ font-size: 32px;}
.index_TwoBgimg{ max-height: 525px;}
.index_Thpp1{ font-size: 46px;}
.index_ThRightBox{ /*width: 80%;*/ margin-left: 10%;}
.index_fourBgimg , .index_fourimg1{ /*max-height: 430px;*/}
.hxjsa_pp1{ font-size: 30px; line-height:40px;}
.hxjsa_Boxb{ top: 170px;}
.hxjscT_Boxb , .hxjscT_Boxc{ bottom: 10%;}
/*.index_fourBgimg{ top: 20%;}
.index_fourimg1{ top: 16%;}*/
.index_fourimgb , .index_fourimgc{ margin-top: 5%;}
.hxjsc_Boxd{ bottom: 21%;}
}
@media (max-height:820px) and  (min-width:1200px){
.hxjsc_Boxe{ bottom: 10%; }
}
@media (max-height:780px) and  (min-width:1200px){
.hxjsc_Boxe{ bottom: 8%; width: 44%; left: 28%; }
/*.index_fourBgimg{ top: 22%;}
.index_fourimg1{ top: 18%;}*/
.index_fourimgb , .index_fourimgc{ margin-top: 7%;}
}
@media (max-height:700px) and  (min-width:1200px){
.hxjsc_Boxe{ bottom: 4%; width: 40%; left: 30%; }
}
@media (max-height:740px) and  (min-width:1200px){
.hxjs_xinBoximga{width: 18%; left: 41%;}
}
@media (min-height:1024px) and  (max-width:768px){
.hxjsc_Boxb, .hxjsc_Boxc{ bottom: 35%;}
.hxjscT_Boxb, .hxjscT_Boxc{ bottom: 35%;}
.hxjsc_Boxe{ bottom: 26%;}
}
@media (max-height:640px) and  (max-width:768px){
.hxjsc_Boxb, .hxjscT_Boxb{ bottom: 26%;}
.hxjsc_Boxc, .hxjscT_Boxc{ bottom: 4%;}
.hxjscT_Boxc{ bottom: 4%;}
.about_Boxc{ max-height: 620px;}
.index_fourimgb{ margin-top: 0;}
.index_fourimgc{ margin-top: 0;}
.index_TwoLeft{ padding-top: 10px;}
.hxjs_xinBoxa{ left: 0;}
.hxjs_xinBox{ right: 0;}
}
@media (max-height:910px) {
.hxjsb_Boxb{ background: rgba(255,255,255,0.6); padding: 10px 3%;}
.hxjs_xinBoximga{width: 18%; left: 41%;}
}

.disFlexCenter{
	display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-pack: center;
-webkit-flex-flow: column wrap;
-ms-flex-flow: column wrap;
flex-flow: column wrap;
align-items: center;
}
.dxal_TitleBox{margin-top: -40px; position: relative; z-index: 5;}
.dxal_Titlea li{width: 150px; height: 40px; line-height: 40px; color: #fff; background: #0074bc; display: inline-block; margin-left: -5px; cursor: pointer;}
.dxal_Titlea li:hover{background: #fff; color: #003366;}
.dxal_Titlea li.dxal_TitleaHover{background: #fff; color: #003366;}
.dxalBanner{height: 570px; background-position: center; background-size: cover;}
.dxal_Bannerb{height: 100%;}
.dxal_Bannera{width: 78%; margin: 0 auto; padding: 80px 0 40px; height: 100%; overflow: hidden; position: relative;}
.dxal_Bannerc{ height: 100%; max-width: 44%; color: #fff;}
.dxal_Bannerc p{padding-left: 25px; width: 100%; text-align: left;}
.dxal_app1{font-size: 40px;}
.dxal_app2{font-size: 24px; margin-top: 35px; margin-bottom: 10px; background-image: url(../images/dxban2_06.png); background-position: left center; background-repeat: no-repeat;}
.dxal_Bannerd{ float: left; max-width: 56%; height: 100%;}
.dxal_Boxa li{width: 100%; border: 1px solid #e5e5e5; background: #fcfcfc; margin-top: 16px; position: relative; padding-left: 346px; padding-right: 470px;}
.dxal_Boxb{width: 346px; height: 100%; position: absolute; left: 0; top: 0;}
.dxal_Boxc{ position: absolute; padding: 8px; width: 372px; height: 100%; right: 0; top: 0; overflow: hidden;}
.dxal_Boxd{ background-position: center; background-size: cover; width: 100%; height: 100%;-webkit-transition: all .5s ease-in-out 0s;
    -moz-transition: all .5s ease-in-out 0s;
    -ms-transition: all .5s ease-in-out 0s;
    -o-transition: all .5s ease-in-out 0s;
    transition: all .5s ease-in-out 0s;
}
.dxal_Boxb{padding: 0 20px;}
.dxal_Boxb img{width: 120px; height:auto;}
.dxal_Boxe{height: 372px; text-align: left; color: #666666; line-height: 27px; overflow: hidden;}
.dxal_epp1{color: #666666;}
.dxal_epp2{color: #0066cc; margin-top: 15px; margin-bottom: 30px;}
@media (max-width:1440px){
.dxal_Boxa li{ padding-left: 316px; padding-right: 440px;}
.dxal_Boxb{width: 316px;}
.dxal_Boxc{ width: 352px;}
.dxal_Boxe{height: 352px;}
.font30{font-size: 28px;}
.dxal_Bannera{padding-top: 76px;}
.dxalBanner{height: 540px;}
.dxal_app1{font-size: 35px;}
}
@media (max-width:1332px){
.dxal_Boxa li{ padding-left: 286px; padding-right: 410px;}
.dxal_Boxb{width: 286px;}
.dxal_Boxc{ width: 325px;}
.dxal_Boxe{height: 325px;}
.font30{font-size: 26px;}
.dxal_Bannera{padding-top: 76px;}
.dxalBanner{height: 540px;}
.dxal_app1{font-size: 32px;}
}
@media (max-width:1200px){
.dxal_Boxa li{ padding-left: 226px; padding-right: 360px;}
.dxal_Boxb{width: 226px;}
.dxal_Boxb img{width: 110px;}
.dxal_Boxc{ width: 300px;}
.dxal_Boxe{height: 300px;}
.dxal_epp2{margin-bottom: 25px;}
.font30{font-size: 24px;}
.dxal_Bannera{padding-top: 66px;}
.dxalBanner{height: 510px;}
.dxal_app2{margin-top: 20px; font-size: 20px;}
.dxal_app1{font-size: 27px;}
}
@media (max-width:1024px){
.dxal_Boxa li{ padding-left: 180px; padding-right: 320px;}
.dxal_Boxb{width: 180px;}
.dxal_Boxb img{width: 90px;}
.dxal_Boxc{ width: 270px;}
.dxal_Boxe{height: 270px;}
.dxal_epp2{margin-bottom: 20px;}
.font30{font-size: 22px;}
.dxalBanner{height: 510px;}
.dxal_app2{margin: 5px 0; font-size: 18px;}
.dxal_app1{font-size: 24px;}
.dxal_Bannerc p{padding-left: 18px;}
.dxal_Bannera{width: 84%;}
}
@media (max-width:767px){
.dxal_Boxa li{ padding-left: 130px; padding-right: 280px;}
.dxal_Boxb{width: 130px;}
.dxal_Boxb img{width: 80px;}
.dxal_Boxc{ width: 250px;}
.dxal_Boxe{height: 250px;}
.dxal_epp2{margin: 6px 0;}
.font30{font-size: 20px;}
.dxal_Bannera{width: 96%;}
.dxalBanner{height: 460px;}
}
@media (max-width:680px){
.dxalBanner{height: 420px;}
.dxal_Boxa li{padding: 8px;}
.dxal_Boxb{position: relative; left: auto; top: auto; margin: 15px auto;} 
.dxal_Boxc{position: relative; height: 250px; left: auto; top: auto; margin: 15px auto;} 
.dxal_Boxe{height: auto; margin-bottom: 10px;}
}
@media (max-width:620px){
.dxal_Titlea li{width: 50%;}
.dxal_Titlea{ margin-bottom: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -o-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -ms-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.3);
}
.font30{font-size: 18px;}
}
@media (max-width:520px){
.dxalBanner{height: auto;}
.dxal_Bannerc{padding-left: 5%; margin-top: 20px;}
.dxal_Bannerc , .dxal_Bannerd{max-width: 100%;width: 100%; height: auto;}
.dxal_Bannerd img{max-width: 80% !important;}
.footer_RBoxb a{padding:0;}
}