@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* Project id 591377 */
  src: url('//at.alicdn.com/t/font_591377_oj25k1bka5a.woff2?t=1623722943035') format('woff2'),
       url('//at.alicdn.com/t/font_591377_oj25k1bka5a.woff?t=1623722943035') format('woff'),
       url('//at.alicdn.com/t/font_591377_oj25k1bka5a.ttf?t=1623722943035') format('truetype');
} 
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select,textarea{margin:0; padding:0;outline:none;}


/*滚动条*/
::-webkit-scrollbar{width:3px !important; height:3px !important;}
::-webkit-scrollbar-track-piece{background-color:transparent;}
body::-webkit-scrollbar-track-piece{background-color:#ccc;}
::-webkit-scrollbar-track-piece:no-button{}
::-webkit-scrollbar-thumb{background-color:#aaa;;border-radius: 2px !important;}
::-webkit-scrollbar-thumb:hover{background-color:#aaa;}
::-webkit-scrollbar-thumb:active{background-color:#aaa;;}
/*/滚动条*/

.iScrollIndicator{ display:none !important;}
/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; overflow-y:scroll;overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box; }
body{color:#333; margin:0 auto;padding:0; font-size:14px;
font-family: "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",FontAwesome,sans-serif;
}
a:link,a:visited{color:#333; text-decoration: none;}
a:active{color:#333; text-decoration:none;}
a:hover{color:#10529c;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}

/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1100{ max-width:80%; margin:0 auto;  z-index:1000;  }
.qy_w1200{max-width: 80%;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.text_hidden1{ text-overflow:ellipsis; overflow:hidden; -o-text-overflow:ellipsis;-webkit-text-overflow:ellipsis;-moz-text-overflow:ellipsis;white-space:nowrap;}
.text_hidden2{word-break:break-all;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.text_hidden3{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.text_hidden4{word-break:break-all;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;}
.text_hidden5{word-break:break-all;display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;}
.text_hidden6{word-break:break-all;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;}
.text_hidden7{word-break:break-all;display:-webkit-box;-webkit-line-clamp:7;-webkit-box-orient:vertical;overflow:hidden;}

.active .a1{
    animation:fadeInUp 1s .4s ease both;
    -webkit-animation:fadeInUp 1s .4s ease both;
    -moz-animation:fadeInUp 1s .4s ease both;}
.active .a2{
animation:fadeInUp 1s .8s ease both;
-webkit-animation:fadeInUp 1s .8s ease both;
-moz-animation:fadeInUp 1s .8s ease both;}
.active .a3{
animation:fadeInUp 1s 1.2s ease both;
-webkit-animation:fadeInUp 1s 1.2s ease both;
-moz-animation:fadeInUp 1s 1.2s ease both;}
.active .a4{
    animation:fadeInUp 1s 1.6s ease both;
    -webkit-animation:fadeInUp 1s 1.6s ease both;
    -moz-animation:fadeInUp 1s 1.6s ease both;}
.active .a5{
    animation:fadeInUp 1s 2s ease both;
    -webkit-animation:fadeInUp 1s 2s ease both;
    -moz-animation:fadeInUp 1s 2s ease both;}
.active .a6{
    animation:fadeInUp 1s 2.4s ease both;
    -webkit-animation:fadeInUp 1s 2.4s ease both;
    -moz-animation:fadeInUp 1s 2.4s ease both;}
.active .a7{
animation:fadeInUp 1s 2.8s ease both;
-webkit-animation:fadeInUp 1s 2.8s ease both;
-moz-animation:fadeInUp 1s 2.8s ease both;}
.active .a8{
animation:fadeInUp 1s 3.2s ease both;
-webkit-animation:fadeInUp 1s 3.2s ease both;
-moz-animation:fadeInUp 1s 3.2s ease both;}
.active .a9{
animation:fadeInUp 1s 3.6s ease both;
-webkit-animation:fadeInUp 1s 3.6s ease both;
-moz-animation:fadeInUp 1s 3.6s ease both;}
.active .a10{
animation:fadeInUp 1s 4s ease both;
-webkit-animation:fadeInUp 1s 4s ease both;
-moz-animation:fadeInUp 1s 4s ease both;}

/****************************************************************头部设置*********************************************************************/

.logo{ position:fixed; top:0; width:100%; left:0; z-index:1000; background:rgba(0,0,0,.2); }
.logo_1{ max-width:80%; margin:0 auto; padding:10px 0; }
.logo_img{ padding:0; float:left;}
.logo_img img{ display:block; height:60px;}

.logo_tel{ float:right; background:url(../images/tel.png) no-repeat center left; font-size:18px; line-height:1.3; padding:10px 0 10px 80px;}
.logo_tel h2{ color:#ff4e00; font-size:30px; font-weight:bold;}


.logoh{ height:0; }



/********导航********/


/********导航********/
.sjj_nav,.sp_nav{ display:none;}
.navbox{  z-index:100000; float:right; width:60%; font-size:18px;  margin:0 auto; text-align:center;}
.nav{margin:0 auto;list-style:none; padding:0;  margin:0 auto;  margin:0 auto;  text-align:center; margin:0 auto; display:flex; height:50px; line-height:50px;}
.nav li{  text-align:center; flex:1;  }
.nav li:first-child{ margin-left:0;}
.nav li a{display:block; overflow:hidden;color:#fff; }
.nav li.mj_hover_menu{}
.nav li.mj_hover_menu a{ color:#fff; font-weight:bold;}

.nav li .submenu{display:none; position:absolute;top:80px;left:0;font-size:12px;z-index:1000000000; width:100%; padding:0;background:rgba(255,255,255,0.9);}
.nav li .submenu img{ width:400px; float:left; display:block;}
.nav li .submenu ul{ float:left; padding:30px 5%;  width:calc(100% - 400px);}
.nav li .submenu span{ width:30%; box-sizing:border-box; margin-right:3%; float:left; line-height:1.8;  display:block; text-align:left; padding:15px; border-bottom:1px solid #bbb;}
.nav li .submenu span a{ color:#555; font-size:18px; font-weight:normal;}
.nav li .submenu span img{ display:block; float:left; width:30px; margin-right:10px; opacity:0.5;}
.nav li .submenu span:hover img{ opacity:1;}



/********导航/********/

/*******banner条***/
.banner{ position:relative; overflow:hidden; margin:0 auto; z-index:0; width:100%; }
.slider{ margin:0 auto;}
.flexslider {margin: 0;padding: 0;}
.flexslider .slides > li {display: none;-webkit-backface-visibility: hidden; }
.flexslider .slides img {display: block;}
.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 450px;}
.no-js .slides > li:first-child {display: block;}
.flexslider {margin: 0 auto;position: relative;zoom: 1; }
.flexslider .slides {zoom: 1;}
.flex-direction-nav {width:90%;  margin:0 auto; position:relative; }
.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;bottom:230px;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -90px;right:50px;}
.flex-direction-nav .flex-prev {left: 50px;}
.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}
.flex-control-nav {width: 100%;position: absolute;bottom: 10px;text-align: center;}
.flex-control-nav li {margin: 0 2px;display: inline-block; zoom: 1;*display: inline;}
.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}
.flex-control-paging li a.flex-active {background-position: 0 0;}
.friends_banner img{ display:block;}


/*************************************************/
.i-title{ position:relative;}
.i-title h2{ font-size:40px; color:#000; font-weight:bold;}
.i-title h2 span{ font-size:30px; text-transform:uppercase; font-weight:normal;}
.i-title p{ font-size:18px; color:#999; line-height:2;}
.i-title .more{ position:absolute; right:0; top:20%; font-size:20px;}

.paddingtop{ padding-top:100px;}
.section{ }
.section1{ height:100%; overflow:hidden; }
.section2:after{ content:''; display:block; width:100%; height:300px; background:#2b3e67; position:absolute; bottom:0; left:0; z-index:0;}
.product .i-title{ margin-bottom:50px;}
.product{ padding:5% 10%; position:relative; z-index:10;}
.product:before{ content:'PRODUCT'; font-size:180px; color:#eee; font-weight:bold; letter-spacing:5px; display:block; position:absolute; right:5%; top:6%;}
.product .bd{ overflow:hidden; padding-top:80px; }
.product .bd li{ width:25%; float:left;  margin:0 20px; padding:0;}
.product .bd li .pic{}
.product .bd li img{ display:block; max-width:100%; margin:0 auto;}
.product .bd li h2{ font-size:16px; font-weight:bold; text-align:center; color:#fff; margin:12px 0; line-height:2;}
.product .bd li p{ color:#999; line-height:2;}
.about{ padding:3% 10%;}
.about .i-title h2{ color:#fff; }
.about .i-title h2 span{  color:#fff; }
.about .i-title p{  color:#fff; }

.about .about-info{  font-size:20px; color:#fff; width:40%; float:left; line-height:2; margin:50px 0 0 0;}
.about img{ float:right; margin-left:14%; margin-top:-100px; width:480px;}

.about .about-video{ width:50%; height:360px; float:right;}


.about .aboutlist{ margin:40px 0; color:#fff;}
.about .aboutlist ul{ display:flex;}
.about .aboutlist ul li{flex:1; line-height:1.5; text-align:center; font-size:20px;}
.about .aboutlist ul li strong{ display:block; font-size:50px; }
.about .more{ width:220px; height:50px; line-height:50px; text-align:center; border-radius:50px; border:1px solid #fff; display:block; color:#fff; margin-top:50px;}




.news{ display:flex; max-width:80%; margin:0 auto; position:relative; height:100%;}
.news ul{ position:relative; }
.news ul.newstitle{ flex:2.2; color:#fff; position:relative;}
.news ul.newstitle .i-title{ position:absolute;top:50%; margin-top:-130px;left:0; line-height:2;}
.news ul.newstitle .i-title h2{ color:#fff; }
.news ul.newstitle .i-title p{ color:#fff;}
.news ul.newstitle .i-title .more{ display:block; position:static; margin-top:80px; width:180px; height:50px; line-height:50px; text-align:center; border-radius:50px; border:1px solid #fff; display:block; color:#fff; font-size:18px;}

.news ul.newslist{ flex:7; display:flex;}
.news ul.newslist li{ flex:1; color:#fff; position:relative; margin-right:30px;}
.news ul.newslist li .pic{ height:200px; overflow:hidden; margin:40px 0; }
.news ul.newslist li:last-child{ margin-right:0;}
.news ul.newslist li a{ display:block; width:90%; position:absolute; color:#fff; top:50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%); padding:5%; font-size:15px;}
.news ul.newslist li a h3{ font-size:60px;}
.news ul.newslist li a i{ font-size:20px; color:#fff; font-style:normal;}
.news ul.newslist li a h2{ font-size:18px; margin:15px auto;}
.news ul.newslist li a img{ display:block; max-width:100%}
.news ul.newslist li a p{ font-size:15px; line-height:1.8;  margin-bottom:15px;}
.news ul.newslist li:hover{ background:#172957;}


.server{ padding:5% 10%; }
.server ul{ width:28%; float:right;  position:relative;}
.server ul img{ display:block; max-width:100%;}
.server ul:nth-child(2){ margin:0 3%; margin-top:50px;}
.server ul .txt{ position:absolute; top:30px; left:30px;}
.server ul.ss a:before,.server ul.ss a:after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.server ul.ss a::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.server ul.ss a::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;}
.server ul.ss a:hover:before,.server ul.ss a:hover:after{opacity:1;transform:scale(1);transition: all 0.5s;}

.server ul:hover .txt{ top:50%; left:50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);transition: all 0.5s;}

.server ul .txt h2{ font-size:36px; font-weight:bold; color:#fff;}
.server ul .txt p{ font-size:20px; line-height:2; color:#fff;}

.server ul:nth-child(1){ width:38%; margin-top:50px; padding:30px; font-size:18px; color:#fff; line-height:2;}
.server ul:nth-child(1) .i-title{ margin-bottom:60px;}
.server ul:nth-child(1) .i-title:after{ content:''; height:6px; width:80px; border-radius:6px; background:#fff; margin:20px 0;}
.server ul:nth-child(1) .i-title h2{ color:#fff;}
.server ul:nth-child(1) .i-title p{ color:#fff; font-size:22px; line-height:2.5;}

.section6{ padding:0;}







/******首页配置********/

/****************内页配置*******************************/

.weizhi{ display:block; text-align:center; z-index:1000; position:absolute; top:30px; right:0;}


.info{ margin-top:0;min-height:520px; margin-bottom:50px;}
.info .m{ max-width:1200px; display:block; margin:0 auto; text-align:left; position:relative; font-size:14px;}
.info .m i{ font-size:15px;}

.info .indextitle .m:after{ content:''; border:0;}

.info .indextitle{  padding:15px 0; max-width:100%; margin:0; height:auto; line-height:2;  background:#f8f8f8; border:0;}
.info .indextitle strong{ color:#10529c;}

.infocontent{  margin:20px auto; padding:0; background:#fff;  max-width:1200px; line-height:2.3; font-size:16px; min-height:420px; }/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto;}

.info_info{  padding:0; background:#fff;  line-height:2.3; font-size:16px; min-height:420px; }/*内页右边内容详情*/
.info_info img{ display:block; max-width:100%; margin:0 auto;}


.product_left{ width:270px; float:left; text-align:center; }
.product_left h2{ font-size:30px; color:#fff; font-weight:bold;}
.product_left p{ font-size:16px; text-transform:uppercase; color:rgba(255,255,255,0.5);}

.product_contact{background:#10529c; margin:20px 0; border-radius:10px; overflow:hidden;  padding:25px 10px 10px 10px;}
.product_contact ul{ background:#fff; border-radius:5px; margin-top:15px;}
.product_contact ul li{ border-bottom:1px solid #eee; padding:15px; text-align:left; font-size:15px; line-height:1.5;}
.product_contact ul li:last-child{ border:0;}

.left_1{ background:#10529c; padding-top:30px; border-radius:10px; overflow:hidden;}
.left_menu{ padding:0; margin:15px auto; max-width:1200px;}
.left_menu ul{ text-align:left; border-bottom:1px solid #eee;  }
.left_menu ul li{ text-align:left; padding:5px 0; display:inline-block;}
.left_menu ul li a{padding:10px 35px; font-size:18px;display:block;}
.left_menu ul li h2{ display:block; background:#10529c; margin-right:15px; color:#fff; border-radius:0 5px 5px 0; font-size:18px !important; font-weight:normal !important; }
.left_menu ul li:hover{background:#10529c;}
.left_menu ul li:hover a{ color:#fff;}

.left_menu li.hover{ background:#10529c;}
.left_menu li.hover a{ color:#fff;}




.feed_l{ background:url(../images/feedback.jpg) no-repeat left center; padding-left:650px;}



.message{ background:#f4f4f4; padding:3%;}
.message_show{ max-width:80%; margin:0 auto;}
.message_show li{  font-size:20px; color:#000; padding:10px 0;}
.message_show li span{ display:block; float:left; width:130px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:15px; width:380px; font-size:16px; font-family:'微软雅黑'; color:#888;}


.message_show  .tijiao{ width:190px; height:55px; font-size:20px; text-align:center; line-height:55px; background:#10529c; color:#fff !important; display:block; margin:0 0 30px 130px; border:0;font-family:'微软雅黑';}


/*产品展示*/

.infopiclist{ margin:0 auto; padding:0; overflow:hidden; padding:0 0; }
.infopiclist ul{ margin:0; padding:0 0; }
.infopiclist ul li{ width:23%; float:left; margin-right:2.6666%;  position:relative; margin-bottom:10px; }
.infopiclist ul li:nth-child(4n){ margin-right:0;}
.infopiclist ul li .indexlistpic{ overflow:hidden; border:1px solid #eee; position:relative;}
.infopiclist ul li img{  display:block; margin:0 auto; width:100%; }

.infopiclist ul li .pictitle{  text-align:center; bottom:0; width:100%; left:0;}
.infopiclist ul li .pictitle h2{ display:block; font-size:12px; color:#222; line-height:1.4;  border-bottom:0; margin:12px 0; font-weight:normal;}



/*翻页*/
.pager {TEXT-ALIGN: center; CLEAR: both; padding-bottom:35px;  padding-top:15px;}
.pager A {  display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#eee; color:#000; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:8px; padding:7px 15px; background:#10529c; color:#fff;}
.pager A:hover {  background:#10529c; color:#fff;}



/*新闻*/

.articlist{ padding:0 0; }
.articlist{ padding:;} 
.articlist li{ line-height:1.6; font-size:12px;  border-bottom:1px dotted #ddd; padding:2% 0;}
.articlist li:last-child{ border-bottom:0;}
.articlist li .time{ display:block; font-size:16px; line-height:1.5;  width:118px; margin-right:30px;text-align:center;   float:left; position:relative; text-align:center; border-right:1px solid #eee; height:130px;}

.articlist li .time span{ font-size:30px; display:block; font-weight:bold;}
.articlist li .time i{  font-style:normal; color:#aaa;}
.articlist li img{  width:260px; float:left; margin-right:40px;}
.articlist li h2{ margin:0; line-height:1.5; color:#151515; font-weight:bold; margin-bottom:10px;text-overflow:ellipsis; overflow:hidden; font-size:17px; 
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap;}
.articlist li p{color:#666666; font-size:14px; margin:5px 0; line-height:2;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
	}
.articlist li .mm{ color:#439890;  font-size:13px; display:inline-block; background:#10529c; color:#fff; margin-top:10px; padding:5px 15px;}
.articlist li:hover .time span,.newspic li:hover .time i,.newspic li:hover h3{ color:#10529c;}
/*详情*/
.s_title{ text-align:center;}
.s_title h2{font-family:'微软雅黑'; font-size:18px; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%;}
.s_content{ padding:15px 0;}
.p_content{ font-size:14px; text-align:right;}

.links{ background:#10529c;}
.links ul{ max-width:80%; margin:0 auto; color:#fff; padding:15px 0;}
.links ul li{ display:inline-block; color:#fff; padding:0 20px; border-right:1px solid #fff; line-height:1;}
.links ul li a{ color:#fff;}
.links ul li:last-child{ border:0;}
.bottom{ background:#d0d0d0;  color:#fff;padding:50px 10%;text-align:center; color:#000; font-size:14px; position:relative; }
.bottom .bottom1{ background:url(../images/blogo.png) no-repeat center left; display:flex; padding-left:360px; background-size:auto 80px;}
.bottom .bottom-menu{ flex:7; display:flex; padding-top:20px;}
.bottom .bottom-menu li{ flex:1; text-align:left; line-height:2;}
.bottom .bottom-menu li h2{ font-weight:bold; font-size:20px; margin-bottom:15px; font-weight:bold; color:#000;}
.bottom .bottom-menu li span{ display:block; text-align:left; font-size:15px; color:#555;}
.bottom .bottom-menu li:nth-child(1){ flex:1.8;}
.bottom .bottom-menu li:nth-child(1) span{ display:block; width:40%; float:left;}
.bottom .bottom-menu li:nth-child(5){ display:none;}
.bottom .bottom-wei{ text-align:right; flex:3; line-height:1.6;}
.bottom .bottom-wei h2{ font-size:20px; font-weight:bold;}
.bottom .bottom-wei h3{ font-size:30px; font-weight:bold;}
.bottom .bottom-wei li{ display:inline-block; text-align:center; margin-left:10px; margin-top:10px;}
.bottom .bottom-wei li img{ display:block; width:100px; }
.banquan{ padding:12px; font-size:15px; text-align:center; border-top:1px solid #bbb;background:#d0d0d0;}

.footer_h{ height:52px; display:none }
.footmenu { display:none;}

.Upper{ margin:20px auto;}
.Upper p{ font-size:14px;}

.foot-m{ display:none;}

/*分享*/
.bdsharebuttonbox{ max-width:80%; margin:0 auto; padding:10px 0;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}








@media (max-width:520px){

.s-logo{ display:none;}
.logoh{ display:none; height:0;}
.logo{ margin:0 auto; border-bottom:0; position:fixed; top:0; padding:10px; width:100%;z-index:100;  }
.logo_1{ width:100%; max-width:100%; margin:0 auto; padding:0;}
.logo_img img{ display:block; height:30px;}

.logo_tel{ display:none;}


.navbox{ display:none;}

.btn{ width:auto; position:absolute; right:12px; top:15px; z-index:10000 !important; }
.sp_nav{width:38px; top:15px; right:0; position:fixed;cursor:pointer;height:30px;margin-top:0;display:block;}

.sp_nav span{display:block;background:#fff;width:20px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:8px}
.sp_nav span:nth-of-type(3){top:16px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}

.sjj_nav{position:fixed;background:#fff;width:100%;height:100%;font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;z-index:9; display:block;}
.nav_show{top:50px}

.sjj_nav ul li{padding:1.5% 3%;}
.sjj_nav ul li a{ display:block;}
.sjj_nav ul li i{ display:block; font-size:15px; font-style:normal;}
.sjj_nav ul li i:after{content: "+";
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    font-weight: 300;
}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se{ color:#cb3b32;}
.sjj_nav ul li .sjj_nav_i_se:after{content: "-";
    position: absolute;
    right: 20px;
    top: 0;
    font-size: 20px;
    font-weight: 300;
}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #eee solid;position:relative;line-height:40px;font-size:14px; }
.sjj_nav>ul >li:last-child{border-bottom:1px #eee solid;}
.sjj_nav ul li ul{display:none}

.sjj_nav ul li ul{ padding:0;}
.sjj_nav ul li ul img{ width:180px; margin-right:15px; float:left;}
.sjj_nav ul li ul div{ float:left; width:calc(100% - 195px);}
.sjj_nav ul li ul li{ border:0; padding:3% 0; font-size:13px; border-bottom:1px solid #eee; line-height:2;}
.sjj_nav ul li ul li img{ width:20px; margin-right:10px; opacity:0.4;}
.sjj_nav ul li ul li p{ color:#aaa;}
.sjj_nav ul li ul li  a{ display:block;}
.sjj_nav ul li ul li:last-child{ border-bottom:0;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:0}

.sjj_nav ul li ul li ul{  margin:0; padding:10px;}
.sjj_nav ul li ul li ul span{ display:inline-block; width:50%; padding:0; text-align:left; font-size:14px;}

 input[type="button"], input[type="submit"], input[type="reset"],select { -webkit-appearance: none; } 
 
 

.banner{ display:block;}
.flex-control-nav{ display:none !important;}

.friends_banner{ position:relative; overflow:hidden;}
.friends_banner img {display: block; width:520px; position:relative; left:50%; margin-left:-260px; position:relative;}

/*首页标题*/


/*************************************************/
.i-title{ position:relative;}
.i-title h2{ font-size:20px; color:#000; font-weight:bold;}
.i-title h2 span{ font-size:15px; text-transform:uppercase; font-weight:normal;}
.i-title p{ font-size:14px; color:#999; line-height:2;}
.i-title .more{ position:absolute; right:0; top:8%; font-size:14px;}

.section{  padding-top:0; position:relative !important;background-size:auto 100% !important;  }
.section1{ height:100%; overflow:hidden; }
.section2,.section3,.section4,.section5{padding-top:30px;}

.product .i-title{ margin-bottom:50px;}
.product{ padding:3%; position:relative;top:50%;-webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.product:before{ content:'PRODUCT'; font-size:50px; color:#eee; font-weight:bold; letter-spacing:5px; display:block; position:absolute; right:3%; top:12%;}
.product .bd{ overflow:hidden; }
.product .bd li{ width:65%; float:left; box-shadow:0 0 15px rgba(0,0,0,0.1); background:#fff; margin:20px 6px; padding:20px 12px;}
.product .bd li img{ display:block; max-width:100%; margin:0 auto;}
.product .bd li h2{ font-size:14px; font-weight:bold; text-align:left; color:#000; margin:12px 0; border-bottom:1px solid #eee; line-height:2;}
.product .bd li p{ color:#999; line-height:2; font-size:12px;}

.about{ padding:3%; position:absolute; top:50%; -webkit-transform: translate(0,-50%);transform: translate(0,-50%);}
.about .i-title h2{  color:#fff; }
.about .i-title h2 span{  color:#fff;}
.about .i-title p{ color:#fff; line-height:2;}

.about .about-info{  font-size:12px; color:#fff; line-height:2; margin:15px 0 0 0; width:100%; float:none;}
.about img{ float:right; margin-left:14%; margin-top:-100px; width:480px; display:none;}
.about .about-video{ width:100%; height:180px; float:none; margin-top:15px;}

.about .more{ width:130px; height:32px; font-size:12px; line-height:32px; text-align:center; border-radius:32px; border:1px solid #fff; display:block; color:#fff; margin-top:30px;}


.news{ display:block; max-width:100%; margin:0 auto; position:relative; padding:8% 3%;}
.news ul{ position:relative;}
.news ul.newstitle{  color:#fff; position:relative;}
.news ul.newstitle .i-title{ position:static;top:0; margin-top:0;left:0; line-height:2; margin-bottom:20px;}
.news ul.newstitle .i-title h2{ color:#fff; }
.news ul.newstitle .i-title p{ color:#fff;}
.news ul.newstitle .i-title .more{ display:block; position:absolute; margin-top:0; right:0; width:80px; height:40px; line-height:40px; text-align:center; border-radius:0; border:0; display:block; color:#fff; font-size:14px;}



.news ul.newslist{  display:block; width:100%; position:relative;}
.news ul.newslist li{ flex:1; color:#fff; position:relative; margin-right:0; width:50%; float:left;}
.news ul.newslist li:last-child{ margin-right:0;}
.news ul.newslist li .pic{ height:110px; overflow:hidden; margin:30px 0; }
.news ul.newslist li a{ display:block; width:90%; position:inherit; color:#fff; top:0;-webkit-transform: translate(0,0);transform: translate(0,0); padding:5%; font-size:15px;}
.news ul.newslist li a h3{ font-size:30px;}
.news ul.newslist li a i{ font-size:12px; color:#fff; font-style:normal;}
.news ul.newslist li a h2{ font-size:16px; margin:10px auto;}
.news ul.newslist li a img{ display:block; max-width:100%; margin:10px 0;}
.news ul.newslist li a p{  min-height:60px; font-size:12px; line-height:1.8;}
.news ul.newslist li a span{ font-size:12px; display:none;}
.news ul.newslist li:hover{ background:#172957;}



.server{ padding:3%; }
.server ul{ width:48%; float:left;  position:relative;}
.server ul img{ display:block; max-width:100%;}
.server ul:nth-child(2){ margin:0; margin-top:50px; float:right;}
.server ul .txt{ position:absolute; top:30px; left:30px;}
.server ul .txt h2{ font-size:20px; font-weight:bold; color:#fff;}
.server ul .txt p{ font-size:14px; line-height:1.8; color:#fff;}

.server ul:nth-child(1){ width:100%; float:none; margin-top:0; padding:10px; margin-bottom:10px; font-size:14px; color:#fff; line-height:2;}
.server ul:nth-child(1) .i-title{ margin-bottom:20px;}
.server ul:nth-child(1) .i-title:after{ content:''; height:6px; width:50px; border-radius:6px; background:#fff; margin:10px 0;}
.server ul:nth-child(1) .i-title h2{ color:#fff;}
.server ul:nth-child(1) .i-title p{ color:#fff; font-size:14px; line-height:2;}




.section6{ padding:0;}

.section2:after{ content:''; display:block; width:100%; height:200px; background:#2b3e67; position:absolute; bottom:0; left:0; z-index:0;}




/******首页配置********/

/****************内页配置*******************************/
.weizhi{  display:none;  }

.info{  font-size:16px; margin:0;min-height:320px; margin-bottom:30px; }
.info .m{ max-width:100%;}
.left_menu{ margin:0;  padding:3%; border-bottom:0; max-width:100%; }
.left_menu ul{ padding:0; width:100%; display:block; margin:0; border:0;}
.left_menu ul li{ text-align:center; font-size:12px; float:left; line-height:1.5; background:#f5f5f5; border-bottom:1px solid #fff; border-right:1px solid #fff; width:25%; margin:0;  overflow:hidden;border-radius:0; }
.left_menu ul li a{padding:6px 0;display:block; color:#000; font-size:12px; border-radius:0; margin:0;}
.left_menu ul li:hover a{ background:#10529c; color:#fff;border-radius:0; }
.left_menu li.hover a{  background:#10529c; color:#fff; border-radius:0;}

.info .product_right{ padding:3%;}
.info .product_right h2{ font-size:20px; display:none;}
.ueditor_baidumap{ display:none;}

.info .indextitle{ padding:10px; text-align:center; border:0;}
.info .indextitle .m{ font-size:12px;}
.info .indextitle .m i{ font-size:14px; margin-right:0px; font-weight:normal; color:#10529c;}

.infocontent{clear:both; margin:0; padding:3%; float:none; width:auto; font-size:14px; max-width:100%;}/*内页右边内容详情*/
.infocontent img{ display:block; max-width:100%; margin:0 auto; height:auto !important;}



.infopiclist{ margin:0%; padding:0; overflow:hidden; padding:0; }
.infopiclist ul{ margin:0; padding:0; }
.infopiclist ul li{ width:48.5%; margin:0; float:left; padding:0; margin-bottom:3%;}
.infopiclist ul li:nth-child(2n){ float:right;}
.infopiclist ul li .indexlistpic{   overflow:hidden; padding:0; display:block;}
.infopiclist ul li img{ width:100%;  border-radius:0; display:block !important; }
.infopiclist ul li .indexlistname{ font-size:15px;}
.infopiclist ul li .pictitle{ font-size:12px; text-align:left; padding:10px 0;}
.infopiclist ul li .pictitle h2{ display:block; font-size:12px;text-align:center; line-height:2; padding:0; margin:0; }




.articlist{ padding:0 0; }
.articlist li { font-size:14px;   padding:3% 0;  float:none; width:100%;}
.articlist li:nth-child(2n){ float:none;}
.articlist li  a.img{ display:block; overflow:hidden; float:none; padding:0;  margin-right:0; width:100%;}
.articlist li img{ width:120px; float:left; margin:0; margin-bottom:10px; display:block; margin-right:12px; }
.articlist li .time{ display:none;}
.articlist li .date{ display:none; float:left; width:100px; height:120px;font-family:'微软雅黑';}
.articlist li .date strong{ font-size:26px; font-weight:bold; color:#4a4a4a;}
.articlist li .date p{ font-size:14px; color:#888;}
.articlist li .mm{ color:#439890;  font-size:12px; display:inline-block; background:#10529c; color:#fff; margin-top:10px; padding:3px 12px;}
.articlist li h2{  font-size:15px; color:#171717;font-family:'微软雅黑';  display:block; line-height:1.5; height:auto; margin:0;
text-overflow:ellipsis;
	-o-text-overflow:ellipsis;
	-webkit-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	white-space:nowrap; overflow:hidden; }
.articlist li p{display:block; color:#8c8c8c; font-size:12px; line-height:1.6; margin:6px 0 0 0; padding:0;
word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}
.articlist li  p a{ color:#662501; }


/*详情*/
.s_title{ text-align:center;}
.s_title h2{font-family:'微软雅黑'; font-size:16px; line-height:1.4; font-weight:bold;}
.s_title p.z{ font-size:14px; color:#777; border-bottom:1px solid #eee; padding:5px;}
.s_title p.c{ padding:12px; text-align:left; background:#eee; color:#888; font-size:12px;}
.s_title p.c span{ display:inline-block; font-size:12px; font-weight:bold; color:#000;}
.s_img{ padding:20px 0;}
.s_img img{ display:block; max-width:100%; height:auto;}
.s_content{ padding:15px 0;}
.s_content img{ margin:10px auto !important; display:block; max-width:100%;}

.Upper{ font-size:12px;}


iframe{ display:block; width:100% !important; height:280px !important; overflow:hidden;}

.feed_l{ background:none; padding-left:0; margin:0 auto;}

.message{ padding:3%;}
.message_show{ max-width:80%; margin:0 auto; }
.message_show li{  font-size:16px; color:#000; padding:2% 3%;}
.message_show li span{ display:block; float:none; width:130px;}
.message_show li input{ height:48px; line-height:48px; border:1px solid #ddd; padding:0 3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}
.message_show li textarea{ height:140px;border:1px solid #ddd; padding:3%; width:94%; font-size:15px; font-family:'微软雅黑'; color:#888;}




.message_show  .tijiao{ width:160px; border-radius:5px; height:50px; font-size:16px; text-align:center; line-height:50px; background:#10529c; color:#fff !important; display:block; margin:0 auto; border:0;font-family:'微软雅黑';}


.links{ background:#10529c;}
.links ul{ max-width:80%; margin:0 auto; color:#fff; padding:15px 3%;font-size:12px;}
.links ul li{ display:inline-block; color:#fff; padding:0 15px; border-right:1px solid #fff; line-height:1;}
.links ul li a{ color:#fff; }
.links ul li:last-child{ border:0;}


.bottom{ background:#d0d0d0;  color:#fff;padding:20px 3%;text-align:center; color:#000; font-size:14px; position:relative; }
.bottom .bottom1{ background:none; display:block; padding-left:0;}
.bottom .bottom-menu{ flex:7; display:flex; padding-top:20px; display:none;}
.bottom .bottom-menu li{ flex:1; text-align:left; line-height:2;}
.bottom .bottom-menu li h2{ font-weight:bold; font-size:20px; margin-bottom:15px; font-weight:bold; color:#000;}
.bottom .bottom-menu li span{ display:block; text-align:left; font-size:16px; color:#555;}
.bottom .bottom-wei{ text-align:left; width:100%; line-height:1.6;}
.bottom .bottom-wei h2{ font-size:20px; font-weight:bold;}
.bottom .bottom-wei h3{ font-size:30px; font-weight:bold;}
.bottom .bottom-wei li{ display:inline-block; text-align:center; margin-left:0; margin-right:10px; margin-top:10px;}
.bottom .bottom-wei li img{ display:block; width:100px; }
.banquan{ padding:12px; font-size:13px; text-align:center; border-top:1px solid #bbb;background:#d0d0d0; line-height:2;}




.footer_h{ height:52px; display:block; }
.footmenu a{ color:#fff;}
.footmenu{color:#fff; background:#000; position:fixed; bottom:0; left:0; width:100%; z-index:10000; display:block; }
.footmenu ul{display:-webkit-box;display:-webkit-flex;display:flex;justify-content:center;}
.footmenu ul li{-webkit-box-flex:1;-webkit-flex:1;flex:1;text-align:center;font-size:12px;  padding:6px 0;}
.footmenu ul li i{ display:block; width:20px; height:20px; line-height:20px; font-size:18px;  margin:0 auto;}



.pager {TEXT-ALIGN: center; CLEAR: both; padding:2%;}
.pager A {  display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#eee; color:#000; font-size:12px; }
.pager SPAN { border:0;display:inline; zoom:1; margin-right:3px; padding:5px 10px; background:#10529c; color:#fff;font-size:12px;}
.pager A:hover {  background:#10529c; color:#fff;}

/*分享*/
.bdsharebuttonbox{ max-width:1420px; margin:0 auto; padding:10px 0; display:none;}
.bdsharebuttonbox a{ padding-right:10px; padding-left:22px !important;}



 
}


@-webkit-keyframes xuanzhuan {
	0% {
	transform:rotate(0deg);
}
50% {
	transform:rotate(180deg);
}
100% {
	transform:rotate(360deg);
}
}



@-webkit-keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes Tmouse {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-8px);
    -moz-transform: translateY(-8px);
    -ms-transform: translateY(-8px);
    -o-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}

@keyframes homebg {
  0% {
    -webkit-transform: rotateZ(1deg) scaleY(0.7);
    -moz-transform: rotateZ(1deg) scaleY(0.7);
    -ms-transform: rotateZ(1deg) scaleY(0.7);
    -o-transform: rotateZ(1deg) scaleY(0.7);
    transform: rotateZ(1deg) scaleY(0.7);
  }
  100% {
    -webkit-transform: rotate(0deg) scaleY(0.9);
    -moz-transform: rotate(0deg) scaleY(0.9);
    -ms-transform: rotate(0deg) scaleY(0.9);
    -o-transform: rotate(0deg) scaleY(0.9);
    transform: rotate(0deg) scaleY(0.9);
  }
}

@keyframes move-forever {
  0% {
   transform: translate3d(-90px,0,0);
  }
  100% { 
    transform: translate3d(85px,0,0);
  }
}