@font-face { font-family: "Barlow"; src: url("font/Barlow-Regular") format("truetype");}
body{margin:0;padding:0;font:18px/28px 'Barlow','Microsoft YaHei';color:#808080;background:#fff;}
p,dl,dt,dd,ul,li,h1,h2,h3,h4{margin:0;padding:0;list-style:none;font-weight:normal;}
img{border:0;margin:0;padding:0;}
a{text-decoration:none;color:#475a73;}
a:hover{color:#f5a700;}
.note{font-size:14px;clear:both;display:block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
.clearfix{*zoom:1;}

.w_1200{width: 1200px;margin:0 auto;padding:10px 0;text-align:center;border:0px solid red;}
.c_left{float:left;}
.c_right{float:right;}



.header{height:50px;clear:both;}
.header .c_left img{height:40px;}
.banner{text-align:center;width: 100%; margin: 0 auto;}


.theme{width: 100%;}

h3{margin:10px auto;border-bottom:2px solid #d3200e;text-align:center;display:inline-block;font-size:30px;padding-bottom:20px;color:#0d096a;font-weight:bold;}

 .overs h3{border-color:#fff;color:#fff;}

.content{text-align:left;padding:5px 30px;}
.matters{
	color: #fff;
    background: url(img/bg1.jpg);
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;

  
  }
  .overs{
  	background-color: rgba(0, 0, 0, 0.7);
    padding:0;
  }
  .m_l{margin-left:30px;}
  .m_l,.m_r{width: 450px;background:#fff;color:#333;font-size:18px;padding:30px;box-shadow: 10px 10px 5px 0px rgba(0, 0, 0, 0.75);margin: 0 auto;}
  
  
  .matters_m{width:450px;height:300px;overflow:hidden;margin-bottom:20px;}
  .matters_m img{width:100%;}
  
   .matters_m img:hover{transform: scale(1.1) !important;
  -o-transform: scale(1.1) !important;
  -moz-transform: scale(1.1) !important;
  -webkit-transform: scale(1.1) !important;
  -ms-transform: scale(1.1) !important;
  opacity: 1 !important;}
  
  .footer{text-align:center;color:#fff;background:#1f4485;padding:20px 0;}
  
  


.tip{width:30px;height:20px;display:inline-block;*display:inline;zoom:1;cursor:pointer;margin-top:7px;float:right;}
.down{background:url(img/down.png) no-repeat right bottom;}
.up{background:url(img/up.png) no-repeat right bottom;}

table{border-collapse:collapse;margin-bottom:5px;}   
td{padding:5px 10px;line-height:24px;border:solid 1px #fff;}
th{color:#fff;line-height:20px;padding:15px 0;border:solid 1px #fff;background:#063481;text-align:center;}

input,textarea{width:98%;border:solid 2px #fff;border-color:transparent;border-radius:3px;outline:none;line-height:24px;height:24px;background:rgba(0,0,0,0);border:solid 1px #cdcdcd;}
input:focus,textarea:focus{border:solid 1px #474656;}
textarea{height:80px;font:16px/24px 'Barlow','Microsoft YaHei';}

select{background:rgba(0,0,0,0);border-color:transparent;}
select option{color:#414141;}
.submit,.reset{padding:0;margin:0 10px;border:none;color:#fff;font-size:16px;width:150px!important;line-height:36px;height:36px;
    -moz-border-radius: 5px;      /* Gecko browsers */
    -webkit-border-radius: 5px;   /* Webkit browsers */
    border-radius:5px;            /* W3C syntax */
    background:#064a91;
display:inline-block;text-align:center;text-decoration:none;cursor:pointer;}
.reset{background:#858585;}
.reset:hover{background:#333;}
.submit:hover{background:#f5a700;}

#nzm,#nzm2{border-style:solid;border-width:1px!important;padding:0 5px;width:50px!important;}
.nzm{line-height:32px;font-size:20px;font-weight:bold;}
select{height:28px;font:16px/28px 'Barlow','Microsoft YaHei';}

table.join_1 tr:nth-child(even) td,table.join_2 tr:nth-child(odd) td{background:#ecf6ff;} 

.theme table tr td,.theme table tr th{border:none;vertical-align:top;}
.theme table tr td{padding:5px 20px;font-size:20px;}
.theme table tr td span{font-size:24px;font-weight:bold;line-height: 40px;}
/* .themetable tr:nth-child(odd) td{background:#ecf6ff;} */



.theme dl{border-bottom-style:dashed;border-bottom-width:1px;border-bottom-color:#dbe1f0;clear:both;font-size:16px;line-height:32px;overflow:auto;}
.theme dd{float:right;}

.theme table ul li,.matters ul li{list-style:disc;margin-left:25px;}
.theme table ul,.matters ul{padding-top:10px;margin-bottom:10px;}
.theme table tr td .peo{color:#8e8e8e;padding-top:10px;line-height:28px;font-size:18px;display:none;}
.theme table tr td .peo img{float:left;padding-right:20px;width:200px;}
    
.theme table strong{font-size:24px;line-height:40px;color:#203da1;}

.theme ul li{list-style:disc;margin-left:25px;font-size:18px;line-height:30px;color:#203da1;padding-bottom:10px;border-bottom:dotted 1px #d4d4d4;}

.theme .note{font-size:16px;padding-left:25px;}



.banner{position:relative;background:url(img/banner.jpg?12121) no-repeat center 0;background-size:cover;height: 600px;}

@media screen and (min-width:1500px) and (max-width:1800px) { 

 .banner{background:url(img/banner2.jpg?11111) no-repeat center 0;background-size:cover;height: 600px;}

}
@media screen and (min-width:1300px) and (max-width:1500px) { 

.banner{background:url(img/banner2.jpg?11111) no-repeat center 0;background-size:cover;height: 500px;}

}
@media screen and (min-width:800px) and (max-width:1300px) { 

.banner{background:url(img/banner3.jpg?11111) no-repeat center 0;background-size:cover;height: 380px;}
.m_r{width: 40%;}

}

@media screen and (min-width:100px) and (max-width:800px){ 

body {font: 14px / 24px 'Barlow', 'Microsoft YaHei';}
h3 {margin: 5px auto;border-bottom: 2px solid #d3200e;text-align: center;display: inline-block;font-size: 24px;padding-bottom: 5px;}
th {font-weight: normal;}

.banner{background:url(img/banner4.jpg?11111) no-repeat center 0;background-size:cover;height: 150px;}
.m_r{width: 95%;font-size: 16px; padding: 5px; height: 135px;}
.w_1200{width: 100%;}
.theme table strong {font-size: 16px;line-height: 22px;}
.theme table tr td {padding: 5px 10px;font-size: 14px;line-height: 18px;}
.theme table tr td span {font-size: 18px;font-weight: normal;line-height: 24px;}
.theme table tr td .peo {padding-top: 5px;line-height: 20px;font-size: 14px;display: none;}
.theme table tr td .peo img {float: left;width: 100%;margin-bottom: 10px;}
.theme table tr td .brcu br{display: none;}
.theme ul li {list-style: disc;margin-left: 25px;font-size: 14px;line-height: 20px;color: #203da1;padding-bottom: 5px;border-bottom: dotted 1px #d4d4d4;}
.content{text-align:left;padding:15px 5px;}
.theme .note{font-size:12px;padding-left:25px;color:#a60707;}
.tip{width:30px;height:20px;display:inline-block;*display:inline;zoom:1;cursor:pointer;margin-top:1px;margin-bottom: 5px;float:right;}
.down{background:url(img/down.png) no-repeat right bottom;}
.up{background:url(img/up.png) no-repeat right bottom;}
.theme table ul li,.matters ul li{list-style:disc;margin-left:25px;}
.theme table ul,.matters ul{padding-top:20px;margin-bottom:10px;}

}