@charset "utf-8";
@font-face {
    font-family: "SourceHanSansCN-Medium";
    src: url("../fonts/SourceHanSansCN-Medium.ttf") format("truetype"),
    url("../fonts/SourceHanSansCN-Medium.eot") format("embedded-opentype"),
    url("../fonts/SourceHanSansCN-Medium.svg") format("svg");
	}
* {	margin: 0;	padding: 0;}
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img {	border: medium none;	margin: 0;	padding: 0; font-weight:500;}
body{min-width: 320px;margin:0 auto;padding:0;font-family:"SourceHanSansCN-Medium";color:#929191;font-size: 14px;line-height: 30px;}
body,button,input,select,textarea {	 font-family:"SourceHanSansCN-Medium","宋体",tahoma,Srial,helvetica,sans-serif;	outline: none;}
h1,h2,h3,h4,h5,h6 {	font-size: 100%;}
ul,ol,li {	list-style: none; }
i{font-style:normal;}
u{ text-decoration: none;}
a {	text-decoration: none;	color: #666; }

img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body {min-width: 320px;color: #000000;	background: #fff;	margin: 0 auto;overflow-x:hidden;}
.hide {	display: none;}
.clear {	clear: both;}
.center{ text-align:center;}
.pic100 img{width:100%;}
::selection { color: #fff; background-color: #0266bb;}
::-moz-selection { color: #fff; background-color: #0266bb;}
/*.justify_fix{display:inline-block;*display: inline; *zoom:1; width:100%; height:0; overflow:hidden;}*/
.f-turn{-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}
.fl, .left{float:left;}
.fr, .right{float:right;}
.mt40{
    margin-top: 40px;
}
.mt90{
    margin-top: 90px;
}
.pad0{padding:0 !important;}
.pad60{padding:60px 0 !important;}
.pad30{
    padding: 30px 0 30px 0;
 }
.pt60{
      padding-top: 60px;
}
.pt90{
    padding-top: 90px;
}
.overflow{ overflow:hidden;}
.clear {clear:both;visibility:hidden;display:block;font-size:0;line-height:0;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;clear:both;}
.white,.white a{ color:#fff;}
.rela{ position:relative;}
.h110{ height:110px;}
.h40{ height:40px;}
.w1200{ width:1200px; margin:0 auto;}
.w1250{ width:1250px; margin:0 auto;}
.w1400{ width:1400px; margin:0 auto;}
.tc{
    text-align: center;
}
.row {
    margin: 0;

}
.mt4{
    margin-top: 4%;
}

body {
    font-family:'SourceHanSansCN-Medium';
    min-width:1400px !important;

}

/*html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch 
	}*/


/*nav*/

header{ padding:12px 0 12px 0; position:fixed;top:0;left:0; z-index:99; width:100%; background-color:#fff;-webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
    -ms-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;}

.logo img{height: 76px; }
nav{ float:right;width:calc(100% - 340px); font-size:16px; text-align:center;}
nav li{ float:left;width:12.5%; position:relative;padding: 0!important;}
nav li a{ display:block;line-height:60px; position:relative;}
nav li a span{ position:relative; z-index:3; line-height: 75px;}
nav li a:hover span {
color: #fff;
}
nav li a em{
    z-index:2;
    left:50%;
    margin-left:-18px;
    top:0;
    margin-top:-18px;
    position:absolute;
    width:36px;
    height:36px;
    display:inline-block;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    animation-delay: 0.2s;
    transition: all 0.2s;
}
nav li a i{
    z-index:1;
    left:31%;
    margin-left:-27px;
    top:-11px;
    margin-top:0;
    position:absolute;
    width:115px;
    height:100px;
    display:inline-block;
    background-color:#d4a300;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
nav li a:hover em,nav li a:hover i,nav li a.cur em,nav li a.cur i{
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
	

}

.h_C{ margin-top:38px;}
.sub_nav_box{ position:absolute; width:150%; /*left:-150%;*/ background-color:#fff; padding: 20px 35px;display:none; text-align:left;}
.sub_nav_box a{ padding:5px 0;font-size: 13px;line-height: 20px; }
.sub_navL{ width:100%;}
.sub_navL a{padding-left: 10px; border-bottom:1px dotted #ccc;}
.sub_navL a:hover{
    color: #d4a200;
}
.sub_navR{ width:50%; margin-left:5%;padding-left:5%; border-left:1px solid #dcdcdc;font-size: 12px;}
.sub_navR p{ margin-top:5px;line-height:20px;height:40px; overflow:hidden; color:#999;}
#headtop .container{ overflow:visible;}

.iphone__screen {
  width: 100%;
  height:  100%;
  position: absolute;
  top: 0;
  left: 0;
}
.iphone__content {
  position: relative;
  background-color: #fff;
  width: 100%;
  height: 100%;
}

.nav {
  position:fixed;width:100%;height:100%;
  z-index: 100;
  opacity: 0;
  -webkit-transition-property: all;
  transition-property: all;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav--active .nav {
  opacity: 1;
  background-color: #333;
}
.nav__list {overflow-y: scroll; height: 100%;margin: 0;padding: 10px;}
.nav__list li{margin: 10px 0;}
.nav__list li a{font-size:16px; color: #fff;/*-webkit-transition: opacity 300ms ease-in-out;  transition: opacity 300ms ease-in-out;*/}
.nav__list li div{ margin:5px 0;}
.nav__list li div a{ margin:5px 0 5px 15px; font-size:14px; display:inline-block;}
/* Default navigation icon */
.nav__trigger {
  display: block;
  position:fixed;
  width: 30px;
  height: 25px;
  right: 30px;
  top: 20px;
  z-index: 200;
}
.nav--active .nav__trigger {
  opacity: 0.5;
}
.nav__icon {
  display: inline-block;
  position: relative;
  width: 30px;
  height: 5px;
  background-color: #FFFFFF;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: background-color, transform;
  transition-property: background-color, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before,
.nav__icon:after {
  content: '';
  display: block;
  width: 30px;
  height: 5px;
  position: absolute;
  background: #0266bb;
  -webkit-transition-property: margin, -webkit-transform;
  transition-property: margin, -webkit-transform;
  transition-property: margin, transform;
  transition-property: margin, transform, -webkit-transform;
  -webkit-transition-duration: 300ms;
          transition-duration: 300ms;
}
.nav__icon:before {
  margin-top: -10px;
}
.nav__icon:after {
  margin-top: 10px;
}
.nav--active .iphone__content{ position:fixed;}


/******* Style #3*****/
.style-3 .nav {
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
}
.style-3 .nav--active .nav {
  -webkit-transform: translateX(20%);
          transform: translateX(20%);
}
.style-3 .iphone__content {
 /* -webkit-transform: scale(1) translateX(0);
          transform: scale(1) translateX(0);*/
  -webkit-transition: all 300ms ease-in-out;
  transition: all 300ms ease-in-out;
}
.style-3 .iphone__screen {
  background-color: #333;
}
.style-3 .nav--active .iphone__content {
  -webkit-transform: scale(0.9) translateX(-90%);
          transform: scale(0.9) translateX(-90%);
}
.style-3 .nav__icon {
  background: rgba(0, 0, 0, 0);
}
.style-3 .nav__icon:before {
  margin-top: 0;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}
.style-3 .nav__icon:after {
  margin-top: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.style-3 .nav--active .nav__icon {
  -webkit-transform: rotate(135deg);
          transform: rotate(135deg);
}
.nav__trigger{ display:none;}
.nav li div{ display:none;}
.nav--active .nav__icon:before,.nav--active .nav__icon:after{background: #fff;}






@media(max-width:1440px){
	header{ padding:0 0 15px;}
	.head-top{ margin-bottom:15px; line-height:32px; height:32px;}
	.logo img {height: 70px; padding-top:5px;}
	.sub_navR p{ font-size:12px;}
	.sy_sb .nr{ line-height: 24px; margin: 30px 0 10px;}
	.sy_sb .more{ padding-top:20px;}
	.img-scroll .prev, .img-scroll .next{top:180px;}
	}

@media(max-width:1024px) {
    .logo img {
        height: 70px;
        padding-top: 5px;
        margin-bottom: 10px;
    }
}
@media(max-width:1024px){
	nav{width: calc(100% - 176px);font-size: 13px;}
	.sub_nav_box{  width: 360%;left: -130%;}
	.h_bannerB h5 { font-size: 26px;}
    nav li a i {
        z-index: 1;
        left: 31%;
        margin-left: -27px;
        top: -11px;
        margin-top: 0;
        position: absolute;
        width: 95px;
        height: 100px;

    }
    header{
        padding: 0!important;
    }
}

@media (min-width: 414px) and (max-width:770px){
	header{padding: 10px 0;}
	.h110 { height: 85px;}
	.h_bannerBL,.h_bannerBR{padding: 50px 60px;}
	.h_bannerB h5 {  font-size: 16px;}
	.h_bannerB p{font-size: 12px;}
	
.language {
  
    right: 75px!important;
    top: 33px!important;
  
}
}

@media (width:1024px){
	.language {
  
    right: 155px!important;
    top: 25px!important;
  
}
}

@media (max-width:768px){
	nav{ display:none;}
	.nav__trigger,.morebtn{ display:block;}
	.wap_none{ display:none;}

	.head-top{ display:none;}
	.Tit h2, .h_T h2 { font-size: 24px;}
	.pad60 { padding: 30px 0 !important;}
	.proRC dl{ padding:0 0 10px 0;}
	.Tit{padding: 0 15px;}

}
@media (min-width: 200px) and (max-width:1200px) {
	nav{ display:none;}
	.nav__trigger,.morebtn{ display:block;}

}
}
@media(max-width:640px){
	.nav__icon:before, .nav__icon:after{width: 25px;height: 3px;}
}

@media (max-width:520px){
	.Tit h2, .h_T h2 { font-size: 20px;}
	.logo img{height: 55px; padding-top:0px; margin-top:15px;}
	.nav__trigger{right: 15px;top: 20px;}
	.h110 { height: 70px;}
	.language{top: 36px!important;}
	
}
@media (min-width: 361px) and (max-width:414px){
    .language p a {
        position: absolute;
        right: 60px;
        top: -11px!important;
    }
}
@media (max-width:480px){
    .h_product { padding: 20px 0 10px !important;}
    .h_C {margin-top: 15px;}
    .h_T p { margin:0 auto;}
    .h_product .tab a {font-size: 14px;}
}


@media (max-width:380px){
    .h_bannerBL, .h_bannerBR {padding: 25px 0px 25px 20px;}
    .h_bannerB h5 {font-size: 16px;}
}
@media (max-width:415px){
	.section-nav-nav {
  
    bottom: -17px!important;
}
}

.z_submit {
    width:54.16%!important
}
.z_intro_center li .z_intro_lakai {
    width:2%!important
}