@charset "utf-8";
/* CSS Document */
/*banner*/
.ban{ width:100%; overflow:hidden; position:relative}
.banner_index{height:720px;position: relative;overflow:hidden;width: 1920px; position:relative; left:50%; margin-left:-960px}
.banner_index .btn,.banner_pro .bBtn{position: absolute;top:700px;width: 56px;height: 78px;display: block;z-index: 3;}
.banner_index .btnPre,.banner_pro .bPre{background: url(../images/bg_btnPre_index.png) no-repeat 0 0;left:20px;}
.banner_index .btnPre:hover,.banner_pro .bPre:hover{background: url(../images/bg_btnPre_index_hover.png) no-repeat 0 0;}
.banner_index .btnNext,.banner_pro .bNext{background: url(../images/bg_btnNext_index.png) no-repeat 0 0;right: 20px;}
.banner_index .btnNext:hover,.banner_pro .bNext:hover{background: url(../images/bg_btnNext_index_hover.png) no-repeat 0 0;}
.banner_index .banner_wrap{position: absolute;left:0px;top: 0px; z-index: 2;}
.banner_index .banner_wrap li{width:1920px;float: left; text-align:center}
.indexBanner_num{width:100%; margin: 0 auto;padding:10px 0;text-align: center; position:absolute; bottom:50px; z-index:9999999999999;} 
.indexBanner_num a{width:12px;height:12px;display: inline-block;_zoom:1;background:#333;font-size: 0px;line-height: 0px;margin:0 2px; border-radius:12px}
.indexBanner_num a.on,.indexBanner_num a:hover{background:#09F;}

body{ margin:0; padding:0; font-size:14px; }
.fl{ float:left}.fr{ float:right;}
ul,li,p,form{ list-style:none; padding:0; margin:0}
a{ text-decoration:none; color:#000}
a:hover{ color:#024aa4}
.banner{ width:100%; background:#2a8fd6; height:514px; }
.clear{ clear:both}
img{ border:none}
.center{ width:1200px; margin:0 auto; position:relative}
.top{  background:#fff; padding:15px 0; padding-bottom:0; width:100%; color:#fff; float:left; line-height:50px}
.top .fr{ margin-top:0px;}
.top .fr b{ width:100%; color:#999; float:right; text-align:right}
.top .fr b a{ color:#666; font-weight:normal}
.top .fr img{ float:right}
#full-screen-slider { width:100%; height:515px; float:left; position:relative}
#slides { display:block; width:100%; height:515px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:50%; top:470px; z-index:9900;  padding:5px 15px 5px 0; margin:0}
#pagination li { display:block; list-style:none; width:15px; height:15px; float:left; margin-left:15px; border-radius:15px; background:#FFF }
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#0092CE}

.menu{ width:100%; float:left; float:left; background:url(../images/index_11.jpg) repeat-x}
.menu ul{  overflow:hidden; border-left:#52d4ff solid 1px;  border-right:#52d4ff solid 1px; }
.menu li{ float:left; width:148px ; border-right:#52d4ff solid 1px; height:50px;text-align:center; }
.menu li a{ font-size:18px; line-height:50px; border-bottom:#fff solid 3px; color:#fff; float:left; width:100%;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;}
.menu li a:hover{ }
.menu li.lastli{ border:none}
.inban{ width:100%; height:252px; float:left}

.h30{ height:30px; width:100%; float:left}

.left{ width:870px; float:left;}
.right{ float:right; width:272px}
.menuclass{ width:100%; background:#024aa4; text-align:center; float:left} 
.menuclass img{ margin-top:15px; margin-bottom:10px}
.inmenu{ width:100%; float:left; margin-bottom:30px; border-bottom:#00c0ff solid 1px;}
.inmenu ul{ }
.inmenu li{ background:url(../images/a_07.png) repeat-x; margin-right:1px; width:24%; text-align:center; float:left;   line-height:37px;  }
.inmenu li a{ font-size:14px; color:#fff;  width:100%;  float:left}
.inmenu li a:hover,.inmenu li a.on{ background:url(../images/a_05.png) repeat-x; color:#fff; font-size:18px }

.yzc ul{ width:110%;  float:left}
.yzc li{ float:left; width:42%; margin-bottom:10px; margin-top:10px; position:relative; margin-right:20px}
.yzc  img{ width:100%; float:left} 
.yzc p{ background:rgba(0,0,0,0.3); line-height:25px; text-align:center; position:absolute; bottom:0; color:#fff; width:100%}
.leftinfo{}

.bar{ width:100%; float:left;  margin-bottom:10px; line-height:33px; background:#00c0ff; color:#fff; position:relative}
.bar span{ float:left; padding-left:10px; font-size:16px; position:relative; top:2px}
.bar  a{ float:right; padding-right:10px; margin-top:7px;}
.leftnews_list{}
.leftnews_list li{ float:left ; margin-top:10px; width:100%; border-bottom: dotted 1px #333; line-height:30px;}
.leftnews_list li a{ font-size:16px}
.contact{ margin:12px 0; padding-bottom:30px; float:left;}
.contact li{ font-size:14px; margin:5px 0; float:left; width:100%}
.contact i{  float:left; width:30px}
.contact span{}
.contact strong{ width:100%; border:#00c0ff solid 1px; float:left; text-align:center; font-size:14px; color:#00c0ff ;  line-height:30px;}

.title{ width:100%; border-bottom:#ccc solid 1px; margin-bottom:20px; text-align:center; padding-bottom:20px; float:left;}
.title h1{ font-weight:normal; line-height:30px;}
.title p{ color:#999}
.content{ font-size:15px; line-height:35px; color:#555; }
.content img{ max-width:100%}
.content p{ margin-top:10px; margin-bottom:10px}
.weizhi{  width:100%; background:#ededed; float:left; padding:8px 0; margin-bottom:20px;}
.weizhi b {
    float: left; font-weight:normal;
    margin-top: 10px;
    font-size: 18px;
    font-family: "微软雅黑";
    color: #143980;
}.weizhi span {
    float: right; 
    color: #999999;
    background: url(../images/nei_16.jpg) no-repeat;
    text-indent: 15px;
    margin-top: 8px;
    line-height: 25px;
}


.listnews {
   
    width:100%;
   

    padding-bottom: 14px;
 
}
.listnews li { width:100%; float:left; border-bottom:#eee solid 1px; padding:15px 0}
.listnews li p{ color:#888;  width:100%; float:left; padding-top:20px;}
.listnews a {
    font-weight: normal;
    float: left;
    font-size: 18px;
    
}.listnews span {
    float: right;
    padding-left: 15px;
    color: #999999;
}

.foot{ background:#00c0ff; color:#fff; width:100%; padding-bottom:20px; margin-top:80px; float:left}
.f_logo{ width:100%; text-align:center; margin-top:20px}
.f_menu{ width:96%;font-size:16px; text-align:center; margin:2%; color:#999; float:left; border-bottom:#ccc solid 1px; line-height:40px; }
.f_menu a{ font-size:16px; padding:0 10px;}
.f_info{ width:90%; margin:0 5%; text-align:center; font-size:14px; line-height:30px ; padding-top:20px; float:left; position:relative}
.f_info span{ background:#3c64a2; padding:0 10px; color:#fff; width:auto}
.ewm{ position:absolute; right:0; top:40px; line-height:15px;}
.nam{ margin-top:20px}
.pro{ padding-top:10px}
.pro li{ width:20%; text-align:center;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;  height:180px;
-o-transition: all 0.5s;
transition: all 0.5s; text-align:center; float:left; line-height:180px; margin:20px 2.5% }
.pro li img{  max-height:180px; max-width:100%;vertical-align: middle;  }
.pro li b{ border-bottom:#ccc solid 2px;}
.pro li  p{ padding:10px 0}
.pro li em{ font-style:normal; font-weight:normal; font-size:10px}
.pro li a{ font-size:16px}
.page { text-align:center; width:100%; float:left; margin:30px 0}
.page a{ display:inline-block; background:#ccc;  padding:5px 12px; font-size:16px; color:#fff; margin:4px}
.page a:hover,.page a.on{ background:#00c0ff}


.indexbar{ padding:20px 0; width:100%;}
.indexbar span{ color:#00c0ff; padding-left:10px; font-size:14px; line-height:30px; position:relative; top:2px }
.indexbar strong{ font-size:24px;}

.w50{ width:49%}

.bg_h .indexbar strong{ background:#f7f7f7}
.bg_b .indexbar strong{ background:#ffffff}
.bg_h{ background:#f7f7f7}.bg_b{ background:#fff}


.about{ float:left; background:#fff;}
.about b{ float:left; width:45%; margin-top:8px}

.about span{ width:50%; margin-left:10px}
.about span p{ color:#333; line-height:30px;  }
.about  strong{ float:left; width:100%; font-size:20px; font-weight:normal}
.about em{ font-style:normal; color:#999;}
.about a{ background:#ff7200;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; font-size:14px;
-o-transition: all 0.5s;
transition: all 0.5s; float:left; margin-top:30px}
.about a:hover{ background:#024aa4}

.news{ width:100%;background:#fff; }
.news img{ margin-bottom:5px; width:100%}
.news b{ float:left; width:100%}
.news strong{ padding:3px; line-height:40px;}
.news p{ color:#999; padding:3px; font-size:14px;}
.news ul{}
.news ul li{ width:100%; float:left; line-height:33px;background:url(../images/index_30.jpg) no-repeat; background-position:0px 10px;}
.news ul li a{ float:left; padding-left:20px}
.news ul li span{ float:right; color:#999}
.service {background:url(../images/index_h.jpg) repeat-x; margin-bottom:20px;}
.service  ul{ width:105%;float:left}
.service li{ float:left; overflow:hidden; height:241px; width:239px; text-align:center ; border-right:#fff solid 1px}
.service li b{ width:100%; height:205px; position:relative; float:left; overflow:hidden;}

.service li b img{ position:relative}
.service li p{-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;  background:#8c8e93; color:#fff; line-height:20px; padding:8px 0; float:left; width:100%}

.service li div{ color:#fff; font-weight:normal; padding:5%;font-size:14px;top:250px; width:90%; padding-top:10%; height:205px; position:absolute;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; 
-o-transition: all 0.5s; 
transition: all 0.5s;  background:rgba(0,192,255,0.5);}
.service li div img{ margin-top:20px}
.service li:hover div{position:absolute; top:0;}
.service li:hover p{ background:#00c0ff}
.case ul{ width:104%; padding-bottom:30px; float:left}
.case li{ float:left; overflow:hidden; text-align:center; margin-bottom:20px; position:relative; width:23.5%; margin-right:1.5%}
.case li div{-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; font-size:14px;
-o-transition: all 0.5s;
transition: all 0.5s; position:absolute; text-align:right;  top:200px; width:100%; height:100%; background:rgba(0,192,255,0.7);}
.case li p{ color:#fff;  padding:20px; padding-bottom:0; }
.case li a{ font-size:16px;}
.case li span{ display:inline-block; border-bottom:#fff solid 2px; width:50px; margin-right:20px;}
.case li img{ float:left}
.case li:hover div{ top:0;}
.box{ width:310px; margin-bottom:10px; margin-top:40px; float:left; margin-right:29px;}
.boxbar{ float:left; width:100%; margin-bottom:15px; border-bottom:#999 solid 1px ; padding:10px 0}
.boxbar strong{ font-size:18px ; font-weight:normal}
.boxbar a{ float:right;}
.box3{ margin-right:0}
.box ul{}
.boximg img{ border:#ddd solid 1px}
.box ul li{ padding:15px 0; border-bottom:#ccc solid 1px}
.box ul li a{ font-size:16px}
.box2 ul{ margin-top:-1px; float:left; width:100%}
.box3 .contact span{ width:250px}
.link { padding-bottom:30px}
.link b{ font-weight:normal; text-align:center; float:left; width:140px; line-height:40px; font-size:24px; border:#333 solid 1px;}
.link ul{}
.link li{}
.link li a{ font-size:16px;}
.qb-banner{ margin-top:0}
.bannerbox {width: 100%;height: auto;text-transform: capitalize;vertical-align: middle; padding-bottom:50%;}
.slider{position: relative;width: 100%;height: auto;overflow: hidden; padding-bottom:40px;}
.slides{height: auto;overflow: hidden;-webkit-backface-visibility: hidden;-webkit-transform-style: preserve-3d;-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);-o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);}
.slide{height: auto;float: left;clear: none;}
.slider-arrows{}
.arrowsWrapper{ display:none;}
.slider-arrow{position: absolute;display: block;margin-bottom: -20px;width: 40px;height: 40px;line-height: 40px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #333;background-color: #;border-radius: 50%;}
.slider-arrow--right{bottom: 50%;right: 30px;}
.slider-arrow--left{bottom: 50%;left: 30px;}
.slider-nav{position: absolute;bottom: 10px;}
.slider-nav__item{width:5px;height:5px;float: left;clear: none;display: block;margin: 0 5px;background: #268e00;border-radius: 100%; border:5px solid #fff; transition:all 0.2s;}
.slider-nav__item:hover{background: #268e00; border:5px solid #2195ae;transition:all 0.2s;}
.slider-nav__item--current{background: #268e00; border:5px solid #2195ae;transition:all 0.2s;}
.bg2{ background:url(../images/index_33.jpg) center no-repeat; margin-top:40px; width:100%; height:540px; padding-top:25px}

.evfl{ position:relative;  border-bottom:#fff solid 1px; width:497px; margin-top:20px; height:368px; overflow:hidden; float:left}
.evfr{ width:703px; margin-top:20px;float:right}
.evfr li{ width:233px; border-left:#fff solid 1px;  border-bottom:#fff solid 1px;overflow:hidden; float:left ; position:relative}
.evfr li img{ float:left}
.evfr li div{ position:absolute;  float:left;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; font-size:14px;
-o-transition: all 0.5s;
transition: all 0.5s; position:absolute; text-align:right;top:200px; width:100%; height:100%; background:rgba(0,192,255,0.7);}
.evfr li:hover div{ top:0;}

.evfl li div{ position:absolute;  float:left;-webkit-transition: all 0.5s;
-moz-transition: all 0.5s; font-size:14px;
-o-transition: all 0.5s;
transition: all 0.5s; position:absolute; text-align:right;top:400px; width:100%; height:100%; background:rgba(0,192,255,0.7);}
.evfl li:hover div{ top:0;}

.evfr li p,.evfl li p{ color:#fff;  padding:20px; padding-bottom:0; }
.evfr li span,.evfl li span{ display:inline-block; border-bottom:#fff solid 2px; width:50px; margin-right:20px;}



.text-center {
    text-align: center;
}
.lui-icos-list {
    position: relative;
}
.lui-col-33 {
    position: relative;
    width: 25%;
    float: left;
	height:310px;
}
.viewvod{ margin-top:10px;}
.lui-icos span {
    display: inline-block;
    margin: 30px 0 0 0;
}
.lui-icos span img {width:120px; height:120px}
.lui-icos p {
    font-size: 16px;
    padding: 5px 0 10px 0;
    color: #666;
}
.lui-imglist {
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 10px;
    min-height: 120px;
}
.lui-imglist-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 120px;
    height: 120px;
}
.lui-imglist-img img {width: 120px; height: 120px;}
.lui-imglist-txt {
    margin-left: 140px;
}
.lui-imglist-txt p {
    color: #666;
    font-size: 16px;
    padding-top: 25px;
}
.lui-imglist-txt p input { width:20px}
.Shopping {line-height:50px}
.Shopping p {font-size:18px}
.Shopping p input {height:25px}
.lui-btn {background-color:#00c0ff; border:0px; color:#fff; height:40px; width:150px; font-size:18px; margin-left:100px; margin-top:20px}
.je { position:absolute; top:30px; margin-left:160px; font-size:24px}
.je1 { font-size:24px; margin:30px}
.je1 span  { color:#09F}
.gwc {font-size:14px; float:right; line-height:110px}

.pclass{ width:12%; float:left}
.pclass li{line-height:35px; border-bottom:1px dashed #CCC}
.plist{ width:88%; float:left}
@media only screen and (max-width:830px){
	.indexbar{ padding-left:3%; width:95%;}
	img{ max-width:100%} 
	body{}
.center{ overflow:hidden;}
.about{width:100%;margin:0 auto}
.news{ width:96%; padding-left:2%;  background:#fff; font-size:16px}
.service li {
 
 
    margin-right:0px; margin-left:0px; border:none ; width:20%; height:auto
}.case li {
   
   
    width: 46%; margin-left:1.5%; margin-right:1.5%
   
}
.w50{ width:100%}
.service li b{ height:auto}
.service li b img:first-child{ width:100%}
.case li  img{
   
   
    width:100%
   
}
.about b{ width:45%; padding-right:3%}.about b img{ width:100%}
.about span{ width:50%; margin:0}.bg2{ height:auto}
.box
{ width:100%; margin-right:0}
.link ul,.evfl,.evfr{ width:100%}
.evfr li{ width:33.33%; border:none}
.logo{ width:30%}.logo img{ width:100%}
.menu{background:#00c0ff}
.menu li a{ border-bottom:#52d4ff solid 1px; font-size:14px}
.menu li{ width:19.6%; margin:0}.phone{}.phone img{ width:100%; margin-top:10px}
.news b{ float:left; width:100%; margin-top:30px;}
.menu li:nth-child(4){}
.pro li{ width:45%}
.right{ width:100%}
.left{ width:100%; top:0}
#pagination{ top:160px}
#slides,.banner { height:200px}
#full-screen-slider{ height:200px}
#slides li{ background-size:100% 200px}
.inban{ background-size:200% 100px; background-position: center;; height:100px}
.inmenu{ width:100%}
.leftinfo{ width:100%}
.center{width:100%;margin:0 auto}
.banner_index .banner_wrap li{ width:630px}
.banner_index{height:365px;position: relative;overflow:hidden;width:630px; position:relative; left:50%; margin-left:-315px}
.banner_index .banner_wrap li img{ width:100%}
.top .fr{ width:100%; margin:0}
.content{ width:96%; padding:2%}
.phone { position:fixed; bottom:0; width:100%; background:#fff; border-top:#999 solid 1px; z-index:999}
.top .fr b{ width:50%;}
.ewm{ position:relative; left:0; top:0}
.top .fr img{ width:50%}
.foot{ height:auto; padding-bottom:70px}
.evfr{}
.lui-col-33 {
    position: relative;
    width: 50%;
    float: left;
}

.pclass{ width:90%; margin:0 5%}
.plist{ width:100%;}
.pclass li{ float:left; width:50%; line-height:35px; border-bottom:0px}

}

@media (device-height:480px) and (-webkit-min-device-pixel-ratio:2){/* 兼容iphone4/4s */

.banner_index .banner_wrap li{ width:560px}
.banner_index{height:165px;position: relative;overflow:hidden;width:560px; position:relative; left:50%; margin-left:-280px}
 .service li {
 
 
    margin-right:11px; margin-left:30px;
}.case li {
   
   
    width:100%;
   
}

.pclass{  width:90%; margin:0 5%}
.plist{ width:100%;}
.pclass li{ float:left; width:50%; border-bottom:0px}
}