/*
* @Author: ayumi 
* @QQ: 44784009
* @Date: 2017-01-11 16:01:59
*/
html,body,*{margin: 0;padding: 0;color: #333;font-family: "Microsoft yahei",Arial, "Helvetica Neue", Helvetica, sans-serif;font-size: 14px;}
ul,li{list-style:none; }
a,a:hover{text-decoration: none;}
h1,h2,h3,h4,h5,h6,p{margin: 0}
hr{margin-top:20px;margin-bottom:20px;border:0;border-top:1px solid #ddd;}

.header-bar{height: 120px;background: #4c4c4c;/*overflow: hidden;*/}
.header-bar.fixed{position: fixed;top: 0;left: 0;right: 0;z-index: 9999;height: 60px;
-webkit-transition:height .5s ease-in-out;
-moz-transition:height .5s ease-in-out;
transition:height .5s ease-in-out;
}

.amore{
-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;
transition:all .5s ease-in-out;
}

.wraper{width: 1120px;margin: 0 auto;}

.header-bar .logo{float: left;height: 60px}
#menu{float: left;padding-top: 40px;padding-left: 40px}
#menu li{float: left;margin-left: 30px;line-height: 40px}
.menu-text{color: #a3a3a3;font-size: 16px;}
#menu li a:hover .menu-text{color: #fff}
#menu li .menu-item-text{display: block;position: relative;}

#menu li i.underline {
    position: absolute;
    display: block;
    left: 1px;
    bottom: -5px;
    overflow: hidden;
    width: 0;
    pointer-events: none;
    background-color: transparent;
    opacity: .85;
    -webkit-transition: all .3s cubic-bezier(.175,.885,.32,1.275);
    transition: all .3s cubic-bezier(.175,.885,.32,1.275);
}
#menu li i.underline{bottom:-6px;background-color:#3E77D1;height:2px;}
#menu li a:hover i.underline{width: 100%}

.header-bar .slogoimg{/*display: none;*/}
.header-bar.fixed .logoimg{display: none;}
.header-bar.fixed .slogoimg{display: block;}

.header-bar.fixed #menu{padding-top: 0;}
.header-bar.fixed #menu li{line-height: 60px}
.header-bar.fixed #menu li i.underline{bottom: 10px}


#homeSlideshow{background:url(../images/loader.gif) no-repeat center center;margin-bottom:10px;padding: 0; }
#homeSlideshow
.flexslider{position:relative;clear: both;}
#homeSlideshow .flexslider
ul{padding:0;margin:0}
#homeSlideshow .flexslider ul.flex-direction-nav
a{width:88px;height:88px;display:block;background:url(../images/flexslider.png) no-repeat 0 0;position:absolute;top:calc(50% - 44px);cursor:pointer;text-indent:-9999px;opacity:0;-webkit-transition:all .3s ease;z-index:10}
#homeSlideshow .flexslider ul.flex-direction-nav a:focus{outline:0}
#homeSlideshow .flexslider ul.flex-direction-nav .flex-next{background-position:-40px 0;right:20px}
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev{background-position:0 0px;left:20px}
#homeSlideshow .flexslider ul.flex-direction-nav
.disabled{opacity:.3!important;filter:alpha(opacity=30);cursor:default}
#homeSlideshow .flexslider
ul.slides{zoom:1;position:relative}
#homeSlideshow .flexslider ul.slides>li{display:none;-webkit-backface-visibility:hidden;position:inherit!important}
#homeSlideshow .flexslider ul.slides>img{width:100%;display:block;border-radius:0;}
#homeSlideshow .flexslider ul.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
#homeSlideshow .flexslider
ol{padding:0;margin:0}
#homeSlideshow .flexslider ol.flex-control-nav{position:absolute;width:100%;text-align:center;margin-top:-30px;z-index:1000}
#homeSlideshow .flexslider ol.flex-control-nav>li{margin:0
6px;display:inline-block;zoom:1}
#homeSlideshow .flexslider ol.flex-control-paging>li>a{width:11px;height:11px;display:block;cursor:pointer;text-indent:-9999px;background:#fff;border:1px
solid #fff;border-radius:20px}
#homeSlideshow .flexslider ol.flex-control-paging>li>a:hover{background:#188ED7}
#homeSlideshow .flexslider ol.flex-control-paging>li>a.flex-active{background:#188ED7}
#homeSlideshow .flexslider:hover .flex-next{opacity:.8;right:5px}
#homeSlideshow .flexslider:hover .flex-next:hover{opacity:1}
#homeSlideshow .flexslider:hover .flex-prev{opacity:.8;left:5px}
#homeSlideshow .flexslider:hover .flex-prev:hover{opacity:1}

#homeSlideshow
.textBlock{position:absolute;left:0;top:10%;text-align:center;display:block;width:100%;color:#fff;font-size:18px;text-shadow:1px 1px 2px #555;line-height:20px}
#homeSlideshow
.textBlock.textLeft{text-align:left!important}
#homeSlideshow
.textBlock.addMargin{top:55%!important}
#homeSlideshow .textBlock .adText,#homeSlideshow
.adText1st{display:block;width:90%;margin:0
auto 35px}
#homeSlideshow
.readMore{border:3px
    solid #fff;padding:5px
20px 6px;text-align:center;font-size:16px;border-radius:4px}
#homeSlideshow .readMore
a{color:#fff;text-decoration:none}
#homeSlideshow .readMore:hover{box-shadow:inset 0 0 5px #f1f1f1}
#homeSlideshow
.readMoreRed{border:3px
    solid #a31022;padding:5px
20px 6px;text-align:center;font-size:16px;border-radius:4px;background:rgba(163,16,34,.9);float:right;margin:-36px 204px 0 0}
#homeSlideshow .readMoreRed
a{color:#fff;text-decoration:none}
#homeSlideshow .readMoreRed:hover{box-shadow:inset 0 0 5px #666}

#homeSlideshow .flexslider ul.flex-direction-nav .flex-next{text-indent: -9999px;}
#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev{text-indent: -9999px;}

#homeSlideshow .flexslider ul.flex-direction-nav .flex-next,#homeSlideshow .flexslider ul.flex-direction-nav .flex-prev{
    cursor: pointer;
    /*background: rgba(0,0,0,0.5);*/
    width: 40px;
    height: 40px;
    position: absolute;
    display: block;
    /*z-index: 100;*/
    border-radius: 50%;
}
#homeSlideshow{font-size: 0;line-height: 0}
#homeSlideshow .slides li{font-size: 0;line-height: 0}
#homeSlideshow .slides a{display: block;font-size: 0;line-height: 0}
#homeSlideshow .slides a img{display: block;/*vertical-align:top;*/}



.box{padding: 20px 0;}
.box .box-tit{font-size: 36px;margin-bottom: 10px;text-align: center;}
.box .box-des{font-size: 18px;text-align: center;}
.box .box-c{padding: 20px 0;overflow: hidden;zoom: 1;}

.morebox{text-align: center;color:#a3a3a3}
.morebox i{color:#a3a3a3;margin-right: 5px}
.amore{background-color: #4c4c4c;color:#a3a3a3;line-height: 40px;padding: 0 20px;display: inline-block;}
.amore:hover{background-color: #5E5E5E;color: #fff}

.pro-box{background-color: #606060;}
.pro-box .box-tit{color: #fff;}
.pro-box .box-des{color: #eee}

.intro{line-height: 25px;text-align: left;font-size: 16px;margin-bottom: 10px}
.intro p{margin-bottom: 10px;line-height: 26px;text-align: left;font-size: 16px;text-indent: 2em}
.intro img{float: left;margin-right: 20px;border-radius: 6px;}
.intro.content img{width: auto;}
.intro.content .abox img{width: 140px}

.pro-list li{display: inline-block;width: 265px;height: 265px;margin:5px;position: relative;}
.pro-list li .image-block img{width: 100%;height: 100%}
.pro-list .info{overflow: hidden;zoom: 1;position: absolute;top: 0;left: 0;right: 0;bottom:0;
    background-color: rgba(0,0,0,0.75);
    opacity: 0;
    -webkit-transition: all .35s ease-in-out;
    -moz-transition: all .35s ease-in-out;
    transition: all .35s ease-in-out;
}


.pro-list .info .content{
visibility: visible;
display: block;
position: absolute;
width: 100%;
height: auto;
top: 50%;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
transform: translateY(-50%);
}

.pro-list .info .line-block{height: 1px;margin: 7px 10px;position: relative;overflow: hidden;}
.pro-list .info .line-block .line{border-style:solid;border-color:rgba(255,255,255,0.75);width:100px;border-width:1px;display: block;margin: 0 auto;}
.pro-list .info .content h5{color: #fff;text-align: center;padding: 0 15px;
    visibility:hidden;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;

    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}
.pro-list .info .content .des{color: #bbb;text-align: left;padding: 0 15px;
    -webkit-transition:all .35s ease-in-out;
    -moz-transition:all .35s ease-in-out;
    transition:all .35s ease-in-out;

    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
}



.pro-list li a.alink:hover .info{opacity: 1;}
.pro-list li a.alink:hover .info .content h5{
    visibility:visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}

.pro-list li a.alink:hover .info .content .des{
    visibility:visible;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
}
.hy{background-color: #eee}



.footer{background-color: #161616;padding: 20px 0;}
.footer *{color: #999;line-height: 26px}
.footer .flogo{float: right}

/*top*/
.backtopbox {bottom: 50px;position: fixed;_position: absolute;right: 10px;z-index: 997;}
.backtopbox a.backtop {background: #AEAEAE url(../images/top2.png) no-repeat 0px 0px;margin-bottom: 3px;border: 1px solid #AEAEAE;}
.backtopbox a {display: block;height: 36px;width: 36px;text-align: center;line-height: 36px;background-color: #FFF;margin-bottom: 3px;border: 1px solid #FFF;border-radius: 3px;}
.backtopbox .backtop:hover{background:url(../images/top.png) center center no-repeat #7F7F7F}

/*·ÖÒ³*/
.pagination{padding: 20px 0;text-align: center;display: block;}
.pagination ul{text-align: center;}
.pagination ul,.pagination ul li{list-style: none;padding: 0;margin: 0}
.pagination ul li{border-radius: 4px;color: #31312f;display: inline-block;margin: 0 2px;}
.pagination ul li a{border-radius: 4px;color: #31312f;background-color: #E7E7E7;line-height: 30px;text-align: center;display: inline-block;padding: 0 10px}
.pagination ul li span.current{color: #fff;background-color: #5271B1;border-radius: 4px;line-height: 30px;text-align: center;display: inline-block;padding: 0 10px;transition: all 150ms ease-in;}
.pagination ul li a:hover{color: #fff;background-color: #5271B1;transition: all 150ms ease-in;}


.content,.content *{line-height: 26px;font-size: 14px;}
.content img{max-width: 100%}

.topimg{text-align: center;}
.topimg img{text-align: center;width: 100%}


.newslist li{background-color: #F6F6F6;padding: 20px;margin-bottom: 20px;border-radius: 4px}
.newslist li h3{font-weight: 400;margin-bottom: 10px}
.newslist li h3 a{color: #000;font-size: 16px;font-weight: 800}
.newslist li p{line-height: 26px;font-size: 14px;}
.newslist li h3 a:hover{color: #5271B1}
.newslist li p a{color: #5271B1}
.newslist li p a:hover{text-decoration: underline;}

#workpop .box-tit{font-size: 18px;text-align: center;padding-bottom: 10px}
.date{float: right;}
.datebox{text-align: center;}
.datebox span{margin: 0 10px;line-height: 25px}

.layer-mask{background-color: #000;opacity: 0.8;position: fixed;top:0;left: 0;right: 0;bottom:0;display: none;}
#workpop{width:0%;background:#fff;overflow:hidden;position:fixed;top:0;right:0;bottom:0;z-index:99999;
overflow-y:scroll;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.close{position: fixed;right:-30px;top:50%;margin-left:-30px;display: inline-block;width: 30px;height: 80px;background-color: #bbb;cursor: pointer;
    text-align: center;
-webkit-transition:all .3s ease-in-out;
-moz-transition:all .3s ease-in-out;
transition:all .3s ease-in-out;
}
.close:hover{background-color: #ACACAC}
.close i{line-height: 80px;font-size: 22px;text-align: center;color: #fff}
#loading {
    width: 100%;
    display: block;
    height: 100%;
    _height: 700px;
    background: #262626;
    z-index: 9999;
    overflow: visible;
    position: fixed;
    left: -100%;
    top: 0px;
    _position: absolute;
    _top: expression(documentElement.scrollTop + 0 + "px");
}

#workpop.pop{width: 50%;}
#workpop .page{padding: 20px}
body.overhide{overflow: hidden;zoom: 1;}
.close.pop{right:50%;}

.pro-list li .image-block{height: 100%}
.pro-list li .image-block img{height: 100%}

.tablist{overflow: hidden;zoom: 1;margin-bottom: 20px}
.tablist li{display: inline-block;margin: 0 10px;line-height: 40px;float: left;color: #fff;}
.tablist li a{border-radius: 20px;color: #fff;display:block;padding: 0 26px;background-color: #4C4C4C;
    -webkit-transition:all .3s ease-in-out;
    -moz-transition:all .3s ease-in-out;
    transition:all .3s ease-in-out;
}
.tablist li.current a{background-color:#5271B1; 
    
}
.tablist li a:hover{background-color:#5271B1}

#shebei li{height: 180px}
#shebei li h3{text-align: center;line-height: 30px}

.pro-list.poplist li{height: 180px}
.page-img,.page-img img{text-align: center;}
.page-img .wraper{position: relative;}
.page-img h1{/*position: absolute;top:20px;left: 50%;*/font-size: 30px;/*margin-left: -60px*/margin-bottom: 30px;}

.pdesc{line-height: 35px;font-size: 16px;padding: 20px 0;}

.plist{font-size: 0;}
.plist li{width: 33.333%;display: inline-block;text-align: center;margin-bottom: 40px;}
.plist li img{width: 50%;position: relative;}
.plist li a{
    display: inline-block;
}



.team-list{padding-top: 20px;overflow: hidden;clear: both;}
.team-list dl{float: left;width: 50%;overflow: hidden;zoom:1;margin-bottom: 20px;}
.team-list dl dt{float: left;width: 160px}
.team-list dl dt img{width: 150px;height: 180px;}
.team-list dl:nth-child(odd) dd{padding-right: 20px}
.team-list dl dd h3{font-size: 20px;}
.team-list dl dd p{line-height: 25px;font-size: 16px;}





.pro-bg-img{background: url(../images/pro-bg.jpg) center top no-repeat;background-size: 100% 100%;}
.contact-box .input-group{margin-bottom: 10px;}
.contact-box .input-group input{height: 32px;line-height: 32px;padding: 0 10px;width: 260px;border: 1px solid #ddd}
.contact-box .input-group textarea{border: 1px solid #ddd;padding:10px;width: 460px;}
.contact-box .input-group,.contact-box .input-group label{vertical-align: top;}
.contact-box .input-group label{width:100px;display: inline-block;}
.contact-box h2{font-size: 18px;line-height: 40px;border-bottom: 1px solid #ddd}
.contact-box p{line-height: 30px;margin-bottom: 10px}
.contact-box .sbtn{border: 1px solid #3071AA;line-height: 40px;display: inline-block;height: 40px;padding: 0 20px;color: #fff;font-size: 16px;cursor: pointer;background: #3781C3;margin-left: 80px;}
.contact-box .input-group input.ch{width: 18px;height: 18px;line-height: 18px;vertical-align: middle;}
.input-group img{vertical-align: middle;}

.imglist .right li{position:relative;margin-top:40px;height:70px;}
.imglist .right span{display:block;width:80px;height:80px;border:1px solid #aaa;border-radius:50%;position:absolute;left:-110px;top:0px;padding:10px;-o-transition:all 0.2s;transition:all 0.2s;-webkit-transition:all 0.2s;}

.imglist .list .list1 span{border:1px solid #ff6756;}
.imglist .list h3{color:#333;font:16px "Microsoft YaHei UI";display:block;font-weight:bolder;height:20px;width:100%;margin-bottom:10px;}
.imglist .list p{font-size:12px;color:#666;line-height:18px;}

.imglist .list span i{width:65px;height:65px;display:block;border-radius:50%;position:absolute;top:18px;left:18px;}

.imglist .list1 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#ff6756;}

.imglist .list .list2 span{border:1px solid #fbc712;}
.imglist .list .list2 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#fbc712;background-position:-65px 0;}

.imglist .list .list3 span{border:1px solid #05c387;}
.imglist .list .list3 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#05c387;background-position:-130px 0;}

.imglist .list .list4 span{border:1px solid #00bac0;}
.imglist .list .list4 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#00bac0;background-position:-195px 0;}

.imglist .right .list1 span:hover{background-color:rgba(255,103,86,0.35);border-color:#fff;}
.imglist .right .list2 span:hover{background-color:rgba(251,199,18,0.35);border-color:#fff;}
.imglist .right .list3 span:hover{background-color:rgba(5,195,135,0.35);border-color:#fff;}
.imglist .right .list4 span:hover{background-color:rgba(0,186,192,0.35);border-color:#fff;}

.imglist{margin-bottom: 40px;padding-bottom: 40px;height: 420px}
.imglist{background: url(../images/p-bg.jpg) center center no-repeat;background-size: 60% }
.imglist .right{float: right;width: 400px}
.imglist .left{float: left;width: 400px}
.imglist .list.left h3{text-align: right;}

.imglist .right .list1{left: -10px;top: -5px}
.imglist .left .list1{right: -10px;top: -5px}

.imglist .right .list2{left: 60px;top: 5px;width: 340px}
.imglist .left .list2{right: 0px;top: 5px;width: 340px}

.imglist .right .list3{left: 10px;top: 40px}
.imglist .left .list3{right: 20px;top: 40px}

.imglist .left li{position:relative;margin-top:40px;height:70px;}
.imglist .left span{display:block;width:80px;height:80px;border:1px solid #aaa;border-radius:50%;position:absolute;right:-110px;top:0px;padding:10px;-o-transition:all 0.2s;transition:all 0.2s;-webkit-transition:all 0.2s;}
.imglist .left span i{width:65px;height:65px;display:block;border-radius:50%;position:absolute;top:18px;left:18px;}

.imglist .left .list1 span{border:1px solid #ff2400;}
.imglist .left .list2 span{border:1px solid #ff0084;}
.imglist .left .list3 span{border:1px solid #0090ff;}


.imglist .left .list1 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#ff2400;background-position:-195px 0;}
.imglist .left .list2 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#ff0084;background-position:-260px 0;}
.imglist .left .list3 span i{background-image:url(../images/p-ico-1.png);background-repeat:no-repeat;background-color:#0090ff;background-position:-325px 0;}


.imglist .left .list1 span:hover{background-color:rgba(255,36,0,0.35);border-color:#fff;}
.imglist .left .list2 span:hover{background-color:rgba(255,0,132,0.35);border-color:#fff;}
.imglist .left .list3 span:hover{background-color:rgba(0,145,255,0.35);border-color:#fff;}

.wobble-horizontal {
  display: inline-block;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.wobble-horizontal:hover {
  -webkit-animation-name: wobble-horizontal;
  animation-name: wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    -ms-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    -ms-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    -ms-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    -ms-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}
/* Wobble Horizontal */
.plist li h3{text-align: center;font-size: 20px;}

@media (max-width:768px){
    #homeSlideshow .flex-direction-nav{display:none!important}
}
@media (min-width:1000px){
    #homeSlideshow
    .adText{font-size:40px!important;top:40px!important;left:40px!important;line-height:55px!important;width:1140px!important}
    #homeSlideshow .adText
    em{font-size:35px!important;font-style:normal;margin-top:20px;display:inline-block;margin-top:-15px}
    #homeSlideshow
    .adText1st{font-size:60px!important;top:40px!important;left:40px!important;line-height:55px!important;width:980px!important;margin-bottom:20px}
    #homeSlideshow .adText1st
    em{font-size:35px!important;font-style:normal;margin-top:20px;display:inline-block}
}

@media (max-width:750px){
    .textBlock{position:relative!important;background:#d1d1d1;border-radius:0 0 10px 10px;padding:10px
    5px;color:#333!important;text-shadow:none!important}
    .adText,.adText1st{margin-bottom:0!important}
    .flex-control-nav{margin-top:-84px!important}
}

@media (min-width:768px){
    .flexslider ul.slides>li
    img{width:100%}
}
@media (min-width:1000px){
    .flexslider{margin:0!important}
}

.about-list{padding-top: 10px}
.about-list li{font-size: 18px;padding-left: 30px;background: url(../images/arrow.png) left center no-repeat;margin-bottom: 10px;display: inline-block;margin-right: 10px}
.img-intro{}
.intro hr{clear: both;}
.img-intro.fl{float: left;}
.img-intro.fr{float: right;}
.intro,.intro *{font-size: 18px;}
.intro h3{font-size: 20px;margin-bottom: 10px}
.intro img{width: 140px}
.intro p{font-size: 18px;line-height: 30px}


.intro.content img{float: none;}
.intro.content .abox img{float: left;}
.intro.content p{text-indent: 0}
.abox{overflow: hidden;zoom: 1;font-size: 18px;line-height: 30px;}

.intro .bit{margin-bottom: 20px;text-align: center;font-size: 20px;}
.footer a:hover{color:#3F6FBC;}

@media screen and (max-width: 480px)
{
    .wraper{width: auto;}
    .box-c img{width: 100%}
}




.plist li{width: 20%}
.plist li img{width: 90%}

.pname{font-size: 0;}
.pname li{width: 33%;display: inline-block;text-align: center;line-height: 50px;color: #fff;font-size: 16px;margin-right: 2px;margin-bottom: 2px;}
.pname li a{color: #fff;background-color: #ddd;display: block;}
.pname li.c1{width: 24%}
.pname li.c2{width: 25%}
.pname li.c3{width: 25%}
.pname li.c4{width: 25%}
.pname li.c8{width: 49.4%}
.pname li.c9{width: 49.5%}


.pname li.c1 a{background-color: #1b62d8;}
.pname li.c2 a{background-color: #201bd8;}
.pname li.c3 a{background-color: #701bd8;}
.pname li.c4 a{background-color: #a51bd8;}
.pname li.c5 a{background-color: #d81b59;}
.pname li.c6 a{background-color: #d8361b;}
.pname li.c7 a{background-color: #d8811b;}
.pname li.c8 a{background-color: #e6b301;}
.pname li.c9 a{background-color: #12980b;}


.pname li a:hover{background-color: #B21422}


.header-bar{height: 60px}
.header-bar #menu{padding-top: 0;line-height: 60px;margin-bottom: 0;}
.header-bar #menu *{line-height: 60px;color: #fff;fz}
.header-bar #menu li{position: relative;margin: 0;}
.header-bar #menu li span{display: block;cursor: pointer;padding: 0 44px;font-size: 16px;line-height: 60px;height: 60px}
.header-bar #menu li span:hover{background-color: #342C2A}
.header-bar #menu li span a{font-size: 16px;}

.header-bar #menu li .submenu{position: absolute;top: 60px;left: 0;display: none;z-index: 99999}
.header-bar #menu li .submenu li{clear: both;float: none;min-width: 152px;text-align: center;}
.header-bar #menu li .submenu li a{background-color: #342C2A;display: block;line-height: 36px;padding: 0 15px}
.header-bar #menu li.on span{background-color: #342C2A}
.header-bar #menu li .submenu li a:hover{background-color: #453A38}

.header-bar #menu li.on .submenu{display: block;}

.header-bar #menu li:nth-child(3) .submenu li{width: 178px}
.header-bar #menu li:nth-child(4) .submenu li{width: 186px}



.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination{font-size: 0;margin-bottom: 30px;}

.pagination a{border-radius:2px;width:36px;height:36px;background:#fff;display:block;color:#a9a9a9;line-height:36px;text-align:center;font-family:Arial;float:left;margin-right:5px;transition:background-color 0.2s ease-out;margin:0}
.pagination>li>a{line-height: 36px;padding: 0;border-radius: 2px;border: none;background-color: #eee;color: #999;transition: background-color 0.2s ease-out;}
.pagination>li{display: inline-block;margin-right: 5px;height: 36px;line-height: 36px;float: left;}
.pagination>li>a:hover{background-color: #969696;color: #fff;}
.pagination>li span{padding: 0;line-height: 36px;display: inline-block;border-radius: 2px;border:none;min-width: 36px;text-align: center;}
.pagination>li.active span{line-height: 36px;line-height: 36px;background-color: #5271B1;padding: 0;display: inline-block;width: 36px;color: #fff;border-radius: 2px;border:none}
.pagination>.disabled>span{padding:0 0px;background-color: #eee;}

.content table {
    margin-bottom: 10px;
    border-collapse: collapse;
    display: table;
}
.content table tr.firstRow th {
    border-top-width: 2px;
}
.content table th {
    border-top: 1px solid #BBB;
    background-color: #F7F7F7;
}

.content td, .content th {
    padding: 5px 10px;
    border: 1px solid #DDD;
}