@charset "utf-8";

html,body {
	font: 14px/1.571429 "Segoe UI","Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;
	color: #76838f;
	margin: 0;
	width: 100%;
	max-width: 100%;
	min-width: 320px;
	min-height: 100%
}

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-ms-overflow-style: scrollbar;
	-webkit-tap-highlight-color: transparent
}

article,aside,details,figcaption,figure,footer,header,codemain,menu,nav,section,summary {
	display: block
}

audio,canvas,progress,video {
	display: inline-block
}

audio:not([controls]) {
	display: none;
	height: 0
}

progress {
	vertical-align: baseline
}

b,strong {
	font-weight: bold
}

dfn {
	font-style: italic
}

mark {
	color: #000;
	background-color: #ff0
}

small {
	font-size: 80%
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}

sub {
	bottom: -.25em
}

sup {
	top: -.5em
}

svg:not(:root) {
	overflow: hidden
}

code,kbd,pre,samp {
	font-family: Menlo,Monaco,Consolas,'Courier New',monospace;
	font-size: 1em
}

code {
	font-size: 90%;
	padding: .15rem .3rem;
	color: #5683ad;
	border-radius: .215rem;
	background-color: rgba(232,241,248,.1)
}

hr {
	overflow: visible;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	margin: 1rem 0;
	border: 0;
	border-top: 1px solid #e4eaec
}

optgroup {
	font-weight: 700
}

button,input {
	overflow: visible
}
p{margin:0}
a:hover{text-decoration:none;}

.main {
  width: 78%;
  /* max-width: 1180px; */
  position: relative;
  margin-left: auto;
  margin-right: auto;
  /* border:1px solid black; */
  overflow:hidden;
  zoom:*1;
}
.main2 {
  width: 94%;

  position: relative;
  margin-left: auto;
  margin-right: auto;
  zoom:*1;
}
.main3{
	width: 94%;
    max-width: 1180px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

.w1200{
	width:1200px;
	margin:auto;
}
.clear{
	clear:both;
}



header{	
   
	position: relative;
	z-index: 30;
	
}

/* 页头 */
.headermain{width:100%;margin:auto; /*background:url(../images/topbg.jpg) no-repeat center; background-size:100% 100%;*/}
.headertop{max-width:80%; margin:auto;}
.header_right{ margin-top: 16px; } 
.header_right p{ background: url(../images/dh.png) no-repeat left; height: 37px; line-height: 53px; padding-left: 40px; font-size: 18px; color: #000000; margin: 2px 0px 8px; } 
.header_right span{ display: block; font-weight: bold; font-size: 26px; color: #333; letter-spacing: 2px; } 
.logo{ float: left; } 
.logo img{ transition: all 0.3s linear; width: 100%; display: block; margin-top: 18px; /*border:1px solid black;*/ } 

/* 导航栏 */
.nav {width:100%; } 

.headermain .nav{background: #1c5bbe /*url(../images/navbg.jpg)*/;border-bottom: 5px solid #023793;}
.nav ul{max-width:80%;margin:auto;}
.nav ul>li{ float: left; position: relative; width:calc(100%/6); text-align:center; font-family: "微软雅黑";border-left: 1px solid #023793; } 
.nav ul>li:last-child{border-right: 1px solid #023793;}
.nav ul>li>a{ /*display: block;*/ height: 56px; line-height: 56px; font-size: 18px; color:#fff; padding:0px 33.5px; } 
/* .nav ul>li:first-child>a{ padding-left: 0;  }  */
.nav ul>li:last-child>a{ padding-right: 0; } 

.nav ul>li:hover{background:#023793}
.nav ul>li:hover a{color: #fff;}
/* .nav ul>li>a:hover{ color: #fff; background:#023793}  */
.sub_dl{ position: absolute; left: 0px; top: 56px; /* height:56px; */ /* line-height:56px; */ width: 100%; display: none; z-index: 999; background:rgba(2,55,147,.3)  } 
.sub_dl dd{ text-align: center; } 
.sub_dl dd a{ display: block; height: 50px; line-height: 50px; border-bottom: 0px solid #fff; color:red; font-size: 16px; }
.sub_dl dd a:first-child{border-top: 1px solid #fff;} 
.sub_dl dd a:hover{ background: #023793; color: #FFFFFF; }  

/* 隐藏导航栏 */
#navToggle{ display: none; overflow: hidden; position: absolute; cursor: pointer; box-sizing: border-box; width: 70px; height: 70px; padding: 15px; background:  #023793;; padding: 0; right: 0px; top: 0px; z-index: 999; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; -webkit-transition: -webkit-transform 0.3s; transition: transform 0.3s;	 } 
#navToggle::before { margin-top: -7px; } 
#navToggle::after { margin-top: 7px; } 
#navToggle span, #navToggle::after, #navToggle::before { height: 2px; width: 22px; top: 50%; left: 50%; margin-left: -11px; background: #000; position: absolute; display: block; content: ''; text-indent: -9999px; transition: all 300ms ease-in-out; } 
#navToggle.show span { opacity: 0; } 
#navToggle span, #navToggle::after, #navToggle::before { height: 3px; width: 22px; top: 50%; left: 50%; margin-left: -11px; background: #fff; position: absolute; display: block; content: ''; text-indent: -9999px; transition: all 300ms ease-in-out; } 
#navToggle.show::before { margin-top: 0; -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } 
#navToggle.show::after { margin-top: 0; -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); } 
.mask{ height: 100vh; width: 100vw; background-color: rgba(0, 0, 0, 0.6); position: fixed; z-index: 900; left: 0; top: 0; display:none; } 
#mobileMenu { position: fixed; right: -250px; top: 0; margin: 0; width: 250px; height: 100vh; background-color: #fff; -webkit-overflow-scrolling: touch; overflow-y: auto; -moz-transform: translateZ(0); -webkit-transform: translateZ(0); transform: translateZ(0); -webkit-transition: all 0.3s ease-out; transition: all 0.3s ease-out; z-index: 1110; background: #fff; } 
#mobileMenu .hello { height: 74px; background-color: #fff; border-bottom: 1px solid #F0F0F0; padding-left: 25px; position: relative; padding-top: 8px; } 
#mobileMenu .hello h3{ font-size: 20px; color: #000; font-weight: bold; line-height: 54px; } 
#mobileMenu .hello .cha{ cursor: pointer; height: 40px; width: 40px; position: absolute; right: 15px; top: 15px; background: url(../images/cha.png) no-repeat; } 
#mobileMenu .menu .iphone{ border-bottom: 1px solid #E6E6E6; padding-left: 25px; } 
#mobileMenu .menu .iphone img{ margin-top: 8px; margin-right: 5px; } 
#mobileMenu .menu .iphone>span{ color: #023793; } 
#mobileMenu .menu a { display: block; font-size: 14px; padding-left: 25px; color: #666; line-height: 50px; border-bottom: 1px solid #E6E6E6; } 
#mobileMenu .menu a:hover{ background-color: #023793; text-decoration: none; color:#fff; font-weight: bold; }  
#mobileMenu.show { -webkit-transform: translateX(-250px); transform: translateX(-250px); } 


/* 首页轮播 */
 #index .banner { width: 100%; height: auto; position: relative; -webkit-user-select: none; -moz-user-select: none; }  
 #index .banner .swiper-slide { width: 100%; height: auto; position: relative; }  
 #index .banner .swiper-slide .bg { width: 100%; height: auto; }  
 #index .banner .swiper-slide .bg img { width: 100%; height: auto; }  
 #index .banner .swiper-slide .main { position: absolute; top: 0; left: 10.33%; height: 100%; }  
  #index .banner .swiper-slide .main2 { position: absolute; top: 0; left:50%; height: 100%; }  
#index .banner .swiper-slide .main3 { position: absolute; top: 0; left:40%; height: 100%; }

 #index .banner .swiper-slide .texts { position: absolute; top: 45%; left: 0; transform: translateY(-50%); overflow: hidden; /*border:1px solid black;*/ }  
 #index .banner .swiper-slide .texts .text1 { font-size: 60px; color: #fff; line-height: 60px; margin-top:3%;margin-top:3%;  font-weight: bold; position: relative; overflow: hidden; white-space: nowrap; display: block; float: left; clear: both;  }  
 #index .banner .swiper-slide .texts .text1 i { display: block; position: absolute; top: 0; width: 100%; height: 62px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }  
 #index .banner .swiper-slide .texts .text2 { height: 22px; font-size: 20px; color: #fff; line-height: 22px; margin-top:3%;margin-top:3%;  font-family: 'DINCondensed'; text-transform: uppercase; white-space: nowrap; overflow: hidden; position: relative; font-style: italic; display: block; float: left; clear: both; padding-right: 3px; }  
 #index .banner .swiper-slide .texts .text2 i { display: block; position: absolute; top: 0; width: 100%; height: 22px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }  
 #index .banner .swiper-slide .texts .text3 { font-size: 36px; color: #fff; line-height: 38px; margin-top:3%;margin-top:3%;  font-weight: bold; position: relative; overflow: hidden; white-space: nowrap; display: block; float: left; clear: both; }  
 #index .banner .swiper-slide .texts .text3 i { display: block; position: absolute; top: 0; width: 100%; height: 36px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }  

  /* #index .banner .swiper-slide .texts .text4 { font-size: 60px; color: #fff; line-height: 60px; margin-top: 20px; font-weight: bold; position: relative; overflow: hidden; white-space: nowrap; display: block; float: left; clear: both; }   */
 /* #index .banner .swiper-slide .texts .text4 i { display: block; position: absolute; top: 0; width: 100%; height: 62px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }   */
 /* #index .banner .swiper-slide .texts .text5 { height: 22px; font-size: 20px; color: #fff; line-height: 22px; margin-top: 20px; font-family: 'DINCondensed'; text-transform: uppercase; white-space: nowrap; overflow: hidden; position: relative; font-style: italic; display: block; float: left; clear: both; padding-right: 3px; }   */
 /* #index .banner .swiper-slide .texts .text5 i { display: block; position: absolute; top: 0; width: 100%; height: 22px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }   */
 /* #index .banner .swiper-slide .texts .text6 { font-size: 36px; color: #fff; line-height: 36px; margin-top: 20px; font-weight: bold; position: relative; overflow: hidden; white-space: nowrap; display: block; float: left; clear: both; }   */
 /* #index .banner .swiper-slide .texts .text6 i { display: block; position: absolute; top: 0; width: 100%; height: 36px; background-color: #fff; animation-timing-function: cubic-bezier(0.69, 0.01, 0.21, 0.99); }   */
 #index .banner .swiper-pagination-bullet { background-color: #fff; opacity: 1; border-radius: 4px; transition: all 0.3s; }  
 #index .banner .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #0075a9; width: 48px; }  
 #index .banner .banner-btn { position: absolute; z-index: 3; color: #fff; top: 50%; cursor: pointer; outline: none; }  
 #index .banner .banner-btn i { display: block; width: 32px; height: 20px; background-size: 32px 9px; background-repeat: no-repeat; float: left; }  
 #index .banner .banner-btn span { display: block; float: left; font-size: 20px; line-height: 20px; }  
 #index .banner .banner-prev { left: 3.6%; }  
 #index .banner .banner-prev i { background-image: url(../images/04.png); background-position: left 4px; }  
 #index .banner .banner-prev span { margin-left: 16px; }  #index .banner .banner-next { right: 3.6%; }  
 #index .banner .banner-next i { background-image: url(../images/05.png); background-position: right 4px; }  
 #index .banner .banner-next span { margin-right: 16px; } 


 /* 首页标题 */
.index_title{ text-align: center; margin-bottom: 2%; } 
.index_title h3{ font-size: 36px; line-height: 36px; padding-bottom: 14px; font-weight: bold; background: url(../images/h3.png) no-repeat center bottom; 	color: #023793; } 
.index_title p{ font-size: 14px; color: #666666; padding-top: 4px; }  


/*首页更多*/
.readmore {  width: 200px; height: 40px; margin:auto; margin-top:1%; border: 1px solid #E6E6E6; display: flex; align-items: center; /*background: #00a0e9;*/ justify-content: center; font-family: "DINCondensed"; font-size: 20px; color: #fff; transition: all 0.3s; }  
.readmore span { line-height: 20px; height: 18px; color:#666;}  
.readmore i { display: block; width: 32px; height: 9px; background-image: url(../images/08.png); background-size: auto 100%; background-position: 32px 0; margin-left: 12px; margin-top: -4px; transition: all 0.3s; }  
.readmore:hover { /* background-color: #ffdb60; */ /* border-color: #00aeb9; */ /* color: #fff; */ }  
.readmore:hover i { background-position: 80px 0;  } 
.readmore:hover span{color:#00a0e9;}

 
/* 页脚 */
.footer { width: 100%; background-color: #242f35; }  
.footer .foot-top { width: 100%; }  
.footer .foot-top .tops { width: 100%; display: flex; flex: 1; justify-content: space-between; }  
.footer .foot-top .tops .nav { width: 100%; display: inline-flex; justify-content: space-between; padding-top: 60px; padding-bottom: 30px; padding-right: 217px; }  
.footer .foot-top .tops .nav .item { padding-right: 30px; color: #fff; }  
.footer .foot-top .tops .nav .item .one { font-size: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 10px; }  
.footer .foot-top .tops .nav .item .two { font-size: 14px; color: #bbb; margin-top: 10px; float: left; clear: both; transition: all 0.3s; }  
.footer .foot-top .tops .nav .item .two:hover { color: #fff; }  
.footer .foot-top .tops .ewm { width: 120px; min-width: 120px; /* border-left: 1px solid #333; */ padding-top: 60px; color: #fff; }  
.footer .foot-top .tops .ewm p { font-size: 14px; text-align: center; margin-top: 12px; }  
.footer .foot-top .tops .ewm .logo { width: 147px; height: 47px; margin-top: 20px; }  
.footer .foot-top .tops .ewm .logo img { width: 100%; height: 100%; }  
.footer .foot-top .tops .ewm .img { width: 120px; height: 120px; /* border-radius: 10px; */ overflow: hidden; }  
.footer .foot-top .tops .ewm .img img { width: 100%; height: 100%; }  
.footer .foot-top .bots { width: 100%; display: flex; justify-content: space-between; /* border-top: 1px solid #333; */ padding: 60px 0; }  
.footer .foot-top .bots .item .label { width: 100%; height: 18px; white-space: nowrap; }  
.footer .foot-top .bots .item .label img { width: 18px; height: 18px; float: left; }  
.footer .foot-top .bots .item .label span { font-size: 16px; color: #fff; margin-left: 12px; float: left; line-height: 18px; }  
.footer .foot-top .bots .item .desc { margin-top: 20px; font-size: 16px; color: #777; }  
.footer .foot-top .bots .information p, .footer .foot-top .bots .information a, .footer .foot-top .bots .information span { color: #fff; font-size: 12px; }  
.footer .foot-bot { width: 100%; border-top: 1px solid #333; padding: 20px 0; }  
.footer .foot-bot .main2 { overflow: hidden; font-size: 14px; }  
.footer .foot-bot .main2 p, .footer .foot-bot .main2 a, .footer .foot-bot .main2 span { color: #515151; display: block; float: left; }  
.footer .foot-bot .main2 .left { float: left; }  
.footer .foot-bot .main2 .left .copy { margin-left: 20px; }  
.footer .foot-bot .main2 .right { float: right; }

.m-footer { display: none; width: 100%; background-color: #191919; padding: 24px 3% 0; color: #fff; }  
.m-footer .nav { width: 100%; overflow: hidden; }  
.m-footer .nav a { display: flex; align-items: center; float: left; width: 33.33%; margin-top: 30px; padding-right: 20px; color: #fff; }  
.m-footer .nav a span { font-size: 16px; }  
.m-footer .nav a i { display: block; float: left; width: 10px; height: 16px; background-image: url(../images/34.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-left: 15px; }  
.m-footer .ewm { width: 100%; margin-top: 30px; }  
.m-footer .ewm p { font-size: 16px; color: #fff; }  
.m-footer .ewm .img { width: 100px; height: 100px; border-radius: 6px; overflow: hidden; margin-top: 10px; }  
.m-footer .ewm .img img { width: 100%; height: 100%; }  
.m-footer .foot-bot { width: 100%; padding: 20px 0; background-color: #141414; color: #515151; font-size: 14px; }

/* 手机工具栏 */
#toolbar { position: fixed; bottom: 0; width: 100%; z-index: 888; height: 1.1rem; left: 0; display:none; } 
#toolbar .list { /* width: 100%; */ max-width: 100%; min-width: 320px; margin: 0 auto; background: #051c28; } 
#toolbar .list li { float: left; width: 25%; text-align: center; } 
#toolbar .list a { display: block; height: 1.1rem; line-height: 0.24rem; font-size: 0.26rem; padding-top: 0.2rem; } 
#toolbar .list a span { text-align: center; color: #fff; display: block; font-size: 0.24rem; } 
#toolbar .list a s { margin-left: auto; margin-right: auto; width: 0.31rem; height: 0.32rem; display: block; margin-bottom: .12rem; background-position: -.76rem -.2rem; } 
#toolbar .list li:nth-child(2) s { background-position: -.0rem -.2rem; } 
#toolbar .list li:nth-child(3) s { background-position: -.38rem -.2rem; } 
#toolbar .list li:nth-child(4) s { background-position: -1.2rem -.2rem; width:.34rem; height:.34rem; } 
#toolbar .list li:hover { background: #0185d0; } 


 /* 内页地址导航 */
.inner-banner { width: 100%; height: auto; background-position: center; background-size: cover; position: relative; }  
.inner-banner img{width:100%;height:100%;}

.inner-banner .main { height: 100%; }  
.inner-banner .text { position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #fff; }  
.inner-banner .text .en { font-size: 44px; line-height: 44px; }  
.inner-banner .text .cn { font-size: 28px; line-height: 28px; margin-top: 14px; }  
.sub-menu { width: 100%; height: 70px; border-bottom: 1px solid #00a0e9 ;  }  
.sub-menu .main { display: flex; justify-content: space-between; }  
.sub-menu .main .sub-nav { width: auto; height: 70px; position: relative; overflow-x: auto; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-right: 30px; }  
.sub-menu .main .sub-nav::-webkit-scrollbar { width: 6px; height: 6px; background-color: #F5F5F5; }  
.sub-menu .main .sub-nav::-webkit-scrollbar-track { border-radius: 3px; background-color: #F5F5F5; }  
.sub-menu .main .sub-nav::-webkit-scrollbar-thumb { border-radius: 3px; background-color: #ddd; }  
.sub-menu .main .sub-nav .items { min-width: 100%; display: inline-flex; justify-content: center; align-items: center; margin-left: auto; margin-right: auto; }  
.sub-menu .main .sub-nav .items a { display: block; float: left; height: 70px; border-bottom: 2px solid transparent; line-height: 70px; font-size: 16px; color: #333; transition: all 0.3s; white-space: nowrap; }  
.sub-menu .main .sub-nav .items a:hover, .sub-menu .main .sub-nav .items a.active { color: #b71b30; }  
.sub-menu .main .sub-nav .items i { display: block; float: left; width: 1px; min-width: 1px; height: 10px; background-color: #ccc; margin: 0 40px; }  
.sub-menu .main .hamb { height: 70px; line-height: 70px; padding-left: 40px; background-image: url(../images/about/about01.png); background-size: 20px 23px; background-repeat: no-repeat; background-position: left center; white-space: nowrap; color:#242f35; } 
.sub-menu .main .hamb  a{ color:#242f35; }  
.pages { width: 100%; height: 36px; display: inline-flex; justify-content: center; align-items: center; margin: 3% auto; }  
.pages .num { min-width: 36px; height: 36px; display: inline-block; border: 1px solid #E6E6E6; font-size: 14px; text-align: center; line-height: 34px; margin: 0 1px; padding: 0 5px; transition: all 0.3s; background-color: #f6f6f6; }  
.pages .num:hover, .pages .num.active { border-color: #0075a9; background-color: #0075a9; color: #fff; }  
.pages .prev, .pages .next { width: 36px; display: inline-block; padding: 0 10px; font-size: 13px; line-height: 36px; height: 36px; transition: all 0.3s; margin: 0 1px; border: 1px solid #E6E6E6; background-color: #f6f6f6; background-position: center center; background-repeat: no-repeat; background-size: 8px 16px; }  
.pages .prev { background-image: url(../images/46.png); }  
.pages .next { background-image: url(../images/47.png); }  
.pages .prev:hover { background-image: url(../images/48.png); border-color: #0075a9; background-color: #0075a9; color: #fff; }  
.pages .next:hover { background-image: url(../images/49.png); border-color: #0075a9; background-color: #0075a9; color: #fff; }  
.inner-mod-title .big { font-size: 32px; }  
.inner-mod-title .small { font-size: 14px; color: #888; }  
.icon { background: url(../images/icon2.png) no-repeat; display: inline-block; background-size: 2.4rem auto; vertical-align: middle; } 




/*分页样式*/
.pglist { padding: 20px 0 30px; width: 100%; text-align: center; clear: both; } 
.pglist a { color: #666; padding: 0 14px; margin: 0 3px; font-weight: bold; background: #fff; border: 1px solid #ddd; -webkit-border-radius: 2px; border-radius: 2px; } 
.pglist  *{ display: inline-block; _zoom: 1; _display: inline; vertical-align: middle; line-height: 30px; padding-bottom: 1px; } 
.pglist a:hover, .pglist .hover { display: inline-block; color: #fff; background: #023793; /* border-color: #1048a0; */ }  
.product_fh .sub-menu .sub-nav{ display:none; } /* .product_fh  .mod-title{ */ /* display:none; */ /* } */ 
.case_hf  .tab2{ display:none; font-size:20px; width:50%; margin:auto; text-align:center; margin-top:0.5rem; } 


/*浮动客服*/
.qqkefu{ position: fixed; top:25%; z-index: 20; /*right:0;*/ right: 30px; width:39px; } 
.qqkefu ul li{ width: 45px; height:45px; margin-bottom:1px; float:right; background:url(../images/qr_bg.png) no-repeat; background-color: #023793; line-height:45px; font-size:14px; cursor:pointer; position:relative; } 
.qqkefu ul li a{ color:#fff; overflow: hidden; display: block; height: 45px; padding-left: 10px; } 
.qqkefu ul li.qq_cza{ overflow:hidden } 
.qqkefu ul li:hover{ background-color:#f4ae03; } 
.qqkefu ul li.top{ background-position: 0 0; position:relative; width:45px; height: 45px; cursor:pointer; }  
.qqkefu ul li b{ width:45px; height:45px; display:block; overflow:hidden; float:right; } 
.qqkefu ul li span{ font-size: 14px; font-weight: bold; color: #FFF; } 
.qqkefu ul li.qq_phone{ background-position: right -46px; } 
.qqkefu ul li.qq_ku{ background-position: right -92px; } 
.qqkefu ul li.qq_ms{ background-position: right -138px; } 
.qqkefu ul li.qq_czb{ background-position: right -184px; } 
.qqkefu ul li.qq_app{ background-position: right -228px; } 
.qqkefu ul li.qq_czae{ line-height:15px !important} 
.qqkefu ul li.qq_alibaba{ background-position: right -275px; } 
.qqkefu ul li.qq_taobao{ background-position: right -319px; } 
.erweima{ width: 130px; height: 150px; position: absolute; top: -107px; left: -150px; background: #FFF; border: 1px solid #CCC; float: left; cursor: default !important; display:none; /*overflow: hidden;*/ } 
.erweima p{ line-height: 20px; color: #000; font-size: 12px; text-align: center; float: left; width: 130px; } 
.erweima p img{ width: 110px; height: 110px; margin: 10px 10px 0px 10px; } 
.erweima .arrow3 { width: 5px; height: 10px; display: block; /*background:url(../images/czx6.png) no-repeat;*/ position: absolute; right: -5px; top: 122px; } 
.wx{ width: 130px; height: 160px; position: absolute; /* top: -107px; */ left: -150px; background: #FFF; border: 1px solid #CCC; float: left; cursor: default !important; display:none; /*overflow: hidden;*/ } 
.wx p{ line-height: 20px; color: #000; font-size: 12px; text-align: center; float: left; width: 130px; } 
.wx p img{ width: 110px; height: 110px; margin: 10px 10px 0px 10px; } 
.wx .arrow3 { width: 5px; height: 10px; display: block; /*background:url(../images/czx6.png) no-repeat;*/ position: absolute; right: -5px; top: 132px; }



@media screen and (max-width: 1440px) {
	
.header .main .nav a { padding: 10px 7px; } 
.header .main .nav i { margin: 0 12px; } 
.header .main .lan-sec { margin-left: 40px; } 
.header .main .lan-sec .lang a { font-size: 18px; } 
.header .main .lan-sec .lang i { width: 12px; height: 9px; margin-left: 8px; } 
.header .main .lan-sec .line { height: 10px; margin: 0 15px; } 
.header .main .lan-sec .search { width: 20px; height: 20px; }

}

@media screen and (max-width: 1280px) {
	
.header .main .nav a { padding: 10px 8px; } 
.header .main .nav i { margin: 0 10px; } 
.header .main .lan-sec { margin-left: 20px; } 
.header .main .lan-sec .lang a { font-size: 18px; } 
.header .main .lan-sec .lang i { width: 12px; height: 9px; margin-left: 8px; } 
.header .main .lan-sec .line { height: 10px; margin: 0 10px; } 
.header .main .lan-sec .search { width: 20px; height: 20px; } 

/* .inner-banner { height: 300px; }  */
.inner-banner .text .en { font-size: 38px; line-height: 38px; } 
.inner-banner .text .cn { font-size: 24px; line-height: 24px; margin-top: 14px; } 
.sub-menu { height: 60px; } 
.sub-menu .main .sub-nav { height: 60px; margin-right: 30px; } 
.sub-menu .main .sub-nav .items a { height: 60px; line-height: 60px; font-size: 14px; } 
.sub-menu .main .sub-nav .items i { margin: 0 20px; } 
.sub-menu .main .hamb { height: 60px; line-height: 60px; padding-left: 30px; background-size: 20px 23px; } 

}

@media screen and (max-width: 1024px) {
	
.header, .header-h { display: none; } 
.m-header, .m-header-h { display: block; } 
.mod-title .en { font-size: 30px; line-height: 30px; font-weight: 600; } 
.mod-title .cn { font-size: 20px; line-height: 20px; margin-top: 12px; } 
.mod-title i { width: 14px; height: 3px; margin: 12px auto 0; } 
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; } 
.readmore span { line-height: 14px; height: 11px; } 
.readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: 0px; } 
.readmore:hover i { background-position: 36px 0; } 
.sub-cate a { padding: 0 10px; height: 36px; line-height: 36px; border-radius: 18px; font-size: 14px; } 
.sub-cate a:hover, .sub-cate a.active { font-size: 14px; } 
.footer { /*display: none; */ } 
.footer .foot-top .tops .nav .item { padding-right: 40px; } 
.m-footer { display: block; } 
/* .inner-banner { height: 260px; }  */
.inner-banner .text .en { font-size: 30px; line-height: 30px; } 
.inner-banner .text .cn { font-size: 20px; line-height: 20px; margin-top: 14px; } 
.pages { margin: 50px auto; } 

}

@media screen and (max-width: 768px) {
	header{
		height: 70px;
	}
	.headermain{/*height:auto;*/max-width:98%;}
	.logo img{
		width: 290px;
        margin-top: 15px;
	}
	.header_right{
		display: none;
	}
	.nav{
		display: none;
	}
	#navToggle{
		display: block;
	}
#toolbar{ display:inline; } 
.qqkefu{ display:none; } 
.footer {  padding-bottom:109px; } 
.mod-title .en { font-size: 30px; line-height: 30px; font-weight: 600; } 
.mod-title .cn { font-size: 20px; line-height: 20px; margin-top: 12px; } 
.mod-title i { width: 14px; height: 3px; margin: 12px auto 0; } 
.readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; } 
.readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: -4px; } 
.readmore:hover i { background-position: 36px 0;  } 
.pages { margin: 40px auto; } 
.inner-mod-title .big { font-size: 24px; } 
.inner-mod-title .small { font-size: 14px; }
   
}

@media screen and (max-width: 480px) {
	
 .footer {  padding-bottom:59px; } 
 .footer .foot-top { position: relative; z-index: 999; height: 215px; } 
 .footer .foot-top .tops { position: relative; z-index: 999; } 
 .footer .foot-top .tops .ewm { position: relative; z-index: 999; min-width: inherit; width: initial; } 
 .footer .foot-top .tops .ewm .img { width: 60px; height: 60px; }
 
 .mod-title .en { font-size: 24px; line-height: 24px; font-weight: 600; } 
 .mod-title .cn { font-size: 18px; line-height: 18px; margin-top: 10px; } 
 .mod-title i { width: 14px; height: 3px; margin: 10px auto 0; } 
 .readmore { width: 120px; height: 40px; border-radius: 20px; font-size: 14px; } 
 .readmore i { width: 16px; height: 4px; background-position: 16px 0; margin-left: 8px; margin-top: -4px; } 
 .readmore:hover i { background-position: 36px 0; } .sub-cate a { padding: 0 10px; height: 30px; line-height: 30px; border-radius: 15px; font-size: 14px; } 
 .sub-cate a:hover, .sub-cate a.active { font-size: 14px; } 
 
 .m-footer { padding: 10px 3% 0; } 
 .m-footer .nav a { margin-top: 16px; padding-right: 12px; color: #fff; } 
 .m-footer .nav a span { font-size: 14px; } 
 .m-footer .nav a i { display: block; float: left; width: 10px; height: 12px; background-image: url(../images/34.png); background-size: auto 100%; background-position: center; background-repeat: no-repeat; margin-left: 6px; } 
 .m-footer .ewm { margin-top: 30px; } 
 .m-footer .ewm p { font-size: 14px; } 
 .m-footer .ewm .img { width: 80px; height: 80px; border-radius: 6px; margin-top: 10px; } 
 .m-footer .foot-bot { width: 100%; padding: 20px 0; font-size: 14px; } 
 
 /* .inner-banner { height: 160px; }  */
 .inner-banner .text .en { font-size: 22px; line-height: 22px; } 
 .inner-banner .text .cn { font-size: 18px; line-height: 18px; margin-top: 10px; } 
 .sub-menu { height: 50px;  } 
 .sub-menu .main .sub-nav { height: 50px; position: relative; margin: auto; } 
 .sub-menu .main .sub-nav .items a { height: 50px; line-height: 50px; font-size: 12px; } 
 .sub-menu .main .sub-nav .items i { margin: 0 15px; } 
 .sub-menu .main .hamb { display: none; height: 50px; line-height: 50px; padding-left: 16px; background-size: auto 14px; } 
 .pages { margin: 30px auto; } 
 .inner-mod-title .big { font-size: 18px; } 
 .inner-mod-title .small { font-size: 14px; } 
 .product_fh .sub-menu .main .hamb{   display:block; } /* .product_fh  .mod-title{ */ /* display:block; */ /* } */ /* .product_fh .sub-menu .sub-nav{ */ /* display:inline; */ /* } */ 
 .case_hf  .tab2{ display:block; } 
 
}