@charset "gb2312";
/* CSS Document */
body {font-size: 16px;font-family:"microsoft YaHei" Arial, Helvetica, sans-serif;padding: 0;margin: 0;color: #444;background:#fff; min-width:320px;}
div,form,ul,dd,dl,ol,dt,li,p{list-style:none;padding:0; margin:0;}
h1,h2,h3,h4,h5,h6{font-size:100%; margin:0; padding:0;}
img { border:none; }
.none{ display:none;}
a{ text-decoration:none; color:#444; cursor:pointer;}
.clear { width:0; height:0; margin:0; padding:0; line-height:0px; font-size:0px; clear:both; overflow:hidden;}
/* CSS beginning */
p a{ color:color:#ca0000;}
.top{ width:100%; height:77px; overflow:hidden; margin-top:41px;}
.top img{ display:block; margin:0 auto;}
.nav{ width:100%; height:62px; overflow:hidden; background-color:#1aa7dc;}
.nav ul{ width:320px; height:62px; margin:0 auto; }
.nav ul li{ float:left; width:79px; height:31px; text-align:center; line-height:31px; color:#fff; border-bottom:1px dashed #fff;}
.nav ul li a{ float: left; width:76px; height:31px; color:#fff;}
.banner{ width:100%;  overflow:hidden;}
.banner img{ display:block; margin:0 auto;}
.tit{ background-color:#f1eff0; width:100%; height:32px; overflow:hidden;}
.tit p{ height:31px; line-height:31px;float:left; padding-left:10px; border-bottom:1px solid #1aa7dc; margin-left:10px;}
.tit p span{  background:url(../images/tit_1.jpg) center left no-repeat; padding-left:13px; float:left;}
.tit a{ float:right; height:32px; line-height:32px;}
.cont{width:100%; height:auto; overflow:hidden;}
.cont img{ float:left; margin:10px;}
.cont p{ padding:10px; line-height:24px; }
.cont p a,.cont p a:visited{ color:#F00}
.news{ width:100%; height:auto; overflow:hidden;}
.news ul{ width:100%; height:auto; overflow:hidden; margin-bottom:10px;}
.news ul li{ float:left; width:98%; padding-left:20px; line-height:32px; border-bottom:1px dashed #c0bfbf;}
.news ul li:last-child{  border-bottom:0px dashed #c0bfbf;}
.news ul li a{ background:url(../images/dian.jpg) left no-repeat; float:left; padding-left:10px;}
.news ul li span{ float:right; padding-right:15px;}
.skill{ width:100%; height:auto; overflow:hidden;}
.skill ul{ width:100%; height:auto; overflow:hidden; margin-top:10px;}
.skill ul li{ width:100%; height:43px; border-bottom:1px dashed #ececec; padding-top:7px;}
.skill ul li img{  float: left; margin-right:10px; margin-left:10px; }
.skill ul li h3{ float:left;color:#444; font-weight:lighter; background:url(../images/dian.jpg) left no-repeat; padding-left:10px;}
.skill ul li p{ line-height:24px;}
.skill ul li p a,.skill ul li p a:visited{ color:#F00;}
.exall{ width:100%; height:auto; overflow:hidden; padding-bottom:10px;}
.ex{ margin-top:5px; height:100px; overflow:hidden; margin-top:10px;}
.ex .a1 img{ display:inline; float:left; margin:0 15px;}
.ex h1{ font-size:12px; height:22px; font-weight:lighter;}
.ex h1 span:last-child{ margin-left:20px;}
.ex p{ height:44px; line-height:22px; overflow:hidden; padding-right:10px; color:#797979;}
.ex p strong{ color:#797979; font-weight:lighter;}
.ex p a{ color:#ca0000;}
.ex .a2{ float:left; width:89px; height:21px; line-height:21px; text-align:center; background:url(../images/btn_a1.jpg) center no-repeat; color:#fff;}
.ex .a3{ float:left; width:89px; height:21px; line-height:21px; text-align:center; background:url(../images/btn_a2.jpg) center no-repeat; color:#fff; margin:0 10px;}
.case{width:100%; height: auto;overflow:hidden;}
.case span{ display:block; width:320px; height:122px; margin:10px auto 0; overflow:hidden;}
.case span .a1{ border:1px solid #e9e9e9; float:left; height:119px; box-sizing:border-box;}
.case span .a1 img{ width:318px; height:91px; display:block;}
.case span .a1 p{ float:left; width:318px; height:auto; overflow:hidden; line-height:24px; text-align:center;}
.case>p{ line-height:24px; padding:0 10px;}
.case>p:last-child{ padding-bottom:10px;}
.case>p a{ color:#444;}
.case>p a em{ color:#ca0000; font-style:normal;}
.cs ul{ width:100%; height:auto; overflow:hidden;}
.cs ul li{ width:98%; height:36px; display:inherit; padding-left:10px;}
.cs ul li a{ float:left; background: url(../images/dian3.jpg) left no-repeat; padding-left:10px; line-height:36px;}
.cs ul li span{ float:right; line-height:36px; margin-right:10px;}
.end{width:100%; height:27px; overflow:hidden; display:block; margin:10px auto 0; background-color:#21a3d2;line-height:27px;}
.end p{ width:320px; height:27px; display:block; margin:0 auto;}
.end p span{  color:#87b5a4; float:left; margin:0 15px;}
.end p a{ float:left;color:#fff; width:77px; text-align:center; height:27px;}
.end p .a1{width:77px;}
.address{ width:100%; background-color:#ececec; text-align:center;margin-bottom:42px;}
.address p{ line-height:24px; padding:0 10px;}
.phone{ background:#21a3d2; width:100%; height:42px;text-align:center; position:fixed; bottom:0px;}
.phone span{ background:url(../images/phone.jpg) center no-repeat; display:block; width:320px; height:42px; margin:0 auto;}
.phone a{ width:105px; height:42px; line-height:42px; color:#fff; float:left;}
.phone a:last-child{ width:70px; padding-left:35px;}
.phone a:nth-child(2){ width:70px; padding-left:35px;}

.guanjianci{margin-top:10px;}
.guanjianci ul{padding:0 8px;}
.guanjianci li{margin-bottom:8px;}
.guanjianci li:before{content:attr(id);display:inline-block;width:16px;height:16px;background:#f1f1f1;text-align:center;line-height:16px;margin:0 8px 0 0;}
.guanjianci li:nth-child(1)::before,.guanjianci li:nth-child(2)::before{background:#FF8F00;}

.list p{width:auto;overflow:hidden;}
.list a{float:none;}

.page ul{text-align:center;}
.page ul li{display:inline-block;line-height:1;padding:8px;background:#f1f1f1;}

.title h1{font-size:20px;color:#1aa7dc;text-align:center;line-height:3;}
.wzlr {line-height:2;}
.wzlr p img,.wzlr img{ max-width:280px !important; margin:0 auto !important; display:block !important;height:auto  !important;}

.lxwm{text-align:center;margin:8px 0;}
.lxwm a{display:inline-block;line-height:40px;padding:0 30px;background:#1aa7dc;margin-right:10px;border-radius:4px;-webkit-border-radius:4px;color:#000;}
.lxwm a:last-child{background:#FF8F00;}

.wz_page{line-height:32px;margin:6px;}

.tuijian .tit a{float:left;width:auto;margin-left:8px;padding:0 4px;}
.tuijian .tit a.hover{color:#1aa7dc;}
.detail_ad05 {
    background-color: rgba(34, 35, 38, 0.6);
    bottom: 0;
    height: 49px;
    left: 0;
    overflow: hidden;
    padding-top: 11px;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 8888;
}
a.detail_ad05a {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #5bd999;
    background-position: -111px 7px;
    border-color: #62947a;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 2px;
}

.detail_ad03, .detail_ad04 ul a, .detail_ad05 a {
    background-image: url(/images/bg03.gif);
    background-repeat: no-repeat;
    background-size: 150px 250px;
}
a.detail_ad05b {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #ff9602;
    background-position: -111px -60px;
    border-color: #e38500;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 2px;
}

.detail_ad05 a {
    border-radius: 6px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
    margin: 0 5px;
    padding-left: 52px;
    position: relative;
    text-align: left;
    width: 85px;
}
.detail_ad05 a {
    background-image: url(/images/bg03.gif);
    background-repeat: no-repeat;
}
.yqlj:before{ content: "";display: block;width: 100%;height: 0px;border-top: 1px solid #ccc;border-bottom: 1px solid #fff;}
.yqlj { width: 100%; clear: both; background: #fff; }
.yqlj ul { background: #eeeeee; width: 100%; height: 45px; list-style: none; border: 0; clear: both; overflow: hidden; }
.yqlj ul li { float: left; width: 30%; text-align: center; height: 45px; line-height: 45px; font-size: 18px; }
.yqlj ul li:hover, .yqlj .hover { background: #fff; border-top: 2px solid #3d4c91; background:#fff; border-top: 2px solid #3d4c91;
}
.yqlj .qhlr { width:90%; margin:10px auto; height:150px; background:#fff; font-size:12px;}
.yqlj .qhlr img { width:100%; margin:3px; max-height:140px}
.yqlj .qhlr a { margin-right:2%;}