@charset "utf-8";
html{font-size:625%;scroll-behavior:smooth;}
body { font-family:Arial, Helvetica, sans-serif; color:#3a4f66; font-size:16px; line-height:24px; background:#fafbfc;}
a {
      text-decoration: none;
      color: #192a3d;
    }

    a:hover {
      color: #1559ed;
      text-decoration: none;
    }
.nav-a { background:#fff;}
.top { margin-bottom:0;}
#myVideo { display:none;}
.a-l { width:1298px; margin:auto; border: 1px solid #eee; overflow: hidden; zoom: 1;}
.a-l li { width:33%; float:left; height:50px;}
.c1 { background:url(//images.china.cn/images1/ch/20250818/10.jpg) center center no-repeat;}
.c2 { background:url(//images.china.cn/images1/ch/20250818/11.jpg) center center no-repeat; border-left: 1px solid #eee; border-right: 1px solid #eee;}
.c3 { background:url(//images.china.cn/images1/ch/20250818/12.jpg) center center no-repeat;}
.c1:hover { background:url(//images.china.cn/images1/ch/20250818/10-1.jpg) center center no-repeat; cursor:pointer;}
.c2:hover { background:url(//images.china.cn/images1/ch/20250818/11-1.jpg) center center no-repeat; cursor:pointer;}
.c3:hover { background:url(//images.china.cn/images1/ch/20250818/12-1.jpg) center center no-repeat; cursor:pointer;}
.d-a { width:100%; padding:60px 0; background:#2872fa; }
.d-b { width:1290px; margin:auto; font-size:65px; line-height:70px; color:#FFF; font-weight:bold;}
.d-c { width:1320px; margin: 0 auto 60px auto; zoom: 1; overflow: hidden;}
.e2 {
      width: 410px;
      background-color: #f2f5f7;
      border-radius: 15px;
	  margin:30px 15px 0 15px; float:left;
    }

    .e2 h1 {
      width: 90%;
      padding: 25px 0;
      margin: auto;
      font-size: 12px;
      color: #3a4f66;
      font-weight: normal;
    }

    .e2 h2 {
      width: 90%;
      font-size: 28px;
      color: #192a3d;
      margin: auto;
      line-height: 32px;
	  height: 200px;
    }
	.e2 img {
      width: 410px;
      height: 310px; 
	  border-radius: 20px 20px 0 0;
    }
	.e2 h6 { font-size:20px; line-height:25px; padding-bottom:20px; width:90%; margin:auto;}
	.e2 h4 { font-size:16px; color:#3a4f66; font-weight:normal; line-height:22px; width:90%;}
	.ww-ww { display:none}
	
	
	
	.e-all {
      width: 410px;
      
      background-color: #f2f5f7;
      border-radius: 15px;
	  margin:30px 15px 0 15px; float:left;
    }

    .e3 { width:100%; height: 600px;}
	.e3 h1 {
      width: 90%;
      margin:auto;
      font-size: 12px;
      color: #3a4f66;
      font-weight: normal;
	  line-height: 40px;
    }

    .e3 h2 {
      width: 90%;
      font-size: 28px;
      color: #192a3d;
      margin: auto;
      line-height: 32px;
    }
	.e3 img {
      width: 410px;
	  height: 310px;
      margin:15px 0;
    }
	.e3 h6 { font-size:20px; line-height:25px; width:90%; margin:auto;}
	.e3 h4 { font-size:16px; color:#3a4f66; font-weight:normal; line-height:22px; width:90%; margin:auto;}
    .e4 { font-size:12px; width:90%; margin:auto; line-height:30px;}
	
	.g1 {
      width: 1290px;
      margin: auto;
      
      height: 230px;
      padding-top: 30px;
    }

    .g2 {
      width: 1230px;
      height: 200px;
      background-color: #f2f5f7;
      border-radius: 15px;
      
      padding: 30px 30px 0 30px;
    }

    .g2cl {
      font-size: 12px;
      color: #fff;
      background: #2872fa;
      line-height: 25px;
      padding: 5px 15px;
      font-weight: normal;
      border-radius: 5px;
      font-weight: bold;
    }

    .g2cl:hover {
      background: #1559ed;
    }

    .g2 h1 {
      font-size: 28px;
      padding: 20px 0 30px 0;
      color: #192a3d;
    }

    .g2 h2 {
      font-size: 16px;
      color: #3a4f66;
      font-weight: normal;
    }	




@media screen and (max-width: 750px){
html{font-size:312.5%}
body{ font-size:.32rem; line-height:170%;}

.top { height: 1.3rem;}
.a-l { width:90%;}
.d-a { padding:.2rem 0;}
.d-b { width:90%; font-size: .8rem; line-height: .8rem; text-align:center;}
.d-c { width:100%}
.e2 { width:90%; height: 11rem; margin: .4rem auto; float: none;}
.e2 img { width: 100%; height: auto;}
.e2 h2 { width: 90%; font-size: .5rem; line-height: .7rem;}
.e2 h1 { width: 90%; padding: .2rem 0; font-size: .3rem;}
.e-all { width:90%; float:none;}
.e3 img { height:auto;}
.g1 { width:94%; height:auto;}
.g2 { width:auto; height:auto;}
}