*{ padding:0; margin:0;}
ul,ol{ list-style:none;}
a{ text-decoration:none;}
input,button,a{ outline:none;}
body{ font-family:"Microsoft YaHei"; color:#545454;overflow-x: hidden;}
img{ border:none; vertical-align:middle;}
h5{ font-weight:normal;}
i,em{ font-style:normal;}

.header{ width:100%; min-width:1200px; height:80px;}
.header .con{ width:1200px; margin:0 auto;}
/*.header .con img{ float:left; width:103px; height:38px; margin-top:25px;}*/
.header .con img{  width:175px; height:137px;}
.header .con ul{ float:right; position:relative; top:3px; left:0;}
.header .con ul li{ float:left; position:relative; padding: 0 35px;}
.header .con ul li:last-child{padding-right: 0;}
.header .con ul li>a{ display:block; color:#545454; font-size:14px; padding:30px 0; cursor:pointer;transition: 0.3s;}
.header .con ul li>a.on,.header .con ul li:hover>a{color: #2b2b2b;}

.banner{width:100%; min-width:1200px;overflow: hidden;position: relative;}
.banner img{width: 1920px;height: 370px;position: relative;top: 0;left: 50%;margin-left: -960px;}
.banner a{display: inline-block;font-size: 18px;color: #fff;width: 195px;height: 40px;line-height: 40px;text-align: center;position: absolute;top: 242px;left: 0;right: 0;border: 1px solid #fff;margin: 0 auto;transition: 0.3s;border-radius: 3px;}
.banner a:hover{background-color: #fff;color: #2b2b2b;}

.crumbs{width: 1200px;height: 100px;line-height: 100px;margin: 0 auto;}
.crumbs p{font-size: 16px;color: #3c3e40;}
.crumbs a{font-size: 16px;color: #3c3e40;}
.crumbs a:hover{text-decoration: underline;}

#menu{position:fixed;right: 6%;top:100px;width: 150px;background-color: #fff;box-shadow: 0 5px 10px #e6e9eb;border-radius: 3px;display: none;z-index: 1;}
#menu li{margin: 3px;border-bottom: 1px solid #eee;text-align: center;}
#menu li:last-child{border-bottom: none;}
#menu li a{height: 70px;line-height: 70px;display: block;border-radius: 3px;font-size: 18px;color: #6c6c6c;transition: 0.3s;}
#menu li a:hover,#menu li a.current{color:#fff;background:#2b2b2b;}　
                                                                   .interval{}

#content{width: 100%;min-width: 1200px;}
.company,.system,.means{background-color: #f9f9f9;width: 100%;min-width: 1200px;padding-bottom: 50px;}
.company .con,.profile,.system .con,.means .con{width: 1200px;margin: 0 auto;}
.main-title{text-align: center;padding: 48px 0 47px;}
.main-title p{font-size: 16px;color: #8c8c8c;}
.main-title b{font-size: 36px;color: #1f1f1f;display: block;}
.main-title i{width: 25px;height: 8px;display: inline-block;background-color: #8b8d92;border-radius: 30px;}
.company .con .pic{width: 1200px;height: 327px;background: url(/images/about/about-23c84a99c977631a0c43b52e5fd93274.png) center no-repeat;padding-left: 27px;box-sizing: border-box;}
.company .con .pic img{margin-top: 46px;width: 275px;height: 240px;margin-right: 10px;border-radius: 3px;}
.company .con .title{width: 1100px;margin: 20px auto 0;}
.company .con .title em{color: #2b2b2b;font-size: 20px;}
.company .con .title span{color: #2b2b2b;font-size: 14px;display: block;margin: 1px 0 10px;font-family: arial;}
.company .con .title p{font-size: 14px;color: #494c54;line-height: 1.75em;text-indent: 24px;}
.company .con .title i{display: block;width: 80px;height: 4px;background-color: #2b2b2b;margin-top: 12px;border-radius: 1px;}

.profile ul{margin-bottom: 10px;}
.profile li{width: 495px;float: left;margin-bottom: 60px;display: flex;}
.profile li:nth-child(2n){margin-left: 210px;}
.profile li img{width: 71px;height: 71px;transition: 0.3s;}
.profile li:hover img{transform:rotate3d(0,1,0,180deg);}
.profile li .title{margin-left: 35px;position: relative;top: -3px;}
.profile li .title b{font-size: 20px;color: #3c3c3c;}
.profile li .title p{font-size: 16px;color: #5b5c62;width: 360px;margin-top: 7px;line-height: 1.5em;min-height: 58px;letter-spacing: 1px;}

.system .con li{float: left;width: 354px;height: 396px;background: url(/images/about/system-2736d09f667863ed2fd0fdcf7d88e881.png) center no-repeat;margin-right: 69px;position: relative;text-align: center;transition: 0.3s;}
.system .con li:nth-child(3){margin-right: 0;}
.system .con li:hover{background: url(/images/about/system-on-87f5955bd24e24c9ad069b19836394dc.png);}
.system .con li img{width: 61px;height: 51px;position: absolute;top: 90px;left: 145px;opacity: 1;transition: 0.3s;}
.system .con li:hover .pic{opacity: 0;}
.system .con li i{font-size: 24px;color: #2b2b2b;margin-top: 165px;display: block;transition: 0.3s;}
.system .con li p{font-size: 14px;color: #565d68;width: 230px;margin: 15px auto 0;line-height: 1.7em;transition: 0.3s;}
.system .con li:hover i,.system .con li:hover p{color: #fff;}

.means{padding-bottom: 70px;}
.means li{float: left;width: 360px;height: 320px;background-color: #fdfdfd;border-radius: 5px;box-shadow: 0 0 20px #ebedf0;margin-right: 55px;margin-bottom: 40px;border-bottom: 4px solid #2b2b2b;}
/*.means li:nth-child(3n){margin-right: 0;}*/
.means li img{height: 215px;max-width: 360px;margin: 15px auto 0;display: block;transition: 0.3s;}
.means li:hover img{transform:scaleX(1.1) scaleY(1.1);}
.means li p{font-size: 20px;color: #434549;width: 100%;background: #fff;height: 75px;line-height: 75px;text-align: center;margin-top: 15px;border-top: 1px solid #eee;}

@media screen and (max-width: 1440px) {
    .banner	img{width: 1440px;height: 278px;margin-left: -720px;}
    .banner a{top: 185px;font-size: 14px;width: 143px;height: 35px;line-height: 35px;}

    #menu{right: 2%;width: 130px;}
    #menu li{margin: 2px;}
    #menu li a{font-size: 16px;height: 60px;line-height: 60px;}

    .main-title p{font-size: 12px;}
    .main-title b{font-size: 30px;}

    .profile li .title b{font-size: 18px;}
    .profile li .title p{font-size: 14px;}

    .system .con li i{font-size: 18px;}

    .means li{height: 310px;}
    .means li p{font-size: 16px;height: 65px;line-height: 65px;}
}

/*.footer{width:100%; min-width:1200px;height: 220px;background-image: linear-gradient(to right, #2047c0, #0290fe);}*/
.footer{width:100%; min-width:1200px;height: 220px;background-image: linear-gradient(to right, #363236, #2F2B2C);}

.footer .con{width: 1200px;margin: 0 auto;}
.footer .con .left{float: left;}
.footer .con .left b{color: #fff;font-size: 18px;display: block;margin: 30px 0 25px;font-weight: normal;letter-spacing: 1px;}
.footer .con .left ul{width: 463px;height: 51px;background: url(/images/index/line-bf834d2ae1e291b7e3699d2a327cd1cf.png);}
.footer .con .left li{float: left;margin-right: 47px;}
.footer .con .left li:last-child{margin-right: 0;}
.footer .con .left li a{color: #fff;font-size: 14px;line-height: 51px;transition: 0.3s;}
.footer .con .left li:hover a{opacity: 0.8;}
.footer .con .right{float: right;display: flex;margin-top: 38px;}
.footer .con .right ul{margin-right: 20px;margin-top: 8px;}
.footer .con .right li{margin-bottom: 11px;}
.footer .con .right li img{width: 16px;height: 16px;margin-right: 3px;}
.footer .con .right li i{font-size: 14px;color: #fff;letter-spacing: 1px;}
.footer .con .right .pic{width: 100px;height: 100px;}
.footer .con .title{text-align: center;margin-top: 35px;}
.footer .con .title p{display: inline-block;color: #fff;font-size: 14px;}
.footer .con .title img{width: 18px;height: 20px;margin-left: 5px;position: relative;top: -2px;}

.Clear{ clear:both;}