/* 头部 */
img{position: relative;}
img::before{}
img:hover{-webkit-transform:scale(1.01);transform:scale(1.01); 
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
    box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} 


.top{height: 20px;width: 1400px;margin:0 auto;color:#999999;text-align: right;padding:20px 0 0 0;}
.top-phone{display: inline-block;vertical-align: middle;width:20px;height:20px;background: url(../images/icon-phone.png) no-repeat center left;background-size:auto 20px;}

.logo-outer{width: 1400px;margin:0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;height: 100px;box-sizing: border-box;}

.logo{position: relative;margin-top: -20px;}
.logo a {display: inline-block;vertical-align: top;}
.logo a img{height:100px;}
.logo a img:hover{-webkit-transform:scale(1);transform:scale(1);box-shadow:none;}

.logo em {display: inline-block;vertical-align: top;padding:30px 0 0 30px;}
.logo em img{height:27px;}
.logo em img:hover{-webkit-transform:scale(1);transform:scale(1);box-shadow:none;}

.search{padding: 15px 0 0 0;margin-left:135px;}
.search dl{border:1px #ccc solid; border-radius: 30px;width: 340px;height:36px;box-sizing: border-box;position: relative;}
.search dl dt{display: inline-block;vertical-align: top;padding:9px 0 0 17px;}
.search dl dt input{width: 260px;line-height: 16px;height:16px;border-right:1px #ccc solid;}
.search dl dd{display: inline-block;vertical-align: top;position: absolute; top:0;right:0;}
.search dl dd button{width: 60px;height: 34px;background: url('../images/search.png') no-repeat center;background-size: 23px auto;cursor: pointer;}
.search dl dd button:hover{opacity: 0.8;}

.search p{color:#666;line-height: 30px;padding:5px 0 0 0;font-size:15px;}
.search p a{color:#666;}
.search p a:hover{color:#c60000;}


.top-code{padding: 8px 0 0 0;}
.top-code dl{position: relative;display: inline-block;vertical-align: top;}
.top-code dl dt{text-align: center;}
.top-code dl dt em{display: inline-block;width:66px;height:50px;vertical-align: top;}
.top-code dl dt em.code-phone{background: url('../images/code-phone.png') no-repeat center;background-size:auto 28px;}
.top-code dl dt em.code-app{background: url('../images/code-app.png') no-repeat center;background-size:auto 28px;}
.top-code dl dt em.code-list{background: url('../images/code-list.png') no-repeat center;background-size:auto 28px;}
.top-code dl dt span{display: block;color: #888;}
.top-code dl dd{position: absolute;top:70px;left:50%;margin-left:-50px;display: none;line-height: 16px;z-index: 2;}
.top-code dl dd img{width: 100px;height: 100px;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);}

/* 融媒矩阵 */
.top-code dl .part1{position: absolute;background: #fff;  padding: 10px 15px 20px 15px;box-shadow: 0px 0 10px #c3c3c3;z-index: 99;right: -100px; width: 375px;font-size: 0;box-sizing: border-box;}
.top-code dl .part1 li{width: 33.33%;text-align: center;margin-top: 20px;display: inline-block;vertical-align: top;}
.top-code dl .part1 img{width: 80px;height: 80px;display: inline-block;vertical-align: top;}
.top-code dl .part1 p{line-height: 16px;height: 16px;font-size: 12px;margin-top: 5px;}


.menu-outer{height: 50px;background: #c60000;}
.menu{width: 1400px;margin:0 auto;padding:0 40px 0 30px;box-sizing: border-box;position: relative;}
.menu ul{font-size: 0;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.menu ul li{display: inline-block;vertical-align: top;font-size: 18px; line-height: 50px;color: #fff;}

.menu ul li a{color: #fff;}
.menu ul li a:hover{color:#f4f2a7;font-weight: bold;}
.menu ul li:first-child a{color:#f4f2a7;} 

.menu em{width: 23px;height: 23px;position: absolute;top:14px;right:0;z-index: 1;cursor: pointer;}
.menu-down{background: url('../images/menu-down.png') no-repeat center rgba(0,0,0,0.1);background-size: 9px 5px;}
.menu em:hover{background-color: rgba(255,255,255,0.5);}


.menulevel2-outer{height: 50px;border-bottom: 1px #ccc solid;}
.menulevel2{width: 1400px;margin:0 auto;padding:0 100px;box-sizing: border-box;}
.menulevel2 ul{font-size: 0;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}
.menulevel2 ul li{display: inline-block;vertical-align: top;font-size: 16px; line-height: 50px;color: #8d8d8d;}

.menulevel2 ul li a{color: #8d8d8d;}
.menulevel2 ul li a:hover{color:#f00;}

.wrap{width:1400px;margin:0 auto;display: flex;flex-wrap: wrap;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;justify-content: space-between;}