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

/*HTML Style*/
html,body { -ms-overflow-style: scrollbar; line-height: 24px; font-size: 14px; }

/*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: #1769B5; text-decoration: none; outline: none; }
li { list-style: none; }
ul , li , p { margin: 0; padding: 0; }
img { max-width: 100%; }

.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: 1200px; }

.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; }
} 

@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: #1769B5; opacity: 1; }

/*Top Style*/
.top > div { padding: 12px 0; }
.top .tel , .top .lang-box { display: inline-block; }

.top .lang { line-height: 24px; }
.top .lang a { display: inline-block; position: relative; padding-left: 16px; color: #666; }
.top .lang a + a:before { content: "|"; position: absolute; left: 4px; font-size: 12px; } 
.top .lang a:hover , .top .lang a.on { color: #8393AD; }

.top .tel { margin: 16px 16px 8px 16px; line-height: 24px; color: #888; }
.top .tel .text img , .top .tel .text .num { display: inline-block; }
.top .tel .text img { position: relative; }
.top .tel .text .num { text-align: left; color: #FABD18; }
.top .tel .text .num span { display: block; }
.top .tel .text .num .number a { font-size: 24px; font-weight: 700; color: #556886; }

.top .search { margin-top: 8px; height: 36px; overflow: hidden; }
.top .search form { display: inline-block; line-height: 32px; }
.top .search input[type="text"] { position: relative; right: -6px; padding: 0 8px; min-width: 180px; height: 32px; line-height: 32px; border: 1px solid #DDD; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.top .search input[type="text"]:focus { min-width: 240px; }
.top .search button { position: relative; top: 3px; height: 32px; background: #FFF; border: 1px solid #DDD; border-left: none; line-height: 32px; }
.top .search button span { display: inline-block; top: -1px; padding: 0; margin: 0; line-height: 32px; text-align: center; font-size: 16px; color: #888; }

/*Menu Style*/
.menu-box { position: relative; height: 56px; background: #1769B5; line-height: 56px; }

.menu-con > ul > li { display: inline-block; position: relative; height: 56px; }
.menu-con > ul > li > a { display: block; padding: 0 40px; font-size: 16px; color: #FFF; }
.menu-con > ul > li:hover > a , .menu-con > ul > li.on > a { background: #2F3741; }
.menu-con > ul > li .sub-menu { position: absolute; top: 80px; width: 100%; background: #FFF; opacity: 0; z-index: 0;
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.menu-con > ul > li:hover .sub-menu  { top: 56px; opacity: 1; z-index: 999; }
.menu-con .sub-menu > li { border-left: 1px solid #DDD; border-right: 1px solid #DDD; line-height: 32px; text-align: center; }
.menu-con .sub-menu > li:first-child { border-top: 1px solid #DDD; }
.menu-con .sub-menu > li:last-child { border-bottom: 1px solid #DDD; }
.menu-con .sub-menu > li > a { display: block; padding: 4px; }
.menu-con .sub-menu > li + li > a { border-top: 1px dashed #DDD; } 
.menu-con .sub-menu > li:hover a { background: #1769B5; color: #FFF; }

/*Index*/
.index-box { padding: 32px 0; background: #F5F5F5; }
.index .top , .index .bottom { margin: auto -16px; }
.index .top > div , .index .bottom > div { padding: 0 16px; }

.index .title { margin-bottom: 16px; height: 40px; background: #DBDBDB; line-height: 40px; overflow: hidden; }
.index .title .name { padding: 0 16px; height: 40px; border-bottom: 40px solid #1769B5; border-right: 30px solid transparent; font-size: 16px; color: #FFF; }
.index .title .more { padding: 0 16px; }
.index .title .more a { color: #666; }
.index .title .more a:hover { color: #1769B5; }
.index .title .more a span { margin-left: 4px; font-family: "simsun"; }

.index .top { margin-bottom: 16px; height: 282px; overflow: hidden; }

.index .about .con span { line-height: 24px !important; font-size: 14px !important; }
.index .about .con img { width: 100% !important; height: 104px !important; min-height: 104px !important; }

.index .news .con .one { padding-bottom: 16px; height: 104px; overflow: hidden; border-bottom: 1px dashed #AAA; }
.index .news .con .one > div { padding: 0; }
.index .news .con .one .pic { height: 88px; border: 1px solid #DDD; overflow: hidden; }
.index .news .con .one .pic img { width: 100%; min-height: 88px; }
.index .news .con .one .subject , .index .news .con .one .info { padding-left: 16px; }
.index .news .con .one .subject { line-height: 32px; font-size: 16px; }
.index .news .con .one .subject a { color: #1769B5; }
.index .news .con .one .subject a:hover { border-bottom: 1px dashed #1769B5; }
.index .news .con .one .info { line-height: 24px; color: #888; }
.index .news .con .list { line-height: 30px; }
.index .news .con .list a { display: block; color: #666; }
.index .news .con .list a:hover { color: #1769B5; }
.index .news .con .list a .subject:before { content: ">"; position: relative; top: 1px; margin-right: 4px; font-family: "simsun"; } 

.index .video .con { height: 282px; overflow: hidden; }

.index .bottom { height: 264px; overflow: hidden; } 

.index .product-menu .img-link > ul > li + li { margin-top: 8px; }
.index .product-menu .img-link > ul > li a { display: block; height: 64px; overflow: hidden; }
.index .product-menu .img-link > ul > li a img { width: 100%; min-height: 64px; }
.index .product-list .title { margin-bottom: 0; }
.index .product-list .con { padding: 16px; height: 224px; background: #FFF; border: 1px solid #DDD; overflow: hidden; }
.index .product-list .con .box > div { padding: 0 16px; }
.index .product-list .con .box a { display: block; line-height: 32px; text-align: center; }
.index .product-list .con .box a .pic { height: 168px; border: 1px solid #DDD; overflow: hidden; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.index .product-list .con .box a:hover .pic { border-color: #1769B5; }
.index .product-list .con .box a .pic img { width: 100%; min-height: 168px; }

/*Page Style*/
.page-box { padding: 32px 0; background: #F5F5F5; }

.page .left-box { padding-left: 0; padding-right: 16px; }
.page .right-box { padding-left: 16px; padding-right: 0; }

.left-box .title { position: relative; padding-left: 24px; height: 64px; background: #2F3741; border-left: 12px solid #1769B5; line-height: 64px; letter-spacing: 2px; font-size: 24px; color: #FFF; overflow: hidden; }
.left-box .title:before { content: ""; display: block; position: absolute; left: 0; top: 50%; margin-top: -8px; width: 0; height: 0; border-top: 8px solid transparent; border-left: 8px solid #1769B5; border-bottom: 8px solid transparent; }
.left-box .left-menu .list .link { margin-top: 1px; height: 48px; line-height: 48px; font-size: 16px; overflow: hidden; }
.left-box .left-menu .list .link a { display: block; padding: 0 16px 0 40px; background: #DBDBDB; }
.left-box .left-menu .list .link a:before { content: ">"; position: relative; top: 0; margin-right: 8px; font-family: "simsun"; font-weight: 700; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; } 
.left-box .left-menu .list .link a:hover , .left-box .left-menu .list .link.on a { background: #1769B5; color: #FFF; }
.left-box .left-menu .list .link a:hover:before , .left-box .left-menu .list .link.on a:before { color: #FFF; }
.left-box .contact { margin-top: 16px; }
.left-box .contact .contact-img { height: 88px; overflow: hidden; } 
.left-box .contact .contact-img img { width: 100%; height: 88px; }
.left-box .contact .list-box { padding: 16px 12px; background: #FFF; border: 1px solid #DDD; border-top: 0; line-height: 24px; color: #666; }
.left-box .contact .list-box a { color: #666; }
.left-box .contact .list-box a:hover { color: #1769B5; }

.right-box > .title { height: 48px; background: #DBDBDB; line-height: 48px; overflow: hidden; }
.right-box > .title .name { padding: 0 24px; height: 48px; border-bottom: 48px solid #1769B5; border-right: 30px solid transparent; font-size: 16px; color: #FFF; }
.right-box > .title .sitepath { padding-right: 24px; }
.right-box > .title .sitepath , .right-box > .title .sitepath a { color: #666; }
.right-box > .title .sitepath a:hover { color: #0076C8; }
.right-box > .title .sitepath span { margin: 4px; font-size: 12px; }
.right-box .info { padding: 32px; background: #FFF; border: 1px solid #DDD; }
.right-box > .info > .title { line-height: 40px; text-align: center; font-size: 20px; } 
.right-box > .info > .date { margin: 8px auto; background: #EEE; line-height: 40px; text-align: center; color: #666; }
.right-box > .info > .img { margin: 32px auto; }
.right-box > .info > .img img { max-width: 50%; border: 8px solid #EFEFEF; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.right-box > .info > .img img:hover { border-color: #1769B5; }
.right-box > .info .info-nav > div { margin-top: 16px; padding: 0; height: 40px; line-height: 40px; overflow: hidden; }
.right-box > .info .info-nav > div:last-child { text-align: right; }

.news .info .box > ul > li { height: 40px; border-bottom: 1px dashed #CCC; line-height: 40px; overflow: hidden; }
.news .info .box > ul > li a { display: block; }
.news .info .box > ul > li a .name:before { content: "·"; margin-right: 8px; font-weight: 700; }
.news .info .con { padding: 16px; }

.product .info { padding: 16px 32px; }
.product .info > div { padding: 16px; }
.product .info .box > a { display: block; text-align: center; }
.product .info .box > a .pic { border: 1px solid #DDD; 
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.product .info .box > a:hover .pic { border-color: #1769B5; }
.product .info .box > a .name { height: 32px; line-height: 32px; overflow: hidden; }
.product .info .paging { margin-top: 8px; }


/*Footer Style*/
.foot-box { padding: 0; }

.foot-menu-box { width: 100%; height: 248px; background: url(../images/bg_map.png) no-repeat center, #1769B5; color: #ADCEFF; overflow: hidden; }
.foot-menu-box a { color: #ADCEFF; }
.foot-menu-box a:hover { color: #FFF; }
.foot-menu { padding: 32px 0; }
.foot-menu .link-list { height: 184px; overflow: hidden; }
.foot-menu .link-list > ul > li { display: block; float: left; margin-right: 32px; line-height: 32px; }
.foot-menu .link-list > ul > li a { padding: 0 16px; display: block; }
.foot-menu .link-list > ul > li > a { margin-bottom: 8px; background: #4181C6; line-height: 40px; font-size: 16px; color: #FFF; }
.foot-menu .link-list > ul > li > a:hover , .foot-menu .link-list > ul > li.on > a{ background: #6A9FD8; }
.foot-menu .link-list .sub-menu { position: relative; width: 200px; }
.foot-menu .link-list .sub-menu a { width: 100%; height: 32px; overflow: hidden; }
.foot-menu .link-list .sub-menu .on a { color: #FFF; }

.foot-menu .tel { position: relative; left: -8px; margin-bottom: 8px; line-height: 24px; }
.foot-menu .tel img , .top .tel .text .num { display: inline-block; }
.foot-menu .tel img { position: relative; }
.foot-menu .tel .num { text-align: left; }
.foot-menu .tel .num span { display: block; }
.foot-menu .tel .num .number a { font-size: 24px; font-weight: 700; color: #FFF; }
.foot-menu .contact-box { line-height: 32px; }

.copyright { height: 56px; background: #2F3741; line-height: 56px; color: #8594AA; overflow: hidden; }
.copyright span + span { margin-left: 16px; }
.copyright a { border-bottom: 1px dashed #8594AA; color: #8594AA; }
.copyright a:hover { border-color: #FFF; color: #FFF; }

.shield { margin-right: 16px; height: 40px; }
.shield a { display: block; margin-top: 0; width: 100%; height: 56px; border: none; overflow: hidden; }
.shield a img { max-height: 40px; }

/*Paging Style*/
.paging-box { text-align: center; }
.paging { display: inline-block; margin-top: 32px; 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: #1769B5; 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: #1769B5; padding: 0 5px; }
.lang-page-on { background: #1769B5 !important; color: #FFF !important; }