@charset "utf-8";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:14px; font-family:"Microsoft YaHei";}
a{ text-decoration:none;}
img{ border: none;}
ul{ list-style:none;}
.clear{ clear:both;}
.type,.class-btn{ display:none;}
/*头部*/
#header{ width:1200px; margin:0px auto;}
#header .logo{ width:356px; height:111px; text-align:center; display:block; float:left;}
#header .logo img{ margin-top:12px;}
.mainnav{ float:right; margin-top:52px;}
.mainnav ul li{ float:left; margin:0px 11px;}
.mainnav ul li a{ float:left; color:#666666; font-size:14px;}
.mainnav ul li a:hover{ color:#0099f7;}
/*首页第一部分*/
#index1bg{ background:#f0f5f9; padding:48px 0px;}
#index1{ width:1200px; margin:0px auto; }
#index1 ul li{ width:180px; height:131px; overflow:hidden; border-radius: 5px; float:left; margin-left:22px;}
#index1 ul li a{ display:block;}
#index1 ul li span{ display:block; color:#FFF; font-size:20px; padding-left:26px; padding-top:23px;}
#index1 ul li font{ display:block; color:#caeaf6; font-size:18px; padding-left:26px;}
#index1 ul li img{ float:right; margin-right:23px; margin-top:5px;}
#index1 ul li.ling1{ margin-left:0px; filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0091f5,endcolorstr=#00bfff,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#0091f5,endcolorstr=#00bfff,gradientType=0);	background:#0091f5; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #0091f5, rgba(0, 191, 255, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #0091f5), to(rgba(0, 191, 255, 0.8)));}
#index1 ul li.ling2{ filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00969f,endcolorstr=#00e3b1,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#00969f,endcolorstr=#00e3b1,gradientType=0);	background:#00969f; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #00969f, rgba(0, 227, 177, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #00969f), to(rgba(0, 227, 177, 0.8)));}
#index1 ul li.ling3{ filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7f00,endcolorstr=#ffb83f,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7f00,endcolorstr=#ffb83f,gradientType=0);	background:#ff7f00; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #ff7f00, rgba(255, 184, 63, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #ff7f00), to(rgba(255, 184, 63, 0.8)));}
#index1 ul li.ling4{ filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#49aa13,endcolorstr=#abd639,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#49aa13,endcolorstr=#abd639,gradientType=0);	background:#49aa13; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #49aa13, rgba(171, 214, 57, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #49aa13), to(rgba(171, 214, 57, 0.8)));}
#index1 ul li.ling5{ filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff5b4f,endcolorstr=#ff9027,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff5b4f,endcolorstr=#ff9027,gradientType=0);	background:#ff5b4f; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #ff5b4f, rgba(255, 144, 39, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #ff5b4f), to(rgba(255, 144, 39, 0.8)));}
#index1 ul li.ling6{ filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c3220c,endcolorstr=#f3422a,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#c3220c,endcolorstr=#f3422a,gradientType=0);	background:#c3220c; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #c3220c, rgba(243, 66, 42, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #c3220c), to(rgba(243, 66, 42, 0.8)));}
/*首页第二部分 关于我们*/
#index2{ width:1200px; margin:50px auto 0px auto;}
.title{ text-align:center;}
.title span{ display:block; color:#333333; font-size:24px; font-weight:bolder;}
.title .biao{ border-top:1px solid #ededed; width:265px; margin:30px auto 0px auto;}
.title .biao img{ margin-top:-15px; background:#FFF; padding:0px 10px;}
.inbg{ background:#fafafa; padding:27px 66px 0px 66px; margin-top:40px;}
.inleft{ width:567px; float:left;}
.inleft .inview{ color:#666; font-size:14px; line-height:170%; padding-top:35px; padding-right:20px;}
.inleft ul{ margin-top:31px;}
.inleft ul li{ float:left; width:30%;}
.inleft ul li.two,.inleft ul li.three{ border-left:1px solid #dbdbdb; border-right:1px solid #dbdbdb; padding-left:3.3%;}
.inleft ul li .zi{ color:#555555; font-size:28px; float:left;}
.inleft ul li .zi span{ display:block; font-size:14px;}
.inleft ul li font{ float:left; color:#555555; font-size:14px; margin-left:10px;}
.inright{ width:430px; float:right; margin-bottom:-50px;}
/*首页第三部分*/
#index3bg{ background:#f5f5f5; margin-top:76px; padding:112px 0px 60px 0px;}
#index3{ width:1200px; margin:0px auto;}
#index3 dl{ width:380px; float:left;}
#index3 dl.two{ margin:0px 29px;}
#index3 dl .newt{ width:380px; height:230px;  position:relative;}
#index3 dl .newt img{ width:380px; height:230px; overflow:hidden; object-fit:cover;}
#index3 dl .newt .ntitle0{ position:absolute; left:0px; top:-10px; background:url(../images/news1.png) left top no-repeat; width:110px; height:90px; }
#index3 dl .newt .ntitle0 span{ font-size:24px; color:#FFFFFF; width:60px; display:block; line-height:30px; padding:15px 0px 0px 25px;}
#index3 dl .newt .more{ position:absolute; right:20px; top:21px; width:72px; height:28px; display:block; text-align:center; background:#5cb85c; font-size:12px; color:#FFFFFF; line-height:28px; border-radius:50px;}
#index3 dl .newt .ntitle2{ position:absolute; left:0px; top:-10px; background:url(../images/news2.png) left top no-repeat; width:110px; height:90px; }
#index3 dl .newt .ntitle2 span{ font-size:24px; color:#FFFFFF; width:60px; display:block; line-height:30px; padding:15px 0px 0px 25px;}
#index3 dl .newt .more2{ position:absolute; right:20px; top:21px; width:72px; height:28px; display:block; text-align:center; background:#ff4949; font-size:12px; color:#FFFFFF; line-height:28px; border-radius:50px;}
#index3 dl .newt .ntitle3{ position:absolute; left:0px; top:-10px; background:url(../images/news3.png) left top no-repeat; width:110px; height:90px; }
#index3 dl .newt .ntitle3 span{ font-size:24px; color:#FFFFFF; width:60px; display:block; line-height:30px; padding:15px 0px 0px 25px;}
#index3 dl .newt .more3{ position:absolute; right:20px; top:21px; width:72px; height:28px; display:block; text-align:center; background:#ff9600; font-size:12px; color:#FFFFFF; line-height:28px; border-radius:50px;}
#index3 dl .newt dt{background-color: rgba(0,0,0,0.5); position:absolute; left:0px; bottom:0px; width:100%; height:46px; line-height:46px; }
#index3 dl .newt dt font{ width:90%; padding:0px 5%; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; display:block;}
#index3 dl .newt dt a{ color:#FFFFFF; font-size:14px;}
#index3 dl ul{ background:#FFFFFF; padding:25px 17px;}
#index3 dl ul li{ padding:5px 0px;}
#index3 dl ul li span,.newslist li span{ float:right; color:#a9a9a9; font-size:14px;}
#index3 dl ul li font,.newslist li font{ width:70%; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; display:inline-block;}
#index3 dl ul li font a,.newslist li font a{ color:#666666; font-size:14px;}
#index3 dl ul li code,.newslist li code{ background:url(../images/dian.png) left top no-repeat; width:5px; height:5px; display:inline-block; margin-right:10px; vertical-align:middle;}
#index3 dl ul li a:hover,.newslist li a:hover{ color:#2bad51;}
#index3 dl ul li a:hover code,.newslist li a:hover code{ background:url(../images/dian1.png) left top no-repeat;}
/*首页第四部分 办公环境*/
#index4{ width:1200px; margin:60px auto 0px auto;}
#index4 ul{ width:840px; margin:44px auto 0px auto;}
#index4 ul li{ width:280px; float:left;}
#index4 ul li a{ width:280px; height:230px; overflow:hidden;  position:relative; display:block;}
#index4 ul li a img{ width:280px; height:230px; overflow:hidden; object-fit:cover;}
.mask{width:100%; height:100%; background:#000000; position: absolute; display: none;  background-color: rgba(0,0,0,0.6); }
.mask font{ color:#FFF; font-size:16px; text-align:center; line-height:225px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
/*首页第五部分 资质荣誉*/
#index5bg{ background:#ffffff url(../images/index5bg.jpg) repeat-x; margin-top:80px; }
#index5{ width:1200px; margin:0px auto; padding-top:70px;}
.title1{ text-align:center;}
.title1 span{ display:block; color:#fff; font-size:24px; font-weight:bolder;}
.title1 .biao{ border-top:1px solid #ededed; width:265px; margin:30px auto 0px auto;}
.title1 .biao img{ margin-top:-15px; background:#008eee; padding:0px 10px;}
#index5 ul{ background:#FFFFFF; margin-top:40px; padding-left:22px; padding-top:35px;}
#index5 ul li{ width:367px; float:left; margin:0px 9px;}
#index5 ul li a{ width:367px; height:241px; overflow:hidden;  position:relative; display:block;}
#index5 ul li a img{ width:367px; height:241px; overflow:hidden; object-fit:cover;}
/*底部*/
#footbg{ background:#0194f4; margin-top:58px; padding:21px 0px;}
#footer{ width:1200px; margin:0px auto;}
#footer dt{ float:right; color:#FFFFFF; font-size:14px;}
#footer dd{ float:left; color:#A4E3FF; font-size:14px; margin-right:30px;} 
 #footer dd img{ vertical-align:middle;  margin-right:10px;}
 #bottom{ width:1200px; margin:30px auto; text-align:center; color:#555; font-size:14px; line-height:160%;}
 
 
 #containter{ width:1200px; margin:30px auto 0px auto;}
 .position{ color:#666; font-size:14px; margin-bottom:25px;}
  .position a{ color:#666666;}
  .position a:hover{ color:#0194f4;}
  /*子页左侧*/
 #left{ float:left; width:230px; background:#FFFFFF;}
#left .ztitle{ height:50px; line-height:50px; text-align:center; color:#FFF; font-size:24px;    background: -webkit-linear-gradient(left, rgba(0,145,245,1), rgba(0,191,255,0.7)); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, rgba(0,145,245,1), rgba(0,191,255,0.7)); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, rgba(0,145,245,1), rgba(0,191,255,0.7)); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right, rgba(0,145,245,1), rgba(0,191,255,0.7)); /* 标准的语法（必须放在最后） */ }
	#left ul{ padding-bottom:15px;}
#left ul li{ text-align:center;}
#left ul li a{ display:block; text-align:center; font-size:16px; color:#666; border-bottom:1px solid #ededed; padding:15px 0px;}
#left ul li a:hover{ color:#0194f4;}
/*关于我们*/
#right{ background:#FFF; width:900px; padding:20px 20px 40px 20px; float:right;}
#right .rtitle{ border-bottom:1px solid #ededed; padding-bottom:10px;}
#right .rtitle span{ color:#444444; font-size:20px; }
.aboutview{ font-size:14px; line-height:180%; margin-top:35px; color:#666;}

.newslist{ margin-top:30px;}
.newslist li{ padding:8px 0px;}
/*分页*/
.pglist{ font-size:14px; text-align:center; margin-top:35px; color:#666;}
.pglist a{ color:#666;}
/*新闻内页*/
.ntitle{ color:#333; font-size:24px; text-align:center; padding-top:30px;}
.ntime{ text-align:center; color:#6c6c6c; font-size:14px; border-top:1px solid #e6e8e9; padding-top:8px; margin-top:18px;}
.nview{ color:#333333; font-size:14px; line-height:190%; padding-top:28px;}
.page{width:100%; overflow: hidden; border-top:1px dashed #c2c1c1; margin-top:30px; padding-top:20px; }
.page p{width:100%; font-size:14px; color:#1d1d1d; margin:5px 0px;}
.page p a{color:#1d1d1d}
.page p a:hover{text-decoration: underline; color:#0194f4;}
/*.nview img{ width:100%;}*/
/*产品*/
.prolist{ margin-top:15px; margin-left:-30px; *zoom:1;_position:relative; *margin-left:-60px;}
.prolist li{ width:280px; float:left; margin-left:30px; margin-top:20px;}
.prolist li .img{ width:280px; height:230px; overflow:hidden;}
.prolist .img img{ width:280px; height:230px; overflow:hidden; object-fit:cover;}
.prolist li p{ text-align:center; padding:15px 0px; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap;}
.prolist li p a{ color:#434343; font-size:18px;}
.prolist li:hover{ background:#0194f4;}
.prolist li:hover p a{ color:#FFFFFF;}
@media only screen and ( max-width:800px ){
	.type,.class-btn{ display:block;}
		img { width: auto; max-width: 100%; }
		html{-webkit-text-size-adjust:none; max-height:100%}
				body{width:100%;background:#fff;height:100%; -webkit-tap-highlight-color: transparent;}
				/*导航*/
  .type{width:100%; top:67px; position:absolute; background:#232323; overflow-x: hidden; -webkit-overflow-scrolling: touch; -webkit-transition:all 0.3s ease-in-out 0s; -moz-transition:all 0.3s ease-in-out 0s; -ms-transition:all 0.3s ease-in-out 0s; transition:all 0.3s ease-in-out 0s; height:5.5rem; padding:0.1rem 0; display:none; z-index:999;}
.typebg{ width:90%; margin:0px auto;}
.typetitle{ color:#FFFFFF; font-size:0.24rem;}
.typebg ul li{ margin:8px 0px;}
.typebg ul li a{ background:#FFFFFF;  color: #666; display:block; font-size:0.22rem; padding:7px 0px 7px 10px;}
.typebg ul li a:hover,.typebg ul li a.active{ background:#0099f7; color:#FFFFFF;}

.class-btn{position:absolute; right:3%; top:10px; width:18.0625%; font-size:0.32rem; line-height:0.666rem; color:#000; text-align:center; overflow:hidden; cursor:pointer; text-align:right;}
/*头部*/
#header{ width:100%; margin:0px auto;}
#header .logo{  width:65%; height:4em; text-align:center; display:block; float:left;}
#header .logo img{ margin-top:0px;}

.mainnav{ display:none;}
/*首页第一部分*/
#index1bg{ background:#f0f5f9; padding:48px 0px;}
#index1{ width:94%; margin:0px auto; }
#index1 ul li{ width:48%; height:131px; overflow:hidden; border-radius: 5px; float:left; margin-left:4%; margin-top:5px;}
#index1 ul li.ling3{ margin-left:0px; filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7f00,endcolorstr=#ffb83f,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff7f00,endcolorstr=#ffb83f,gradientType=0);	background:#ff7f00; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #ff7f00, rgba(255, 184, 63, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #ff7f00), to(rgba(255, 184, 63, 0.8)));}
#index1 ul li.ling5{ margin-left:0px; filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff5b4f,endcolorstr=#ff9027,gradientType=0);	-ms-filter:alpha(opacity=100 finishopacity=100 style=1 startx=0,starty=0,finishx=0,finishy=150)  progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff5b4f,endcolorstr=#ff9027,gradientType=0);	background:#ff5b4f; /* 一些不支持背景渐变的浏览器 */
background:-moz-linear-gradient(top, #ff5b4f, rgba(255, 144, 39, 0.8)); background:-webkit-gradient(linear, 0 0, 0 bottom, from( #ff5b4f), to(rgba(255, 144, 39, 0.8)));}
#index2{ width:94%; margin:50px auto 0px auto;}	
.inbg{ background:#fafafa; padding:0px 0px 30px 20px; margin-top:40px;}
.inleft{ width:100%; float:none;}
.inright{ display:none;}
/*首页第三部分*/
#index3bg{ background:#f5f5f5; margin-top:45px; padding:60px 0px;}
#index3{ width:94%; margin:0px auto;}
#index3 dl{ width:100%; float:none;}
#index3 dl.two{ margin:0px 0px;}
#index3 dl .newt{ width:100%; height:230px;  position:relative;}
#index3 dl .newt img{ width:100%; height:230px; overflow:hidden; object-fit:cover;}
/*首页第四部分 办公环境*/
#index4{ width:94%; margin:60px auto 0px auto;}
#index4 ul{ width:100%; margin:44px auto 0px auto;}
#index4 ul li{ width:50%; float:left;}
#index4 ul li a{ width:100%; height:12em; overflow:hidden;  position:relative; display:block;}
#index4 ul li a img{ width:100%; height:12em; overflow:hidden; object-fit:cover;}
/*首页第五部分 资质荣誉*/
#index5bg{ background:#ffffff url(../images/index5bg.jpg) repeat-x; margin-top:80px; }
#index5{ width:94%; margin:0px auto; padding-top:70px;}
#index5 ul{ background:#FFFFFF; margin-top:40px; padding-left:1%; padding-top:35px;}
#index5 ul li{ width:31%; float:left; margin:0px 1%;}
#index5 ul li a{ width:100%; height:8em; overflow:hidden;  position:relative; display:block;}
#index5 ul li a img{ width:100%; height:8em; overflow:hidden; object-fit:cover;}
/*底部*/
#footbg{ background:#0194f4; margin-top:58px; padding:21px 0px;}
#footer{ width:94%; margin:0px auto;}
#footer dt{ float:none; color:#FFFFFF; font-size:14px;}
#footer dd{ float:none; color:#A4E3FF; font-size:14px; margin:5px 0px;} 
 #footer dd img{ vertical-align:middle;  margin-right:10px;}
 #bottom{ width:94%; margin:30px auto; text-align:center; color:#555; font-size:14px; line-height:160%;}
 
  #containter{ width:94%; margin:30px auto 0px auto;}
   /*子页左侧*/
   .qing{ clear:both;}
 #left{ float:none; width:100%; background:#FFFFFF;}
 #left ul li{ text-align:center; width:46%; text-overflow:ellipsis;  overflow:hidden;  white-space:nowrap; display:inline-block; float:left; margin:0px 1%;}
#left ul li a{ display:block; text-align:center; font-size:16px; color:#666; border-bottom:1px solid #ededed; padding:15px 0px;}
 /*关于我们*/
#right{ background:#FFF; width:96%; padding:20px 2% 40px 2%; float:none; margin-top:10px;}

.prolist{ margin-top:15px; margin-left:-3%; *zoom:1;_position:relative; *margin-left:-6%;}
.prolist li{ width:47%; float:left; margin-left:3%; margin-top:10px;}
.prolist li .img{ width:100%; height:12em; overflow:hidden;}
.prolist .img img{ width:100%; height:12em; overflow:hidden; object-fit:cover;}
	}