/*重写*/
#top{ position: relative; }
.w{ width: 1200px; }
.w:after{ content: ""; display: block; clear: both; }
a{ border-bottom: 0 none; color: #333; }
a:hover{ border-bottom: 0 none; color: #123788; }
img{ vertical-align: top; }
/*easydialog*/
.easyDialog_wrapper{box-shadow: 1px 1px 50px rgba(0,0,0,.3); border: 0 none; border-radius: 0;}
.easyDialog_wrapper .easyDialog_content{ border-radius: 0; border: 0 none; }
.easyDialog_wrapper .easyDialog_title{ background: #f8f8f8; font-weight: 300; height: 42px; line-height: 42px; border-bottom-color: #eee; padding: 0 20px; }
.easyDialog_wrapper .easyDialog_title #easyDialogName font{ color: #333; }
.easyDialog_wrapper .close_btn:hover {color: #aaa; }
.easyDialog_wrapper .easyDialog_text font{ color: #333; }
.easyDialog_wrapper button.btn_highlight{ background: #1E9FFF; border: 0 none; border-radius: 0;}
.easyDialog_wrapper button.btn_highlight:hover{background: #1E9FFF; opacity: .8; }
.easyDialog_wrapper button.btn_normal{ background: #e4e4e4; border-radius: 0; border: 0 none; padding: 3px 16px;}
.easyDialog_wrapper button.btn_normal:hover{ background: #e4e4e4; opacity: .8;}
/*page*/
#pagelist{ margin: 12px auto; }
.PageList li{ display: inline-block; margin: 3px !important;}
.PageList span,
.PageList a{ height: 38px; line-height: 38px; font-size: 16px; color: #999; padding: 0 15px; border: 1px solid #EDEDED; display: inline-block; border-radius: 0; background: #fff;}
.PageList span.CurrentPage{ background: #194077; color: #fff; border-color:#194077; cursor: default;}
.PageList a:hover{ background: #f5f5f5;}
.PageList .NoPagePrev,
.PageList .NoPageNext{ background: #f5f5f5; cursor: no-drop;}

/*product*/
#pro .bigimage img{ width: 500px; min-height: 200px; border: 1px solid #e2e2e2; border-radius: 0; }
#pro .gimage{ width: 513px; }
.lev_brandList{ width: 429px; }
.lev_brandUL{ width: 430px; }
.pro_main{ padding: 0 0 40px; }
.pro_main .ur-here{ border-bottom: 0 none; margin-bottom: 0; }
/*product*/
.proimg-wrap{ float: left; width: 526px; }
.proinfo{ float: left; width: 620px; margin-left: 50px; }
.proinfo .pro-title{ font-size: 24px; font-weight: 700; line-height: 1.8; margin-bottom: 1rem;}
.proinfo .pro-price{ background: #f7f7f7; padding: 30px; font-size: 14px;}
.proinfo .pro-price span{ color: #888; width: 62px; display: inline-block;}
.proinfo .pro-price b{ color: #f00; }
.do-enquiry,
.do-enquiry:hover{ display: inline-block; padding: 0 30px; height: 36px; line-height: 36px; text-align: center; background: #113672; color: #fff; }
.param-list{ font-size: 14px; line-height: 24px; padding: 20px 0;}
.param-list span{ color: #888; width: 96px; display: inline-block; }
.param-list li{ margin: 5px 0; }
.param-list b{ font-weight: 300; }
.procontent{ clear: both; min-height: 400px; border: 1px solid #ececec; margin-top: 40px; padding: 20px 0;}
.procontent .content-wrap{ margin: 0 20px; }
.procontent .content-empty{ color: #ccc; font-size: 20px; padding: 80px 0; text-align: center; }

/*

国资要闻

关于凯马
	公司简介
	组织结构
	所属企业
		山东凯马汽车制造有限公司
		山东华源莱动内燃机有限公司
		南昌凯马有限公司
		黑龙江富锦凯马车轮制造有限公司
		无锡华源凯马发动机有限公司
		上海凯宁进出口有限公司
	联系我们

新闻动态
	公司新闻
	行业动态

产品介绍
	载货汽车
	内燃机
	工程（矿山）机械
	小型机电产品

党建与文化
	教育实践活动
	价值理念
	行为规范
	反腐倡廉

投资者关系
	股本结构
	临时公告
	定期报告
	股票走势
	投资者交流

人力资源
	企业培训
	人才招聘
	人才战略


 */

/*公共*/
.border-bottom{ border-bottom: 1px solid #E5E5E5; }
.img-logobg{ background: #f7f7f7 url(../images/km/moren.jpg) no-repeat center; }
.tc{ text-align: center; }
.blue{ color: #0f3272; }
.clear{ clear: both; display: block; }
.btn-submit{ -webkit-appearance: none; border-radius: 0; cursor: pointer; height: 50px; box-shadow: 0 0 transparent; outline: none; background: #1e3f7a; color: #fff; border: 0 none; font-size: 16px; width: 264px;}
.btn-submit:disabled,
.btn-submit.cancel{ opacity: .6; cursor: no-drop; -webkit-appearance: none; border-radius: 0; height: 45px!important; box-shadow: 0 0 transparent; outline: none; background: #1e3f7a; color: #fff; border: 0 none; font-size: 16px; width: 264px;}
.btn-submit.cancel:hover{ background: #1e3f7a; }
.btn-submit-green{ display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; background: #32bfc0; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);}
.btn-submit-green:hover{ background: #004e66; }

.list-title { height: 60px; line-height: 60px; margin: 0 22px;}
.list-title h3{ font-size: 20px; font-weight: 700; color: #233670; float: left;}
.list-title .more{ float: right; font-size: 16px; color: #999; padding-right: 13px; background: url(../images/km/arrow_right.png) no-repeat right center;}
.text-list{ padding-top: 13px; margin: 0 22px;}
.text-list li{ line-height: 38px; height: 38px; }
.text-list li a{ margin-right: 80px; height: 38px; font-size: 14px; display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../images/km/point.png) no-repeat left center; padding-left: 15px;}
.text-list li .date{ float: right; width: 80px; text-align: right; color: #bbb;}
.text-pic-list{ margin: 0 22px; }
.text-pic-list li{ height: 70px; margin-bottom: 20px; }
.text-pic-list li .pic{float: left; width: 70px; height: 70px;}
.text-pic-list li .pic img{ width: 70px; height: 70px; display: block;}
.text-pic-list li .info{ margin-left: 85px; font-size: 14px; line-height: 1.8; overflow: hidden;}
.text-pic-list li .info .title{ margin-bottom: 5px; max-height: 50px; overflow: hidden; word-break: break-all; margin-top: -5px; }
.text-pic-list li .info .date{ color: #bbb; font-size: 12px;}
.img-scale{ overflow: hidden; }
.img-scale img{ -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; }
.img-scale:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1); }
/*凯马*/
.header{ height: 90px; background: #fff; border-bottom: 1px solid #DCDCDC;}
/*.header{ height: 90px; background: #fff; border-bottom: 1px solid #DCDCDC; width:1250px; margin:auto;}*/
.header .logo{ width: 258px; height: 67px; float: left; margin-top: 19px; }
.hd-nav{ float: left; margin-left: 35px; }
.hd-nav .nav-item{ float: left; position: relative;}
.hd-nav .nav-item .nav-link{ display: block; line-height: 90px; font-size: 16px; padding: 0 25px; }
.hd-nav .nav-item.on .nav-link{ color: #123788; }
.hd-nav .sub-nav{ display: none; font-size: 14px; position: absolute; z-index: 10; top: 80px; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0);}
.hd-nav .sub-nav .arrow{ position: absolute; top: -10px; left: 50%; -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); transform: translate(-50%,0); width: 0; height: 0; line-height: 0; border: 5px dashed transparent; border-bottom: 5px solid #e3e3e3; font-size: 0;}
.hd-nav .sub-nav .arrow:before{content:""; position: absolute; top: -4px; left: -5px; display: block; width: 0; height: 0; line-height: 0; font-size: 0; color: #666; border-top: 5px dashed transparent; border-left: 5px dashed transparent; border-right: 5px dashed transparent; border-bottom: 5px solid #fff;}
.hd-nav .sub-nav-list{ border: 1px solid #E5E5E5; background: #fff; text-align: center; line-height: 20px; }
.hd-nav .sub-nav-list a{ display: block; padding: 15px 6px; min-width: 120px; transition: all .2s;}
.hd-nav .sub-nav-list a:hover{ background: aliceblue; }
.hd-nav .nav-item:hover .sub-nav{ display: block; -webkit-animation: fadeDown .5s; -moz-animation: fadeDown .5s; animation: fadeDown .5s; }
@keyframes fadeDown{
	0%{ opacity: 0; height: 0;}
	100%{ opacity: 1; height: 500px;}
}
.hd-lang{ float: right; height: 30px; margin-top: 30px; line-height: 30px; font-size: 16px; position: relative; padding-left: 22px; width: 73px; background: url(../images/km/language.png) no-repeat left center;}
.hd-lang a{ padding-left: 5px; }
.hd-lang .lang-current{ display: block; }
.hd-lang .lang-current i{ width: 11px; height: 7px; margin-top: 11px; float: right; background: url(../images/km/arrow.png); }
.hd-lang .lang-list{  position: absolute; top: 29px; background: #f5f5f5; width: 73px; -webkit-transition: all .2s; -moz-transition: all .2s; transition: all .2s; opacity: 0;}
.hd-lang .lang-list li a{ display: block; }
.hd-lang .lang-list li:hover{background: aliceblue;}
.hd-lang:hover .lang-list{ opacity: 1; display: block; }

.footer-common{ background: #222; color: #888; font-size: 16px; text-align: center; padding: 40px 0; position: relative; z-index: 2;}
/*.footer-common{ background: #222; color: #888; font-size: 16px; text-align: center; padding: 40px 0; position: relative; z-index: 2; width:1250px; margin:auto;}*/
.footer-common p{ margin: 10px 0; }
.footer-common .fm{ margin: 0 8px; }
.footer-common a{ color: #aaa; }

/*首页*/
.page-pc .banner{ width: 100%; overflow: hidden; position: relative; height: 430px; overflow: hidden;}
/*.page-pc .banner{ width: 1250px; overflow: hidden; position: relative; height: 430px; overflow: hidden; margin: auto;}*/
.page-pc .banner .bd{ margin-left: -360px; width: 1920px; }
.page-pc .banner .hd{ position: absolute; z-index: 3; left: 50%; width: 400px; margin-left: -200px; text-align: center; bottom: 17px; }
.page-pc .banner .hd li{ display: inline-block; width: 14px; height: 14px; background: transparent; opacity: .5; margin-left: 8px; border-radius: 50%; cursor: pointer; border: 2px solid #fff; box-sizing:border-box; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;}
.page-pc .banner .hd li.on{ opacity: 1; background: #fff;}
.index-left{ float: left; width: 770px; }
.index-right{ float: left; width: 402px; margin-left: 28px; }
.index-f1{padding: 40px 0; background: #fff;}
.index-f2{padding: 40px 0; background: #EFF0F4;}
.index-f3{padding: 40px 0; background: #fff;}
.index-f4{padding: 40px 0; background: #EFF0F4;}
/*.index-f1{padding: 40px 0; background: #fff; width:1250px;margin:auto;}
.index-f2{padding: 40px 0; background: #EFF0F4; width:1250px;margin:auto;}
.index-f3{padding: 40px 0; background: #fff; width:1250px;margin:auto;}
.index-f4{padding: 40px 0; background: #EFF0F4; width:1250px;margin:auto;}*/
/*一楼*/
.index-focus{ height: 240px; }
.index-focus .focus-slide{ width: 352px; height: 240px; float: left; position: relative; overflow: hidden;}
.index-focus .focus-slide .bd li{ position: relative; height: 240px; background: #F7F7F7 url(../images/km/moren.jpg) center no-repeat;}
.index-focus .focus-slide .bd li img{ width: 352px; height: 240px; }
.index-focus .focus-slide .bd li p{ position: absolute; bottom: 0; left: 0; right: 0;  font-size: 16px; color: #fff; line-height: 47px; height: 47px; padding-left: 15px; padding-right: 60px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */}
.index-focus .focus-slide .hd{ position: absolute; z-index: 3; right: 17px; bottom: 17px; }
.index-focus .focus-slide .hd li{ float: left; width: 8px; height: 8px; background: #fff; opacity: .5; margin-left: 8px; border-radius: 50%;}
.index-focus .focus-slide .hd li.on{ opacity: 1; }
.index-focus .focus-list{ border: 1px solid #E5E5E5; width: 416px; height: 238px; float: left; }
.index-us{ display: block; position: relative; }
.index-us img{ width: 402px; height: 240px; }
.index-us .intro{ position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 14px; padding:10px 22px; line-height: 1.8;}
.index-us .intro span{ color: #fff!important; white-space: normal!important; }
.index-us .intro .more{ color: #ddd; padding-right: 13px; background: url(../images/km/arrow_right.png) no-repeat right center; margin-left: 5px;}
/*二楼*/
.index-news{ border: 1px solid #ddd; background: #fff; height: 238px;}
.index-news .hd{ height: 53px; }
.index-news .hd li{ width: 384px; float: left; margin-right: -1px; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 60px; line-height: 60px; text-align: center; font-size: 20px; font-weight: 700; color: #ccc; cursor: pointer;}
.index-news .hd li.on{ color: #233670; border-bottom-color: #fff; }
.index-news .hd li a{ color: #ccc; }
.index-news .hd li.on a{ color: #233670; }
.index-news .bd .left-img{ width: 186px; height: 130px; float: left; margin: 31px 0 0 25px;}
.index-news .bd .left-img img{ width: 186px; height: 130px; }
.index-news .bd .text-list{ float: left; padding-top: 18px; width: 510px;}
.index-notice{ border: 1px solid #ddd; height: 238px; background: #fff; }
/*三楼*/
.index-product{ height: 295px; background: #fff; border: 1px solid #ddd; }
.index-product .hd{ float: left; width: 199px; height: 296px; overflow: hidden;}
.index-product .hd li{ width: 176px; padding-left: 22px; border-right: 1px solid #ddd; cursor: pointer; border-bottom: 1px solid #ddd; height: 73px; line-height: 73px; font-size: 20px; color: #ccc; font-weight: 700; transition: color .2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.html-en .index-product .hd li{ font-size: 14px; }
.index-product .hd li.on{ color: #233670; border-right-color: #fff; }
.index-product .bd{ float: left; width: 569px; font-size: 14px;}
.index-product .bd .item{ padding: 10px 22px; }
.index-product .bd .intro{ color: #808080; line-height: 1.8; height: 100px; overflow: hidden; word-break: break-all; margin-bottom: 16px;}
.index-product .bd .pic{ float: left; width: 232px; height: 146px; }
.index-product .bd .pic{ width: 232px; height: 146px; }
.index-product .bd .list{ float: right; width: 272px; height: 146px; margin-right: -10px; }
.index-product .bd .list li{ width: 123px; height: 30px; overflow: hidden; text-align: center; line-height: 30px; border: 1px solid #E5E5E5; background: #F9F9FB; float: left; margin-right: 10px; margin-bottom: 6px; transition: all .2s;}
.index-product .bd .list li:last-child{ background: #fff; }
.index-product .bd .list li:hover{ background: #324984; border-color: #324984; }
.index-product .bd .list li a{ display: block; transition: all .2s;}
.index-product .bd .list li:hover a{ color: #fff; }
.index-culture{ display: block; position: relative; }
.index-culture img{ width: 402px; height: 296px; }
.index-culture .intro{ position: absolute; bottom: 0; left: 0; right: 0; color: #fff; font-size: 14px; padding:10px 22px; line-height: 1.8;}
.index-culture .intro .title{ text-align: center; font-size: 24px; font-weight: 700; }
.index-culture .intro .more{ color: #ddd; padding-right: 13px; background: url(../images/km/arrow_right.png) no-repeat right center; margin-left: 5px;}
.index-culture .intro span{ white-space: normal; color: #fff!important; }
/*四楼*/
.mod-title{ text-align: center; margin-bottom: 30px; padding-top: 10px;}
.mod-title h3{ font-size: 24px; font-weight: 100; margin-bottom: 5px;}
.mod-title p{ font-size: 16px; color: #888; }
.index-coop{ margin: 0 -15px; padding-bottom: 16px; overflow: hidden;}
.index-coop img{ width: 175px; height: 60px; float: left; margin: 0 15px 15px;}
/*首页底部*/
.footer-index{ background: #222222; color: #ccc; }
/*.footer-index{ background: #222222; color: #ccc; width:1250px; margin:auto;}*/
.footer-index a{ color: #888; }
.footer-index a:hover{ color: #aaa; }
.fi-wrap{ border-bottom: 1px solid #393939; padding: 60px 0 36px; }
.footer-menu{ float: left; width: 274px; margin-right: 100px; }
.footer-menu.second{ width: 190px; }
.footer-menu.last{ margin-right: 80px; width: 224px; }
.footer-menu dt{ font-size: 18px; margin-bottom: 20px;}
.footer-menu dd{ font-size: 14px; line-height: 18px; margin-bottom: 10px; }
.footer-contact{ float: right; width: 210px; color: #888;}
.footer-contact .qrcode{ font-size: 14px; overflow: hidden; margin-bottom: 20px; }
.footer-contact .qrcode .item{ float: left; width: 88px; text-align: center; margin-right: 15px;}
.footer-contact .qrcode .item img{ width: 88px; height: 88px; }
.footer-contact .qrcode .item p{ margin-top: 10px; }
.footer-contact .number{ font-size: 16px; }
.footer-contact .number .item{ margin-bottom: 10px; }
.footer-contact .number .num{ color: #fff; }

/*当前位置*/
.ur-here{ font-size: 14px; padding: 15px 0; border-bottom: 1px solid #EDEDED; margin-bottom: 26px; color: #666;}
.ur-here .here{ color: #999; margin-right: 5px; }
.ur-here code{ margin: 0 5px; }
.ur-here a{ color: #666; }

/*内页*/
.about-main{ min-height: 636px; position: relative;}
.about-left-bg{ position: absolute; width: 260px; top: -52px; left: 0; bottom: -40px; background: #1E3F7A; z-index: 1;}
.about-banner{ width: 100%; overflow: hidden; }
.about-banner .img{ width: 1920px; margin-left: -360px; text-align: center; }
.about-left{ width: 260px; min-height: 688px; background: #1E3F7A; color: #fff; position: relative; z-index: 3; float: left; margin-top: -52px; }
.about-left a{ color: #fff; }
.about-left .left-title{ height: 60px; padding: 38px 0 38px 109px; border-bottom: 1px solid #34538A; background: url(../images/km/logo02.png) no-repeat 38px center;}
.about-left .left-title .h2{ font-size: 26px; margin-bottom: 7px;}
.about-left .left-title .p{ text-transform: uppercase; letter-spacing: 2.2px;}
.about-menu .item{  }
.about-menu .item .item-link{ line-height: 70px; display: block; padding-left: 38px; font-size: 16px; position: relative; transition: all .2s;}
.about-menu .item .item-link:hover{ background: #365384; }
.about-menu .item .item-link:after{ content: ""; display: none; border-width: 5px 0 5px 5px; border-style: solid; border-color: transparent transparent transparent #8F9EBB; position: absolute; right: 38px; top: 30px;}
.about-menu .item.current .item-link{ color:#1E3F7A ; background: #fff; }
.about-menu .item.current .item-link:after{ display: block; }
.about-menu .item.dropdown .item-link:after{ display: block; transform: rotate(90deg); }
.about-menu .item.dropdown.expand .item-link{ color:#1E3F7A ; background: #fff; }
.about-menu .item.dropdown.expand .item-link:after{ display: block; transform: rotate(-90deg); }
.about-menu .sub-menu{ background: #fff; max-height: 0; overflow: hidden; transition: all 3s;}
.about-menu .sub-menu:after{ content: ""; height: 20px; display: block; }
.about-menu .sub-menu .sub-link{ display: block; position: relative; padding:10px 0 10px 38px; font-size: 14px; color: #838da3; line-height: 20px; transition: all .2s;}
.about-menu .sub-menu .sub-link.on,
.about-menu .sub-menu .sub-link:hover{background: #F4F6F9;}
.about-menu .sub-menu .sub-link.on:before{ content: ""; border-width: 4px 0 4px 4px; border-style: solid; border-color: transparent transparent transparent #8599B3; position: absolute; left: 18px; top: 16px; }
.about-menu .item.dropdown.expand .sub-menu{ max-height: 500px;}
.about-right{ margin-left: 260px; background: #fff; padding-left: 40px;}
.about-content{ padding-bottom: 92px; }
.about-content .content-title{ margin-bottom: 40px; }
.about-content .content-title h2{ border-left: 3px solid #194077; font-size: 16px; font-weight: 700; padding-left: 11px;}
.about-content .content-title .info{ text-align: right; padding: 20px 0; border-bottom: 1px solid #eee;}
.about-content .content-title .info span{ margin-left: 20px; color: #999; }
.about-content .content-text{ line-height: 1.5; font-size: 12px;}
.about-content .content-text *{ white-space: normal!important; }
.about-content .content-text p{ margin: 5px 0; }
.about-content .content-text img{ display: block; margin: 10px auto; max-width: 100%; height:  auto; }
.about-content .content-text h1{margin: .83em 0; font-size: 1.6rem; }
.about-content .content-text h2{margin: .83em 0; font-size: 1.13rem; }
.about-content .content-text h3{margin: .83em 0; font-size: .98rem; }
.about-content .content-text h4{margin: .83em 0; font-size: .9rem; }
.about-content .content-text h5{margin: .83em 0; font-size: .72rem; }
.about-content .content-text h6{margin: .83em 0; font-size: .58rem; }
.about-content .content-footer{ margin-top: 50px; overflow: hidden; padding: 15px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee;}
.about-content .share-wrap{ float: left; line-height: 58px; }
.about-content .share-wrap .label{ font-size: 14px; color: #999; margin-right: 8px; float: left; }
.about-content .share-wrap .bdsharebuttonbox{ float: left; padding-top: 13px;}
.about-content .share-wrap .bdshare-button-style0-16 a, 
.about-content .share-wrap .bdshare-button-style0-16 .bds_more{ margin: 0; background: url(../images/km/icon_share.png); height: 30px; padding-left: 30px; border: 1px solid #EEEEEE; margin-left: -1px; transition: background-color .2s, border-color .2s;}
.about-content .share-wrap .bdshare-button-style0-16 .bds_weixin{ background-position: 0 0; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_sqq{ background-position: -30px 0; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_qzone{ background-position: -60px 0; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_tsina{ background-position: -90px 0; }
.about-content .share-wrap .bdshare-button-style0-16 a:hover{ opacity: 1; filter: alpha(opacity=100); background-position-y: -30px; background-color: #ddd; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_weixin:hover{ background-color: #3db32e; border-color: #3db32e; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_sqq:hover{ background-color: #38b7f3; border-color: #38b7f3; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_qzone:hover{ background-color: #f7e623; border-color: #f7e623; }
.about-content .share-wrap .bdshare-button-style0-16 .bds_tsina:hover{ background-color: #ff2d2d; border-color: #ff2d2d; }
.about-content .news-page{ float: right; font-size: 14px; line-height: 2;}
.about-content .news-page span{ margin-right: 15px; color: #999; }
.about-content .news-page a{ color: #888; display: inline-block; vertical-align: top; width: 330px; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/*文章列表*/
.article-list-wrap{}
.article-list{ margin-bottom: 50px; }
.article-list .article-item{ padding: 28px 0; border-bottom: 1px dashed #D8D8D8; overflow: hidden; position: relative;}
.article-list .article-item .img{ width: 253px; height: 140px; float: left; background: #f5f5f5;}
.article-list .article-item .img img{ width: 253px; height: 140px; display: block;}
.article-list .article-item .info {margin-left: 273px; font-size: 14px; color: #999; }
.article-list .article-item .info .intro{ margin-bottom: 23px; }
.article-list .article-item .info .intro a{ color: #999; }
.article-list .article-item .info .intro h3{ font-size: 18px; font-weight: 300; margin-bottom: 23px;}
.article-list .article-item .info .intro h3 a{ color: #333; }
.article-list .article-item .info .intro h3 a:hover{ color: #1e3f7a; }
.article-list .article-item .info .intro p{ height: 38px; overflow: hidden; }
.article-list .article-item .info .extra{ overflow: hidden; color: #b2b2b2;}
.article-list .article-item .info .extra .time{ float: left; }
.article-list .article-item .info .extra .author{ float: left; margin-left: 30px; }
.article-list .article-item.no-img .img{ display: none; }
.article-list .article-item.no-img .info{ margin-left: 0; }
.article-list .article-item.no-img .info .intro{ margin-right: 230px; margin-bottom: 0;}
.article-list .article-item.no-img .info .intro p{ height: auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.article-list .article-item.no-img .info .extra{ float: right; width: 130px; position: absolute; right: 0; top: 33px;}
.article-list .article-item.no-img .info .extra .time{ margin-bottom: 17px; }
.article-list .article-item.no-img .info .extra .author{ margin-left: 0; }
.article-list.article-list-simple .article-item{ padding: 14px 0; }
.article-list.article-list-simple .article-item .img{ display: none; }
.article-list.article-list-simple .article-item .info{ margin-left: 0; }
.article-list.article-list-simple .article-item .info .intro{ margin-right: 230px; margin-bottom: 0;}
.article-list.article-list-simple .article-item .info .intro h3{ margin: 15px 0; }
.article-list.article-list-simple .article-item .info .intro p{ display: none; }
.article-list.article-list-simple .article-item .info .extra{ float: right; width: 220px; line-height: 55px; text-align: right; position: absolute; right: 0; top: 14px;}
.article-list.article-list-simple .article-item .info .extra .time{ margin-bottom:0 ; float: right;}
.article-list.article-list-simple .article-item .info .extra .author{ margin-left: 0; float: right;  margin-right: 10px;}

/*商品列表*/
.product-list{ margin-bottom: 50px; overflow: hidden; margin-right: -30px;}
.product-list .item{ width: 200px; float: left; margin-right: 30px; margin-bottom: 30px; }
.product-list .item:nth-child(4n+1){ clear: left; }
.product-list .item .img{ margin-bottom: 10px; }
.product-list .item .img img{ width: 200px; height: auto; }
.product-list .item .name{ text-align: center; font-size: 14px; line-height: 1.8;}

/*表单*/
.postForm{ font-size: 15px; }
.postForm .form-small{ font-size: 12px; color: #ff6500;}
.postForm .form-title{margin: 40px 0 20px; border-bottom: 2px solid #eee; }
.postForm .form-title h3{ margin: 30px 0 20px 0; color: #21242b; line-height: 1.4; font-size: 18px;}
.postForm .form-title p{ display: block; line-height: 22px; margin-top: 10px; font-size: 13px; color: #777; font-weight: normal; }
.postForm .form-row{ margin-bottom: 15px; overflow: hidden;}
.postForm .form-row:after{ content: ""; clear: both; display: block; }
.postForm .form-row-2{ width: 556px; margin-left: 56px; }
.postForm .form-label{ width: 137px; float: left; padding: 6px 0 0; text-align: right; margin-right: 15px;}
.postForm .form-label-left{ padding: 8px 0 8px 8px; text-align: left; color: #999;}
.postForm .required.symbol:before {content: "*"; font-size: 18px; color: #c90000; line-height: 1; vertical-align: middle; margin-right: 5px;}
.postForm .form-con{ width: 459px; float: left;}
.postForm .form-con-static{ padding: 8px 0; word-break: break-all; }
.postForm .w-half{ width: 46%; float: left; margin-right: 4%;}
.postForm .form-row>.w-half{ width: 50%; margin-right: 0; }
.postForm .w-half .form-con{ width: 182px; }
.postForm .w-half .form-label{ width: 80px; }
.postForm .clear{ display: block; clear: both; }
.postForm .ptop10{ padding-top: 10px; }
.postForm textarea,
.postForm input[type="text"],
.postForm input[type="password"],
.postForm input[type="datetime"],
.postForm input[type="datetime-local"],
.postForm input[type="date"],
.postForm input[type="month"],
.postForm input[type="time"],
.postForm input[type="week"],
.postForm input[type="number"],
.postForm input[type="email"],
.postForm input[type="url"],
.postForm input[type="search"],
.postForm input[type="tel"],
.postForm input[type="color"]{ -webkit-appearance: none; text-shadow: none; color: inherit; border: 1px solid rgba(0, 0, 0, 0.1); max-width: 100%; padding: 10px; border-radius: 0; box-sizing: border-box; -webkit-transition: .3s ease-in-out; -moz-transition: .3s ease-in-out; -ms-transition: .3s ease-in-out; -o-transition: .3s ease-in-out; transition: .3s ease-in-out; height: 34px; box-shadow: 0 0 transparent; width: 100%; font-size: 14px;}
.postForm textarea{ resize: none; height: 64px; }
.postForm input[type="checkbox"]{display: inline; box-shadow: 0 0 transparent; margin-top: 4px;}
.postForm input[type="radio"] {display: inline; box-shadow: 0 0 transparent; margin-top: 2px;}
.postForm textarea:focus,
.postForm select:focus,
.postForm input:focus{ background: #FEFEE5; box-shadow: 0 0 transparent; border-color: rgba(0, 0, 0, 0.1);}
.postForm select{ border: 1px solid rgba(0, 0, 0, 0.1); font-size: 14px; background-color: rgba(0, 0, 0, 0.02); height: 34px; padding: 0 10px; line-height: 100%; outline: 0; width: 100%; max-width: 100%; background-image: url(../images/km/caret.png); background-position: 96% center; background-repeat: no-repeat; position: relative; text-indent: 0.01px; text-overflow: ''; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; box-shadow: 0 0 transparent; border-radius: 0;}
.postForm label{ display: inline-block; }
.postForm .checkbox-inline, 
.postForm .radio-inline {position: relative; display: inline-block; padding-left: 20px; padding-top: 5px; margin-bottom: 0; margin-right: 20px; font-weight: 400; vertical-align: middle; cursor: pointer; }
.postForm .checkbox input[type=checkbox], 
.postForm .checkbox-inline input[type=checkbox], 
.postForm .radio input[type=radio], 
.postForm .radio-inline input[type=radio] {position: absolute; margin-top: 4px\9; margin-left: -20px; }
.postForm .checkbox-inline{ margin: 0; box-sizing: border-box; vertical-align: top; line-height: 1.8;}
.postForm .form-quote{ border: 1px solid #e3e3e3; background: #fff; padding: 9px; margin-bottom: 20px;}
.postForm .form-quote .form-label-left{ width: 127px; }
.Validform_wrong {font-size: 12px; font-style: italic; color: #ff3131; margin-top: 10px; display: inline-block; }






/*英文状态下样式调整*/
.html-en .about-left .left-title .h2{ padding-top: 15px; }
.html-en .index-focus,
.html-en .index-f2,
.html-en .index-f4{ display: none; }
.html-en .index-f1{ padding: 40px 0 0; }
.html-en .index-f1 .index-right,
.html-en .index-us img{ width: 340px; margin-left: 0; }
.html-en .index-f1 .index-right{ margin-bottom: -450px; }
.html-en .index-f3 .index-right,
.html-en .index-culture img{ width: 310px; height: 240px;}
.html-en .index-f3 .index-right{ margin-left: 10px; }
.html-en .index-f3 .index-left{ margin-left:350px; width: 530px; }
.html-en .index-f3{ padding-top: 0; }
.html-en .index-product{ height: 239px; }
.html-en .index-product .bd{ width: 329px; }
.html-en .index-product .bd .list{ display: none; }
.html-en .index-product .bd .pic{ width: 100%; text-align: center; }
.html-en .index-product .hd{ height: 239px; }
.html-en .index-product .hd li{ height: 59px; line-height: 59px; }
.html-en .index-product .bd .intro{ height: 50px; }



/*手机端样式*/
.page-mob{ display: none; }
@media screen and (max-width: 1024px){
html{ font-size: 24px; }
body{font-family:'MicroSoft YaHei', sans-serif; font-size:.5rem;width: auto;max-width: 1024px;color: #333;-webkit-font-smoothing: antialiased;}
img{ width: 100%; }
h1,h2,h3,h4,h5,h6{ font-weight: 300; }
*{ box-sizing: border-box; }
/*治疗手机端链接点击背景色*/
a{-webkit-tap-highlight-color:transparent;}

.page-mob{ display: block; }
.page-pc{ display: none; }

.tc{ text-align: center; }
.mob-padding{ padding: 0 .5rem; }
.bg-gray{ background: #F9F9F9; }
.mob-btn{ line-height: 1.5rem; background: #113672; color: #fff; text-align: center; padding: 0 1rem; display: inline-block; }
.html-ovh,
.html-ovh body{ height: 100%; overflow: hidden; }

.mob-header{ height: 2.6rem; border-bottom: 1px solid #D9D9D9;}
.mob-header .logo{ height: 1.8rem; float: left; padding-top: .4rem;}
.mob-header .logo img{ height: 1.8rem; width: auto;}
.mob-header .back{ float: left; display: none; }
.mob-header .back a{ background: url(../images/km/mob/top_icon01.png) no-repeat center; display: block; height: 1.4rem; width: 1.4rem; margin-top: .6rem; background-size: 40%; }
.page-back .mob-header .logo{ display: none; }
.page-back .mob-header .back{ display: block; }
.mob-header .menu{ float: right; height: 2.6rem; }
.mob-header .menu-handler{ height: 1.4rem; width: 1.4rem; background: url(../images/km/mob/top_icon02.png) no-repeat center; background-size: 70%; margin-top: .6rem;  }
.mob-header .menu-layer{ position: fixed; z-index: 1000; top: 2.6rem; left: 0; right: 0; bottom: 0; overflow-x: hidden; background: #fff; font-size: .55rem; line-height: 1rem; display: none; -webkit-transform: translateZ(0);}
.mob-header .menu-expand .menu-layer{ animation: fadeIn .5s; display: block; }
.mob-header .lv1-hd,
.mob-header .lv2-hd,
.mob-header .lv3-hd{ display: block; position: relative; padding-right: .5rem; padding-top: .6rem; padding-bottom: .6rem; }
.mob-header .lv1-hd,
.mob-header .lv1-hd:hover{ padding-left: .7rem; color: #333; border-bottom: 1px solid #EAEAEA }
.mob-header .lv2-hd,
.mob-header .lv2-hd:hover{ padding-left: 1.2rem; color: #fff; border-bottom: 1px solid #3B60A4;}
.mob-header .lv3-hd,
.mob-header .lv3-hd:hover{ padding-left: 1.7rem; color: #95aacf; border-bottom: 1px solid #3B60A4; font-size: .5rem; }
.mob-header .lv2-wrap{ background: #2E579E; display: none;}
.mob-header .lv3-wrap{ background: #2E579E; display: none;}
.mob-header .lv1-dropdown .lv1-hd:after,
.mob-header .lv2-dropdown .lv2-hd:after{content: ""; position: absolute; right: 1rem; top: 1rem; width: .6rem; height: .3rem; background: url(../images/km/mob/menu_icon.png) no-repeat; background-size: 1rem; }
.mob-header .lv1-dropdown .lv1-hd:after{ background-position:  left bottom; }
.mob-header .lv2-dropdown .lv2-hd:after{ background-position:  right bottom; }
.mob-header .lv1-dropdown.lv1-expand .lv1-hd:after{ background-position:  left top; }
.mob-header .lv2-dropdown.lv2-expand .lv2-hd:after{ background-position:  right top; }
.mob-header .lv1-expand .lv2-wrap{ animation: fadeIn .5s; display: block;}
.mob-header .lv2-expand .lv3-wrap{ animation: fadeIn .5s; display: block;}
@keyframes fadeIn{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
.mob-footer{ color: #b6becc; background: #3D4553; text-align: center; font-size: .5rem; line-height: 2; padding: 1rem .5rem;}
.mob-footer a{ color: #b6becc;}
.mob-footer .bl{ background: #357EFD; color: #fff; font-size: .6rem; padding: .2rem 0; margin: .5rem 0; }
.mob-footer .bl span{ margin: 0 .5rem; }
.mob-footer .mob-lang .current{ color: #fff; }
.mob-footer .mob-lang .split{ margin: 0 .5rem; }

.mob-title{ text-align: center; }
.mob-title h2{ padding-top: 1.2rem; font-size: .9rem; }
.mob-title p{ font-size: .6rem; color: #b2b2b2; }
/*首页*/
.mob-index-news{ padding: .5rem .5rem .5rem 1.6rem; border-bottom: 1px solid #efefef; background: url(../images/km/mob/index_icon01.png) no-repeat .5rem center; background-size: .7rem;}
.mob-index-news .swiper-container{ height: 1rem; }
.mob-index-news .swiper-slide{ height: 1rem; overflow: hidden; line-height: 1rem; }
.mob-index-about{ padding-bottom: 1.5rem; }
.mob-index-about .mob-index-text{ padding: 1rem 0 .5rem; }
.mob-index-about .mob-index-text *{ white-space: normal!important; }
.mob-index-text{ font-size: .5rem; color: #666; line-height: 1.8; text-indent: 2em; }
.mob-index-focus-swiper .swiper-slide{ position: relative; }
.mob-index-focus-swiper .swiper-slide p{ position: absolute; right: 0; left: 0; bottom: 0; font-size: .6rem; color: #fff; padding: 1rem; text-align: center; white-space: nowrap; line-height: 1.2rem; overflow: hidden; text-overflow: ellipsis; background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.5) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 );}
.mob-index-focus{  }
.mob-index-focus .tc{ padding: 1rem 0; }
.mob-text-list{ font-size: .6rem; }
.mob-text-list .item{ border-bottom: 1px solid #efefef; padding: .5rem .3rem .5rem .9rem; }
.mob-text-list .item .title{ line-height: 1.3rem; position: relative; }
.mob-text-list .item .title a{display: block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.mob-text-list .item .title:before{content:"";background: url(../images/km/mob/index_icon02.png) no-repeat center; background-size: 80%; width: .4rem; height: .4rem; position: absolute; left: -.8rem; top: .45rem;}
.mob-text-list .item .info{ color: #b2b2b2; }
.mob-text-list .item .img{ margin-left: -1rem; margin-bottom: .5rem;}
.mob-text-list .item.no-img .img{ display: none; }
.mob-accordion { margin-top: 1rem; }
.mob-accordion dl{ margin-bottom: -1px; }
.mob-accordion dt{ background-color: #fff; position: relative; padding: .7rem; font-size: .6rem; border-top: 1px solid #efefef; border-bottom: 1px solid #efefef;}
.mob-accordion dt i{ background: url(../images/km/mob/index_icon03.png) no-repeat center top; position: absolute; right: 1rem; top: 1rem; width: .5rem; height: .3rem; background-size: .5rem; }
.mob-accordion dd{ background: #F9F9F9; padding: 0 0.5rem; overflow: hidden; max-height: 0; overflow: hidden; transition: all .2s;}
.mob-accordion .expand dt i{ background-position: center bottom; }
.mob-accordion .expand dd{ max-height: 11rem; }
.mob-index-products .pro-cat{ overflow: hidden; margin-top: .5rem; padding-bottom: 1rem;}
.mob-index-products .pro-cat .item{ float: left; width: 29%; margin: .2rem 2%; line-height: 1.4rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; text-align: center; border: 1px solid #efefef; background: #fff; }
.mob-index-products .pro-cat .item a{ color: #0f3272; }
.mob-index-products .mob-accordion .mob-index-text{ height: 4.1rem; overflow: hidden; padding-top: .7rem;}
.mob-index-products .mob-accordion .expand dd{ max-height: 11rem; }
/*内页*/
.mob-inner{ min-height: 13rem; }
.mob-inner-title{ text-align: center; }
.mob-inner-title h2{ font-size: .8rem; font-weight: 700; text-align: center; line-height: 1rem; padding: 1rem 0; margin: 0 auto; display: inline-block; position: relative; max-width: 80%; }
.mob-inner-title h2:before,
.mob-inner-title h2:after{ content:""; background: #194078; font-size: 0; height: .1rem; width: .7rem; position: absolute; top: 50%; transform: translate(0,-50%;);}
.mob-inner-title h2:before{ left: -1.5rem; }
.mob-inner-title h2:after{ right: -1.5rem; }
.mob-inner-text{ padding: 0 0 1rem; margin: 0 .7rem; font-size: .65rem; line-height: 1.7; }
.mob-inner-text *{ white-space: normal!important; word-break: break-all; }
.mob-inner-text img{ display: block; margin: .2rem auto; }
.mob-inner .news-page{ text-align: center; font-size: .6rem; color: #999; margin: 1rem; line-height: 2;}
.mob-inner .news-page a{ color: #888; display: inline-block; vertical-align: top; max-width: 10rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.mob-inner .news-page span{ margin-right: .3rem; }
.mob-product-list{ overflow: hidden; }
.mob-product-list .item{ width: 47%; margin: .2rem 1.5%; float: left; }
.mob-product-list .item:nth-child(2n+1){ clear: left; }
.mob-product-list .item .name{ line-height: 3; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; }
.mob-back-title{ padding: .7rem; }
.mob-back-title h2{ font-size: .8rem; font-weight: 700;}
.mob-back-title .info{ margin-top: .3rem; border-bottom: 1px solid #f7f7f7; padding-bottom: .3rem; color: #999;}
.mob-back-title .info .author{ float: right; }


}