﻿@charset "utf-8";

/* CSS Document */



*{ margin:0; padding: 0;}

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

input{ outline:none;}

.clear{clear:both;}







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



header{ width:100%; background: #f1f1f1; color: #000;}

header .share{ width:100%; max-width: 1200px; height: 27px; margin: 0 auto; line-height: 27px; font-size: 12px;}

header .share .left{ float: left;}

header .share .right{ float: right;}
header .share .right a{ font-size: 12px; position: relative;}
header .share .right a img{ display: none; position: absolute; top: 20px; left: -32px;}



.logo{ width: 1207px; height: 64px; margin: 0 auto; padding: 25px 0; background: url(../images/logo.jpg) center no-repeat;}





nav{ width:100%; height: 60px; line-height: 60px; background: #131313;}

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

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

nav ul li a{ display: block; color: #fff;}

nav ul li.this,
nav ul li:hover{ background: #0654b5;}

nav ul li:hover a{}



.banner{ width: 100%; height: 610px; position: relative; z-index: 9;}







.search{ width:1200px; height: 70px; line-height: 70px; margin: 0 auto;}

.search .hotkey{ float: left; font-size: 14px;}

.search .searchform{ float: right; padding: 20px 0;}

.search .searchform input[type=text]{ border:1px solid #999999; height: 28px; border-radius: 15px; padding:0 57px 0 30px; width: 120px; float: left;}
.search .searchform input[type=submit]{ border:none; width: 28px; height: 28px; background: url(../images/sbut.png) center no-repeat; float: left; margin-left: -28px;}




.frontCover{
    bottom: 50px !important;
}

















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

.stitle .cntitle{ font-size: 44px; font-weight: bold; color:#000;}

.stitle .entitle{ font-size: 18px; color: #4b4a4a; text-transform: uppercase; line-height: 40px;}

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

.stitle .entitle li:nth-child(2){ margin:0 10px;}

.stitle .entitle li:nth-child(1),

.stitle .entitle li:nth-child(3){ width:50px; height: 2px; background: #074899;}





.sservice{ width:100%; padding: 65px 0; background: url(../images/xbg.jpg) center no-repeat;}



.sservice ul{ width:1200px; margin: 55px auto 0;}

.sservice ul li{ display:block; width: 32%; float: left; background: #fff; margin: 0 0.5%;}

.sservice ul li:nth-child(2){padding: 20px 0; margin-top: -20px;}



.sservice ul li .pic{ width: 110px; height: 110px; margin: 0 auto; background-position: center; background-repeat: no-repeat;}



.sservice ul li:nth-child(1) .pic{ background-image: url(../images/x1.png);}

.sservice ul li:nth-child(2) .pic{ background-image: url(../images/x2.png);}

.sservice ul li:nth-child(3) .pic{ background-image: url(../images/x3.png);}



.sservice ul li .title{ text-align:center; line-height: 26px; font-size: 24px; font-weight: normal; color: #444; margin: 40px 0 0 0;}

.sservice ul li .entitle{ text-align:center; line-height: 30px; font-size: 30px; font-weight: bold; color: #074899; margin: 10px 0; }

.sservice ul li span{ display: block; width: 47px; height: 1px; background: #d92433; margin: 10px auto 20px auto; }

.sservice ul li p{ width: 65%; height: 100px; margin: 0 auto; line-height: 24px; font-size: 16px; font-weight: lighter; color: #585858; text-align: center;}

.sservice ul li .mmore{ width: 180px; margin: 10px auto 40px auto; line-height: 40px; font-size: 16px; font-weight: lighter; color: #585858; text-align: center; border-radius: 20px; background: #eeeeee;}

.sservice ul li:nth-child(2) .mmore,

.sservice ul li:hover .mmore{  color: #fff; background: #074899;}

























.spro{ padding:100px 0;}





.sprofl{ width: 1200px; margin:50px auto 0 auto; text-align: left;}

.sprofl li{ display:block; float: left; border: 1px solid #c3c3c3; border-right: none; height: 63px; width: 168px; padding:0 0 0 70px; line-height: 63px; background:url(../images/pb1.png) left 30px center 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;}

.sprofl li:last-child{ border-right:1px solid #c3c3c3;}

.sprofl li a{ display:block; font-size: 18px;-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;}

.sprofl li:hover{ background:url(../images/pb2.png) #074899 left 30px center 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;}

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



.sproul{ width: 1200px; margin:50px auto 0 auto;}

.sproul ul li{ float: left; display: block; width: 391px; height: 280px; padding: 2px; position: relative; margin-right: 7px; margin-bottom: 7px; 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{ overflow: hidden;}

.sproul ul li .pic img{ width: 391px; height: 280px; display: block; transition: all 0.5s;transform: scale(1);}

.sproul ul li:hover .pic img{ width: 391px; height: 280px; display: block; transition: all 0.5s;transform: scale(1.2);}

.sproul ul li .protitle{ position: absolute; bottom: 0; line-height: 50px; font-size: 16px; font-weight: lighter; background: rgba(0,0,0,.3); width: 391px; color: #fff;}



.sproul ul li:hover{ background: #074899; -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 .protitle{ background: #074899; -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 *{ 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;}





.sproul ul li:nth-child(3),

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

.sproul ul li:nth-child(9),

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

.sproul ul li:nth-child(15){ margin-right:0;}















.scase{ width:100%; padding: 100px 0 50px 0; background: #f3f3f3; }





.scasefl{width: 1200px; margin: 30px auto; text-align: center;}

.scasefl li{ display:inline-block; width: 185px; height: 80px; border-top: 1px solid #646464; text-align: center;}

.scasefl li span{ font-size: 18px; color:#4b4a4a; display: block; margin: 16px 0 0 0;}

.scasefl li p{ font-size: 14px; color:#4b4a4a;}

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

.scasefl li:nth-child(2){ background: url(../images/c21.png) center no-repeat; float: none;}

.scasefl li:nth-child(3){ background: url(../images/c31.png) center no-repeat; float: right;}

.scasefl li:nth-child(1):hover{ background: url(../images/c12.png) center no-repeat;}

.scasefl li:nth-child(2):hover{ background: url(../images/c22.png) center no-repeat;}

.scasefl li:nth-child(3):hover{ background: url(../images/c32.png) center no-repeat;}







.caseintro{ width:1200px; margin: 0 auto;}

.caseintro .left{ width: 792px; height: 446px; float: left;}

.caseintro .left img{ width: 792px; height: 446px; display: block;}

.caseintro .right{ width: 291px; height: 344px; border: 1px solid #000; float: left; padding: 50px 45px; margin: 0 0 0 25px;}

.caseintro .right h1{ font-size:20px; line-height: 30px; margin: 0 0 40px 0;}

.caseintro .right p{ font-size:14px; line-height: 30px; margin: 0 0 40px 0;}

.caseintro .right .cmore{ width: 150px; height: 30px; line-height: 30px; border-radius: 15px; text-align: center; background: #074899;}

.caseintro .right .cmore a{ font-size:14px; color: #fff;}





.scase ul.scaseul{ width: 1200px; margin: 30px auto;}

.scase ul.scaseul li{ display:block; width: 278px; margin: 0 23px 23px 0; float: left; font-size: 14px; text-align: center;}

.scase ul.scaseul li .pic{ overflow: hidden;}

.scase ul.scaseul li .pic img{ width: 278px; height: 180px; transition: all 0.5s;transform: scale(1);}

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

.scase ul.scaseul li p{ line-height: 30px;}


.scase ul.scaseul li:nth-child(4),
.scase ul.scaseul li:nth-child(8){ margin: 0 0 23px 0;}














.sadv{ padding: 100px 0 0 0;}

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

.sadv ul li{ display:block; width: 100%; height: 399px;}

.sadv ul li:nth-child(1){ background: url(../images/advbg1.jpg) center no-repeat;}

.sadv ul li:nth-child(2){ background: url(../images/advbg2.jpg) center no-repeat;}

.sadv ul li:nth-child(3){ background: url(../images/advbg3.jpg) center no-repeat;}





.sadv ul li .tarea{ width: 1200px; margin: 0 auto; padding: 70px 0 0 0;}



.sadv ul li .tarea h1{ font-size:36px; line-height: 70px; font-weight: normal;}

.sadv ul li .tarea h2{ font-size:24px; line-height: 30px; font-weight: normal; color: #074899; margin: 0 0 10px 0;}

.sadv ul li .tarea p{ font-size:14px; line-height: 40px; font-weight: normal; color: #333333;}



.sadv ul li .tarea .tcontent{ width: 450px;}

.sadv ul li .tarea1 .tcontent{ float: right; text-align: right;}

.sadv ul li .tarea2 .tcontent{ float: left;}

.sadv ul li .tarea3 .tcontent{ float: right; text-align: right;}

.sadv ul li .tarea3 .tcontent p{ text-align: left;}



















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







.newsfl{ border-bottom: 3px solid #ebebeb; margin: 0 0 10px 0;}

.newsfl li{ width:49%; float: left; display: block; line-height: 40px; font-weight: bold;  font-size: 20px; padding: 0 0 0 3%; background: url(../images/n.png) center left no-repeat}

.newsfl li:last-child{ width:45%; float: left; display: block; background: url(../images/cj.png) center left no-repeat}

.newsfl li:last-child a{ float:right; font-size: 16px; padding: 0 30px 0 0; background: url(../images/nmore.png) right center no-repeat; font-weight: normal;}



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

.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: 10px 0 0 0;}

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

.snews .nbottom .left .picnews .pic img{ width:539px; height: 297px;}

.snews .nbottom .left .picnews .pntext{ width:539px; float: left;}


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

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

.snews .nbottom .left .picnews .pntext .ldate{ font-size: 12px; color: #999999; line-height: 30px; margin: 10px 0 0 0; padding: 0 0 0 20px; background: url(../images/t.png) left center no-repeat;}





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

.snews .nbottom .right ul li{ display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px dashed #999;}

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

.snews .nbottom .right ul li .title{ font-size: 16px; line-height: 34px; margin: 5px 0; padding: 0 0 0 40px; background: url(../images/wen.png) left center no-repeat;}

.snews .nbottom .right ul li p{ font-size: 12px; line-height: 24px; padding: 0 0 0 40px; background: url(../images/da.png) left top no-repeat;}



























.sabout{ padding:50px 0; background: #f7f7f7;}



.sabout .satext{ width: 1200px; margin:50px auto;}



.sabout .satext .left{ float: left; width: 693px;}



.sabout .satext .right{float: left;width: 442px; margin: 0 0 0 65px;}

.sabout .satext .right h1{font-size: 42px; margin: 30px 0; font-weight: bold; text-transform: uppercase;}

.sabout .satext .right p{ font-size: 14px; line-height: 24px; color: #666666;}

.sabout .satext .right .amore{}

.sabout .satext .right .amore a{ color:#4992d9;}



.sabout .satext .right .morelink li { width: 50%; text-align: center; display: block; float: left; height: 39px; line-height: 39px; background: url(../images/amore.png) center no-repeat; margin: 20px 0 0 0;}

.sabout .satext .right .morelink li a{ color:#fff;}















.fmenubg{ width:100%; background: #9b9999; padding: 50px 0; border-top: 5px solid #d92433;}

.fmenubg *{ color:#fff !important;}

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

.fmenubg .fmenu .fleft{ width:335px; margin-right: 80px; float: left; font-size: 16px; line-height: 30px;}

.fmenubg .fmenu ul{ width:165px; float: left; background: url(../images/fmenuline.png) left bottom no-repeat;}

.fmenubg .fmenu ul li{ display: block; line-height: 30px;}

.fmenubg .fmenu ul li.first{ font-weight: bold; font-size: 18px; margin: 0 0 15px 0;}

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





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

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























.nowposbg{ background:#f5f5f5;}

.nowposbg .nowpos{ width:1200px; margin: 0 auto; line-height: 60px; color: #333; font-size: 14px;}

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





















.nnews{ background:#f5f5f5;}



.nnewsul{ width:1200px; margin: 50px auto;}



.nnewsul ul{}

.nnewsul ul li{ display: block; float: left; width: 390px; margin: 0 15px 25px 0;}

.nnewsul ul li .pic{ overflow: hidden;}

.nnewsul ul li .pic img{ display: block; width: 390px; height: 185px;transition: all 0.5s;transform: scale(1);}

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

.nnewsul ul li .ntext{ padding: 20px 25px; background: #fff;}

.nnewsul ul li .ntext .title{ font-size: 18px; font-weight: bold;}

.nnewsul ul li .ntext p{ font-size: 14px; line-height: 24px; margin: 20px 0;}

.nnewsul ul li .ntext .date{ font-size: 12px; margin: 15px 0;}

.nnewsul ul li .ntext .nmore{ font-size: 14px; line-height: 20px; padding: 0 0 0 25px; background: url(../images/nnmore.png) left center no-repeat;}







.nnewsul ul li:nth-child(3),

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

.nnewsul ul li:nth-child(9),

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

.nnewsul ul li:nth-child(15){ margin: 0 0 25px 0;}















.ncaseul{ width:1200px; margin: 50px auto;}

.ncaseul ul li{ display: block; margin: 0 0 25px 0;}

.ncaseul ul li a{ display: block;}

.ncaseul ul li .pic{ width: 350px; overflow: hidden; float: left;}

.ncaseul ul li .pic img{ display: block; width: 350px; height: 276px;transition: all 0.5s;transform: scale(1); border: 1px solid #6680d3;}

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

.ncaseul ul li .ntext{ width: 810px; float: left; margin: 0 0 0 40px; padding: 25px 0;}

.ncaseul ul li .ntext .title{ font-size: 20px; font-weight: bold;}

.ncaseul ul li .ntext p{ font-size: 14px; line-height: 24px; margin: 20px 0;}

.ncaseul ul li .ntext .nmore{ font-size: 12px; line-height: 30px; width: 80px; text-align: center; color: #fff; background: #074899;}






.nconbg{ background:#f6f6f6;}
.ncon{ width:1200px; margin:0 auto;}



.ncontact .left{ width:597px; height: 680px; float: left; background: #fff;}
.ncontact .left .nfl li{ width: 49%; float: left; height: 55px; text-align: center; display: block; line-height: 50px; border-right: 1px solid #e9e9e9;}
.ncontact .left .nfl li:last-child{border-right: none;}
.ncontact .left .nfl li a{ font-size: 18px;}
.ncontact .left .nfl li.this a{ padding:15px 40px; background: #074899; color: #fff;}
.ncontact .left .ntext{ padding:50px 100px;}

.ncontact .right{ width:603px; float: left; margin: 80px 0 0 0;}


.nbanner{ width:100%; height: 300px; background-position: center; background-repeat: no-repeat;}





.afl{ text-align:center; margin: 50px auto;}
.afl li{ display:inline-block; width: 140px; font-weight: bold;}
.afl li a{ display: block;}
.afl li:hover a{ color: #074899;}






.nabout{ background:#fff;}

.nabout .left,
.nabout .right{ float: left;}
.nabout .gongsijianjie{ width:1200px; height: 486px; margin: 0 auto;}

.nabout .gongsijianjie .left{ width: 642px;}
.nabout .gongsijianjie .right{ width:558px;}
.nabout .gongsijianjie .right .text{ padding:20px; font-size: 14px; line-height: 28px;}








.nabout .fazhanlicheng{ width:1220px; height: 500px; margin: 0 auto; background: url(../images/na2.png) bottom center no-repeat;}

.nabout .fazhanlicheng .text{ padding:185px 0 0 85px; font-size: 14px; line-height: 36px;}
.nabout .fazhanlicheng .text li{ display:block;}
.nabout .fazhanlicheng .text li span{ display:block; width:90px; float: left;}
.nabout .fazhanlicheng .text li p{ display:block; width:320px; float: left;}



.nabout .qiyewenhua{ width:1220px; height: 240px; margin: 0 auto; background: url(../images/na3.png) center no-repeat;}

.nabout .qiyewenhua .text{ padding:100px 0 0 125px; width: 555px; font-size: 14px; line-height: 30px;}




.nabout .rongyuzizhi{ width:1200px; margin: 50px auto;}
.nabout .rongyuzizhi .title{ text-align:center;}
.nabout .rongyuzizhi ul li{ display: block; width:173px; float: left; margin: 20px 32px 0 0;}
.nabout .rongyuzizhi ul li img{ width:173px; height: 237px;}



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













.blk_18 {zoom:1; font-size:9pt;width:1200px; margin-top:8px; position: relative;}
.blk_18 .pcont { width:1200px; float:left; overflow:hidden; }
.blk_18 .ScrCont { width:32766px; zoom:1;  }
.blk_18 #List1_1, .blk_18 #List2_1 { float:left; }
.blk_18 .LeftBotton{ width:37px; height:68px; position: absolute; background:url(../images/ax11.png) no-repeat; left:-50px;top: 105px;}
.blk_18 .RightBotton{ width:37px; height:68px; position: absolute; background:url(../images/ax21.png) no-repeat; right:-50px;top: 105px;}
.blk_18 .pl img { display:block; cursor:pointer; border:none; }
.blk_18 .pl { float:left; text-align:center; margin-right:10px;}










