﻿@charset "utf-8";
body { background-color: #fff; font-size: 14px; font-family: "Microsoft Yahei","微软雅黑"; color: #333; margin: 0; padding: 0; }
input ,textarea { font-family:"微软雅黑","Microsoft Yahei";}
ul , li ,h3 ,p ,h1 ,h2 ,img { margin: 0; padding: 0; list-style: none; }
a { color: #333; text-decoration: none; }
a:hover ,a:visited ,a:active { text-decoration: none !important; }
.clear { width:100%; height:0; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear10 { width:100%; height:10px; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.clear20 { width:100%; height:20px; clear:both; line-height:0; font-size:0; margin:0 auto; padding:0; }
.text-primary { color: #086ca2; }
.aa { width: 300px; }
/*-----首页------*/
.hang60 { width: 100%; height: 80px; }
.navbar { border-color: #666; }
.navbar-default { background-color: rgba(0,0,0,.6); }
.navbar-brand { padding: 10px; height: 60px; }
.navbar-brand img { height: 40px; }
.navbar-text { margin-bottom: 0px; margin-top: 35px; font-size: 1.1em; margin-left: 0; margin-right: 20px; color: #aaa !important; }
.navbar-default .navbar-nav>li>a { color: #fff; font-size: 1.1em; line-height: 30px; padding-left: 20px; padding-right: 20px; }
@media (max-width: 1000px){
    .navbar-default .navbar-nav>li>a { padding-left: 12px; padding-right: 12px; }
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background-color: #f80; color: #fff; }
.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus { color: #eee; }
.navbar-default .navbar-toggle { background-color: #ccc; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus { background-color: #ccc;}
#navigation ul.nav li:hover, .current-menu-item { background: #f80; }
#navigation ul.nav li:hover, .current-menu-item a { background: none; color: #fff; }
/* 焦点图 */
.slideBox{ position:relative; overflow:hidden; margin: 0 auto; width: 100%; height: 560px; background-color: #f3f3f3; }
.slideBox .hd { position:absolute; width: 100%; height: 30px; line-height:40px; bottom: 10px;left:0; z-index:1; text-align: center; }
.slideBox .hd li{ display:inline-block; width:12px; height:12px;
    -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;
    background:#777; text-indent:-9999px; overflow:hidden; margin:0 5px;   }
.slideBox .hd li.on{ background:#fff; }
.slideBox .bd { position:relative; width: 100%; height: 100%; z-index:0; }
.slideBox .bd li{ position:relative; text-align:center; background:url(../images/loading.gif) center center no-repeat;  vertical-align:top; width:100%; height: 100%;/* 图片宽度100%，达到自适应效果 */}
.slideBox .bd li a.pic { width: 100%; height: 560px; display: block; background-position: center 0; background-size: auto 100%; }
.slideBox .bd li a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  /* 去掉链接触摸高亮 */
.slideBox .bd li .tit { display: none; width:100%;  position:absolute; bottom:0; text-indent: 8px; height:30px; line-height:30px; background:url(../images/focusbg.png) repeat-x; color:#fff;  text-align:left;  }

@media (max-width: 1200px){
    .slideBox { height: 500px; }
    .slideBox .bd li a.pic { height: 500px; }
}
@media (max-width: 992px){
    .slideBox { height: 400px; }
    .slideBox .bd li a.pic { height: 400px; }
}
@media (max-width: 767px){
    .slideBox { height: 49vw; padding-top: 50px; }
    .slideBox .bd li a.pic { height: 42vw; background-size: 100% 100%; }
    .navbar-brand { height: 40px; padding: 5px 10px;}
    .navbar-text { margin-top: 20px; }
    .navbar { min-height: 40px; }
}
@media (max-width: 600px){
    .slideBox { height: 51vw; }
}
@media (max-width: 500px){
    .slideBox { height: 54vw; }
    .slideBox .hd { bottom: 5px; }
    .slideBox .hd li{ width: 6px; height: 6px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
}
@media (max-width: 400px){
    .slideBox { height: 56vw; }
}
@media (max-width: 320px){
    .slideBox { height: 58vw; }
}


.navbar-fixed-bottom { background-color: #eee; text-align: center; line-height: 40px; border-color: #ccc; }
.navbar-fixed-bottom .col-xs-3 ,.navbar-fixed-bottom .col-xs-4  { padding-left: 0; padding-right: 0; font-size: 1.1em; border-left: 1px #ddd solid; }
.navbar-fixed-bottom .col-xs-3:first-child  ,.navbar-fixed-bottom .col-xs-4:first-child{ border: none; }
.navbar-fixed-bottom a { color: #086ca2; }

.mainbox-a { padding: 30px 0; background: url("../images/bg-1.jpg") center 0 repeat; }
.title-a { padding: 10px; margin-bottom: 10px; }
.title-a b { font-size: 2.2em; font-weight: normal; }
.title-a i { font-size: 2em; padding-left: 5px; padding-right: 8px; color: #aaa; }
.title-a span { font-size: 1.5em; color: #28b8ab; text-transform: uppercase; }

@media (max-width: 992px){
    .mainbox-a { padding: 15px 0; }
    .title-a b { font-size: 1.8em; }
    .title-a i { font-size: 1.5em; }
    .title-a span { font-size: 1.1em; }
}

@media (max-width: 767px){
    .mainbox-a { padding: 10px 0 0 0; background-position: 0 0; }
    .title-a { padding: 5px; }
    .title-a b { font-size: 1.5em; }
    .title-a i { font-size: 1.3em; }
    .title-a span { font-size: 1em; }
}

.mainbox-a .col-md-4 { padding-left: 0; padding-right: 15px; }
.mainbox-a .col-md-8 { padding-left: 0; padding-right: 0; }
.notice-box { padding: 10px 15px; margin-bottom: 15px; background-color: rgba(255,255,255,.5); box-shadow: 0 2px 5px #aaa; }
.notice-box li { border-bottom: 1px #ccc dashed; line-height: 50px; font-size: 1.3em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.notice-box li i { color: #f80; }
.notice-box>a { display: block; line-height: 50px; font-size: 1.3em; text-align: right; }
@media (max-width: 767px){
    .notice-box li { font-size: 1.1em; line-height: 2.2em; }
    .notice-box>a { line-height: 2em; font-size: 1.1em; }

}
.opp-box { display: block; width: 100%; height: 150px; margin-bottom: 25px; background-color: #fff; box-shadow: 0 2px 5px #aaa; text-decoration: none !important;}
.icon-box .col-xs-12 { padding-left: 15px; padding-right: 15px; }
.opp-img { width: 150px; height: 150px; float: left; background-image: url("../images/shadow.png"); background-position: 0 0; background-size: 100%;}
.opp-img1 { background-color: #e95b5b; }
.opp-img2 { background-color: #d7b43a; }
.opp-img3 { background-color: #974ccc; }
.opp-img4 { background-color: #3b84e8; }
.opp-img img { width: 120px; margin: 15px; }
.opp-text { margin-left: 150px; padding: 10px 15px; color: #333; }
.opp-text b { font-size: 1.8em; line-height: 2em; font-weight: normal; }
.opp-text p { font-size: 1.1em; height: 66px; overflow: hidden; line-height: 22px; color: #999; }

@media (min-width: 767px) and (max-width: 992px){
    .opp-box { margin-bottom: 12px; height: 73px; }
    .opp-img { width: 73px; height: 73px; }
    .opp-img img { width: 53px; margin: 10px; }
    .opp-text { margin-left: 73px; }
    .opp-text p { display: none; }
}
@media (max-width: 767px){
    .mainbox-a .col-md-4 { padding-left: 10px; padding-right: 10px; }
    .mainbox-a .col-md-8 { padding: 10px; background-color: #eff; }
    .opp-box { margin-bottom: 12px; height: 100px; }
    .opp-img { width: 100px; height: 100px; }
    .opp-img img { width: 70px; margin: 15px; }
    .opp-text { margin-left: 100px;  padding: 10px; }
    .opp-text b { font-size: 1.5em; line-height: 1.6em; }
    .opp-text p { font-size: 1em; height: 44px;}
    .icon-box .col-xs-12 { padding-left: 0; padding-right: 0; }
}

.mainbox-b { padding: 30px 0; }
.title-b { width: 50%; margin: 0 auto; background: url("../images/heng-1.png") 0 center repeat-x; text-align: center; padding: 10px 0; }
.title-b b { width: 40%; margin: 0 auto; display: block; background-color: #fff; font-size: 2.2em; font-weight: normal; }
.title-b span { width: 40%; margin: 0 auto; display: block; background-color: #fff; font-size: 1.3em; color: #28b8ab; text-transform: uppercase; }
@media (max-width: 1200px){
    .title-b b { font-size: 1.8em; }
    .title-b span { font-size: 1.2em; }
}
@media (max-width: 992px){
    .title-b { width: 70%; }
}
@media (max-width: 767px){
    .title-b { width: 85%; padding-top: 0;}
    .title-b b { width: 45%; font-size: 1.5em; }
    .title-b span { width: 45%; font-size: 1em; }
}
.bus-box .col-xs-6 { padding: 10px; line-height: 1.8em; text-align: center; }
.bus-box .col-xs-6 img { width: 85%;}
.bus-box .col-xs-6 p { font-size: 1.1em; /*min-height: 80px;*/ }
.bus-box .col-xs-6 p span { display: block; font-size: .9em; color: #888; }
.bus-more { margin: 10px auto; width: 200px; height: 40px; background: url("../images/more-1.png") 0 0 no-repeat; background-size: 100% 100%; }
.bus-more a { display: block; line-height: 40px; text-align: center; color: #fff; font-size: 1.4em; }
.bus-more:hover a { color: #fff; }
.bus-more:hover { background: #f80; }
@media (max-width: 922px){
    .bus-box .col-xs-6 img { width: 80%;}
    .bus-box .col-xs-6 { font-size: 1em; padding: 5px; }
}
@media (max-width: 767px){
    .bus-more { width: 140px; height: 35px; }
    .bus-more a { line-height: 35px; font-size: 1em; }
    .bus-box .col-xs-6 p { min-height: 80px; }
}

.mainbox-c { padding: 30px 0; background: #eff url("../images/pattern-1.png") center 0 repeat; background-size: 200px auto; }
.title-c { width: 40%; margin: 0 auto; text-align: center; padding: 10px 0; }
.title-c b { width: 40%; margin: 0 auto; display: block; font-size: 2.2em; font-weight: normal; }
.title-c span { width: 40%; margin: 0 auto; display: block; font-size: 1.3em; color: #f80; text-transform: uppercase; }
@media (max-width: 1200px){
    .title-c b { font-size: 1.8em; }
    .title-c span { font-size: 1.2em; }
}
@media (max-width: 992px){
    .title-c { width: 70%; }
}
@media (max-width: 767px){
    .mainbox-c { background-size: 100px auto; }
    .title-c { width: 85%; padding-top: 0;}
    .title-c b { width: 45%; font-size: 1.5em; }
    .title-c span { width: 45%; font-size: 1em; }
}
.products-box { padding: 10px 0;}
.products-box .col-xs-6 {  padding: 10px; line-height: 1.8em; text-align: center; }
.products-box .col-xs-6 img { width: 100%;}
.products-box .col-xs-6 a { position: relative; display: block; border: 5px #c5d2d4 solid;  }
.products-box .col-xs-6 a p { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center;
    line-height: 35px; z-index: 99; color: #fff; font-size: 16px;
    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;}
.products-box .col-xs-6 a span { position: absolute; left: 0; bottom: 0; width: 100%; height: 35px; background-color: #000;
    filter:alpha(opacity=50);  -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;
    transition: all .5s;
    -moz-transition: all .5s;	/* Firefox 4 */
    -webkit-transition: all .5s;	/* Safari 和 Chrome */
    -o-transition: all .5s;}
.products-box .col-xs-6 a:hover span { height: 100%; }
.products-box .col-xs-6 a:hover p { left: 50%; top: 50%; width: 160px; margin-left: -80px; margin-top: -30px; height: 60px; border: 1px #f80 solid; line-height: 58px; }

.pro-more { margin: 10px auto; width: 200px; height: 40px; background: url("../images/more-2.png") 0 0 no-repeat; background-size: 100% 100%; }
.pro-more a { display: block; line-height: 40px; text-align: center; color: #fff; font-size: 1.4em; }
.pro-more:hover { background: #f80; }
.pro-more:hover a { color: #fff; }
@media (max-width: 992px){
    .products-box .col-xs-6 { font-size: 1.1em; padding: 5px 20px; }
}
@media (max-width: 767px){
    .products-box .col-xs-6 { font-size: 1.1em; padding: 5px 10px; }
    .pro-more { width: 140px; height: 35px; }
    .pro-more a { line-height: 35px; font-size: 1em; }
    .footbox { margin-bottom: 40px; }
}

.contact-box { background-color: #2d2d2d; padding: 40px 0; }
.contact-box .col-md-2 { background: url("../images/contact-bg.png") right 0 repeat-y; }
.contact-box .col-md-10 { padding-left: 40px; }
.title-d { color: #f80; font-size: 1.5em; margin-bottom: 10px; }
.title-d b { font-weight: normal; }
.title-d span { padding-left: 20px; font-size: .8em; color: #ccc; text-transform: uppercase; font-style: italic; }
.contact-text { color: #aaa; font-family: "宋体"; line-height: 1.5em; }
@media (max-width: 992px){
    .contact-box .col-md-2 { background: none; }
    .contact-box .col-md-2 img { display: block; margin: 0 auto 20px; }
}

.footbox { background-color: #282828; color: #aaa; padding: 15px 0; order-top: 1px #555 solid; font-size:13px; }
.footbox.text-center { padding-left: 0; font-family: "宋体"; padding-right: 0; line-height: 1.7em; }
.footbox a { color: #aaa; padding: 0 10px; font-family: "宋体"; }
.footbox a:hover { text-decoration: underline; }
@media (max-width: 767px){
    .footbox { margin-bottom: 40px; }
}

/*about page*/
.banner-about { width: 100%; height: 400px; background: url("../images/about-1.jpg") center 0; }
.banner-gsjj { width: 100%; height: 400px; background: url("../images/about-1.jpg") center 0; }
.banner-join { width: 100%; height: 400px; background: url("../images/join-1.jpg") center 0; }
.banner-case { width: 100%; height: 400px; background: url("../images/case-1.jpg") center 0; }
.banner-cjwt { width: 100%; height: 400px; background: url("../images/cjwt.jpg") center 0; }
.banner-jingdiananli { width: 100%; height: 400px; background: url("../images/case-1.jpg") center 0; }
.banner-tuijiananli { width: 100%; height: 400px; background: url("../images/case-1.jpg") center 0; }
.banner-wenzianli { width: 100%; height: 400px; background: url("../images/case-1.jpg") center 0; }
.banner-deve { width: 100%; height: 400px; background: url("../images/deve-1.jpg") center 0; }
.banner-news { width: 100%; height: 400px; background: url("../images/news-1.jpg") center 0; }
.banner-chanpin { width: 100%; height: 400px; background: url("../images/pro-1.jpg") center 0; }
.banner-jieshao { width: 100%; height: 400px; background: url("../images/pro-1.jpg") center 0; }
@media (max-width: 992px){
    .banner-about ,.banner-gsjj ,.banner-join ,.banner-case ,.banner-cjwt ,.banner-jingdiananli ,.banner-tuijiananli ,
    .banner-wenzianli ,.banner-deve ,.banner-news ,.banner-pro,.banner-chanpin,.banner-jieshao { height: 280px; background-size: auto 100%; }

}

@media (max-width: 767px){
    .banner-about { background: url("../images/about-1a.jpg") center 0; background-size: auto 100%; }
    .banner-gsjj { background: url("../images/about-1a.jpg") center 0; background-size: auto 100%; }
    .banner-join { background: url("../images/join-1a.jpg") center 0; background-size: auto 100%; }
    .banner-case { background: url("../images/case-1a.jpg") center 0; background-size: auto 100%; }
    .banner-cjwt { background: url("../images/cjwta.jpg") center 0; background-size: auto 100%; }
    .banner-jingdiananli { background: url("../images/case-1a.jpg") center 0; background-size: auto 100%; }
    .banner-tuijiananli { background: url("../images/case-1a.jpg") center 0; background-size: auto 100%; }
    .banner-wenzianli { background: url("../images/case-1a.jpg") center 0; background-size: auto 100%; }
    .banner-deve { background: url("../images/deve-1a.jpg") center 0; background-size: auto 100%; }
    .banner-news { background: url("../images/news-1a.jpg") center 0; background-size: auto 100%; }
    .banner-chanpin { background: url("../images/pro-1a.jpg") center 0; background-size: auto 100%; }
    .banner-jieshao { background: url("../images/pro-1a.jpg") center 0; background-size: auto 100%; }

    .banner-about ,.banner-gsjj ,.banner-join ,.banner-case ,.banner-cjwt ,.banner-jingdiananli ,.banner-tuijiananli ,
    .banner-wenzianli ,.banner-deve ,.banner-news ,.banner-pro,.banner-chanpin,.banner-jieshao { height: 40vw; margin-top: 50px; }
}

.about-a { width: 100%; padding: 50px 0; background-color: #f5f5f5; }
.about-img { padding-left: 25px; padding-right: 25px; }
.about-img img { width: 100%; }
.about-text { font-size: 1.1em; color: #666; line-height: 1.6em; padding-left: 25px; padding-right: 25px; }
.about-text p { text-indent: 2em; }
.about-text p b { display: block; line-height: 2.5em; font-size: 1.5em; color: #196699; font-weight: normal;  margin-bottom: 5px; }
.about-b { width: 100%; padding: 50px 0; }
@media (max-width: 992px){
    .about-a { padding: 30px 0;}
    .about-img ,.about-text { padding-left: 10px; padding-right: 10px; }
    .about-text { font-size: 1em;}
    .about-b { padding: 30px 0;}
}

@media (max-width: 767px){
    .about-a { padding: 20px 0;}
    .about-img ,.about-text { padding-left: 0; padding-right: 0; }
    .about-text p b { padding-top: 20px; font-size: 1.2em; line-height: 1.6em; }
    .about-b { padding: 20px 0;}
    .about-img { padding-top: 20px; padding-bottom: 20px; }
}
/*honor page*/
.about-title { width: 50%; margin: 0 auto; padding-top: 50px; padding-bottom: 50px; background: url("../images/heng-1.png") repeat-x 0 center; }
.about-title .row { width: 70%; margin: 0 auto; background-color: #fff; }
.about-title .row .col-xs-4 { padding: 0; }
.about-title a { display: block; text-align: center; height: 40px; line-height: 40px; font-size: 1.3em; }
.about-title a.on { background-color: #f80; color: #fff; }
.honor-box { padding-top: 20px; padding-bottom: 20px; }
.honor-box .col-xs-6 { padding-top: 20px; padding-bottom: 20px; }
.honor-box img { display: block; margin: 0 auto; max-width: 90%; border: 1px #c6ad03 solid; }
@media (max-width: 992px){
    .about-title { width: 70%; }
    .about-title .row .col-xs-4 { padding-left: 10px; padding-right: 10px; }

}
@media (max-width: 767px){
    .about-title { width: 100%; padding-top: 20px; padding-bottom: 20px; }
    .about-title .row { width: 100%;}
    .honor-box .col-xs-6 { padding-top: 10px; padding-bottom: 10px; }
}

/*honor page*/
.team-box { padding-top: 20px; padding-bottom: 20px; }
.team-box .col-xs-6 { padding-top: 20px; padding-bottom: 20px; }
.team-box img { display: block; margin: 0 auto; width: 80%; border: 2px #c6ad03 solid; padding: 5px; }
@media (max-width: 767px){
    .team-box .col-xs-6 { padding-top: 10px; padding-bottom: 10px; }
    .team-box img { width: 90%; }
}
/*pro page*/
.pro-box { width: 100%; background: url("../images/pro-bg.jpg") no-repeat center 0; background-attachment: fixed; padding-bottom: 50px;}
.pro-title { width: 60%; margin: 0 auto; text-align: center; padding-top: 150px; padding-bottom: 50px; }
.pro-title img { display: block; margin: 0 auto; }
.pro-price { display: block; font-size: 1.3em; font-weight: bold; color: #f00; float: right; }
.pro-box .col-xs-6 { padding: 15px; }
.pro-box .col-xs-12 { padding: 0 10px; margin-bottom: 10px; background-color: rgba(0,0,0,0.3); }
.pro-box .col-xs-12 h3 { color: #fff;}
.pro-unit { background-color: #fff; padding: 5px; }
.pro-a { display: block; position: relative; }
.pro-a img { width: 100%; }
.pro-a .cp-name { position: absolute; left: 0; bottom: 0; width: 100%; height: 30px; line-height: 30px;
    text-align: center; background-color: rgba(0,0,0,.8); font-size: 1.2em; color: #fff; }
.pro-unit p { line-height: 18px; color: #999; height: 50px; overflow: hidden; padding: 10px 0 5px; }
.pro-link { text-align: center; }
.pro-link a { background-color: #f2f2f2; margin: 5px; border: 1px #ccc solid; line-height: 2.5em;
    display: inline-block; width: 45%; box-shadow: 0 0 2px #bbb; }
.pro-link a:hover { background: #60b001; color: #fff; }
@media (max-width: 767px){
    .pro-box .col-xs-6 { padding: 8px; }
    .pro-unit { padding: 3px; }
    .pro-unit p { height: 65px; }
    .pro-link a { width: 45%; margin: 5px 0; }
    .pro-price { float: none; margin: 0 auto; }
}

.join-box img { width: 100%; max-width: 1100px; display: block; margin: 0 auto; }
.join-a { background-color: #eee; }
.join-b { background-color: #9fcbe5; }
.join-c { background: #fff url("../images/jm_bg.png") center bottom no-repeat; }
.join-d { background-color: #fde6a4; }
.join-con { padding: 30px;}
@media (min-width: 1580px){
    .join-con { padding: 10px; }
    .join-c { background-size: 100% auto; }
}

.case-box { padding: 40px 0; max-width: 1100px; }
.case-t1 { width: 95%; border-left: 6px #28b8ab solid; margin: 0 auto 20px; font-size: 1.5em; line-height: 1em; text-indent: .5em; }
.case-t1 a { color: #999; font-size: 16px;}
.case-con { height: 160px; overflow: hidden; padding-top: 10px; padding-bottom: 10px; margin-bottom: 20px; background-color: #f8f8f8; }
.case-con img { width: 100%; max-height: 150px; }
.case-con>a { font-size: 1.2em; line-height: 1.6em; font-weight: bold; margin-bottom: 6px; }
.case-con .col-xs-8 { color: #999; }
.case-con:hover { background-color: #eff; }

@media (max-width: 767px){
    .case-box { padding: 20px 10px; }
    .case-con { height: auto; margin-bottom: 10px; }
    .case-con img { max-height: 200px; }
}
.case-t2 { width: 95%; margin: 0 auto 20px;  }
.case-t2 .col-xs-3 a { display: block; background-color: #28b8ab; color: #fff; font-size: 1.5em; line-height: 2em; text-align: center; }
.case-con2 { padding: 5px 10px; height: 35px; line-height: 25px; overflow: hidden; font-size: 1.2em; }
.case-con2 span { float: right; color: #999; }
.case-con2 i { color: #f80; margin-right: 3px; }

@media (max-width: 767px){
    .case-t2 .col-xs-3 { padding-left: 5px; padding-right: 5px; }
    .case-t2 .col-xs-3 a { font-size: 1em; }
    .case-con2 { padding: 5px 0; font-size: 1em; }
}

.deve-box1 ,.deve-box2,.deve-box3,.deve-box4 { padding: 40px 0; }
.deve-box1 img { width: 100%;  }
.deve-box2 img { float: right; }
.deve-box2 .col-xs-12 { margin-bottom: 10px; }
.deve-box2 .col-xs-8 b { color: #f80; }
.ser-unit { background-color: #eff; padding: 20px 30px; border-radius: 5px;margin-bottom: 15px; }
.ser-unit i { display: block; font-size: 4em; text-align: center; padding: 10px; }
.ser-unit b { display: block; font-size: 1.2em; margin-bottom: 10px; text-align: center;  }
.ser-unit p { color: #999; }
.ser-unit-1 { color: #fe6968; }
.ser-unit-2 { color: #ffab24; }
.ser-unit-3 { color: #ffd924; }
.ser-unit-4 { color: #01af63; }
.ser-unit-5 { color: #17c8ec; }
.ser-unit-6 { color: #2f8bfc; }
.ser-unit-7 { color: #8870cf; }
.ser-unit-8 { color: #d37ad1; }
.r6-unit { padding: 10px 20px; color: #666; min-height: 160px; }
.r6-unit b { font-size: 1.2em; line-height: 2em; }
.r6-unit strong { color: #333; }
.bg-gray { background-color: #f8f8f8; }
.bg-gray .title-b b ,.bg-gray .title-b span { background-color: #f8f8f8; }
.position { line-height: 30px; padding: 10px 20px; font-size: 1.2em; background-color: #f80; color: #fff; margin-bottom: 20px; }
.position a { padding: 0 10px; color: #fff; }
.ul-news { padding: 0 15px; }
.ul-news li { height: 50px; line-height: 50px; padding: 0 10px; border-bottom: 1px #ccc dashed; font-size: 1.1em; overflow: hidden; }
.ul-news li i { color: #f80; padding-right: 8px; }
.ul-news li span { float: right; color: #999; }
.ul-news li:hover { background-color: #eee; }
/*分页样式 */
.pager {width: 100%;overflow:hidden;white-space:nowrap;padding: 10px;}
.pager a {border:1px solid #ccc;color: #666;font-size: .9em; margin:2px;padding:3px 6px;}
.pager a.current {border:1px solid #f80; background-color: #f80; color: #fff; }
.pager a:hover { border:solid 1px #f80; color: #333;text-decoration:none;}
.news-con { padding: 20px 40px; }
.news-con h1 { font-size: 1.5em; font-weight: bold; margin-bottom: 30px; text-align: center; }
.inner-box { max-width: 1050px; background-color: #f8f8f8; margin-top: 40px; margin-bottom: 40px; overflow: hidden; border-radius: 10px; box-shadow: 0 5px 10px #666; }
.inner-box img { max-width: 950px; width:expression_r(width>950? “950”:width); margin: 8px auto; height: auto !important;  }

@media (max-width: 1170px){
    .inner-box img { max-width: 750px; width:expression_r(width>750? “750”:width); }
}
@media (max-width: 992px){
    .inner-box img { max-width: 650px; width:expression_r(width>650? “650”:width); }
}
@media (max-width: 767px){
    .deve-box1 ,.deve-box2 ,.deve-box3 { padding-top: 10px; }
    .deve-box2 .col-xs-12 { margin-bottom: 3px; }
    .deve-box2 .col-xs-8 { padding-top: 15px; }
    .deve-box3 .col-lg-3 { padding-left: 5px; padding-right: 5px; }
    .ser-unit { padding: 10px; border-radius: 5px; margin-bottom: 10px; min-height: 180px; }
    .ser-unit i { font-size: 2em; padding: 10px; }
    .ser-unit b { font-size: 1em; }
    .r6-unit { padding: 10px 0; min-height: 180px; }

    .position { padding: 5px; font-size: 1em; }
    .position a { padding: 0 5px; }
    .ul-news { padding: 0; }
    .ul-news li { height: 40px; line-height: 40px; padding: 0 10px; font-size: 1em; }
    .ul-news li i { padding-right: 5px; }
    /*分页样式 */
    .pager { padding: 10px 0;}
    .pager a {border:1px solid #ccc;color: #666;font-size: .8em; margin:2px;padding:3px;}
    .inner-box { margin: 10px; }
    .news-con { padding: 10px; }
    .inner-box img { height: auto !important; }
}

@media (max-width: 565px){
    .ser-unit { min-height: 200px; }
    .r6-unit { min-height: 270px; }
    .r6-unit b { font-size: 1em; line-height: 2em; }
}

.video-t { border-bottom: 1px #ccc dashed; font-size: 2.3em; line-height: 80px; font-weight: 300; text-align: center; margin-bottom: 15px; }
.video-box-in { background-color: #fff; padding: 15px; }
.video-box-in .col-xs-12 { padding-left: 10px; padding-right: 10px; }
.title-a0 { padding:0; padding-left: 18px; border-left: 6px #78b6e7 solid; line-height: 52px; height: 52px; font-size: 2em; margin-top: 10px; margin-bottom: 10px; }
.video-box-in .col-xs-6 { padding-left: 5px; padding-right: 5px; }
.video-box-in .col-xs-6 img { display: block; width: 100%; max-width: 310px; }

@media (max-width: 767px) {
    .video-t { font-size: 1.8em; line-height: 60px; }
    .video-box-in .col-xs-12 { padding-left: 0; padding-right: 0; }
    .title-a0 { padding-left: 10px; font-size: 1.6em; }
}

@media (max-width: 496px) {
    .video-t { font-size: 1.5em; line-height: 40px; }
    .video-box-in .col-xs-12 { padding-left: 0; padding-right: 0; }
    .title-a0 { padding-left: 10px; line-height: 40px; height: 40px; font-size: 1.3em; }
}
.cont-text  { max-width: 700px; }
.cont-text .col-xs-12>p { border-bottom: 1px #ccc dashed; padding: 10px; line-height: 2.6em; font-size: 1em; color: #333; }

.bus-box { padding-top: 20px; padding-bottom: 20px; line-height: 20px; }
#div1 { position: relative; width: 100%; height: 200px;  overflow: hidden;}
#div1 ul { position: absolute; height: 200px; left: 0; top: 0;}
#div1 ul li { float:left; width: 200px; text-align: center; }
#div1 ul li img { width: 85%; margin-bottom: 10px; }
#div1 ul li p { font-size: 14px; }
#div1 ul li span { display: block; font-size: 13px; color: #888; }

@media (max-width: 768px){
    .bus-box { padding: 10px 0; }
    #div1 { overflow: visible; }
    #div1 ul { position: relative; width: 100%; height: auto; }
    #div1 ul li { width: 50%; height: auto; margin-bottom: 10px; }
    #div1 ul li img { width: 80%; margin-bottom: 5px; }
    #div1 ul li p { font-size: 13px; }
    #div1 ul li span { display: block; font-size: 12px; color: #888; }
}

@media (max-width: 360px){
    #div1 { overflow: visible; }
    #div1 ul { position: relative; width: 100%; height: auto; }
    #div1 ul li { width: 50%; height: auto; margin-bottom: 10px; }
    #div1 ul li p { font-size: 12px; }
}

.fen-box { max-width: 980px; padding-top: 50px; padding-bottom: 50px; }
.fen-box .col-xs-12 { text-align: center; }
.fen-box .col-xs-12 h3 { font-size: 33px; line-height: 2em; }
.fen-box .col-xs-12>p { font-size: 16px; color: #999; line-height: 2em; }
.fen-box .col-xs-12>img { width: 100%; display: block; border-radius: 10px; }
.fen-box .col-sm-4 { text-align: center; padding-top: 50px; padding-bottom: 50px; }
.fen-box .col-sm-4 img { width: 40%; display: block; margin: 0 auto; }
.fen-box .col-xs-12 a { display: block; border: 1px #e6e6e6 solid; padding: 30px; border-radius: 10px; }
.fen-box .col-xs-12 a:hover { border: 1px #51aceb solid; }
.fen-box .col-xs-12 a b { display: block; line-height: 40px; margin-bottom: 8px; font-size: 22px; font-weight: normal; }
.fen-box .col-xs-12 a p { line-height: 22px; height: 66px; font-size: 14px; color: #999; }


@media (max-width: 767px){
    .fen-box { padding-top: 30px; padding-bottom: 30px; }
    .fen-box .col-xs-12 h3 { font-size: 26px; }
    .fen-box .col-xs-12>p { font-size: 14px; }
    .fen-box .col-xs-12>img { border-radius: 6px; }
    .fen-box .col-sm-4 { padding-top: 30px; padding-bottom: 20px; }
    .fen-box .col-sm-4 img { width: 40%; }
    .fen-box .col-xs-12 a { max-width: 300px; margin: 0 auto; padding: 20px; border-radius: 10px; }
    .fen-box .col-xs-12 a b { line-height: 40px; font-size: 20px; }
    .fen-box .col-xs-12 a p { line-height: 20px; height: auto; font-size: 13px; }
}
