@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: #FFF; 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 , a.active { color: #B3825A; 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; }

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

/*Top Style*/
.top { position: relative; padding: 80px 0; background: url(../images/bg_top.jpg) no-repeat center -100px; }
.top .menu { position: relative; }
.top .menu li { display: block; line-height: 40px; text-align: center; }
.top .menu li a { font-size: 24px; font-weight: 700; }
.top .menu .line { position: absolute; top: 20px; height: 3px; background: #B3825A; }
.top .menu .line-left { left: 50%; margin-left: -15%; width: 10%; }
.top .menu .line-right { right: 50%; margin-right: -15%; width: 10%; }
.top .logo { margin: 32px auto; }
.top .title { text-align: center; font-size: 48px; font-weight: 700; color: #B3825A; }
.top .title span { margin-left: 16px; color: #51A2FF; }
.top .title > div { display: inline-block; padding: 8px 16px; border-top: 4px solid #B3825A; border-bottom: 4px solid #B3825A;}

/*Item Style*/
.list-box { padding: 0; overflow: hidden; }
.list-box .list-bg > img { min-width: 100%; }
.list-box .list { position: relative; float: left; padding: 0; margin: 0; width: 50%; overflow: hidden; }
.list-box .list a { color: #FFF; }
.list-box .list-con { position: absolute; top: 0; left: -100%; padding: 16px 0; width: 100%; height: 100%; background: #61B3DE; background: rgba(97,179,222,0.7); filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
    transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s; }
.list-box .list-con span { display: block; text-align: center; line-height: 72px; font-size: 20px; }
.list-box .list-con span.title { font-size: 24px; }
.list-box .list:hover .list-con { left: 0; }

.list-box .list-foot { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.list-box .list-foot .foot-logo { position: absolute; top: 40%; left: 50%; margin-left: -124px; padding: 0; width: 62px; height: 62px; }
.list-box .list-foot .contact { position: absolute; top: 30%; right: -20%; line-height: 32px; font-size: 20px; color: #FFF; }
.list-box .list-foot .contact span { display: block; }
.list-box .list-foot .contact span.margin { margin-top: 48px; }
.list-box .list-foot .foot-img img { display: inline-block; margin: auto 16px; }
.list-box .foot-copyright .copyright-con > div { margin: 72px auto; }
.list-box .list-foot .foot-title { font-size: 24px; font-weight: 700; }
.list-box .list-foot .copyright { font-size: 16px; }

/*Banner*/
.banner-box { position: relative; margin-top: -50%; margin-bottom: 0; z-index: 9999; }
.banner-box .item img { border-radius: 50%; }

/*To Top*/
#toTop { display: block; position: fixed; right: 16px; bottom: 16px; width: 48px; height: 48px; background: #4588D5; border-radius: 50%; line-height: 48px; text-align: center; font-size: 24px; color: #FFF; overflow: hidden; }

@media ( min-width : 320px) { 
    .col-xs-5ths { width: 20%; float: left; } 
    /*Top*/
    .top { padding: 64px 0 224px; }
    .top .menu .line-left { left: 50%; margin-left: -35%; width: 20%; }
    .top .menu .line-right { right: 50%; margin-right: -35%; width: 20%; }
    .top .logo { margin: 24px auto; }
    .top .title { font-size: 32px; }
    /*Banner*/
    .banner-box { margin-top: -100%; margin-bottom: 16px; }
    /*Item*/
    .list-box .list { width: 100%; }
    .list-box .list-con { padding: 8px 0; left: 0; }
    .list-box .list-con span { line-height: 32px; font-size: 12px; }
    .list-box .list-con span.title { font-size: 16px; }
    /*Footer*/
    .list-box .list-foot .foot-logo { top: 16px; left: 50%; margin-left: -31px; }
    .list-box .list-foot .contact { right: 0; line-height: 24px; font-size: 14px; }
    .list-box .list-foot .contact span.margin { margin-top: 8px; }
    .list-box .foot-copyright .copyright-con > div { margin: 27px auto; }
} 

@media ( min-width : 768px) { 
    .col-sm-5ths { width: 20%; float: left; } 
    /*Top*/
    .top { padding: 80px 0; }
    .top .menu .line-left { left: 50%; margin-left: -15%; width: 10%; }
    .top .menu .line-right { right: 50%; margin-right: -15%; width: 10%; }
    .top .logo { margin: 32px auto; }
    .top .title { font-size: 48px; }
    /*Banner*/
    .banner-box { margin-top: -50%; margin-bottom: 0; }
    /*Item*/
    .list-box .list { width: 50%; }
    .list-box .list-con { padding: 16px 0; left: -100%; }
    .list-box .list-con span { line-height: 32px; font-size: 16px; }
    .list-box .list-con span.title { font-size: 20px; }
    /*Footer*/
    .list-box .list-foot .foot-logo { top: 40%; left: 50%; margin-left: -124px; }
    .list-box .list-foot .contact { right: -20%; line-height: 40px; font-size: 20px; }
    .list-box .list-foot .contact span.margin { margin-top: 48px; }
    .list-box .foot-copyright .copyright-con > div { margin: 72px auto; }
} 

@media ( min-width : 980px) { 
    .col-md-5ths { width: 20%; float: left; } 
    /*Banner*/
    .banner-box { margin-top: -80%; margin-bottom: 0; }
    /*Item*/
    .list-box .list-con span { line-height: 48px; font-size: 16px; }
    .list-box .list-con span.title { font-size: 24px; }
} 

@media ( min-width : 992px) { 
    .col-md-5ths { width: 20%; float: left; } 
    /*Item*/
    .list-box .list-con span { line-height: 64px; font-size: 16px; }
    .list-box .list-con span.title { font-size: 24px; }
} 

@media ( min-width : 1300px) { 
    .col-lg-5ths { width: 20%; float: left; } 
    /*Item*/
    .list-box .list-con span { line-height: 72px; font-size: 20px; }
    .list-box .list-con span.title { font-size: 24px; }
}

@media ( min-width : 1600px) { 
    .col-lg-5ths { width: 20%; float: left; } 
    /*Item*/
    .list-box .list-con span { line-height: 88px; font-size: 24px; }
    .list-box .list-con span.title { font-size: 32px; }
}

/*Carousel Style*/
#Banner .owl-controls { position: absolute; top: 50%; left: 50%; margin-top: -32px; z-index: 999; }
#Banner .owl-controls .owl-buttons > div { position: absolute; width: 64px; height: 64px; background: none; font-size: 48px; font-weight: 700; color: #FFF; opacity: 1; }
#Banner .owl-controls .owl-buttons .owl-prev { left: 0; }
#Banner .owl-controls .owl-buttons .owl-next { right: 0; }

/*导航*/
.Q_pic1,.Q_sign1{background:url(../images/kefu.png) no-repeat;}
.sign,.signa,.signb,.signc,.signd,.signe,.signf,.signg,.signh,.signi,.signj,.signq{background:url(../images/kefu.png) no-repeat;display:block;}
.signi{background-position:-203px -484px;width: 10px;height: 30px;float:right;margin: 3px 10px 0 3px;}
.signj{background-position:-233px -478px;width: 10px;height: 30px;float:right;margin:0 5px 0 3px;}
.QQ_S{width:90px;height: 172px;position:fixed;right: 10px;top: 40%; z-index:99999;}
.Q_top{width:100%;background:#E6E6E6;height:30px;line-height:30px;text-align: right;cursor:pointer;}
.Q_botm{width: 100%;border: 3px solid #E6E6E6;}
.Q_pic,.Q_sign{width:100%;height: 45px;border-bottom:2px solid #E6E6E6;background: url(../images/kefu.png) no-repeat;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
.Q_pic{background-position:20px -458px;}
.Q_sign{background-position:-241px -434px;}	
.Q_pic_hide,.Q_sign_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -84px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;}	
.hide_pic,.hide_pic1,.hide_pic2{width:100%;height: 26px;background: url(../images/kefu.png) no-repeat;display:block;}
.hide_pic{background-position:-242px -348px;}
.hide_pic1{background-position:-100px -467px;}
.hide_pic2{background-position:-243px -479px;}
.Q_pic:hover .Q_pic_hide,.Q_sign:hover .Q_sign_hide,.Q_pic1:hover .Q_pic1_hide,.Q_sign1:hover .Q_sign1_hide{left:0px;}
.Q_pic a,.Q_sign a,.Q_pic a:hover,.Q_sign a:hover,.Q_pic1 a,.Q_pic1 a:hover,.Q_sign1 a,.Q_sign1 a:hover{color:white;}
a.blank{width:100%;height:100%;display:block;}
.QQ_S1{width:60px;height: 110px;position:fixed;right:10px;bottom:0;display:none;}
.Q_top1{width:100%;height:30px;background:#E6E6E6;line-height:30px;text-align:right;cursor:pointer;}
.Q_botm1{width:100%;border:2px solid #E6E6E6;height: 70px;}
.Q_pic1{border-bottom:2px solid #E6E6E6;width:100%;height:33px;background-position:-55px -465px;position:relative;overflow:hidden;color: white;text-align:center;line-height:33px;cursor:pointer;background-color:white;}
.Q_sign1{width:100%;height:33px;width:100%;line-height:33px; height: 35px;background-position:-255px -437px;position:relative;overflow:hidden;color: white;text-align:center;cursor:pointer;background-color:white;}
.Q_pic1_hide,.Q_sign1_hide{width:100%;height:100%;position:absolute;background:#FE9B1D;left: -56px;-webkit-transition:left ease-in-out .3s;-moz-transition:left ease-in-out .3s;transition:left ease-in-out .3s;cursor:pointer;}
.Q_sign1_hide a{font-size:12px;}