@charset "utf-8";
/* CSS Document */

.pagetop {width:1200px; margin:0px auto; height:100px; background-color:#fff;}
.pagetop .logo {float:left; margin-top:23px;}
.pagetop .tel  {float:right; margin-top:23px;}
.navmenu {width:100%; height:50px; background:url(../images/aaa.png) no-repeat center;}

.fullSlide{width:100%;position:relative;height:550px;background:#000;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:550px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:550px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align: center; /* margin-right:40px;*/}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:50px;height:10px;margin:2px;overflow:hidden;background:#000;filter:alpha(opacity=50);opacity:0.5;line-height:999px;}
.fullSlide .hd ul .on{background:#ff0;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:2%;z-index:1;width:40px;height:60px;background:url(../images/slider-arrow.png) -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:2%;background-position:-6px -137px;}

.index {width:1200px; margin:0px auto;}
.index .txttile {color:#666; font-weight:bold;}
.index a:hover .txttile {color:#f00;}

.main .box {float:left;}
.main .box .p1 {}
.main .box .p2 {white-space:nowrap;text-overflow:ellipsis; overflow:hidden; }
.main .box .p2 a {font-size:16px; line-height:40px; font-weight:bold;}
.main .box .p3 {font-size:14px; line-height:32px; color:#999; height:176px; overflow:hidden; padding-top:6px; }
.main .box .p3 a {color:#666; text-align:right; float:right; padding-right:10px;}
.main .box .p3 a:hover {color:#f00;}
.main .box .p4 {font-size:16px; color:#fff; font-weight:bold; padding-left:25px; padding-top:7px;}
.main .box .p4 span {font-size:14px; color:#fff; font-weight: normal; margin-left:20px;}
.main .box .p4 a {float:right; font-size:12px; color:#eee; margin-right:20px;}
.main .box .p4 a:hover {color:#ff0;}
.main .box .p5 {width:95px; border-bottom:#fff 2px solid; margin-left:25px; }

.main .box .title {color:#1c1412; font-size:18px; margin-bottom:20px;}

.main2 .box {}
.main2 .box .boxlink p span {float:right; text-align:right;color:#666; font-weight:normal; font-size:12px; margin-top:-12px;}
.main2 .box .boxlink p span a {color:#666; font-weight:normal; font-size:12px;}
.main2 .box .boxlink p span a:hover {color:#f00;}

.main2 .box {float:left; margin-right:45px; width:370px; height:480px;}
.main2 .box:first-child +div+div{margin-right:0px;}
.main2 .box .p1 {max-width:100%; overflow:hidden; height:260px; background-size:cover;}
.main2 .box .p2 {white-space:nowrap;text-overflow:ellipsis; overflow:hidden; width:370px;}
.main2 .box .p2 a {font-size:16px; line-height:40px; padding-bottom:6px;}
.main2 .box .p3 {font-size:14px; line-height:27px; color:#999; height:270px; overflow:hidden; }
.main2 .box .p4 {font-size:24px; color:#fff; font-weight:bold; padding-top:30px; padding-left:25px;}
.main2 .box .p4 span {font-size:18px; color:#fff; font-weight: normal; margin-left:20px;}
.main2 .box .p5 {width:95px; border-bottom:#fff 3px solid; margin-left:25px; margin-top:21px; }
.main2 .box .boxlink {}
.main2 .box .boxlink a {font-size:14px; color:#000; line-height:48px;}
.main2 .box .boxlink a:hover {color:#f00;}
.main2 .box .boxlink li {border-bottom:#ccc 1px dashed;}
.main2 .box .boxlink li .aleft {float:left; width:260px; white-space:nowrap;text-overflow:ellipsis; overflow:hidden;}
.main2 .box .boxlink li .aright {float:left; width:110px; text-align:right;}
.main2 .box .title {color:#1c1412; font-size:20px; padding-bottom:10px; padding-left:3px; font-weight:bold;}
.main2 .box .title span {float:right; text-align:right;color:#666; font-weight:normal; font-size:12px; padding-top:5px;}
.main2 .box .title span a {color:#666; font-weight:normal; font-size:12px;}
.main2 .box .title span a:hover {color:#f00;}

.banner {width:100%; height:80px; margin-top:80px; background: url(../images/aaa.png);}
.banner p {}
.banner2 {width:1200px; margin:-80px auto 0px auto; height:80px;}
.banner2 .p1 {background:#282828; height:80px; width:300px; text-align:center; line-height:80px; font-size:24px; color:#fff; float:left; background: url(../images/main_bg1.jpg) right;}
.banner2 .p2 {background:#45AB43; height:80px; width:160px; text-align:center; line-height:80px; font-size:20px; color:#fff; float:left;}
.banner2 .p3 {background:#CFCFCF; height:80px; text-align:center; line-height:80px; font-size:20px; color:#fff; float:left;}
.banner2 .p3 a {ine-height:80px; height:80px; font-size:20px; color:#fff; display:block; float:left; padding-left:25px; padding-right:25px;}
.banner2 .p3 a:hover {background:url(../images/main_bg2.jpg);}
.banner2 .p3 a.ok {background:url(../images/main_bg2.jpg);}

.cl {clear:left;}

.boximg {}
.boximg li {float:left; width:1200px; height:600px; background-color:#f0f0f0;}
.boximg p {max-width:100%; overflow:hidden; height:600px; background-size:cover;}

.pagedown {height:300px; background:#1C202B;}
.pagedown .box {width:1200px; margin:0px auto;}
.pagedown a {color:#ccc; font-size:14px; }
.pagedown a:hover {color:#fff;}
.pagedown span { padding-right:30px; font-size:15px; font-weight:bold;}

.pagedown .box .c1 {float:left; width:680px; color:#ccc; margin-top:30px;}
.pagedown .box .c2 {float:left; width:150px; margin-top:32px;}
.pagedown .box .c3 {float:left; width:370px; margin-top:32px; color:#ccc; font-size:14px; line-height:20px;}

.pagedown .box .c1 .link {float:left; width:70px; margin-right:30px; text-align:center;}
.pagedown .box .c1 .link p:first-child  {border-bottom:#5b5b65 1px solid; font-size:14px; font-weight:bold;  margin-bottom:18px; padding-bottom:5px; color:#fff;}
.pagedown .box .c1 .link a {line-height:30px;}

.pagedown .box .c3 p:first-child  {border-bottom:#5b5b65 1px solid; font-size:16px; font-weight:bold;  margin-bottom:8px; padding-bottom:5px; color:#fff;}

.banner1 {width:100%; margin:0px auto;}
.banner1 img {width:100%;}

/*案例*/

.cases {background-color:#fff; padding-top:30px; padding-bottom:30px; margin-top:40px;}
.cases ul {width:1040px; margin-left:80px; height:200px;}
.cases li {float:left; margin-right:52px; margin-bottom:52px;}
.cases li img {border:#e0e0e0 1px solid;}
.cases li:nth-child(6n) {margin-right:0px;}

.box1 {}
.box1 p {max-width:100%; overflow:hidden; height:330px; background-size:cover;}

.box2 {}
.box2 p {max-width:100%; overflow:hidden; height:420px; background-size:cover;}

/*新闻*/
.box3 {}
.box3 p {max-width:100%; overflow:hidden; height:532px; background-size:cover;}

.box4 {color:#999; font-size:12px; float:left; width:580px;}
.box4 a {color:#333; font-size:15px;}
.box4 a:hover {color:#f00;}
.box4 p:nth-child(2) {padding-top:10px;}

.box5 {}
.box5 a {color:#333; font-size:14px;}
.box5 a:hover {color:#f00;}
.box5 p:nth-child(2) {padding-top:10px; line-height:22px;}

.newstxt {}
.newstxt .title {font-size:24px; color:#333; padding-top:20px; text-align:center;}
.newstxt .txt {font-size:14px; text-align:center; padding-top:30px; margin-bottom:20px; padding-top:40px;}
.newstxt .txt span {padding:0px 15px;}
.newstxt .note {border-top:#ccc 1px dashed; padding-top:40px; padding-bottom:80px;}
.newstxt .note img {max-width:100%; padding:5px 0px;}

.newstxt .title .buy {position: relative; float:right; margin-top: -50px; padding-right:100px;}
.newstxt .title .buy a {background-color:#FF0036; display:block; color:#fff; font-size:16px; padding:10px 40px;}
.newstxt .title .buy a:hover {color:#ff0;background-color:#f00;}

.join1 p{
  margin-left:396px;
 
  width:0; 
  height:0;
  border-width:12px;
  border-style:solid;
  border-color:#28A03E transparent transparent  transparent;
}

.downfile {}
.downfile a { background-color:#00961b; line-height:50px; padding:15px 30px; font-size:16px; height:50px; color:#fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.downfile a:hover {color:#FF0;}

/*产品*/

.p11 {padding-bottom:18px;}
.p11 li {float:left; margin-right:18px; width:156px; height:156px; margin-bottom:18px;}
.p11 li:last-child {margin-right:0px;}

.p22 {}
.p22 li {float:left; margin-right:18px; width:156px; height:328px;}
.p22 li:last-child {margin-right:0px;}

.p33 {padding-bottom:90px;}
.p33 .t1 {float:left; margin-right:45px; width:370px;}
.p33 .t1:nth-child(3n) {margin-right:0px;}

.p33 .t1 .timg {width:370px; height:266px;}
.p33 .t1 .timg p {max-width:100%; overflow:hidden; height:266px; background-size:cover;}

.p44 {padding-bottom:90px;}
.p44 .t2 {float:left; margin-right:15px; width:390px;}
.p44 .t2:nth-child(3n) {margin-right:0px;}

.p44 .t2 .timg {width:390px; height:260px;}
.p44 .t2 .timg p {max-width:100%; overflow:hidden; height:260px; background-size:cover;}

.p44 .t2 .t2_txt   {margin-bottom:30px;}
.p44 .t2 .t2_txt_1 {width:190px; margin:0px auto; border-top:#999 2px solid;}
.p44 .t2 .t2_txt_2 {color:#727272; font-size:15px; padding-top:8px; padding-bottom:10px; text-align:center;}
.p44 .t2 .t2_txt_3 {width:190px; margin:0px auto; border-top:#fff 2px solid;}

.p44 .t2 a:hover .t2_txt_1 {width:190px; margin:0px auto; border-top:#c30c20 2px solid;}
.p44 .t2 a:hover .t2_txt_2 {color:#f00;}

.p55 img {max-width:100%; text-align:center;}

.jz{ width:1200px; margin:30px auto; background-color:#fff; padding-top:50px;}
.i_case{padding-bottom: 40px;  margin:0 auto}
.i_case_main li{float:left;width:125px;margin:0px 20px;}
.i_case_main li .pic{border:0px solid #dcdcdc;padding:9px;}
.i_case_main li p{font-size:14px;margin-top:10px;text-align:center; padding-left:9px; width:125px;}
.i_case_main li img{width:125px;height:125px;}
.i_case_main li:hover .pic{border-color:#276cc9;}

/************************************************
 *   悬浮按钮
************************************************/

#add { position: fixed; z-index: 99; top: 40%; right: 5px; font-size: 15px; line-height: 18px; color: #fff; text-align: center; }
#add .add-btn { position: relative; margin-bottom: 1px; padding-top: 11px; padding-bottom: 11px; display: block; width: 60px; height: 60px; }
#add .add-btn span, #add .add-btn i { position: relative; z-index: 2; }
#add .add-btn i { width: 60px; font-size: 30px; line-height: 36px; text-align: center; }
#add .add-btn .background { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: #e20213; background-color: #000; filter: Alpha(opacity=80); -moz-opacity: .8; opacity: .8; -webkit-transition: all .15s ease-in-out; -moz-transition: all .15s ease-in-out; -ms-transition: all .15s ease-in-out; -o-transition: all .15s ease-in-out; transition: all .15s ease-in-out; }
#add .add-btn:hover .background { background-color: #e20213; filter: Alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#add .add-btn-gotop { display: none; }
#add .tel400 { display: none; position: absolute; top: 62px; right: 61px; width: 200px; height: 60px; font-size: 22px; line-height: 60px; color: #fff; text-align: center; background-color: #0f0f12; background-color: rgba(15, 15, 18, .8); }
#add .tel400 i { margin-right: 5px; }
#add .qr-code { position: absolute; top: 123px; right: 61px; padding: 8px; display: none; width: 200px; height: 200px; background-color: #0f0f12; background-color: rgba(15, 15, 18, .8); }

.nmain{ width:1200px; margin:30px auto;}
.nlf{ width:320px; float:left}

#a1 {width:720px; margin:0px auto;}

.fenlei1{ background:#fff; border:#e9e9e9 1px solid; width:320px; margin-bottom:20px}
.fenlei1 h3{ font-size:18px; color:#FFF; display:block; background:url(../images/main_bg.jpg) center no-repeat; line-height:50px; padding-left:25px}

.fenlei1 ul{ width:296px; margin:12px;}
.fenlei1 ul li{  line-height:40px; margin-bottom:10px; overflow:hidden;}
.fenlei1 ul li a{ display:block; padding-left:20px; line-height:40px; color:#666; display:block;background: url(../images/t1.jpg) top no-repeat;}
.fenlei1 ul li a:hover{ background: url(../images/bbb.png) top no-repeat; color:#FFF}
.nlf{width:320px; float:left;}
.lianxi{background:#efefef;  min-height:600px; padding-bottom:60px;}
.lianxi p{ display:block; padding:12px; line-height:16px; color:#666; font-size:14px;}

.nrt{width:860px; float:right;}
.nbt{background:#ececec; border-left:#0890BC 3px solid; line-height:45px; padding-left:20px; font-size:12px; color:#666; }
.kuang{background:#fff; border:#e9e9e9 1px solid; padding:20px; overflow:hidden; min-height:858px;}
.tuwen{font-size:14px; line-height:30px;}

.tuwen img {max-width:96%; padding:3px 0px; text-align:center;}

.news_list li {border-bottom:#ccc dotted 1px;}
.news_list li .pic{width:255px;float:left;}
.news_list li .pic img{width:255px;height:160px;}

.news_list li .text{width:520px;float:right;}
.news_list li .text .title a {font-size:16px;padding-top:5px; font-weight:bold; color:#000;}
.news_list li .text .title a:hover {color:#f00;}

.news_list li .text .summary{font-size:14px;height:96px;line-height: 24px;margin-top:20px;overflow:hidden;}
.news_list li .text .more{float:right;font-size:14px;}

.textbox                  {padding-bottom:40px;}
.textbox img              {max-width:96%; padding-top:4px; padding-bottom:5px;}
.textbox .k1              {font-size:24px; text-align:center; padding-bottom:20px; padding-top:16px;}
.textbox .k2              {font-size:12px; text-align:center; border-bottom:#ccc 1px solid; padding-bottom:8px;}
.textbox .k3              {padding-top:30px; font-size:12px;}

.line5{ clear:both; font-size:0px; height:5px; overflow:hidden; }
.line10{ clear:both; font-size:0px; height:10px; overflow:hidden; }
.line15{ clear:both; font-size:0px; height:15px; overflow:hidden; }
.line20{ clear:both; font-size:0px; height:20px; overflow:hidden; }
.line30{ clear:both; font-size:0px; height:30px; overflow:hidden; }
.line50{ clear:both; font-size:0px; height:50px; overflow:hidden; }

.news-box{}
.news-box ul li {line-height:30px;}

.mainTitle {
	width:295px;
	margin:0 auto;
	line-height:70px;
	color:#666;
	font-size:30px;
	text-align:center;
	border-top:1px solid #d5d5d5;
	border-bottom:1px solid #d5d5d5;
}

.work {
	position:relative;	
}
.work .workTitle {
	padding:40px 0;
	background:#f7f7f7;
}

/**logo扫光效果CSS**/
.site-logo{
  position: relative;
  overflow: hidden;
  float:left;
  max-height: 70px;
  margin-top:23px;
}
.site-logo:before {
    content: "";
    position: absolute;
    width: 150px;
    height: 10px;
    background-color: rgba(255, 255, 255, 0.5);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-animation: blink 1s ease-in 1s infinite;
    animation: blink 1s ease-in 1s infinite;
}
 
@-webkit-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@-o-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@-moz-keyframes blink {
    from {left: 10px;top: 0;}
    to {left: 320px;top: 0;}
}
@keyframes blink {
    from {left: -100px;top: 0;}
    to {left: 320px;top: 0;}
}

.news-box   {}
.news-box li a { line-height:30px; height:30px;}

.kkk p {max-width:100%; overflow:hidden; height:220px;background-size:cover;}
.kkk p img {width:350px; height:220px;}

.table_setup   { background-color:#fff;}
.table_setup li				    {float:left; line-height:40px; height:40px;}
.table_setup li:nth-child(2n+1) {width:31.5%; background-color:#f6f6f6; text-align:right; padding-right:2%; color:#666;}
.table_setup li:nth-child(2n)   {width:64.5%; background-color:#fefefe; padding-left:2%; color:#333;}

.banner1{
	position: relative;
	overflow: hidden;
}
.banner-view{
	position: relative;
	height: 100%;
	z-index: 999;
	background-color: #090b22;
	background-repeat: no-repeat;
}
.banner-view i{
	position: relative;
	display: block;
	float: left;
	background-repeat: no-repeat;
}
.banner-btn{
	position: absolute;
	width: 100%;
	height: 0;
	top: 45%;
	font-family: "宋体";
	font-size: 20px;
	z-index: 1000;
}
.banner-btn span{
	display: block;
	float: left;
	width: 50px;
	line-height: 50px;
	text-align: center;
	background-color: rgba(0,0,0,0.7);
	color: #74dcff;
	cursor: pointer;
	font-weight: 800;
	background-image: 
}
.banner-btn span:hover{
	background-color: rgba(0,0,0,0.6);
}
.banner-btn span + span{
	float: right;
}
.banner-number{
	position: absolute;
	bottom: 35px;
	width: 100%;
	height: 0;
	font-size: 0;
	text-align: center;
	z-index: 1000;
}
.banner-number > *{
	display: inline-block;
	border: 2px solid #fff;
	border-radius: 50%;
	margin: 0 8px;
	width: 10px;
	height: 10px;
	background-color: #00c3ff;
	cursor: pointer;
}
.banner-number  > *:hover,
.banner-number  > *.on{
	background-color: #ffc300;
}
.banner-progres{
	width: 100%;
	position: absolute;
	bottom: 0;
	height: 3px;
	z-index: 1000;
}
.banner-progres i{
	position: absolute;
	left: 0;
	top: 0;
	border-radius: 3px;
	display: block;
	height: 100%;
	width: 0;
}