@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, main {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*-------------------------------- */
html * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}


body {
  font-size:62.5%;
  font-family:"Microsoft Yahei", GoodOT-Book,Helmet,Freesans,Helvetica,Arial,sans-serif;
}
body.overflow-hidden {
  overflow: hidden;
}

body, html {
  /* important */
  height: 100%;
  font-size: 62.5%
}

a {
  color: #ffffff;
  text-decoration: none;
}

p {
    display: block;
    margin: 1em 0 1em 0;
    color: #262626;
    white-space: normal;
}

.shadow{
   box-shadow: 0 0 12px rgba(0,0,0,0.2);
}
.clear{
  width: 0;
  height: 0;
  padding:0;
  margin:0;
  clear: both;
}




/*Phone_Nav*/
  .header_phone{
      display: block;
      z-index: 2;
      position: fixed;
      width: 100%;
      height: 44px;
      top: 0;
      z-index: 999;
      background: #ffffff;
      transition:all 0.4s cubic-bezier(0.4, 0, 0, 1);
      -webkit-transform:translate(-0, -44px);
      transform:translate(0, -44px);
  }
  /*--当top大于0时出现导航栏H44;js控制--*/
  .header_phone.open{
      -webkit-transform:translate(0, 0);
      transform:translate(0, 0);
  }
  /*--当top大于0时出现导航栏H44;js控制--*/
      .header_phone  #cd-logo {
          float: left;
          margin-left:3%;
          width: 90px;
          height: 30px;
          margin-top: 7px;
      }    
        .header_phone #cd-logo img {
           display: block;
           width: 100%;
           height: 100%;
        }


      /*--ICON--*/  
      .header_phone .sections-button {
          display: block;
          position: absolute;
          right: 0;
          top: 0;
          height: 100%;
          width: 50px;
      }
          .sections-button .cd-menu-icon {
              display: inline-block;
              position: absolute;
              width: 18px;
              height: 2px;
              left: 50%;
              top: 50%;
              bottom: auto;
              right: auto;
              -webkit-transform: translateX(-50%) translateY(-50%);
              -moz-transform: translateX(-50%) translateY(-50%);
              -ms-transform: translateX(-50%) translateY(-50%);
              -o-transform: translateX(-50%) translateY(-50%);
              transform: translateX(-50%) translateY(-50%);
              background-color: #000000;
              -webkit-transition: background-color 0.3s;
              -moz-transition: background-color 0.3s;
              transition: background-color 0.3s;
          }
          .sections-button .cd-menu-icon::before, .sections-button .cd-menu-icon:after {
              content: '';
              width: 100%;
              height: 100%;
              position: absolute;
              background-color: #000000;
              right: 0;
              -webkit-transition: -webkit-transform .3s, top .3s, background-color 0s;
              -moz-transition: -moz-transform .3s, top .3s, background-color 0s;
              transition: transform .3s, top .3s, background-color 0s;
          }
          .sections-button .cd-menu-icon::before {
              top: -5px;
          }
          .sections-button .cd-menu-icon::after {
              top: 5px;
          } 
          .sections-button .cd-menu-icon.is-clicked {
              background-color: rgba(255, 255, 255, 0);
          }
          .sections-button .cd-menu-icon.is-clicked::before, .sections-button .cd-menu-icon.is-clicked::after {
              background-color: #000000;
          }
          .sections-button .cd-menu-icon.is-clicked::before {
              top: 0;
              -webkit-transform: rotate(135deg);
              -moz-transform: rotate(135deg);
              -ms-transform: rotate(135deg);
              -o-transform: rotate(135deg);
              transform: rotate(135deg);
          }
          .sections-button .cd-menu-icon.is-clicked::after {
              top: 0;
              -webkit-transform: rotate(225deg);
              -moz-transform: rotate(225deg);
              -ms-transform: rotate(225deg);
              -o-transform: rotate(225deg);
              transform: rotate(225deg);
          }
          /*--ICON--*/  
 /*--Phone_Nav--*/ 


  /*--二级导航展开的下拉列表--*/
  .header_phone_nav .cd-primary-nav {
      display: block;
      position: fixed;
      left: 0;
      top: 0;
      height: 100%;
      width: 100%;
      background: rgba(255, 255, 255, 1);
      z-index: 2;
      text-align:left;
      padding: 50px 0;
      -webkit-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow: auto;
      padding-top: 20%;

      /* this fixes the buggy scrolling on webkit browsers - mobile devices only - when overflow property is applied */
      -webkit-overflow-scrolling: touch;
      -webkit-transform: translateY(-100%);
      -moz-transform: translateY(-100%);
      -ms-transform: translateY(-100%);
      -o-transform: translateY(-100%);
      transform: translateY(-100%);
      -webkit-transition-property: -webkit-transform;
      -moz-transition-property: -moz-transform;
      transition-property: transform;
      -webkit-transition-duration: 0.4s;
      -moz-transition-duration: 0.4s;
      transition-duration: 0.4s;
  }
  .cd-primary-nav.is-visible {
      -webkit-transform: translateY(0);
      -moz-transform: translateY(0);
      -ms-transform: translateY(0);
      -o-transform: translateY(0);
      transform: translateY(0);
  }
      .header_phone_nav .cd-primary-nav li {
          font-size: 20px;
          font-size: 2rem;
          font-weight: 300;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;

          text-transform: capitalize;
          border-bottom: 1px solid #cccccc;
          width: 78%;
          margin:0 auto;
          
      }
      .header_phone_nav .cd-primary-nav a {
          display: block;
          line-height:4rem;
          font-size: 2rem;
          padding: 1em 0em .2em 0em;
          color: #666666;
      }
      .header_phone_nav .cd-primary-nav a:first-letter {
		font-size: 3rem;
		font-weight: normal;
	  }
      .header_phone_nav .cd-primary-nav a:hover {
        background-color: #d89559;
        color: #ffffff;
      }
  /*--二级导航展开的下拉列表--*/

  



/* ------------Main---------------- */

.cd-main-content {
    height: 100%;
    position: relative;
    z-index: 1;
}


	.banner-phone{  
		display: block;         
		width: 100%;
		overflow: hidden;
		background-color: #fff;
		position: relative;
	}
		.banner-phone img{         
			width: 100%;
		}








	.cd-scrolling-bg {
	    position: relative;
	    z-index: 2;
	    overflow: hidden;
	    background-color: #fff;
	}

	.cd-container {
	    width:88%;
	    max-width:1000px;
	    margin: 0 auto;
  	}

		.cd-container .editor-note{
			margin-top:6rem;
			margin-bottom:1rem;
			font-size: 30px;
			font-weight: normal;
			text-align: center;
			color: #333333;

			font-size: 2.4rem;
			margin-top:5rem;
        }

        .cd-container .bottom_line{
			width: 70px;
			height: 2px;

			background-color: #f29368;
			margin:0 auto;
			margin-top: 1.6rem;
			margin-bottom:3.5rem;
        }

	    .cd-scrolling-bg p {
	          font-size: 1.6rem;
	          color:#666;
	          font-weight: normal;
	          line-height: 1.9;
	          text-indent:0em;  
/*	          margin-bottom: 3rem;  */ 
        }


    .cd-scrolling-bg .bg2_m {
	    width: 100%;
	}
	.jiange{
		width: 100%;
		height: 22px;
		background-color: #eeeeee;
	}



    /*VIDEO*/
	.video {
		position: relative;
		height:210px;
		z-index: 2;
	}
		.video .vedioin {
		  height: inherit;
		}
		.video .BeltAndRoad-dimensions{
		      width: 100%;
		      height: 100%;
		      display: block;
		      overflow: hidden;
		}

	    /*对插件另外的样式修改：*/
	    .video .vjs-poster{background-size: cover;}
	    .video-js {
			width: 100%;
			height: 100%;
			border:0px;
			margin:0px;
			padding:0px;
	    }
	    .video-js .vjs-big-play-button {
	      display: none;
	    }
    /*VIDEO*/



    .one{
    	margin-top: 50px;
    	margin-bottom:40px;
    }
    .one a{
    	cursor: pointer;
    }
    .touxiang{
    	width: 100%;
    	height: 200px;
    	margin-bottom: 40px;
    	border: 6px solid #f5f5f5;
	    -moz-box-shadow: 5px 0px 0px #dedede; /* 老的 Firefox */
		box-shadow: 5px 5px 0px #dedede;
		display: block;
		overflow: hidden;
    }
    	.touxiang img{
    		width: 100%;
    	}
    .cd-container h1 {
		color: #2c6898;
		font-size: 2.6rem;
		font-weight:normal;
		text-align: left;
		margin-bottom: 15px;
    line-height: 3.4rem;

	}
	
	.cd-container h4 {
		color: #666;
		font-size: 1.6rem;
		line-height: 3rem;
		font-weight:normal;
	}
      .cd-container h4 strong {
        font-weight: bold;
        color:#4d4d4d;
      }

/*BTTOM*/
  .bottom-phone{
    display: block;
    width: 100%;
    background-color: #4b4b4b;
    color: #cccccc;
    font-size: 1.4rem;
    padding: 2rem 1rem;
    margin:0 auto;
    text-align: center;
}
  .bottom-phone a,span{
    color: #cccccc;
    font-size: 1.4rem;
  }
  .bottom-phone span{
    margin-left: 1rem;
    margin-right: 1rem;
  }
  .bottom-phone a.regist{
    display: block;
    margin-top: 1rem;
    font-size: 1.2rem;
  }

/*BTTOM*/

/*只显示手机，PC提示海报*/
.pc {
  position:absolute;
  width:100%;
  top:0;
  left:0;
  height:100%;
  z-index:2;
  background-color:#fff
}
  .pc_img {
    position:relative;
    width:80%;
    top:0;
    left:0
  }

  @media screen and (max-width:600px) {
    .pc {
      display:none
    }
  }
  @media screen and (min-width:600px) {
    .phone {
      display:none;
    }
  }