@charset "utf-8";



*{margin:0; padding:0px; font-family: '微软雅黑', Arial, Helvetica, sans-serif;}

table{ margin:inherit;}

a{ text-decoration:none; font-size: 14px; color:#000;}

input,textarea{ outline:none;}

.pic{ overflow:hidden;}

.pic img{ display:block;transition: all 0.5s;transform: scale(1);}

.clear{clear:both;}

.clearfix{ *zoom: 1;}

.clearfix:before{ content: ""; display: table;}

.clearfix:after{ content: ""; display: table; clear: both;}







/*---------------------------------首页---------------------------------------*/





.moblie_nav{ display:none;}



.logo{ width:100%; max-width: 1200px; margin: 0 auto; padding: 30px 0;}

.logo img{ float:left;}

.logo img:nth-child(2){ margin: 22px 0 0 38px; border-left: 1px solid #b6b6b6; padding: 0 0 0 38px;}

.logo img:nth-child(3){ float:right; margin: 11px 0 0 0;}

.logo .lan{ float:right; color: #747474; line-height: 76px; margin: 0 20px 0 0;}

.logo .lan a{ font-size: 16px;}



nav{ width:100%; height: 50px; line-height: 50px; background: #0256ac; position: relative; z-index: 99;}

nav ul{ width:100%; max-width: 1200px; margin: 0 auto;}

nav ul li{ float: left; display: block; width: 11.11%; height: 50px; text-align: center;}

nav ul li a{ display: block; line-height: 50px; color:#fff; font-size: 16px;}

nav ul li.this{ background: #3aa314;}

nav ul li:hover{ background: #3aa314;}

nav ul li.first{ display:none;}



.banner{ width: 100%; height: 679px; background: url(../images/banner.jpg) center no-repeat; position: relative; z-index: 9;}





.stitle{ text-align:center; margin:0 auto;}

.stitle .cntitle{ font-size: 36px; font-weight: bold; color:#333333;}

.stitle .cntitle font{ color:#3aa314;}

.stitle .cntitle li{ display: inline-block;}

.stitle .cntitle li:nth-child(1){ width:46px; height: 1px; background: #0a0a0a; position: relative; top: -10px;}

.stitle .cntitle li:nth-child(3){ width:46px; height: 1px; background: #0a0a0a; position: relative; top: -10px;}

.stitle .entitle{ display: inline-block; font-size: 14px; text-transform: uppercase; color: #373737; font-weight: lighter;}







.sadvbg{ width:100%; padding: 140px 0 50px 0; background: url(../images/advbg.jpg) center top no-repeat;}

.sadvbg h1{ text-align: center; font-size: 36px;}

.sadvbg h1 span{ font-weight: 100; color: #0a0a0a;}

.sadvbg .advtext{ width: 871px; margin: 60px auto;}

.sadvbg .advtext img{ float: left; margin: 13px 10px 0 0;}

.sadvbg .advtext li{ float: left; display: block; line-height: 30px; margin: 0 20px 20px 0; border-bottom: 1px solid #707070; font-size:12px;}


.sadvbg .advtext img.advliimg3{ clear: both;}
.sadvbg .advtext .clear{ clear: none;}

.sadvbg ul{ width:100%; max-width: 1200px; margin: 0 auto;}

.sadvbg ul *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sadvbg ul li{ display: block;}

.sadvbg ul li{ width:21%; height: 310px; float: left; margin: 0 5.33% 0 0;}

.sadvbg ul li .pic{ width:100%; height: 310px;}

.sadvbg ul li:nth-child(1){ background: url(../images/a1.png) center top no-repeat;}

.sadvbg ul li:nth-child(2){ background: url(../images/a2.png) center top no-repeat;}

.sadvbg ul li:nth-child(3){ background: url(../images/a1.png) center top no-repeat;}

.sadvbg ul li:nth-child(4){ background: url(../images/a2.png) center top no-repeat; margin: 0;}



.sadvbg ul li:nth-child(1):hover{ background: url(../images/a2.png) center top no-repeat;}

.sadvbg ul li:nth-child(2):hover{ background: url(../images/a1.png) center top no-repeat;}

.sadvbg ul li:nth-child(3):hover{ background: url(../images/a2.png) center top no-repeat;}

.sadvbg ul li:nth-child(4):hover{ background: url(../images/a1.png) center top no-repeat;}



.sadvbg ul li:nth-child(1) .pic{ background: url(../images/5-1.png) center no-repeat;background-size: contain;}

.sadvbg ul li:nth-child(2) .pic{ background: url(../images/50.png) center no-repeat;}

.sadvbg ul li:nth-child(3) .pic{ background: url(../images/25-1.png) center no-repeat;}

.sadvbg ul li:nth-child(4) .pic{ background: url(../images/135.png) center no-repeat;}



.sadvbg ul li:nth-child(1):hover .pic{ background: url(../images/5.png) center no-repeat;background-size: contain;}

.sadvbg ul li:nth-child(2):hover .pic{ background: url(../images/50-1.png) center no-repeat;}

.sadvbg ul li:nth-child(3):hover .pic{ background: url(../images/25.png) center no-repeat;}

.sadvbg ul li:nth-child(4):hover .pic{ background: url(../images/135-1.png) center no-repeat;}















.spro{ padding:60px 0; background: #f7f7f7;}



.sproul{ width: 100%; max-width: 1200px; margin:50px auto 0 auto;}

.sproul ul li{ float: left; display: block; width: 30%; padding: 0.5%; margin: 1%; border: 1px solid #e2e2e1; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sproul ul li .pic img{ width:100%; display: block;}

.sproul ul li:hover .pic img{transition: all 0.5s;transform: scale(1.2);}

.sproul ul li .protext{ border: 1px solid #e2e2e1; font-size: 16px; width: 99.7%; height: 40px; line-height: 40px; margin: 1% 0 0 0; background: url(../images/pmore.png) #fff center right no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sproul ul li:hover .protext{ color: #fff; background: url(../images/pmoreh.png) #0256ac center right no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}







.sequ .stitle .cntitle{color: #fff;}

.sequ .stitle .entitle{color: #a9a9a9;}

.stitle .cntitle li:nth-child(1){ background: #a9a9a9;}

.stitle .cntitle li:nth-child(3){ background: #a9a9a9;}



.sequ{ width:100%; padding: 60px 0 50px 0; background:url(../images/equbg.jpg) center no-repeat; }

.sequ ul{ max-width: 1200px; margin: 50px auto;}

.sequ ul li{ display:block; width: 29.3%; float: left; font-size: 14px; text-align: center; border: 24px solid rgba(2,86,172,0); border-radius: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sequ ul li:hover{ background: #0256ac; border: 24px solid rgba(2,86,172,1);-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.sequ ul li .pic{ border-radius: 10px;}

.sequ ul li .pic img{ width:100%; max-width: 100%;}

.sequ ul li:hover .pic img{transition: all 0.5s;transform: scale(1.2);}









.xbanner{ width:100%; height: 147px; background: url(../images/xbanner.jpg) center no-repeat;}

.xbanner a{ display: block; width:100%; height: 147px;}













.sabout{ padding:130px 0 30px 0; background: url(../images/sabg.jpg) #f4f4f4 center bottom no-repeat;}

.sabout .stitle .entitle{ font-size: 14px; font-weight: normal;}

.sabout .stitle .entitle span{ color:#3aa314; font-weight: bold;}



.sabout .leftpic{ position: absolute; left: 25px; top: -132px;}

.sabout .leftpic .lefttop{ width: 230px; background: #0256ac; color: #fff; padding: 30px 35px;}

.sabout .leftpic .lefttop h1{ font-size: 48px; line-height: 55px; letter-spacing: -2px;}

.sabout .leftpic .lefttop h2{ font-size: 24px; line-height: 34px;}





.sabout .satext{ width:100%; max-width: 820px; padding: 30px 30px 30px 350px; background: #fff; margin: 70px auto 35px auto; position: relative;}

.sabout .satext .atext{  border: 1px solid #cccccc; padding: 30px; font-size: 14px; line-height: 30px;}

.sabout .satext .atext ul{ text-align: center;}

.sabout .satext .atext ul li{ display: inline-block; margin: 0 10px 0 0; line-height: 40px;}

.sabout .satext .atext ul li a{ margin: 0 10px 0 0;}



.sabout .shonor{ width:100%; max-width: 1200px; margin: 0 auto;}

.sabout .shonor ul{}

.sabout .shonor ul li{ display: block; float: left; margin: 0 37px 0 0; width:210px;}

.sabout .shonor ul li img{ width:210px; height: 118px;}

.sabout .shonor ul li:last-child{ margin: 0;}







.snews{ width: 100%; padding: 60px 0; background:#f7f7f7;}



.snews .nbottom{ margin: 60px auto 0 auto; width:100%; max-width: 1200px;}

.snews .nbottom .left{ width:48%; float: left; margin-right: 4%;}

.snews .nbottom .left .newsfl{ border-left: 5px solid #0256ac;}

.snews .nbottom .left .newsfl a{ font-size: 24px; margin: 0 20px;}

.snews .nbottom .left .newsfl a:hover{font-weight: bold;}



.snews .nbottom .left .picnews{margin: 20px 0;}

.snews .nbottom .left .picnews .pic{ width:43%; float: left; margin-right: 4%;}

.snews .nbottom .left .picnews .pntext{ width:53%; float: left;}

.snews .nbottom .left .picnews .pntext .title{ font-size: 20px; color: #3aa314;}

.snews .nbottom .left .picnews .pntext .smalltext{ font-size: 12px; color: #696969; line-height: 22px; margin: 10px 0 0 0;}

.snews .nbottom .left .picnews .pntext .pmore{ background: #cd3500; width: 30%; line-height: 30px; text-align: center; margin: 15px 0 0 0;}

.snews .nbottom .left .picnews .pntext .pmore a{ font-size: 12px; color: #fff;}



.snews .nbottom .left ul{}

.snews .nbottom .left ul li{ width: 100%; display: block; float: left; margin:0 0 30px 0; padding:5px 0; border: 1px solid #999;}

.snews .nbottom .left ul li .date{ width: 17%;margin-right: 3%; text-align: center; color:#333; border-right: 1px solid #999; float: left;}

.snews .nbottom .left ul li .date .d{ display: block; font-size: 30px;}

.snews .nbottom .left ul li .date .ym{ display: block; font-size: 12px;}

.snews .nbottom .left ul li .title{ width: 72%; font-size: 16px; line-height: 60px; float: left;}

.snews .nbottom .left ul li img{ float: left; margin: 15px 0 0 0;}





.snews .nbottom .right{ width:48%; float: left;}

.snews .nbottom .right h1{ width:90%; padding: 0 5%; font-size: 20px; font-weight: normal; border-top: 1px solid #cbcbcb; border-bottom: 1px solid #cbcbcb; line-height: 50px; color: #5b5b5b;}

.snews .nbottom .right h1 font{ font-size: 16px; color: #999;}

.snews .nbottom .right h1 a{ font-size: 16px; color: #a6a6a6; float: right;}



.snews .nbottom .right ul li{ display: block; margin: 3% 0; padding: 0 0 2% 0; border-bottom: 1px dashed #d8d8d8;}

.snews .nbottom .right ul li:last-child{ border:none;}

.snews .nbottom .right ul li .rleft{ float: left; width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 18px; font-weight: bold; border: 1px solid #999;}

.snews .nbottom .right ul li .rright{ float: left; width: 90%; padding: 0 0 0 4%; }

.snews .nbottom .right ul li .rright .title{ font-size: 16px; line-height: 34px; margin: 0 0 20px 0;}

.snews .nbottom .right ul li .rright p{ font-size: 12px; line-height: 24px;}







.fmenubg{ width:100%; background: #e6e6e6; padding: 50px 0;}

.fmenubg .fmenu{ width:100%; max-width: 1200px; margin: 0 auto;}

.fmenubg .fmenu .fleft{ width:370px; margin-right: 100px; float: left; line-height: 30px; font-size: 14px;}

.fmenubg .fmenu ul{ width:440px; float: left; margin: 35px 0 0 0;}

.fmenubg .fmenu ul li{ display: block; line-height: 40px; float: left; width: 25%; text-align: center;}

.fmenubg .fmenu ul li a{ font-size: 16px; color: #333;}

.fmenubg .fmenu ul li.first{ font-weight: bold; width: 415px; padding: 0 0 30px 25px; text-align: left; font-size: 18px; background: url(../images/fmenu.png) top 16px left no-repeat; border-bottom: 1px solid #bfbfbf;}

.fmenubg .fmenu .ewm{ float: right;}

.fmenubg .fmenu p.sao{ font-size: 14px; text-align: center; margin: 5px 0 0 0;}



footer{ width:100%; color:#fff; text-align: center; line-height: 55px; font-size: 12px; background: #0457a8;}

footer a{ color:#fff; font-size: 12px;}







.nbanner{ width:100%; height: 535px; background: url(../images/nbanner.jpg) center no-repeat;}









.nowposbg{}

.nowposbg .nowpos{ width:100%; max-width:1200px; margin: 0 auto; line-height: 50px; color: #333; font-size: 14px; border-bottom: 1px dashed #bfbfbf;}

.nowposbg .nowpos a{ color: #333; font-size: 14px;}

.nowposbg .nowpos span{ display: block; width:8px; height: 19px; background: #e8e8e8; float: left; margin: 15px 8px 0 8px;}

.nowposbg .nowpos a:nth-child(2){ display: none;}







.introflbg{ margin: 20px 0 0 0;}

.introflbg .introfl{ width:100%; max-width:1200px; margin: 0 auto; line-height: 55px; color: #333; font-size: 14px;}

.introflbg .introfl li{ display:block; float: left; width: 170px; border-right: 1px solid #dcdcdc; position: relative;}

.introflbg .introfl li:first-child{ border-left: 1px solid #dcdcdc;}

.introflbg .introfl li a{ display:block; text-align: center; color: #a8a8a8; }

.introflbg .introfl li img{ position: absolute; bottom: -12px; left: 50%; margin-left: -9px; display: none;}

.introflbg .introfl li.this,

.introflbg .introfl li:hover{ background: #3aa314; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.introflbg .introfl li.this img,

.introflbg .introfl li:hover img{ display: block; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.introflbg .introfl li.this a,

.introflbg .introfl li:hover a{ color:#fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.ninvest .introflbg .introfl li{ width: 398px;}

.npro .introflbg .introfl li{ width: 298px;}



.ntitle{ font-size: 36px; text-align: center; color: #333;}

.ntitleline{ width: 65px; height: 4px; background: #333; margin: 20px auto;}









.naboutbg{ width: 100%; min-height: 700px; background: url(../images/advbg.jpg) #fbfbfb center bottom no-repeat;}

.naboutbg .nabout{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 70px 0; font-size: 16px; color: #666; line-height: 30px;}

.naboutbg .ncontact{ width: 100%; max-width: 1200px; margin: 0 auto; padding: 70px 0; font-size: 16px; color: #666; line-height: 30px;}

.naboutbg .ncontact .left{ width:675px; float: left;}

.naboutbg .ncontact .right{ width:500px; float: right;}

.naboutbg .nabout img{ max-width:100%;}



#showbox{ margin-top:-60px;}

#showbox p{ top:61px !important; width: 380px !important; height: 380px !important;}

#showsum{ margin-top:-20px;}









.rela{ width:100%; width: 1200px; margin: 0 auto;}

.rela h1{ color: #686868; line-height: 20px; border-left: 8px solid #3aa314; padding-left: 20px; font-size: 20px; margin: 10px 0 30px 0;}

.relanews ul li{ width: 47%; display: block; float: left; margin:0 4% 30px 0; padding:5px 0; border: 1px solid #999;}

.relanews ul li .date{ width: 17%;margin-right: 3%; text-align: center; color:#333; border-right: 1px solid #999; float: left;}

.relanews ul li .date .d{ display: block; font-size: 30px;}

.relanews ul li .date .ym{ display: block; font-size: 12px;}

.relanews ul li .title{ width: 72%; font-size: 16px; line-height: 60px; float: left;}

.relanews ul li img{ float: left; margin: 15px 0 0 0;}



.relanews ul li:nth-child(2),

.relanews ul li:nth-child(4){ margin-right: 0;}



.relapro { margin-bottom:20px;}

.relapro ul li{ float: left; display: block; width: 30%; padding: 0.5%; margin: 1%; border: 1px solid #e2e2e1; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.relapro ul li .pic img{ width:100%; display: block;}

.relapro ul li:hover .pic img{transition: all 0.5s;transform: scale(1.2);}

.relapro ul li .protext{ border: 1px solid #e2e2e1; font-size: 16px; width: 99.7%; height: 40px; line-height: 40px; margin: 1% 0 0 0; background: url(../images/pmore.png) center right no-repeat;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.relapro ul li:hover .protext{ color: #fff; background: url(../images/pmoreh.png) #0256ac center right no-repeat; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}





.npro{padding:0 0 60px 0;}







.nnews{ padding:0 0 50px 0;}

.nnews .nbottom .left{ width: 760px; margin-right:50px;}

.nnews .nbottom .left .newsfl a.this{ font-weight:bold;}

.snews .nbottom .left .picnews .pic{ width:33%;}

.snews .nbottom .left .picnews .pic img{ max-width:100%;}

.snews .nbottom .left .picnews .pntext{ width:63%;}

.snews .nbottom .left .picnews .pntext .pmore{ background:none; border: 1px solid #cd3500; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .left .picnews .pntext .pmore a{ color: #cd3500; display: block; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .left .picnews .pntext .pmore:hover{ background:#cd3500; border: 1px solid #cd3500; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .left .picnews .pntext .pmore:hover a{ color: #fff; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}

.snews .nbottom .left .picnews .pntext .title{ color:#666666;}

.snews .nbottom .left .picnews:hover .pntext .title{ color:#3aa314;}



.nnews .nbottom .right{ width:390px;}

.nnews .nbottom .right ul{ height:880px; overflow-y: scroll;}



.snews .nbottom .right ul li .rright{ width:82%;}



.nnews .nbottom .right ul::-webkit-scrollbar {/*滚动条整体样式*/

    width: 4px;     /*高宽分别对应横竖滚动条的尺寸*/

    height: 4px;

}

.nnews .nbottom .right ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/

    border-radius: 5px;

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    background: rgba(0,0,0,0.2);

}

.nnews .nbottom .right ul::-webkit-scrollbar-track {/*滚动条里面轨道*/

    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

    border-radius: 0;

    background: rgba(0,0,0,0.1);

}





.nequ{}

.nequ ul{}

.nequ ul li{ display: block; float: left; width: 23%; margin: 0 2.6% 2.6% 0;}

.nequ ul li:nth-child(4),

.nequ ul li:nth-child(8),

.nequ ul li:nth-child(12),

.nequ ul li:nth-child(16){ margin: 0 0 2.6% 0;}

.nequ ul li .pic{}

.nequ ul li .pic img{ max-width: 100%; width:100%;}

.nequ ul li .etitle{ line-height: 50px; text-align: center;}













#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;z-index:1000000;background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease}

#baguetteBox-overlay.visible{opacity:1}

#baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center}

#baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}

#baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6)}

#baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;white-space:normal;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:sans-serif}

#baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}

#baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,transform .4s ease;transition:left .4s ease,transform .4s ease,-webkit-transform .4s ease,-moz-transform .4s ease}

#baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}

#baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}@-webkit-keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@keyframes bounceFromRight{0%,100%{margin-left:0}50%{margin-left:-30px}}@-webkit-keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}@keyframes bounceFromLeft{0%,100%{margin-left:0}50%{margin-left:30px}}

.baguetteBox-button#next-button,

.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}

.baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease}

.baguetteBox-button:focus,

.baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}

.baguetteBox-button#next-button{right:2%}

.baguetteBox-button#previous-button{left:2%}

.baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}

.baguetteBox-button svg{position:absolute;left:0;top:0}

.baguetteBox-spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}

.baguetteBox-double-bounce1,.baguetteBox-double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}

.baguetteBox-double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}@-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}







.block_home_slider {	position: relative;	background-color: #ffffff;	text-align: center;} 

.block_home_slider .slide {position:relative;}

.block_home_slider .caption {padding:13px 16px 12px; position:absolute; left:0px; right:0px; bottom:0px; background:url(bg_caption.png); text-align:left;}

.block_home_slider .flex-direction-nav li {float: left;}

.block_home_slider .flex-direction-nav a {width:69px; height:69px; display:block; color:rgba(255,255,255,0); position: absolute;}

.block_home_slider .flex-direction-nav a.flex-prev { background: url(../images/lb.png) center no-repeat; left:10%;}

.block_home_slider .flex-direction-nav a.flex-next { background: url(../images/rb.png) center no-repeat; right:10%;}

.block_home_slider .flex-control-paging { display:inline-block; margin-top:-40px; position:relative; z-index:9999;}

.block_home_slider .flex-control-paging li { margin: 0px 5px; padding: 0px; float: left; overflow: hidden; list-style-type: none;}

.block_home_slider .flex-control-paging li a {width:15px; height:15px; display:block; background-repeat:no-repeat; border-radius:10px; background:#0457a8; text-indent:-9000px; cursor:pointer;}

.block_home_slider .flex-control-paging li a.flex-active { background:#3aa314;}



.block_home_post_feature {width:300px;}

.block_home_post_feature p {padding-bottom:0px;}





.flexslider {margin: 0; padding: 0; position: relative;}

.flexslider .slides > li {	display: none;	-webkit-backface-visibility: hidden;	list-style-type: none;}

.flexslider .slides img {width: 100%; display: block;}

.flex-pauseplay span {text-transform: capitalize;}

.flex-direction-nav{ position: absolute; top: 50%; margin-top: -35px; width: 100%;}





.moblie_nav{ display:none;}





.pcbanner{ display: block;}

.wapbanner{ display: none;}

.detailpic{ margin:20px 0 0 0;}

.detailpic img{ margin:10px 0 0 0; max-width: 100%;}

.detailpic table *{ font-size:16px !important;}

.topge{ display:none;}



.wappropic{ display:none;}





.codefile{ width:420px; margin: 0 auto; box-shadow: 0 0 12px 0 #ccc;}

.codefile .codet{ width: 250px; float: left; border:none; height:40px; background: #ffffff; border-top-left-radius: 5px; border-bottom-left-radius: 5px; padding:0 20px;}

.codefile .codev{ width: 130px; float: left; border:none; height:40px; background: #3aa314; border-top-right-radius: 5px; border-bottom-right-radius: 5px; color: #fff;}







@media screen and (max-width: 415px) {

	

	

	/*---------------------------------首页---------------------------------------*/

	

	

	header{width:100%;}

	header .share{ position: relative;}

	header .share .left{ width:100%; text-align: center; float: left; position: fixed; top: 0; background: #fff; z-index: 99;}

	header .share .right{ display:none;}

	

	nav{ background:url(../images/top.jpg) #f9f9f9 left -352px top no-repeat; height: 0; position: fixed; top: 41px; z-index: 9999999;}

	nav ul{ width: 40%; display:none; position: fixed; top: 0; right: 0; height: 100%; background: rgba(255,255,255,.96); z-index: 9999999;}

	nav ul li{ float: none; width:100%; line-height: 50px; height: 50px; border-bottom: 1px solid #ccc;}

	nav ul li a{ line-height: 50px; height: 50px; color:#000; font-size: 16px;}

	nav ul li.this a{ color:#fff;}

	nav ul li.first{ display:block; font-size: 20px; font-weight: bold; line-height: 60px; height: 60px; color: #000;}

	

	.moblie_nav{ display:block; position: absolute; right: 10px; top: 5px; width: 30px; height: 30px;}

	.moblie_nav .menubut{ position: fixed; right: 37px; top: 44px; z-index: 999999; }

	.moblie_nav .menuclose{ display: none; position: fixed; right: 15px; top: 10px; z-index: 99999999; }

	

	.logo{ position: fixed; z-index: 99999; background: #fff; box-shadow: 0 0 12px 0 #ccc; padding: 10px 0;}

	.logo img{float:none; margin: 0 0 0 20px;}

	.logo img:nth-child(2){display:none;}

	.logo img:nth-child(3){display:none;}

	

	.stitle{ width:90%;}

	.stitle .cntitle{ font-size:30px;}

	.stitle .entitle{ font-size:12px;}

	
input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; }
	

	.topge{ display:block; height: 96px;}

	

	.sabout .leftpic{ position:relative; top: auto; left: auto;}

	.sabout .satext{ width:90%; margin: 5%; padding: 0;}

	

	.logo .lan{ line-height: 38px;}

	.logo .lan a{ font-size:14px;}

	

	.pcbanner{ display: none;}

	.wapbanner{ display: block;}

	

	.block_home_slider .flex-direction-nav a.flex-prev{ width:30px; height:30px; background-size: contain; left: 10px;}

	.block_home_slider .flex-direction-nav a.flex-next{ width:30px; height:30px; background-size: contain; right: 10px;}

	.block_home_slider .flex-control-paging li a{ width:10px; height: 10px;}

	.block_home_slider .flex-control-paging{ margin-top:-22px;}

	

	.sequ ul li{ width:90%; border: none; margin: 0 auto 50px auto; float: none;}

	

	

	.sequ{ background-size:cover;}

	

	.sadvbg{ padding: 80px 0 50px 0;}

	.sadvbg h1{ font-size:30px;}

	.sadvbg .advtext{ width:90%; margin: 5% auto;}

	.sadvbg .advtext img{ clear:both;}

	.sadvbg .advtext li{ line-height: 34px; font-size: 12px; margin: 0;}

	

	.sadvbg ul{ width:90%; margin:0 auto 0 auto; float: none;}

	.sadvbg ul li{ width:100%; margin:0 auto; float: none;}

	.sadvbg ul li:nth-child(4), .sequul ul li:nth-child(8){ margin:0 auto 20px auto;}

	

	.sabout{ background: none;}

	.sabout .satext{ height: auto;}

	.sabout .satext .atext{ padding:20px;}

	

	.sabout .satext .atext ul li{ margin: 0 5px 0 0;}

	.sabout .satext .atext ul li a{ margin: 0 5px 0 0; font-size: 12px;}

	

	.xbanner{ background: url(../images/xbanner1.jpg) #7b7b7b center no-repeat; background-size:contain; height: 330px;}

	.xbanner a{ height: 330px;}

	

	.spro ul li{ width:90%; float: none; margin:0 auto 20px auto;}

	.spro ul li img{ max-width:100% !important; max-height: none !important;}

	

	.snews ul li{ width:90%; float: none; margin:0 auto 20px auto;}

	.snews ul li img{ max-width:100% !important; max-height: none !important;}

	

	.fmenubg .fmenu ul{ width:90%; margin: 5%; float: none;}

	.fmenubg .fmenu ul li.first{ font-size:18px; padding: 0 0 0 5%; width: 95%;}

	.fmenubg .fmenu ul li a{ font-size:12px; padding:0 0 0 12px;}

	.fmenubg .fmenu ul:nth-child(5),

	.fmenubg .fmenu ul:nth-child(6),

	.fmenubg .fmenu ul:nth-child(7){ height: 180px;}

	

	footer { height: auto; width:90%; padding: 0 5%; margin:0 auto; line-height: 30px;}

	footer a{ display: block;}

	

	.sabout .leftpic .lefttop{ width:90%; padding: 20px 5%;}

	.sabout .leftpic .lefttop h1{ font-size: 30px; letter-spacing: 0; line-height: 35px;}

	.sabout .leftpic .pic img{width: 100%; max-width: 100%;}

	

	.sabout .shonor{ width:90%;}

	.sabout .shonor ul li{ width:49%; margin: 0 1% 20px 0;}
	.sabout .shonor ul li:nth-child(2){ width:50%; margin: 0 0 20px 0;}
	.sabout .shonor ul li:nth-child(4){ width:50%; margin: 0 0 20px 0;}

	.sabout .shonor ul li:last-child{ width:100%;}

	.sabout .shonor ul li:last-child img{ width:98%; max-width:98%; height: auto;}

	.sabout .shonor ul li img{ max-width:98%; height: 105px; border: 1px solid #ccc;}

	

	/*---------------------------------关于我们---------------------------------------*/

	

	.nbanner{ height:150px; background-size: cover;}

	

	.nowposbg .nowpos{ width: 90%; padding: 0 5%; font-size: 12px; margin: 0 auto; line-height: 45px; height: 45px;}

	.nowposbg .nowpos a{ font-size: 12px; }

	.nowposbg .nowpos span{ margin:12px 8px 0 0; width: 4px; }

	

	.nequ ul li .etitle{ line-height:20px; margin: 20px 0;}

	

	

	.snews .nbottom .left{ width:90%; margin: 0 5%;}

	.snews .nbottom .left .picnews .pic{ width:100%; margin: 0 0 20px 0;}

	.snews .nbottom .left .picnews .pic img{ width:100%; max-width:100%;}

	.snews .nbottom .left .picnews .pntext{ width:100%;}

	.snews .nbottom .left ul li .title{ width:69%; overflow: hidden; height: 60px;}

	

	

	.snews .nbottom .right{ width:90%; margin: 0 5%;}

	.snews .nbottom .right ul li{ width:100%;}

	

	

	.naboutbg .ncontact .left{ overflow:hidden; width: 90%; margin: 0 auto; float: none;}

	.naboutbg .ncontact .left iframe{ margin-left: -140px;}

	.naboutbg .ncontact .right{ width: 90%; margin: 0 auto; float: none;}

	.naboutbg .ncontact .right table *{ font-size: 14px !important;}

	

	

	

	

	.fmenubg .fmenu .fleft{ float: none;width:90%; margin: 0 5%;}

	.fmenubg .fmenu ul{ clear: both;}

	.fmenubg .fmenu .ewm{ float: none;width:90%; margin: 5% 5% 0; text-align: center;}

	

	.naboutbg .nabout{ width:90%; margin: 0 auto;}

	

	.introflbg .introfl li{ width:33%;}
	.introflbg .introfl li:first-child{ border-left:none;}

	.ninvest .introflbg .introfl li{ width:32.6%;}

	.npro .introflbg .introfl li{ width:49.5%;}
	.npro .introflbg .introfl li:nth-child(2),
	.npro .introflbg .introfl li:nth-child(4){ border-right:none;}
	
	.naboutbg .nabout{ padding: 50px 0;}
	.naboutbg .nabout *{ font-size: 14px !important; line-height: 22px !important;}

	.naboutbg .ncontact .right table *{ font-size: 12px !important;}

	

	.nequ ul li{ width:48%;}

	.nequ ul li:nth-child(2),

	.nequ ul li:nth-child(4),

	.nequ ul li:nth-child(6),

	.nequ ul li:nth-child(8){ margin: 0 0 2.6% 0;}

	

	

	

	.rela{width:90%; margin: 0 5%;}

	

	

	

	.relanews ul li{ margin:0 0 20px 0; width: 99%;}

	.relanews ul li .title{ width:70%; overflow: hidden; height: 60px;}

	

	.relapro{ margin: 0 5% 20px 5%;}

	.relapro ul li{ width:100%; float: none;}

	

	

	.detailtable{ display:none;}

	.wappropic{ display:block;}

	

	.detail{ width:90%; margin: 20px auto 0 auto;}

	.detailpic{ width:90%; margin: 0 auto;}

	.detailpic img{ display: block; margin: 20px auto 0 auto;}

	

	

	

	

	

	

	

	

	.codefile{ width: 100%;}
	.codefile .codet{ width: 60%; padding: 0 5%;}
	.codefile .codev{ width: 30%;}

	

	

	

	

	

	

	

}