body{ margin:0; background:#EAF1FB;}
td,div,li,select,input,textarea{ font:16px/1.7 microsoft yahei; color:#333;}
a{ color:#333; text-decoration:none}
a:hover{ color:#0a5495; text-decoration:underline}
ul{ list-style-type:none; padding:0; margin:0}
img{ border:0;}
.clear{ clear:both; font-size:0; line-height:0; height:0}
.wrap{ width: 1000px; margin: auto;}

.header{ background: #fff; height: 100px;}
.logo{ float: left; line-height: 0; padding: 24px 0 0; margin: 0 50px 0 0;}
.nav{ float: left; padding: 36px 0 0;}
.nav li{ float: left; margin: 0 0 0 50px;}
.nav li a{ color: #0a5495;}
.banner{ position: relative; padding: 14px 0 0; margin: 0 0 200px; height: 386px; background: url(../images/bbg.jpg) 50%;}
.bimgs{ background: url(../images/bimgbg.png); width: 1000px; height: 455px; margin: auto; padding: 34px;}
#bimg{ line-height: 0; display: block;}
#bimgm{ display: none;}
#bpage{ display: block; z-index: 100; position: absolute; width: 100%; bottom: -80px; left: 0; text-align: center; }
#bpage a{ display: inline-block; width: 40px; height: 6px; background: #fff; margin: 0 6px;}
#bpage a.cycle-pager-active{ background:#0a5495}
#bmpage{ display: none; z-index: 100; position: absolute; width: 100%; bottom: -100px; left: 0; text-align: center; }
#bmpage a{ display: inline-block; width: 40px; height: 6px; background: #fff; margin: 0 6px;}
#bmpage a.cycle-pager-active{ background:#0a5495}
.abimg{ float: left; width: 466px; margin: 0 0 50px;}
.abc{ float: right; width: 475px;}

#rppage{  text-align: center; margin: 10px 0 0; }
#rppage a{ display: inline-block; width: 40px; height: 6px; background: #fff; margin: 0 6px;}
#rppage a.cycle-pager-active{ background:#0a5495}

.title{ text-align: center; font-size: 32px; line-height: 1.3; margin: 0 0 30px;}
.title span{ display: block; color: #0a5495; font-family: arial; font-size: 18px;}
.abt{ font-size: 24px; line-height: 1.3; padding: 10px 0 0;}
.abt span{ display: block; font-family: arial; font-size: 18px; color: #0a5495;}
.abc p{ margin: 20px 0 30px;}
a.tmore{ display: block; box-sizing: border-box; text-align: center; width: 140px; height: 46px; background: #fff; border: 1px solid #B2CAE1; font-size: 14px; line-height: 46px; border-radius: 23px;}
a.tmore:hover{ text-decoration: none; background: #0a5495; color: #fff;}
a.pm{ margin: 0 auto 60px;}
/*.proimg { line-height: 0; }
.proimg img{ margin: 0 0 40px;}*/
img.prp{ display: block;}
img.prm{ display: none;}

.cr{ text-align: center; background: #0a5495; color: #fff; padding: 10px;}
.cr a{ color: #fff}
.nav-toggle{ display: none}
#backtop{ cursor: pointer; width: 58px; height: 55px; background: url(../images/backtop.png); position: fixed; bottom: 200px; right: 20px; z-index: 2000;}
#mobi{ cursor: pointer; width: 58px; height: 55px; background: #ddd; position: fixed; bottom: 270px; right: 20px; z-index: 1000; }
.mobibox{ position: relative; text-align: center; padding: 14px 0 0;}
.mobi{ position: absolute; left: -150px; top: -40px; display: none;}
#mobi:hover .mobi{ display: block;}
.cont{ text-align: center; padding: 30px 20px 50px;}
.contb{ font-size: 18px; color: #333;}
.contb span{ font-size: 24px;}
.conts{ font-size: 18px; color: #333;}

.content,.contactt,.pcontent{ background: #fff; padding: 30px 120px; margin: 0 0 30px; }

.pimg{ margin: 0 0 30px; display: block;}
.pimgm{ display: none;}
.content p{ text-indent: 2em; line-height: 2;}
.content img,.pimg img,.pimgm img{ max-width: 100%;}
.pimg{ line-height: 0;}
.ablogo{ text-align: center; margin: 0 0 30px; line-height: 0;}

.itemt{ width: 160px; height: 40px; border-radius: 20px; margin: 0 0 30px; background: #0a5495; text-align: center; color: #fff; font-size: 24px; }
.pitem{ overflow: hidden; margin: 0 0 30px; }
.pitem a{ display: block; width: 44%; margin: 0 3%; text-align: center; float: left;}
.pitem a img{ width: 100%; height: auto;}
.pitem a p{ margin: 3px 0 0;}



.proimg ul li{ width: 310px; margin:0 11.66666px 30px;  text-align: center; line-height: 0;}
.proimg ul li img{ width: 100%}
.proimg ul li p{ margin: 5px 0 0; line-height: 1.7;}
.hd{ position: relative}
#ypprev,#ypnext{ top: 70px; display: block; position: absolute; width: 30px; height: 50px; background: #0a5495; line-height: 50px; color: #fff; font-family: 宋体; font-size: 30px; text-align: center; font-weight: bold; border-radius: 5px; cursor: pointer; z-index: 10000}
#ypprev{ left: -40px}
#ypnext{ right: -40px}
#rp{ margin: 0 0 60px;}
#rpimgs img{ width: 100%;}
.cont{ background: #fff; margin: 0 0 60px; }
.cont img{ width: 100%;}
@media only screen and (max-width: 736px){
  .pitem{ margin: 0;}
  .pitem a{ float: none; width: 100%; margin: 0 0 30px;}
  .proimg{ overflow: hidden; }
  .proimg ul li{width: 100%;margin: 0 0 30px;}
  .abt{ font-size: 22px;}
  img.prp{ display: none;}
  img.prm{ display: block;}
  a.tmm{ margin: 0 auto 60px ;}
  .proimg,#contact,#rp{ width: 90%; margin: auto;}
  #rp{ margin-bottom: 60px;}
  .proimg img{ width: 100%;}
	#mobi,#bpage{ display: none;}
  #bmpage{ display: block;}
	.wrap{ width: 100%;}
	.header{ height: auto;}
	.logo{ float: left; padding: 20px; margin: auto;}
  .pimg{ display: none;}
  .pimgm{ width: 90%; margin: 0 auto 30px; display: block; line-height: 0;}
	.content,.contactt,.pcontent{ width: 80%; padding: 20px 5%; margin: 0 auto 30px;}
  .ablogo img{ width: 100%;}
	.banner{ padding: 0; height: 300px; margin: 0 0 140px;}
	.bimgs{ width: 100%; padding: 5%; height: auto; box-sizing: border-box; background: none;}
	#bimg{ display: none;}
	#bimgm{ display: block; line-height: 0;}
	#bimgm img{ width: 100%;}
	.abimg,.abc{ float: none; width: 90%; margin: 0 auto 30px;}
	.abimg img{ width: 100%;}





	.nav{ width: 100%; float: none; height:auto; padding: 0}
  .nav ul{ margin: auto; border-top: 1px solid #eee}  
  .nav ul li { float: none; width: 100%; padding:0; margin:0; border:0; text-align: left}
  .nav ul li a,.nav ul li a:hover{ color:#0a5495; text-decoration: none}
  .nav a { color: #fff; width:100%; background: #fff; border-bottom: 1px solid #eee; padding: 5% 6%; font-size:18px; height:auto; display:block; box-sizing: border-box;}
  .nav ul ul a { display: block;}
  .js .nav { clip: rect(0 0 0 0); max-height: 0; position: absolute; display: block; overflow: hidden; zoom: 1; z-index: 1000; }
  .nav.opened { max-height: 9999px; }
  .nav-toggle { display:block; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none;  -ms-user-select: none; -o-user-select: none; user-select: none;}
  .nav-toggle {  position: absolute; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; text-decoration: none; text-indent: -999px; overflow: hidden; width: 50px; height: 40px;  z-index:1000; top: 24px; right: 2%}
  .nav-toggle:before {
    color: #0a5495; /* Edit this to change the icon color */
    font-family: Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    font-size: 32px;
    text-transform: none;
    position: absolute;
    content: "≡";
    text-indent: 0;
    text-align: center;
    line-height: 36px;
    speak: none;
    width: 100%;
    top: 0;
    left: 0;
    z-index:1000
	}
  .nav-toggle.active::before{  font-size: 32px; line-height: 32px; content:"x";}
}