* {  margin: 0;  padding: 0;  -webkit-font-smoothing: antialiased;}
body, html {  height: 100%; }
body{} font-family:Arial, Helvetica, sans-serif;}
.container-fluid {  width: 100%;  padding-bottom: 10px;}
.carect {  position: relative;  width: 0;  height: 0;  margin-left: 5px;  margin-bottom: 2px;  border-top: 6px solid;  border-left: 5px solid transparent;  border-right: 5px solid transparent; border-radius: 10px;  display: inline-block;}
a{ text-decoration:none;outline:0;}
.clearfix{ clear:both;}
html{overflow-x:hidden;-webkit-text-size-adjust:none}
ul,li,dl,dt,dd{display:block;list-style:none}
img{border:0 none;vertical-align:top;max-width:100%;}
.fl{float: left; display: block;}
.fr{float: right; display: block;}


/* 导航*/
.topBox { position: fixed;   width: 100%; height: 110px;  background:rgba(0,0,0,0.3);  -webkit-box-sizing: border-box;  box-sizing: border-box; /*-webkit-box-shadow: 0 2px 4px #000;  box-shadow: 0 2px 4px #000; */ padding: 20px 0; z-index:9999999; }
.top{ max-width:1200px; margin:0 auto;}
.top li, .top a {  text-decoration: none;  list-style: none;}
.top .nav-logo {  width: auto;  height: 100%;  margin-left: 20px;  float: left;}
.top .nav-logo a, .top .nav-logo li, .top .nav-logo ol, .top .nav-logo span, .top .nav-logo p {  font-size: 30px;  font-weight: bold;  list-style: none;  color: #1f79ec;  text-decoration: none;}
.top .nav-logo img {  max-width: 100%;  max-height: 100%;}
.top ::-webkit-scrollbar {  display: none;}
.top .nav-list {  -webkit-box-sizing: border-box;  box-sizing: border-box;  float: right; margin-top:20px;}

.top .nav-list > li {  position: relative;  list-style: none;  float: left;  text-align: center;}

.top .nav-list > li .active {  color: #fff;  background: #08f;}
.top .nav-list > li a {  color: #fff;/* text-transform:uppercase; */ display: inline-block;  line-height: 40px;  padding: 1px 10px;  margin: 0 10px;  font-size: 18px;  border-radius: 3px;  text-decoration: none; text-align:center;}

.top .nav-list > li a:hover {  color: #fff;  background-color: #08f;}
.top .nav-list > li .menu {  min-width: 100px;  background: #fff; /* -webkit-box-shadow: 0 2px 10px #ccc; box-shadow: 0 2px 10px #ccc;*/  position: absolute;  border-radius: 5px;  white-space: nowrap;  left: 0;  height: 0;  overflow: hidden;  -webkit-transition: 1s;  transition: 1s; text-align:center; cursor:pointer;}

.top .nav-list > li .menu li a {  display: -webkit-box;  display: -ms-flexbox;  display: flex;  margin: 0; text-align:center;}
.top .nav-list > li:hover .menu {  height: auto;}
.top .nav-menu {  display: none;  z-index: 999;  background: #fff;  cursor: pointer;}

.top .open {  left: 0%;  overflow: auto;}

	
/* banner */
.c-banner{	width: 100%; margin:0 auto ; position: relative; top:0;}
.c-banner img{	width: 100%;}
.c-banner .banner ul{	list-style: none;	padding-left: 0px;	margin-bottom: 0px;}
.c-banner .banner ul li{/*	position: absolute;	*/display: none;	opacity: 0;}
.c-banner .banner ul li:nth-child(1){	opacity: 1;	display: block;}
.c-banner .banner ul li img{	width: 100%;/*	position: absolute;	*/top: 0px;}
.c-banner .banner ul li:first-child img{/* position: relative;*/}
.c-banner .nexImg,.c-banner .preImg{ padding: 15px 10px; position: absolute; top: 40%; background: #000000; opacity: 0.5; border-radius: 5px; z-index: 10;}
.c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8;}
.c-banner .nexImg{	right: 0px;}
/*.c-banner .jumpBtn{	width: 100%;	position: absolute;	bottom: 20px;	text-align: center; display:none;}
.c-banner .jumpBtn ul{	margin-bottom: 0px;	padding: 0px;}
.c-banner .jumpBtn ul li{	width: 30px;	height: 30px;	border-radius: 50%;	display: inline-block;	background-color: white;	opacity: 0.9;	margin-left: 10px;}
.c-banner .jumpBtn ul li:first-child{	margin-left: 0px;}*/


	
/*title*/
.title{ text-align: center;margin: 20px auto; overflow: hidden;}
.title h1{font-size:30px;color: #000;text-align: center;line-height: 70px;font-weight:normal;}
.title span{width: 60px;height: 4px;display: block;  background:#08f; text-align:center;margin: 0 auto;}


/*szjy*/
.szjyBox{ width:100%; margin:0 auto; height:auto; }
.szjy{ width:1200px; display:block; margin:30px auto; height:256px; overflow:hidden;}
.szjy li{width: 360px; height: 256px; float: left; display: block; margin: 0 20px;overflow: hidden;}
.szjyImg{width: 360px;height: 256px;overflow: hidden; position: relative;z-index: 1;}
.szjyImg img{width: 360px;height: 216px;display: block;overflow: hidden;}
.szjyImg p{font-size:20px;text-align: center;line-height:40px;color: #08f; font-weight:500;}
.szjyTxt{ position:relative; z-index:9; width: 300px;height: 110px;display: block;padding:20px 30px; overflow: hidden; background:#08f; transition:all 0.5s;}
.szjyTxt h1{font-size: 24px;text-align: center;line-height:40px;color: #fff;}
.szjyTxt p{width: 174px;height: 34px; font-size: 16px;text-align: center;line-height:34px; overflow: hidden; color: #fff; display: block; margin: 18px auto auto;border: 3px solid #ccc;}
.szjy li:hover .szjyTxt{ margin-top:-150px;}


/*case*/
.anliBox{ width: 100%; height: auto; padding: 30px 0; background:url(../img/show-bg.jpg) top center no-repeat; margin:0 auto;}
.anli{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.anliL{ width: 600px;height: 400px;float: left;display: block; overflow: hidden;}
.anliL img{ width: 600px; height: 400px; display: block;overflow: hidden; position: relative;z-index: 1;}
.anliL p{position: relative; z-index: 9; height: 40px; font-size: 16px; color: #fff;text-align: center;line-height: 40px;overflow: hidden; margin-top: -40px; background: rgba(0,0,0,0.6);}
.anliL:hover img{opacity: 0.8;}
.anliL:hover p{color:#08f;}
.anliR{ width: 600px;height: 480px;float: right;display: block;overflow: hidden; }
.anliR li{width: 285px;height: 190px;float: left;display: block;margin:5px 0 5px 15px;}
.anliR li img{width: 285px;height: 190px;display: block;overflow: hidden; position: relative;z-index: 1;}
.anliR li p{position: relative; z-index: 9;height: 40px; font-size: 16px; color: #fff;text-align: center;line-height:40px;overflow: hidden;position: relative; z-index: 9;margin-top: -40px; background: rgba(0,0,0,0.6);}
.anliR li:hover img{opacity: 0.8;}
.anliR li:hover p{color:#08f;}
.anliM{width: 120px;height: 34px; background: #08f;font-size: 16px;text-align: center;line-height: 34px;color: #fff; margin: 10px auto;display: block;}


/*dsqj*/
.dsqjBox{ width:100%; height:auto; margin:0 auto 30px;}
.dsqj{ width:1200px; height:auto; margin:0 auto; }
.dsqj li{ width: 320px; height: auto; padding:19px; border:1px solid #ededed; float: left;display: block; margin: auto 20px; cursor:pointer;}
.dsqj li h1{ width:120px; height:120px; border-radius:50%; overflow:hidden; background:#08f; font-size: 18px; text-align: center; line-height: 120px; color: #fff;font-weight: bold; display:block; margin:0 100px 30px;}
.dsqj li p{ font-size: 14px; text-align: center; line-height: 25px; height: 75px; color: #666;font-weight: normal;}
.dsqj li:hover{ border:1px solid #08f; box-shadow:2px 3px 3px rgba(0,136,255,0.4);}
	
/*news*/
.newBox{ width:100%; height:auto; margin:0 auto 30px; overflow:hidden; }
.new{ width:1200px; height:auto; margin:0 auto; overflow:hidden; cursor: pointer;}
.new li{ width: 360px; height: auto; float: left;display: block;margin: auto 20px;}
.new li img{width: 360px;height: 240px;overflow: hidden;}
.new li h1{ font-size: 20px; text-align: left; line-height: 40px; color: #333;font-weight: bold;}
.new li h2{ font-size: 14px; text-align: left; line-height: 25px; color: #999;font-weight: normal;}
.new li p{ font-size: 14px; text-align: left; line-height: 25px; height: 75px; color: #666;font-weight: normal;}
.new li h3{ font-size: 14px; text-align: left; line-height: 25px; color: #666;font-weight: 500; display: block; transition: 1s;}
.new li span{ width: 360px;height: 0px; background: #08f; display: block; margin-top: 14px; transition: 0.5s;}
.new li:hover img{opacity: 0.6;}
.new li:hover h1{  color:#08f;}
.new li:hover h3{ text-align: right;font-weight: bold;  color:#08f;}
.new li:hover span{ width: 360px;height: 1px;}


/*footer*/
.footerBox{width: 100%; height:auto;background:#333;color: #fff; }
.footer{width: 1200px; height:190px; padding: 30px 0 30px; display: block;margin: 0 auto;}
.footerL{ width:320px; height:auto; overflow:hidden;}
.footerLT{ width:320px; height:auto; overflow:hidden;}
.footerLT img{width: 130px;height: 50px;display: block;overflow: hidden;}
.footerLT p{font-size: 14px; line-height: 30px;text-align: left; color: #ccc;}
.footerLB{ width:320px; height:auto; overflow:hidden;}
.footerLB li{ width:80px; height: auto; float:left; display:block; margin:0 50px 0 0; }
.footerLB li img{ font-size:80px;height: 80px; display:block;}
.footerLB li p{ font-size:14px; text-align:center; color:#ccc; line-height: 30px; display:block;}
.footerC{ width:510px; height:auto; overflow:hidden; margin:30px auto auto 150px;}
.footerC a{ width:118px; height: 48px; float:left; display:block; margin:0 50px 30px 0;border: 1px solid #666;border-radius: 5px; font-size: 18px; text-align: center; line-height: 48px;color: #ccc;}
.footerR{ width:220px; height:auto; overflow:hidden; }
.footerR h1{font-size: 18px;line-height: 40px;color: #fff;font-weight: 500;}
.footerR span{width: 220px;height: 1px;display: block;background: #666; margin: 9px 0 10px;}
.footerR p{font-size:14px; text-align:left; color:#ccc; line-height: 30px;}
.bah{ width: 100%;padding:0 0 10px; background:#1a1a1a;display: block;overflow: hidden;}
.bah p{font-size: 14px; line-height: 30px;text-align: center;color: #fff;}



/**********************neiye****************************/
.inbanner{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
.inbanner img{ width:100%; height:auto; display:block; margin:0 auto;}

.main{  width:100%; height:auto; margin:20px auto auto; overflow:hidden;}
.newList{ width:1200px; height:50px; margin:20px auto; overflow:hidden; text-align:center;}
.newList a{ width:200px; height:50px; background:#e5e5e5; font-size:20px; text-align:center; line-height:50px; color:#333; display:inline-block; margin:auto 20px; border-radius:5px; overflow:hidden;}
.newList a:hover{ background:#08f; color:#fff;}
.newList a.newList-on{ background:#08f; color:#fff;}

/*intitle*/
.intitle{ width:1200px; height:60px; line-height:60px; text-align:center; font-size:30px; color:#333; margin:30px auto; overflow:hidden; font-weight:normal;}
.intitle h1{font-size:30px; font-weight:500; text-align:center; line-height:30px; color:#333; margin-bottom:10px;}
.intitle img{ display: block; margin: 0 auto;}

/*分页*/
.page{ margin:30px auto; text-align: center; width:100%;}
.page span,.page a{ display:inline-block; line-height: 28px;margin:5px; font-size:14px; color:#333;}
.page a{ padding:0px 9px; border:1px #ccc solid;}
.page a:hover{ background:#08f; color:#fff; border:1px #fff solid;}
.page a.page-on{ background:#08f; color:#fff; border:1px #fff solid;}

/*fanye*/
.back{ display:block; width:1200px; margin:30px auto 30px; 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:#08f;}
.backR{ display:block; width:90px; height:30px; font-size:16px; line-height:30px; text-align:center; background:#08f; border-radius:5px; color:#fff; margin:15px auto;}
.backR:hover{ background:#f90;}

/*xq*/
.xq{ width:1200px; margin:20px auto; overflow:hidden;}
.xq h1{ font-size:20px; font-weight:bold; text-align:center; line-height:40px; color:#000;}
.xq h2{ font-size:14px; text-align:center; line-height:30px; color:#666; margin-bottom:10px; font-weight:normal;}
.xq p{ font-size:16px; line-height:30px; text-align:left; text-indent:32px; color:#333;}
.xq img{ display:block; margin:10px auto;}

	
/*about*/
.intit{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.intit h1{ font-size:30px; text-align:center; line-height:30px; color:#333;}
.intit img{  display:block; margin:17px auto 20px;}

/*case*/
.zlhzBox{  width:100%; height:auto; margin:30px auto auto; overflow:hidden;}
.zlhz{ width:1200px; height:auto; display:block; margin:0 auto; overflow:hidden;}
.zlhz li{ width:1200px; height:400px; display:block; overflow:hidden; margin:0 auto 50px;}
.zlhz li .zlhzPic{ width:600px; height:400px;/* width:300px; height:360px; padding:19px 149px; border:1px solid #ccc;*/ display:block;  overflow:hidden;}
.zlhz li .zlhzPic img{ width:600px; height:400px; /*width:300px; height:360px;*/ display:block; margin:auto auto;}
.zlhz li .zlhzTxt{ width:540px; height:340px; padding:30px; background:#f2f2f2;}
.zlhz li .zlhzTxt h1{ font-size:24px; text-align:left; line-height:40px; font-weight:normal; color:#333;}
.zlhz li .zlhzTxt span{ font-size:16px; text-align:left; line-height:40px; color:#666;}
.zlhz li .zlhzTxt p{ font-size:16px; text-indent:32px; line-height:35px; text-align:left; color:#333; max-height:140px; overflow:hidden;}

.zlhz li .zlhzTxt h2{ width:158px; height:38px; border:1px solid #0062b1; font-size:16px; color:#333; text-align:center; line-height:38px; display:block; margin:20px 0 auto auto;}
.zlhz li:hover .zlhzPic{ opacity:0.8;}
.zlhz li:hover .zlhzTxt{ background:#0062b1;}
.zlhz li:hover .zlhzTxt h1{ color:#fff;}
.zlhz li:hover .zlhzTxt span{ color:#fff;}
.zlhz li:hover .zlhzTxt p{ color:#fff;}
.zlhz li:hover .zlhzTxt h2{ color:#fff; border:1px solid #fff;}


/*news*/
.news{ width:1200px; height:auto; display:block; margin:30px auto; overflow:hidden;}
.news li{ width:1160px; height:140px; padding: 19px; float:left; margin:20px auto; cursor:pointer; border:dashed 1px #ccc;}
.news li .newsL{ width:210px; height:140px; float:left; display:block;}
.news li .newsL img{ width:210px; height:140px; display: block;overflow: hidden;}
.news li .newsC{ width:810px; float:left; display:block; margin:0 20px;}
.news li .newsC h1{ text-align:left; font-size:18px; font-weight:bold; line-height:40px; height:40px; overflow:hidden; color: #333;}
.news li .newsC span{display: block; font-size:14px; font-weight:normal; line-height:25px; height:25px; overflow:hidden;color: #999;}
.news li .newsC p{ text-align:left; font-size:14px; font-weight:normal; line-height:25px; max-height:75x; overflow:hidden;color: #999;}
.news li .newsM{ width:60px; height:60px; float:right;  display:block; margin:45px 0;background: url(../img/newsM.png) left center no-repeat; text-align:center; line-height:40px; transition: all 0.8s;  }
.news li:hover{ border:solid 1px #08f;}
.news li:hover .newsC h1{color: #08f;}
.news li:hover .newsM{ background-position: right center;}



/*contact*/
.contact{ width:1200px; height:auto; margin:30px auto; overflow:hidden;}
.lxwm{ width:1200px; height:auto; display:block; margin:0 auto; overflow:hidden;}
.lxwm li{ width:160px; height:auto;float:left; display:block; margin:0 40px;}
.lxwm li img{ width: 160px; height: 160px; display:block; margin:0 auto 30px; background:#808080; border-radius: 50%; }
.lxwm li p{ font-size:16px; text-align:center; line-height:30px; color:#666;}
.imap{ width:1200px; height:400px; margin:30px auto; overflow:hidden;}


/*liuyan*/
.inMsgList{ width:1160px; padding:50px 20px; margin: 30px auto;overflow: hidden; background: #f0f0f0;}
.inMsgList li{width: 520px;float: left;display: block; margin:0px 30px 40px;}
.inMsgList li p{font-size:18px;line-height: 24px;margin-bottom: 4px; color: #333;}
.inMsgList li input{font-size: 16px;padding: 0px 9px;border: 1px #ccc solid;line-height: 36px;border-radius: 4px;width: 500px; color: #999;}
.inMsgList li textarea{padding: 10px;font-size: 16px;border: 1px #ccc solid;border-radius: 4px;width:620px;height:86px; color: #999;}
.inMsgList li .inMBtn{ cursor:pointer; background:#c10e21; font-size:16px; border: 1px #ececec solid;width: 170px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:5px;}


/*fzqjBox*/
.fzqjBox{width:100% ;height: auto;margin: 30px auto;/* background: url(../img/fzhan1.jpg) center left no-repeat;*/ overflow:hidden;}
.fzqj{ width:90%;height: auto;margin:0 5%;overflow:hidden;}
.fzqjL{ width:50%; height:auto; display:block; overflow:hidden;}
.fzqjR{ width:47%;/* width:560px;*/ height:auto; margin:30px auto auto auto; overflow:hidden;}
.fzqjR h1{ font-size:24px; text-align:left; line-height:50px; color:#333;}
.fzqjR span{ font-size:18px;text-transform: uppercase; text-align:left; line-height:40px; color:#999;}
.fzqjR p{ font-size:14px; text-align:left; line-height:25px; color:#666;}

.fzfxBox{width:100% ;height: auto;margin: 30px auto;/* background: url(../img/fzhan2.jpg) top right no-repeat;*/ overflow:hidden;}
.fzfx{ width:90%;height: auto;margin:0 5%;overflow:hidden;}
.fzfxL{ width:47%;/* width:560px;*/ height:auto; margin:30px auto 0 auto; overflow:hidden;}
.fzfxL h1{ font-size:24px; text-align:left; line-height:50px; color:#333;}
.fzfxL span{ font-size:18px;text-transform: uppercase; text-align:left; line-height:40px; color:#999;}
.fzfxL p{ font-size:14px; text-align:left; line-height:25px; color:#666;}
.fzqjL{ width:50%; height:auto; display:block; overflow:hidden;}

.fzfour{ width:100%; height:auto; margin:0 auto; overflow:hidden; background: url(../img/fzfour-bg.jpg) center center no-repeat; padding: 50px 0;}
.fzfour img{ width:1200px; height:auto; display:block; margin:0 auto;}


/*honor*/
.honorBox{ width:100%; margin:0 auto; height:auto;}
.honorTit{ width:1200px; display:block; margin:10px auto;}
.honorTit h1{ font-size:30px; text-align:left; line-height:60px; color:#333;}
.honorTit p{ font-size:24px;text-transform: uppercase; text-align:left; line-height:50px; color:#999;}
.honor{ width:1200px; display:block; margin:30px auto 50px; height:auto; overflow:hidden;}
.honor li{width:198px; height:95px; /*width:298px; height:112px;*/ border:1px solid #ccc; float:left; display:block; margin:0;}
.honor li img{width:198px; height:75px;/*width:298px; height:112px;*/ padding:10px 0; display:block; overflow:hidden;}
.honor li:hover img { opacity:0.8;}



/*about*/
.gsjsBox{width:100% ;height: auto;margin: 30px auto;/* background: url(../img/gsjs.png) top right no-repeat;*/ overflow:hidden;}
.gsjsL{ /*width:850px;*/ width:45%; height:auto;margin:50px auto 0 10%; /*margin:30px auto 0 320px;*/ overflow:hidden; position:relative; z-index:99;}
.gsjsL p{ font-size:16px; text-align:left; line-height:36px; color:#666; margin-top: 30px;/* background:#fff;*/}
.gsjsR{ width:60%;height:560px; margin:-300px 0 auto;overflow:hidden; position:relative; z-index:1; }
.gsjsR img{ width:100%; height:560px; display:block; overflow:hidden;}

.csrBox{width:100% ;height: auto;margin: 50px auto 0; overflow:hidden;}
.csr{ width:1060px; height:440px; margin:30px auto; overflow:hidden;}
.csrL{ width: 600px;height: 440px; display: block; overflow: hidden;}
.csrL img{ width: 600px;height: 440px; display: block; overflow: hidden;}
.csrR{ width: 400px;height: 440px; display: block; overflow: hidden;}
.csrR h1{ font-size:24px; text-align:left; line-height:50px; color:#08f;font-weight: 500;}
.csrR h2{ font-size:14px; text-align:left; line-height:30px; color:#666; font-weight: normal; text-transform:uppercase; margin-bottom:20px;}
.csrR p{ font-size:18px; text-align:left; line-height:40px; color:#666;}

.ppgsBox{width:100% ;height: auto;margin: 30px auto; overflow:hidden;}
.ppgs{ width:1200px; height:auto; margin:30px auto 0; overflow:hidden;}
.ppgs h1{ font-size:24px; text-align:center; line-height:50px; color:#333;font-weight: 500;}
.ppgs span{ font-size:16px; text-align:center; line-height:30px; color:#666; display: block;}
.ppgs img{display: block; margin: 10Px auto;}