/*-------------客户---------------*/
.index_customer{  width:100%;}
.index_customer .pro_daohang{ padding:50px 0 20px;}
.index_customer .pro_daohang h2{ color:#17a2ad;}
.index_customer .pro_daohang p{ background:url("../img/index/daohang_spanbg.jpg")  0 center repeat-x; line-height:30px;}
.index_customer .pro_daohang p span{ color:#8d8d8d; background:#eaeced; }

.customer_list{ padding-top:20px;}
.customer_list .multipleColumn{ overflow:hidden; position:relative; width:1282px;}
.customer_list .multipleColumn .hd{ overflow:hidden;  height:14px; width:1180px; margin:3px auto 25px; }
.customer_list .multipleColumn .hd ul{ overflow:hidden; zoom:1; text-align:center;  }
.customer_list .multipleColumn .hd ul li{ display:inline-block;  width:14px; height:14px; overflow:hidden; margin:0 8px; text-indent:-999px; cursor:pointer; background:url("customer_icoCircle.png")  no-repeat; }
.customer_list .multipleColumn .hd ul li.on{ background:url("../img/index/customer_icoCirclea.png")  no-repeat;}

.customer_list .multipleColumn .prev,.customer_list .multipleColumn .next{ display:block;  width:51px; height:51px; cursor:pointer; margin-top:125px;}
.customer_list .multipleColumn .prev{ float:left; background:url("../img/index/customer_icoLeft.png")  no-repeat; left:-51px;}
.customer_list .multipleColumn .next{ float:right; background:url("../img/index/customer_icoRight.png")  no-repeat; right:-51px;}
.customer_list .multipleColumn .prev:hover{ background:url("../img/index/customer_icoLefta.png")   no-repeat;}
.customer_list .multipleColumn .next:hover{ background:url("../img/index/customer_icoRighta.png")  no-repeat; }

.customer_list .multipleColumn .bd{ overflow:hidden; float:left; width:1180px;  }
.customer_list .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:1180px;  float:left; _display:inline;  }
.customer_list .multipleColumn .bd ul li{ margin:3px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative;}
.customer_list .multipleColumn .bd ul li .pic{ text-align:center; }
.customer_list .multipleColumn .bd ul li .pic img{ width:289px; height:80px; display:block;
transform: transform 0.35s;
-ms-transform: -ms-transform 0.35s;	/* IE 9 */
-moz-transform: -moz-transform 0.35s; 	/* Firefox */
-webkit-transform: -webkittransform 0.35s; /* Safari 和 Chrome */
-o-transform: -o-transform 0.35s; 	/* Opera */
transform:scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
-webkit-transform:scale(1);
-o-transform:scale(1);
}
 
.customer_list .multipleColumn .bd ul li .title{ line-height:24px; position:absolute; top:0; left:0; width:289px; height:80px; background:url("../img/index/customer_titlebg.png")  repeat; display:none;  }
.customer_list .multipleColumn .bd ul li .title a{ display:block; padding:15px; height:110px;}
.customer_list .multipleColumn .bd ul li .title p{ color:#fff; line-height:20px;}
.customer_list .multipleColumn .bd ul li .title p.title_more{ text-align:center; padding-top:13px;}
.customer_list .multipleColumn .bd ul li .title p.title_more span{ color:#fff; font-size:10px; width:75px; height:18px; line-height:18px; background:#f4a600; display:inline-block;}


.customer_more{ text-align:center;}
.customer_more a{ display:inline-block; font-size:14px; color:#009ca8; width:212px; height:29px; line-height:29px; border:1px solid #14d0df; color:#14d0df; border-radius:5px;}
.customer_more a:hover{ background:#14d0df; color:#fff;}


 /*-------------pro---------------*/
.index_pro{ background:url("index_probg.jpg")  #fff repeat-x; min-height:729px;}
.pro_daohang{ text-align:center; padding:15px 0;}
.pro_daohang h2{ font-size:32px; color:#fff; line-height:56px;}
.pro_daohang span{ padding:0 15px; font-size:14px; background:#00909e; color:#aee7eb;}


.pro_list{ width:1234px; margin: 0px auto; position: relative;}
.pro_list .btn{position:absolute;width:27px;height:41px;top:19px;cursor:pointer;z-index:99;font-size:50px;font-weight:bold;}
.pro_list .prev{left:0;background:url("yun_prevBtn.png")  no-repeat;}
.pro_list .next{right:0;background:url("yun_nextBtn.png")  no-repeat;}
.pro_list li{float:left;}
.pro_list .cf li{position:relative;color:#fff;}

.pro_list .listBox{ width: 1180px; height:121px; margin: 0 auto; position: relative; overflow: hidden; }
.pro_list .listBox ul{position:absolute;}
.pro_list .listBox li{width:236px; height:121px; text-align:center; cursor:pointer;position:relative;}
.pro_list .listBox li p{ font-size:18px; color:#fff; line-height:28px;}
.pro_jiantou{ background:url("pro_icojiantou.png")  no-repeat; display:none; position:absolute; bottom:0; left:50%; margin-left:-22px; width:45px; height:28px;}
.pro_list .listBox .on .pro_jiantou{ display:block;}

.pro_list .picBox{height:500px;position:relative;overflow:hidden;}
.pro_list .picBox ul{height:500px;position:absolute;}
.pro_list .picBox li{width:1180px;height:500px; padding:0 41px;}

.pro_box1 .fl{ padding:50px 0 0 85px; width:550px;}
.pro_box1 .fl p{ color:#797979; font-size:32px; line-height:48px;}
.pro_box1 .fl p.system_zhaopin a{ color:#009da7; font-size:20px; line-height:80px;}
.pro_box1 .fl p.pro_select{ padding-top:10px;}
.pro_box1 .fl p.pro_select a{ color:#008a95; font-size:14px; line-height:33px; border:1px solid #008a95; padding:0 5px 0 15px; border-radius:15px; display:inline-block; margin-right:8px;}
.pro_box1 .fl p.pro_select a img{ vertical-align:middle; padding:0 8px;}
.pro_box1 .fl p.pro_select a:hover{ background:#008a95; color:#fff;}
.pro_box1 .fl p.pro_select a:hover .hidden{ display:inline;}
.pro_box1 .fl p.pro_select a:hover .pro_selico{ display:none;}



/*  ------------ 图片轮播 ------------ */

.flexslider {
    margin: 0px auto 20px;
    position: relative;
    width: 100%;
    height: 482px;
    overflow: hidden;
    zoom: 1;
}
    
.flexslider .slides li {
    width: 100%;
    height: 100%;
}
    
.flex-direction-nav a {
    width: 70px;
    height: 70px;
    line-height: 99em;
    overflow: hidden;
    margin: -35px 0 0;
    display: block;
    background: url(../img/slider/ad_ctr.png) no-repeat;
    position: absolute;
    top: 50%;
    z-index: 10;
    cursor: pointer;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: all .3s ease;
    border-radius: 35px;
}
    
.flex-direction-nav .flex-next {
    background-position: 0 -70px;
    right: 0;
}
    
.flex-direction-nav .flex-prev {
    left: 0;
}
    
.flexslider:hover .flex-next {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
    
.flexslider:hover .flex-prev {
    opacity: 0.8;
    filter: alpha(opacity=25);
}
    
.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
    opacity: 1;
    filter: alpha(opacity=50);
}
    
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 10px;
    text-align: center;
}
    
.flex-control-nav li {
    margin: 0 2px;
    display: inline-block;
    zoom: 1;
    *display: inline;
}
    
.flex-control-paging li a {
    background: url(../img/slider/dot.png) no-repeat 0 -16px;
    display: block;
    height: 16px;
    overflow: hidden;
    text-indent: -99em;
    width: 16px;
    cursor: pointer;
}
    
.flex-control-paging li a.flex-active,
.flex-control-paging li.active a {
    background-position: 0 0;
}
    
.flexslider .slides a img {
    width: 100%;
    height: 482px;
    display: block;
}

.fl{float:left}
.fr{float:right}

/*-------------联系我们---------------*/
.index_contact{ background:url("/img/contact/contact_bg.jpg") no-repeat; height:438px;background-size:corvr; background-size:cover; -moz-background-size:cover;}
.index_contact h2{ font-size:36px; color:#00edff; text-align:center; border-bottom:1px solid #576665; padding-top:46px; line-height:92px; margin-bottom:34px;}

.index_contact .fl{ width:660px;}
.contact_fenbu li{ float:left; text-align:center; line-height:30px;}
.contact_fenbu li a{ display:block; color:#fff; padding:0 5px; line-height:30px; font-size:14px; color:#aee7eb;}
.contact_fenbu li a:hover,.contact_fenbu li.cut{ background:url("../img/contact/contact_fenbubg.png") center bottom no-repeat; color:#fff;}
.contact_fenbu li.cut a{ color:#fff;}
.contact_nr{ display:none;}
.index_contact .fl h3{ color:#fff; font-size:14px; line-height:50px;}
.index_contact .fl p{ line-height:30px; color:#aee7eb;}

.contact_ico{ padding-top:25px; zoom:1;}
.contact_ico:after{ display:block; content:""; clear:both;}
.contact_ico li{ float:left; text-align:center; margin-right:20px; position:relative;}
.contact_ico li a{ width:44px; height:44px; display:inline-block; border-radius:22px; background:#50635f;}
.contact_ico li a img{ vertical-align:middle; padding-top:10px;}
.contact_ico li a:hover{ background:#f35641;}
.contact_ico li .hidden{ position:absolute; top:-90px; left:-15px;}

.index_contact .fr{ width:500px;}
.contact_input{ float:left; padding-right:10px;}
.contact_input li{ padding-bottom:10px;}
.contact_input li input{ width:119px; height:38px; padding:1px 3px 1px 42px; border:none; color:#5dc5cc;}
.contact_input1{ background:url("../img/contact/contact_input1.png") no-repeat;}
.contact_input2{ background:url("../img/contact/contact_input2.png") no-repeat;}
.contact_input3{ background:url("../img/contact/contact_input3.png") no-repeat;}

.contact_textarea{ float:left; background:url("../img/contact/contact_textbg.png") no-repeat;background-size: 100% 100%; width:306px; height:120px; padding:10px 15px 10px 15px; text-indent:20px; border:none; resize:none; color:#5dc5cc;}
.contact_submit{ background:url("../img/contact/contact_submit.png") no-repeat; width:513px; height:40px; line-height:40px; color:#fff; font-size:16px; border:none; cursor:pointer;}

.footer{ background:#fff; padding:0 0;}
.footer p{ color:#444444; line-height:40px;}




/*---------------case----------------*/
/*----case_video-----*/
.casevideo_zhezhao { background:#000; width:100%; _width:expression(eval(document.body.clientWidth)); position:fixed; _position:absolute; left: 0px; top: 0px; z-index:200; opacity: 0.9; filter: alpha(opacity=90); display: none; }
.casevideo_box { background: #fff; width:480px; margin-left:-240px; position:fixed; _position:absolute; _bottom:auto;
_top:expression(eval(document.documentElement.scrollTop)+50); left: 50%; top: 100px; z-index: 300; min-height: 300px; _height: 300px; display: none;}
*html{background-image:url(about:blank);background-attachment:fixed;}
.casevideo_contop{ background:#515151; height:35px; line-height:35px;}
.casevideo_imgclose { float:right; font-size:16px; padding-right:15px; cursor: pointer; color:#00ecff; }
.casevideo_imgclose:hover{ color:#fff;}

.case_title{ height:118px;}
.case_title .pro_daohang{ padding-top:10px;}

.case_h2title.nav_fixed{ position:fixed; top:0; left:0; z-index:100;}
.case_h2title{ width:100%; height:75px; padding:28px 0 22px; background:url("../img/case_h2title.jpg")  repeat-x;}
.case_h2tit li{ float:left; line-height:25px; height:25px; margin-right:15px; padding-bottom:10px;}
.case_h2tit li a{ display:block; font-size:14px; color:#fff; background:#b8b8b8; border-radius:15px; line-height:25px; height:25px; padding:0 20px;}
.case_h2tit li:hover a,.case_h2tit li.cut a{ background:#17a2ad;}

.case_listbox{ background:#fff; padding-bottom:40px;  }
.case_daohang{ padding-top:9px; line-height:60px; height:60px;}
.case_daohang h2{ float:left; font-size:20px; color:#333333; line-height:60px; height:60px;}
.case_daohang a.more{ float:right; background:url("../img/case/case_morebg.png")  right center no-repeat; line-height:60px; height:60px; padding-right:14px; font-size:14px; color:#666666;}

 
.case_list .fl{ width:362px;}
.case_videobrief{ padding:20px 15px; overflow:hidden; margin-top:1px; background:#f4f4f4; height:94px;}
.case_videobrief p{ color:#777777; line-height:26px;}

.case_list .fr{ width:818px;}
.case_listimg li{ float:left; width:175px; height:175px; overflow:hidden; padding-left:29px; padding-bottom:10px;}
.case_listimg li a{ display:block;}
.case_listimg li h2{ font-size:14px; color:#222222; line-height:30px;}
.case_listimg li p{ color:#999999; line-height:20px;}

/*---------------case_list----------------*/
.case_listpage{zoom:1; padding-bottom:27px;}
.case_listpage:after{ display:block; content:""; clear:both;}
.case_listpage li{ margin:0 11px 23px; float:left; _display:inline; overflow:hidden; text-align:center; position:relative; z-index:0;}
.case_listpage li .pic{ text-align:center; }
.case_listpage li .pic img{ width:270px; height:177px; display:block;
	transform: transform 0.35s;
    -ms-transform: -ms-transform 0.35s;	/* IE 9 */
    -moz-transform: -moz-transform 0.35s; 	/* Firefox */
    -webkit-transform: -webkittransform 0.35s; /* Safari 和 Chrome */
    -o-transform: -o-transform 0.35s; 	/* Opera */
    transform:scale(1);
    -ms-transform:scale(1);
    -moz-transform:scale(1);
    -webkit-transform:scale(1);
    -o-transform:scale(1);
}
.case_listpage li:hover .pic img{
	transform:scale(1.2);
	-ms-transform:scale(1.2);
	-moz-transform:scale(1.2);
	-webkit-transform:scale(1.2);
	-o-transform:scale(1.2);
	}
.case_listpage li .title{ line-height:24px; position:absolute; top:0; left:0; width:270px; height:177px; background:url("customer_titlebg.png")  repeat; display:none;  }
.case_listpage li .title a{ display:block; padding:15px 20px; height:147px;}
.case_listpage li .title p{ color:#fff; line-height:22px;}
.case_listpage li .title p.title_more{ text-align:center; padding-top:15px;}
.case_listpage li .title p.title_more span{ color:#fff; font-size:10px; width:75px; height:18px; line-height:18px; background:#f4a600; display:inline-block;}

/*---------------case_detail----------------*/
.mianbao{ padding:30px 0; color:#666666; background:url("mianbao_bg.png")  3px center no-repeat; padding-left:23px;}
.mianbao a{ color:#666666;}
.casedetail{ padding:23px 60px 30px; margin-bottom:30px; border-radius:5px;}
.casedetail p{ font-size:15px;line-height:24px;}
.casedetail strong{ font-size:15px;}
.casedetail a{ font-size:15px;}


.casedetail_title{ border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:36px;}
.casedetail_title h1{ line-height:68px; color:#333333; font-size:26px; text-align:center;}
.casedetail_titbot{ text-align:center;}
.casedetail_titbot p{ color:#999999; text-align:center; display:inline-block;}
.casedetail_titbot p span{ color:#757575;}
.fenxiang{ padding-left:20px; display:inline-block;}
.jiathis_txt{ color:#757575;}

.shangxia{ padding:26px 0; border-top:1px solid #dcdcdc;}
.shang{ float:left;}
.xia{ float:right;}
.xia a,.shang a{ color:#17a2ad; font-size:14px;}

.case_detailtit{ background:#f5f5f5; padding:0; height:38px; line-height:38px; padding-right:14px; border-radius:0 5px 5px 0;}
.case_detailtit h2{ background:url("../img/case/case_titlebg.jpg")  left center no-repeat; height:38px; line-height:38px; width:86px; padding-left:43px; font-size:15px; color:#fff;}
.case_detailtit a.more{ height:38px; line-height:38px;}

.case_detailbot{ padding:23px 0 34px; zoom:1;}
.case_detailbot:after{ display:block; content:""; clear:both;}
.case_detailbot li{ width:255px; padding-left:40px;}


.bannerCase
{
    height: 62px;
    padding-top: 90px;
    background: url(../img/case/banner.jpg) no-repeat 50% bottom;
} 
.bannerKnowledge
{
    height: 62px;
    padding-top: 160px;
    background: url(../img/knowledge/banner.jpg) no-repeat 50% bottom;
}