@charset "utf-8";

/**

 * CSS Library

 * @Authors MR. Wang  @Update 2015-11-26  @Version 1.0 基于拼图前端框架

 */



/*Global Normalize 全局设置*/

body{font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;/*position: relative;*/



  background-color: #f9f9f9;padding-top: 129px;

}

.wrapper{width: 100%}

/*容器*/

.container.w-960{width:960px !important}.container.w-970{width:970px !important}

.container.w-1000{width:1000px !important;}.container.w-1001{width:1001px !important}

.container.w-1002{width:1002px !important}.container.w-1003{width:1003px !important}

.container.w-1100{width:1100px !important}.container.w-1200{width:1200px !important}

.container.w-p100{width:100% !important}

.container.p-n{ padding-left: 0;padding-right: 0}

.container-fluid.p-n{padding-left:0;padding-right: 0}



/*内容自动增长溢出隐藏*/

.autoheight{overflow:hidden;height:auto}



/*******浮动*******/

.fl { float: left;*display: inline;}

.fr {float: right;*display: inline;

}

/*居中*/

.t-c{ text-align: center;}.t-l{ text-align: left;}.t-r{ text-align: right;}

/*透明度*/

.opacity{filter:alpha(opacity=50);-moz-opacity:.5;-khtml-opacity:.5;opacity:.5}

.opacity.alpha10{filter:alpha(opacity=10);-moz-opacity:.1;-khtml-opacity:.1;opacity:.1}

.opacity.alpha80{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}

.opacity.alpha0{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0}



/*背景透明文字不透明*/

.box-opacity {

  background: rgba(0, 0, 0, 0.6) !important;

  filter: alpha(opacity=60);

  background-color: #000000;

  /* 使用IE专属滤镜实现IE背景透明*/
}



.box-opacity p {

  position: relative;

}

/*实现IE文字不透明*/

/*文字溢出省略号*/

.box-ellipsis{white-space:nowrap;overflow:hidden;-o-text-overflow:ellipsis;text-overflow:ellipsis}

/*阴影*/

.box-shadow-i {

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  -o-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);

}

/* 过度 */

.transition {

  -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

/*清除inline-block元素空白间距*/

.clear-i-b {

  font-size: 0;

}

.clear-i-b li {

/* 设置具体的字体大小 */

}

/*******显示display-none*******/

.d-n {display: none;}

.d-b {display: block;}

.d-i {display: inline;}

.d-i-b {display: inline-block;*display: inline;*zoom: 1;}

.d-t-c {display: table-cell;}



/*边框border*/

.b-t-1-d-c3{ border-top: 1px #c3c3c3 dotted}



/*背景色*/
.bg-fff{background-color: #fff}
.bg-f9f9f9{ background-color:#f9f9f9}

.bg-f5f5f5{ background-color:#f5f5f5}

.bg-fafafa{background-color: #fafafa}



/*******TEXT*******/

/*font-size*/

.text-0{font-size:0}.text-12{font-size:9pt}.text-13{font-size:13px}

.text-14{font-size:14px}.text-15{font-size:15px}.text-16{font-size:16px}

.text-17{font-size:17px}.text-18{font-size:18px}.text-19{font-size:19px}

.text-20{font-size:20px}.text-21{font-size:21px}.text-22{font-size:22px}

.text-23{font-size:23px}.text-24{font-size:24px}.text-25{font-size:25px}

.text-26{font-size:26px}.text-27{font-size:27px}.text-28{font-size:28px}

.text-29{font-size:29px}.text-30{font-size:30px}.text-32{font-size:32px}

.text-35{font-size:35px}.text-40{font-size:40px}.text-45{font-size:45px}

.text-50{font-size:50px}.text-60{font-size:60px}

.bold{font-weight:700}



/*color*/

.c-111{color:#666}.c-222{color:#999}.c-333{color:#333}.c-444{color:#444}.c-555{color:#555}.c-666{color:#666}.c-777{color:#777}.c-888{color:#888}.c-999{color:#999}.c-000{color:#000}

.c-aaa{color:#aaa}.c-bbb{color:#bbb}.c-ccc{color:#ccc}.c-ddd{color:#ddd}.c-eee{color:#eee}



/*外边距*/

.m-l-5{ margin-left:5px}.m-l-10{ margin-left:10px}

.m-l-20{ margin-left:20px}.m-l-30{ margin-left:30px}



.m-l-40{ margin-left:40px!important}.m-t-5{ margin-top:5px!important}

.m-t-10{ margin-top:10px!important}

.m-t-20{ margin-top:20px!important}.m-t-25{ margin-top:25px!important}.m-t-30{ margin-top:30px!important}

.m-t-40{ margin-top:40px!important}.m-t-50{ margin-top:50px!important}



.m-r-20{ margin-right:20px}

.m-b-10{ margin-bottom:10px}

.m-b-15{ margin-bottom:15px}.m-b-20{ margin-bottom:20px}

.m-b-30{ margin-bottom:30px}.m-b-40{ margin-bottom:40px}

.m-b-50{ margin-bottom:50px}



/*内边距*/

.padding-none{ padding:0}.p-t-10{ padding-top:10px !important;}

.p-t-12{ padding-top:12px;}.p-t-15{ padding-top:15px !important;}

.p-t-20{ padding-top:20px !important;}.p-t-30{ padding-top:30px ;}

.p-t-40{ padding-top:40px ;}.p-t-50{ padding-top:50px;}

.p-t-60{ padding-top:60px ;}.p-t-85{ padding-top:85px ;}

.p-l-30{ padding-left:30px ;}

.p-b-10{ padding-bottom:10px;}.p-b-12{ padding-bottom:12px;}

.p-b-15{ padding-bottom:10px;}.p-b-20{ padding-bottom:20px;}

.p-b-30{ padding-bottom:30px;}.p-b-40{ padding-bottom:40px;}

.p-b-50{ padding-bottom:50px ;}.p-b-60{ padding-bottom:60px ;}

.p-b-85{ padding-bottom:85px ;}

/*position定位*/

.p-s{position:static}.p-r{position:relative}.p-a{position:absolute}.p-f{position:fixed}

/*链接*/

a.link-blue{color:#008cd6 !important;}

a.link-blue:hover{color:#004b72;}

/*水平线*/

hr.dotted{ border-top:1px dotted #ddd;background: none}

hr.solid-2{border-top:2px solid #ddd;background: none;margin:0;}

/***********End Global Normalize***********/



/*paging分页组件*/

.paging{clear:both;margin:0 auto;height:auto;min-width:200px;text-align:center}

.paging li,.paging ul{display:inline-block;margin:0;padding:0;border-radius:3px;list-style:none;*display:inline;zoom:1}

.paging ul{width:auto;height:100%;background:#fff;font-size:0}

.paging li{font-size:12px}

.paging li a{margin:0 3px;padding:4px 6px;color:#666;font-family:Arial,Helvetica,sans-serif;font-size: 12px}

.paging li a:hover{color:#333;text-decoration: none;text-decoration: none}

.paging li.paging_next a,

.paging li.paging_prev a{margin:0;padding:6px 6px;border:1px solid #ddd;border-radius:3px;background:#fff}

.paging li.paging_current a{color:#e21715;font-weight: 700}

.paging li.paging_next i{font-size: 9px;-webkit-text-size-adjust: none;transform: scale(0.7);}

.paging li.paging_prev i{font-size: 9px;webkit-text-size-adjust: none;transform: scale(0.7);}

.paging li.paging_next a:hover,.paging li.paging_prev a:hover{border-color:#fff;background:#e21715;color:#fff;text-decoration: none}

.paging li.total a{margin:0;padding:6px 9pt;border:1px solid #ddd;border-radius:3px;background:#fff}

.paging li.paging_next ~ .total,

.paging li.paging_prev ~ .total{

  margin-left: 6px

}



/*首页banner*/

.fullSlide,.index-slide{width:100%;height:519px}

.fullSlide,.fullSlide .bd{position:relative}

.fullSlide .bd{margin:0 auto;z-index:0;overflow:hidden}

.fullSlide .bd li,.fullSlide .bd ul{width:100%!important}

.fullSlide .bd li{height:519px;overflow:hidden;text-align:center}

.fullSlide .bd li a{display:block;height:100%}

.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:30px;left:0;height:30px;line-height:30px;background:0 0}

.fullSlide .hd ul{text-align:center}

.fullSlide .hd ul li{cursor:pointer;display:inline-block;zoom:1;width:11px;height:11px;margin:3px;overflow:hidden;background:#fbfbfb;filter:alpha(opacity=50);opacity:.5;line-height:999px;border-radius:50%}

.fullSlide .hd ul .on{background:#fc6602;filter:alpha(opacity=100);opacity:1}

.fullSlide .next,.fullSlide .prev{display:block;font-size:60px;color:#fff;position:absolute;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;cursor:pointer;filter:alpha(opacity=50);opacity:.5;display:none}

.fullSlide .next{left:auto;right:15%;background-position:-6px -137px}

.carousel-indicators{bottom: 80px !important}

.carousel-indicators .active{background: #e21715}

/*header页头*/

.header {

  z-index: 999;

  background: #ffffff;

  width: 100%;

  left: 0;

  /*-moz-box-shadow: 0px 2px 2px #eeeeee;

  -webkit-box-shadow: 0px 2px 2px #eeeeee;

  box-shadow: 0px 2px 2px #eeeeee;

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#eeeeee');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#eeeeee')";

  */

}

.header .header-top { 

  width: 100%;

  height: auto;

  padding: 22px 0;

}

.header .header-top .tel {

  background: url(../images/tel.png) no-repeat left center;

  padding-left: 15px;

  color: #E21715;

  font-size: 14px;

  float: right;

  font-weight: bold;

}

/*顶部搜索*/

.input-search{

  -moz-border-radius: 20px;

  -webkit-border-radius: 20px;

  border-radius: 20px;

  font-size: 12px;

  height: 30px

}

.btn.btn-search{background: transparent url(../images/icon-btnsearch.png) no-repeat;width: 28px; height: 28px}

/*logo*/

.logo{ display:block; width:299px; height:48px;  float:left; *display:inline}



.navbar.az{width: 100%;margin: 0;position: relative;z-index: 99;border-top:1px solid #d7d7d7;border-bottom:1px #d7d7d7 solid;background:url(../images/nav-bg.gif) repeat-x;}

@media (min-width: 768px){

  .navbar.az{ min-height:initial;}

}

.nav{ position:relative; height:35px; text-align:center;}

.nav li{ width:auto;background:;height:35px; float:left; display:inline; text-align:center; position:relative}

.nav li a{

  display:block; 

  height: 100%;

  color:#333333; 

  font-size:14px; 

  padding:0 12px;

  line-height: 35px;

  -webkit-transition: all 0.3s ease;

  -moz-transition: all 0.3s ease;

  -o-transition: all 0.3s ease;

  transition: all 0.3s ease;

}

.nav li .en-name{ display:block; color:#777777; font-size:12px}

.nav #aline{ display:none; width:35px;height:3px; background:#da251d; position:absolute; left:0; bottom:0}

.nav #aline i{ display:block; width:100%;height:3px; background:#da251d; margin:0 auto}

.nav li.current{

  color: #fff;

filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ea5404', endColorstr = '#ed6c00');


-ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ea5404', endColorstr = '#ed6c00')";


background-image: -moz-linear-gradient(top, #ea5404, #ed6c00);

background-image: -ms-linear-gradient(top, #ea5404, #ed6c00);

background-image: -o-linear-gradient(top, #ea5404, #ed6c00);

background-image: -webkit-gradient(linear, center top, center bottom, from(#ea5404), to(#ed6c00));

background-image: -webkit-linear-gradient(top, #ea5404, #672ed6c004ff);

background-image: linear-gradient(top, #ea5404, #ed6c00);


}

.nav li.current >a{ color:#fff}

.nav li.current .en-name{ color:#e50012}

.nav li ul{

  display:none;

  border:1px solid #eee;

  border-top:1px solid #eeeeee; 

  background:#fff;

  background: rgba(255,255,255,.8);

  padding:0px 1px;

  position:absolute; 

  left:0;

  top:100%;

  text-align: center;

  -moz-box-shadow: 0px 2px 3px #888888;

  -webkit-box-shadow: 0px 2px 3px #888888;

  box-shadow: 0px 2px 3px #888888;

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 2, direction = 180, color = '#888888');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 2, Direction = 180, Color = '#888888')";

}

.nav li ul li{ padding:0; margin:0; height:auto; border-top:1px solid #eee;width: 100%}

.nav li ul li:first-child{ border-top:none}

.nav li ul li a{ display:block;  white-space:normal !important; height: auto; font-size:12px; color:#666 }

.nav li ul li a:hover{ background:#ffffff; color:#000}

.nav >li:hover >a{background:transparent;}

/*end header*/



/*footer页脚*/

.footer{width:100%;

  height:auto;

  background:#f0efef;

  border-top:1px solid #eee;

  padding-top:24px;

  margin-top: 50px

  -moz-box-shadow: 0px -5px 8px #999;

  -webkit-box-shadow: 0px -5px 8px #999;

  box-shadow: 0px -5px 8px #999;

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = -5px, direction = 180, color = '#999');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = -5px, Direction = 180, Color = '#999')";

}

.foot-logo{width:144px;height:95px; }

/*底部导航*/

.footer .foot-nav dl{margin-right: 10px}

.footer .foot-nav dt,.footer .foot-nav dt a{font-size:1pc;font-weight:400;color:#333;padding-bottom:6px}

.footer .foot-nav dd,.footer .foot-nav dd a{display:block;font-size:9pt;padding:3px 0;width:100px;color:#666}

.footer .foot-nav .foot-contact{width:300px;margin-left:30px;}

.foot-contact .icon-phone-square{font-size:18px}

.foot-contact dd{width:100%!important}

.foot-contact .tel-num{font-size:24px;font-family:Arial;border-bottom:1px dotted #ddd}

.foot-contact .social a i{font-size:24px}

.foot-contact .social a{float:left;width:40px!important;margin-right:5px;text-align:center;font-size:9pt!important;position:relative}

.foot-contact .social a img{display:none;position:absolute;width:75pt;height:75pt;left:0;top:0}

.foot-contact .social a:hover img{display:block;z-index:9}

.foot-contact .address p{padding:0;margin:0}

.foot-contact .address i{font-size:1pc}

/*关键字*/

.hot-keywords{font-size:9pt;padding:9pt 0;border-top:1px solid #e5e5e5}

.hot-keywords .tit{font-size:9pt;color:#b8b8b8;font-weight:700}

.hot-keywords .keywords{margin-left:9pt}

.hot-keywords .keywords a{font-size:9pt;color:#b8b8b8;margin-right:9pt}

.hot-keywords .foot-search .input-search{background:#d1292e url(../images/ico-search.png) no-repeat center center;width:34px;height:28px;border:none;color:#fff}

.hot-keywords .foot-search .input-text{width:172px;height:28px;border:1px solid #cecece;border-right:none;padding-left:9pt}

/*友链*/

.flinks{padding-top:10px }

.flinks .tit{color:#999;font-weight:700}

.flinks ul{width:900px;margin: 0;padding: 0}

.flinks ul li{display:inline-block;*display:inline;zoom:1;color:#b8b8b8}

.flinks ul li a{padding-right:20px;color:#999}

/*版权*/

.footer .copy{

  font-size:9pt;

  padding:16px 0;

  color:#666;

  width:100%;

  border-top:1px solid #e9e9e9;

  border-bottom:1px solid #e9e9e9;

  background: #3a3b3c;

}

/*icon nav*/





/*产品优势*/

.fast-nav{ height: 203px}

.icon-nav,.icon-nav li{margin: 0; padding:0; list-style: none;}

.icon-nav{ 
  padding:20px 0;
}

.icon-nav li{ float: left;*display: inline;

  position:relative;width:25%;height:180px;

 text-align: center;

}

.icon-nav li .top-line{ display: block; height: 2px; width: 100%; position: absolute;left: 0;top:0;}

.icon-nav li h4{position: absolute;width: 100%; bottom: 0;text-align: center;font-size: 14px}

.icon-nav li .descr{padding: 0 20px;color: #999;margin-top: 20px}

.icon-nav li .top-line{ display: block; height: 2px; width: 100%; position: absolute;left: 0;top:0;}

.icon-nav li .icon{

  width: 145px; 

  height: 145px;

  display:block;border:1px solid #e5e5e5;

  position:absolute;left:50%;bottom: 33px; margin-left:-72.5px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  background-color: #efeff0;

  background-repeat: no-repeat; background-position: center;

  cursor: pointer;

}

.icon-nav li .icon.ico-1{background-image:url(../images/ui-1.png);}

.icon-nav li .icon.ico-2{background-image:url(../images/ui-2.png);}

.icon-nav li .icon.ico-3{background-image:url(../images/ui-3.png);}

.icon-nav li .icon.ico-4{background-image:url(../images/ui-4.png);}

.icon-nav li:hover .icon{background-color: #eb5504;top:-10px;}

.icon-nav li:hover .icon.ico-1{background-image:url(../images/ui-1-hover.png);}

.icon-nav li:hover .icon.ico-2{background-image:url(../images/ui-2-hover.png);}

.icon-nav li:hover .icon.ico-3{background-image:url(../images/ui-3-hover.png);}

.icon-nav li:hover .icon.ico-4{background-image:url(../images/ui-4-hover.png);}





/*标题模块*/

.moudle-title{padding: 0 20px}

.moudle-title .title{ position: relative;padding:10px 0;}

.moudle-title .ch{ font-size: 14px;}

.moudle-title .en{ font-size: 12px;color: #ea5504;padding-left: 12px;text-transform: uppercase;background: #fff;}

.moudle-title .line{ display: block; position: absolute;width: 100%; height: 1px; right: 0; bottom:0;border-top: 1px dotted #c2c2c2}

.moudle-title .more{ text-align: right;}

.link-more,.link-more:hover{ 

  display: inline-block;

  width: 12px; 

  height: 12px; 

  text-align: center;

  vertical-align: middle;

  line-height: 12px;

  -moz-border-radius: 50%;

  -webkit-border-radius: 50%;

  border-radius: 50%;

  color: #fff;

  background: url(../images/icon-more.png) #e21715 no-repeat;

  text-decoration: none;

}



/*case data list*/

.moudle-list-case,

.moudle-list-case li{

  list-style: none;

  /*padding: 0;*/

}

.moudle-list-case > .col-xs-3{}

.moudle-list-case > div .img{display: block;width: 100%; height: 160px;position: relative;}

.moudle-list-case > div .img img{ width: 100%; height: 100%}

.moudle-list-case > div .tit{background-color: #898989; display: block; height: 30px; line-height: 30px;text-align: center;color: #fff;font-size: 14px;

    -webkit-transition: all 0.2s ease;

  -moz-transition: all 0.2s ease;

  -o-transition: all 0.2s ease;

  transition: all 0.2s ease;

}

.moudle-list-case > div .tit:hover{background-color: #ec6405; color: #fff;text-decoration: none;}

.moudle-list-case > div:hover .tit{background-color: #ec6405; color: #fff;text-decoration: none;} 



.img .line-left{ width:2px; height:0; position:absolute;background:#008cd6; left:0; top:0;}

.img .line-right{ width:2px; height:0;position:absolute;background:#008cd6; right:0; bottom:0}

.img .line-top{ width:0; height:2px;position:absolute;background:#008cd6; top:0; left:0;}

.img .line-bottom{ width:0; height:2px;position:absolute;background:#008cd6; bottom:0; right:0}

.product-center,.clientcenter{

  border:1px solid #efefef;

  -moz-box-shadow: 0px 3px 5px #ddd;

  -webkit-box-shadow: 0px 3px 5px #ddd;

  box-shadow: 0px 3px 5px #ddd;

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ddd');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ddd')";

}

/*客户案例*/
.moudle-title.case{padding-left:0;padding-right: 0;text-align: center;}

.clientcase .desc{ width: 335px; overflow: hidden;padding: 20px}

.clientcase .img{width: 580px; height: 300px}

/*首页客户案例*/
.index-case,.index-case  li{margin: 0;padding: 0;list-style: none;}
.index-case{position: relative; height: auto;z-index: 99}
.index-case li{position:absolute;margin-right:5px;width: 131px; height: 152px; overflow: hidden;
  background: url(../images/case-six-bg.png) no-repeat;
}
.index-case li .con{width:120px;padding: 0 6px; height: 72px; position: absolute; left: 50%;top: 50%;margin-left:-60px;margin-top: -36px;
  filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale')";  
  -moz-background-size:100% 100%;  
    background-size:100% 100%; 
}


/*应用案例 tab*/

.vertical-tab ul,.vertical-tab li{margin: 0; padding: 0; list-style: none;}

.vertical-tab{margin-top: 10px; border: 1px solid #e5e5e5; border-bottom: 0;}

.vertical-tab .img{position: relative; width: 575px; height: 307px; float: left;border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5;}

.vertical-tab .img img{width: 575px; height: 307px;  }

.vertical-tab .img a{display: none; display: block; width: 100%; height: 100%; position: absolute;left: 0;top: 0}

.vertical-tab .img a:first-child{display: block;}

.vertical-tab ul{float: left; width: 423px; height: 307px; border-bottom: 1px solid #e5e5e5}

.vertical-tab li a{

    display: block; 

    height: 75px; 

    overflow: hidden;

    /*padding: 16px 0 18px 35px;*/

    padding: 0 35px;

    border-bottom: 1px solid #e5e5e5;

    background: #f5f5f5;

    -webkit-transition: all 0.2s linear;

    -moz-transition: all 0.2s linear;

    -o-transition: all 0.2s linear;

    transition: all 0.2s linear;

}

.vertical-tab li a div{font-size: 16px; color: #505050; margin-top: 13px;}

.vertical-tab li a p{font-size: 14px; color: #969696; margin-top: 6px}

.vertical-tab li a.current{

    background: #f6f6f6;

    /*shdow*/

    -moz-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);

    -webkit-box-shadow: 0px 3px 10px rgba(0,0,0,0.3);

    box-shadow: 0px 3px 10px rgba(0,0,0,0.3);

    filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#333333');

    -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#333333')";

    /*end shdow*/

    -webkit-transform: translate3d(-1px, -2px, 0);

    transform: translate3d(-1px, -2px, 0);

    text-decoration: none;

    border-left: 2px solid #e21715;

    color: #fff;

}

.vertical-tab li:last-child a{border-bottom:none;height: 81px}

/*.content li a:last-child{border:none;}*/



/*优势*/

.list-advantage,

.list-advantage li{padding: 0;margin: 0; list-style: none;}

.list-advantage{margin-right: -10px;width:1100px;}

.list-advantage li{

  background: #f6f6f6;

  margin-right:10px ;

  margin-bottom: 10px;

  width: 45%;

}

.list-advantage li .list-type{

  width: 102px;

  background: #f2f2f2;

  font-size: 72px;

  text-align: center;

  color: #e3e3e3;

}

.list-advantage li .descr{padding: 20px 20px;}

.list-advantage li .descr h5{ font-size: 16px}

.list-advantage li .descr div{ color: #999;font-size: 12px}

.list-advantage li:last-child{height:102px;background: url(../images/adv-img.png) no-repeat #e21715;}

.list-advantage li:hover{background-color: #e21715}

.list-advantage li:hover,

.list-advantage li:hover .descr div{

  color: #fff !important

}

.list-advantage li:hover .list-type{color: #e21715}

/*首页部件*/

.widget-list{/*margin-left:-20px;margin-right: -20px;*/border:1px solid #efefef;

  -moz-box-shadow: 0px 3px 5px #ddd;

-webkit-box-shadow: 0px 3px 5px #ddd;

box-shadow: 0px 3px 5px #ddd;

filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ddd');

-ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ddd')";

}

.widget-list .col{border-right:1px dotted #e5e5e5;width: 33.33333333333333%;padding-left:20px;padding-right:20px;}

.widget-list .col.col-1{/*padding-left:0;*/}

.widget-list .col.col-3{/*padding-right:0*/ border-right:none; }

.widget-list .widget-title{height: 34px; line-height: 34px;border-bottom:1px #c2c2c2 dotted;margin-top: 10px}

.widget-list .widget-title .ch{font-size: 14px;}

.widget-list .widget-title .en{font-size: 12px;text-transform: uppercase;color: #e21715}

.widget-list .widget-title .link-more{width:auto;height: 20px;background: transparent;color: #ccc;font-size: 12px;line-height: 20px} 

.widget-list .widget-title .link-more:hover{ color: #e21715}

.widget-list .widget-title .link-more .glyphicon {-webkit-text-size-adjust:none;font-size: 10px !important;transform:scale(0.7)}

/*公司简介*/

.company-intro{height: 168px; position: relative;}

.company-intro a:hover{text-decoration: none;}

.company-intro .tit{display: block;width:100%;position: absolute; bottom: 0;padding: 0 20px;text-align: center;color: #fff;}

.company-intro img{width: 100%; height: 100%}



.company-intro .tit div{font-size: 12px;line-height: 1.5em;text-align: left;}

.company-intro .tit.tit2{display:none;padding-bottom: 12px}

.company-intro .tit.tit2 h5{font-weight: bold;}

.company-intro:hover .tit{display: none}

.company-intro:hover .tit2{display: block;}

/*最新通知*/

.widget-title.notice{height: auto;padding:8px 0;background: #e21715;color: #fff;padding-left:20px;padding-right: 10px }

.widget-title.notice a.link-more,.widget-title.notice a.link-more:hover{color: #fff}

/*文章列表*/

.artlist,

.artlist li{padding: 0;margin: 0; list-style-type:none !important; }

.artlist li{margin-bottom: 10px}

.artlist li a{color: #898787;font-size: 12px;background: url(../images/list-style.gif) no-repeat left center;padding-left: 1em}

.artlist li time{color: #b5b4b4;font-size: 12px;}

.artlist li.topone a{display: block; background: none;padding: 0}

.artlist li.topone a.tit{font-size: 14px; color: #333;margin-top: 19px}

.artlist li.topone .descr{ height: 58px;margin: 12px 0;color: #b9b9b9}

.artlist li.service{display: inline-block;}

.artlist li.service a{display: inline-block;background:transparent; height: 32px; line-height: 32px;text-align: center;

  border:1px solid #eee;

  padding: 0;

  width: 138px;

  background-color: #eee;

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#eeeeee');

  -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#fbfbfb', endColorstr = '#eeeeee')";

  background-image: -moz-linear-gradient(top, #fbfbfb, #eeeeee);

  background-image: -ms-linear-gradient(top, #fbfbfb, #eeeeee);

  background-image: -o-linear-gradient(top, #fbfbfb, #eeeeee);

  background-image: -webkit-gradient(linear, center top, center bottom, from(#fbfbfb), to(#eeeeee));

  background-image: -webkit-linear-gradient(top, #fbfbfb, #eeeeee);

  background-image: linear-gradient(top, #fbfbfb, #eeeeee);

  /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/

}

.artlist li.service a:hover{

  color: #fff;

  text-decoration: none;

  background-color: #ed6c00;

  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ed6c00', endColorstr = '#eb5903');

  -ms-filter: "progid: DXImageTransform.Microsoft.gradient(startColorstr = '#ed6c00', endColorstr = '#eb5903')";

  background-image: -moz-linear-gradient(top, #ed6c00, #eb5903);

  background-image: -ms-linear-gradient(top, #ed6c00, #eb5903);

  background-image: -o-linear-gradient(top, #ed6c00, #eb5903);

  background-image: -webkit-gradient(linear, center top, center bottom, from(#ed6c00), to(#eb5903));

  background-image: -webkit-linear-gradient(top, #ed6c00, #eb5903);

  background-image: linear-gradient(top, #ed6c00, #eb5903);

  /*--IE9 DOES NOT SUPPORT GRADIENT BACKGROUNDS--*/

}

/*合作伙伴*/

.partlist,

.partlist li

{

 list-style: none;

}

.partlist{padding: 0;margin: 0}

.partlist li{border:1px solid #eee;margin-left:-1px;margin-top:-1px;height: 105px; position: relative;}

.partlist li .line{display: block;box-sizing:content-box; position: absolute; z-index: 99; left:-1px;top: -1px; width: 100%; height: 100%; 

  border:1px solid #e21715; 

  display: none;

  -webkit-transition: all 0.5s ease;

  -moz-transition: all 0.5s ease;

  -o-transition: all 0.5s ease;

  transition: all 0.5s ease;

}

.partlist li:hover .line{ display: block;}

/*二级页面*/

/*面包屑*/

.breadcrumb-nav,

.breadcrumb-nav li{

  margin: 0;padding: 0;

  list-style: none;

  font-family: "宋体";

  font-size: 12px;

  color: #999;

}

.breadcrumb-nav{text-align: right;padding: 10px 0}

.breadcrumb-nav li{display: inline-block;}

.breadcrumb-nav > li + li:before {

  padding: 0 5px;

  color: #ccc;

  content: ">";

}

.breadcrumb-nav a{margin:0 3px; color: #999}

.breadcrumb-nav a:hover{text-decoration: none;}

/*主体*/

.main{}

/*左导航*/

.left-aside{

  width: 235px;

}

/*右内容*/

.right-wrap{

  width: 765px;

}

.left-control{

  position: relative;

  /*top: -60px;*/

  background-color: #fff;

  -moz-box-shadow: 0px 3px 5px #ddd;

  -webkit-box-shadow: 0px 3px 5px #ddd;

  box-shadow: 0px 3px 5px #ddd;

  filter: progid: DXImageTransform.Microsoft.Shadow(strength = 3, direction = 180, color = '#ddd');

  -ms-filter: "progid: DXImageTransform.Microsoft.Shadow(strength = 3, Direction = 180, Color = '#ddd')";

}

.lefthead{

  height: 75px;

  overflow: hidden;

  line-height: 75px;

  border-top: 5px solid #eb5504;

  border-bottom: 1px solid #e6e6e6;

  background-color: #fff;

  border-left: 1px solid #e6e6e6;

  border-right: 1px solid #e6e6e6;

}

.lefthead .ch{font-size: 16px;padding-left: 30px; display: inline-block;}

.lefthead .en{display: inline-block;font-size: 12px;text-transform: uppercase;padding-left: 12px;color: #929292}

.left-side-menu{ 

    width:100%; 

    height:auto; overflow:hidden;zoom:1;

    border-left:1px solid #e6e6e6;

    border-right:1px solid #e6e6e6;

}

.left-side-menu ul,.left-side-menu li{ padding:0; margin:0; list-style:none}

.left-side-menu li{ height:45px; position:relative}

.left-side-menu li a{ display:block; height:100%; line-height:45px; width:100%; color:#333333; padding-left:30px; border-bottom:1px solid #e6e6e6;

    position:absolute; 

    z-index:5

 }

.left-side-menu li a:hover{text-decoration: none;}

.left-side-menu li i{ position:absolute; width:0; height:100%; background:#eeefeb; left:0; top:0; z-index:1}

.left-side-menu li.current i{ width:100%;}

/*右导航*/

.right-wrap .wrapper{}

.sub-banner{ width: 100%; height: 252px;background-repeat: no-repeat;background-position: left top;}

/*模块*/

.moudle{}

/*编辑器*/

.moudle-editor{

  padding-left:24px;

  padding-top:24px;

  padding-bottom:24px;

  font-size: 12px;

  line-height: 1.75em;

  color: #666;

}
.moudle-editor img{max-width: 100%;width: auto\9; height: auto;}

/*团队风采*/

.list-team,

.list-team li{margin: 0;padding:0;list-style: none; float: left;}

.list-team {width: 110%}

.list-team li{width: 238px;margin-right: 9px}

.list-team li .img{display: block;width: 100%; height: 167px;border:1px solid #e7e6e6;}

.list-team li .tit{display: block;padding: 20px 0;color: #555;font-size: 12px}

.list-team li .tit:hover{color:#e21715;text-decoration: none; }

.list-team li:hover a{color:#e21715}

/*资质*/

.list-intelli,.list-intelli li{

  list-style: none;margin: 0;padding:0;

}

.list-intelli {width: 110%}

.list-intelli li {float: left;display: inline/9;width: 240px; height: 209px;margin-right: 9px}

.list-intelli li .img{display: block;width: 100%; height: 135px;}

.list-intelli li .img img{width:100%; height: 100% }

.list-intelli li .tit{display: block;padding: 20px 0;color: #555;font-size: 12px;text-align: center;background-color: #f4f1ec}

.list-intelli li .tit:hover{color:#e21715;text-decoration: none;background-color: #f4f1ec }

.list-intelli li:hover a{color:#e21715}

/*产品列*/

.moudle-list-case.sub{padding-top:35px;}

.moudle-list-case.sub >div{

  margin-bottom: 25px

}

.moudle-list-case.sub .tit{font-size: 12px}

/*产品详情*/

header .art-left{

  width: 375px; height: auto;

}

header .art-right{

  width: 355px; height: auto;

}

.button.btn-consulting{display:inline-block; height: 36px;line-height: 36px;background-color: #e21715;padding:0 40px;color: #fff;font-size: 16px}

.button.btn-consulting:hover{text-decoration: none;}

/*图集*/

.img-collection{

  position: relative;

  width: 100%;

  height: auto;

}

.img-collection .bd{ height: 278px;width: 290px;margin:0 auto;}

.img-collection .bd img{width: 100%; height: 100%}

.img-collection .bd a:focus{text-decoration: none}

.img-collection .hd .prev,

.img-collection .hd .next{color: #e21715;display:block; cursor: pointer;position: absolute;font-size: 24px}

.img-collection .hd .next.nextStop{color: #ccc;}

.img-collection .hd .prev{

  left: 0; 

  top: 50%

}

.img-collection .hd .prev.prevStop{color: #ccc}

.img-collection .hd .next{

  right: 0; top: 50%

}

.img-collection .hd .prev:hover,

.img-collection .hd .next:hover{

  text-decoration: none;

}

/*产品详情tab*/

.articletab{}

.tab-title ,.tab-title li{margin: 0;padding: 0; list-style: none;}

.tab-title li{margin-left:-1px;float: left;}

.tab-title li a:first-child{border-left:1px solid #e5e5e5;}

.tab-title li a{color:#333; display:block; padding: 12px 60px;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;border-right:1px solid #e5e5e5;position: relative;}

.tab-title li a.current{border-top: 2px solid #e21715; top: -1px;border-bottom: none}

.tab-title li a:hover{text-decoration: none;};

.sub-banner.cover{height: 200px}

/*产品中心 频道列*/

.list-product-cover,

.list-product-cover li{

  list-style: none; margin: 0;padding: 0; float: left;*display: none

}

.list-product-cover {width: 110%}

.list-product-cover li{

  width: 490px; 

  height: 276px;

  background-color: #f6f6f6;

  margin-right: 19px;

  margin-bottom: 20px;

  border:2px solid transparent;

}

.list-product-cover li .img{ float: left; width: 242px; height: 230px;margin:20px 0 20px 20px;background-color: #fff;border:1px solid #e7e6e6;}

.list-product-cover li .descr{width: 190px;margin:20px 20px 20px 10px;overflow: hidden;}

.list-product-cover li .descr .tit{ color: #e21715;font-size: 18px}

.list-product-cover li .descr .sublis {padding-top: 6px}

.list-product-cover li .descr .sublis a{display: block;margin-top: 6px;font-size: 12px;color: #555}

.list-product-cover li:hover{ border-color: #e21715;}

/*资料下载*/

.list-down,

.list-down li{

  list-style: none;

  margin: 0;

  padding: 0;

}

.list-down li .h5{background-color: #f6f6f6;padding: 12px 20px}

.list-down li a{color: #333}

.list-down li a:hover{color: #e21715;text-decoration: none;}

.list-down li .descr{padding: 6px 20px;color: #666;line-height: 1.75em}

.list-down li .tit{background:url(../images/icon-downtype.gif) no-repeat;padding-left: 20px}

.list-down li .download{color: #999}

.list-down li:hover a.tit{color: #e21715}

/*新闻列*/

.list-news,.list-news li{

  list-style: none;padding: 0;margin:0;

}

.list-news{/*padding-left:20px;*/}

.list-news li{

  padding: 12px 0;

  border-top:1px dotted #e5e5e5;

  color: #777

}

.list-news li .tit{background:url(../images/news-type.gif) no-repeat left center;padding-left: 15px;color: #777;font-size: 12px}

.list-news li .time{color: #aaa;font-size: 12px}

.list-news li:first-child{border-top: none}

.list-news li.top .img{ width: 166px; height: 98px;}

.list-news li.top .descr{width: 520px}

.list-news li.top .tit{ color: #333;display: block;font-size: 16px;background:none;padding:0;}

.list-news li.top .tit:hover{color:#e21715;}

.list-news li.top .des{position: relative;font-size: 12px;padding: 12px 0;line-height: 1.75em}

.list-news li.top .des .time{ position: absolute;;bottom: 12px;right: 0;color: #aaa}

.list-news li a:hover{color:#e21715;text-decoration: none;}

/*map*/

.map-container label{ max-width: initial!important;}

.leave-container{width: 60%}

/*上一页下一页*/

.detail-foot{ position: relative;font-size: 12px;color: #999}

.detail-foot .acr-prve{color: #999;padding: 6px 0}

.detail-foot .acr-next{color: #999;padding: 6px 0}

.detail-foot .acr-prve a,

.detail-foot .acr-next a{

  color: #999

}

.detail-foot .acr-prve a:hover,

.detail-foot .acr-next a:hover{

  color: #e21715

}

.detail-foot .share-wrap{ position: absolute; bottom: 0;right: 0;}

/*案例相册*/

.gallery_box_alpha{

  background:rgba(0, 0, 0, 0.5) none repeat scroll 0 0 !important;/*背景透明，文字不透明*/

  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000); /*实现IE背景透明 7f为16进制 */

}

.galleryBox{ position:relative; z-index:99; float:left;}

.galleryBox .gbox{ width:1232px; height:auto; height:549px;overflow:hidden;zoom:1; margin:0 auto;}

.galleryBox .left{ width:282px; height:549px; background:#70706e; overflow:hidden; float:left; position:relative}

      .left .ga_head{ width:282px; height:155px; position:absolute; left:0; top:0; background:url(../images/ga-logo.png) #1c1c1c no-repeat center center}

      .left .ga_info{ width:252px; /*height:50%;*/ height: 100%; overflow:auto;text-overflow:ellipsis;  padding:15px; font-size:14px; color:#ddd; position:absolute; left:0; /*top:155px*/}

      .left .ga_copy{ width:282px; height:25px; background:#111; line-height:25px; text-align:center; position:absolute; left:0; bottom:0}

.galleryBox .mygallery{float:right; margin:0; padding:0; width:950px}

.galleryBox .mygallery #mygallery{width:100%}

.galleryBox .close{ position:absolute; display:block; width:25px; height:25px; text-align:center; line-height:25px; color:#fff; top:0; right:0; z-index:333;}

.mygallery div{

  box-sizing:content-box;

  -moz-box-sizing:content-box; /* Firefox */

  -webkit-box-sizing:content-box; /* Safari */

}