html, body, form, fieldset, p, div, h1, h2, h3, h4, h5, h6 {-webkit-text-size-adjust:none;}
body { font-size: 500 12px/1.8; font-family: "Arial", simhei, Microsoft YaHei, Lucida, Verdana, Hiragino Sans GB, STHeiti, WenQuanYi Micro Hei, SimSun, sans-serif; }
a { text-decoration: none; color: #666; font-style: normal; }
a:hover { text-decoration: none; }
/* icon */
.icon { background: url(/statics/images/mobile_en/icon.png) no-repeat; }
.icon001 { width: 15px; height: 11px; background-position: 0px -15px; }
.icon002 { width: 15px; height: 11px; background-position: 0px -46px; }
.icon005 { width: 63px; height: 38px; background-position: 0px -124px; }
.icon007 { width: 15px; height: 18px; background-position: -44px -220px; }
.icon008 { width: 44px; height: 42px; background-position: 0px -244px; }
.icon009 { background: url(/statics/images/mobile_en/icon/icon009.png) no-repeat left top; width: 2px; height: 40px; }
.icon010 { background: url(/statics/images/mobile_en/icon/icon010.png) no-repeat left top; width: 23px; height: 40px; }
.icon011 { width: 38px; height: 37px; background-position: 0px -553px; }
.icon011 a { display: block; width: 26px; height: 37px; font-size: 0; }
.icon012 { width: 17px; height: 16px; background-position: 0px -465px; }
.icon013 { width: 17px; height: 16px; background-position: 0px -513px; }
.icon014 { width: 46px; height: 33px; background-position: 0px -612px; }
.icon015 { width: 46px; height: 33px; background-position: 0px -666px; }
.icon014 a, .icon015 a { width: 46px; height: 33px; display: block; font-size: 0; }
.icon003 { background: url(/statics/images/mobile_en/icon/icon003.png) no-repeat center center; width: 40px; height: 40px; font-size: 0; display: inline-block; }
/* header */
.header { height: 57px; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; }
.hdbg { height: 50px; 
background-image: -moz-linear-gradient(top, #005bac, #003e75); 
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #005bac), color-stop(1, #003e75));
background-image: -ms-linear-gradient(top, #005bac, #003e75); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005bac', endColorstr='#003e75', GradientType='0');
position: relative; }
.logo { margin: 10px 0 0 10px; }
.header2 { height: 52px; width: 100%; position: fixed; left: 0; top: 0; z-index: 99; }
.hdbg2 { height: 40px; background-image: -moz-linear-gradient(top, #005bac, #003e75); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #005bac), color-stop(1, #003e75)); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#005bac', endColorstr='#003e75', GradientType='0');
position: relative; }
.logo2 { padding: 5px 0 0 10px; }
.hdshadow { background: url(/statics/images/mobile_en/hdShadow.png) repeat-x; height: 12px; overflow: hidden; display: block; font-size: 0; width: 100%; }
.english { margin: 10px 0 0 10px; }
.english a { display: inline-block; border: 1px solid #99b7d3; padding: 3px 10px; color: #b8c6da; font-size: 12px; }
.english a:hover { border: 1px solid #fff; color: #fff; }
.txtTop, .txtTop a { line-height: 40px; color: #fff; font-size: 16px; }
/* 导航 */
.hdbg2 .nav { position: absolute; right: 8px; top: 8px; }
.hdbg2 .nav a.hover { background-color: #fff; border-top-left-radius: 4px; border-top-right-radius: 4px; box-shadow: 2px -2px 5px #002a51; display: block; }
.hdbg2 .nav a span { background: url(/statics/images/mobile_en/icon/icon001.png) no-repeat 63px center; font-size: 16px; color: #fff; display: block; width: 70px; height: 30px; line-height: 30px; padding-left: 10px; float: right; display:block;}
.hdbg2 .nav a.hover span { background: url(/statics/images/mobile_en/icon/icon002.png) no-repeat 63px center; color: #333; display: block; width: 70px; height: 30px; line-height: 30px; padding-left: 10px; }
.hdbg2 .nav ul { background-color: #fff; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; box-shadow: 2px 3px 5px #002a51; display: none; }
.hdbg2 .nav li { height: 30px; line-height: 30px; border-top: 1px solid #ccc; }
.hdbg2 .nav li a { display: block; padding-left: 10px; padding-right: 10px; font-size: 16px; color: #333; text-align: right; }
.hdbg2 .nav li a:hover { box-shadow: 0 0 0; }
/* main */
.main { margin-top: 50px; }
.main2 { margin-top: 40px; }
.h1 { line-height: 25px; padding-left: 10px; font-size: 18px; color: #333; margin-top: 10px; margin-bottom: 10px; }
.h2 { height: 40px; line-height: 40px; color: #333; padding-left: 20px; background-color: #eee; }
.h2_letter { height: 30px; line-height: 30px; color: #333; font-size: 16px; padding-left: 15px; background-color: #eee; font-family: arial }
.h2_plr40 { height: 30px; line-height: 30px; color: #333; padding-left: 20px; background-color: #eee; }
/* 文字列表 */
.txtList li { height: 40px; line-height: 40px; border-bottom: 1px solid #ccc; padding-left: 20px; padding-right: 10px; overflow: hidden; }
.txtList li a { font-size: 16px; color: #444; display: block; height: 40px; line-height: 40px; overflow: hidden; }
.txtList li.last { border-bottom:none;}
.txtList2 li { height: auto; background: url(/statics/images/mobile_en/icon/icon004.png) no-repeat 10px 17px; line-height: 20px;}
.txtList2 li p { font-size: 16px; line-height: 20px; color: #888; padding-bottom: 10px;  }
.txtList3 li { height: auto; background: url(/statics/images/mobile_en/icon/icon006.png) no-repeat 10px 25px; padding-left: 30px; padding-right: 10px; }
.txtList4 li { border: none; margin-top: 15px; background: url(/statics/images/mobile_en/icon/icon004.png) no-repeat 10px 17px; }
/* 列表元素定义 */
.icon004 li { background: url(/statics/images/mobile_en/icon/icon004.png) no-repeat 10px center; }
.icon006 li { background: url(/statics/images/mobile_en/icon/icon006.png) no-repeat 10px center; padding-left: 30px; padding-right: 10px; }
.txtList_dashed_60 li { border-bottom: 1px dashed #ccc; padding-left: 30px; padding-right: 10px; }
.icon004_40 li { background: url(/statics/images/mobile_en/icon/icon004.png) no-repeat 20px center; }
.foucs img, .wimg img { width: 100%; }
.vedioList { width: 100%; }
.vedioList ul { margin-left: 10px; }
.vedioList li { float: left; width: 145px; margin-right: 10px; margin-top: 20px; }
.vedioList_ml40 ul { margin-left: 40px; }
.alphaBar { width: 145px; height: 25px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
.txt { padding: 0 10px; width: 105px; height: 25px; overflow: hidden; line-height: 25px; font-size: 12px; color: #fff; }
.play a { background: url(/statics/images/mobile//icon/play3.png) no-repeat left top; width: 25px; height: 25px; overflow: hidden; display: block; font-size: 0; }
.time { width: 100px; line-height: 22px; font-size: 14px; color: #fff; }
.alphaBar2 { width: 110px; height: 22px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
/* footer */
.footer { border-top: 2px solid #c2c2c2; margin-top: 20px; padding-top: 40px; }
.footer a { color: #444; font-size: 14px; }
.icon017 { background: url(/statics/images/mobile_en/icon/icon017.png) no-repeat right center; padding: 0 20px; }
.goTop { display: inline-block; }
.goTop a { background: url(/statics/images/mobile_en/icon/icon007.png) no-repeat right center; padding: 0px 20px; display: inline-block; font-size: 14px; }

.footer2 { background-color: #eee; border-top: 1px solid #ccc; padding: 20px 30px; }
.blueBtn { background-color: #005bac; display: inline-block; }
.blueBtn a { padding: 10px 12px; color: #fff; display: inline-block; font-size: 14px; }
/* 文章详情 */
.tit { font-size: 24px; color: #333; }
.article p { /* text-align: justify; text-justify: inter-ideograph; */ line-height: 1.3; color: #333; margin-top: 20px; }
.article img { width: 100%; }
.share a { background: url(/statics/images/mobile_en/icon/icon016.png) no-repeat left center; padding-left: 40px; color: #005bac; font-size: 20px; }
/* 视频列表 */
.vTit, .vTit a { color: #373737; font-size: 16px; line-height: 20px; margin-top: 10px; height: 40px; overflow: hidden; }
/* 支柱产业 */
.hidden { display: none; }
.toggle-list { display: block; }
.hover .show { display: none; }
.hover .hidden { display: block; }
.toggle-list li { cursor: pointer; }
.dashedLine { border-bottom: 1px dashed #ccc; }
.dashedLineNo { border-bottom: 1px dashed #fff; }
.jia { background: url(/statics/images/mobile_en/icon/icon012.png) no-repeat right 8px; height: 35px; line-height: 35px; overflow: hidden; padding-right: 20px; }
.jian { background: url(/statics/images/mobile_en/icon/icon013.png) no-repeat right 8px; line-height: 25px; margin-top: 10px; margin-bottom: 10px; font-weight: bold; padding-right: 20px; }
/* 万达公益 */
.bgc_01 { background-color: #f1f1f1; }
.num span { margin-right: 3px; background-color: #005bac; color: #fff; font-size: 14px; padding: 0 5px; }
.h3_ptb20 h3 { padding-top: 20px; font-weight: bold; }
.h3_ptb20 p { text-align: justify; text-justify: inter-ideograph; }
/* 20130730 */
.swiper-container1, .swiper-container2, .swiper-container3 { width: 100%; overflow: hidden; height: 195px; /* height: 100%;*/ color: #fff; text-align: center; position: relative; }
.pagination1, .pagination2, .pagination3 { position: absolute; z-index: 20; right: 10px; bottom: 5px; }
.swiper-pagination-switch { display: inline-block; width: 10px; height: 10px; border-radius: 8px; background: #fff; margin-right: 5px; opacity: 0.8; cursor: pointer; }
.swiper-visible-switch { background: #fff; }
.swiper-active-switch { background: #005bac; }
.alphaBar { width: 100%; height: 30px; line-height: 30px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; display: inline-block; position: absolute; z-index: 20; right: 0px; bottom: 0px; }
.focustxt { position: absolute; z-index: 20; left: 0px; bottom: 0px; height: 30px; padding-right: 80px; overflow: hidden; }
.focustxt a { font-size: 14px; line-height: 30px; height: 30px; overflow: hidden; color: #fff; margin: 0 20px; }
.focusimg { position: absolute; display: block; width: 100%; }
.focusimg a { display: block; width: 100%; height: 195px; }
.focusimg a img { width: 100%; height: 195px; display: block; }
.icon005d { position: absolute; right:10px; bottom:35px;}
.icon005d a { background: url(/statics/images/mobile_en/icon/play2.png) no-repeat; width: 40px; height: 40px; overflow: hidden; display: block; }
/* 20130801 */
.txtList_z li { height: auto; background: url(/statics/images/mobile_en/icon/icon004.png) no-repeat 10px 17px; line-height: 20px; padding: 10px 10px 10px 20px; border-bottom: 1px solid #ccc; }
.txtList_z li a { display: inline-block; max-height: 40px; line-height: 20px; overflow: hidden; color: #444; font-size:16px;}
.txtList_z li p { line-height: 20px; color: #888; margin-top: 10px; max-height: 60px; overflow: hidden; font-size:16px; }
.txtList_v li { height: auto; background: url(/statics/images/mobile_en/icon/icon006.png) no-repeat 10px 15px; padding-left: 30px; padding-right: 10px; line-height: 20px; }
.txtList_z li.last { border: none; }

/* 20130823 */
.en-home { height: 100%; }
.en-logo { position: absolute; left: 20px; top: 20px; }
.en-lan { position: absolute; right: 0; top: 20px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.60; opacity: 0.60; }
.en-lan a { font-family: simhei; font-size: 20px; color: #fff; padding: 10px 15px; display: inline-block; }
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 15px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 15px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 15px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 15px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 15px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 15px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 15px; }
.en-nav { width: 340px; height: 462px; position: absolute; left: 50%; top: 50%; margin-left: -170px; margin-top: -231px; }
.en-nav li { width: 150px;/*  filter: alpha(opacity=80); -moz-opacity: 0.8; opacity: 0.8; */ float: left; display: inline; margin: 10px; }
.en-nav li.span2 { width: 320px; }
.en-nav a { text-align: center; font-size: 20px; padding-top: 90px; padding-bottom: 20px; display: block; color: #fff; }
.en-nav li.bg1 { background:url(/statics/images/mobile_en/home/bg1.png) center center repeat-x;}
.en-nav li.bg2 { background:url(/statics/images/mobile_en/home/bg2.png) center center repeat-x;}
.en-nav li.bg3 { background:url(/statics/images/mobile_en/home/bg1.png) center center repeat-x;}
.en-nav li.bg4 { background:url(/statics/images/mobile_en/home/bg1.png) center center repeat-x;}
.en-nav li.bg5 { background:url(/statics/images/mobile_en/home/bg1.png) center center repeat-x;}
.en-nav li.bg6 { background:url(/statics/images/mobile_en/home/bg3.png) center center repeat-x;}

a.btnMore  { color:#333; display:block; width:95%; margin:0 auto 10px auto; background:#eee; text-align:center; height:25px; line-height:25px; font-size:12px; border-radius:3px; border:solid 1px #ccc;}

.hdbg .nav li { float:left; background:url(/statics/images/mobile_en/headNavLiBg.png) right center no-repeat; width:28%; text-align:center; height:50px; line-height:50px;}
.hdbg .nav li a { color:#fff; font-size:16px;}
.hdbg .nav li.last { background:none;}


/************************************************************************************
MEDIA QUERIES for 1280px
*************************************************************************************/


@media screen and (max-width: 1280px) {
.en-nav { width: 1040px; position: relative; left: 50%; top: 50%; margin-left: -485px; margin-top: -50px; }
.en-nav li { width: 220px; float: left; display: inline; margin: 10px; }
.en-nav li.span2 { width: 460px; }
.en-nav a { text-align: center; font-size: 30px; padding-top: 110px; padding-bottom: 15px; display: block; color: #fff; }
}



/************************************************************************************
MEDIA QUERIES for 960px
*************************************************************************************/
@media screen and (max-width: 960px) {
.en-nav { width: 800px; position: relative; left: 50%; top: 50%; margin-left: -394px; margin-top: -50px; }
.en-nav li { width: 170px; float: left; display: inline; margin: 15px; }
.en-nav li.span2 { width: 370px; }
.en-nav a { text-align: center; font-size: 30px; padding-top: 100px; padding-bottom: 15px; display: block; color: #fff; }
}


/************************************************************************************
MEDIA QUERIES for 720px
*************************************************************************************/

@media screen and (max-width: 720px) {
.en-nav { width: 600px; position: relative; left: 50%; top: 50%; margin-left: -300px; margin-top: -368px; }
.en-nav li { width: 250px; float: left; display: inline; margin: 25px; }
.en-nav li.span2 { width: 550px; }
.en-nav a { text-align: center; font-size: 30px; padding-top: 100px; padding-bottom: 15px; display: block; color: #fff; }
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 15px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 15px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 15px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 15px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 15px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 15px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 15px; }
}

/************************************************************************************
MEDIA QUERIES for 640px
*************************************************************************************/

@media screen and (max-width: 640px) {
.en-logo img { width: 180px; }
.en-nav { width: 460px; position: relative; left: 50%; top: 50%; margin-left: -230px; margin-top: -268px; }
.en-nav li { width: 200px; float: left; display: inline; margin: 15px; }
.en-nav li.span2 { width: 430px; }
.en-nav a { text-align: center; font-size: 24px; padding-top: 90px; padding-bottom: 15px; display: block; color: #fff; background-size: 70px; }
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 13px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 13px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 13px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 13px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 13px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 13px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 13px; }
}

/************************************************************************************
MEDIA QUERIES for 540px
*************************************************************************************/

@media screen and (max-width: 540px) {
.en-nav { width: 460px; position: relative; left: 50%; top: 50%; margin-left: -230px; margin-top: -253px; }
.en-nav li { width: 200px; float: left; display: inline; margin: 15px; }
.en-nav li.span2 { width: 430px; }
.en-nav a { text-align: center; font-size: 24px; padding-top: 90px; padding-bottom: 15px; display: block; color: #fff; background-size: 70px; }
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 15px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 15px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 15px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 15px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 15px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 15px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 15px; }
}

/************************************************************************************
MEDIA QUERIES for 480px
*************************************************************************************/

@media screen and (max-width: 480px) {
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 10px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 10px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 10px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 10px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 10px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 10px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 10px; }
.en-nav { width: 300px; position: relative; left: 50%; top: 50%; margin-left: -150px; margin-top: -209px; }
.en-nav li { width: 140px; float: left; display: inline; margin: 5px; }
.en-nav li.span2 { width: 270px; }
.en-nav a { text-align: center; font-size: 18px; padding-top: 70px; padding-bottom: 10px; display: block; color: #fff; background-size: 50px;}
.mgList img { width: 90%; }
.mgList li span { font-size: 16px; }
}





/************************************************************************************
MEDIA QUERIES for 320px
*************************************************************************************/

@media screen and (max-width: 320px) {
.en-logo img { width: 140px; }
.en-lan a { font-family: arial; font-size: 14px; color: #fff; padding: 8px 12px; display: inline-block; }
.icon1 { background: url(/statics/images/mobile_en/home/icon1.png) no-repeat center 10px; }
.icon2 { background: url(/statics/images/mobile_en/home/icon2.png) no-repeat center 10px; }
.icon3 { background: url(/statics/images/mobile_en/home/icon3.png) no-repeat center 10px; }
.icon4 { background: url(/statics/images/mobile_en/home/icon4.png) no-repeat center 10px; }
.icon5 { background: url(/statics/images/mobile_en/home/icon5.png) no-repeat center 10px; }
.icon6 { background: url(/statics/images/mobile_en/home/icon6.png) no-repeat center 10px; }
.icon7 { background: url(/statics/images/mobile_en/home/icon7.png) no-repeat center 10px; }
.en-nav { width: 260px; position: relative; left: 50%; top: 50%; margin-left: -130px; margin-top: -110px; }
	.en-nav li { width: 120px;  float: left; display: inline; margin: 5px; }
.en-nav li.span2 { width: 250px; }
.en-nav a { text-align: center; font-size: 14px; padding-top: 50px; padding-bottom: 10px; display: block; color: #fff; background-size: 35px; }
.mgList img { width: 85%; }
.mgList li span { font-size: 14px; }
}