@charset "utf-8";

@import "";


body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0;}
body,button,input,select,textarea{font:12px/1.5 \5FAE\8F6F\96C5\9ED1DE,\5b8b\4f53,arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
address,cite,dfn,em,var{font-style:normal;}
code,kbd,pre,samp{font-family:courier new,courier,monospace;}
small{font-size:12px;}
ul,ol{list-style:none;}
a{text-decoration:none;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
legend{color:#000;}
fieldset,img{border:0;}
button,input,select,textarea{font-size:100%;}
table{border-collapse:collapse;border-spacing:0;}
img{vertical-align:top;}
.fl { float: left !important;}
.fr { float: right !important;}
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}
.hidden{display:none !important;}
.show{display:block !important;}
.invisible{visibility:hidden;}
.noBg{background:none !important;}
.noBorder{border:none !important;}
.noMargin{margin:0 !important;}
.noPadding{padding:0 !important;}
.mb10 {margin-bottom: 10px;}

body {margin:0 auto; font: 14px/22px "\5FAE\8F6F\96C5\9ED1DE"; }
a { color:#444; }
a:hover {  text-decoration:none; color: #0370E0}
.wrap { position:relative; width: 1200px; margin:0 auto; }
.header,.container,.footer { margin:0 auto; }

i{display: inline-block;width: 20px;height: 20px;background: #ddd;}

div,span,a,i,strong,p,li,ul{	
	-webkit-transition: all 0.5s linear 0s;
	-o-transition: all 0.5s linear 0s;
	-moz-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}

.header .bg{	
	transition: all 0.2s linear 0s;
	-o-transition: all 0.2s linear 0s;
	-moz-transition: all 0.2s linear 0s;
	-webkit-transition: all 0.2s linear 0s;
}

/*header*/
.header { position: relative; height:90px;text-align: left;background: #fff;color: #222;}
.header .logo{position: absolute; z-index: 3; left:-120px; top: 20px;display: block;width: 485px;height: 60px;background: url(../images/logo.png) no-repeat 0 0; }
.header .nav{float: right;margin-top: -10px; text-align: right}
.header .nav li{ float: left; display: inline-block;padding-left: 35px; }
.header .nav li a{border-bottom:0; padding:0px 8px;font-size: 16px;color:#444;line-height: 83px;display: block;height:83px;}
.header .nav li:hover a,
.header .nav li.hover a,
.header .nav li.current a{border-bottom: 7px solid #0370E0;color: #0370E0;text-decoration:none;}
.header .nav li .bg{height: 0;width: 0; display: none;}
.header .nav li ul.subnav {display: none; top:90px;text-align: left; height: 60px;line-height: 60px; color: #fff; right:0; position: absolute;z-index: 999; }
.header .nav li ul.subnav li {float: none; height: 60px;line-height: 60px;padding:0 6px;}
.header .nav li.hover ul.subnav{display: block; }
.header .nav li.hover ul.subnav li a{ border:none; color: #fff;padding: 10px 5px 0 ; height: 40px;line-height: 40px;}
.header .nav li.hover ul.subnav li a:hover{border-bottom:1px solid #fff;}
 

.header .nav li.li-0 ul.subnav{margin-left: 55px;}
.header .nav li.li-1 ul.subnav{margin-left: 80px;}
.header .nav li.li-2 ul.subnav{margin-left: 140px;}
.header .nav li.li-3 ul.subnav{margin-left: 55px;}
.header .nav li.li-4 ul.subnav{text-align: right;}

.header .bg{ position: absolute;left:0;right:0; width: 100%; right:auto; top:90px; z-index: 18; height: 0px; background: rgba(0,0,0,.5); }

.notice{width: 600px;height:20px; position: absolute; color: #fff;z-index: 99;top:110px;left:50%;margin-left: -700px;margin-top:40px; }
.notice i{float: left;margin-right: 5px;background: url(../images/i-horn.png) no-repeat 0 3px;}
.notice span{float: left;}
.notice li{float: left;margin-right: 20px}
.notice a{color: #fff; }

.search-btn {top:12px;right:-240px; color: #878787; line-height: 36px; font-size: 18px; position: absolute;z-index: 3;height: 36px;width:195px;border:0px solid #9f9f9f;}
.search-btn i{float: left;width: 22px;height: 26px; margin:4px 12px 0 10px;background: url() no-repeat 0 2px;}




.p-banner { padding-top: 0.5px;position: relative; width:100%;height: 385px;background:#333 url("../images/p-bg-3.png") no-repeat center top;}
.p-banner h3{position: absolute;top:50%; left:50%;width: 1200px;margin:-30px 0 0 -600px; z-index: 3;color: #fff;font-size: 52px;
	height: 60px;line-height: 60px;}
.p-banner .video{text-align: center;line-height: 37px;left:50%;top:50%;z-index: 3;margin:50px 0 0 -590px; position: absolute;width: 154px;height: 37px;border:1px solid #fff;color: #1d2089;font-size: 18px;display: inline-block;}
.p-banner .video:hover{background: #fff;color: #0370E0}


.p-bg-3 {background-image: url(../images/p-bg-3.png);}
.p-bg-4 {background-image: url(../images/p-bg-3.png);}


.menus{height: 60px;background: #fff; margin-bottom: 70px;}
.menus li{display: inline-block;line-height: 60px;}
.menus li a{padding:0 20px 0 15px; display: inline-block;height: 16px;line-height: 16px; border-right:1px solid #bbb; color: #777;font-size: 16px;}
.menus li a:hover,
.menus li a.current{color: #0370E0}
.menus li:last-child a{border:none;}
.menus li:nth-child(1) a{margin-left: -15px}
.bg-gary {background: #eee}

/* footer */
.footer {text-align: center;background-color:#0370E0;}
.footer .copyright {padding:30px 0px;font-size: 14px;}
.footer p{color: #fff;line-height:30px; }


.index {position: relative;width:100%;height: 100% }
.index .copyright{ font-size: 16px; text-shadow: 0 2px 2px rgba(0,0,0,.2); text-align: center; position: absolute;z-index: 5;color: #fff;bottom:-20px;left:10%;right:10%;}

.index .header .logo{background: url(../images/logo-2.png) no-repeat 0 0;}


.banner {position: relative;width:100%;height: 100%;z-index: 3}
.banner .bd li{display: block;width:100%;height: 650px; background-size: 100% 100%;}
.banner .bd li a{display: block;height: 650px;}
.banner .hd {display: none;width: 100%;height: 30px;text-align: center;position: absolute;left:0;right:0;bottom:20px;z-index: 33;}
.banner .hd li{display: inline-block;height: 15px;width: 15px;background: #fff;border-radius: 50%;font:0/0 a;margin:0 4px;}
.banner .hd li.on{background: #0370E0}
.banner .arr {background: url(../images/icon-arr.png) no-repeat 15px 15px; bottom:-150px;border-radius: 50%;border:2px solid #fff; cursor: pointer; position: absolute;z-index: 13;display: inline-block;width: 56px;height: 56px; }
.banner .next{right:30px; background-position: -25px 15px}
.banner .prev{ right:120px; }
 
.banner .arr:hover{background-color: #0370E0;border-color: #0370E0}



.item-h-d{padding-top: 60px;padding-bottom: 60px;}
.item-h-d .i-hd {height: 70px;line-height: 60px;position: relative;text-align: center;margin-bottom: 40px}
.item-h-d .i-hd:before{content: " "; position: absolute;left:50%;margin-left:-20px;bottom:0; height: 7px;width: 40px;background:#0370E0 }
.item-h-d .i-hd strong{font-size: 30px;color: #000;}

   
 
.text-list li a{display: block;color:#444; padding-right: 50px; position: relative; padding-left: 20px; line-height: 38px;font-size: 16px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.text-list li a:hover{text-decoration: none;color:#0370E0 }
.text-list li span{position: absolute;right:5px;top:0;color: #888;font-size: 12px;}
.text-list li a:before{content: " ";position: absolute;left:9px;top:50%;margin-top:-1px;width: 3px;height: 3px;border-radius: 50%;background: #222;}
.text-list li:last-child {border-bottom: none;}
.text-list li img{vertical-align: middle;margin-top: -1px;margin-left: 5px;}


/**内容页面**/
.container {background: #f7f7f7; position: relative; z-index: 9; margin:0 auto;}
.bg-fff{background: #fff;}
  

/* colTxtTitle */
.colTxtTitle { height: 60px;line-height: 60px; background: #0A4C94;color: #fff;font-size: 20px;text-indent: 20px;}
/*.colTxtTitle h3 { padding-left: 20px; font-weight: 600; line-height: 24px; }*/

/* subNav */
.menu { padding-bottom:20px;}
.menu ul li{height: 70px;line-height: 70px;margin-bottom: 10px;}
.menu ul li a{font-size: 20px;color: #444; text-align: center; display: block;height: 70px;background: #eee}
.menu ul li a.on{background: #0370E0;color: #fff;}


/* location */
.location { margin-top:190px; color: #fff;  }
/*.location h3 {margin-top:20px;font-size: 18px; color: #fff;line-height: 50px;  font-weight:normal;padding-left:20px;background:#e99e3f; }*/
.location .breadcrumb {  display: inline-block; font-size: 16px;}
.location .breadcrumb a { padding: 0 5px; color: #fff;line-height: 60px;font-size: 16px;}
.location .breadcrumb span{ color: #fff; padding:0 5px 0 15px;line-height: 60px;display: inline-block; }



.page {padding:0 30px;text-align:left;height: 60px;line-height: 60px;  background-color:#E7ECF2;}
.page a {font-size: 22px;display: inline-block;height: 60px;color:#333; cursor: pointer; line-height: 60px; padding: 0px 20px; }
.page a:hover,.page .current {  background: #0370E0;color: #fff ; text-decoration: none;}
.page .next {float: right}

.news-list a {margin-bottom: 20px; padding:20px; background: #fff;display: block;}
.news-list a p{padding:5px 0;font-size: 16px;color: #777;}
.news-list a .title{font-size: 32px;color: #333;padding:5px 0; line-height: 32px}
.news-list a .title_new{font-size: 32px;color: red;padding:5px 0; line-height: 32px}
.news-list a:hover{box-shadow: 0px 5px 5px rgba(0,0,0,.08)}
.news-list a:hover .title{color: #0370E0}

.main .news-list{padding-bottom: 50px;}

 
/* article */
.article {padding: 40px ;background-color:#fff;}
.article .hd .title { font-size:40px; line-height:42px; color: #333; text-align: center; }
.article .bd{ margin:0 auto;padding:40px 0;}
.article .content{ word-wrap:break-word; word-break:break-all;font-size: 18px;color: #535353;line-height: 30px; }
.article .content p{margin-bottom: 30px;font-size: 18px;color: #535353;line-height: 30px;}
.article img { max-width: 80%; }


/**pic-list**/
.pic-list {text-align: center;width: 1230px;margin-left: -14px; margin-bottom: 30px;}
.pic-list li{position: relative;top:0; margin:0 12px 24px; background: #eee; height: 330px; display: inline-block;width:380px; }
.pic-list li img{width: 380px;height: 280px;}
.pic-list li p{height: 50px;line-height: 50px;overflow: hidden;color: #333;font-size: 16px;}
.pic-list li:hover{top:-10px;box-shadow: 0 2px 15px rgba(0,0,0,.2)}
.pic-list li:hover p{background: #0370E0;color: #fff;}



/**企业**/
.business {background: #fff;padding:20px 50px;}
.business .hd h3{font-weight: normal; margin-bottom: 20px; line-height: 60px; text-align: center; font-size: 52px;color: #0370E0}
.business .hd p{line-height: 30px; margin-bottom: 30px; color: #777;font-size: 18px;}
.business .business-list .list{ display: block; color: #fff; position: relative; float: left; z-index: 3; width: 526px;height: 290px;}
.business .business-list .list img{width: 526px;height: 290px;}
.business .business-list .list b{ position: absolute;z-index: 3;bottom:50px;left: 40px;font-size: 42px;font-weight: normal;}
.business .business-list .list-0{height: 620px}
.business .business-list .list-0 img{height: 620px}
.business .business-list .list-0 b{bottom:auto;top:50px;}
.business .business-list .list-0 p{font-size: 18px;line-height: 24px; position: absolute;z-index: 3;bottom:30px;right:30px;left: 30px;}
.business .business-list .list-1,
.business .business-list .list-2,
.business .business-list .list-4{margin:0 0 30px 0px;}
.business .business-list .list:hover{top: -10px; box-shadow: 0px 5px 15px rgba(0,0,0,.3); }

/**文化**/
.culture {text-align: center;padding-bottom: 90px}
.culture ul li{padding-top: 80px; display: inline-block;width: 45%;margin:0 28px;}
.culture ul li b{display: block; line-height: 50px;padding-bottom: 15px; font-weight: normal;font-size: 50px;color: #004688}
.culture ul li p{box-shadow: 0px 5px 15px rgba(0,0,0,.1);  color: #00468B; padding:50px 0; line-height: 60px;font-size: 40px; height: 120px; border-radius: 20px;border-top: 30px solid #004688;background: #eff8ff;}

/**业务**/
.yewu .list{padding:110px 0;height: 386px;}
.yewu .list dl{padding-top: 95px; height: 386px; width: 660px;float: left;}
.yewu .list dl dt{margin-bottom: 30px; line-height: 60px; color:#0170DF;font-size: 52px; }
.yewu .list dl dd{font-size: 18px;color: #777;line-height: 24px}
.yewu .list img{float: right;width: 386px;height: 386px;}
.yewu .list.odd{background: #0370E0}
.yewu .list.odd dl{float: right;}
.yewu .list.odd dl dt,
.yewu .list.odd dl dd{color: #fff;}
.yewu .list.odd img{float: left;}

/**动画**/
.wow {visibility: hidden;}
.visible .index .copyright{bottom: 20px}
.visible .header .logo{left:-100px;}
.visible .header .nav{margin-top: 0px;}
.visible .header .search-btn {top:22px;}
.visible .banner .arr {bottom: 150px;}