*{ margin: 0; padding: 0; border: 0;}
html{font-size: 14px; color:#5e5e5e ;}
li{ list-style: none;}
a{ text-decoration: none;}
.clear-all{ clear: both;}
/*头部样式*/
.top{background-color:rgba(0,0,0,0.5); width:100%; height: 90px; position: absolute; top: 0; left: 0;z-index: 20;}
.top-wid{width: 1200px; margin: 0 auto; }
.top-wid .logo{ float: left;  height: 90px; margin-left: -10px;} 
.top-wid .logo img{ width: 360px;  margin-top: 5px;}
/*导航样式*/
.navBar { float:right; width:560px; margin-top:20px;height:70px;line-height:70px;color:#333;}
.nav {width:560px;font-size:18px; }
.nav .m {float:left;position:relative;z-index:1;}
.nav a {color:#fff;display:block;width:140px;text-align:center;}
.nav .sub {display:none;z-index:10;width:140px; background-color: #333333; background-color:rgba(0,0,0,0.5);}
.nav .sub li { text-align:center; width: 140px;}
.nav .sub li a {display:block;height:46px;line-height:46px; font-size: 16px;}
.nav .sub li a:hover { background-color:#00a9d4;}

.nav li.nav-active{ background: url(../images/nav_bg.png) no-repeat;}
.nav li:hover{background: url(../images/nav_bg.png) no-repeat;}

/*banner样式*/
.flexslider{position:relative; width:100%; margin:0 auto; overflow:hidden; zoom:1;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:60px;height:90px;line-height:99em;overflow:hidden;margin:-60px 0 0;display:block;background:url(../images/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;}
.flex-direction-nav .flex-next{background-position:0 -90px;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 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/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{background-position:0 0;}

/*首页主体内容*/
.content{ width: 100%; height: auto;}
/*主营业务*/
.content-one{width: 1200px; height: auto; margin: 0 auto; margin-top: 40px;}
.one-title{ text-align: center;}
.one-title h4{color: #00A9D4;font-size: 45px;display:inline-block; }
.one-title span{ margin: 0 30px; display:inline-block;height:15px; width: 200px; border-top: 5px solid #00A9D4;}
.one-main { margin-top: 30px;}
.one-main .one-sua li{ float: left; width: 224px; height: 175px; text-align: center; border-radius: 6px;}
.one-main .one-sua li img{ margin-top: 42px; border-radius: 6px;}
.one-rightw{  margin-right: 20px;}
.one-main .one-sub li{ margin-top: 20px; float: left;width: 224px;text-align: center;  font-size: 24px; font-weight: 600;}
/*为什么选择我们*/
.content-two{width: 100%; height: 550px; margin-top: 60px; background-image: url(../images/bg_02.jpg);}
.two-title{ width: 1200px; margin: 0 auto;}
.two-title h3{ text-align: center; font-size: 40px;  padding-top: 40px; padding-bottom: 10px;}
.two-title h3 span{color: #00A9D4; font-size: 52px;}
.two-title h4{ text-align: center; color: #898686; font-size: 40px; font-family:"arial, helvetica, sans-serif";}
.two-main{ width: 1200px; margin:40px auto 0 auto;}
.two-main ul li{ float: left; width: 225px; text-align: center;}
.two-main ul li h4{ font-size: 30px; color: #898686; margin:10px 0;}
.two-main ul li p{ color: #a09f9f; font-size: 18px; line-height: 32px;}
.two-main ul li.two-rightw{ margin-right: 100px;}
/*首页的成功案例*/
.content-three{ width: 1200px; margin: 50px auto 60px auto; overflow: hidden;}
.three-main{ margin-top: 40px; overflow: hidden;} 
.pictures {overflow: hidden; margin-bottom: 0px}
.pictures li{ float: left;width: 238px; overflow: hidden; height: 320px; padding: 15px; border: 1px solid #ccc; cursor:pointer; color: #888;}
.pictures li.three-rightw{ margin: 0 40px 40px 0;}
.pictures li a{ color: #888;}
.pictures li img{ height: 150px; width: 100%;}
.pictures li h4{text-align: center; font-size: 22px; font-family: "黑体"; padding: 20px 0 10px 0;}
.pictures li p{ line-height: 25px; text-align: justify; display: block; height: 100px; overflow: hidden;}
.pictures li a:hover{color: #00a9d4;}
.three-main .more{ display: block; margin: 0 auto; width: 114px; height: 36px; line-height: 36px;color:#FFFFFF;  font-weight: 600;text-align: center; border: none; margin-top:15px; background-image: url(../images/more_buttom.png);}
.three-main .more:hover{background-image: url(../images/more_buttom2.png);}

/*版权部分*/
.footer{ width: 100%; height: 320px; background-color: #252525;}
.footer-top{width: 1200px; margin: 0 auto;border-bottom: 1px solid #191818;height: 240px;}
.footer-top p{ padding-top: 47px; line-height: 30px; text-align: left; color: #999999; float: left;}
.footer-top a{ color: #999999;}
.footer-top a:hover{ color: #6b6b6b;}
.footer-top p.footer-qr{float: right;}
.footer-top p.footer-qr span{ display: block; width: 130px;  text-align: center; font-size: 18px; font-weight: 600;}
.footer-top p.footer-qr img{ width: 130px;}
.footer-bottom{width: 1200px;margin: 0 auto; border-top: 1px solid #373636; height: 79px; line-height: 79px;}
.footer-bottom p{color: #999999; text-align: center;}

/*二级页面-成功案例*/
.main-content{ width:1200px;margin: 0 auto;}
.buttomall ul li{ float: left; width: 210px; height: 60px; line-height: 60px; text-align: center; margin-bottom: 30px; margin-right: 25px; background: url(../images/S_buttom2.png) no-repeat;}
.buttomall ul li a{ font-size: 22px;  display: block;color:#00A9D4 ;}
.buttomall ul li a.active{ background: url(../images/S_buttom1.png) no-repeat ; color: #FFFFFF !important;}
.buttomall ul li a:hover{background: url(../images/S_buttom1.png) no-repeat;color: #FFFFFF;}
.s-main{margin: 0px auto 100px auto; overflow: hidden;}
.s-box{ margin-bottom: 0px; overflow: hidden;}
/*头部面包屑导航*/
.m-crumb{ width:1200px; margin:20px auto 25px auto; overflow:hidden; }
.m-crumb ul{margin-left:-20px;}
.m-crumb li{color: #191818; font-size: 18px;float:left;word-wrap:normal;white-space:nowrap;}
.m-crumb li:before{display:inline-block;width:20px;text-align:center;font-size:16px;color:#424141;font-family:\5b8b\4f53;}
.m-crumb-arr li:before{content:'\3E';}
.m-crumb li a{ color: #191818; }
.m-crumb li a:hover{ color: #00A9D4;}
/*底部翻页*/
.m-page{margin-top:0px;text-align:center;line-height:32px;color:#999;}
.m-page a,.m-page i{display:inline-block;vertical-align:top;padding:0 18px;margin-left:-1px;border:1px solid #ddd;letter-spacing:normal;text-shadow:0 1px #fff;background:#fff;-webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;-ms-transition:background-color 0.3s;transition:background-color 0.3s;}
.m-page a,.m-page a:hover{text-decoration:none;color:#39c;}
.m-page a:first-child{margin-left:0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.m-page a:last-child{margin-right:0;border-top-right-radius:5px;border-bottom-right-radius:5px;}
.m-page a.pageprv:before,.m-page a.pagenxt:after{font-weight:bold;font-family:\5b8b\4f53;vertical-align:top;}
.m-page a.pageprv:before{margin-right:3px;content:'\3C';}
.m-page a.pagenxt:after{margin-left:3px;content:'\3E';}
.m-page a:hover{background:#f5f5f5;}
.m-page a:active{background:#f0f0f0;}
.m-page a.z-crt{background:#f5f5f5;}

/*二级页面-成功案例详情页*/
.ban{width: 100%;}
.s-details{ border: 1px solid #ccc; margin-bottom:60px;height: auto; }
.details-top{width: 1200px; margin: 50px auto; overflow: hidden;}
.details-logo{float: left; margin-left: 50px;}
.details-title{ float: left; padding-left: 50px;}
.details-title h4{ color: #00A9D4; font-size: 30px; padding-bottom: 15px;} 
.details-title p{ font-size: 18px;  font-weight:600;color: #171818; line-height: 36px;}
.details-bottom{ border-top: 1px solid #ccc;padding-top: 20px;}
.details-bottom p{text-indent: 2em; padding:0 20px; color: #929393; font-size:16px; line-height: 30px;}
.details-img{width: 1125px; margin:0 auto; }
.details-img img{margin: 30px; height: 600px; width: 500px;}

/*二级页面-公司简介*/
.list-main{ overflow: hidden; margin-bottom: 50px;}
.list-left{ width: 320px; float: left; padding-right: 30px;}
.list-left h4{ color: #00A9D4; font-size: 28px; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #CCCCCC;}
.list-left li{background: url(../images/icom_left2.png) no-repeat; text-align: center; height: 70px; line-height: 70px; border-bottom: 1px solid #CCCCCC; }
.list-left li a{color:#333; font-size: 20px;width:320px;display: inline-block;}
.list-left li a.list-active{ /*background: url(../images/c_buttom.png) no-repeat;*/ color: #fff; background-color: #1ba9d2;}
.list-left li a:hover{ background: url(../images/icom_left3.png) no-repeat; color: #00a9d4; font-weight: 700;}
.list-right{ width: 850px;  float: left; padding-top: 20px;}
.r-img{ float: left; margin-right: 30px;}
.list-right p{ line-height: 30px;text-indent: 2em; }
.r-partner{ color: #00A9D4; font-size: 26px; padding: 30px 0 20px 0;}

/*二级页面-企业文化*/
.culture ul li.title-bg{ background-color: #f4f4f4;height: 50px; margin-bottom: 10px;/* Gecko browsers */
-moz-border-radius: 3px;
/* Webkit browsers */
-webkit-border-radius: 3px;
/* W3C syntax */
border-radius: 3px;}
.title-bg h3{ line-height: 50px;padding-left: 20px; color: #00A9D4; font-size: 24px; height: 50px;}
.culture ul li h4{ font-size: 20px; padding: 15px 0 10px 20px;}
.culture ul li.cul-details{padding:0px 0 50px 20px;  line-height: 30px; font-size: 18px;}

/*二级页面-解决方案*/
.plan-main{margin: 10px auto 70px auto;}
.plan-main img{ width: 100%;}
.plan-main p{text-indent: 2em; line-height: 30px; font-size: 16px;}
.plan-main h5{ padding-top:15px; padding-bottom: 5px; color: #31a6e9; font-size: 18px;text-indent: 2em;}

/*二级页面-招贤纳士*/
.job-req{padding: 50px 0; border-bottom: 1px dashed #CCCCCC;}
.job-req h3{color: #00A9D4; font-size: 20px;   }
.job-req li h4{ font-size: 18px; padding-top: 10px; }
.job-req ul li{ padding:5px 0 5px 10px;}
.job-req ul li span{ color: #00A9D4; font-weight: 600;}

/*二级页面-联系我们*/
.conyact-left{ float: left; width: 850px; height: 450px;}
.conyact-right{ float: left; width: 430px;padding-left: 20px;}
.conyact-right h5{ border-bottom:1px solid #ccc ; padding: 20px 0; font-size: 20px; }
.conyact-right ul{ padding-top: 10px; padding-left: 10px;}
.conyact-right ul li{ font-size: 18px; padding-bottom: 5px;}
.conyact-right ul li img{ vertical-align:middle; padding-right: 5px;}
.conyact-right ul li.word-color{ color: #00A9D4; padding-top: 20px; font-weight: 600; }