@charset "utf-8";
/* CSS Document */
* {margin: 0; padding: 0;}
body {font-size: 14px;color: #333;font-style: normal !important;font-family: 微软雅黑;min-width: 1200px;}
img {border: none;}
a {text-decoration: none;color: #333;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s; -o-transition: all 0.3s;-webkit-transition: all 0.3s;cursor: pointer;}
a:hover {color: #0083d2;text-decoration: none; transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
input,textarea,select {outline: none;font-family: "微软雅黑"}
ul,li {list-style: none;}
.float_l { float: left}
.float_r {float: right}
.clear {clear: both;}
@font-face {font-family: MicrosoftYaHei;src: url(../fonts/MicrosoftYaHei.ttf);
}
.container {width: 1200px; margin: 0 auto;}
.fanhui {position: fixed;bottom: 30px;right: 30px;cursor: pointer;}
.header {}
.logo_phone {padding: 10px 0;background: #fafafa;}
.logo {display: block;}
.phone {font-style: italic;color: #2b2b2b;font-size: 16px;line-height: 30px;margin-top: 10px;}
.phone b {color: #008bed;font-size: 22px;position: relative;top: 3px;}
.phone img {position: relative;top: 3px;margin-right: 6px;}
.naver ul{ width:1270px;}
.naver li {float: left;line-height: 30px;margin-right: 39px;position: relative;padding: 20px 0;}
.naver li a {display: block;color: #000;font-size: 16px;padding: 0 20px 0 10px;}
.naver li:hover a {color: #008bed;}
.naver li.act a {color: #008bed;}
.naver li .cpxl {display: none;position: absolute;top: 69px;left: 0;z-index: 999;width: 500px;height: 120px;background: url(../images/bg.png);padding: 10px; overflow: hidden;}
.cpxl_l {width: 318px;padding-top: 5px;}
.cpxl_l a {display: inline-block !important;width: 108px;color: #1a1a1a !important;font-size: 14px !important;border-bottom: 1px dashed #b2b2b2;
padding:0 10px !important}
.cpxl_l a:hover {color: #008bed !important;}
.cpxl_r a {padding: 0 !important}
.cpxl_r a img {border: 4px solid #fff;}


/**banner**/

.main_image {width: 100%;height: 585px;overflow: hidden;margin: 0 auto;position: relative;z-index: 9;}
.main_image ul {width: 9999px;height: 585px;overflow: hidden;position: absolute;top: 0;left: 0}
.main_image li {float: left;width: 100%;height: 585px;}
.main_image li span {display: block;width: 100%;height: 585px}
.main_image li a {display: block;width: 100%;height: 585px}
div.flicking_con {width: 1000px;margin: 0 auto;position: relative;display: none;}
div.flicking_con .flicking_inner {position: relative;top: 418px;z-index: 99;height: 0px;text-align: center;margin-left: 0 !important}

/* 121126 */
div.flicking_con a {height: 2px;background: #fff;margin-left: 5px !important;margin-right: 5px;margin: 0;padding: 0;width: 95px;text-align: center;line-height: 10px;text-indent: 0px;color: #fff;opacity: 0.7;filter: Alpha(opacity=70);display: inline-block;font-size: 0px !important;}
div.flicking_con a.on {opacity: 1;}
#btn_prev,#btn_next {z-index: 11111;position: absolute;display: block;width: 46px !important;height: 46px;top: 50%;margin-top: -23px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;opacity: 0.5}
#btn_prev {background: url(../images/hover_left.png) no-repeat left top;left: 20px;}
#btn_next {background: url(../images/hover_right.png) no-repeat right top;right: 20px;}
#btn_prev:hover {opacity: 1;}
#btn_next:hover {opacity: 1;}

/****底部**/

.footer {background: #242424;}
.footop {padding: 50px 0;border-bottom: 1px solid #313131;}
.footbot {text-align: center;border-top: 1px solid #1a1a1a;padding: 12px 0;}
.footbot a {display: block;font-size: 14px;color: #ddd;}
.fotbox {width: 494px;float: left;padding-left: 50px;background: url(../images/line.png) no-repeat right center;}
.fotbox a {display: inline-block;color: #fff;font-size: 14px;line-height: 30px; width: 161px;}
.fotbox a:hover {color: #008bed;}
.fotbox1 {text-align: center;width: 220px;float: left;}
.fotbox1 img {display: inline-block;}
.fotbox2 {width: 427px;float: left;}
.fotb2 {margin-bottom: 15px;background: url(../images/icon9.png) no-repeat left center;padding-left: 60px;}
.fotb2 h1 {color: #008bed;font-size: 22px;}
.fotb2 p {color: #b3b3b3;font-size: 14px;padding-left: 0 !important;}
.fotbox2 p {color: #b3b3b3;font-size: 14px;padding-left: 6px;}
.fotbox2 p img {margin-right: 5px;position: relative;top: 4px;}


/**侧边栏**/

/*侧边栏**/
.rides-cs {font-size: 12px;position: fixed;top: 50%;margin-top: -150px;right: 0px;_position: absolute;z-index:9999;}
.rides-cs a {color: #00A0E9;}
.rides-cs a:hover {color: #ff8100;text-decoration: none;}
.rides-cs .floatL {width: 30px;float: left;position: relative;z-index: 1;margin-top: 36px;height: 181px;}
.rides-cs .floatL a {font-size: 0;text-indent: -999em;display: block;}
.rides-cs .floatR {position: relative;z-index: 99;border: 2px solid #83ccff;width: 130px;float: left;background: #fff8f4;}
.rides-cs .floatR .cn {}
.rides-cs .cn .titZx {font-size: 14px;color: #70432c;line-height: 30px;margin-bottom: 10px;border-bottom: 1px solid #70432c;text-align: center;
}
.rides-cs .cn ul {padding: 0px;}
.rides-cs .cn ul li {border-bottom: 1px dashed #e5e5e5;color: #323232;font-size: 14px;text-align: center;}
.rides-cs .cn ul li span {color: #777;}
.rides-cs .cn ul li a {color: #323232;padding: 15px 0;display: block;}
.rides-cs .cn ul li img {vertical-align: middle;margin: 0 auto;margin-top: 10px;display: block;}
.rides-cs .cn ul li a:hover {}
.rides-cs .btnOpen {position: relative;z-index: 9;top: 25px;left: 0;background-image: url(../images/icon21.png);background-repeat: no-repeat;display: block;height: 195px;width: 32px;}
.rides-cs .btnCtn {position: relative;z-index: 9;top: 25px;left: 0;background-image: url(../images/icon21.png);background-repeat: no-repeat;display: block;height: 195px;width: 32px;}
.rides-cs ul li.top {border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot {border-bottom: none;}
.cn {padding: 18px 15px 0 15px;background: #d4edff;height: 280px;}
.cn h1 {color: #0068b2;font-size: 14px;margin-bottom: 15px;}
.cn a {display: block;margin-bottom: 10px;}
.cnn {border-bottom: 1px solid #afdeff;padding-bottom: 15px;}
.cnn1 h1 {color: #ea222c;font-size: 14px;margin-bottom: 0;margin-top: 10px;}
.cnn1 { width:102px;padding-top: 10px;border-top: 1px solid #f6fbff;color: #0068b2;font-size: 14px;text-align: center;}
.part {background: #f8f8f8;}
.part li {float: left;width: 300px;height: 130px;}
.part li a {display: block;padding: 37px 0 0 37px;}
.part li h1 {color: #333333;font-size: 20px;font-weight: bold;}
.part li p {color: #1a1a1a;font-size: 16px;}
.part li .line {width: 48px;height: 1px;background: #b5b5b5;margin: 5px 0;}
.part li:hover h1 {color: #008bed;}
.part .pal1,.part .pal3 {background: #e5e5e5;}
.part .pal1 {background: #e5e5e5 url(../images/icon1.png) no-repeat right center;}
.part .pal1:hover {background: #e5e5e5 url(../images/icon1_1.png) no-repeat right center;}.part .pal2 {background: url(../images/icon2.png) no-repeat right center;}
.part .pal2 {background:#f2f2f2 url(../images/icon2.png) no-repeat right center;}
.part .pal2:hover {background: url(../images/icon2_1.png) no-repeat right center;}
.part .pal3 {background: #e5e5e5 url(../images/icon3.png) no-repeat right center;}
.part .pal3:hover {background: #e5e5e5 url(../images/icon3_1.png) no-repeat right center;}
.part .pal4 {background:#f2f2f2 url(../images/icon4.png) no-repeat right center;}
.part .pal4:hover {background: url(../images/icon4_1.png) no-repeat right center;}
.part1 {padding: 50px 0 30px 0;}
.title {text-align: center;margin-bottom: 35px;}
.title h1 {color: #008bed;font-size: 34px;font-weight: bold;text-transform: uppercase;}
.title p {color: #1a1a1a;font-size: 22px;}
.title .line {width: 125px;height: 1px;background: #dcdcdc;display: inline-block;margin-top: 10px;}
.title .line span {display: inline-block;width: 27px;height: 3px;background: #ffb400;position: relative;top: -1px;}
.pa1con {margin-right: -20px;}
.pa1box {width: 284px;height: 284px;margin-right: 20px;overflow: hidden;position: relative;}
.pa1box a {display: block;}
.pa1b1 {position: absolute;bottom: 0;width: 100%;text-align: center;color: #fff;padding: 15px 0;font-size: 20px;background: #008bed;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa1b1 img {position: absolute;top: -20px;left: 50%;margin-left: -20px;}
.pa1box:hover .pa1b1 {bottom: -100%;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa1b2 {text-align: center;position: absolute;bottom: -100%;left: 0;width: 284px;height: 284px;background: url(../images/bg1.png);z-index: 999;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;
}
.pa1b2 h1 {display: inline-block;color: #fff;font-size: 20px;border-bottom: 1px solid #94cbf1;height: 38px;line-height: 38px;border-top: 1px solid #94cbf1;font-weight: normal;margin-top: 130px;}
.pa1box:hover .pa1b2 {bottom: 0;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.part1 .device,
.part1 .swiper-wrapper,
.part1 .swiper-slide,
.part1 .swiper-container {height: 284px !important;}
.part2 {background: #e6e6e6;padding: 55px 0 45px 0;}
.pa2l {width: 325px;padding-top: 80px;}
.pa2l h1 {color: #008bed;font-size: 34px;}
.pa2l h2 {color: #333333;font-size: 22px;font-weight: normal;margin-top: 10px;}
.pa2l p {color: #888888;font-size: 14px;margin-top: 5px;line-height: 26px;}
a.spa {display: block;width: 90px;height: 27px;margin-top: 45px;background: #ffb400;text-align: center;line-height: 27px;}
a.spa img {display: inline-block;margin-top: 10px;}
a.spa:hover {text-indent: 10px;}
.pa2r {width: 860px;}
.pa2r li {float: left;width: 272px;height: 205px;overflow: hidden;margin-left: 14px;margin-bottom: 14px;position: relative}
.pa2r li a {display: block;}
.pa2 {color: #fff;font-size: 16px;position: absolute;top: -100%;left: 0;padding: 0 40px;width: 192px;height: 135px;padding-top: 70px;z-index: 999;background: url(../images/bg2.png);line-height: 25px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa2 span {width: 34px;height: 1px;background: #ffb400;display: block;margin-top: 5px;}
.pa2r li:hover .pa2 {top: 0;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.part3 {background: url(../images/bg3.png) no-repeat bottom center;padding-top: 60px;}
.part3 .container {position: relative;}
.pa3r {width: 753px;}
.part3 .img1 {margin-left: -100px;}
.title1 {margin-bottom: 20px;}
.title1 h1 {color: #008bed;font-size: 36px;}
.title1 p {color: #1a1a1a;font-size: 22px;}
.title1 p span {width: 25px;height: 1px;background: #ffb400;display: inline-block;margin-right: 10px;position: relative;top: -5px;}
.pa3rc p {color: #1a1a1a;font-size: 14px;line-height: 25px;}
.pa3rc {height: 225px;}
.pa3r .spa {float: left; margin-top: 80px;}
.pa3rb .pa3rx { float: right; padding-top: 50px;}
.pa3rb .pa3rx h1 { color: #fff;font-size: 24px;font-weight: normal;margin: 10px 0;}
.pa3rb .pa3rx p { font-size: 16px;color: #fff;}
.pa3rb .pa3rx span {width: 26px;height: 2px;background: #fff;display: block;}
.part4 {background: url(../images/bg4.png) no-repeat center center;padding: 80px 0 95px 0;background-size: cover;}
.pa4con {}
.pa4l { width: 570px;}
.pa4l a {display: block;position: relative;padding-left: 15px;}
.pa4l a h1 {color: #1a1a1a;font-size: 18px;font-weight: normal;margin: 15px 0;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa4l a p {color: #666666;font-size: 14px;}
.data {width: 66px;height: 66px;text-align: center;color: #fff;position: absolute;left: 0;top: 20px;background: #ffb400;font-size: 30px;}
.data p {font-size: 14px;color: #fff !important;}
a.lookmore {color: #008bed;font-size: 16px;text-decoration: underline;margin-top: 15px;}
.pa4l a:hover h1 { color: #008bed; text-indent:10px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa4r {width: 546px;}
.pa4r li {border-bottom: 1px solid #cccccc;}
.pa4r li a {display: block;padding: 10px 0;}
.pa4rl {text-align: center;width: 90px;color: #008bed;font-size: 46px;}
.pa4rl p {font-size: 22px;color: #008bed;font-family: "宋体";}
.pa4rr {width: 444px;padding-top: 10px;}
.pa4rr h1 {color: #1a1a1a;font-size: 18px;font-weight: normal;margin-bottom: 5px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.pa4rr p {color: #666666;font-size: 14px;line-height: 24px;}
.pa4r li:hover h1 { color: #008bed; text-indent:10px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}


/***企业新闻***/
.ban {height: 350px;}
.news{ background:#eee; padding-bottom:55px;}
.newsl{ width:220px; margin-top:-30px;}
.newsltop{ margin-bottom:24px;}
.newlt{ background:#008bed; text-align:center; padding:35px 0;}
.newlt img{}
.newsltop ul{ background:#fff;}
.newsltop li{ border-bottom:1px solid #eeeeee;}
.newsltop li a{ display:block; text-align:center; color:#444444; font-size:16px; height:58px; line-height:58px;}
.newsltop li:hover a{ color:#008bed}
.newsltop li.act a{ color:#008bed;}
.newslbot{ background:#fff;}
.newslbot h1{ color:#008bed; font-weight:normal; font-size:18px; border-bottom:1px solid #eee; padding:15px;}
.newslbot h1 a{ float:right;}
.newslbot ul.newrm li{ background:#fff;}
.newslbot ul.newrm li a{ text-align:center; padding:20px; border-bottom:1px solid #eee; color:#666666; font-size:14px; display:block;}
.newslbot ul.newrm li img{ display:block; margin:0 auto; margin-bottom:10px;}
.newslbot ul.newrm li:hover a{ color:#008bed;}
.newsr{ width:950px;margin-top:-30px; background:#fff;}
.newrbot{ padding:0 35px;}
.newrtop{ color:#333333; padding:22px 30px; font-weight:bold; font-size:18px; border-bottom:1px solid #e4e4e4;}
.newrtop p{ float:right; color:#888888; font-weight:normal; font-size:14px;}
.newrtop p a{ color:#888888; font-size:14px;}
.newrtop p a:hover{ color:#008bed;}
.newrtop p img{ margin-right:6px; position:relative; top:6px;}
.newrbot li{}
.newrbot li a{ display:block; padding:20px 0; border-bottom:1px dashed #bbbbbb;}
.nel{ color:#008bed; font-size:32px; text-align:center; width:75px; height:70px; padding-top:5px; background:#f5f5f5;}
.nel p{ color:#008bed; font-size:14px;} 
.ner{ width:785px;}
.ner h1{ color:#444444; font-size:18px; margin-bottom:6px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.ner p{ color:#999999; font-size:14px; line-height:23px;}
.newrbot li:hover .nel{ background:#008bed; color:#fff;}
.newrbot li:hover .nel p{ color:#fff;}
.newrbot li:hover .ner h1{ color:#008bed; text-indent:10px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}

/***分页**/
ul.pagination{text-align:center; height:33px; margin:30px 0;}
ul.pagination li{ display:inline-block;}
ul.pagination li span{display:inline-block; margin:0 5px; padding:5px 14px; color:#999; border:1px solid #dcdcdc}
ul.pagination li a{display:inline-block; margin:0 5px; padding:5px 14px; color:#999; border:1px solid #dcdcdc}
ul.pagination li a:hover{ background:#008bed; color:#fff; border:1px solid #008bed}
ul.pagination li.active span{ background:#008bed; color:#fff; border:1px solid #008bed}
ul.pagination li.active a{ background:#008bed; color:#fff; border:1px solid #008bed}

.mian{ padding:22px 0;color:#888888; font-size:14px;}
.mian a{ color:#888888; font-size:14px;}
.mian img{ margin-right:6px; position:relative; top:6px;}
.mian a:hover{ color:#008bed;}
.tit{ text-align:center; padding-bottom:20px; padding-top:25px; border-bottom:1px dashed #bbbbbb; margin-bottom:20px;}
.tit h1{ margin-bottom:15px; color:#444444; font-size:20px;}
.titb{ color:#888888; font-size:15px;}
.titb span{ margin-right:20px;color:#888888; font-size:15px;}
.titb img{ margin-right:5px; position:relative; top:4px;}
.pian{ position:relative; padding:20px 0; margin-top:20px;border-top:1px dashed #bbbbbb; background:url(../images/bg5.png) repeat-x bottom center; margin-bottom:20px;}
.pian p{ color:#333333; font-size:16px; margin-bottom:10px; line-height:25px;}
.pian p a{ color:#333333; font-size:16px;}
.pa{ width:153px; height:40px; position:absolute; right:0; top:35px; border:1px solid #008bed; text-align:center; border-radius:50px; line-height:40px; color:#008bed; font-size:16px;}
.pa:hover{ background:#008bed; color:#fff;}
.pian p:hover a{ color:#008bed;}
.newcp{}
.necptit{ margin-bottom:26px; background:#f5f5f5; padding:12px 20px;}
.necptit h1{ display:inline-block;color:#232323; font-size:22px; border-left:4px solid #008bed; height:22px; line-height:22px; padding-left:10px;}
.necptit a{ float:right; color:#888888; font-size:16px;}
.necptit a:hover{ color:#008bed}
.nwcpb{ margin-bottom:30px;}
.nwcpb ul{ margin-left:-21px;}
.nwcpb li{ float:left; width:286px; margin-left:19px;}
.nwcpb li a{ display:block; text-align:center; color:#444444; font-size:16px;}
.nwcpb li a img{ margin-bottom:6px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.nwcpb li:hover a{color:#008bed}
.nwcpb li:hover img{ transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}


/***产品中心**/
.cplb{ display:none; background:#fcfcfc; padding:0 18px; border-top:1px solid #eee;}
.cplb a{ display:block; color:#888888 !important; font-size:14px !important; height:60px !important; line-height:60px !important; text-align:left !important; border-bottom:1px dashed #ddd; padding-left:0 !important;}
.cplb a:hover{ color:#008bed !important;}
.cplbt li h1{ cursor:pointer; position:relative; text-align:left; padding-left:20px; font-weight:normal;color: #444444;font-size: 16px;height: 58px; line-height: 58px;}
.cplbt li h1 i{ display:inline-block; position:absolute; right:20px; top:20px; width:14px; height:14px; background:url(../images/icon18.png) no-repeat center center;}
.cplbt li h1 i.act{background:url(../images/icon17.png) no-repeat center center !important;}
.cplbt li h1:hover{ color:#008bed }
.cplbb{ padding:10px;}
.cplbb li{ border-bottom:1px dashed #bbbbbb;}
.cplbb li a{ color:#666666; font-size:14px; display:block; height:40px; line-height:40px;}
.cplbb a i{ display:inline-block; width:4px; height:4px; background:#bbbbbb; margin-right:10px; position:relative; top:-3px;}
.cplbb li:hover a{color:#008bed; text-indent:10px;}
.cplbb li:hover i{ background:#008bed}
.cprlb ul{ margin-left:-15px;}
.cprlb li{ width:286px; float:left; margin-left:12px;}
.cprlb li a{ display:block; text-align:center; color:#444444; font-size:16px; border-bottom:none;}
.cprlb li a img{ margin-bottom:10px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.cprlb li:hover a{color:#008bed}
.cprlb li:hover img{ transform:translateY(-10px);-moz-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);-webkit-transform:translateY(-10px);transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}


/**项目案例**/
.case{ padding-top:25px;}
.case ul{ margin-left:-14px;}
.case li{ width:285px; height:285px; overflow:hidden; float:left; margin-left:13px; margin-bottom:15px;}
.case li a{ position:relative; display:block; padding:0; border-bottom:none;}
.case li p{ position:absolute; bottom:0; width:284px; text-align:center; color:#fff; background:url(../images/bg6.png); height:50px; line-height:50px; overflow:hidden; font-size:16px;transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.case li img{transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.case li:hover p{background:url(../images/bg1.png);transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}
.case li:hover img{ transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;-webkit-transition: all 0.3s;}

/***太阳能**/
.tyn ul.tynul{ margin-left:-20px;}
.tyn .tynul li{ float:left; width:281px; margin-left:20px; margin-bottom:22px;}
.tyn .tynul li a{ display:block; padding:5px; border:1px solid #e4e4e4; text-align:center;}
.tyn .tynul li p{ color:#666666; font-size:16px; height:50px; line-height:50px; overflow:hidden;}
.tyn .tynul li:hover a{ box-shadow:0px 0px 8px #dfdfdf}
.tyn .tynul li:hover p{color:#008bed}


/***服务承诺**/
.fwcn{ margin-top:40px; margin-bottom:60px;}
.fwcn h1{ color:#008bed; font-size:22px; font-weight:normal; margin-bottom:10px;}
.fwcn p{ color:#666666; font-size:16px; line-height:30px;}


/***关于我们***/
.about{}
.abtit{ color:#46acf4; margin-top:-30px;}
.abtit .container{ background:#008bed;    padding: 15px 0;}
.abtit a{ display:inline-block; color:#fff; font-size:18px; padding:0 35px;}
.title_1{ text-align:center; padding:40px 0;}
.title_1 h1{ color:#008bed; font-size:30px; font-weight:normal;}
.title_1 p{ margin-top:6px; color:#bbbbbb; font-size:18px; text-transform:uppercase;}
.title_1 .line{ margin-top:10px; width:120px; height:1px; background:#dddddd; display:inline-block;}
.title_1 .line span{ width:40px; height:3px; background:#008bed; margin-top:-1px; display:inline-block;}
.ab1con{ margin-top:20px; margin-bottom:65px;}
.ab1l{ width:541px; height:375px; border:1px solid #209aef;}
.ab1l img{ position:relative; right:18px; bottom:18px;}
.ab1r{ width:598px;color:#444444; font-size:16px; line-height:30px;}
.ab2b{ width:50%; background:url(../images/bg1.png); position:absolute; left:0; top:0; height:100%;}
.ab2{ height:513px; background:url(../images/bg.jpg) no-repeat center center; position:relative;}
.ab2l{ padding:50px 0;position:relative; z-index:999; color:#ab2l; font-size:16px; color:#fff; line-height:30px; width:550px; padding-right:50px;}
.ab3con{ position:relative; height:250px;}
.ab3con .swiper-slide,.ab3con .swiper-container{height:200px !important;}
.ab3con .arrow-left{ width:40px; height:40px; background:url(../images/left.jpg) no-repeat center center; position:absolute; left:-100px !important;}
.ab3con .arrow-right{ width:40px; height:40px; background:url(../images/right.jpg) no-repeat center center; position:absolute; right:-90px !important;}
.ab3con .arrow-left:hover{background:url(../images/left1.jpg) no-repeat center center;}
.ab3con .arrow-right:hover{background:url(../images/right1.jpg) no-repeat center center;}
.ab4{ background:#f5f5f5;}
.ab4con{ padding-bottom:90px;}
.ab4con .ab4t{ text-align:center; color:#444444; font-size:14px; line-height:30px; padding-bottom:45px;}
.ab4c{}
.ab4c th{ border-top:3px solid #dddddd; color:#009fe9; font-size:18px; border-bottom:1px solid #009fe9; line-height:55px; height:55px;} 
.ab4cbox{}
.ab4cbox td{ border-bottom:1px solid #ddd; color:#222222; font-size:14px; text-align:center; padding:20px 0;}
.ab4cbox td span{ cursor:pointer; display:inline-block; width:22px; height:22px; background:url(../images/icon20_1.png) no-repeat center center;}
.ab4cb{ display:none; border-bottom:1px solid #ddd; background:#eaeaea; padding:20px 30px; line-height:30px; color:#666666; font-size:14px;}
.ab4cbox td span.spa{background:url(../images/icon20.png) no-repeat center center !important;}
.ab5con{ margin-bottom:80px;}
.ab5t{text-align:center; color:#444444; font-size:14px; line-height:30px; padding-bottom:45px;}
.ab5b{ margin-left:100px; margin-bottom:30px;}
.ab5b span{ float:left; text-align:right; margin-right:20px; color:#666666; font-size:16px; width:95px; height:55px; line-height:55px;}
.ab5b span b{ color:#F00;}
.inp1{ width:695px;font-size:16px; padding:16px 0;padding-left:10px; border:1px solid #dddddd; float: left;}
.ab5b select{font-size:16px; padding:16px 0;padding-left:10px; border:1px solid #dddddd; width:345px; margin-right:10px;}
.ab5b textarea{width:685px;font-size:16px; height:200px; padding:10px;padding-left:10px; border:1px solid #dddddd;}
.inp2{ margin-left:205px; height:50px; width:695px; background:#008bed; color:#fff; text-align:center; font-size:22px; border:none;}
.inp2:hover{ background:#1584d2}
.ab6{ height:309px; background:url(../images/bg1.jpg) no-repeat center center;}
.ab6 .title_1{ text-align:center; padding:40px 0;}
.ab6 .title_1 h1{ color:#fff; font-size:30px; font-weight:normal;}
.ab6 .title_1 p{ margin-top:6px; color:#fff; opacity:0.5; font-size:18px; text-transform:uppercase;}
.ab6 .title_1 .line{ margin-top:10px; width:120px; height:1px; background:#dddddd; display:inline-block;}
.ab6 .title_1 .line span{ width:40px; height:3px; background:#fff; margin-top:-1px; display:inline-block;}
.ab6con{ margin-top:20px;}
.ab6box{ float:left;}
.ab6box1{ width:300px; background:url(../images/icon22.png) no-repeat left center; padding-left:55px;}
.ab6box2{ width:460px; background:url(../images/icon23.png) no-repeat left center; padding-left:55px;}
.ab6box3{background:url(../images/icon24.png) no-repeat left center; padding-left:55px;}
.ab6box h1{ color:#fff; font-size:18px;}
.ab6box p{ color:#fff; font-size:16px;}

.abtit1{ position:fixed; top:0; width:100%; z-index:99999; margin-top:0 !important;background: #008bed;}
