body{font-size: 16px;}
.pdb30{ padding-bottom: 30px;}
.header{ box-sizing: content-box;}
.topbanner{ text-align: center; height: 500px; background-repeat: no-repeat; background-position: center center; margin: 0px auto;}
.topbanner h1{ font-size: 36px; padding: 2em 0em 0.5em 0em; color: #fff;}
.topbanner p{ line-height: 2em; font-size: 1.2em; color: #fff; padding: 2.5em 0em;}
.topbanner .online{ background-color: #fff; border-radius: 5px; padding: 0.8em 2em; color: #333; text-decoration: none;}
.topbanner .online:hover{ background-color: #2B8CF4;color: #fff;}
.topbanner.shengchan{ background-image: url(/images/v3/keji/shengchanguanli.jpg);}
.topbanner.yunchengzhong{ background-image: url(/images/v3/keji/yunchengzhong.jpg);}
.topbanner.guanjia{ background-image: url(/images/v3/keji/guanjia.jpg);}
.topbanner.shouliao{ background-image: url(/images/v3/keji/shouliao.jpg);}
.topbanner.xiaoshou{ background-image: url(/images/v3/keji/xiaoshou.jpg);}
.topbanner.zhuangche{ background-image: url(/images/v3/keji/zhuangche.jpg);}
.topbanner.peidian{ background-image: url(/images/v3/keji/peidian.jpg);}
.topbanner.rgv{ background-image: url(/images/v3/keji/rgv.jpg);}
.topbanner.dibang{ background-image: url(/images/v3/keji/dibang.jpg);}
.topbanner.zhinengdibang{ background-image: url(/images/v3/keji/zhinengdibang.jpg);}
.topbanner.wurenzhuangche{ background-image: url(/images/v3/keji/wurenzhuangche.jpg);}
.topbanner.yikatong{ background-image: url(/images/v3/keji/yikatong.jpg);}
.topbanner.jikongpingtai{ background-image: url(/images/v3/keji/jikongpingtai.jpg);}
.topbanner.dibangxitong{ background-image: url(/images/v3/keji/dibangxitong.jpg);}
.topbanner.zhihuikuangshan{ background-image: url(/images/v3/keji/zhihuikuangshan.jpg);}
.specontainer{padding: 5em 0em;}
.specontainer:nth-child(even){ background-color: #f5f5f5;}
.specontainer:nth-child(even) .col-md-6:nth-child(1){float:right}
.specontainer h2{ font-size: 28px; padding: 1.5em 0em;}
.specontainer p{ font-size: 18px; line-height: 2em;}

.specontainer .xiazai{margin-top:5rem;}
.specontainer .xiazai a{background-color: #2B8CF4; border-radius: 5px; padding: 0.8em 2em; color: #fff; text-decoration: none;}

.specontainer ul {line-height: 30px;}
.specontainer ul li {overflow: hidden;list-style-type: disc;list-style-position: inside;font-size: 14px;}

.newslist{ line-height: 2em;}
.newslist li{ width: 48%; float: left; text-align: right;}
.newslist li:nth-child(odd){ float: right; text-align:left;}

.specontainer h3{ font-size: 2em; text-align: center; padding: 0.5em 0em 1.8em 0em;}

.specontainer.youshi{ background-image: url(/images/v3/keji/wide-bg2.png); background-repeat: repeat-x; background-position: center bottom;}
.youshi .area{
    width: 100%;
    height: 280px;
    background: #fff;
    box-shadow: 0 1px 18px 0 rgba(0,0,0,.14);
    padding: 40px 30px;
    text-align: center;
    margin: 0 auto 30px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}
.youshi .area h4{ padding: 2em 0em;}
.youshi .area p{ font-size: 0.9em; line-height: 1.8em; color:#555;}

.bootsms{padding: 5em 0em;background-repeat: repeat-x; background-position: center center; background-color: #2B8CF4; color: #fff; background-image: url(/images/v3/keji/team_home_bg.png);}
.bootsms h3{font-size: 2em; text-align: center; padding: 0.5em 0em 0.5em 0em; }
.bootsms p{ font-size: 1em; padding-bottom: 2em; text-align: center;}
.bootsms .submit{ background-color: #fff; border-radius: 5px; color: #2B8CF4; padding: 1em 2em;}
.bootsms li{ padding: 10px 0px;}
.bootsms .submit{color: #fff;background-image: linear-gradient(90deg,#ffb026,#ff8737); border-radius: 5px; padding: 0.8em 1.5em;}

.specontainer.project .pro{ background-color: #fff;/*box-shadow: 0 1px 18px 0 rgba(0,0,0,.14);*/ text-align: center; -webkit-transition: all .5s ease; transition: all .5s ease;}
.specontainer.project .pro span{ width: 90%; margin: 0px auto; display: block; padding: 1.5em 0em;}

.contentnav { float: left; padding: 40px 0px 20px 0px;}
.contentnav ul li{width: 96px;height: 96px;float: left;text-align: center;background-color: #f2f2f2;border-radius: 5px;margin: 0px 10px 10px;box-sizing:border-box;}
.contentnav ul li a{display: block; height: 96px;width: 100%; padding: 30px 10px 0px 10px;}

.contentnav ul li:hover{ background-color: #2B8CF4; color: #fff; color: #fff; text-decoration: none;}
.contentnav ul li:hover a{color: #fff; text-decoration: none;}