/**
技术支持:零逸网络
网址：www.01wlkj.com
Q Q:359427540
**/
ul,li,dl,dd,dt,ol{ list-style:none; padding:0; margin:0; border:none}
h1,h2,h3,h4,h5,h6{ font-weight:normal;padding:0;margin:0}
button,input,textarea,select{padding:0; margin:0; border:none}
.fl{float: left;}
.fr{float: right;}
p{padding:0;margin:0}
body{ max-width:1920px; margin:auto; min-width:360px; background:#fff; color:#0a0a0a; font-size:14px; font-family:PingFangSC-Light, sans-serif;}
a{ color:#0a0a0a; text-decoration: none}
a:hover{ color:#007cc2;}
img{ border:none;}
em,i{font-style:normal}
.w{ width:1200px; margin:0 auto;}
.nyw{ width:1200px; margin:50px auto;}
.clear{ clear:both;}
.imgbg{ background-color:#f3f3f3; background-image:url(../images/imgbg.png); background-repeat:no-repeat; background-position:center center; background-size:auto;}

/*header*/
.header{ width:94%; padding:0 3%; height:50px; position:fixed; left:0; top:0; z-index:1000; background:#fff; border-bottom:#ddd solid 1px;}
.logo{ padding-top:8px; width:13%;}
.logo img{ max-width:100%;}
.menu{ padding:0 0.5%; min-width:35%;}
.menu li{ float:left; margin:0 15px;}
.menu li a{ line-height:48px; margin-top:2px; display:block; font-size:18px; text-transform:uppercase;}
.menu li a:hover,.menu li.on a{ line-height:47px; border-bottom:#007cc2 solid 1px; color:#007cc2;}

.head-r li{ float:left; line-height:50px; padding-right:10px;}
.head-r li img{ vertical-align:middle; margin:0 3px;}
.head-r li.head-en{ padding-right:0; position:relative;}
.head-r li.head-en a{ display:block; width:80px; height:24px; line-height:24px; margin:12px 0; border:#070707 solid 1px; border-radius:5px; background:url(../images/head-icon-down.png) no-repeat 60px center;}
.head-r li.head-en.on a{ background-image:url(../images/head-icon-up.png); transition:scale 0.6s;}
.head-en-list{ width:80px; line-height:25px; margin-top:-10px; border:#070707 solid 1px; text-align:center; background:#fff; display:none; border-radius:5px; overflow:hidden}
.head-r li.head-en .head-en-list{ position:absolute; left:0; top:50px;}
.head-r li.head-en .head-en-list li{ line-height:25px; padding:5px 0;}
.head-r li.head-en .head-en-list li:nth-child(1){ border-bottom:#070707 solid 1px;}
.head-r li.head-en .head-en-list a{ display:block; line-height:25px; margin:0; background:none; border:none;}

.menu-btn,.menu-close{ width:26px; height:26px; padding:2px; position:absolute; right:10px; top:10px; display:none;}
.menu-btn img,.menu-close img{ width:100%;}
.menu-close{ top:-30px; z-index:1000;}
.m-menu{ position:fixed; right:-1000px; top:40px; bottom:0; width:100%; height:100%; background:#fff; z-index:1000; display:none;}
.menu-list{ width:90%; height:90%; display:block; overflow:hidden; background:#fff; padding:5%; z-index:100002;}
.menu-list li{ line-height:50px; border-bottom:#ddd solid 1px; text-transform:uppercase;}

/*------------大焦点图-----------*/
.focusimg {width:100%;height:100vh;margin:0 auto; z-index: 1; position:relative;overflow:hidden;/*cursor:pointer;*/}
.focusimg .focusbg{position:relative; margin-top:50px;}
.focusimg .focusbg li{width:100%;height:100vh; text-align:center;}
@-webkit-keyframes fadeInOut { 0% {opacity:1;} 25% {opacity:0.5;} 50% {opacity: 0.2;} 100% {opacity:1;} }
.focusimg div.light-bg{-webkit-animation-name: fadeInOut; -webkit-animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; -webkit-animation-duration: 3s; -webkit-animation-direction: alternate;}
.focusimg .focusbg li img{ max-width:100%; margin-top:50px;}
.focusimg .focusbg li img.imgsamll{ display:none;}
.focusimg .focusnav{ height:5px;}
.focusimg .focusnav ul{width:100%; height:5px;bottom:130px;text-align:center;font-size:0; border-radius:20px;}
.focusimg .focusnav ul li{cursor:pointer;margin:0 10px; text-align:left; width:50px; height:5px; display:inline-block; background: rgba(255,255,255,1);}
.focusimg .focusnav ul li.on a{ width:100%; height:100%; display:block; background:#007cc2; animation: progress 6s;}
@keyframes progress {
  from { width: 0%; }
  to { width: 100%; }
}

/*下一页箭头*/
a.next-page{display: block; animation: page-next 0.8s infinite alternate; z-index:999; width: 20px; height: 20px; position: absolute; bottom: 20px; left: 50%; margin-left: -10px;}
@keyframes page-next {0% {margin-bottom: -10px;} 100% {margin-bottom: 0;} }
/*优势*/
.iconLink-box{ position:absolute; left:0; bottom:0; height:120px; width:100%;}
.iconLink-box li{ float:left; width:19%; height:50px; padding:35px 3%; background:rgba(1, 1, 2, 0.5);}
.iconLink-box li:hover{ background:rgba(1, 1, 2, 0.9);}
.iconLink-box li a{ color:#fff;}
.iconLink-box li img{ float:left; margin-right:20px;}
.iconLink-box li h5{ font-size:16px; font-weight:bold; padding-left:10px; margin-bottom:6px;}
.iconLink-box li h6{ font-size:14px;}
/*title*/
.index-title{ width:100%; padding:50px 0; text-align:center;}
.index-title-h2{ width:100%; font-size:36px; line-height:60px; background:url(../images/index-titlebg.png) no-repeat center center; color:#404040; font-weight:bold; letter-spacing:2px}
.index-title-txt{ color:#999; font-size:14px; line-height:24px; padding:15px 0 8px; width:85%; margin:0 auto;}
/*index-about*/
.index-about{ position:relative; margin:0 auto; overflow:hidden; min-height:500px; background:url(../images/index-aboutbg.png) no-repeat center bottom; background-size:contain; padding-bottom:30px; margin-bottom:50px;}
.index-about-line{ width:60px; height:2px; background:#007cc2; margin:10px 0;}
.index-about-h4 h4{ font-size:18px; font-weight:bold;}
.index-about-txt{ width:48%; line-height:26px;}
.index-about-list{ width:100%;}
.index-about-list li{ width:25%; height:115px; float:left; margin-right:20px; text-align:center; line-height:30px;}
.index-about-list li a{ display:block; padding:20px 10px;}
.index-about-list li:hover{ background:#fdfafa; border-bottom:#007cc2 solid 1px;}
.index-about-list li span{ width:60px; height:45px;display:inline-block; background-position:center center; background-repeat:no-repeat;}
.index-about-list li:nth-child(1) span{ background-image:url(../images/index-about-icon1.png);}
.index-about-list li:nth-child(2) span{ background-image:url(../images/index-about-icon2.png);}
.index-about-list li:nth-child(3) span{ background-image:url(../images/index-about-icon3.png);}
.index-about-img{ width:49%;}
.index-about-img img{ max-width:100%;}

.section2{ background:#f9fafe;}
/*fangan*/
.index-fangan{ width:100%; display:block; overflow:hidden; padding-bottom:50px;}
.index-fangan li{ float:left; width:20%; height:450px; text-align:center; position:relative; transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s; overflow:hidden;}
.index-fangan-img{ height:100%;}
.index-fangan-img img{ height:100%; margin-left:-150px; transition:all .3s;}
.index-fangan-box{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(6, 6, 6, 0.5); color:#fff; text-align:center; display:flex; align-items:center; justify-content:center;}
.index-fangan-txt .index-fangan-icon{ height:80px; display:block; transition:all 0.5s; cursor:default;}
.index-fangan-txt .index-fangan-title{ font-size:18px; font-weight:bold; line-height:40px;}
.index-fangan-txt a.index-fangan-btn{ display:block; line-height:48px; color:#fff;}
.index-fangan-txt .index-fangan-line{ width:60px; height:4px; margin:10px 0; border-radius:5px; background:linear-gradient(to bottom, #3f91fc, #6acffa); display:inline-block;}
.index-fangan-box .index-fangan-video{ display:none;}
.index-fangan li.on{ width:40%;}
.index-fangan li.on .index-fangan-txt .index-fangan-icon,.index-fangan li.on .index-fangan-txt .index-fangan-btn,.index-fangan li.on .index-fangan-txt .index-fangan-line{ display:none;}
.index-fangan li.on .index-fangan-txt .index-fangan-title{ position:absolute; left:10px; top:10px;}
.index-fangan li.on .index-fangan-box .index-fangan-video{ display:flex;}
.index-fangan-video{ width:100%; height:100%; background:rgba(0, 124, 194, 0.6);}
.video{ width:100%; height:100%; align-items:center; justify-content:center;}
.plyr{ display:flex; align-items:center; justify-content:center;}

/*news*/
.index-news .bd{ width:100%;}
.index-news .bd li{ width:350px; height:430px; padding:10px; margin:10px 15px; float:left; overflow:hidden; box-shadow: 0px 0px 20px #ddd;}
.index-news-img{ width:350px; height:232px; overflow:hidden; position:relative;}
.index-news-img .index-news-img2{ display:block; width:100%; height:100%; background-color:rgba(0, 124, 194, 0.5); display:none; position:absolute; left:0; top:0; text-align:center;}
.index-news-img .index-news-img2 img{ margin-top:94px;}
.index-news .bd li:hover .index-news-img2{ display:block;}
.index-news-txt{ margin-top:20px; position:relative;}
.index-news-txt .index-news-left{ float:left; width:44px; height:44px; text-align:center; line-height:22px; color:#fff; padding:10px; background:#afafaf;}
.index-news li:hover .index-news-txt .index-news-left{ background:linear-gradient(to bottom, #3f91fc, #6acffa);}
.index-news-txt .index-news-left i{ font-size:16px; display:block;}
.index-news-txt .index-news-left b{ font-size:18px; display:block; font-weight:normal;}
.index-news-txt .index-news-right{ padding-left:10px; line-height:30px; position:absolute; left:70px; top:0;}
.index-news-txt .index-news-right h4{ font-size:16px; color:#212020; height:30px; overflow:hidden;}
.index-news-txt .index-news-right p.index-news-p1{ font-size:14px; color:#595858; height:30px; overflow:hidden;}
.index-news-txt .index-news-right p.index-news-p2{ font-size:12px; color:#595858; line-height:24px; height:72px; overflow:hidden;}
.index-news .hd,.index-fangan2 .hd{ padding:20px;}
.index-news .hd ul,.index-fangan2 .hd ul{ overflow:hidden; text-align:center; zoom:1; margin-top:10px; width:100%; }
.index-news .hd ul li,.index-fangan2 .hd ul li{ display:inline-block;  width:15px; height:15px; overflow:hidden; text-indent:-999px; margin-right:20px; cursor:pointer; background:url(../images/news-icon2.png) no-repeat 0 0; }
.index-news .hd ul li.on,.index-fangan2 .hd ul li.on{ background-position:0 -15px; }
/*hezuo*/
.index-hezuo{ background:url(../images/hezuo-bg.jpg) no-repeat center center; background-size:auto 100%; height:740px;}
.index-number{ padding-top:50px; overflow:hidden}
.index-number li{float:left; color:#fff; font-size:48px; line-height:50px; width:8%; margin-right:18.6%;}
.index-number li:nth-child(2){ width:10%;}
.index-number li:nth-child(3){ width:12%;}
.index-number li:nth-child(4){ width:14%; margin-right:0;}
.index-number li .index-number-txt{ font-size:18px; line-height:20px; margin-top:5px;}

.index-link{ margin:0 auto 50px; position:relative;}
.index-link .bd{ width:90%; margin:0 5%;}
.index-link .bd li{ float:left; width:25%; height:50px; text-align:center; overflow:hidden; display:flex; align-items:center; justify-content:center;}
.index-link .bd li img{ max-height:100%; max-width:100%; opacity:0.5; transition:all 0.5s; -webkit-filter:grayscale(100%); -moz-filter: grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(100%); filter:gray;}
.index-link .bd li:hover img{ opacity:1; transition:all 0.5s; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
.index-link .hd a{ display:block; width:22px; height:33px; float:left; overflow:hidden; cursor:pointer; background:url("../images/link-icon.png") 0 0 no-repeat; position:absolute; top:50%; margin-top:-16px;}
.index-link .hd .next{ left:10px;}
.index-link .hd .prev{ right:10px; background-position:-22px 0;}
.index-link .hd .next:hover{ background-position:0 -33px;}
.index-link .hd .prev:hover{ background-position:-22px -33px;}
/*footer*/
.footer{ background:#282828; color:#fff;}
.footer a{ color:#fff;}
.footer a:hover{ color:#007cc2;}
.foot-menu{ padding:50px 0 70px; overflow:hidden; margin:0 5%;}
.foot-menu dl{ margin:0 1%; display:block; float:left; line-height:30px; width:13%;}
.foot-menu dl dt{ font-size:18px; line-height:40px; padding:15px 0; text-transform:uppercase;}
.foot-menu dl.foot-dl{ width:23%;}
.foot-copy{ background:#1b1b1b; line-height:24px; padding:13px 0; overflow:hidden; text-align:center;}

/*侧栏导航*/
.side-menu{ position:fixed; top:150px; right:30px; display:none; z-index:10;}
.side-menu li{display:block; position:relative; color:#666; width:21px; overflow:hidden; height:21px; line-height:21px; text-decoration: none; padding-top:3px; padding-right:3px; margin-bottom:15px;}
.side-menu .circle{ width:21px; height:21px; text-indent:9999px; overflow:hidden; border-radius:50%; display:block; background:url("../images/side-menu-icon.png") no-repeat 0 0; transition: all 0.5s;}
.side-menu li.active .circle{background:url("../images/side-menu-icon.png") no-repeat 0 -21px; transition: all 0.5s;}
.side-menu li .circle:hover{background:url("../images/side-menu-icon.png") no-repeat 0 -21; transition: all 0.5s;}
.side-menu li span{ position:absolute; right:3px; top:3px; opacity:0; width:72px; font-size:12px; padding-left:9px; color: #fff;background:#2e94cd url("../images/circle_active_dot.png") no-repeat 67px center; border-radius: 11px;}
.side-menu li:hover{overflow:visible;}
.side-menu li:hover span{opacity:1; transition: all 1s;}

/*动画*/
@-webkit-keyframes bounce-down {
  25% {
    -webkit-transform: translateY(-10px);
	-webkit-transform: translateX(-10px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
	-webkit-transform: translateX(0);
  }
  75% {
    -webkit-transform: translateY(10px);
	-webkit-transform: translateX(10px);
  }
}
@keyframes bounce-down {
  25% {
    transform: translateY(-10px);
	transform: translateX(-10px);
  }
  50%, 100% {
    transform: translateY(0);
	transform: translateX(0);
  }
  75% {
    transform: translateY(10px);
	transform: translateX(10px);
  }
}
.animate-bounce-down{
  -webkit-animation: bounce-down 5s linear infinite;
  animation: bounce-down 5s linear infinite;
}
@-webkit-keyframes bounce-up {
  25% {
    -webkit-transform: translateY(3px);
  }
  50%, 100% {
    -webkit-transform: translateY(0);
  }
  75% {
    -webkit-transform: translateY(-3px);
  }
}
@keyframes bounce-up {
  25% {
    transform: translateY(3px);
  }
  50%, 100% {
    transform: translateY(0);
  }
  75% {
    transform: translateY(-3px);
  }
}
.animate-bounce-up{
  -webkit-animation: bounce-up 3s linear infinite;
  animation: bounce-up 3s linear infinite;
}



/**内页**/
.danye{ line-height:24px;}
.banner{ width:100%; margin-top:50px; text-align:center; overflow:hidden;}
.banner img{ width:100%;}
.banner-big{ display:block;}
.banner-small{ display:none;}
.about-box1{ overflow:hidden;}
.about-box1 .fl{ width:50%; line-height:50px;}
.about-box1 .fr{ width:45%; text-align:center;}
.about-box1 img{ max-width:100%;}
.about-box2 ul{ display:block; border:#e5e5e5 solid 1px; margin-bottom:50px;}
.about-box2 ul li{ width:21%; height:185px; padding:70px 2%; float:left; text-align:center; background:url(../images/about-line.jpg) no-repeat right 70px;}
.about-box2 ul li:nth-child(4){ background:none;}
.about-box2 ul li i{ background-repeat:no-repeat; background-position:center center; display:block; height:55px; margin-bottom:30px;}
.about-box2 ul li:hover{ color:#007cc2; box-shadow: 0px 0px 10px #ddd; background:none;}
.about-box2 ul li h4{ font-size:20px; line-height:40px;}
.about-box2 ul li p{ font-size:14px; line-height:30px;}
.about-box2 ul li i.about-icon1{ background-image:url(../images/about-icon1-1.png);}
.about-box2 ul li:hover i.about-icon1{ background-image:url(../images/about-icon1-2.png);}
.about-box2 ul li i.about-icon2{ background-image:url(../images/about-icon2-1.png);}
.about-box2 ul li:hover i.about-icon2{ background-image:url(../images/about-icon2-2.png);}
.about-box2 ul li i.about-icon3{ background-image:url(../images/about-icon3-1.png);}
.about-box2 ul li:hover i.about-icon3{ background-image:url(../images/about-icon3-2.png);}
.about-box2 ul li i.about-icon4{ background-image:url(../images/about-icon4-1.png);}
.about-box2 ul li:hover i.about-icon4{ background-image:url(../images/about-icon4-2.png);}
.about3{ background:#f9fafe; padding-bottom:50px; text-align:center;}
.about-licheng img{ max-width:100%;}
.about4 .index-link .bd li{ height:100%;}
.about4 .index-link .bd li img{ opacity:1; transition:all 0.5s; -webkit-filter:none; -moz-filter:none; -ms-filter:none; -o-filter:none; filter:none; filter:none;}
.ny-menu{ width:100%; margin:20px auto 30px; text-align:center;}
.ny-menu li{ display:inline-block; margin:10px 1%; text-align:center;}
.ny-menu li a{ font-size:18px; color:#131414; display:block; border:#535353 solid 1px; height:28px; line-height:28px; padding:5px 20px;}
.ny-menu li.on a,.ny-menu li a:hover{ background:#007cc2; color:#fff; border:#007cc2 solid 1px;}
.news-list{ width:100%;}
.news-list li{ display:block; float:left; padding:20px; margin:15px 0; height:232px; overflow:hidden; box-shadow: 0px 0px 10px #ddd;}
.news-list li .index-news-img{ float:left;}
.news-list li .index-news-img img{ border-radius:0;}
.news-list li .index-news-img2{ display:none;}
.news-list li .index-news-txt{ overflow:hidden; margin-top:0; height:100%; padding-left:20px;}
.news-list li .index-news-txt .index-news-left{ width:88px; height:88px; line-height:44px; background:#afafaf;}
.news-list li .index-news-txt .index-news-left i{ font-size:28px;}
.news-list li .index-news-txt .index-news-left b{ font-size:30px;}
.news-list li .index-news-right{ margin-left:128px; position:static; padding-left:0;}
.news-list li .index-news-txt .index-news-right h4{ font-size:24px; font-weight:bold; line-height:40px; height:40px; margin-bottom:10px; }
.news-list li .index-news-txt .index-news-right p.index-news-p2{ font-size:14px; color:#595858; line-height:30px; height:128px;}
.news-list li .news-p3{ text-align:right; height:40px; overflow:hidden;}
.news-list li .news-p3 a{ font-size:14px; color:#1a1a1a; font-weight:bold; line-height:40px;}
.news-list li a:hover{ box-shadow: 0 0 20px #ddd;}
.news-list li a:hover .index-news-img2{ display:block;}
.news-list li a:hover .index-news-txt .index-news-left{ background:linear-gradient(to bottom, #3f91fc, #6acffa);}
.news-con-title{ padding-bottom:20px; line-height:40px; text-align:center;}
.news-con-title h4{ font-size:24px; color:#212020; height:40px; overflow:hidden;}
.news-con-title p{ color:#696767; font-size:18px;}
.news-con-title p span{ padding:0 10px;}
.news-con-txt{ line-height:24px;}
.news-con-txt img{ max-width:100%;}
.news-con-next{ width:100%; overflow:hidden; line-height:38px; padding:5px 0; margin:10px auto; color:#fff; background:#007cc2;}
.news-con-next div{ width:48%; padding:0 1%; height:38px; overflow:hidden; float:left; font-size:18px;}
.news-con-next div.news-next2{ text-align:right;}
.news-con-next a{ color:#fff;}
.news-con-next a:hover{ text-decoration:underline;}
.news-con-h4{ line-height:40px; font-size:18px; padding:10px 0;}
.pro-list ul{ width:103%; margin-left:-3%; display:block; overflow:hidden;}
.pro-list li{ float:left; width:30%; max-height:370px; margin:20px 0 20px 3.3%; position:relative; box-shadow:0 0 10px #ddd; text-align:center; overflow:hidden; height:370px;}
.pro-list-img{ padding:10px; text-align:center; overflow:hidden;}
.pro-list-img img{ width:100%; height:100%; }
.pro-list-txt{ height:40px; line-height:40px; padding:10px 0; overflow:hidden; font-size:18px; background:#fff; z-index:9; position:absolute; left:0; right:0; bottom:0; white-space:nowrap; text-overflow:ellipsis;}
.pro-list-box2{ display:none; position:absolute; left:0; top:0; padding:3%; width:96%; height:94%; background:rgba(0, 124, 194, 0.6); color:#fff;}
.pro-list-box2 i{ position:absolute; top:45%; left:50%; margin-left:-20px; margin-top:-20px; display:block;}
.pro-list-box2 h4{ width:90%; font-size:18px; font-weight:bold; height:40px; line-height:40px; overflow:hidden; text-align:left; position:absolute; bottom:15%; left:5%; white-space:nowrap; text-overflow:ellipsis;}
.pro-list-box2 .pro-list-bt{ line-height:30px; height:30px; overflow:hidden; text-align:left; position:absolute; bottom:6%; left:5%; right:5%;}
.pro-list li a:hover .pro-list-txt{ display:none;}
.pro-list li a:hover .pro-list-box2{ display:block; transform:all 0.5s;}
.prod-box{ padding-bottom:50px;}
.prod-img{ width:35%; float:left; text-align:center;}
.prod-img img{ max-width:100%;}
.prod-txt{ width:60%; float:right;}
.prod-txt .prod-txt-title{ font-size:30px; color:#007cc2; line-height:40px; padding:10px 0 20px;}
.prod-txt .prod-txt-con{ line-height:28px;}
.prod-con-title{ height:40px; line-height:40px; color:#fff; font-size:18px; background:#007cc2; text-indent:20px;}
.prod-con{ padding:10px; border:#ddd solid 1px; margin-bottom:30px; line-height:24px;}
.prod-con img,.cased-con img,.case-con img{ width:auto!important; height:auto!important; max-width:100%!important; max-height:100%!important;}
.case-title{ font-size:30px; line-height:40px; padding-bottom:20px;}
.down-list li{ width:100%; padding:15px 0; border-bottom:#ddd solid 1px; overflow:hidden;}
.down-list li h4{ font-size:20px; color:#0f0f0f; height:40px; line-height:40px; overflow:hidden;}
.down-list li h6{ font-size:14px; line-height:30px;}
.down-list li p{ display:inline-block; float:left; padding-right:20px;}
.down-list li p a{ line-height:24px; color:#858484;}
.down-list li p a:hover{ color:#007cc2; text-decoration:underline;}
.down-list li .mtishi{ display:none;}

.con-title{ font-size:30px; text-align:center;}
.con-list{ width:103%; margin-left:-3%; margin-top:40px; margin-bottom:40px; display:block; overflow:hidden;}
.con-list li{ float:left; width:26%; height:140px; padding:3.5% 2%; margin:20px 0 20px 3.3%; position:relative; text-align:center; overflow:hidden; background:#f0f8fd;}
.con-list li i{ background-repeat:no-repeat; background-position:center center; display:block; height:56px; margin-bottom:10px;}
.con-list li:hover{ color:#fff; box-shadow: 0px 0px 10px #ddd; background:#007cc2;}
.con-list li h4{ font-size:24px; margin-bottom:10px;}
.con-list li p{ font-size:16px; line-height:24px;}
.con-list li i.con-icon1{ background-image:url(../images/con-icon1-1.png);}
.con-list li:hover i.con-icon1{ background-image:url(../images/con-icon1-2.png);}
.con-list li i.con-icon2{ background-image:url(../images/con-icon2-1.png);}
.con-list li:hover i.con-icon2{ background-image:url(../images/con-icon2-2.png);}
.con-list li i.con-icon3{ background-image:url(../images/con-icon3-1.png);}
.con-list li:hover i.con-icon3{ background-image:url(../images/con-icon3-2.png);}
.con-list li i.con-icon4{ background-image:url(../images/con-icon4-1.png);}
.con-list li:hover i.con-icon4{ background-image:url(../images/con-icon4-2.png);}
.con-list li i.con-icon5{ background-image:url(../images/con-icon5-1.png);}
.con-list li:hover i.con-icon5{ background-image:url(../images/con-icon5-2.png);}
.con-list li i.con-icon6{ background-image:url(../images/con-icon6-1.png);}
.con-list li:hover i.con-icon6{ background-image:url(../images/con-icon6-2.png);}
.form-list{ padding:30px 0;}
.form-list li{ width:46%; padding:10px 0; margin:25px 2%; line-height:40px; float:left; border-bottom:#ddd solid 1px; font-size:18px;}
.form-list li span{ float:left; width:50px;}
.form-list li i{ color:#f00;}
.form-list li input{ width:88%; height:40px; font-size:18px; padding:0 5px;}
.form-list li textarea{ width:90%; height:80px; float:left;}
.form-list li.form-li1{ width:96%;}
.form-list li.form-li2{ width:96%; text-align:center; border:none;}
.form-list li.form-li2 input{ height:54px; line-height:54px; width:170px; text-align:center; background:#fff; color:#353e44; border:#353e44 solid 2px; font-size:24px; float:none; letter-spacing:10px; cursor:pointer; border-radius:8px;}
.form-list li.form-li2 input:hover{ background:#007cc2; border-color:#007cc2; color:#fff;}

@media only screen and (max-width:1400px) and (min-width:360px) {
.menu li a{ font-size:16px;}
.head-r li.header-mail{ display:none;}
.focusimg .focusbox li a.focusbox1-btn{ width:180px; margin-left:-90px; font-size:24px; bottom:170px;}
.focusimg .focusnav .focusnav-item{ bottom:110px;}
.iconLink-box{ height:100px;}
.iconLink-box li{ padding:25px 3%;}
.iconLink-box li img{ margin-right:10px;}
}
@media only screen and (max-width:1360px) and (min-width:1200px) {
.head-r li{ display:none;}	
.head-r li.head-en,.head-r li.head-en li{ display:block;}
}
@media only screen and (max-width:1200px) and (min-width:360px) {
.w{ padding:0 2%; width:96%;}
.nyw{ padding:0 2%; width:96%; margin:30px auto;}
.header{ height:auto;}

.head-r li{ display:none;}
.head-r li.head-en,.head-r li.head-en li{ display:block;}
.index-title{ width:100%; padding:20px 0;}
.index-about{ padding:0; padding-bottom:20px; margin-bottom:20px;}
.about-box1 .fl{ width:53%; line-height:30px; margin-top:0;}
.about-box1 .fr{ width:45%;}
}
@media only screen and (max-width:1200px) and (min-width:791px) {
	.focusimg,.focusimg .focusbg li{ height:auto;}
	.iconLink-box{ bottom:4px;}
}
@media only screen and (max-width:850px) and (min-width:360px) {
.menu li{ margin:0 10px;}
}
@media only screen and (max-width:790px) and (min-width:360px) {
.logo{ width:auto;}
.logo img{ max-width:80%}
.menu{ display:none;}
.menu-btn{ display:block;}
.m-menu{ display:block;}
.head-r li.head-en{ right:50px;}
.focusimg .focusbg li{ position:relative; text-align:center;}
.focusimg .focusbg li img.imgsamll{ display:block;}
.focusimg .focusbg li img.imgbig{ display:none;}
.iconLink-box li{ text-align:center;}
.iconLink-box li img{ float:none; margin:0; margin-top:-10px; height:80%;}
.iconLink-box li h5{ line-height:26px; padding:0; margin:0;}
.iconLink-box li h6{ display:none;}
a.next-page{ display:none;}
.index-title-txt{ width:96%; }
.about-box1 .fl,.about-box1 .fr{ width:100%;}
.about-box2 ul{ border:none;}
.about-box2 ul li{ width:45%; padding:20px 2%; border:#e5e5e5 solid 1px; background:none;}
.about-box2 ul li i{ margin-bottom:10px;}
.index-title-h2{ background-size:65% 4%; font-size:26px;}
.index-number li{ font-size:18px; width:20%; margin-right:2%; margin-left:3%; line-height:40px;}
.index-number li .index-number-num{}
.index-number li:nth-child(2),.index-number li:nth-child(3),.index-number li:nth-child(4){ width:20%;}
.index-number li .index-number-txt{ font-size:14px;}
.index-about-txt,.index-about-img{ width:100%;}
.foot-menu{ padding:0;}
.foot-menu dl{ display:none;}
.foot-menu dl dt{ padding:0;}
.foot-copy .w{ width:100%; padding:0;}

.banner-big{ display:none;}
.banner-small{ display:block;}
.ny-menu { margin:0 auto 30px;}
.ny-menu li{ margin:10px 1%;}
.ny-menu li a{ font-size:14px; padding:5px 10px;}
.news-list li{ height:auto; margin:8px 0;}
.news-list li .index-news-img{ width:30%; height:auto;}
.news-list li .index-news-img img{ width:100%;}
.news-list li .index-news-txt .index-news-left{ display:none;}
.news-list li .index-news-right{ margin-left:0;}
.news-list li .index-news-txt .index-news-right h4{ font-size:18px; line-height:30px; height:30px; margin-bottom:0;}
.news-list li .index-news-txt .index-news-right p.index-news-p2{ line-height:24px; height:48px;}
.news-list li .news-p3{ display:none;}
.news-con-next div{ width:98%;}
.news-con-next div.news-next2{ text-align:left;}
.news-con-xg{ display:none;}
.pro-list li{ width:46%; margin-top:10px; margin-bottom:10px; height:190px;}
.pro-list-txt,.pro-list-box2 h4{ font-size:14px; height:24px; line-height:24px;}
.prod-box{ padding-bottom:20px;}
.prod-img,.prod-txt{ width:100%; float:none;}
.prod-txt .prod-txt-title,.case-title{ font-size:20px; padding-bottom:10px;}
.con-list li{ width:42%; padding:3.5% 2%; height:160px; margin-top:10px; margin-bottom:10px;}
.index-hezuo{ height:300px;}
.side-menu{ display:none;}
.con-list li:nth-child(1) p{ font-size:14px;}
.con-title{ font-size:24px;}
}
.index-link2 .bd li{ width:50%;}
.index-news2 .bd li{ width:100%; margin:0; padding:0; box-shadow:none; border-radius:0;}
.index-news2 .index-news-img{ width:100%;}
.index-news2 .index-news-img1 img{ width:100%; height:100%;}
/*手机banner*/
.focusbg li,.focusbg li img{ position:static; width:100%}
.focusnav{ position:absolute; left:0; bottom:120px; width:100%; text-align:center;}
.hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; text-indent:-99px;}
.hd ul .on{ background:#d27a3e;}
.index-fangan2 .bd{ width:100%;}
.index-fangan2 .index-fangan li{ width:100%;}
.index-fangan2 .index-fangan li.on{ width:100%;}
.index-fangan2 .index-fangan-img{ width:100%;}
.index-fangan2 .index-fangan-img img{ margin:0; height:100%;}

@media only screen and (max-width:1920px) and (min-width:1400px) {
	.menu li{ margin:0 20px;}
	.focusnav{ bottom:150px;}
	
}
/**分页**/
.page{ padding-top:30px; text-align:center;}
#AspNetPager1 a,#AspNetPager1 span{overflow: hidden;
    text-align: center;
    font-size: 0;
    vertical-align: middle;
    display: inline-block;
    border: 1px solid #d8d8d8;
    padding: 4px 12px;
    background: #fff;
    color: #8e8e8e;
    font-size: 16px;
    margin-right: 9px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	line-height:24px;}
#AspNetPager1 a:hover,#AspNetPager1 span:hover,#AspNetPager1 .active{   
	border-color: #007cc2;
    color: #fff;
    background: #007cc2 ;}