/*CSS Document */


/* header start------------------------------------------------------------*/
.header{width:930px;height:auto;margin:20px auto}
.Logo{float:left}
.HeadRight{width:auto;float:right;}
.TwoCcodiv{float:right;}
.TwoCcode{display:inline-block;margin-right:30px;text-align:center;}
.TwoCcode img{display:block;padding:3px;border:1px solid #f8f8f8;margin-bottom:7px}
.Version{float:right;padding:4px 20px;margin:20px 0 0;display:inline-block;border:1px solid #e9e9e9;transition: background 0.3s, border 0.32s, transform 0.3s;}
.Version:hover{background:#006eb5;color:#FFF;border-color:#006eb5}
/* header end--------------------------------------------------------------*/
/* main start--------------------------------------------------------------*/
.main{width:930px;margin:0 auto}
/* qqshop focus */
.waijing{width:100%;height:294px;overflow:hidden;position:relative;background:url(../images/English/waijingbg.jpg) repeat-x;margin:0 0 10px}
.waijing ul{height:294px;position:absolute;}
.waijing ul li{float:left;width:930px;height:294px;overflow:hidden;}
.waijing .btn{position:absolute;width:100%;height:10px;right:160px;bottom:30px;text-align:right;}
.waijing .btn span{display:inline-block;_display:inline;_zoom:1;width:10px;height:10px;_font-size:0;margin:0 5px;cursor:pointer;background:#006EB5;}
.waijing .btn span.on{background:#FEB501;}

.waijing li img{float:left;}
.waijing li em{font:bold 28px/60px arial;color:#006eb5;padding:40px 0 0 30px;display:inline-block;width:333px}

.waijing li .ExTitle a{font:bold 28px/60px arial}


.Contact{width:100%;margin:0 0 10px}
.Derction{width:545px;height:226px;float:left;border:1px solid #dcdcdc;padding:10px}
.Derction img{float:left;margin:0 10px 0 0}
.Derction p{line-height:23px}
.ContactUs{width:343px;padding:10px;height:228px;float:right;background:url(../images/English/ContactUsbg.jpg) repeat-y;}
.waijing li .ContactUs{background:none;padding:40px 10px 0 30px;width:323px}
.ExTitle a{font:600 20px/60px arial;color:#006eb5;}
.ContactUs p{line-height:24px;font-size:14px}

.Exo{padding:0 20px 20px;background:#fafafa;margin:0 0 10px}
.Exleft{float:left;width: 340px; margin-top: 20px;}
.Exright{float:right;width:508px}

.peoplist li{padding-left:15px;line-height:27px;background:url(../images/English/Englishdot.png) no-repeat 3px center;font-size:14px}

.Topimg{width:218px;height:185px;float:left;position:relative;}
.Video_Btn{display:block;position:absolute;left:0;top:0;width:100%;height:185px;background:url(../images/English/EnglishVideobtn.png) no-repeat center;}
.Video_Btn:hover{background:rgba(0,0,0,0.3) url(../images/English/EnglishVideobtn_h.png) no-repeat center;}

.Listimgs{float:right;width:280px}
.Listimgs li{float:left;width:134px;height:90px;margin:0 5px 5px 0}

/* main end----------------------------------------------------------------*/


/* footer start------------------------------------------------------------*/
.footer{width:100%;padding:15px 0;background:url(../images/English/Englishfootbg.jpg) repeat-x;}
.FootC{width:930px;margin:0 auto}
.FootLogo{float:left;}
.FootRight{margin:10px 0 0;line-height:24px}
/* footer end--------------------------------------------------------------*/

.article_right{ width:900px; float:none;}

.article_right .article_cont{width:900px;}
.article_right .article_cont p img{max-width:850px;}


@media only screen and (max-width:768px){
.header,.main,.FootC{ width:100%; padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
.Logo{ width:415px;}
.Logo img{ width:100%}
.Derction,.ContactUs{ width:50%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ overflow:hidden}
.Exo{ padding:0px!important;}
.Exleft,.Exright{ width:50%}
.Listimgs{ display:none}
.Topimg{ width:355px;}
.Topimg embed{ height:224px!important; width:355px!important;}
.waijing ul li{ width:748px!important;}
}

@media only screen and (max-width:640px)
{  .waijing{ display:none}
	.header,.main,.FootC{ width:100%; padding:0 10px;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */}
	.Logo{ width:100%;}
	.Derction,.ContactUs{ width:100%;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */ overflow:hidden}
	.Exleft,.Exright{ width:100%}
	.TwoCcode{ margin:0 5px;}
	.Exleft img{ width:100%!important;}
	.Topimg{ width:100%;}
 .Topimg embed{ height:224px!important; width:100%!important;}
	.FootLogo{ width:100%;}
	.footer{ margin:20px auto 0px auto}
	.Derction{ height:auto!important}
	.Derction img{ width:100%}
	.Version{ float:left!important}
	.HeadRight{ width:100%;}
}