/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div{margin:0;padding:0;border:0;}
body{max-width:640px; background:#fff;color:#000;font-size:100%; font-family:"Microsoft Yahei","Arial Narrow"; margin:0 auto;/*font-size:62.5%;*/ width:100%; height:100%;}
html{ width:100%; height:100%;}
ul,ol,li{list-style-type:none;}
select,input,img{vertical-align:middle;}
img{ display:block;}
a{text-decoration:none; outline:none;color:#000; transition:all .2s ease; cursor:pointer;}
a:link{color:#000;}
a:visited{color:#000;}
a:hover{color:#000;}
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
input:focus { outline: none; }
select:focus { outline: none; }
textarea:focus { outline: none; }
*{-webkit-box-sizing: border-box; margin:0; padding:0}
.tbox > * {
	height: 100%;
	display: table-cell;
	vertical-align: top;
}
/* **************************************************** */
.top{
    width: 100%;
}
.top img{
    display: block;width: 100%;
}
.banner{
    width: 100%;
	position:relative;
}
.banner img{
    display: block;width: 100%;
}
.zhong{
    width: 100%;background: url(../images/3.png) no-repeat;
    background-size: 100% 100%;padding: 20px 0;
}
.zhong h2{
    font-size: 18px;line-height: 30px;text-align: center;
    color: #023994;margin-bottom: 10px;
}
.zhong p{
    font-size: 16px;line-height: 25px;text-align: center;color: #333;
    padding: 0 10px;
}
.shi{
    width: 100%;background: url(../images/4.png) no-repeat;
    background-size: 100% 100%;
}
.title{
    width: 100%;
}
.title img{
    display: block;width: 100%;
}
.outBox{ width:96%;margin: 0 auto; padding-bottom: 20px;}
.outBox .hd{ width: 90%;  position:relative; margin: 0 auto; }
.outBox .hd ul{ width: 100%; display: block; }
.outBox .hd ul li{display: block;width: 44%;margin: 0 3%;height: 40px;background-color: #023994;color: #fff;font-weight: bold;line-height: 40px;
    font-size: 18px;text-align: center;margin-bottom: 10px;border-radius: 20px;
    float: left;
}

.outBox .hd ul li.on{ background-color: #fba213; }

.inBox{width: 100%;background-color: #fff; margin: 0 auto;padding-bottom: 20px;}
.inBox .inHd{}
.inBox .inHd ul{ overflow:hidden; zoom:1;display: block;width: 100%;text-align: center; padding-top: 10px; 
}
.inBox .inHd ul li{ height:30px; text-align:center; cursor:pointer; 
    display: inline-block;border: 1px dashed #023994;color: #023994;line-height: 30px;
    padding: 0 10px;margin: 0 5px;border-radius: 5px;font-size: 14px;margin-bottom: 8px;
}
.inBox .inHd ul li.on{background-color: #023994;color: #fff;border: 1px solid #023994; }
.inBox .inBd ul{ display: block;width: 100%;  zoom:1; overflow:hidden;   }
.inBox .inBd li{ width: 50%;float: left; overflow:hidden; zoom:1;  }
.inBox .inBd li img{
    display: block;float: left;margin-top: 10px;width:22%;padding-left: 5%;
}
.inBox .inBd li p{
    display: block;width: 75%;font-size: 16px;color: #333;line-height: 30px;
    height: 30px;overflow: hidden;float: right;margin-top: 10px;
}
.inBox .inBd li .as{
    width: 60%;margin: 0 auto;padding-top: 5px;padding-bottom: 5px;
    height: 85px;
}
.inBox .inBd li .as a{
    display: block;width:100%;height: 30px;margin-bottom: 5px;
    border-radius: 15px;line-height: 30px;text-align: center;font-size: 14px;    
}
.inBox .inBd li .as .a1{
    border: 1px dashed #023994;color: #023994;
}
.inBox .inBd li .as .a2{
    border: 1px dashed #fba213;color: #fba213;
}
.wen{
    width: 100%;background: url(../images/7.png) no-repeat;
    background-size: 100% 100%;
}

.picScroll{ margin:0 auto; text-align:center; width: 80%;}
.picScroll .bd ul{ width:100%;  float:left; }
.picScroll .bd li{
    margin-bottom: 10px;
}
.picScroll .bd li a{ width:94%; font-size:14px; text-align:center;display: block; 
  height: 32px;border: 1px dashed #fba213;text-align: center;color: #fff; 
  margin-left: 15px;position: relative;line-height: 30px;
}
.picScroll .bd li a h3{
    display: block;width: 30px;height: 30px;border-radius: 50%;overflow: hidden;
   position: absolute;top: 0px;left: -15px;background: url(../images/22.png) no-repeat;
   background-size: 100% 100%;font-size: 16px;text-align: center;line-height: 30px;
   color: #fff;
}

.picScroll .bd h2{
    font-size: 18px;color: #fba213;text-align: center;padding: 15px 0;
}

.picScroll .hd{ height:40px; line-height:30px; overflow:hidden; text-align:left; }
.picScroll .hd ul{display: block;width: 100%; text-align: center;  }	
.picScroll .hd li{ display: inline-block; width:10px; height:10px; border-radius: 50%;border: 1px solid #fba213; margin:0 5px; overflow:hidden; text-indent: 999em;

}
.picScroll .hd .on{ background:#fba213;  }
.work{
    width: 100%;background: url(../images/9.png) no-repeat;
    background-size: 100% 100%;padding-bottom: 15px;
}
.work li{
    display: block;width: 44%;margin: 0 3%;float: left;
    border-bottom: 1px solid #023994;padding-bottom: 5px;
    background-color: #fff;margin-bottom: 15px;
}
.work li img{
    display: block;width: 100%;
}
.work li h3{
    font-size: 16px;color: #023994;text-align: center;
    background: url(../images/bgi-20.png) no-repeat;
    background-size: 100% 100%;display: block;width: 100%;
    height: 35px;line-height: 35px;
}
.work li p{
    font-size: 14px;color: #333;
    line-height: 20px;display: block;width: 100%;
    height: 60px;overflow: hidden;
}
.nian{
    width: 100%;background: url(../images/10.png) no-repeat;
    background-size: 100% 100%;
}
.photo{
    width: 100%;background: url(../images/12.png) no-repeat;
    background-size: 100% 100%;overflow: hidden;
}
.photo a{
    display: block;width: 80%;height: 36px;border-radius: 18px;
    border: 1px dashed #fba213;padding: 3px;
    margin: 20px auto 40px;
}
.photo a span{
    display: block;width: 100%;height: 30px;line-height: 30px;
    font-size: 14px;border-radius: 15px;text-align: center;
    line-height: 30px;color: #fff;background-color: #fba213;
    overflow: hidden;
}
.sige{
    width: 100%;background: url(../images/14.png) no-repeat;
    background-size: 100% 100%;position: relative;
}
.sige p{
    font-size: 18px;line-height: 25px;color: #023994;
    text-align: center;
}
.sige .d1{
    width: 28%;float: left;position: relative;margin-top: 8.5%;margin-left: 4%;
}
.sige .d1 img{
    display: block;width: 100%;
}
.sige .d1 p{
    position: absolute;display: block;width: 100%;
    top: 24%;left: -4%;
}
.sige .d3{
    width: 29%;float: right;position: relative;margin-top: 8.5%;margin-right: 4%;
}
.sige .d3 img{
    display: block;width: 100%;
}
.sige .d3 p{
    position: absolute;display: block;width: 100%;
    top: 24%;left: 3%;
}
.sige .d2{
    width: 29%;float: left;position: relative;margin-top: 51%;margin-left: -26%;
}
.sige .d2 img{
    display: block;width: 100%;
}
.sige .d2 p{
    position: absolute;display: block;width: 100%;
    top: 24%;left:-6%;
}
.sige .d4{
    width: 29%;float: right;position: relative;margin-top:13%;margin-right: 4%;
}
.sige .d4 img{
    display: block;width: 100%;
}
.sige .d4 p{
    position: absolute;display: block;width: 100%;
    top: 24%;left: 3%;
}
.zhanshi{
    width: 100%;background: url(../images/23.png) no-repeat;
    background-size: 100% 100%;padding-bottom: 20px;
}
.picScroll1{ text-align:center; width: 80%;margin: 0 auto;position: relative;}
.picScroll1 .hd{
    height: 0px;overflow: hidden;
}
.picScroll1 .prev{
    display: block;position: absolute;left: -10%;top: 50%;margin-top: -15px;
    width: 10%;
}
.picScroll1 .prev img{
    display: block;width: 100%;height: 100%;
}
.picScroll1 .next{
    display: block;position: absolute;right: -10%;top: 50%;margin-top: -15px;
    width: 10%;
}
.picScroll1 .next img{
    display: block;width: 100%;height: 100%;
}
.picScroll1 .bd ul{ width:100%;  float:left;  }
.picScroll1 .bd li{ width:45%; float:left; margin: 0 2.5%; }
.picScroll1 .bd li img{ width:100%;  }
.picScroll1 .bd li p{
    display: block;width: 90%;height: 20px;background: url(../images/bgi-43.png) no-repeat;background-size: 100% 100%;line-height: 20px;text-align: center;
    margin: 0 auto;margin-top: 5px;color: #023994;font-size: 12px;
}
.liucheng{
    width: 100%;background: url(../images/16.png) no-repeat;
    background-size: 100% 100%;
}
.liucheng .heng{
    position: relative;width: 100%;height: 330px;overflow: hidden;
}
.liucheng .heng .xian{
    width: 96%;height: 6px;background: url(../images/19.png) no-repeat;
    background-size: 100% 100%;margin: 0 auto;margin-top: 124px;
}
.liucheng .heng ul{
    display: block;width: 95%;position: absolute;top: 0px;left: 2.5%;
}
.liucheng .heng li{
    display: block;float: left;width: 14.2%;position: relative;
}
.liucheng .heng li a{
    display: block;width: 30px;border: 1px dashed #fba213;
    padding: 10px 0;font-size: 16px;color: #fba213;line-height: 18px;
    text-align: center;margin: 0 auto;
}
.liucheng .heng li img{
    display: block;width: 30px;height: 48px;margin: 0 auto;
}
.liucheng .heng .li1 span{
    display: block;width: 30px;height: 30px;line-height: 30px;
    text-align: center;font-size: 16px;color: #fff;
    position: absolute;top: 111px;left: 50%;margin-left: -15px;
    z-index: 9;
}
.liucheng .heng .li2 span{
    display: block;width: 30px;height: 30px;line-height: 30px;
    text-align: center;font-size: 16px;color: #fff;
    position: absolute;top: 111px;left: 50%;margin-left: -15px;
    z-index: 9;
}
.liucheng .heng .li2{
    padding-top: 111px;
}
.hou{
    width: 100%;background: url(../images/20.png) no-repeat;
    background-size: 100% 100%;
}
.footer{
    width: 100%;background-color: #023994;padding: 30px 20px 20px;
}
.footer .foot{
    width: 100%;padding-bottom: 20px;
    border-bottom: 1px solid #325ea7;
}
.footer .foot a.tbox{
    width: 100%;height: 100%;display: block;vertical-align: top;
}
.footer .foot a.tbox .img{
    width: 100px;height: 100px;border: 1px solid #ccc;padding: 5px;
}
.footer .foot a.tbox .img i{
    display: block;width: 90px;height: 90px;
}
.footer .foot a.tbox .img i img{
    display: block;width: 90px;height: 90px;
}
.footer .foot a.tbox .right{
    width: 100%;padding-left: 10px;
}
.footer .foot a.tbox .right p{
    font-size: 12px;line-height: 25px;color: #fff;display: block;height: 25px;
}
.footer .foot a.tbox .right p span{
    display: block;float: left;line-height: 25px;
}
.footer .foot a.tbox .right p .sp1{
    height: 50px;
}
.footer .ps{
    font-size: 12px;line-height: 20px;color: #888;text-align: center;
    padding-top: 10px;padding-bottom: 80px;
}
.hang{
    width: 100%;height: 65px;background-color: #19489b;position: fixed;
    bottom: 0px;left: 0px;z-index: 99999;
}
.hang a{
    display: block;float: left;width: 25%;height: 65px;font-size: 14px;text-align: center;color: #FFF;
}
.hang a img{
    display: block;height: 30px;margin: 0 auto;margin-top: 10px;margin-bottom: 5px;
}
.banner_an{  width:100%; position:absolute; text-align:center; left:0px; bottom:10px;  z-index:999;}
.banner_an a{ display:inline-block; margin-left:0.8em;}
.banner_an a:first-child{ margin-left:0px;}
.banner_an a img{ display:block;width:auto; height:2em;}