.dtd{font-size:24px; color:#fff; text-align:center;  background:url(../images/home_01.png) no-repeat center 45px; margin-bottom:8px;}
.dtd em a{font-size:14px; font-style:normal; color:#fff;}
.m_about_wrap {padding:30px 0; background:url(../images/main_bg.jpg) repeat-y center top}
.m_about_wrap .wrapper { position:relative; }
.m_about_wrap .pic { width:40%; float:left; margin:20px 0 23px;}
.m_about_wrap .list { width:57.8%; float:right;}
.m_about_wrap .list .hd { color:#034d7e; font-size:1.25em; font-weight:bold;}
.m_about_wrap .list .hd em { font-size:0.5em; font-style:normal; text-transform:uppercase; }
.m_about_wrap .list .bd {  color:#FFF; font-size:14px; line-height:30px; padding-top:12px; }
.m_about_wrap .m_m{border:1px solid #fff; width:118px; height:36px; line-height:36px; text-align:center; font-size:15px; float:left; margin:22px 20px 0 0;}
.m_about_wrap .m_mo{color:#fff;}
.m_about_wrap .m_more{ background:#d9e8f5; color:#0063a1;}
.m_about_wrap .pic .equiimg{width:439px; float:left}

.m_pro_list{padding:30px 0 38px; background:#e9e9e9;}
.ptd{font-size:24px; color:#0063a1; text-align:center;  background:url(../images/home_02.png) no-repeat center 45px; margin-bottom:17px;}
.ptd em a{font-size:14px; font-style:normal; color:#5d5d5d;}

.m_pro_list .bd li{float:left; width:22.7%; padding-top:20px;}
.m_pro_list .bd li figure{border:solid 1px #ccc;}
.m_pro_list .bd li figcaption{display:block; height:48px; line-height:48px; font-size:14px; background:#d5d5d5; overflow:hidden; color:#222; text-align:center;}
.m_pro_list .bd li:hover figure{border:solid 1px #eb0000;}
.m_pro_list .bd li:hover figcaption{background:#eb0000; color:#FFF;}
.nofirst1, .nofirst2, .nofirst3, .nofirst5, .nofirst6, .nofirst7, .nofirst9, .nofirst10, .nofirst11, .nofirst13, .nofirst14, .nofirst15{margin-right:3%;}

.listp{height:130px; width:100%; list-style:none; margin:0 auto 24px;}
.listp img{border:#d8d8d8 solid 1px; float:left;}
.listp dl{ margin:0 2px 0 260px; height:100%;}
.listp dl dt{height:20px; line-height:17px; margin-bottom:6px;}
.listp dl dt a{color:#222; font-size:14px;}
.listp dl dd.info{line-height:28px; color:#333; font-size:12px;}
.listp dl dd.more{width:71px; height:26px; text-align:center; background:#0063a1; margin-top:20px;}
.listp dl dd.more a{color:#FFF; font-size:12px;  line-height:26px;}

.m_news_wrap { width:715px; float:left; display:inline; }
.m_news{width:100%; float:left; margin:28px 0 22px;}
.man_news{float:right;}
#list2{display:none;}
.m_news_hdt{background-color:#868686; height:27px; width:5px; float:left;}
.m_news_hd { color:#222; font-size:18px; height:27px; line-height:27px; text-align:center; float:left;  margin-right:13px; border-left:#666 5px solid; width:91px;}
.current{border-left:#0063a1 5px solid; color:#0063a1;}
.m_news_hd em { font-size:0.5em; color:#898989; font-style:normal; margin-left:5px; text-transform:uppercase; font-weight:normal;}
.m_news_bd .item { padding:0 0 11px;}
.m_news_bd .time { width:12%; background-color:#d6d6d6; float:left; text-align:center; }
.m_news_bd .item:hover .time{  background-color:#eb0000;}
.m_news_bd .item:hover .time .p1, .m_news_bd .item:hover .time .p2{color:#FFF;}
.m_news_bd .time .p1 { font-size:30px; color:#666; line-height:38px; }
.m_news_bd .time .p2 { font-size:14px; color:#666; line-height:20px;}
.m_news_bd .list { width:85.06%; float: right; display: inline; background:#e7e7e7; padding-left:21px; }
.m_news_bd .list h4 { font-size:14px; line-height:34px; }
.m_news_bd .list h4 a { color:#2a2929; font-weight:normal; }
.m_news_bd .item:hover .list{background:#0063a1;}
.m_news_bd .list p { line-height:24px; color: #6a6a6a; font-size:0.75em; }
.m_news_bd .item:hover .list h4 a, .m_news_bd .item:hover .list p{color:#fff; font-weight:normal;}

.m_contacts_wrap { width:335px; float:right; display:inline;}
.m_contacts_hd { color:#222; font-size:18px; margin:28px 0 22px; line-height:27px; height:27px; border-left:#0063a1 5px solid; padding-left:11px;}
.m_contacts_hd em { font-style:normal; font-size:12px; color:#5d5d5d; text-transform:uppercase; margin-left:8px; font-weight:normal;}
.m_contacts_pic { position:relative; }
.m_contacts_wrap figcaption{font-size:18px; color:#0063a1; margin-top:15px;}
.fwll{font-size:18px; color:#0063a1;}
.m_contacts_bd { line-height:30px; font-size:14px; padding:5px 0 17px; color:#222;}
.m_contacts_bd span { margin-left:53px;}

.m_feed_hd{margin:22px 0 27px; background:url(../images/feedback_top.jpg) no-repeat top right; height:75px; line-height:75px;}
.m_feed_hd{color:#0063a1; font-size:24px; text-indent:23px; position:relative;}
.m_feed_hd em{font-style:normal; font-size:14px; color:#808080; text-transform:uppercase; margin-left:8px; font-weight:normal;}
.language{position:absolute; right:34px; top:12px;}
.language .tele{color:#FFF; font-size:16px; line-height:25px;}
.language .tele em{font-style:normal; font-size:24px; color:#fff; text-transform:uppercase; margin-left:20px; font-weight:normal;}
.m_feed{position:relative; width:39.1%; height:235px; float:left; margin-right:10px;}
.m_feed figcaption { position:absolute; left:0; bottom:0; width:100%; color:#fff; background:url(../images/m_join_pic_bg.png) repeat-x left center; text-align:center; line-height:50px; }

.m_feed_p{float:left; width:59%; height:283px;}

@media screen and (max-width:1099px){  
.wrapper { width:99%; margin:0 auto; }
#nav ul li.menu { width:12.3%; }
#nav ul li.menu a { padding:0; text-align:center; }
.m_contact ul li P{margin:0 3%;}
}
@media screen and (max-width:1024px){  
#other_d .chname{ width:230px;}
#other_d{width:100%}
.m_contact{width:100%;}
.nofirstt{margin-right:0;}
.m_contact ul li P{ margin:0 7.0%;}
.nofirsto{ margin-right:0; margin-left:2px;}
.m_about_wrap .list{width:52%;}


}
@media screen and (max-width:768px){
.wrapper { width:100%; margin:0 auto; overflow-x:hidden;}
#header { position:static; height:auto;}
#header .logo { float:left; width:auto; display:inline; }
#nav { width:100%; float:left; background-color:#034d7e; padding:0; margin:0; }
#nav ul li.menu { height:2.9em;}
#nav ul li.line {  height:2.9em; }
#nav ul li.menu a { display:block; text-align:center; height:3.1em; line-height:3.1em; padding:0; color:#fff; }
#nav ul li.menu a.current { background-image:none; background-color:#fff;}
#hContainer { height:0; }

#m_about { width:47.3%; }
#m_news { width:47.3%; }
#m_video { display:none; }

.hidden-sm { display:none; }

.m_pro_list dl{width:42%;}
.nofirstt, .nofirsto, .nofirstw{width:19.9%;}
.m_contact ul li img{width:100%;}
.m_about_wrap .pic .equiimg{display:none;}
.m_about_wrap .list .bd span{display:none;}
.m_pro_list dl dd.info{height:84px;}
.m_about_wrap .dtb{width:70%;}
.m_about_wrap .list{ width:95%; margin-right:2.5%;}
.m_contacts_wrap{width:80%; margin-right:10%;}
}
@media screen and (max-width:667px){
.m_about_wrap .pic{width:40%;}
.m_pro_list ul li figure img{width:180px;}
.m_pro_list dl dd.info{height:60px;}
.hidden-xm6 { display:none; }
.m_news_bd .list{width:80.1%;}
#nav ul li.block-xs{display:none;}
}
@media screen and (max-width:640px){
.wrapper { width:100%; margin:0 auto; }
#header { position:static; border-bottom:0; background-color:#fff; }
#header div.wrapper { height:auto; overflow-x:hidden }
#header .logo { width:50%; margin-top:0; float:none; position:static; display:block; }
#nav { width:100%;  background-color:#034d7e; padding:0; float:none; height:auto; }
#nav ul li.menu { float:left; width:33.3%; height:32px; }
#nav ul li.line { display:none; }
#nav ul li.menu:hover { background:none; }
#nav ul li.menu a { padding-top:0; color:#fff; height:31px; line-height:31px; }
#nav ul li.menu a:hover { color:#fff; text-decoration:underline;}
#nav ul li.menu a.line_r { border-right:solid 1px #fff; }
#nav ul li.menu a.line_b { border-bottom:solid 1px #fff; height:31px; }
#nav ul li.visible-xs { visibility:visible; display:block; }
#nav ul li.menu a.current { background-image:none; background-color:#fff;}

.m_about_wrap .pic { width:36%; float:left; }
.m_about_wrap .list { width:90%; float:none; margin:0 auto; }
.m_about_wrap .list .hd { font-size:1.25em; }
.m_about_wrap .list .hd em { font-size:0.5em; font-style:normal; text-transform:uppercase; }
.m_about_wrap .list .bd { font-size:0.875em; line-height:200%; padding-top:10px; }
.m_about_wrap .m_more {  font-size:0.875em; }

.m_pro_list ul { padding-bottom:30px; width:90%; margin:0 auto; }
.m_pro_list ul li { width:49%; margin-top:2%; }
.nofirst2 { margin-right:0; }
.nofirst3 { margin-right:2%; }

.m_partner { width:90%; float:none; margin:0 auto; }
.m_contact { width:90%; float:none; margin:0 auto;}

.hidden-xm { display:none; }
}
@media screen and (max-width:480px){

#nav ul li.menu{width:33.2%;}
.m_pro_list{padding:0;}
.m_pro_list dl{width:46%;}
.m_pro_list dl dd.info{padding:5px 0 8px 14px;}
.m_contact{width:97%;}
.m_contact ul li P{display:none;}
.Series{height:327px; margin-top:10px;}
.nofirstt, .nofirsto, .nofirstw{width:31.9%; margin:0 5px 5px 0;}
	
.m_about_wrap .list { width:90%; float:none; margin:0 auto; }
.m_pro_list ul { padding-bottom:30px; width:90%; margin:0 auto; }
.m_pro_list ul li { float:none; width:100%; margin-top:5%; }
.nofirst1, .nofirst2 { margin-right:0; }

.hidden-xs { display:none; }
#nav ul li.block-xs{display:none;}
#mobile_nav_wrap { height:45px; width:100%; display:block; }
#mobile_nav { border-top: 1px solid rgb(61, 61, 70); width: 100%; height: 48px; display: -webkit-box; margin: 0px; padding: 0px; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(rgb(82, 73, 69)), color-stop(0.6, rgb(82, 73, 69)), to(rgb(72, 64, 60))); box-shadow: rgba(255, 255, 255, 0.0980392) 0px 1px 0px 0px inset; height: 49px; opacity: 1; width: 100%; position:fixed; left:0; bottom:0; display:block; z-index:10010; }
#mobile_nav .img { background-position: center 3px; background-repeat: no-repeat; background-size: 18px 18px;}
#mobile_nav .img img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align: middle;}
#mobile_nav .home { width:60px; height:60px; background:url(../images/home.png) no-repeat center center; background-size:100% 100%; border-radius:60px;  margin-right: 0; position: relative; vertical-align: middle; display: inline-block; margin-top:-10px; }

#mobile_nav .icon { color: #fff; display: inline-block; float: none; font-size: 18px; height: 18px; margin-right: 0; position: relative; vertical-align: middle;
 width: 18px; }
#mobile_nav > a, #mobile_nav > div { color: #fff;  cursor: pointer; float: left;  font-size: 0.75em; height: 100%; line-height: 20px;  position: relative; text-align: center; width: 20%; }
#mobile_nav a:hover { text-decoration:none; }
#mobile_nav .menu ul { background-color: #414141; border-radius: 6px; bottom: 44px; display: none; font-size: 0.875em; margin-bottom: 8px;  max-height: 311px; overflow-x: hidden; overflow-y: scroll; padding: 0 10px; position: absolute; left: 0; }
#mobile_nav .menu ul li { border-bottom: 1px solid #6a6b6c; }
#mobile_nav .menu ul li:last-child { border: medium none;}
#mobile_nav .menu ul li a { background-color: inherit; color: #ffffff; display: block; height: 38px; line-height: 38px; overflow: hidden; text-align: center; text-overflow: ellipsis; white-space: nowrap; width: 75px;}
#mobile_nav ul::after { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px solid #434343; bottom: 45px; content: ""; height: 0; position: fixed; width: 0; }
.m_about_wrap{padding:20px 0;}
.m_about_wrap .m_m{width:90px; margin:12px 20px 0 0;}

.m_pro_list .bd li{width:48.5%; padding-top:0;}
.nofirst1, .nofirst3, .nofirst5, .nofirst7{margin-right:3%;}
.nofirst2, .nofirst4, .nofirst6, .nofirst8 {margin-right:0%;}

.m_contacts_wrap{width:92%; margin-right:2%;}

.ptd{padding-top:15px; background:url(../images/home_02.png) no-repeat center 65px;}
}
@media screen and (max-width:320px){
    
}