@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
html{ width:100%; overflow-x:hidden;}
body{ font-size:12px; margin: 0; min-width:1200px; font-family: 微软雅黑, Microsoft YaHei, Arial, Helvetica, sans-serif;}
ul, li{ list-style-type: none;}
img, ul, li{ padding: 0px;	margin: 0px;}
img{ border: none;}
a{ text-decoration: none; color:#333;}
a:hover { text-decoration: none;}
.clearfix{clear: both;}
input, textarea { outline: none; border: 0px;}
h1, h2, h3, h4, h5, p, dl, dd, dt, i, em{ margin: 0; font-weight: normal;} 
.fl{ float:left; display:block;}
.fr{ float:right; display:block;}
/*html,body{	-moz-user-select: none;	-khtml-user-select: none;	user-select: none;}*/

/*top*/
.topBox{ width:100%; height:100px; margin:0 auto; overflow:hidden;}
.top{ width:1200px; height:100px; margin:0 auto;}
.logo{ width:185px; height:80px; display:block; margin:10px auto; overflow:hidden; }
.logo img{ width:185px; height:80px; display:block;}
.nav{/* width:840px;*/ display:block; height:40px; margin:30px 0 0 auto; overflow:hidden;}
.nav li{  float:left; display:block; padding:0 11px; margin:0 18px 0 0; position:relative; z-index:9;}
.nav li:hover{ background:#19278b; color:#fff; border-radius: 3px; }
.nav li:hover a{ background:#19278b; color:#fff; border-radius: 3px;}
.nav li:last-child>a{background: none;}
.nav li>a{ width:100%; display:block; font-size:18px; font-weight:normal; text-align:center; line-height:40px; color:#333;}
/*.nav li.active>a{color: #fff; background:#19278b;}*/
.nav li.navon{background: #d8271c; border-radius: 20px;}
.nav li.navon a{color: #fff;}

/*banner*/
.fullSlide{ width:100%; height:auto; display:block; position:relative; background:#000; margin:0 auto; overflow:hidden;}
.fullSlide .bd{ position:relative; z-index:0; overflow:hidden;}
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{position:relative; z-index:1; margin-top:-40px; height:40px; line-height:40px;  text-align:center;}
.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }
.fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:14px; height:14px; margin:5px; background:#999; overflow:hidden; 	font-size:0; border-radius:50%;}
.fullSlide .hd ul .on{ background:#19278b; }
/*.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-27% 0 0 3%; float:left;  background:url(../img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }
.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }
.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }*/

/*title*/
.title{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.title h1{ font-size:36px; font-weight:550; text-align:center; color:#333; line-height:50px; }
.title h1 span{ color:#19278b; padding-left:10px;}
.title p{ font-size:18px; text-align:center; color:#666; line-height:30px; text-transform:uppercase;}

/*four*/
.fourBox{ width:100%; height:auto; margin:30px auto;}
.four{ width:1200px; height:auto;display: block; margin:0 auto; }
.four li{width: 280px;height: 430px; float: left; display: block; margin: 0 10px;box-shadow: 2px 5px 5px rgba(0,0,0,0.4);}
.four li .fourImg{width: 280px;height: 160px;display: block;overflow: hidden; margin: 0 auto;}
.four li .fourTit{font-size: 24px; line-height: 50px; font-weight: 500;display: block;text-align: center;color: #000;}
.four li span{width: 140px;height: 2px;display: block; text-align: center; background: #ccc; margin: 8px auto;}
.four li p{font-size: 16px;text-align: center;line-height: 30px;height: 30px;color: #666;}
.four li .fourM{font-size: 16px;text-align: center;line-height: 30px;color: #18268b; display: block; margin:10px auto auto;}
.four li .fourTit:hover{color: #18268b;}

/*three*/
.threeBox{ width:100%; height:auto; margin:30px auto;}
.three{ width:1200px; height:200px;display: block; margin:0 auto;background: #f2f2f2; box-shadow: 2px 5px 5px rgba(0,0,0,0.4); }
.new{ width: 440px; padding: 10px 20px; overflow: hidden;}
.new h1{font-size: 18px; text-align: left;color: #d8271c;font-weight: 500; line-height: 20px;text-transform: uppercase;}
.new .newNav{font-size: 24px;line-height: 30px; text-align: left; color: #000; margin-bottom: 10px;display: block;}
.new h2{font-size: 24px; text-align: left;color: #d8271c;font-weight: 500; line-height: 30px;}
.new .newTit{font-size: 18px; text-align: left;color: #333; line-height: 35px;height: 35px; overflow: hidden; margin-bottom: 5px;display: block;}
.new p{font-size: 14px; text-align: left;color: #999; line-height: 25px; max-height: 50px;overflow: hidden;}
.anli{width: 420px;height: 200px; background: url(../img/case-bg.jpg) top center no-repeat;overflow: hidden;}
.anliL{width: 260px; margin-left: 30px; margin-top: 65px;}
.anliL h1{font-size: 18px; text-align: left;color: #666;font-weight: 500; line-height: 30px;text-transform: uppercase;}
.anliL p{font-size: 24px; text-align: left;color: #000; overflow: hidden; line-height: 40px;}
.anliR{width: 48px;height: 48px; margin-right: 30px; margin-top: 76px;overflow: hidden;}
.show{ width:300px; height:200px; margin:0 auto; display:block; overflow:hidden;}
.show li{ width:300px; height:200px;  float:left; display:block; margin:0 10px; overflow:hidden;}
.show li img{  width:300px; height:200px; display:block; overflow:hidden; transition:all 0.5s;}
.show li:hover img {  width:300px; height:200px; display:block; overflow:hidden; transform:rotate(360deg);}

/*foot*/
.footer{ width:100%; height:auto; background:#1a1a1a; margin:0 auto; overflow: hidden;}
.footer img{ width:185px; height:80px; display:block;margin: 30px auto 10px;overflow: hidden;}
.footer p{ font-size:14px; color:#ccc; text-align:center;line-height: 40px;}
.footer h1{ width:100%;  font-weight:normal;height:40px; text-align:center; line-height:40px; color:#ccc; display:block; margin:10px auto; font-size:14px; background: #333;}
.footer h1 a{ color:#fff;}
.footer h1 a:hover{ color:#d8271c; text-decoration:underline;}

/****************neiye****************/
/*main*/
.mainBox{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.main{ width:1200px; height:auto; margin:30px auto; overflow:hidden; }
.mainL{ width:270px; display:block;}
/*mNav*/
.mainLT{ width:270px;}
.mNav-tit{ width:270px; height:80px; overflow:hidden; background:url(../img/inav.png) center center no-repeat; border-top-left-radius:10px; border-top-right-radius:10px;}
.mNav-tit h1{display:block; font-size:30px; line-height:80px; height:80px; color:#fff; text-align:center; font-weight:normal; }
.mNav{ width:270px; height:auto; overflow:hidden;}
.mNav li{ width:270px; height:49px;margin:0 auto; background:#fff; border-bottom:1px solid #ccc;}
.mNav li h1{ font-size:18px; height:48px; font-weight:400; overflow:hidden; text-align:left; line-height:48px; color:#333; margin-left:20px;}
.mNav li h1 span{ color:#ccc; margin-right:10px; font-style:none;}
.mNav li p{ width:0; height:2px; background:#19278b; transition:all 0.8s;}
.mNav li:hover h1{color:#19278b;}
.mNav li:hover h1 span{color:#19278b;}
.mNav li:hover p{ display:block; width:270px; height:2px; background:#19278b; }
.mNav .mNavon h1{color:#19278b;}
.mNav .mNavon h1 span{color:#19278b;}
.mNav .mNavon p{ display:block; width:270px; height:2px; background:#19278b; }

/*zxal*/
.zxal{ width:270px; height:auto; margin:30px auto;}
.zxalnr{width: 240px; height: 420px; overflow: hidden; background:#fff;padding:14px; border: 1px solid #ccc;border-top: none;}
#marquee4 { display:block; width:240px; height:420px; overflow: hidden; margin:0 auto;}
#marquee4 ul{	width: 240px; margin:0 auto; overflow:hidden;}
#marquee4 ul li {width:240px; height:190px; float:left; display:block; margin:0 auto 20px; overflow: hidden;}
#marquee4 ul li img{ width:240px; height:160px; display:block; overflow: hidden;}
#marquee4 ul li p{ width:240px; font-size:14px; line-height:30px; height:30px;text-align: center; color:#333; display:block; background: #ebebeb;}
#marquee4 ul li:hover img{ opacity: 0.7;}
#marquee4 ul li:hover p{color:#fff; background:#19278b;}

/*cont*/
.cont{ width:268px; height:auto; margin:30px 0; border:1px solid #ccc; background:#fff;}
.cont img{ width:268px; height:110px; display:block; }
.cont-nr{ width:240px; margin:10px auto;}
.cont-nr h1{ font-size:18px; font-weight:bold; color:#000; line-height:30px;}
.cont-nr p{ font-size:16px; line-height:30px; color:#333;}

.mainR{ width:900px; height:auto; overflow:hidden; display:block; margin:0 auto;}
.tittle{ width:900px; height:40px; margin:0 auto; background:#f2f2f2; border-top-left-radius:10px; border-top-right-radius:10px;}
.tittle p{ font-size:15px; line-height:40px; color:#666; margin-left:20px;}
.tittle p a{ color:#666;}
.tittle p a:hover{ text-decoration:underline; color:#19278b;}
/*分页*/
.page{ margin:30px auto; text-align: center; width:100%; overflow:hidden;}
.page span,.page a{ display:inline-block;line-height: 30px; margin:0px 3px;}
.page a{ padding:0px 12px; border:1px #ccc solid; background:#fff; font-size:14px;}
.page a:hover{ background:#19278b; color:#fff; border:1px #19278b solid;}

.page li { float:left;}
/*fanye*/
.back{ display:block; width:880px; margin:30px auto 10px; overflow:hidden; border-top:2px solid #ccc; padding-top:8px;}
.backL{ width:700px;}
.backL p{ font-size:16px; color:#333; line-height:30px;}
.backL p a{ color:#666;}
.backL p a:hover{ color:#19278b;}
.backR{ display:block; width:90px; height:30px; font-size:16px; line-height:30px; text-align:center; background:#19278b; border-radius:5px; color:#fff; margin:15px auto;}
.backR:hover{ background:#f90;}

/*about*/
.about{ width:880px; margin:20px 10px; min-height:500px;}
.about p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.about img{ display:block; margin:10px auto;}
/*honor*/
.honor{ width:900px; height:auto; max-height:780px; margin:20px auto;  display:block; /*overflow:hidden;*/}
.honor li{width: 159px;height: 114px;float:left;display:block;margin:10px;cursor:pointer;}
.honor li a{width: 159px;height: 114px;display:block;overflow:hidden;}
.honor li a img{width: 159px!important;height: 114px!important;display:block;}
.honor li p{ font-size:16px; text-align:center; line-height:30px; color:#333; height:30px; overflow:hidden;}
/*recruit*/
.recruit{  width:900px; height:auto; max-height:840px; margin:20px auto 30px; overflow:hidden; display:block;;}
.recruit .tab1{ width:900px; height:50px; margin:0 auto; background:#19278b; border:none;  border-collapse:collapse;  border-color:#19278b; color:#fff; font-size:16px; text-align:center; line-height:50px;}
.recruit .tab1 td{ width:120px;}
.recruit-nr{ width:900px; margin:0 auto;}
.zpNavBox{width:900px;margin:0 auto; overflow:hidden;}
.zpNav{ width:900px; height:60px; margin:0 auto; border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:normal;font-size:14px;color:#999;line-height:28px; background:#fff;}
.zpNav .tab2{ display:block;width:900px; height:60px; margin:0 auto; border:none;  border-collapse:collapse;  border-color:#f8f8f8; color:#010101; font-size:16px; text-align:center; line-height:60px;}
.zpNav .tab2 td{ width:120px;}
.zpNav:hover{ background:#d8271c;border-collapse:collapse; border:none;  border-color:#d8271c; color:#fff;}
.zpNav:hover .tab2{ background:#d8271c;border-collapse:collapse; border:none;  border-color:#d8271c; color:#fff;}
.zpDd{ background:#d8271c;border-collapse:collapse; border:none; border-color:#d8271c; color:#fff;}
.zpDd .tab2{ background:#d8271c;border-collapse:collapse; border:none; border-color:#d8271c; color:#fff;}
.zpDt{ background:#d8271c;border-collapse:collapse; border:none; border-color:#d8271c; color:#fff;}
.zpDt .tab2{ background:#d8271c;border-collapse:collapse; border:none; border-color:#d8271c; color:#fff;}
  
.zpContent{ display: none; width:900px; border-bottom:solid 1px #e5e3da; background:#f8f8f8;}
.zpContent li{ padding:40px;}
.zpContent li h1{ font-size:16px; line-height:30px; text-align:left; color:#333; margin:10px auto;}
.zpContent li p{ font-size:14px; line-height:24px; text-align:left; color:#666;}

/*contact*/
.contact{ width:860px; margin:20px;}
.contactT{ width:860px; height:auto; margin:30px auto;}
.contact-tit{ width:845px; padding-left:10px; border-left:5px solid #19278b;}
.contact-tit h1{ font-size:24px; font-weight:bold; line-height:40px; text-align:left; color:#000;}
.contact-tit p{ font-size:14px; line-height:20px; color:#333; text-align:left;}
.contactT-nr{ width:860px; height:auto; margin:30px auto; display:block; overflow:hidden;}
.contactT-nr p{font-size:18px; line-height:40px; color:#333;}
.contactB{ width:860px; height:auto; margin:30px auto;}
.inMsg{margin-top: 30px;overflow: hidden;}
.inMsg li{float: left;margin:14px 0px;margin-right: 30px;}
.inMsg li span{ font-size:16px; color:#333; float: left;width: 74px; line-height: 32px; height: 32px;}
.inMsg li input{ width:300px; line-height: 30px; border: 1px #ccc solid; padding:0px 10px;}
.inMsg li textarea{ width: 726px; height:90px; border: 1px #ccc solid; padding:0px 10px; line-height: 30px;}
.inMsg li input.msgBtn{background: #19278b;color: #fff;width: 356px;border: 1px #19278b solid;cursor: pointer;font-size: 16px;}
/*news*/
.news{ width:900px; height:auto; margin:0 auto;}
.news ul{ width:900px; height:auto; max-height:960px; margin:30px auto; overflow:hidden; display:block;}
.news ul li { width:860px; height:120px; padding:0px 20px 19px; overflow:hidden; float:left; display:block; margin:0 auto 20px; border-bottom:1px dashed #ccc;}
.news ul li .news-l{ width:180px; height:120px; overflow:hidden;}
.news ul li .news-l img{ width:180px; height:120px; display:block;}
.news ul li .news-r{ width:660px; height:120px; overflow:hidden;}
.news ul li .news-r a{ font-size:18px; font-weight:normal; color:#333; height:40px; line-height:40px; overflow:hidden;}
.news ul li .news-r span{ height:20px; font-size:14px; text-align:left; line-height:20px; display:block; color:#999;}
.news ul li .news-r p{ font-size:15px; line-height:30px; max-height:60px; overflow:hidden; color:#666;}
.news ul li .news-r a:hover{ color:#19278b;}
/*news-xq*/
.news-xq{ width:880px; margin:20px 10px; overflow:hidden;}
.news-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.news-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:10px; font-weight:normal;}
.news-xq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.news-xq img{ display:block; margin:10px auto;}

/*team*/
.team{ width:900px; height:auto; margin:0 auto;}
.team ul{ width:900px; height:auto; max-height:720px; margin:20px auto 30px; overflow:hidden; display:block;}
.team ul li{ width:180px; height:270px; padding:9px; border:1px solid #ccc;border-radius: 5px; float:left; display:block; margin:10px; overflow:hidden;}
.team ul li img{ width:180px; height:180px; display:block; overflow:hidden;}
.team ul li h1{height:36x;  display:block; font-size:18px; text-align:center; line-height:36px; color:#333; }
.team ul li h2{height:24px;  display:block; font-size:14px; text-align:center; line-height:24px; color:#666; }
.team ul li p{width:180px; height:30px;  display:block; font-size:14px; text-align:center; line-height:30px; color:#fff;border-radius: 5px;  background:#ccc;}
.team ul li:hover{ border:1px solid #19278b;}
.team ul li:hover img{ opacity:0.8;}
.team ul li:hover p{ background:#19278b;}
/*team-xq*/
.team-xq{ width:880px; margin:20px 10px; overflow:hidden;}
.team-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.team-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:10px; font-weight:normal;}
.team-xq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.team-xq img{ display:block; margin:10px auto;}



/*project*/
.project{ width:900px; height:auto; margin:0 auto;}
.xq{ width:880px; margin:20px 10px; overflow:hidden;}
.xq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.xq img{ display:block; margin:10px auto; width:100%;}
.xq a{font-size:16px; line-height:30px; text-align:left;margin: 10px 0 0px;display: block; color:#e60012;}


/*case*/
.case{ width:900px; height:auto; margin:0 auto;}
.case ul{ width:900px; height:auto; max-height:840px; margin:20px auto 30px; overflow:hidden; display:block;}
.case ul li{ width:900px; height:160px; overflow:hidden; float:left; display:block; margin:0 auto 30px; }
.case ul li .caseL{ width:240px; height:160px; overflow:hidden;}
.case ul li .caseL img{ width:240px; height:160px; display:block;}
.case ul li .caseR{ width:610px; height:140px; overflow:hidden;padding: 10px 15px;background: #f2f2f2;}
.case ul li .caseR a{ font-size:18px; font-weight:normal; color:#333; height:40px; line-height:40px; overflow:hidden;}
.case ul li .caseR p{ font-size:14px; line-height:25px; max-height:100px; overflow:hidden; color:#666;}
.case ul li .caseR a:hover{ color:#19278b;}
/*case-xq*/
.case-xq{ width:880px; margin:20px 10px; overflow:hidden;}
.case-xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#333;}
.case-xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:10px; font-weight:normal;}
.case-xq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.case-xq img{ display:block; margin:10px auto;}

/*link*/
.link{ width:900px; height:auto; max-height:780px; margin:20px auto;  display:block; overflow:hidden;}
.link li{ width:268px; height:178px; border: 1px solid #ccc; float:left; display:block; margin:15px; cursor:pointer; overflow:hidden;}
.link li img{ width:268px; height:178px; display:block;border: 1px solid #ccc; position: relative;z-index: 1;}
.link li p{ font-size:16px; text-align:center; line-height:40px; color:#fff; height:40px; background:#19278b; overflow:hidden; position:relative ;z-index: 9;}
.link li:hover p{margin-top: -40px;}