@CHARSET "UTF-8";
/* =======================================================================
   Code by timoo.net
   Vision : v1.0
*/

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; }

/*Format Style*/
body, button, input, select, textarea, h1 ,h2, h3, h4, h5, h6 { color: #333; font-family: Microsoft YaHei, simsun, Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; outline: none; }
a , a:after , a:before { color: #333; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
a:focus, a:hover { color: #0067AC; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li { margin: 0; padding: 0; }

.padding-none { padding: 0 !important; }
.border-none { border: none !important; }
.display-none { display: none !important; }
.left-0 { left: 0 !important; }
.spin-90 { 
    transform:rotate(90deg);
    -ms-transform:rotate(90deg); 
    -moz-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg); }

.container-fluid , .container { padding: 0 8px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; min-height: 1px; padding-right: 10px; padding-left: 10px; 
} 

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; }
    .index-about .con .con-title .text { line-height: 24px; font-size: 18px; }
    .about-box { padding: 16px 0; }
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; }
    .index-about .con .con-title .text { line-height: 34px; font-size: 24px; }
    .about-box { padding: 32px 0; }
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
} 

@media ( min-width : 1200px) { 
    .col-lg-5ths { width: 20%; float: left; } 
}

/*Carousel Style*/
#Banner .owl-controls { width: 100%; position: absolute; bottom: 0; margin-top: 0; z-index: 999; }
#Banner .owl-controls .owl-page span , #Case .owl-controls .owl-page span { width: 12px; height: 12px; background: rgba(0,0,0,0.7); border-radius: 0; opacity: 0.9; border: 1px solid rgba(255,255,255,0.7); }
#Banner .owl-controls .owl-page.active span, #Banner .owl-controls.clickable .owl-page:hover span , #Case .owl-controls .owl-page.active span, #Case .owl-controls.clickable .owl-page:hover span{ background: rgba(0,103,172,1); opacity: 0.9; }

/*Top Style*/
.top { margin-bottom: 8px; }
.top .head { background: #0067AC; line-height: 32px; color: #FFF; }

.top-box { padding: 8px 0; }
.top-box .tel { position: relative; text-align: right; }
.top-box .tel > div { display: inline-block; }
.top-box .tel span { display: block; font-size: 18px; color: #0067AC; }
.top-box .tel .icon span { position: relative; top: 0; right: 4px; font-size: 48px; font-weight: 700; }
.top-box .tel .text { text-align: left; }
.top-box .tel .text span:last-child { font-size: 30px; font-weight: 700; color: #FF6600; } 

.logo img { max-height: 72px; }

.menu { position: relative; margin-top: 8px; text-align: center; }
.menu > ul > li { display: inline-block; position: relative; margin: 0 8px; width: 120px; line-height: 40px; }
.menu > ul > li > a { display: block; font-size: 18px; }
.menu > ul > li > .submenu { display: none; position: absolute; left: 50%; margin-left: -75px; padding: 4px 0; width: 150px; background: #FFF; box-shadow: 0 2px 2px #CCC; z-index: 999; }
.menu > ul > li:hover > .submenu { display: block; }
.menu > ul > li > .submenu a { display: block; }
.menu > ul > li > .submenu a + a { border-top: 1px solid #ECECEC; } 
.menu .line { position: absolute; left: 0; top: 0; widows: 68px; height: 3px; background: #0067AC; }

/*Index Style*/
.index-box { padding: 8px; }

.index-pro { padding: 32px 0; }
.index-pro .list { margin: auto -8px; }
.index-pro .list > div { padding: 8px; }
.index-pro .list a img { border: 8px solid #EFEFEF; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index-pro .list a:hover img { border: 8px solid #0E7CBA; }
.index-pro .list .text { line-height: 32px; text-align: center; font-size: 16px; }

.index-about .title { margin-bottom: 32px; text-align: center; }
.index-about .title .title-box { display: inline-block; position: relative; padding: 0 90px; }
.index-about .title .title-box .bigtext { position: relative; font-size: 32px; font-weight: 700; color: #0067AC; z-index: 999; }
.index-about .title .title-box .bigtext span { color: #FF0000; }
.index-about .title .title-box .hotline { display: inline-block; margin-top: 4px; padding: 0 16px; border: 1px dashed #0067AC; line-height: 40px; font-size: 18px; font-weight: 700; color: #666; }
.index-about .title .title-box .hotline span { font-size: 24px; color: #FF0000; }
.index-about .title .title-box .icon-left { position: absolute; top: -4px; left: 0; }
.index-about .title .title-box .icon-right { position: absolute; top: 0; right: 24px; }
.index-about .mobile-title .title-box { padding: 0 0px !important; }
.index-about .mobile-title .bigtext { font-size: 16px !important; }
.index-about .mobile-title .title-box .hotline { padding: 0 8px !important; line-height: 24px !important; font-size: 14px !important; }
.index-about .mobile-title .title-box .hotline span { font-size: 16px !important; }
.index-about .mobile-title .icon-left , .index-about .mobile-title .icon-right { max-width: 45px; } 
.index-about .mobile-title .icon-left { left: -36px !important; }
.index-about .mobile-title .icon-right { right: -24px !important; }
.index-about .con .con-title { position: relative; padding: 8px 0; border-bottom: 1px dashed #0067AC; }
.index-about .con .con-title .text { display: inline-block; position: absolute; bottom: 10px; padding: 0 0 0 8px; font-weight: 700; }
.index-about .con .con-title .text span { color: #FF6600; }
.index-about .con .con-text { padding: 8px; line-height: 32px; font-size: 16px; }
.index-about .con .con-img01 , .index-about .con .con-img02 { padding: 32px 0; }

.index-case-box { padding: 32px 0; background: #0067AC; }
.index-case { margin: auto -8px; }
.index-case .title , .index-pro .title { margin-bottom: 32px; text-align: center; }
.index-case .title .titlebm , .index-pro .title .titlebm { font-size: 32px; font-weight: 700; color: #FF8533; }
.index-case .title .typename , .index-pro .title .typename { letter-spacing: 2px; font-size: 24px; font-weight: 700; color: #FFF; }
.index-pro .title .typename { color: #0067AC; }
.index-case .item a { display: block; padding: 8px; }
.index-case .item a img { border: 8px solid #FFF; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index-case .item a img:hover { border: 8px solid #FF944C; }

.index-guest-box { padding: 32px 0; background: #F3F3F3; }
.index-guest-box .title { border-bottom: 1px dashed #FF6600; line-height: 40px; font-size: 18px; font-weight: 700; color: #0067AC; }
.index-guest-box .title > span:first-child { top: 3px; } 
.index-guest { padding: 0; }
.index-guest > div { padding: 8px; }
.index-guest .news-con , .index-guest .guest-con { padding: 16px 0; }
.index-guest .news-con a { display: block; width: 100%; height: 32px; line-height: 32px; overflow: hidden; }
.index-guest .news-con a:hover { color: #FF6600; }
.index-guest .news-foot { position: relative; padding: 8px 0; background: #0067AC; text-align: center; color: #FFF; }
.index-guest .news-foot .icon { position: absolute; left: 50%; top: -8px; margin-left: -8px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #0067AC; }
.index-guest .news-foot .tel { position: absolute; top: 12px; left: -48px; }
.index-guest .news-foot .tel span { font-size: 36px !important; }
.index-guest .news-foot .text { display: inline-block; position: relative; text-align: left; }
.index-guest .news-foot .text span { display: block; font-size: 16px; }
.index-guest .news-foot .text span:nth-child(2) { font-size: 24px; font-weight: 700; }
.index-guest .guest-con .tip { margin-bottom: 8px; color: #FF0000; }
.index-guest .guest-con .list { padding: 8px 0; }
.index-guest .guest-con input { display: block; padding: 0 8px; width: 100%; border: 1px solid #0067AC; line-height: 32px; }
.index-guest .guest-con textarea { display: block; padding: 8px; width: 100%; height: 120px; border: 1px solid #0067AC; line-height: 24px; }
.index-guest .guest-con .code input { display: inline-block; margin-right: 8px; width: 50%; }
.index-guest .guest-con .button { text-align: center; }
.index-guest .guest-con .button input { display: inline-block; margin: 2px 8px 0 8px; width: 40%; background: #0067AC; font-size: 16px; color: #FFF; }
.index-guest .guest-con .button input:first-child { background: #FF8533; border: 1px solid #FF8533; }

/*Footer Style*/
.footer { padding: 16px 0; background: #0067AC; border-top: 4px solid #FF6600; color: #FFF; }
.footer a { color: #FFF; }
.footer a:hover { color: #B2D1E6; }
.footer .copyright { margin-top: 8px; border-top: 1px dotted #FFF; line-height: 40px; }
.footer .copyright-m { padding: 0 8px; text-align: center; }
.footer .copyright a { display: inline-block; position: relative; padding: 0 8px; }
.footer .copyright a + a:before { content: "|"; position: absolute; left: -4px; color: #FFF; }
.foot-menu > div { padding: 8px; }
.foot-menu .title { border-bottom: 1px dashed #FFF; line-height: 40px; font-size: 16px; font-weight: 700; }
.foot-menu .code-title { padding: 0 8px; border-bottom: none; }
.foot-menu .subtitle { padding: 8px 0; height: 160px; overflow: hidden; }
.foot-menu .subtitle a { display: block; position: relative; padding: 8px 12px; }
.foot-menu .subtitle a:before { content: ">"; position: absolute; left: 0; top: 10px; font-family: 'simsun'; font-weight: 700; color: #FFF; }
.foot-menu .code-img img { padding: 0 8px; }
.foot-menu .link { padding: 0; }
.foot-menu .link-title { font-weight: 700; }
.foot-menu .link .list a { margin-right: 8px; }
.foot-menu .link .list a:first-child { margin-left: 8px; }

/*Mobile Menu*/
.m-meniu { position: fixed; top: 0; left: -50%; width: 50%; height: 100%; background: #0067AC; z-index: 9999; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.m-meniu .icon { position: absolute; top: 50%; right: -32px; margin-top: -16px; width: 32px; height: 32px; background: #0067AC; border-radius: 0 4px 4px 0; text-align: center; font-size: 16px; color: #FFF; cursor: pointer; }
.m-meniu .icon span { top: 0; line-height: 32px; }
.m-meniu .link { position: relative; padding: 8px; width: 100%; height: 100%; overflow: scroll; }
.m-meniu .link > li { position: relative; padding-left: 16px; border-bottom: 1px dashed #FFF; line-height: 40px; color: #FFF; }
.m-meniu .link > li > ul { display: none; }
.m-meniu .link a { color: #FFF; }
.m-meniu .link > li > a:before { content: "·"; position: absolute; left: 0; top: 1px; font-family: 'simsun'; font-weight: 700; color: #FFF; }
.m-meniu .link li span { display: inline-block; top: 2px; margin-left: 4px; cursor: pointer;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.m-meniu .link li > ul { margin-top: -12px; padding: 4px 0; line-height: 32px; }
.m-meniu .m-tel { text-align: center; }
.m-meniu .m-tel a { display: inline-block; padding: 0 16px; margin: 16px auto; background: #FF6600; border-radius: 4px; line-height: 32px; font-weight: 700; color: #FFF; }
.m-meniu .m-tel a span { top: 2px; margin-right: 4px; }

/*About Style*/
.about-box > div { padding: 0 8px; }

.about-left .title { background: #0067AC; border-bottom: 4px solid #FF6600; line-height: 48px; text-align: center; }
.about-left .title a { display: block; letter-spacing: 2px; font-size: 18px; font-weight: 700; color: #FFF; }
.about-left .list { padding: 8px 16px 16px 16px; background: #EFEFEF; }
.about-left .list .link a { display: block; position: relative; border-bottom: 1px dashed #FF6600; line-height: 40px; font-size: 16px; }
.about-left .list .link a span { top: 2px; margin-right: 4px; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.about-left .list .link a:hover span { margin-right: 12px; 
    transform:rotate(48deg);
    -ms-transform:rotate(48deg); 
    -moz-transform:rotate(48deg);
    -webkit-transform:rotate(48deg);
    -o-transform:rotate(48deg); }
.about-left .list .link.on a { color: #FF6600; }
.about-left .list .con-img img { margin-top: 8px; min-width: 100%; }
.about-left .list .con-img a + a img { margin-top: 8px; }

.about-right .title { border-bottom: 4px solid #0067AC; line-height: 44px; font-size: 24px; font-weight: 700; }
.about-right .title span { display: inline-block; position: relative; top: 4px; padding: 0 8px; border-bottom: 4px solid #FF6600; }
.about-right .info { padding: 16px 8px; }
.about-right .info img { max-width: 100%; }

/*News Style*/
.news-box .info .list { border-bottom: 1px dashed #FF6600; line-height: 40px; }
.news-box .info .list a { display: block; position: relative; padding-left: 16px; height: 40px; overflow: hidden; }
.news-box .info .list a:before { content: "·"; position: absolute; left: 0; margin-top: -1px; font-size: 24px; font-weight: 700; color: #FF6600; }
.news-box .info .news-title { margin-bottom: 16px; line-height: 32px; text-align: center; font-size: 18px; font-weight: 700; }
.news-box .info-link { padding: 0 8px; }
.news-box .info-link span { margin-left: 8px; }

/*Product Style*/
.pro-box .info { padding: 16px 0; margin: auto -8px; }
.pro-box .info .list { padding: 8px; text-align: center; }
.pro-box .info .list img { border: 8px solid #EFEFEF; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.pro-box .info .list a:hover img { border: 8px solid #0067AC; } 
.pro-box .info .list a { line-height: 32px; font-size: 14px; }

/*Case Style*/
.case-box .info-title { padding: 0 8px; margin-top: 16px; border-bottom: 1px dashed #FF6600; line-height: 40px; font-size: 16px; font-weight: 700; }
.case-box .info-title span { margin-right: 8px; color: #0067AC; }
.case-box .info .con { padding: 16px 8px; }
.case-box .info .img img { border: 8px solid #FFF; box-shadow: 0 0 3px #AAA; }

/*OnLine Style*/
.online { position: fixed; top: 50%; right: -160px; z-index: 1000;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.online .box { position: relative; }
.online .left { position: absolute; left: -40px; top: 50%; margin-top: -80px; cursor: pointer; }
.online .right { width: 160px; min-height: 200px; background: #FFF; border: 1px solid #EEE; text-align: center; overflow: hidden; }
.online .right .title { background: #555; border-bottom: 4px solid #00B3E8; line-height: 32px; color: #FFF; }
.online .right .qq , .online .right .ali { padding: 8px; border-bottom: 1px dashed #CCC; }
.online .right .list { padding: 8px 0; }
.online .right .list a { display: block; margin: 4px; }
.online .right .code .name { margin-top: 8px; }
.online .right .code img { padding: 8px 16px; }
.online-move { right: 0; }

.online .right .name { font-weight: 700; }
.online .right .ali { border-bottom: none; }
.online .right .ali .list a { display: block; margin: 12px 8px; padding: 8px; box-shadow: 0 0 2px rgba(0,0,0,0.3); }

/*Paging Style*/
.paging-box { text-align: center; }
.paging { display: inline-block; margin: 16px auto 0 auto; padding: 5px 0; color: #666; }
.paging span , .paging a { display: inline-block; background: #FFF; border: 1px solid #DDD; border-left: none; color: #666; }
.paging a { padding: 4px 12px; }
.paging a:first-child , .paging span:first-child { border-left: 1px solid #DDD; }
.paging a:hover { background: #0067AC; color: #FFF; }
.paging-first { padding: 4px; }
.paging-last { padding: 4px; }
.paging-prev { padding: 4px; border-left: 1px solid #DDD !important; }
.paging-next { padding: 4px; }
.paging-num { padding: 4px; color: #2D2D2D; }
.lang-page-on { padding: 4px 12px; background: #0067AC !important; color: #FFF !important; }