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

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; font-size: 14px; background: #0063A5; }

/*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: #CD2D2D; 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; }
.container { width: 1170px; }

.col-xs-5ths, .col-sm-5ths, .col-md-5ths, .col-lg-5ths { 
    position: relative; float: left; width: 20%; min-height: 1px; padding-right: 8px; padding-left: 8px; 
} 

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

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

@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 { margin: 4px; width: 12px; height: 12px; background: rgba(0,0,0,0.5); border: 1px solid #FFF; border-radius: 0; opacity: 1; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
#Banner .owl-controls .owl-page.active span, #Banner .owl-controls.clickable .owl-page:hover span { background: #0063A5; opacity: 1; }

/*Site Box*/
.site-box { padding: 0 2px; background: #FFF; }

/*Top Style*/
.top { padding: 24px 14px; }
.top .logo img , .top .logo span { display: inline-block; } 
.top .logo span { position: relative; top: 8px; left: 8px; font-size: 24px; }
.top .tel { color: #999; }
.top .tel span { display: block; font-size: 18px; color: #FF0000; }

/*Menu Style*/
.menu { padding: 1px 0; height: 42px; background: #0063A5; overflow: hidden; }
.menu ul { height: 40px; border-top: 1px solid #34A9FF; border-bottom: 1px solid #34A9FF; line-height: 40px; }
.menu ul li { display: block; float: left; border-right: 1px solid #256195; }
.menu a { display: block; padding: 0 32px; border-right: 1px solid #3197E1; font-size: 16px; color: #FFF; }

/*Page Style*/
.page-box { margin: 2px auto; }
.page-box > div { padding: 0; }

.page-title { border: 1px solid #E5E5E5; height: 32px; line-height: 32px; 
    background: -webkit-linear-gradient(#FEFFFF, #EEF7FF); 
    background: -o-linear-gradient(#FEFFFF, #EEF7FF); 
    background: -moz-linear-gradient(#FEFFFF, #EEF7FF); 
    background: linear-gradient(##FEFFFF, #EEF7FF); }
.page-title > span { display: inline-block; position: relative; top: -1px; padding: 0 24px; height: 32px; line-height: 32px; font-weight: 700; color: #FFF; overflow: hidden;
    background: #007DF8;
    background: -webkit-linear-gradient(#3D9FFF, #007DF8); 
    background: -o-linear-gradient(#3D9FFF, #007DF8); 
    background: -moz-linear-gradient(#3D9FFF, #007DF8); 
    background: linear-gradient(#3D9FFF, #007DF8); }
.page-title a { margin-right: 8px; text-transform: uppercase; font-size: 10px; color: #666; }

.left-box { padding-right: 1px !important; }
.right-box { padding-left: 1px !important; }

.left-box .left-menu .link { margin-top: 8px; line-height: 32px; 
    background: #0070E6;
    background: -webkit-linear-gradient(#2D92FF, #0070E6); 
    background: -o-linear-gradient(#2D92FF, #0070E6); 
    background: -moz-linear-gradient(#2D92FF, #0070E6); 
    background: linear-gradient(#2D92FF, #0070E6); }
.left-box .left-menu .link:first-child { margin-top: 0; }
.left-box .left-menu .sublink { border-bottom: 1px solid #DBEAEF; line-height: 40px; font-size: 16px; }
.left-box .left-menu a { display: block; padding: 0 16px 0 24px; }
.left-box .left-menu .link a { font-weight: 700; color: #FFF; }

.left-box .left-contact { margin-top: 8px; }
.left-box .left-contact .list { margin: 8px auto; padding: 0 16px; border-bottom: 1px solid #DBEAEF; line-height: 24px; }
.left-box .left-contact .list span { margin-right: 4px; font-weight: 700; }

.right-box .index-about .info { padding: 16px; }

.right-box .index-pro .info { margin-bottom: 16px; }
.right-box .index-pro .list { padding: 8px; }
.right-box .index-pro .list a { display: block; border: 1px solid #E5E5E5; text-align: center; }
.right-box .index-pro .list a:hover { border-color: #0063A5; }
.right-box .index-pro .list a .img { width: 100%; height: 156px; overflow: hidden; }
.right-box .index-pro .list a .img img { width: 100%; }
.right-box .index-pro .list a span { height: 32px; line-height: 32px; overflow: hidden; }

/*Product Style*/
.pro-info { padding: 16px 0; }
.pro-info img { max-width: 100%; }
.pro-info .img img { border: 1px solid #E5E5E5; }
.pro-info .title { padding-left: 0; font-size: 16px; font-weight: 700; color: #000; }
.pro-info .con .name { margin: 32px auto; height: 56px; background: #E7E7E7; line-height: 56px; overflow: hidden; }
.pro-info .con .name span { display: inline-block; padding: 0 32px; height: 56px; background: #FFF; border-top: 4px solid #FF4400;  line-height: 52px; letter-spacing: 2px; font-size: 16px; font-weight: 700; color: #D60000; }
.pro-info .con .details { padding: 0 16px; }

/*News Style*/
.index-news .info .list { padding: 16px 2px; border-bottom: 1px dashed #CCC; }
.index-news .info .list a { color: #333; }
.index-news .info .img { padding-left: 0; padding-right: 8px; height: 156px; overflow: hidden; }
.index-news .info .img img { width: 100%; }
.index-news .info .con { padding-left: 8px; padding-right: 0; }
.index-news .info .con .name { height: 32px; line-height: 32px; overflow: hidden; }
.index-news .info .con .name .text { font-weight: 700; }
.index-news .info .con .name .text:hover { text-decoration: underline; }

.news-info { padding: 16px; }
.news-info .title { line-height: 40px; text-align: center; font-size: 32px; }
.news-info .date { margin-bottom: 16px; border-bottom: 1px dashed #CCC; line-height: 32px; text-align: center; color: #666; }

/*Guest Style*/
.guest { line-height: 32px; }
.guest .list { margin-bottom: 16px; padding: 0 16px; }
.guest .list input , .guest .list textarea { padding: 0 8px; width: 100%; border: 1px solid #CCC; }
.guest .list input { height: 32px; line-height: 32px; }
.guest .list textarea { min-height: 220px; }
.guest .list input:focus , .guest .list textarea:focus { border-color: #0063A5; }
.guest .list .code input { margin-right: 8px; width: 50%; }
.guest .list .button { text-align: right; }
.guest .list .button input { margin-left: 16px; width: 25%; }
.guest .list .button input:hover { background: #0063A5; color: #FFF; }

/*Footer Style*/
.footer { padding: 16px 0; line-height: 32px; text-align: center; }
.foot-menu ul li { display: inline-block; }
.foot-menu ul li a { display: block; padding: 0 8px; }
.foot-menu ul li +li a:before { content: "|"; position: relative; top: -1px; left: -8px; font-size: 12px; }
.footer .contact span { margin-right: 8px; }
.footer .copyright a { margin-left: 8px; }

/*Paging Style*/
.paging-box { margin-top: 32px; text-align: center; }
.paging { display: inline-block; margin-top: 16px; padding: 5px 15px; color: #666; }
.paging span , .paging a { display: block; float: left; padding: 8px 16px;  background: #FFF; border: 1px solid #DDD; border-left: none; color: #666; }
.paging a:first-child , .paging span:first-child { border-left: 1px solid #DDD; }
.paging a:hover { background: #0063A5; color: #FFF; }
.paging-first { padding-right: 30px; }
.paging-last { padding-left: 30px; }
.paging-prev { padding-right: 15px; }
.paging-next { padding-left: 15px; }
.paging-num { color: #0063A5; padding: 0 5px; }
.lang-page-on { background: #0063A5 !important; color: #FFF !important; }

/*OnLine Style*/
.online { position: fixed; top: 50%; right: -160px; margin-top: -240px; 
    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; 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; }
.online .right .list { padding: 8px 0; }
.online .right .list a { display: block; margin: 8px auto; }
.online .right .code .name { margin-top: 8px; }
.online .right .code img { padding: 8px 16px; }
.online-move { right: 0; }

/*Info Link Style*/
.info-link { padding: 16px; }
.info-link > div { padding: 0; height: 32px; line-height: 32px; overflow: hidden; }
.info-link a span { margin: auto 8px; }