@charset "gb2312";

/* CSS Document */

*{margin:0;padding:0}

body{ font-family:"microsoft yahei",arial;font-size:14px;color:#333;-webkit-font-smoothing: antialiased; overflow-x:hidden;background:#fff; color:#666666}

a{color:#535353; text-decoration:none;outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s; }

a:hover{color:#0092d4;}

ol,ul,li{list-style:none}

h1,h2,h3,h4,h5,h6{font-weight:normal}

.clearfix{clear:both;zoom:1;}

.clearfix:after{ content:"."; display:block; height:0;clear:both;visibility:hidden;}

.fl{float:left;}

.fr{float:right}

table{ border-collapse:collapse;}

img{ border:none;}

input,textarea{ outline:none;font-family:"microsoft yahei"; font-size:12px;}

body {

	font-size: 14px;

	font-family: Arial, 'Microsoft YaHei', Gadget, sans-serif;

	-webkit-font-smoothing: antialiased; color:#333333;

}

input,textarea,select,button {font-family: Arial, 'Microsoft YaHei',, tahoma,simsun; outline:none;}

area{ outline:none;}

a{ text-decoration:none; color:#333333; -webkit-transition: all ease-in .2s; 

-ms-transition: all ease-in .2s; -moz-transition: all ease-in .2s;

 -o-transition: all ease-in .2s; transition: all ease-in .2s;}

a:hover{ color:#025597; text-decoration:none;}

ul,li {list-style-type:none; margin:0px; padding:0px;}

img { border:0; margin:0; padding:0;}

.blue {color:#025597}



.dian{ background: url(../images/dian.jpg) left 12px no-repeat; padding-left:18px;}

.dian02{ background: url(../images/dian02.jpg) left 12px no-repeat; padding-left:18px;}

.clear { *zoom:1;/*IE/7/6*/ clear:both; height:0}

.clear:before, .clearfix:after {content: "";display: table; height:0}

.clear:after {clear: both;}



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

#header { display:block; z-index:999; position:fixed ; width:100%}

#header .logo{ float:left; width:20%; margin-top:10px; margin-bottom:10px;}

#header .logo img{ width:100%;height:auto;max-width:95px;}



.bai{ color:#fff;}

#header .menu{ float:left; width:67%;  height:auto; line-height:60px; margin-top:40px;}

#header .menu a:hover{ color:#025597}







.mobile-menu{ 

	width:100%;left:0;

	overflow:hidden;

	position:fixed;

	background:#fff;

	top:82px;

	z-index:999;

	display:none; border-top:solid 3px #e8e8e8;

}



.mobile-menu .nav .jquery {margin-right:1px;padding:0 2em;}

.mobile-menu .nav .mainlevel { float:none;  width:100%;/*IE6 only*/}

.mobile-menu .nav .mainlevel ul li  {text-decoration:none; display:block;padding-left:15px; text-align:left;border-bottom:1px solid #eee; font-size:13px; line-height:38px;}



.mobile-menu .nav .mainlevel a {text-decoration:none; display:block; line-height:50px;padding-left:15px;font-size:15px; text-align:left; border-bottom:1px solid #eee}







.mobile-menu  .nav .mainlevel ul {display:none;}

.mobile-yiji{line-height:50px; font-size:15px; }

.mobile-menu .nav .mainlevel li { background:#666; width:1000px;font-size:13px; line-height:38px; color:#fff; }

.mobile-menu .nav .mainlevel ul li a{font-weight: normal;  border-bottom:none;width:100%; padding-left:0px;}

#header .mobile-menu .nav .mainlevel li a:hover { background-color:#025597; color:#fff;}



.mobile-menu .mainlevel li ul a{ color:#fff;}











.btn_menu{

	width: 25px;

	height: 4px;

	background: #fff;

	display: block;

	position: absolute;

	right: 12px;

	cursor: pointer;

	display:none; top:-50px;

}



.btn_menu:after, .btn_menu:before {

	content: "";

	display: block;

	width: 100%;

	height: 4px;

	background: #fff;

	position: absolute;

	-webkit-transition: .4s;

	transition: .4s

}

.btn_menu:before {

	top: -10px

}

.btn_menu:after {

	bottom: -10px

}

.open .btn_menu {

	background: transparent

}

.open .btn_menu:before {

	transform: rotate(45deg) translateY(14px);

	-moz-transform: rotate(45deg) translateY(14px);

	-ms-transform: rotate(45deg) translateY(14px);

	-o-transform: rotate(45deg) translateY(14px);

	-webkit-transform: rotate(45deg) translateY(14px);

	transform-origin: 50%

}

.open .btn_menu:after {

	transform: rotate(-45deg) translateY(-14px);

	-moz-transform: rotate(-45deg) translateY(-14px);

	-ms-transform: rotate(-45deg) translateY(-14px);

	-o-transform: rotate(-45deg) translateY(-14px);

	-webkit-transform: rotate(-45deg) translateY(-14px);

	transform-origin: 50%

}









.youpp{ float:right}

.mobile-menu li { clear:both}



.btn_menu02{

	width: 25px;

	height: 4px;

	background: #444;

	display: block;

	position: absolute;

	right: 12px;

	cursor: pointer;

	display:none;top:-50px;

}



.btn_menu02:after, .btn_menu02:before {

	content: "";

	display: block;

	width: 100%;

	height: 4px;

	background: #444;

	position: absolute;

	-webkit-transition: .4s;

	transition: .4s

}

.btn_menu02:before {

	top: -10px

}

.btn_menu02:after {

	bottom: -10px

}

.open .btn_menu02 {

	background: transparent

}

.open .btn_menu02:before {

	transform: rotate(45deg) translateY(14px);

	-moz-transform: rotate(45deg) translateY(14px);

	-ms-transform: rotate(45deg) translateY(14px);

	-o-transform: rotate(45deg) translateY(14px);

	-webkit-transform: rotate(45deg) translateY(14px);

	transform-origin: 50%

}

.open .btn_menu02:after {

	transform: rotate(-45deg) translateY(-14px);

	-moz-transform: rotate(-45deg) translateY(-14px);

	-ms-transform: rotate(-45deg) translateY(-14px);

	-o-transform: rotate(-45deg) translateY(-14px);

	-webkit-transform: rotate(-45deg) translateY(-14px);

	transform-origin: 50%

}











.youpp{ float:right}

.mobile-menu li { clear:both}







.nav .jquery {margin-right:1px;padding:0 2em;}

.nav .mainlevel { float:left;  width:14.2%;/*IE6 only*/}

.nav .mainlevel a {text-decoration:none; line-height:50px; display:block; width:100%; text-align:center; font-size:16px;}



.nav .mainlevel ul {display:none; position:absolute; border-top:solid 3px #025597}

.nav .mainlevel li { background:#666; width:120px;/*IE6 only*/ }

.nav .mainlevel li a{font-weight: normal; font-size:14px; line-height:30px; color:#fff;}

#header .menu .nav .mainlevel li a:hover { background-color:#025597; color:#fff;}



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













.use{float:right; width:12%; margin-top:57px; min-width:128px; }

.use .erji{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5; width:96px; padding:5px 5px 15px 5px; text-align:center; margin-left:-30px; margin-top:15px; line-height:18px;}



.use .erji02{display:none;position:absolute; z-index:9999999; clear:both; background-color:#f5f5f5; padding:15px; text-align:center; margin-left:-220px; margin-top:15px; line-height:18px;}



.use span{ float:left; margin-left:10px; font-size:15px; color:#fff;}

.use .en{ border-left:solid 1px #fff; padding-left:15px;}

.use .en a{ color:#fff;}

.use .erji{ color:#666; font-size:13px;}

#videoclass .input {width: 250px;height: 26px; padding-left: 5px; border: 0; border:solid 1px #0f48af}

#videoclass .serimg {position: absolute;right: 30px;top:54px;}

.black_overlay {

	Z-INDEX: 1001; POSITION: fixed; FILTER: alpha(opacity=5); BACKGROUND-COLOR: black; WIDTH: 100%; DISPLAY: none; HEIGHT: 100%; TOP: 0%; LEFT: 0%; -moz-opacity: 0.5; opacity: 0.5

}



.www_zzjs_net02 {

	Z-INDEX: 1002; POSITION: fixed; BACKGROUND-COLOR: white; WIDTH: 30%; max-width:300px; DISPLAY: none; OVERFLOW: hidden; TOP: 20%; LEFT: 40%; -webkit-border-radius: 10px; -moz-border-radius: 10px;border-radius:10px;

}



.www_zzjs_net02 #biaoyi{-webkit-border-radius: 10px 10px 0 0; -moz-border-radius:  10px 10px 0 0;border-radius: 10px 10px 0 0; }

.www_zzjs_net02 #biaoyi #zuo{ float:left; width:70%; }

.www_zzjs_net02 #biaoyi #you{ float:right; width:20%; text-align:right; line-height:50px; font-size:14px; padding-right:20px;}

.www_zzjs_net02 #biaoyi h3{ line-height:50px; font-size:20px; padding-left:20px;}

.www_zzjs_net02 #videoclass{ padding:20px}



/*banner*/

.pro-switch {overflow: hidden;position: relative;width:100%;}

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

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

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

.flexslider .slides .img {width: 100%;display: block;height:800px; background-position:center center; background-repeat: no-repeat ; background-size:100% 100%}

#Hotnews{ padding-top:180px;font-weight:bold; color:#fff; font-size:34px;text-shadow: 2px 2px 2px #666; width:495px;  margin:0 auto;  line-height:66px; text-align:center; padding-left:35%;}

@media screen and (min-width:1930px){

#Hotnews{ width:560px;padding-left:55px;}	

}



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

#Hotnews{ font-weight:bold; color:#fff; font-size:32px;text-shadow: 2px 2px 2px #666; width:495px;  margin:0 auto;  line-height:50px; text-align:center;padding-left:53%;padding-top:190px;}	

}



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

#Hotnews{ padding-left:35%;padding-top:145px;}	

}

.slides:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}

html[xmlns] .slides {display: block;}

.no-js .slides > li:first-child {display: block;}

.flexslider {margin: 0 auto;position: relative;width:100%;zoom: 1}

.flex-viewport {max-height: 2000px;-webkit-transition: all 1s ease;-moz-transition: all 1s ease;transition: all 1s ease;}

.flexslider .slides {zoom: 1;}

.flex-direction-nav {*height: 0;}

.flex-direction-nav a {width: 60px;height: 90px;margin: -60px 0 0;display: block;background: url(../images/ad_ctr.png) no-repeat 0 0;position: absolute;top: 58%;z-index: 10;cursor: pointer;text-indent: -9999px;opacity: 0;filter:alpha(opacity=0);-webkit-transition: all .3s ease;}

.flex-direction-nav .flex-next {background-position: 0 -90px;right: 0;}

.flex-direction-nav .flex-prev {left: 0;}

.flexslider:hover .flex-next {opacity: 0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-prev {opacity: 0.8;filter:alpha(opacity=25);}

.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;filter:alpha(opacity=50);}

.flex-control-nav {width: 100%;position: absolute;bottom: 20px;text-align: center;}

.flex-control-nav li {margin: 0 5px;display: inline-block;zoom: 1;*display: inline;}

.flex-control-paging li a {background: url(../images/dot.png) no-repeat 0 -16px;display:block;height: 16px;overflow: hidden;text-indent:-99em;width: 16px;cursor: pointer;}

.flex-control-paging li a.flex-active {background-position: 0 0;}



.banner{  width:100%; overflow:hidden; position:relative;}



.slides a{

          display: block;

          width: 100%;

        }

        .banner{

        height: auto !important;

        }

        .banner .img{

          position:relative;

        }

        .banner .banner_dis{

          position: absolute;

          right:0;

          top:20%;

          width: 30%;

          background-color: rgba(0,0,0,0.5);

          padding: 20px

        }

        .banner .banner_dis p{

          font-size: 30px;

          line-heightŁ»1.5;

          color:#f5f5f5;

        }

        

		

/*about*/

#about { background-color:#f6f7f8; padding:50px 0 60px 0}

#about .left{ float:left; width:55%;} 



#about .title { margin-bottom:25px;}

#about .title h3{ line-height:42px; color:#0f48af; font-size:32px; /*font-weight:normal*/}

#about .title h3 a{ color:#0f48af;}

#about .title .ens{ line-height:42px; color:#969696; font-size:28px; margin-left:20px;}

#about .intro p{ font-size:14px; color:#7b7c7c; line-height:32px;}





#about .num{ margin-top:55px;}

#about .num li{ float:left; text-align:center; width:calc(50% - 0.5px)}

/*#about .num li:nth-child(2), #about .num li:nth-child(3), #about .num li:nth-child(4){ border-left:solid 1px #e1e1e1; margin-left:36px; padding-left:36px;}*/

#about .num li:nth-child(2){ border-left:solid 1px #e1e1e1; margin-left:-1px;}





#about .num h1{ font-size:32px; color:#0f48af; line-height:60px;}

#about .num p{ font-size:16px; color:#7b7c7c; line-height:40px;}



#about .right{ background:url(../images/map.jpg) no-repeat center  center; height:352px; min-width:653px; margin-right:-100px; position:absolute; margin-left:680px; z-index:9} 

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

#about .left{ width:50%;} 

#about .right{ margin-right:-100px;margin-left:600px;} 

}

#about .right .guo1{ position:absolute;color:#666; margin-left:443px; margin-top:118px; width:34px; height:25px; padding:20px 20px 20px 25px;display:block;background:url(../images/baio.png) no-repeat 60px 21px; }

#about .right .erji01{display:none;position:absolute; clear:both; margin-left:-25px; margin-top:-39px}

#about .right .guo1:hover{ color:#0f48af}





#about .right .guo2{ position:absolute;color:#666; margin-left:550px; margin-top:140px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px; z-index:9999;}

#about .right .erji02{display:none;position:absolute; clear:both; margin-left:-22px; margin-top:-28px}

#about .right .guo2:hover{ color:#0f48af}



#about .right .guo3{ position:absolute;color:#666;margin-left:490px; margin-top:216px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px;z-index:9999;}

#about .right .erji03{display:none;position:absolute; clear:both; margin-left:-32px; margin-top:-61px}

#about .right .guo3:hover{ color:#0f48af}



#about .right .guo4{ position:absolute;color:#666; margin-left:320px; margin-top:110px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px;z-index:9999;}

#about .right .erji04{display:none;position:absolute; clear:both; margin-left:-72px; margin-top:-105px}

#about .right .guo4:hover{ color:#0f48af}





#about .right .guo5{ position:absolute;color:#666; margin-left:12px; margin-top:20px; width:60px; height:25px; padding:87px 110px; display:block;background:url(../images/baio.png)  no-repeat 88px 88px;z-index:9999;}

#about .right .guo5:hover{ color:#0f48af}

#about .right .erji05{display:none;position:absolute; clear:both; margin-left:-115px; margin-top:-112px; z-index:-9999}









#business ul li{ float:left; width:25%; text-align:center; font-size:28px; height:300px; overflow:hidden }

#business ul li .bt:hover{height:300px; overflow:hidden; margin-top:-307px;}

#business ul li img{cursor:pointer; transition:all 1.5s; width:100%; height:auto; height:300px; display:blockoverflow:hidden}



#business ul li .bt{font-size:20px;background:rgba(0,0,0,0.7); position:relative;color:#fff; font-weight:700;line-height:50px; height:50px;z-index: 999; margin-top:-50px; width:100%; display:block; font-weight:normal;transition: all 1.5s;}



#business ul li .bt span{ float: right; font-size: 12px;}



#business ul li .bt h3{ font-size:20px; line-height:50px; font-weight:normal}

#business ul li .bt p{ font-size:13px; line-height:25px; font-weight:normal; text-align:left; margin:0px 40px 20px 40px;}







#business ul li .bt:hover h3{ font-weight:bold; margin-top:15px;}



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



#business ul li{ float:left; width:25%; text-align:center; font-size:28px; height:260px; overflow:hidden }

#business ul li .bt:hover{height:260px; overflow:hidden; margin-top:-267px;}

#business ul li img{ height:230px; }

}





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



#business ul li{ float:left; width:25%; text-align:center; font-size:28px; height:220px; overflow:hidden }

#business ul li .bt:hover{height:220px; overflow:hidden; margin-top:-227px;}

#business ul li img{ height:220px; }

}



#business ul li img:hover{transform:scale(1.1);}





/*news*/

#news { padding:50px 0 80px 0; clear:both}

#news .title .left{ float:left; width:55%;} 

#news .title { margin-bottom:25px;}

#news .title .right{ float:right; width:30%; text-align:right;}

#news .title .left h3{ line-height:42px; color:#0f48af; font-size:32px; /*font-weight:normal*/}

#news .title .left .ens{ line-height:42px; color:#969696; font-size:28px; margin-left:20px;}



#news .right a{ color:#969696; font-size:14px;}

#news .intro ul li{ float:left; width:32%}

#news .intro ul li:nth-child(2){ margin:0 2%}

#news .intro ul li span{height:200px; overflow:hidden; display:block; margin-bottom:15px;}

#news .intro ul li span img{cursor:pointer; transition:all 1.5s; width:100%; height:auto;}

#news .intro ul li span img:hover{transform:scale(1.1);}

#news .intro ul li h3{ font-weight:normal; font-size:16px; line-height:36px;height:36px; overflow:hidden }

#news .intro ul li p{ line-height:26px; height:52px; overflow:hidden}

#news .intro ul li .time{ font-size:13px;color:#727272;height:26px; overflow:hidden}

#news .intro ul li .jian{ margin-top:8px; color:#666; margin-bottom:20px;}







#bottom{ background-color:#343539; line-height:62px; color:#fff}

#bottom .left{ float:left; width:70%; font-size:14px;}

#bottom .left a{color:#fff; margin-right:10px;}

#bottom .right{ float:right; width:30%; max-width:280px; font-size:20px;background:url(../images/tell.jpg) no-repeat left center; padding-left:30px; font-weight:bold;letter-spacing:1px; text-align:right}





#footer .section{ max-width:1200px; color:#6a6b6f;}

#footer { background-color:#272727; padding:22px 0 60px 0}

#footer .kuai{ float:left; margin-right:40px; }

#footer .kuai:nth-child(7){ float:right; margin-right:0px; padding-right:0px; max-width:220px;}





#footer .kuai h3{ font-size:15px; line-height:46px; border-bottom:solid 1px #6a6b6f; margin-bottom:12px;padding-right:60px;}

#footer .kuai p{ line-height:28px; color:#bebebe; font-size:13px;}



#footer .kuai ul li{ float:left; width:47%; text-align:center}

#footer .kuai ul li:nth-child(2){ margin-left:3%}

#footer .kuai ul li img{ width:100%; height:auto}



#footer .kuai h3 a{ color:#fff;}

#footer .kuai p a{ color:#6a6b6f;}

#footer .kuai p a:hover{text-decoration: underline;}



#copyright{ border-top:solid 1px #6a6b6f; line-height:30px; padding:15px 0 27px 0 ; color:#c9c9c9; background-color:#272727;}

#copyright a{ color:#fff}



#nbanner{ height:660px; background-position: center center; background-repeat:no-repeat;background-size:100% auto; }



#nguide {width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9;border-bottom: solid 1px #E6E9EA;padding: 12px 0;}

#nguide .section { max-width:1000px; font-size:16px; margin:0 auto;}

#nguide li{ float:left; width:16.6%;text-align:center }

#nguide li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; line-height:40px; }

#nguide li a:hover, #nguide li .checked{background-color:#0f48af; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}



#nguide02 {width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9;border-bottom: solid 1px #E6E9EA;padding: 12px 0;}

#nguide02 .section { max-width:1000px; font-size:16px; margin:0 auto;}

#nguide02 li{ float:left; width:33.33%;text-align:center }

#nguide02 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; line-height:40px; }

#nguide02 li a:hover, #nguide02 li .checked{background-color:#0f48af; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}



#nguide03 {width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9;border-bottom: solid 1px #E6E9EA;padding: 12px 0;}

#nguide03 .section{ max-width:240px; font-size:16px; margin:0 auto;}

#nguide03 li{ float:left; width:100%;text-align:center }

#nguide03 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; line-height:40px; }

#nguide03 li a:hover, #nguide03 li .checked{background-color:#0f48af; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}



#nguide04 {width: 100%;line-height: 40px;padding-top: 2px;background-color: #F9F9F9;border-bottom: solid 1px #E6E9EA;padding: 12px 0;}

#nguide04 .section{max-width:450px; font-size:16px; margin:0 auto;}

#nguide04 li{ float:left; width:50%;text-align:center }

#nguide04 li a{ background-color:#e8e8e8; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px; display:block; width:80%;padding:0 15px; line-height:40px; }

#nguide04 li a:hover, #nguide04 li .checked{background-color:#0f48af; color:#fff; text-align:center; -webkit-border-radius:25px; -moz-border-radius:25px;border-radius:25px;padding:0 15px;}



#nmain0 { padding:35px 0 60px 0;color:#666; }

#nmain { padding:35px 0 60px 0;color:#666; }

#nmain .title{ line-height:55px; font-size:32px; font-weight: bold; /*background:url(../images/titlebg.jpg) no-repeat center center;*/ text-align:center;color:#181818}

#nmain0 .title{ line-height:55px; font-size:32px; font-weight: bold; /*background:url(../images/titlebg.jpg) no-repeat center center;*/ text-align:center;color:#181818}

#nmain .title02{ line-height:55px; font-size:32px; font-weight: bold; /*background:url(../images/titlebg.jpg) no-repeat center center;*/ text-align:center;color:#181818}

.company{ margin:20px auto;  }

.company p{ line-height:32px; margin-bottom:10px; font-size:15px; }



#nmain .title03{line-height: 42px;font-size: 22px;color: #fff;text-align: center;background-color: #0f48af;width: 200px; margin: 60px auto 20px auto; font-weight: normal;}

#nmain .title04{line-height: 42px;font-size: 22px;color: #fff;text-align: center;background-color: #0f48af;width: 200px; margin: 20px auto 35px auto; font-weight: normal;}







.nmain { padding:35px 0 60px 0;color:#666; display:block }

.nmain .title{ line-height:55px; font-size:32px; font-weight: bold; /*background:url(../images/titlebg.jpg) no-repeat center center;*/ text-align:center;color:#181818}

.nmain .title02{ line-height:55px; font-size:32px; font-weight: bold; /*background:url(../images/titlebg.jpg) no-repeat center center;*/ text-align:center;color:#181818}



.nmain .title03{line-height: 42px;font-size: 22px;color: #fff;text-align: center;background-color: #0f48af;width: 200px; margin: 60px auto 20px auto; font-weight: normal;}

.nmain .title04{line-height: 42px;font-size: 22px;color: #fff;text-align: center;background-color: #0f48af;width: 200px; margin: 20px auto 35px auto; font-weight: normal;}





.company .font14{ font-size:16px; line-height:40px;}

.company h3{ line-height:42px; font-size:22px; color:#fff; text-align:center;background-color:#0f48af; width:200px; margin:0px auto 40px auto; font-weight:normal}

.company .youshi{ height:330px;}

.company .youshi li{ float:left; width:32%; line-height:28px; text-align:center; margin-right:2%; margin-bottom:12px;}

.company .youshi li span{background:url(../images/num.png) no-repeat center center; background-size:auto 100%; height:145px; line-height:145px; font-size:40px; width:100%; display:block; color:#0f48af}



.company .youshi li:nth-child(3n){ margin-right:0px;}

.company .youshi li:nth-child(3n+1){ clear:both}



.map{ background:url(../images/map.png) no-repeat left  top; height:352px; min-width:653px;  z-index:9; width:653px; margin:0 auto} 



.map .guo1{ position:absolute;color:#666; margin-left:443px; margin-top:118px; width:34px; height:25px; padding:20px 20px 20px 25px;display:block;background:url(../images/baio.png) no-repeat 60px 21px; }

.map .erji01{display:none;position:absolute; clear:both; margin-left:-25px; margin-top:-39px}

.map .guo1:hover{ color:#0f48af}





.map .guo2{ position:absolute;color:#666; margin-left:550px; margin-top:140px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px; z-index:9999;}

.map .erji02{display:none;position:absolute; clear:both; margin-left:-22px; margin-top:-28px}

.map .guo2:hover{ color:#0f48af}



.map .guo3{ position:absolute;color:#666;margin-left:490px; margin-top:216px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px;z-index:9999;}

.map .erji03{display:none;position:absolute; clear:both; margin-left:-32px; margin-top:-61px}

.map .guo3:hover{ color:#0f48af}



.map .guo4{ position:absolute;color:#666; margin-left:320px; margin-top:110px; display:block;background:url(../images/baio.png) no-repeat left  center; padding-left:15px;z-index:9999;}

.map .erji04{display:none;position:absolute; clear:both; margin-left:-72px; margin-top:-105px}

.map .guo4:hover{ color:#0f48af}





.map .guo5{ position:absolute;color:#666; margin-left:12px; margin-top:20px; width:60px; height:25px; padding:87px 110px; display:block;background:url(../images/baio.png)  no-repeat 88px 88px;z-index:9999;}

.map .guo5:hover{ color:#0f48af}

.map .erji05{display:none;position:absolute; clear:both; margin-left:-115px; margin-top:-112px; z-index:-9999}





.gaoguan .top1 { margin:20px auto; border: solid 1px #E6E9EA; padding:5% 15%; width:70%;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px; background:url(../images/aboutbg.png) repeat-x left bottom #f8f8f8;}

.gaoguan .top1 .zuo{ float:left; width:64%;}

.gaoguan .top1 .you{ float:right; width:26%; max-width:217px;border:solid 1px #E6E9EA; padding:5px;overflow: hidden; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.gaoguan .top1 .you img{ width:100%; height:auto; max-width:207px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.gaoguan .top1 .zuo h3{ line-height:36px; font-size:20px; color:#181818;}

.gaoguan .top1 .zuo p{ line-height:30px; margin-bottom:12px;}





.blue02{ font-size:28px; color:#0f48af; line-height:50px;}

.gaoguan  .other { margin-bottom:110px;}

.gaoguan  .other li{ float:left; width:17.22%; padding:0.5%; border:solid 1px #E6E9EA; line-height:32px; margin-right:2%; margin-bottom:20px; overflow: hidden; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} 



@media screen and (max-width:2200px)and (min-width:1920px) {

	.gaoguan  .other li{ float:left; width:17.21%;}

} 

@media screen and (max-width:2400px)and (min-width:2200px) {

	.gaoguan  .other li{ float:left; width:17.19%;}

}

@media screen and (max-width:2600px)and (min-width:2400px) {

	.gaoguan  .other li{ float:left; width:17.17%;}

}

@media screen and (max-width:3200px)and (min-width:2600px) {

	.gaoguan  .other li{ float:left; width:17.15%;}

}

@media screen and (max-width:5000px)and (min-width:3200px) {

	.gaoguan  .other li{ float:left; width:17.05%;}

}



.gaoguan  .other li img{ width:100%; height:auto; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}



.gaoguan  .other li:nth-child(5n){ margin-right:0px;}





.gaoguan  .other .bt{font-size:20px;background:rgba(0,0,0,0.7); position:relative;color:#fff; font-weight:700;line-height:40px; height:40px;z-index: 999; margin-top:-50px; width:100%; display:block; font-weight:normal;transition: all 1.5s;-webkit-border-radius: 0 0 15px 15px;-moz-border-radius:0 0 15px 15px;border-radius:0 0 15px 15px;}



.gaoguan  .other .bt h3{ font-size:16px; line-height:40px; font-weight:normal; text-align:center}

.gaoguan  .other .bt p{ font-size:13px; line-height:32px; font-weight:normal; text-align:left; margin:0px 12px 20px 12px;}





.gaoguan  .other li:hover .bt{height:267px; overflow:hidden; margin-top:-277px; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

.gaoguan  .other li:hover .bt h3{ margin-top:15px;}

.wenhua { margin:35px 0}

.wenhua li{ float:left; width:18.4%; margin-right:2%; text-align:center;font-size:15px; line-height:30px; }

.wenhua li:nth-child(5){ margin-right:0%;}

.wenhua li h3{ font-size:20px; line-height:40px; color:#181818; }

#nmain .wenhua li img{border-radius: 50%; border: solid 1px #e8e8e8; padding:5px; width:150px; max-width:100%; height:auto}

.nmain .wenhua li img{border-radius: 50%; border: solid 1px #e8e8e8; padding:5px; width:150px; max-width:100%; height:auto}





.yuanjing { margin:50px 0;border: solid 1px #e8e8e8; padding:15px;border-radius:10px; background-color:#f9f9f9 }

.yuanjing img{border-radius:10px; float:left;}

.yuanjing p{ font-size:24px; line-height:40px; color:#181818; padding-top:80px; font-weight:bold; text-align:center }





.newslist li{ padding-bottom:20px; padding-top:20px;border-bottom: solid 1px #e8e8e8;}

.newslist li .left{ float:left; width:22%;overflow:hidden; height:160px;}

.newslist a img{cursor:pointer; transition:all 1.5s; width:100%; height:auto}

.newslist a:hover img{transform:scale(1.1);}

.newslist li .you{float:right; width:75%;}

#nmain .intro .newslist li .you h3 a{ line-height:45px; color:#181818;}

#nmain .intro .newslist li .you h3 a:hover{color:#0092d4;}

#nmain .intro .newslist li .you p{ color:#b3b3b3; line-height:26px; margin-bottom:10px;}



#nmain .biao h3{line-height:50px; font-size:30px; color:#181818; font-weight:bold; text-align:center}

#nmain .biao p{ color:#b3b3b3; line-height:26px; margin-bottom:10px;text-align:center}

#nmain .xiang .img{ border: solid 1px #e8e8e8; text-align:center; padding:50px; background-color:#fbfbfb; margin-bottom:20px;}





.shangxia{ margin-top:70px; line-height:32px;border: solid 1px #e8e8e8; padding:15px; background-color:#fbfbfb;}

.xiang p{ line-height:28px; margin-bottom:10px;}

.lianxin{ margin:30px auto}

.lianxin li{ float:left; width:33.33%; text-align:center; line-height:36px; font-size:15px;}





/*developcon */

.developcon{ width:100%; margin:0 auto 60px auto;background:url(../images/line.png) repeat-y center center; }

.developcon ul{ position:relative}

.developcon ul:before{content:"";width:1px;height:100%;background:#a5a5a5;position:absolute;top:0;left:50%;margin-left:-0.5px;z-index:1;}

.developcon li{ width:100%; float:left; background:url(../images/doit01.png) no-repeat center 28px;z-index:2; position:relative;margin-top:-30px }

.developcon li .kuai{ width:40%; background:#EFF8FF; padding:15px 20px 25px 20px; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; position:relative}

.developcon li .kuai p{ line-height:28px;}

.developcon li .kuai .time01{ font-size:20px; margin-bottom:0 ; line-height:45px; width:100px;color: #0f48af; font-weight:bold;padding-top:0px;}

.developcon li .kuai .intro{ font-size:14px; line-height:25px;}

.developcon li .kuai:after{content:"";width:0;height:0;border-left:8px solid #EFF8FF;border-top:8px solid transparent;border-bottom:8px solid transparent;position:absolute;top:25px;right:-8px;}

.developcon li:first-child{ margin-top:25px;}

.developcon li:nth-child(2n){ float:right;background:url(../images/doit01.png) no-repeat center 28px; }

.developcon li:nth-child(2n) .kuai{ float:right}



.developcon li:nth-child(2n-1) .kuai .time01{margin-left:380px;}

.developcon li:nth-child(2n-1) .kuai p{ text-align:right}



.developcon li:nth-child(2n) .kuai:after{content:"";width:0;height:0;border-right:8px solid #EFF8FF;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:none;position:absolute;top:25px;right:auto;left:-8px;}





.history{ margin-top:40px;}

.history .inner{background:url(../images/history01.png) no-repeat center 220px;}

.history ul li{ float:left; padding:1% 1% 2% 1%; background-color:#f5f5f5;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; width:19%;margin-left:-2%; box-shadow: 0 0 10px #ccc;}

.history ul li:first-child{margin-left:0%}

.history ul li:nth-child(2n){margin-top:350px;margin-left:-17%;}

.history ul li .time01{ font-size:20px; margin-bottom:0 ; line-height:45px; color: #0f48af; font-weight:bold;}





.history ul li:nth-child(1){ margin-top:80px}

.history ul li:nth-child(2){ margin-top:470px}

.history ul li:nth-child(3){ margin-top:40px}

.history ul li:nth-child(4){ margin-top:430px}

.history ul li:nth-child(5){ margin-top:20px}

.history ul li:nth-child(6){ margin-top:390px}



#guestbook{ width:100%; margin:0 auto}

.message-con-1{ float:left; width:50%; margin-bottom:25px}

.message-con-1 .tit{ float:left; color:#666; margin-right:15px; width:100px; font-size:15px; padding-top:7px; text-align:right}

.message-con-1 .input-m{ width: 65%; padding:2%; border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-1 .input-m:hover{ border:1px solid #0f4cbf}

.message-con-2{ width:100%; margin-bottom:25px;}

.message-con-2 .tit{ float:left;color:#666; margin-right:15px; width:100px; font-size:15px; text-align:right;padding-top:7px;}

.message-con-2 textarea{ padding:10px; border:1px solid #ccc;width:740px; outline:none;transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-2 textarea:hover{border:1px solid #0f4cbf}

.message-con-2 .input-m{ width:300px; padding:10px;border:1px solid #ccc; outline:none; transition:.3s;-webkit-transition:.3s;-moz-transition:.3s}

.message-con-2 .input-m:hover{border:1px solid #0f4cbf}

.message-con-2 .submint-m{ background:#0f4cbf; color:#fff; text-align:center; width:100px; line-height:40px; border:none;  margin-right:10px; cursor:pointer}

.message-con-2 .submint-m:first-child{ margin-left:115px;}











/*honor*/

.tabmenu {height:35px;}

.tabmenu ul {text-align: center}

.tabmenu li {text-align:center;display: inline-block;height:35px;overflow:hidden;line-height:35px;font-size:18px;color: #333;border: 1px solid #ddd;margin-right: 4px;margin-left: 4px;padding: 0 40px;}

.tabmenu .cli {text-align:center;display: inline-block;height:35px;overflow:hidden;background-color: #0f48af;line-height:35px;font-size:18px;cursor:pointer;color: #FFFFFF;margin-right: 4px;margin-left: 4px;padding: 0 40px;}



#tabcontent ul {margin:0;list-style-type: none;}

#tabcontent .hidden {display:none;}



#tabcontent{ margin:30px 0}

#tabcontent li{ float:left; width:23.1%; margin-right:2%;  text-align:center; border: solid 1px #e8e8e8;}

#tabcontent li img{margin-bottom:20px;}





#tabcontent .leibie li{margin-bottom:20px;}





#zhengshu #tabcontent li{ float:left; width:23%; margin-right:1%; margin-left:1%;text-align:center;border:none;}

#tabcontent li img{ width:100%; height:auto}

#tabcontent li p{  line-height: 39px;background: #f5f5f5;}



#nmain #tabcontent li p {margin-bottom: 0px;}



#tabcontent li:nth-child(4n){margin-right:0%;}



#zhengshu  #tabcontent li:nth-child(4n){margin-right:1%;}





#tabcontent li a{border: 1px solid #fff;padding: 1px;}

#tabcontent li a:hover{border: 1px solid #e83428;background-color: #e83428;color: #FFFFFF;}







.tabmenu02 {height:35px;}

.tabmenu02 ul {text-align: center}

.tabmenu02 li {text-align:center;display: inline-block;height:35px;overflow:hidden;line-height:35px;font-size:18px;color: #333;border: 1px solid #ddd;margin-right: 4px;margin-left: 4px;padding: 0 40px;}

.tabmenu02 .cli {text-align:center;display: inline-block;height:35px;overflow:hidden;background-color: #0f48af;line-height:35px;font-size:18px;cursor:pointer;color: #FFFFFF;margin-right: 4px;margin-left: 4px;padding: 0 40px;}



#tabcontent02 ul {margin:0;list-style-type: none;}

#tabcontent02 .hidden {display:none;}



#tabcontent02{ margin:30px 0}

#tabcontent02 li{ float:left; width:23.1%; margin-right:2%; margin-bottom:20px; text-align:center; border: solid 1px #e8e8e8;}

#tabcontent02 li img{ width:100%; height:auto}

#tabcontent02 li p{  line-height: 39px;height: 39px; overflow:hidden;background: #f5f5f5;}



#nmain #tabcontent02 li p {margin-bottom: 0px;}



#tabcontent02 li:nth-child(4n){margin-right:0%;}

#tabcontent02 li a{border: 1px solid #fff;padding: 1px;}

#tabcontent02 li a:hover{border: 1px solid #e83428;background-color: #e83428;color: #FFFFFF;}



/*

#tabcontent .siges li{ float:left; width:23.5%; margin-right:2%; margin-bottom:20px;}

#tabcontent .siges li img{ width:100%; height:auto}

#tabcontent .siges li:nth-child(3n){margin-right:2%;}

#tabcontent .siges li:nth-child(4n){margin-right:0%;}

*/

.brankcontact .kuai{ float:left; width:48%;margin-right:2%; border-bottom:dashed 1px #e8e8e8; margin-bottom:0px; padding-bottom:20px; margin-top:20px;}

.brankcontact .kuai001{ float:left; width:100%; border-bottom:dashed 1px #e8e8e8; margin-bottom:0px; padding-bottom:20px; margin-top:20px;}

.brankcontact .kuai001 h3{ line-height:56px; font-size:28px; font-weight:bold; color:#222;}

.brankcontact .kuai h3{ line-height:42px; font-size:18px; font-weight:bold; }

.brankcontact .kuai001 p{ line-height:36px; font-size:16px;}

.brankcontact .kuai p{ line-height:32px; font-size:14px;}

.brankcontact{ color:#666}







.hrlist{ margin-bottom:80px;} 



.hrtit{ background:#005bac; line-height:45px; font-size:16px}

.hrtit dd{ float:left; width:20%;color:#fff; text-align:center}

.hrtit dd:nth-child(1){ width:57%;text-align:left; padding-left:3%}

.hrlist .hrlist_tit{ background:#fff; line-height:45px; border-bottom:1px solid #e8e8e8}

.hrlist .hrlist_tit span{ float:left; width:20%; text-align:center}

.hrlist .hrlist_tit span:nth-child(1){ width:57%;text-align:left; padding-left:3%}

.hrlist .hrlist_con{ background:#fafafa; padding:30px; display:none; padding:30px;border-left:1px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8}

.hrlist li.cur .hrlist_tit span{ color:#0086fe}









#nmain .intro{ margin-top:20px;}

#nmain .intro p{ line-height:32px; margin-bottom:12px; }

#nmain .intro .san { margin-top:25px; text-align:center; margin-bottom:50px;}

#nmain .intro .san li{ float:left; width:28%; margin-right:2%; background-color:#fafafa; padding:4% 2%; line-height:28px; padding-top:140px;}

#nmain .intro .san li:nth-child(3){margin-right:0;}

#nmain .intro .san li:nth-child(1){background:url(../images/job1.png) no-repeat  center 30px #fafafa;}

#nmain .intro .san li:nth-child(2){background:url(../images/job2.png) no-repeat  center 30px #fafafa;}

#nmain .intro .san li:nth-child(3){background:url(../images/job3.png) no-repeat  center 30px #fafafa;}



#nmain .intro .san li:nth-child(1):hover{background:url(../images/job1_h.png) no-repeat  center 30px #0f48af; color:#fff;}

#nmain .intro .san li:nth-child(2):hover{background:url(../images/job2_h.png) no-repeat  center 30px #0f48af;color:#fff;}

#nmain .intro .san li:nth-child(3):hover{background:url(../images/job3_h.png) no-repeat  center 30px #0f48af;color:#fff;}





#nmain .intro .si { margin-top:25px; text-align:center; margin-bottom:50px;}

#nmain .intro .si li{ float:left; width:32%; margin-right:2%; margin-bottom:20px;}

#nmain .intro .si li:nth-child(3n){margin-right:0;}

#nmain .intro .si li img{ width:100%; height:auto}



#nmain .intro .si li p{line-height: 45px;background: #f5f5f5;}



.fengcai{ margin-top:25px;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;}

.fengcai li{ width:31.33%; margin-right:2%; float:left; text-align:center; font-size:16px; margin-bottom:2%; overflow:hidden;}

.fengcai li img{ width:100%; display:block; border:solid 1px #e8e8e8;-webkit-border-radius: 12px 12px 0 0 ;-moz-border-radius: 12px 12px 0 0 ;border-radius: 12px 12px 0 0 ;}





#nmain .fengcai li p{ line-height:45px; background:#f5f5f5;-webkit-border-radius: 0 0 12px 12px ;-moz-border-radius: 0 0 12px 12px ;border-radius: 0 0 12px 12px;box-shadow: 0 0 10px #ccc;}

.anlis{ margin-top:20px;}

.anlis li{ float:left; width:18%; margin-right:2%; margin-bottom:15px; border:solid 1px #e8e8e8; background-color:#fff; text-align:center}

.anlis li img{ width:90%; height:auto; margin:0 auto; text-align:center}

#nmain .anlis li:nth-child(5n){margin-right:0%;}





.imgf { float:left; margin:8px 25px 25px 0;  border: solid 1px #e8e8e8; font-size:18px; text-align:center; padding-bottom:20px;}

#nmain .erji{ margin:0 auto; width:100%; max-width:660px;}

#nmain .erji a{ line-height:30px; font-size:16px;  text-align:center; float:left; display:block; margin:0px 1.5% 40px 1.5%; font-weight:normal; width:21%;border: 1px solid #ddd;color: #333;}

#nmain .erji .cur, #nmain .erji a:hover{color:#fff;background-color:#0f48af;}



#nmain .erji02{ margin:0 auto; width:100%; max-width:400px;}

#nmain .erji02 a{ line-height:30px; font-size:16px;  text-align:center; float:left; display:block; margin:0px 1.5% 40px 1.5%; font-weight:normal; width:46%;border: 1px solid #ddd;color: #333;}

#nmain .erji02 .cur, #nmain .erji02 a:hover{color:#fff;background-color:#0f48af;}

.guding{ position:fixed; top:350px;}



.erli li{ float:left; width:50%;}

.erli h3{ font-size:22px; line-height:45px; font-weight:bold}

.erli p{ font-size:18px; line-height:36px;}

.sigess{ width:100%; max-width:1150px; margin:0 auto}

.sigess li{ float:left;width:auto; min-width:250px; font-size:16px; line-height:30px;}

.sigess li:nth-child(2){margin-right:30px;}



.lishi { background:url(../images/historybg.jpg) no-repeat right top; min-height:530px; margin-top:-30px; padding-top:130px}



.lishi span{ float:left; padding:1%; background-color:#f5f5f5;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px; width:21%;margin:0 1%; box-shadow: 0 0 10px #ccc; min-height:240px; margin-bottom:50px;}



.lishi li .time01{ font-size:20px; margin-bottom:0 ; line-height:45px; color: #0f48af; font-weight:bold;}

.lishi li p{ line-height:32px; font-size:14px; padding-left:20px;background:url(../images/doit01.png) no-repeat left 7px;}



#dituContent{width:98%;height:420px;border:#e8e8e8 solid 10px; margin-top:20px}





.chanpinlists .yijis{ text-align:center}

.chanpinlists .yijis ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}

.chanpinlists .yijis li{ display:inline-block;font-size:18px; margin:10px; }

.chanpinlists .yijis li a{ display:block;padding:6px 40px;color:#333; border: 1px solid #ddd;}

.chanpinlists .yijis li a.cur,.chanpinlists .yijis li a:hover{ background:#0f48af; color:#fff}





.chanpinlists .erjis{ text-align:center}

.chanpinlists .erjis ul{ text-align:center; display:inline-block; vertical-align:middle; font-size:0}

.chanpinlists .erjis li{ display:inline-block;font-size:16px; margin:10px; }

.chanpinlists .erjis li a{ display:block;padding:5px 40px;color:#333; border: 1px solid #ddd;}

.chanpinlists .erjis li a.cur,.chanpinlists .erjis li a:hover{ background:#0f48af; color:#fff}





.chanpinlists .leibielist{ margin:30px 0}

.chanpinlists .leibielist li{ float:left; width:23.5%; margin-right:2%; text-align:center; border: solid 1px #e8e8e8; margin-left:-2.68px; margin-bottom:20px;}

.chanpinlists .leibielist li img{ width:100%; height:auto; display:block}

#nmain .chanpinlists .leibielist li:nth-child(4n+1){ margin-left:0;}

#nmain .chanpinlists .leibielist li:nth-child(4n){ margin-right:0;}

.chanpinlists .leibielist p{line-height: 39px;background: #f5f5f5;}





.chanpinlists .leibie li{margin-bottom:20px;}