html {font-family:"微软雅黑", arial, 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased;font-size: 14px;}html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, and, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, input, textarea, select {margin: 0;padding: 0;outline: 0;border: 0;background: transparent;}ul, ol {list-style: none;}article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}audio:not([controls]) {display: none;height: 0;}[hidden],template {display: none;}
a {background: transparent;}a:active,a:hover {outline: 0;}abbr[title] {border-bottom: 1px dotted;}b,strong {font-weight: bold;}dfn {font-style: italic;}h1 {font-size: 2em;margin: 0.67em 0;}button::-moz-focus-inner,input::-moz-focus-inner {border: 0;padding: 0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto;}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none;}a{text-decoration: none;color: #005fb4;}.copyrights{text-indent:-9999px;height:0;line-height:0;font-size:0;overflow:hidden;}
@media print {* {text-shadow: none !important;color: #000 !important;background: transparent !important;box-shadow: none !important;} a, a:visited {text-decoration: underline;}a[href]:after {content: " (" attr(href) ")";} abbr[title]:after {content: " (" attr(title) ")";} a[href^="javascript:"]:after,a[href^="#"]:after {content: "";} pre,  blockquote {border: 1px solid #999;page-break-inside: avoid;}thead {display: table-header-group;}tr,img {page-break-inside: avoid;}img {max-width: 100% !important;}p, h2, h3 {orphans: 3;widows: 3;} h2,h3 {page-break-after: avoid;}select {background: #fff !important;}}

.subdymain{margin: 0 auto;width: 1260px;}
.subdymain:after{content: '';display: block;clear: both;}
.clear:after{content: '';display: block;clear: both;}
.transition{transition: all .3s ease;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;-ms-transition: all .3s ease;}

/*header footer css begin*/
.head{position: absolute;left: 50%;top: 0;z-index:1;margin-left: -600px;width: 1200px;}
.sub-banner {
	background-image: url(../images/news_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}
.sub-banner2 {
	background-image: url(../images/productsimg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}
.sub-banner3 {
	background-image: url(../images/case_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}
.sub-banner4 {
	background-image: url(../images/contact_us_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}
.sub-banner5 {
	background-image: url(../images/branches_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}
.sub-banner6 {
	background-image: url(../images/recruitment_02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 292px;
	overflow: hidden;
}







/*index*/
.banner{}
.banner img{display: block;width: 100%;}
.banner-ul{overflow: hidden;}
.banner-li{display: none;}
.banner-li:first-child{display: block;}
.banner-li a{display: block;height: 580px;background-size:auto 100%;background-position: center;background-repeat: no-repeat;}
#back_top{display: none;}

/*东音简介*/
.banner-img{height: 516px;background-repeat: no-repeat;background-position: center;background-size: auto 100%;}
.banner-nav{border-bottom: 5px solid #2e80c5;}
.banner-nav-cont{position: relative;}
.banner-nav-tit{display: none;}
.banner-nav-ul{}
.banner-nav-li{position:relative;padding:0 30px;float: left;}
.banner-nav-li:before{content: "";position: absolute;left: 0;top: 50%;margin-top: -27px;width: 1px;height: 54px;background-color: #eaeaea;}
.banner-nav-li:first-child:before{display: none;}
.banner-nav-li a{margin-bottom:-5px;display:inline-block;line-height: 75px;color:#666;border-bottom: 5px solid transparent;}
.banner-nav-li.active a{border-color: #da251c;color: #da251c;}
.banner-nav-li:hover a{
	border-color: #da251c;
	color: #da251c;
	text-decoration: none;
}
.banner-tit{position: absolute;right: 0;bottom: -5px;height: 120px;width:235px;background-color: #2e80c5;}
.banner-tit-cont{padding-top: 30px;padding-right: 70px;text-align: right;color: #6a9cb6;font-family: arial;font-size: 12px;text-transform: uppercase;}
.banner-tit-a{
	width: 235px;
	margin-bottom: 10px;
	font-size: 20px;
	color: #fff;
	font-family: "微软雅黑";
	text-align: center;
}
.banner-tit-i{position: absolute;right: 0;bottom: 0;width: 42px;height: 36px;background: url("../images/icon12.png") no-repeat center center;}
.banner-tit-i:before{content: '';display: block;width: 42px;height: 36px;background: url("../images/icon13.png") no-repeat 60% center;}
.banner-cur{background-color: #fff;line-height: 102px;}
.banner-cur-tit{float: left;font-size: 20px;font-weight: bold;color: #333;}
.banner-cur-cont{padding-left:15px;float: right;background: url("../images/icon31.png") no-repeat left center;font-size: 12px;}
.banner-cur-cont p{float: left;color: #999;margin:0 3px;}
.banner-cur-cont a{float: left;color: #999;}
.banner-cur-cont a:hover{color: #000;}

/*分页*/
.page{text-align: center;}
.page-ctr{padding-top:30px;display: inline-block;}
.page-btn{float: left;}
.page-btn a{padding:0 14px;float: left;line-height: 26px;border: 1px solid #ededed;color: #333;background-color: #fff;}
.page-btn-a{float: left;}
.page-btn-c{float: left;}
.page-btn-c a{margin: 0 6px;}
.page-btn-c a.active{color: #999;}
.page-btn-a a.active{background-color: #0e90d2;border-color: #0e90d2;color: #fff;}
.page-num{margin-left:10px;float: left;line-height: 26px;color: #333;}

@media screen and (max-width: 1200px) {
.subdymain{width: 740px;}
	
	/*东音简介*/
	.banner-img{height: 390px;}
	.banner-nav-li{padding: 0 20px;}
	.banner-tit{width: 140px;}
	.banner-tit-cont{padding-right: 10px;}
	
	/*东音荣誉*/
	.honor-ul{margin: 0;}
	.honor-li{width: 33.333%;}
	.honor-li-img{height: 138px;}
}
@media screen and (max-width: 740px) {
	.subdymain{width: 100%;}
	.head{position: fixed;left: 0;margin-left: 0;width: 100%;}
	.head-top{display: none;}
	.head-bot{height: 45px;}
	.head-logo{height: 45px;}
	.head-ser{height: 45px;}
	.head-ul{position: absolute;left: 0;top: 100%;display:none;width: 100%;background: url("../images/bkg1.png") repeat;}
	.head-li{padding:0 20px;width: 100%;box-sizing: border-box;opacity:0;-webkit-opacity:0;animation: head-li .5s ease-in forwards;-webkit-animation: head-li .5s ease-in forwards;}
	@keyframes head-li{
		from{transform: translate3d(0,20%,0);-webkit-transform: translate3d(0,20%,0);opacity:0;-webkit-opacity:0;}
		to{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);opacity:1;-webkit-opacity:1;}
	}
	@-webkit-keyframes head-li{
		from{transform: translate3d(0,20%,0);-webkit-transform: translate3d(0,20%,0);opacity:0;-webkit-opacity:0;}
		to{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);opacity:1;-webkit-opacity:1;}
	}

		
	/*index*/
	.banner-li a{height: 204px;}
	.banner .owl-theme .owl-pagination{bottom: 10px;}
	
	/*东音简介*/
	.banner-img{height: 180px;}
	.banner-tit{display: none;}
	.banner-nav{border-bottom: none;}
	.banner-nav-tit{padding:0 10px;display: block;line-height: 45px;font-size: 16px;border-bottom: 1px solid #e2e2e2;}
	.banner-nav-tit:after{content: "";float: right;width: 25px;height: 45px;background: url("../images/icon32.png") no-repeat center center;}
	.banner-nav-ul{position: absolute;left: 0;padding:10px 0;display:none;width: 100%;background-color: #fff;}
	.banner-nav-li:before{display: none;}
	.banner-nav-li a{border: none;line-height: 45px;}
	.banner-cur{display: none;}
	
}
@media screen and (max-width: 390px) {
}
@media screen and (max-width: 350px) {
}
@media screen and (-webkit-min-device-pixel-ratio:0){ }  /*chrome and safari*/
@media screen and (-webkit-min-device-pixel-ratio:0){ }  /*chrome and safari*/

@media screen and (max-width: 740px) {

    @media screen and (max-width: 1100px) {
        .file-box input {
            width: 100%;
            box-sizing: border-box;
        }

        .file-box .browse {
            display: block;
            margin-top: 10px;
            margin-left: 0;
            padding: 0 35px;
        }

        .file-box .file {
            left: 73px;
            left: 0;
            top: 55px;
        }
    }
}
.sub-main-box {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	min-height: 600px;
}