/* ------------------------------------------
  NECESSARY STYLES FOR RESPONSIVE NAV
--------------------------------------------- */
*{font-family:"Microsoft Yahei";}
body,html{font-family:"Microsoft Yahei"; color:#666; line-height:26px}
.clear{ clear:both;}
.about-1 img,.img img{max-width:100%;height:auto;width:auto\9; /* ie8 */}
.smoll{ display:none;position:fixed; top:0; left:0; width:100%; z-index:100;}
a{ text-decoration:none; color:#666}
*, *::after, *::before {
  box-sizing: border-box;
}
ul{ list-style:none}
.nav-collapse li {
  width: 100%;
  display: block;
}

.js .nav-collapse {
  clip: rect(0 0 0 0);
  max-height: 0;
  position: absolute;
  display: block;
  overflow: hidden;
  zoom: 1;
}

.nav-collapse.opened {
  max-height: 9999px;
}


@media screen and (min-width: 40em) {
  .js .nav-collapse {
    position: relative;
    max-height: none;
  }
  #nav-toggle {
    display: none;
  }
  
}


/* ------------------------------------------
  DEMO PAGE'S STYLES
--------------------------------------------- */
body, div,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, dl, dt, dd, ol, ul, li, hr,
fieldset, form, label, legend, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section,
summary, hgroup,table {
  margin: 0;
  padding: 0;
  border: 0;
}

a:active,
a:hover {
  outline: 0;
}

@-webkit-viewport { width: device-width; }
@-moz-viewport { width: device-width; }
@-ms-viewport { width: device-width; }
@-o-viewport { width: device-width; }
@viewport { width: device-width; }

body {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  color: #37302a;
  background: #fff;
  font: normal 100%/1.4 sans-serif;
}

.nav-collapse,
.nav-collapse * {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}


.nav-collapse ul {
  list-style: none;
  width: 65%;
  float: right; 
}

.nav-collapse li {
  float: left;
  width: 100%;
}
.logo .logoimg{ float:left; width:100%; max-width:88px; margin:15px 0 0 15px; display:none}

.bimg{ float:left; width:20%; }
.bimg img{ width:100%; max-width:138px; margin:15px 0px 0px 20px}
.nav-collapse ul {
  width: 69%;
  display: block;
  list-style: none;
  margin-top:10px
}
.nav-collapse a{ color:#333;
-webkit-transition: color 0.25s ease-out 0s;
  -moz-transition: color 0.25s ease-out 0s;
  transition: color 0.25s ease-out 0s; }
.nav-collapse a:hover{ color:#CC0000}
#nav,.header{ width:1600px; margin:0 auto;}
.pagination {
  text-align: center;
  width: 100%;
  position:absolute;
  
  z-index:100;
}
.nav .Engl{ background-color:#7F7F7F; color:#fff; text-align:center}
.nav a {
  color: #666;
  text-decoration: none;
  width: 100%;
 
  border-bottom: 1px solid white;
  padding: 0.7em 1em;
  float: left;
}
.in_pro{ width:1028px; margin:0 auto; margin-top:25px}

.in_pro .h1{ line-height:40px; text-align:right;}
.in_pro .h1 img{ vertical-align:middle}
.in_pro .h1 h1{ float:left;font-size:24px; }
.probom{ overflow:hidden; margin-top:35px}
.probom dl{ width:16.65; float:left; margin-left:20px; text-align:center}
.probom dd{ background:url(../images/2.png) no-repeat top center; line-height:70px; margin-top:10px; margin-bottom:50px}
.probom dd a,.in_new dd a{ color:#253E77; font-size:14px; font-weight:600;
-webkit-transition: color 0.25s ease-out 0s;
  -moz-transition: color 0.25s ease-out 0s;
  transition: color 0.25s ease-out 0s;}
.probom dd a:hover,.in_new dd a:hover{ color:#CC0000}

.lien{ width:17%}
.in_new{ width:1345px; margin:0 auto;}
.in_new dl{ width:100%; max-width:336px; float:left; height:310px}
.in_new img{ width:100%; max-width:321px; float:left}
.in_new dd a{ border-top:4px solid #ccc;border-color:transparent; display:block; width:100%; max-width:321px; float:left; padding-top:13px; margin-top:-4px}
.in_new dd a:hover{ border-top:4px solid #CC0000;-webkit-transition: border-color 0.3s ease-out 0s;
  -moz-transition: border-color 0.3s ease-out 0s;
  transition: border-color 0.3s ease-out 0s;}
.boom{ border-top:1px solid #ccc; width:1600px; margin:0 auto;margin-top:60px; margin-bottom:50px}
.bottom{width:1345px; margin:0 auto; overflow:hidden; padding-top:30px}
.bottom ul{ width:25%; float:left}
.bottom ul div a{ color:#9D9C9A; font-size:16px;-webkit-transition:color 0.3s ease-out 0s;
  -moz-transition:color 0.3s ease-out 0s;
  transition:color 0.3s ease-out 0s}
.bottom ul div{ margin-bottom:15px}
.bottom li a{ color:#000; font-size:12px;-webkit-transition:color 0.3s ease-out 0s;
  -moz-transition:color 0.3s ease-out 0s;
  transition:color 0.3s ease-out 0s}
.bottom li a:hover,.bottom ul div a:hover{ color:#CC0000}
.banner{ width:1600px; margin:0 auto}
.banner img{ width:100%; max-width:1600px}
.proh1{ width:1600px; border-bottom:1px solid #ccc; margin:0 auto}
.proh1 .h3{ width:1030px; margin:0 auto; margin-top:20px; margin-bottom:20px; font-size:16px;color:#000; }
.proh1 a{ color:#000; font-size:16px;}
.procen{ width:1030px; margin:0 auto; overflow:hidden}
.proLeft{ float:left; width:235px}
.proLeft .sideMenu{ background-color:#676767; padding:30px; margin-bottom:15px; line-height:30px}
.proLeft div a{ display:block; color:#fff; font-size:14px}
.proLeft div .cda{ font-size:28px; font-family:"宋体"; background:url(../images/4.png) no-repeat left bottom; padding-bottom:20px; margin-bottom:15px}
.proLeft div a:hover,.proRight dd a:hover{ color:#f00}
.proRight{ width:780px; float:left}
.proRight dl{ width:230px; float:left; margin-left:30px; margin-top:30px}
.proRight dt{ border:1px solid #ccc; width:230px; height:220px; text-align:center; line-height:310px}
.proRight dd{ text-align:center; margin:20px 0 10px 0}
.proRight dd a{color:#1C3470; font-weight:bold}
.fen{ margin-top:80px; margin-left:10px}
.fen a{ display:inline-block; width:46px; height:46px; color:#666; border:1px solid #666; text-align:center; line-height:46px; font-size:16px; margin-left:20px}
.fen a:hover,.fen a.current{ color:#fff; background-color:#666}
.abRight,.newRight,.coRight{ float:left; width:760px; margin-left:30px; margin-top:40px}
.abRight p{ font-size:14px; line-height:28px; text-indent:2em; margin-bottom:33px}
.abRight .imgg{ width:100%; max-width:764px}
.abRight .bor{ border-top:1px solid #ccc; margin:20px 0; padding:30px 0}
.nav-collapse li {
    width: 12%;
    *width: 24.9%; /* IE7 Hack */
    _width: 19%; /* IE6 Hack */
  }
.newRight dl{ overflow:hidden; height:221px; position:relative; margin-bottom:30px}
.newRight dt{ float:left; width:50%}
.newRight dd{ float:left; width:50%}
.newRight dd .h4{ font-size:16px; font-weight:bold; color:#32487B; margin-top:15px}
.newRight dd p{ font-size:14px; color:#8B8B8B; margin-top:50px}
.newRight dd a{ position:absolute; right:0;bottom:15px;}
.fen1{ margin-top:80px;}
.fen1 a{ display:inline-block; width:46px; height:46px; color:#666; border:1px solid #666; text-align:center; line-height:46px; font-size:16px; margin-right:20px}
.fen1 a:hover,.fen1 a.current{ color:#fff; background-color:#666}
.coRight h1{ font-size:18px; color:#333; margin-top:20px}
.coRight p{ line-height:29px; color:#666}
.coRight p img{ vertical-align:middle}
.pimg{ margin-top:15px}
.loRight{ float:left; width:1100px; margin-left:30px; margin-top:40px; overflow:hidden}
.table1{ border-spacing:0; border-collapse:collapse; width:710px;height:190px}
.table1 tr,.table1 td{ border:1px solid #ccc}
.table1 tr .td1{ width:150px; padding-left:20px; color:#1B3672; font-size:16px}
.tdse select{ border:0; width:155px; height:30px; margin-left:15px; color:#666; font-size:14px; letter-spacing:1px;outline:none;appearance:none;-moz-appearance:none;-webkit-appearance:none;background:url(../images/6.png) no-repeat scroll right center transparent; background-color:#F2F2F2;padding-right: 14px; padding:0 5px}
.tdse select option{ margin:5px 0;}
.tdse,.td2{ width:456px;}
.td2 input{ width:350px; margin-left:15px; border:0; background-color:#F2F2F2; height:30px}
.tdd{ padding-left:15px;}
.tdd span{ background-color:#F2F2F2; color:#000; padding:8px; display:inline-block}
.table2{ border-spacing:0; border-collapse:collapse; width:1000px; margin-top:25px; text-align:center}
.table2 td{ border:1px solid #ccc; color:#666; background-color:#D3E0EE; font-family:"微软雅黑"; font-weight:bold; font-size:13px; line-height:50px}
.trr td{ color:#fff; background-color:#2164AA; text-align:center}
tr .lan a{ color:#3171B9}




/*左侧导航菜单    home*/
.sideMenu .h33{ height:32px; line-height:32px; padding-left:10px; cursor:pointer; font-family: 'Microsoft YaHei'; font-size: 16px; color: #fff;
}
.sideMenu ul .nLi.on .sub{ display: block;}
.sideMenu ul .nLi .sub{ padding:8px 0; color:#999; display:none; }
.sideMenu ul .nLi .sub li{ height: 30px; line-height: 30px; list-style: none;}
.sideMenu ul .nLi .sub li a{ display: block; width: 100%; height: 100%; font-family: 'Microsoft YaHei'; font-size: 14px; text-decoration: none; padding:0 28px; box-sizing:border-box;}

/*左侧导航菜单    end*/



@media only screen and (max-width: 1600px) {
#nav,.header{ width:100%}
.boom,.banner{ width:100%}
.proh1{ width:100%; padding:0 1%}
.nav-collapse ul{ width:55%}
.nav-collapse li{ width:13%}
}

@media only screen and (max-width: 1380px) {
.in_new,.procen{ width:97%; margin:0 auto; margin-left:3%}
.in_new dl{ width:24%; padding:0 0.5%}
.bottom{ width:98%; margin:0 auto}
.proh1 .h3{ width:100%;}
.proLeft{ width:20%}
.proRight{ width:75%;}
}

	
@media screen and (min-width: 40em) {

.nav-collapse .lien{ width:16%; float:right}
}


@media screen and (min-width: 40em) {
  .nav a {
    margin: 0;
    padding: 1.5em 0;
    float: left;
    text-align: center;
    border-bottom: 0;
    border-right: 1px solid white; font-size:16px; color:#000
  }
}

.nav-collapse ul ul a {
  background: #ca3716;
  padding-left: 2em;
}

@media screen and (min-width: 40em) {
  .nav-collapse ul ul a {
    display: none;
  }
}

#nav-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  border: 0;
  cursor: pointer;
  width: 70px;
  height: 55px;
  float: right;
  text-indent: -9999px;
  overflow: hidden;
  background: #1F6AB7 url("../images/hamburger.gif") no-repeat 50% 33%;
}

@media screen and (-webkit-min-device-pixel-ratio: 1.3), screen and (min--moz-device-pixel-ratio: 1.3), screen and (-o-min-device-pixel-ratio: 2 / 1), screen and (min-device-pixel-ratio: 1.3), screen and (min-resolution: 192dpi), screen and (min-resolution: 2dppx) {
  #nav-toggle {
    background-image: url("../images/hamburger-retina.gif");
    -webkit-background-size: 100px 100px;
    -moz-background-size: 100px 100px;
    -o-background-size: 100px 100px;
    background-size: 100px 100px;   
  }
}