/* Reset Css */
html,body{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%; overflow-x:hidden;font-size:16px; margin:0; padding:0;color: #333;}
body,div,ul,li,ol,dl,dd,dt,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,caption{margin:0px;padding:0px;}
fieldset,img{border:0;outline:medium none;}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button; cursor:pointer;}
table{border-collapse:collapse;}
ol,ul{list-style:none;}
address,caption,cite,code,dfn,en,th,var{font-weight:normal; font-style:normal;}

a{text-decoration:none;outline:medium none;}
input,textarea{outline:medium none;}
img{transition:all .5s; -webkit-transition:all .5s;}
/* å…¬å…±éƒ¨åˆ†CSSæ ·å¼ */

html,body{font:14px/1 microsoft Yahei,Arial,Helvetica,sans-serif; color:#333333; background:#FFF;}
input,label,textarea{font:12px Microsoft Yahei;}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
img{font-size:12px; width:100%;}
a{color:#333333; text-decoration:none;-webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.clear{clear:both;}
.clearfix:after{
  content: "020"; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;  
  }

.clearfix {
  zoom: 1; 
  }
  ol,ul,li{ list-style:none;float: left;}
  h1,h2,h3,h4,h5,h6{ font-weight:normal;word-wrap: break-word }
  a{ text-decoration:none;}
  a:link {
	  text-decoration: none;
  }
  a:visited {
	  text-decoration: none;
  }
  a:hover {
	  text-decoration: none;
	  cursor:pointer
  }
  a:active {
	  text-decoration: none;
  }
  h1{
	  font-size: 56px;
	  text-align: center;
  }
  h2{
	  font-size: 48px;
	  text-align: center;
  }
  h3{
	  font-size: 32px;
  }
  h5{
	  font-size: 24px;
  }
  .text{
	  font-size: 16px;
	  font-weight: 300;
  }
  .font-primary{
	  color: #fff;
  }
  .containerPdd{
	  padding: 0 10%;
  }
  p{
	  line-height: 32px;
	  font-weight: 300;
  }
  

/*.part4_on .h_news .h_news_right{opacity:1;animation:fadeInRight  2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s;  transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part4_on .h_news .h_news_left .first-news a .img{animation:fadeInLeft  2s 0.2s;-webkit-animation:fadeInLeft 2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part4_on .h_news .h_news_left .first-news a h2{animation:fadeInLeft  2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s; opacity:1;}
.part4_on .h_news .h_news_left .first-news a h3{animation:fadeInLeft  2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s; opacity:1;}*/
/*.part4_on .h_news .h_news_left .h_classname .en{animation:fadeInLeft  2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s;-webkit-animation:fadeInLeft 2s 0.2s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s; opacity:1;}
.part4_on .h_news .h_news_left .h_classname .cn{animation:fadeInLeft  2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s;-webkit-animation:fadeInLeft 2s 0.4s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s; opacity:1;}
.part4_on .h_news .h_news_left .first-news a .img{animation:fadeInLeft  2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s;-webkit-animation:fadeInLeft 2s 0.6s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}
.part4_on .h_news .h_news_left .first-news a h3{animation:fadeInLeft  2s 0.8s;-webkit-animation:fadeInLeft 2s 0.8s;-webkit-animation:fadeInLeft 2s 0.8s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s; opacity:1;}
.part4_on .h_news .h_news_right{animation:fadeInRight  2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s;-webkit-animation:fadeInRight 2s 0.4s; opacity:1; transition: all 1s 0.5s;-webkit-transition: all 1s 0.5s;}*/

/*ç¬¬5å± ----------------------------------------- start*/
.part5 {background:#fff;background-size:cover; overflow: hidden;}
.part5 .title{width:220px; margin:0px auto 37px auto;transform: translate(0,-300px);-webkit-transform: translate(0,-300px); opacity: 0;}
.part5 .title span{display:block;}
.part5 .title .cn{font-size:24px; font-weight:bold; text-align:center; line-height:40px;}
.part5 .txt{ transform: translate(0,300px);-webkit-transform: translate(0,300px); opacity: 0; text-align:center; line-height:27px; margin-top:37px;}
.part5 .txt span{display:block;}
.part5 .txt .cn{font-size:32px; color:#BC1839;}
.part5 .txt .en{color:#999; font-size:22px; text-transform:uppercase;}
.part5 i{display: block;width:100%;height: 100%;position: absolute; right:0px; top:0px;}
.part5 .titlebox{width:100%;height: 1px;position: relative;}
.part5 .center {height: 462px;position: relative;margin:0 0px;box-sizing: border-box;width:auto;padding:0 300px;margin-top: 150px;}
.part5 .centerIn{position: relative;height:100%;}
.part5 .left{position: absolute;left:0;top:0;width:50%;height: 100%;}
.part5 .left .img1{background:left center no-repeat;background-size:contain;}
.part5 .left .img2{background:left center no-repeat;background-size: contain;}
.part5 .left .img3{background:left center no-repeat;background-size:contain;}
.part5 .right{position: absolute;right:0;top:0;width:50%;height: 100%;}
.part5 .right .img1{background:right center no-repeat;background-size:contain;}
.part5 .right .img2{background:right center no-repeat;background-size:contain;}
.part5 .right .img3{background:right center no-repeat;background-size:contain;}
.part5 .middle{width:330px;height: 330px;background:center center no-repeat; background-size: cover;position: absolute;top:50%;left:50%; margin: -206px 0 0 -206px; border-radius: 50%;}
.part5 .number{width:100%;height: 100%;background:center center no-repeat; background-size: contain;position: absolute; left: 0; top: 0;}
.part5 .tit{color: #00479d;font-size: 36px;line-height: 36px;text-align: center;margin-bottom: 20px;}
.part5 h4{color:#999;font-size: 20px;line-height: 20px;display: block;width:100%;text-align: center;text-transform: uppercase;-webkit-text-transform: uppercase;font-weight: normal;}



.part5 .left .img1{ opacity: 0; transform: translate(-800px,0) scale(1);-webkit-transform: translate(-800px,0) scale(1); top:-100px; left:-100px;}
.part5 .left .img2{ opacity: 0; transform: translate(-800px,0) scale(1);-webkit-transform: translate(-800px,0) scale(1);top:280px; left:-70px;}
.part5 .left .img3{ opacity: 0; transform: translate(-800px,0) scale(1);-webkit-transform: translate(-800px,0) scale(1);}
.part5 .right .img1{ opacity: 0; transform: translate(800px,0) scale(1);-webkit-transform: translate(800px,0) scale(1);top:-100px; right:-100px;}
.part5 .right .img2{ opacity: 0; transform: translate(800px,0) scale(1);-webkit-transform: translate(800px,0) scale(1);top:280px; right:-100px;}
.part5 .right .img3{ opacity: 0; transform: translate(800px,0) scale(1);-webkit-transform: translate(800px,0) scale(1);}
.part5 .middle{ transform: scale(0.1);-webkit-transform: scale(0.1); opacity: 0;}
.part5 .number{ transform: scale(4);-webkit-transform: scale(4); opacity: 0;}

.part5_on .title{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity: 1; transition: all 1.2s 1s;-webkit-transition: all 1.2s 1s;}
.part5_on .txt{ transform: translate(0,0);-webkit-transform: translate(0,0); opacity: 1; transition: all 1.2s 1s;-webkit-transition: all 1.2s 1s;}
.part5_on .left .img1{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.6s, opacity 1s 0.6s;-webkit-transition: transform 1s 0.6s, opacity 1s 0.6s;}
.part5_on .left .img2{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.8s, opacity 1s 0.8s;-webkit-transition: transform 1s 0.8s, opacity 1s 0.8s;}
.part5_on .left .img3{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 1s, opacity 1s 1s;-webkit-transition: transform 1s 1s, opacity 1s 1s;}
.part5_on .right .img1{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.6s, opacity 1s 0.6s;-webkit-transition: transform 1s 0.6s, opacity 1s 0.6s;}
.part5_on .right .img2{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 0.8s, opacity 1s 0.8s;-webkit-transition: transform 1s 0.8s, opacity 1s 0.8s;}
.part5_on .right .img3{ transform:translate(0,0) scale(1,1);-webkit-transform:translate(0,0) scale(1,1); opacity: 1; transition: transform 1s 1s, opacity 1s 1s;-webkit-transition: transform 1s 1s, opacity 1s 1s;}
.part5_on .middle{ transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}
.part5_on .number{ transform: scale(1); opacity: 1; transition: all 1.2s 0.4s;-webkit-transition: all 1.2s 0.4s;-webkit-transform: scale(1);}







