/*reset*/
body,
ul,
li,
ol,
div,
a,
button,
input,
h2,
h3,
h4,
h5,
h6,
figure,
header,
footer,
nav,video,dd,dt,dl,p
{
    font-family: 'Helvetica Neue',Helvetica,'Hiragino Sans GB','Microsoft YaHei',Arial,sans-serif;
    font-size: 16px;

    margin: 0;
    padding: 0;

    color: #202020;
}
body
{
    background: #f0f0f0;
}
a
{
    overflow: hidden;

    transition: all .2s;
    text-decoration: none;

    color: #333;
}
ul,
li,
ol
{
    list-style: none;
}
.clearfix
{
    clear: both;
}


input:focus,
button:focus
{
    outline: none;
}



/*banner*/
.main_visual{height:148px;border-top:1px solid #d7d7d7;overflow:hidden;position:relative;}
.main_image{height:148px;overflow:hidden;position:relative;}
.main_image ul{width:9999px;height:148px;overflow:hidden;position:absolute;top:0;left:0}
.main_image li{float:left;width:100%;height:148px;}
.main_image li span{display:block;width:100%;height:148px}
.main_image li a{display:block;width:100%;height:148px}
.main_image li a img{max-width:100%; height: 148px;}
div.flicking_con{position:absolute;left:0; bottom:10px;z-index:100;width:100%;height:21px; text-align: center;}
div.flicking_con a{width:10px;height:10px;border-radius:5px;background:#989898;display:inline-block;text-indent:-1000px;margin:0 5px;}
div.flicking_con a.on{background:#0193f3}

header{height:46px; background:url(../images/bg_nav.jpg) repeat-x;padding:5px 0 10px;}
header>a{margin-left: 15px; float: left;}
header ul{float: right; margin:10px 0 0 0;}
header>ul{margin-right: 15px;}
header ul li{display: inline-block; position: relative;}
header>ul>li>a{display: block; width:30px; height: 27px;}
header ul li.home{padding:0 15px;}
header ul li.home a{background: url(../images/icon_home.png) no-repeat;}
header ul li.home:after{content: ""; display: inline-block; width:1px; height: 14px; background: #5bbbf7; position: absolute; right:0; top:8px;}
header ul li.nav{padding-left: 5px;}
/*header ul li.nav a{background: url(../images/icon_nav.png) no-repeat 0 5px;}*/
article{padding:20px 20px 40px 20px;}
article>div{background: #fff; padding:15px; line-height: 2em;}
article>div strong{color:#f95500; font-weight: 300;}
article img{max-width:100%; height:auto;}
article p{text-indent:1em; line-height:1.8em;}
article a{display:block;background: #fff; width:100px; height:35px; text-align:center; line-height:36px; }
article a span{ display:inline-block; color:#333;}
article a span:before{content:""; background:url(../images/icon_back.jpg) no-repeat; width:15px; height:12px; display:inline-block; margin-right:10px;}
footer{height:150px; background:#0195f3; text-align:center; padding-top:15px; margin-bottom: 43px;}
footer p{text-align:center; color:#fff; font-size:14px; line-height:2em;}
.foot_nav{background: linear-gradient(#0039ac, #0175d0 20%); position: fixed; bottom:0; width: 100%; z-index: 999;}
.foot_nav>ul>li{width: 25%; float: left;cursor: pointer; position: relative;}
.foot_nav>ul>li>div{text-align: center;}
.foot_nav>ul>li>div>span{font-size: 16px; color:#fff; display:inline-block; position: relative; padding:6px 0;}
.foot_nav>ul>li>div>span:before{content:""; display:block; margin:0 auto;background-size: 90%; background-repeat: no-repeat; background-position: center; width: 25px; height: 25px; }
.foot_nav>ul>li.yl>div>span:before{ background-image: url(../images/icon_yl.png); }
.foot_nav>ul>li.mdd>div>span:before{background-image: url(../images/icon_mdd.png); background-size: 80%}
.foot_nav>ul>li.line>div>span:before{ background-image: url(../images/icon_line.png);}
.foot_nav>ul>li.tel>div>span:before{ background-image: url(../images/icon_tel.png);}
.foot_nav>ul>li.yl,.foot_nav ul li.mdd,.foot_nav ul li.line{position: relative;}
.foot_nav>ul>li>div>span i{background: url(../images/icon_down.png) no-repeat; display: inline-block; width: 7px; height: 4px; position: absolute; right: -10px; bottom:13px;}
.foot_nav>ul>li ul{display: none; position: absolute; bottom:58px; width: 100%; background: #0166c7; z-index: 999; box-shadow: 0 0 5px #00378c;}
.foot_nav>ul>li ul li a{height: 36px; line-height:36px; display: block; border-bottom:1px solid #5b9ada; color:#fff; text-indent: 10px;}
/*Ïß·Áбí*/
.xl_list .panel{background:#fff;margin:20px 0;}
.xl_list .panel .panel_header{overflow: hidden; border-bottom:1px solid #e6e6e6;height: 58px;}
.xl_list .panel .panel_header h2{ line-height: 58px;font-size: 24px; font-weight: normal;}
.xl_list .panel .panel_header h2:before{content: ""; display: inline-block; float: left; width: 4px; height: 74px; background: #0193f3; margin-right: 10px;}
.xl_list .panel .panel_body{padding:20px 0 0; overflow:hidden;}
ul.company{margin-top: -2%;}
.company li{float: left;  width:46%; margin:2%;}
.company li a img{display: block; max-width: 100%}
a.more{display: block; float: right; color:#666; position: relative; padding-right: 12px; margin-right: 2%; margin-top:20px;}
a.more:after{content:""; border:3px solid transparent; display: inline-block; border-left-color: #666; position: absolute; right:0; top:7px;}
.hangxian{}
.hangxian li{padding:0 0 25px; margin:0 2% 30px; border-bottom: 1px dashed #e6e6e6;}
.hangxian li a img{width:100%;max-width: 100%;}
.hangxian li a h3{font-size: 22px; font-weight: 300; line-height: 1.6em; margin-top: 15px;}
.hangxian li a p{margin-top: 0; margin-bottom: 0; line-height:1.6em}
.hangxian li a p strong{color: #f95500; font-size: 30px; font-weight: normal;}