@charset "utf-8";



body{ color: #000; font-size:12px; font-family: arial;}

.wap{ width: 1095px; margin: 0 auto;}

@font-face{

   font-family: Times;

   src: url('font/times.ttf') format("truetype"); 	

}

@font-face{

   font-family: Tahoma;

   src: url('font/tahoma.ttf') format("truetype"); 	

}

/*手机导航*/

.topNav{ height: 50px; width: 100%; text-align: center; background: #007e9e; display: none;}

#menuTop { height: 50px; width: 100%; text-align: center; background: #094a96;}

#menuBtn{ width: 40px; height: 50px; line-height: 50px; text-align: center; top: 0; cursor: pointer; z-index: 99; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3); opacity: 1;}

#menuBtn { padding-left: 6px; float: left; margin-left: 5px;}

#menuBtn:before{content:"≡"; font-size:30px; color:#fff;}

#setBtn { width: 34px; height: 34px; padding-right: 6px; float: right; margin-right: 5px; background: url(../images/cilun.png) no-repeat; margin-top: 8px; cursor: pointer;}



.nav-narrow{width:100%; display: none; margin: 0 auto;}

.nav-narrow li{ background:#e7e7e7; border-top: 1px solid #999; font-size: 16px;

transition: all 0.1s ease 0.01s; list-style: none;}

.nav-narrow li>a{ display:block; line-height:28px; color:#fff; background: #007e9e;padding-left: 10px;}

.nav-narrow li dl{ display: block;}

.nav-narrow li dl dd{ line-height:28px; background: #333; border-top: 1px solid #999;padding-left: 10px;}

.nav-narrow li dl dd a{ color: #878787;}

.nav-narrow li dl dd:hover a{ color: #fff;}


.logowshou{ display: none; margin: 1% auto;}

.logowshou img{ display: block; margin: 1% auto;}



.rw-footer-box{ float:left; width:100%; position:fixed; bottom:0px; left:0; display:none; z-index:1000000;}

.rw-footer-box.hide{ display: none;}

.rfb-h3{ width:100px; height:16px; background:#1693FF; margin:0 auto; cursor:pointer; border-radius:4px 4px 0 0;}

.rfb-h3 span{ display:block; color:#fff; text-align:center; transform:rotate(270deg);}

.rfb-cont{ float:left; width:100%; background:#1693FF; font-family:Arial, Helvetica, sans-serif; border-radius:4px 4px 0 0;}

.rfb-cont ul{ overflow:hidden; padding-left:3%;}

.rfb-cont li{ float:left; width:19%; padding:6px 0; text-align:center; font-size:10px;}

.rfb-cont a{ color:#fff;}

.rfb-cont a span{ display:block; width:30px; height:20px; margin:0 auto; background:url(../images/common.png) no-repeat; background-size:400px; -moz-background-size:400px;}

.rfb-cont a.rfbcli0 span{ background-position:-90px -110px;}

.rfb-cont a.rfbcli1 span{ background-position:0 -110px;}

.rfb-cont a.rfbcli2 span{ background-position:-120px -110px;}

.rfb-cont a.rfbcli3 span{ background-position:-60px -110px;}

.rfb-cont a.rfbcli4 span{ background-position:-30px -110px;}

/*手机导航*/



/*header*/

.header{ width: 100%; height: auto; background: #fff;}

.headerIn{ width: 1095px; margin: 0 auto; padding: 11px 0 0 0; box-sizing: border-box;}

.headtop{ border-bottom: 1px solid #e3e3e3;}

.topicon{ margin-left: 15px; float: left;}

.emCont{ margin: 7px 0  0 46px; float: left;}

.emCont img,.emCont span{ vertical-align: middle;}

.emCont img{ margin-right: 8px;}

.emCont span{ font-weight: 500;}

.emCont span a{ color: #19436e; font-size: 16px;}

.shareicon{ float: right; margin-top: 6px;}

.search{ padding-left: 5px; background: url(../images/search.png) no-repeat right center; width: 63px; height: 15px; line-height: 15px; position: relative; margin-right: 16px;}
.search h3{ cursor: pointer; color: #777; font-weight: normal;}
.search ul{ display: none; overflow: hidden; position: absolute; right: 0; z-index: 100; background: #fff; height: 50px; border: 1px solid #e1e1e1; border-radius: 5px; min-width: 220px;}
.search_text{ background: url(../images/search_text.png) no-repeat; width: 204px; height: 28px; line-height: 28px; margin: 10px 0 0 8px;}
.submit_text{ border: none; background: none; line-height: 28px; color: #999; width: 150px; height: 28px; float: left; padding: 0px 10px;}
.submit_btn{ border: none; width: 30px; height: 28px; float: right; background: none; cursor: pointer;}
.shareicon a,.shareicon a img,.search{display: inline-block;}

.shareicon a{ vertical-align: middle; margin-right: 20px;}



.headmain{ width: 100%; padding: 8px 0px 0 20px; box-sizing: border-box;}

.logo{ float: left;}

.headrg{ float: right; margin-top: 10px;}

.yuzhong{ margin: 5px 16px 0 0; float: right;}

.yuzhong ul li{ float: left; margin-right: 12px;}

.yuzhong ul li:last-child{ margin-right: 0;}

.yuzhong,.lang{ float: right;}

.lang{ position:relative;z-index:200;background:url(../images/lang-bg.jpg) no-repeat;width:122px;height:22px; cursor: pointer;}

.lang h5{ cursor:pointer;width:122px;line-height: 22px; color:#666;text-indent:10px;}

.lang ul{ display: none; overflow:hidden;width:100%;position:absolute;left:0px;z-index:200; background:#fff;border:1px solid #e1e1e1;border-radius:5px; padding-bottom: 5px; box-sizing: border-box;}

.lang ul li{ width:100%;float:left;}

.lang ul li img{ float:left;margin:8px 5px 0 10px;}

.lang ul li a{ display:block;padding-left:8px;line-height:26px}

.lang ul li a:hover{ background:#ccc;text-decoration:none}

.topRight{ display: none; width: 100%; height: auto; padding: 2% 0 1%;}

.langshou{ margin: 0 auto; text-align: center;}
.langshou dl{ width: 18%; margin: 0 1% 1% 0; color: #9b9b9b; font-size: 11px; display: inline-block; vertical-align: top;}
.langshou dl dt,.langshou ul li dd{ float: left; width: 65%;}
.langshou dl dt{ margin-right: 5%; width: 30%;}
.langshou dd{ padding-right: 16px; border-right: 1px solid #c1c1c1; }
.langshou dd:last-child{ padding-right: 0; border-right: 0; }

.smartmenu{ margin-top: 10px; background: #f1f4f6; position: relative;}

.smartmenu i{ display: block; width: 0; height: 0; content: ''; border-width: 40px; border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; left: 0; top: -40px;}

.smartmenu ul{ padding-left: 48px;}

.smartmenu ul li{ height: auto; position: relative; float: left;}

.smartmenu ul li a{ display: inline-block; color: #19436e; font-size: 16px; line-height: 40px; padding: 0 20px;}

.smartmenu ul li:first-child{ margin-left: 0;}

.smartmenu ul li:last-child{ padding-right: 0; background: none;}

.smartmenu ul li:hover a,.smartmenu ul li.current a{ background: url(../images/subnavBg.png) no-repeat center bottom;}


.main{ width: 100%; margin: 0 auto; overflow: hidden;}

.main-center{ margin-top: 30px;}

.about{ float: left; width: 770px;}

.abouttop{ width: 100%; padding: 0 10px 0 0; box-sizing: border-box; overflow: hidden;}

.about .abouttit{ width: 175px; height: 50px; line-height: 50px; background: #19436e; position: relative; float: left;}

.abouttit i{ display: block; width: 39px; height: 50px; position: absolute; right: 0; top: 0; z-index: 201; background: url(../images/abouttit.png) no-repeat;}

.abouttit h5{ font-family: Times; color: #fff; font-size: 30px; text-indent: 13px; font-weight: normal;}

.abouttop span a{ color: #19436e;}

.abouttop span{ font-size: 14px; float: right; margin-top: 30px;}

.aboutmain{ width: 100%; height: 313px; border: 1px solid #d7d7d7; padding: 16px 0 10px 10px;

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;

-webkit-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-moz-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-o-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-ms-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;}

.aboutmain p{ font-size: 14px; line-height: 26px; color:#000;text-align:justify;}

.aboutmain .abpic{ margin: 16px 0 0 55px;}

.aboutmain .abpic li{ display: inline-block; width: 240px; height: auto; margin-right: 100px; border-radius: 15px;

-webkit-box-shadow: 3px 0 6px #dedede, -3px 0 6px #dedede, 0 3px 6px #dedede, 0 -3px 6px #dedede;

-moz-box-shadow: 3px 0 6px #dedede, -3px 0 6px #dedede, 0 3px 6px #dedede, 0 -3px 6px #dedede;

-o-box-shadow: 3px 0 6px #dedede, -3px 0 6px #dedede, 0 3px 6px #dedede, 0 -3px 6px #dedede;

-ms-box-shadow: 3px 0 6px #dedede, -3px 0 6px #dedede, 0 3px 6px #dedede, 0 -3px 6px #dedede;

box-shadow: 3px 0 6px #dedede, -3px 0 6px #dedede, 0 3px 6px #dedede, 0 -3px 6px #dedede;}

.aboutmain .abpic li img{ width: 100%; border-radius: 15px;}



.newindex{ width: 279px; float: right; background: #19436e; border-radius: 5px;}

.newtit{ height: 84px; padding-bottom: 5px; background: url(../images/newt-bg.jpg) no-repeat center bottom;}

.newtit h5,.newtit img{ display: inline-block; vertical-align: middle;}

.newtit h5{ font-weight: normal; line-height: 85px; color: #fff; font-size: 28px; font-family: Times; padding: 0 25px; background: url(../images/newr.jpg) no-repeat right center;}

.newtit img{ margin: 0 6px 0 16px;}

.newlist{ padding: 18px 40px 2% 24px; height: 256px;}

.newlist ul li{ width: 100%; color: #fff; font-size: 14px; margin-bottom: 15px;}

.newlist ul li h3 a{ color: #fff;}

.newlist ul li h3{ font-size: 14px; font-weight: normal;}

.newlist ul li p span{ margin-right: 3px;}

.newlist ul li .date{ margin: 8px 0;}

.newlist ul li:hover h3 a{ text-decoration: underline;}

.newlist .newmore{ float: right; color: #fff; font-size: 14px; margin-bottom: 1%;}

.newlist .newmore:hover{ text-decoration: underline;}



.mainbottom{ width: 100%; height: auto; margin-top: 32px;}

.protit{ width: 478px; height: 50px; line-height: 50px; background: #19436e; position: relative;}

.protit i{ display: block; width: 39px; height: 50px; position: absolute; right: 0; top: 0; z-index: 201; background: url(../images/abouttit.png) no-repeat;}

.protit h5{ font-family: Times; color: #fff; font-size: 30px; text-indent: 13px;}

.promain{ width: 100%; border: 1px solid #d7d7d7; padding: 20px 0 12px 10px;

-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box;

-webkit-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-moz-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-o-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

-ms-box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;

box-shadow: inset 1px 0 2px #e5e5e5, inset -1px 0 2px #e5e5e5;}

.promain ul li{ display: inline-block; vertical-align: top; margin-right: 2px;}

.promain ul li:last-child{ margin-right: 0;}

.promain ul li dl dt{ font-size: 18px; background: url(../images/prodt-bg.png) no-repeat left center; padding-left: 20px; margin-bottom: 12px;}

.promain ul li dl dd{ font-size: 14px; padding-left: 20px; margin-bottom: 12px;}

.promain ul li dl dd:last-child{ margin-bottom: 0;}

.promain ul li:first-child dl:last-child{ margin-top: 25px;}

.promain ul li dl a{ color: #000;}

.promain ul li dl dd a:hover{ color: #496da2;}

.promain ul li dl dt a:hover{ text-decoration: underline;}



.footer{ padding: 25px 0; text-align: center;}

.copyright p{ font-size: 11px; margin-right: 30px;}

.copyright p,.copyright .sit,.copyright .sit li,.copyright img{ display: inline-block; vertical-align: middle;}

.copyright img{ margin: 0 30px 0 10px;}

.copyright .sit{ font-size: 10px; font-family: Tahoma;}

.copyright .sit li{ text-transform: uppercase; margin-right: 6px; background: url(../images/sit-li-bg.jpg) no-repeat right center; padding-right: 6px;}

/*return*/

#toTop { background:url("../images/returntop.png") no-repeat; width:39px;height:39px;display:block;position:fixed;z-index:100;bottom:39px;right:50px;cursor:pointer;text-indent: -9999px;}

#toTop:hover{ background-position: left bottom;}





