@charset "utf-8";
#zhongyingwen {
	display: none;
}
@media screen and (max-width: 768px) {
	#zhongyingwen {
		display: block;
		color: white;
	}
}
@media screen and (max-width: 1024px) {
	.zy_footer1 .copyfr {display: none;visibility: hidden;}
	.middlel {max-width: 900px;margin: 0px auto;}
}







* {	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:"Microsoft YaHei";color:#929191;font-size: 14px;line-height: 30px;}
body,button,input,select,textarea {	 font-family:"微软雅黑","宋体",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: #484848; }
a:hover {	color: #0266bb;}
img {	border: 0px;}
em{ font-style:normal;}
table {	border-collapse: collapse;	border-spacing: 0;}
html,body { width:100%;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;}
.pad0{padding:0 !important;}
.pad60{padding:60px 0 !important;}
.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;}
.white,.white a{ color:#fff;}
.rela{ position:relative; margin-bottom: 8px;}
.h110{ height:110px;}
.h40{ height:40px;}
.w1210{ width:1210px; margin:0 auto;}





.ywdx{text-transform:uppercase;}


header{ padding:0 0 0px 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;}

.head-top{ height:38px; line-height:38px; border-bottom:1px solid #ccc; margin-bottom:10px;color:#999;}
.head-top a{ color:#999;}
.head-top h1{ float:left; background:url(../images/top-icon.png) left center no-repeat; padding-left:20px;}
.language{ float:right;text-align:right;}
.language p{ display:inline-block;}
.language p a{ display:inline-block; padding:0 15px;}



.logo img{ height:80px; }
nav{ float:right;width:50%; font-size:16px; text-align:center; margin-right:-25px;}
nav li{ float:left;width:16.5%; position:relative;}
nav li a{ display:block; position:relative; margin-top:22px;}
nav li a span{ position:relative; z-index:3;}
nav li a em{z-index:2;left:50%;margin-left:-18px; top:50%;margin-top:-18px; position:absolute;width:36px;height:36px; display:inline-block; border-radius:100%; background-color:#c2daef;-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:50%;margin-left:-27px; top:50%;margin-top:-27px; position:absolute;width:54px;height:54px; display:inline-block; border-radius:100%; background-color:#f2f7fc;-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:300%; 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:35%;}
.sub_navL a{padding-left: 10px;background:url(../images/m_nav_abg.png) left center no-repeat; border-bottom:1px dotted #ccc;}
.sub_navR{ width:60%; 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: 30px;
  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;}

.zy_footer{background: url(../images/footer_bc.jpg) fixed center bottom; padding: 60px 0; color: #fff;}
.zy_footer a{ color: #fff;}
.zy_footer .title{ text-align: center; padding-bottom: 30px;}
.zy_footer .title p{font-size: 30px;}
.zy_footer .title span{ font-weight: bold; color: ;}
.zy_footer .title i{ font-family: Century Gothic;}
.zy_footer .left span,.zy_footer .middle span,.zy_footer .right span,.zy_footer .weixin span{font-size: 18px; display: block; padding-bottom: 20px; font-weight:bold;}
.zy_footer .weixin img{ width: 100px; height: auto;}
.zy_footer .left p{ padding-bottom:10px;}
.zy_footer .left p i{ float: left; vertical-align: middle; width: 26px; height: 26px; border: 1px solid #fff;background-size:14px !important;
	-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; margin-right: 10px;}
.zy_footer .left p:nth-child(2){ font-size: 18px;}
.zy_footer .left p:nth-child(2) i{background: url(../images/tp26.png) center no-repeat;}
.zy_footer .left p:nth-child(3) i{background: url(../images/tp27.png) center no-repeat;}
.zy_footer .left p:nth-child(4) i{background: url(../images/tp28.png) center no-repeat;}
.zy_footer .left p u{ display: block; padding-left: 40px; line-height:26px;}
.zy_footer .middle p{ margin: 0 0 0 -10px; line-height: 14px;}
.zy_footer .middle p a{ display: inline-block; margin: 0 0 20px; padding: 0 10px; border-right: 1px solid #fff;}
.zy_footer .middle p a:hover{ color: ;}
.zy_footer .middle p a:last-child{border: none;}
.zy_footer .right p{ margin: 0 0 0 -30px; line-height: 14px;}
.zy_footer .right p a{ display: inline-block; margin: 0 0 20px; padding: 0 30px;}
.zy_footer .right p a:hover{color: ;}
.zy_footer .weixin img{ display: block;}




.zy_footer1{padding: 10px 0; background: #47443f; color: #fff;}
.zy_footer1 span{padding: 0 10px; font-size:12px;}
.zy_footer1 span a{ color: #fff;}
.zy_footer1 span a:hover{ color: ;}


.zy_footer1 .copyfr{ float:right;}
.zy_footer1 .copyfr a.jd{ float:right;padding:10px 48px; background:url(../images/jd_logo.png) no-repeat center;}


@media(max-width:1440px){
	header{ padding:0 0 15px;}
	.zy_footer1 .copyfr {display: none !important;visibility: hidden;}
	.head-top{ margin-bottom:15px; line-height:32px; height:32px;}
	.logo img {height: 55px; 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:1199px){
	.language p a{padding:0 10px;}
	nav{width: calc(100% - 300px);}
	.sub_nav_box{  width: 360%;left: -130%;}
	.h_bannerB h5 { font-size: 26px;}
	.sy_about .right{ width: 50%;}
	.row { margin:0 2%;}
	.zy_footer .right p a {padding: 0 10px;}
	.weixin{ display:none;}
	.zy_footer1 span {padding: 0;}
	.w1210 {
    width: 98%;
    margin: 0 auto;
}

}

@media(max-width:991px){
	header{padding: 15px 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: 55px; top: 20px;}
	.zy_footer {padding:50px 0 30px 0;}
	/* 
	#content-foo {width: 50%;height: 20%;} */
	
/* 	#content-yi {padding-left: 0px;} */
	#headtop {padding: 0px !important;}
	.logo fl {height: 60px;}

}

@media (max-width:768px){
	nav,.footT,.othernav,.tj,.h_product .content li dl:nth-child(3),.h_product .content li dl:nth-child(4),.h_newC .content li dl:nth-child(3),.h_newC .content li dl:nth-child(4){ 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;}
	
	.h_C { margin-top: 25px;}

	.zy_footer{ padding: 20px 2%;}
	.zy_footer .title p{ font-size: 22px; text-align:center;}
	.zy_footer .title i{ display: block; line-height: 20px; font-size:16px; text-align:center;}
	.zy_footer .left span, .zy_footer .middle span, .zy_footer .right span, .zy_footer .weixin span{ font-size: 15px; padding-bottom: 5px;}
	.zy_footer .right p a{ margin-bottom: 5px;}

	.zy_title2{ margin-bottom: 10px;}

	.zy_footer .title{ text-align:left; padding-bottom: 10px;}
	.row .left{ width:100%;}
	.row .left p{ float:left; padding-right:5%;}
	.dis_no{ display:none !important;}
	
	
}

@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: 56px;}
	.nav__trigger{right: 15px;top: 20px;}
	.h110 { height: 70px;}
	.language{top: 10px;}
	.rela {position: relative;margin-bottom: 0px;}
}

@media (max-width:380px){
	.language p a{padding: 0 5px;font-size: 12px;}
}

@media screen and (max-width: 320px) {
	.pro_nav p img {display: none !important;}
	.pro_nav {display: none;}
	.main_right {max-width: 100% !important;}
	.prolist ul li{margin-left: 0px !important;}
}