@charset "utf-8";
/* CSS Document */
.content{ width:100%; background:url(../images/bg.png) repeat-x #568ecc;}
/*焦点图*/
.flexslider {position: relative;text-align: center;line-height: 0px;}
.flexslider ul {position: relative;}
.flexslider .flex-control-paging {position:absolute;bottom:5%;left:50%;}
.flexslider .flex-control-paging li {float: left;overflow: hidden;list-style-type: none;margin-right:5px;}
.flexslider .flex-control-paging li a {width: 21px;height: 21px;display: block;background-repeat: no-repeat;background-image: url(../images/btn_main_img.png);text-indent: -9000px;cursor: pointer;}
.flexslider .flex-control-paging li a.flex-active {background-position: 0 -26px;}
/*新闻中心*/
.news{ width:100%; margin:0px auto; padding:15px 0;}
.title{ height:50px; line-height:50px; overflow:hidden;color:#fff; padding-left:15px; font-weight:bold; font-size:20px; }
.titleTextIcon{ float:left; width: .5rem;height: .8rem;display: inline-block;background: #0657a9;margin-right: 1rem;position: relative;left: .5rem;box-shadow: -0.3rem 0 0 #fff inset;margin-top: 1.5rem;}
.newsList {margin:0px auto; width:98%;}
.newsList li:before { content: "";position: absolute;width: 3px;height: 3px;top: 23px;left: .5rem; background:#fff}
.newsList li { position:relative;height: 50px;line-height:50px;overflow: hidden;zoom: 1;padding-left: 1.3rem;max-width: 100%;font-size:18px;}
.newsList li a{ color:#fff;}
.footer {padding:.5rem 0;position: relative;margin-top:0.3rem;}
.technical {margin: 1rem 0;}
.technicalSupport {clear: both;text-align: center;color: #666;margin: 0;padding:.1rem 0;position: relative;overflow: hidden;font-size:16px}
.technicalSupport a {color: #666;text-decoration: underline}
.bottom{ height:30px; line-height:30px; background:#004a9f;}
.backtop { width: 2rem;float: right;color: #fff;position: relative;text-transform: capitalize;text-align: right;padding-right: 2rem;transition: all 350ms;-webkit-transition: all 350ms;font-family: verdana;font-weight: bold;cursor: pointer;}
.backtop a{ color:#fff;}
.backtop b {position: absolute;width: 0;height: 0;top: .3rem;right: .35rem;border: .4rem transparent solid;border-bottom-color: #fff;}
.webCustomerServiceBox {margin: 0 auto;margin-bottom: 80px}
.webCustomerServiceBox .customerServiceDiv {width: 100%;max-width: 640px;-webkit-backface-visibility: hidden;padding-top:.15rem;position: fixed;bottom: 0rem;height: 80px;z-index: 9;background: #333}
.webCustomerServiceBox .service {height:80px;line-height:80px;float: left;text-align: center;width: 25%;}
.webCustomerServiceBox a {color: #fff}
.webCustomerServiceBox .discribe {color: #fff}
.customerServiceDiv .icon {-webkit-backface-visibility: hidden;height: 40px;margin:10px auto 0;font-size: 30px;color: #fff;line-height:40px;}
.faisco-icons-mail1:before {content: "\e902"}
.faisco-icons-qq1:before {content: "\68";font-size:46px;}
.faisco-icons-call1:before {content: "\e900"}
.faisco-icons-gps1:before {content: "\e607";font-size: 40px;}
.customerServiceDiv .describe {color: #fff;line-height:30px;font-size:16px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden }
/*产品*/
.productlist{ width:100%; overflow:hidden; margin-top:10px;}
.productlist li{ float:left; margin:10px 2% 0; width:46%; overflow:hidden;}
.productimg{ width: 100%; margin:0px auto;}
.productimg img{ width: 100%;height:100%; }
.productname{ height:40px; line-height:40px; overflow:hidden; text-align:center; margin-top:5px;}
/*导航*/
.btn{ position:absolute;right: 10px; top:5px;height: 50px;width:50px;z-index: 44;overflow: hidden; margin-left:15px;}
.btn a {border-radius:.4rem; display:block;width:50px;height: 50px; line-height:50px;text-align:center;}
.icon-home:before{ content:"\e802"; color:#fff; font-size:34px;}
.navbar{ width:50%; height:100%; background:#fff; position:fixed; top:0px; right:0; z-index:11; padding-top:70px;}
.navbar li{ height:60px; line-height:60px; width:100%; border-bottom:1px solid #e0e0e0; padding-left:20px;}
.navbar li a{ display:block; width:100%; height:60px; font-size:18px; color:#333; line-height:60px;}
.bg{ width:100%; height:100%; background:#333; opacity:0.5; position:fixed; top:0; left:0; z-index:10;}
/*公司简介*/
.pageTitle{color:#555; font-size:18px; font-weight:bold;height:40px; line-height:40px;border-bottom:1px solid #efefef; position:relative;}
.pageTitle span{ width:100px; text-align:center;border-bottom:2px solid #89be2e;height:40px; line-height:40px; position:absolute; top:0px; left:50%; margin-left:-50px;}
.richContent { color:#fff;line-height:30px;white-space: normal;word-wrap: break-word;word-break: normal;overflow: hidden;text-align: left;margin:15px 10px 0px;font-size:16px}
.textImg1 { height:auto; max-width:640px;overflow: hidden;}
/*cpMenu*/
.cpMenu{ width:100%; max-width:640px; overflow:hidden; background:#fff;}
.cpMenulist{ display:inline-block; float:left; width:23%; margin:15px 1%; text-align:center;}
.cpMenuname{ line-height:30px; height:30px; overflow:hidden; font-size:14px;}
.cpMenulist a{ display:block;}
.cpMenulist i{ display:block; width:80%; border-radius:50%; margin:10px auto;}
.cpMenulist .icon-menu01{ background:#fdc200}
.cpMenulist .icon-menu02{ background:#96a3fc}
.cpMenulist .icon-menu03{ background:#f99161}
.cpMenulist .icon-menu04{ background:#c697d8}
.cpMenulist img{ width:50%; height:50%; margin:25%; vertical-align:middle}
/*详情*/
.newstitle{	margin:20px 10px;text-align:center;}
.newstitle h3{font-size:20px; color:#fff;}
.newstitle p{font-size:14px;line-height:20px;color:#f1f1f1;}
/*在线留言*/
.jiansuo {margin: 20px;}
.jiansuo dl {width: 100%;overflow: hidden;line-height: 40px;margin-top: 15px;}
.jiansuo dl dt {line-height:40px; color:#fff;}
.jiansuo dl dd {width: 95%;}
.jstext {height: 30px;line-height: 30px; border:1px solid #fff; width: 95%;	padding: 4px;background:#fff;}
.jsbtn {margin: 20px auto 0px; width:120px;}
.jsbtn a {display: block;width: 120px;text-align: center;height: 40px;line-height: 40px;color: #fff;background: #004a9f;border-radius: 3px;}
.jsbtn a:hover{ opacity:0.8;}
/*index*/
.indexmenu{ width:96%; margin:0% auto; overflow:hidden; padding-top:40px;}
.menuitem{ width:46%; float:left; margin:2%; border-radius:5px; height:110px; line-height:110px; background:#0891fa; text-align:center;}
.menuitem a{ display:block; width:100%; height:100%; color:#fff; text-align:center; font-size:20px;}
.menuicon{ display:inline-block; width:50px; height:50px; vertical-align:top}
.icon-menuicon0:before{display:inline-block;content:"\e90a"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}
.icon-menuicon1:before{dsplay:inline-block;content:"\e802"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}
.icon-menuicon2:before{dsplay:inline-block;content:"\e905"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}
.icon-menuicon3:before{dsplay:inline-block;content:"\e906"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}
.icon-menuicon4:before{dsplay:inline-block;content:"\e900"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}
.icon-menuicon5:before{dsplay:inline-block;content:"\f27b"; font-size:34px; color:#fff; line-height:110px; margin:0px 3%; vertical-align:middle}