@charset "utf-8";







/* CSS Document */















*{ margin:0; padding: 0; font-family: "微软雅黑",Microsoft yahei;}





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







input{ outline:none;}







.clear{clear:both;}















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















.topbg{ background:#efefef;}



.topbg .top{ width:100%; max-width: 1200px; margin: 0 auto; font-size: 14px; line-height: 45px; color: #717171;}



.topbg .top .left{ float:left;}



.topbg .top .right{ float:right;}



.topbg .top .right img{ float:left; margin: 10px 5px 0 10px;}



.topbg .top .right a{ float:left; color: #717171;}















header{ width:100%; max-width:1200px; margin: 0 auto; background: #fff; padding: 30px 0;}











.searchform{ float: right;}











.logo{ float: left;}



.hotline{ float: right; margin: 20px 0 0 0;}































nav{ width:100%; height: 53px; line-height: 53px; background: #404144; border-bottom: 2px solid #0051ff;}







nav ul{ width:100%; max-width: 1200px; margin: 0 auto; border-left: 1px solid #6a6b6d}







nav ul li{ float: left; display: block; width: 14.2%; height: 53px; 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;}







nav ul li a{ display: block; height: 53px; color: #fff; border-right: 1px solid #6a6b6d;}







nav ul li:hover{ background: #0051ff;-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;}























.banner{ width: 100%; height: 530px; }









.nbanner{ width: 100%; height: 320px; position: relative; z-index: 9; background-position: center; background-size: cover;}













































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







.stitle .cntitle{ font-size: 45px; font-weight: bold; line-height: 46px;}







.stitle .cntitle li:nth-child(1){color: #003cce;}



.stitle .cntitle li:nth-child(2){color: #ffae24;}







.stitle .cntitle li,



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







.stitle .sline li{ margin:10px 5px;}







.stitle .sline li:nth-child(1){ width:62px; height: 2px; background:#4566e9;}







.stitle .sline li:nth-child(2){ width:62px; height: 2px; background:#ffae24;}







.stitle .entitle{ font-size: 14px; color:#454545; margin:5px 0 0 0;}















































.fapp{ width:100%; padding: 100px 0 50px 0; background: #fcfdfe; overflow: hidden; }























.fappfl{ width:100%; max-width: 1200px; margin: 30px auto; text-align: center;}







.fappfl .left{ float: left; width: 525px; overflow: hidden; border: 1px solid #ccc;}

.fappfl .left img{ transition: all 0.5s;transform: scale(1); max-width: 100%;}

.fappfl .left:hover img{ transition: all 0.5s;transform: scale(1.2);}







.fappfl ul{ float: left; width: 673px; border-top: 1px solid #999999;}







.fappfl li{ float: left; display:inline-block; width: 25%; 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;}







.fappfl li span{ font-size: 18px; color:#757575; display: block; margin: 122px 0 0 0;}







.fappfl li:nth-child(1){ background: url(../images/al1.png) center no-repeat; float: left;}







.fappfl li:nth-child(2){ background: url(../images/al2.png) center no-repeat; float: left;}







.fappfl li:nth-child(3){ background: url(../images/al3.png) center no-repeat; float: left;}







.fappfl li:nth-child(4){ background: url(../images/al4.png) center no-repeat; float: left;}







.fappfl li:nth-child(5){ background: url(../images/al5.png) center no-repeat; float: left;}







.fappfl li:nth-child(6){ background: url(../images/al6.png) center no-repeat; float: left;}







.fappfl li:nth-child(7){ background: url(../images/al7.png) center no-repeat; float: left;}







.fappfl li:nth-child(8){ background: url(../images/al8.png) center no-repeat; float: left;}





.fappfl li:hover{ background-position: center top 27px;-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;}





.fappfl .yytel{ border-top: 1px solid #999999; border-bottom: 1px solid #999999; margin: 50px 0 0 0; padding: 0 0 41px 0; float: left; width: 673px; text-align: left;}



.fappfl .yytel h1{ font-size: 28px; color: #676767; margin:50px 0 0 50px;}



.fappfl .yytel h2{ font-size: 24px; color: #333333; margin:10px 0 0 50px; font-weight: normal; letter-spacing: 9.4px;}



.fappfl .yytel span{ display:block; width: 48px; height: 3px; margin:10px 0 0 50px; background: #0022ce;}



.fappfl .yytel a{ display:block; width: 166px; height: 30px; background: #0022ce; line-height: 30px; text-align: center; 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;}



.fappfl .yytel a:hover{ background:#ffae24;-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;}







.fappfl .yytel .left{ float: left; width: 70%; border: none;}



.fappfl .yytel .right{ float: right; width: 30%; margin:60px 0 0 0;}











































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















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







.spro .left{ width:240px; float: left; margin: 0 30px 0 0; box-shadow: 0 0 20px 5px #d6d6d6;}















.spro .left .pftitle{ padding: 15px 20px; background: #0045c8; position: relative;}







.spro .left .pftitle p{ text-align: left; color: #fff;}







.spro .left .pftitle h1{ display: block; font-weight: normal; text-align: left; font-size: 24px; color: #fff;}







.detailpic{ line-height:30px; }







.spro .left .pf{}







.spro .left .pf .pful{}







.spro .left .pf .pful ul li{ display: block; border-top: 2px solid #fff; border-bottom: none;}







.spro .left .pf .pful ul li a{ display: block; padding: 15px 0 15px 55px; font-size: 20px; background: url(../images/flbg.png) #000 center left 20px no-repeat; color: #fff;}



.spro .left .pf .pful ul li a p{ font-size:14px; color: #a6a6a6;}







.spro .left .pf .pful ul li ul li{ border-left: none; border-right: none; line-height: 40px; border-bottom: 1px dashed #c8c9c8; border-top:none;}

.spro .left .pf .pful ul li ul li:hover{ background: #0045c8;}

.spro .left .pf .pful ul li ul li:hover a{ color: #fff;}







.spro .left .pf .pful ul li ul li a{ padding: 0 0 0 55px; color:#727272; font-size: 14px; font-weight: normal; background: url(../images/lier.png) center right 20px no-repeat;}



































.spro .right{ float: left; width: 930px;}



.spro .right .toppro .pic{ border:10px solid #003cce; width: 430px; float: left; overflow: hidden;}



.spro .right .toppro .pic img{ width: 100%; max-width: 100%;transition: all 0.5s;transform: scale(1);}

.spro .right .toppro .pic:hover img{transition: all 0.5s;transform: scale(1.2);}



.spro .right .toppro .prointro{ width: 460px; float: left; margin: 0 0 0 20px;}



.spro .right .toppro .prointro .introtitle{ font-size: 24px; color: #454545;}


.spro .right .toppro .prointro .introtitle:hover{ color: #0045c8;}

.spro .right .toppro .prointro .introtext{ font-size: 14px; color: #454545; line-height: 36px; border-bottom: 8px solid #565656;}







.spro .right .toppro .more{ margin: 40px;}



.spro .right .toppro .more a{ display: block; width: 155px; padding: 0 0 0 15px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; float: left;-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;}



.spro .right .toppro .more a:nth-child(1){ background: url(../images/a1.png) #565656 center left 40px no-repeat; margin-right: 30px; color: #fff;}



.spro .right .toppro .more a:nth-child(2){ background: url(../images/a2.png) #ffffff center left 35px no-repeat; height: 44px; border: 1px solid #565656;}

.spro .right .toppro .more a:nth-child(1):hover{ background: url(../images/a1.png) #0045c8 center left 40px no-repeat; margin-right: 30px; 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;}



.spro .right .toppro .more a:nth-child(2):hover{ background: url(../images/a22.png) #0045c8 center left 35px no-repeat; height: 44px; border: 1px solid #0045c8;-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; color: #fff;}









.spro .right ul{ margin: 20px 0 0 0;}



.spro .right ul li{ display: block; border:1px solid #c8c9c8; width:30%; margin: 0 2% 2% 0; text-align: center; float: left;}



.spro .right ul li .pic{ overflow: hidden;}

.spro .right ul li img{ width:100%; max-height: 174px;transition: all 0.5s;transform: scale(1);}

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



.spro .right ul li p{ width:100%; border-top:1px solid #c8c9c8; line-height: 50px;-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;}

.spro .right ul li:hover p{ background: #0045c8; 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;}



















.nproul .right ul li{margin:0 3% 3% 0; width:31%;}







.nproul .right ul li:nth-child(3),

.nproul .right ul li:nth-child(6),

.nproul .right ul li:nth-child(9),

.nproul .right ul li:nth-child(12){ margin:0 0 2% 0;}

































.advbg{ width:100%; background: #ececec; padding: 80px 0 50px 0;}







.advul{ width:100%; max-width: 1200px; margin: 30px auto;}



.advul li{ display:block; float: left; width: 284px; height: 544px; margin: 0 21px 0 0; box-shadow: 0px 0px 20px 0px #9c9c9c; border-radius: 50px;}



.advul li .pic{ text-align:center; margin: 40px auto 10px auto; width: 154px; height: 154px; border-radius: 80px; background:#313031; transition: all 0.5s;transform: scale(1); padding: 5px;}



.advul li .pic .circle{ width: 150px; height: 150px; border-radius: 75px; border: 1px solid rgba(255,255,255,.5); font-size:28px; font-weight: bold; color: #fff; line-height: 200px;}



.advul li h1{ font-size: 20px; color: #454545; font-weight: normal; text-align: center; margin: 0 0 10px 0;-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;}



.advul li p{ font-size: 12px; color: #454545; line-height: 24px; width: 85%; margin: 0 auto;}



.advul li:nth-child(4) p{ width: 78%; margin: 0 auto;}







.advul li:nth-child(1) .pic .circle{ background:url(../images/ab1.png) center top 26px no-repeat;}

.advul li:nth-child(2) .pic .circle{ background:url(../images/ab2.png) center top 26px no-repeat;}

.advul li:nth-child(3) .pic .circle{ background:url(../images/ab3.png) center top 26px no-repeat;}

.advul li:nth-child(4) .pic .circle{ background:url(../images/ab4.png) center top 26px no-repeat;}







.advul li:nth-child(1){ background:url(../images/abg1.png) #fff center no-repeat;}

.advul li:nth-child(2){ background:url(../images/abg2.png) #fff center no-repeat;}

.advul li:nth-child(3){ background:url(../images/abg3.png) #fff center no-repeat;}

.advul li:nth-child(4){ background:url(../images/abg4.png) #fff center no-repeat; margin: 0 0 0 0;}











.advul li:hover .pic{ background:#0071c6; transition: all 0.5s;transform: scale(1.2);}



.advul li:hover h1{ margin: 30px 0 10px 0; -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;}







.advul li .pic .circle h1{ margin: 0; font-size: 28px; color: #fff; font-weight: bold;}

.advul li:hover .pic .circle h1{ margin: 0;}















.snews{ width: 100%; padding: 90px 0; }















.snews{ width:100%;}







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







.snews .newsfl li{ width:65%; float: left; display: block; line-height: 40px; font-size: 22px; border-bottom: 1px solid #d5d5d5; color: #003cce;}



.snews .newsfl li:nth-child(2){width: 32%;margin-left:3%;}







.snews .newsfl li a{ display: block; font-size: 24px; border-bottom: 1px solid #003cce;}







.snews .newsfl li:nth-child(1) a{ background:url(../images/nb1.jpg) left center no-repeat; padding-left: 5%; width: 19%;}



.snews .newsfl li:nth-child(2) a{background:url(../images/nb2.jpg) left center no-repeat;padding-left: 9%;width: 32%;}















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



















.snews .nbottom .left{ width:65%; float: left;}







.snews .nbottom .left .picnews{ width: 49%; float: left; margin-right: 1%;}







.snews .nbottom .left .picnews .pndate{ padding: 10px 0 10px 30px; font-size: 20px; color: #aeaeae;}



.snews .nbottom .left .picnews:hover .pndate{ color: #003cce;}



.snews .nbottom .left .picnews .pntext { border: 1px solid #cecece;}



.snews .nbottom .left .picnews .pntext .title{ font-size: 18px; color: #454545; line-height: 65px; margin: 0 25px;}



.snews .nbottom .left .picnews .pntext .smalltext{font-size: 14px; color: #666666; line-height: 30px; margin: 0 25px 10px 25px;}



.snews .nbottom .left .picnews .pntext .smalltext a{ color: #003cce; }



.snews .nbottom .left .picnews .pntext .pic{ border: 1px solid #cecece; width:94%; margin: 0 auto 3% auto; overflow: hidden;}



.snews .nbottom .left .picnews .pntext .pic img{ max-width:100%;width:100%;transition: all 0.5s;transform: scale(1);}



.snews .nbottom .left .picnews:hover .pntext .pic img{ transition: all 0.5s;transform: scale(1.2);}







.snews .nbottom .left ul li{ display: block; margin: 0 0 15px 0; padding: 0 0 0 10px; background: url(../images/nli.jpg) left center no-repeat;}



.snews .nbottom .left ul li a{ display: block;}



.snews .nbottom .left ul li span{ float: right; color: #c2c2c2;}











.ge{ width:100%; height: 2px; background: url(../images/ng.jpg) center repeat-x; margin: 30px 0;}











.snews .nbottom .right{ width:30%; float: left; margin-left:3%;}











.snews .nbottom .right .rightnews .pic{ width:90%; border: 1px solid #cecece; margin: 30px auto 0 auto; overflow: hidden;}



.snews .nbottom .right .rightnews .pic img{ width:100%; transition: all 0.5s;transform: scale(1);}



.snews .nbottom .right .rightnews:hover .pic img{ width:100%; transition: all 0.5s;transform: scale(1.2);}



.snews .nbottom .right .rightnews .rtitle{ color:#454545; font-size: 18px; font-weight: bold; text-align: center; line-height: 50px;}



.snews .nbottom .right .rightnews .rsmalltext{ color:#454545; font-size: 12px; line-height: 24px; width:90%; margin: 0 auto;}























.snews .nbottom .right ul li{ display: block; margin: 0 0 19px 0; padding: 0 0 0 10px; background: url(../images/nli.jpg) left center no-repeat;}



.snews .nbottom .right ul li a{ display: block;}







































































.sabout{ padding:80px 0; background: url(../images/abg.jpg) center top no-repeat;}











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



.sabout .atext .alogo{ width: 233px; float: left;}



.sabout .atext .aright{ width:867px; float: left; background: #fff; padding: 30px 50px 20px 50px; box-shadow: 0px 0px 20px 0px #9c9c9c;}



.sabout .atext .aright h1{ font-size: 30px; color: #323435; margin-bottom: 9px;}



.sabout .atext .aright h1 a{ display: block; width: 125px; height: 36px; border: 1px solid #323435; border-radius: 19px; float: right; text-align: center; line-height: 36px; font-size: 14px; color: #8e8e8e; font-weight: normal;-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;}

.sabout .atext .aright h1 a:hover{ background: #003cce; color: #fff; border: 1px solid #003cce; -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;}



.sabout .atext .aright p{ font-size: 14px; color: #8e8e8e; line-height: 32px;}





















#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)}}































.fcontactbg{ width:100%; background: #575757; padding: 50px 0;}



.fmenubg{ width:100%; background: #272727; padding: 30px 0;}











.fcontactbg .fcontact{}



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



.fcontactbg .fcontact ul li{ display: block; width:24%; margin: 0 2%; padding: 0 0 0 5%; float: left; font-size: 12px;}



.fcontactbg .fcontact ul li span{ display: block; font-size: 18px; color: #fff;}



.fcontactbg .fcontact ul li p{ font-size:18px; line-height: 30px; color: #fff;}



.fcontactbg .fcontact ul li:nth-child(1){ background: url(../images/fb1.jpg) left center no-repeat;}



.fcontactbg .fcontact ul li:nth-child(2){ background: url(../images/fb2.jpg) left center no-repeat}



.fcontactbg .fcontact ul li:nth-child(3){ background: url(../images/fb3.jpg) left center no-repeat}







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



.fmenubg .fmenu .flink{ float: left; margin: 30px 0 0 0;}



.fmenubg .fmenu .flink .linktitle{ float:left; font-size:18px; border-right: 1px solid #fff; font-weight: bold; text-transform: uppercase; padding: 0 30px 0 0;}



.fmenubg .fmenu .flink a{ float:left; display: block; margin: 0 0 0 20px; color: #fff;}







.fmenubg .fmenu .ewm{ float: right; margin: 0 0 0 70px;}







.fmenubg .fmenu .ewm .text{ float:left; padding: 30px 15px 0 0; font-size: 16px; line-height: 26px;}



.fmenubg .fmenu .ewm img{ float:left; margin: 0 0 0 15px;}







.fmenubg *{ color:#fff;}















footer{ width:100%; height: 65px; color:#9a9a9a; text-align: center; line-height: 65px; font-size: 12px; background: #141414;}







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



















.nowposbg{ background:#fff;}







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







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







.nowposbg .nowpos span{ display: block; width:10px; height: 18px; background: #000; float: left; margin: 20px 8px 0 8px;}











.introflbg{}







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







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







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







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







.introflbg .introfl li.this,

.introflbg .introfl li:hover{ background: url(../images/aflbg.png) #0061ae center bottom no-repeat;}





.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;}



























.nabout{ width:100%; height: 416px; max-width:1055px; margin: 0 auto; background: url(../images/nabg.jpg) center no-repeat; padding: 150px 45px 95px 100px;}



.nabout h1{ margin: 0 0 50px 0;}



.nabout p{ line-height: 36px; font-size: 14px;}









.nzuzhi{ padding:5%; background: none; width: 90%;}





















.nshili{ width:100%; max-width:1200px; text-align: center; margin: 30px auto;}



.nshili p{ line-height: 36px; font-size: 14px;}











.spro .nproul .right ul{ margin:0;}























.npro{ background:#fff; overflow: hidden;}











.tuijian{ border:1px solid #eaeaea; padding: 15px; margin: 30px 0;}



.tuijian .title{ color:#0045c8; font-weight: bold;font-size: 16px;}



.tuijian .title span{ color:#8a8a8a; font-weight: normal; margin-left: 10px; text-transform: uppercase; font-size: 12px;}







.tuijian .ge{ margin:10px 0;}











.spro .right .tuijian li{ border:none; text-align: left; width: 50%; line-height: 30px; margin: 0;}



.spro .right .tuijian li span{ float: right; margin-right: 30px;}















.nnews .nbottom{ margin:30px auto 0 auto;}



.nnews .newsfl li{ width: 16%;}



.nnews .newsfl li:nth-child(1) a{ width:78%; padding-left:22%;}



.nnews .newsfl li:nth-child(2){ margin-left: 1%;}



.snews .newsfl li a{border:none;}



.nnews .nbottom .left{ width:100%;}





.nnews .nbottom .left .picnews{width: 32%; margin-bottom: 1%;}

.nnews .nbottom .left .picnews img{max-height: 208px;}





.nnews .newsfl li.this a{ border-bottom: 1px solid #003cce;}





.nnews .nbottom .left .picnews .pntext .title a{ font-weight:bold; font-size: 17px;}



















.ncontact{ width:100%; max-width:1200px; margin: 30px auto;}







.ncontact .left{ width:49%; float: left; margin-right: 2%;}



.ncontact .right{ width:49%; float: left;}







.ncontact h1{ font-size:16px; padding: 0 0 0 10px; line-height: 40px; border-top: 4px solid #616161; border-bottom: 1px solid #616161; color: #616161; margin: 0 0 10px 0;}

















.rectext .title{ font-size:18px; font-weight: bold; line-height: 40px;}



.rectext h1{padding: 0 0 0 50px; font-size: 18px; border-top: 4px solid #000; border-bottom: 1px solid #000; line-height: 50px;}



.rectext .reczhize{ padding:30px 60px;}

.rectext .rectiaojian{ padding:30px 60px;}















.corp{ width: 100%;max-width: 1200px; margin:50px auto 0 auto; text-align: center;}

.picfl{ background:url(../images/eline.jpg) center no-repeat;}

.picfl li{ display: inline-block;}

.picfl li{ margin:0; font-size:14px;}

.picfl li a{ font-size:14px;}

.picfl li a:hover{ color:#003cce;}





.corp ul{ margin: 50px 0 0 0;}

.corp ul .corpli{ float: left; margin: 0 2% 0 0; text-align: center;}

.corp ul .corpli p{ line-height: 30px; font-size: 14px;}

.corp ul .corpli img{ max-width: 100%;}







#tabbox{ overflow:hidden;}

.tab_con{ display:none;}

.tabs{height: 32px;width: 100%;}

.tabs li{height:31px;line-height:31px;overflow: hidden;position: relative;}



.tabs li.thistab a{ font-weight: bold; color:#003cce;}





.g ul{ margin:0;}

.g ul li{ margin: 0 10px 0 0; list-style: none;}





.block_home_slider,

.logo1,

nav ul li.first,

.detail1,

.detailpic1,

.menubut,

.menuclose{ display:none;}



.newstext img{ max-width:100%;}

.detailpic img{ max-width:100%; height: auto !important;}



.topge{ display: none; height:117px;}





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

	nav{ display:none; position: fixed; background: #fff; width: 50%; right: 0; top: 0; height: 100%; z-index: 99999999999; box-shadow: 0 0 12px 0 #ccc;}

	nav ul{ border: none;}

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

	nav ul li a{ color:#000;}

	nav ul li ul.erji{ display:none !important;}

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

	nav ul li:hover,

	nav ul li:hover a{ color:#fff;}

	

	header{ padding:10px 5%; box-shadow: 0 0 12px 0 #ccc; position: relative; z-index: 999; width: 90%;}

	

	

	.menubut{ display: block; position: fixed; right: 15px; top: 60px; z-index: 99999999999; }

	.menuclose{ display: none; position: fixed; right: 15px; top: 20px; z-index: 99999999999; }

	

	

	.logo{ display:none;}

	.logo1{ display:block; width: 50%;}

	

	

	

	.banner{ height: 200px;}

	

	.slide.banner{ display:none;}

	.bann_ext{ display:none;}

	.block_home_slider{ display:block;}

	

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

	.stitle .sline li{ margin:5px;}

	.stitle .entitle{ width:90%; margin: 0 5%; font-size: 12px;}



	.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 a {width:25px; height:25px; margin-top:-27px; display:block; position:absolute; top:60%; background-repeat:no-repeat; background-image:url(../images/sprite_arrow_2.png); text-indent:-9000px;}

	.block_home_slider .flex-direction-nav a.flex-prev {left:6px; background-position:left top;}

	.block_home_slider .flex-direction-nav a.flex-prev:hover {background-position:left bottom;}

	.block_home_slider .flex-direction-nav a.flex-next {right:6px; background-position:right top;}

	.block_home_slider .flex-direction-nav a.flex-next:hover {background-position:right bottom;}

	.block_home_slider .flex-control-paging { display:inline-block; bottom:10px; position:absolute; z-index:9999; margin-left: -30px;}

	.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:10px; height:10px; display:block; background-repeat:no-repeat; border-radius:5px; background:#ccc; text-indent:-9000px; cursor:pointer;}

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



	.block_home_post_feature {width:300px;}

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





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

	.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 li{ display: block;}



	

	.topbg .top{ line-height: 36px; font-size: 12px;}

	.topbg .top .left{ text-align:center; float: none;}

	.topbg .top .right{ display:none;}

	

	.hotline{ display:none;}

	.logo{ width: 90%; margin: 0 5%; float: none;}

	

	.spro{ padding:50px 0;}

	.spro .left{ width: 90%; margin: 0 5%; float: none;}

	.spro .right{ width: 90%; margin: 0 5%; float: none;}

	.spro .right .toppro .pic{ width: 94%; margin: 5% auto; float: none;}

	.spro .right .toppro .pic img{ max-width: 100%;}

	.spro .right .toppro .prointro{ width: 100%; margin: 0 auto; float: none;}

	

	.sabout .atext .aright{ width: 80%; margin: 0 5%; padding: 5%; float: none;}

	

	.fapp{ padding:50px 0;}

	.fappfl{ margin:30px 0 0 0;}

	.fappfl ul{ width: 90%; margin: 0 5%; float: none;}

	.fappfl li span{ margin:95px 0 0 0; font-size: 14px;}

	

	.fappfl .left{ width: 90%; margin: 0 5%; float: none;}

	.fappfl .left img{ max-width: 100%;}

	.fappfl .yytel{ width: 100%; margin: 0; float: none;}

	.fappfl .yytel .left{ width: 100%; margin: 0; float: none;}

	.fappfl .yytel .right{ width: 90%; margin: 0 5%; float: none; text-align: center;}

	.fappfl .yytel a{ margin:0 auto;}

	

	.fappfl .yytel h1{ width:100%; margin: 30px 0 0 0; text-align: center;}

	.fappfl .yytel h2{ margin:0; text-align: center; letter-spacing: 0;}

	.fappfl .yytel span{ margin:5px auto;}

	

	

	.spro .left{ height:40px;}

	.spro .left .pftitle,

	.spro .left .pf .pful ul li:nth-child(3),

	.spro .left .pf .pful ul li:nth-child(4),

	.spro .left .pf .pful ul li ul li{ display:none;}

	

	.spro .left .pf .pful ul li{ border:none; width: 49.6%; float: left; border-right: 1px solid #fff;}

	.spro .left .pf .pful ul li a{ background:#000; padding: 0; line-height: 40px; text-align: center; font-size: 14px;}

	

	

	.spro .right{ margin:5%;}

	

	

	.spro .right .toppro .more{ margin:40px 0;}

	

	.spro .right ul li{ width:100%;}

	.spro .right ul li img{ max-height:none;}

	

	.advbg{ background-size: cover !important;}

	

	.advul li{ width:40%; height:485px; margin: 5%; background-size: contain !important; background-position: bottom !important; background-color: #fff;}

	.advul li:nth-child(4){ width:40%; margin: 5%;}

	.advul li h1{ font-size:14px;}

	

	

	

	.advul li .pic{ text-align:center; margin: 20px auto 10px auto; width: 130px; height: 130px; border-radius: 70px; background:#313031; transition: all 0.5s;transform: scale(1); padding: 5px;}

	.advul li .pic .circle{ width: 128px; height: 128px; border-radius: 75px; border: 1px solid rgba(255,255,255,.5); font-size:20px; font-weight: bold; color: #fff; line-height: 195px;}

	

	

	

	.newsfl{ display:none;}

	

	.snews{ padding:50px 0;}

	

	.snews .nbottom .left{ width:100%; float: none;}

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

	.snews .nbottom .left ul li{ width:90%; margin: 0 auto 15px auto;}

	

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

	

	.sabout .atext .alogo{ display:none;}

	

	.sabout .atext .aright h1{ font-size:24px; text-align: center;}

	.sabout .atext .aright h1 a{ width: 110px; height: 30px; line-height: 30px; float:none; font-size: 12px; margin: 10px auto;}

	

	.fcontactbg .fcontact ul li{ background-position: center top !important; text-align: center; padding: 15% 0 0 0; width: 30%; margin: 0 1.5%;}

	.fcontactbg .fcontact ul li p{ font-size:12px; line-height: 20px; margin: 10px 0 0 0;}

	

	

	.fmenubg .fmenu{ width:90%;}

	.fmenubg .fmenu .flink{ float:none; clear: both; margin:0; width: 100%;}

	.fmenubg .fmenu .ewm{ float:none; clear: both; margin:0; width: 100%; text-align: center;}

	.fmenubg .fmenu .ewm .text{ padding:20px 0; width: 100%; text-align: center; font-size: 14px;}

	.fmenubg .fmenu .ewm img{ display:inline; float: none;}

	

	

	

	footer{ height:auto; line-height: 24px; padding: 10px 0;}

	footer p{ width:90%; margin: 0 auto;}

	

	.introflbg .introfl li{ width:33%;}

	

	.nabout{ padding:5%; width:90%; height: auto; background: none;}

	.nabout h1{ font-size:24px; text-align: center; margin: 0 0 20px 0;}

	

	

	.nshili{ width: 90%; margin: 0 5%; text-align:left;}

	.nshili p{ font-size:12px;}

	.nshili img{ width: 100%;}

	

	

	

	.nbanner{ height:110px;}

	

	.spro .right .tuijian li{ width:100%;}

	

	.detailtable{ display:none;}

	

	.detail1,

	.detailpic1{ display:block;}

	

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

	.rectext .title{ text-align:center;}

	.rectext h1{padding: 0 0 0 15px;}

	

	.rectext .reczhize,

	.rectext .rectiaojian{ padding:10px;}

	

	.rectext .reczhize *,

	.rectext .rectiaojian *{ font-size:12px !important;}

	

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

	.ncontact .left img{ max-width:100%;}

	.ncontact .right{ width:90%; margin: 5% 5% 0 5%; overflow: hidden;}

	.ncontact .right iframe{ margin-left: -100px;}

	

	.ncontact .tableborder{ width:100%;}

	

	.top{ position: fixed; z-index: 999999999999; box-shadow: 0 0 12px 0 #ccc;}

	.topbg{ height: 36px;}

	.topge{ display: block;}

	

	

	

	

	

	

	.tableborder{ font-size: 14px;}

	.tableborder input[type="text"]{ width:90%; height: 35px; padding: 0 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

	.tableborder input[type="text"]#key{ width:90%; height: 35px; padding: 0 10px; background: none; border:1px solid #a9a9a9;}

	.tableborder textarea{ width:90%; height: 62px; padding: 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}

	

	

	.advul li .pic .circle h1{ margin: 0; font-size: 20px; color: #fff; font-weight: bold;}

	

	

	

	

}