@charset "utf-8";
@media screen and (max-width: 900px){
	img {width: 100%;height: auto;}
	img.xiaotu {width: auto;}
	.historyshow {display: none;}
	.head_sj img {width: auto;height: 100%;}
}

.wrapper {background: url(/uploads/image/images/neiye01.png);}
/* banner */
.banner { position:relative; width:100%; overflow:hidden; z-index:3; }
.banner .bd { zoom:1; }
.banner .bd img { width:100%!important; height:auto!important; }


/*左侧导航*/
.head_pc {padding-left: 0;}

/* 主体 */
.container { position:relative;  z-index:8;padding-bottom: 36px; background: url(/uploads/image/images/neiye02.png) no-repeat center bottom,url(/uploads/image/images/neiye03.png);background-size: 100%;}
.wrap { position:relative; width:900px; min-height:460px; _height:460px; margin:0 auto; }
@media screen and (max-width: 1200px){
	.container {padding: 0 3%;}
}
@media screen and (max-width: 900px){
	.wrap {width: 100%!important;}
}
.wrap .sidebar {}
.wrap .main { display:block; overflow:hidden; *zoom:1; }
.wrapbt { height:0; background:none; overflow:hidden; clear:both; }

/* 左侧栏目标题 */
.lefttitle { position:relative; margin-bottom:18px; padding:90px 0 10px; color:#333; }
.lefttitle i,.lefttitle s { display:block; text-align:center; }
.lefttitle i { font-size:25px; line-height:48px; font-weight:normal; }
.lefttitle s { color:#888; font:12px/18px arial; text-decoration:none; text-transform:uppercase; }

/* 二级、三级菜单 */
.menu dl { zoom:1; padding-bottom:20px; text-align:center; }
.menu dl:after{content:'\20';display:block;height:0;clear:both}
.menu dl dt { display:inline-block; *display:inline; zoom:1; margin:0 2px 12px; vertical-align:top; }
.menu dl dt a { display:inline-block; padding:4px 10px;   color:#666; font-size:14px; border-radius: 4px;}
.menu dl dt a:hover,.menu dl dt .current {  background:#c10214; color:#fff; text-decoration:none; }

.m-rdm { padding:25px 0 10px; text-align:center; }
.m-rdm a { display:inline-block; margin:0 8px 10px; padding:3px 20px; border:1px solid #ddd; line-height:24px; }
.m-rdm a:hover,.m-rdm .current { border:1px solid #999; background:#999; color:#fff; }


/* 面包屑 */
.location { position:relative; height:36px;  padding:11px 0; line-height:36px;}
.location h3 {display: none; float:left; padding-left:10px; border-left:5px solid #069; color:#000; font-size:21px; font-weight:normal; }
.breadcrumbs { float:left; text-align:right; }
.breadcrumbs a { display:inline-block;  vertical-align:top; }
.breadcrumbs .u-home {  }

/* 内容模式 */
.article { padding:0 0 72px; line-height:2; font-size:14px; word-wrap:break-word; }
.article .hd { padding:0 0 20px; text-align:center; }
.article .hd h1 { color:#000; font-size:20px; }
.article .hd .titbar { color:#797979; font-size:12px; } 
.article .bd { padding-bottom:40px; }
.article .ft { padding:20px 0 0; border-top:1px solid #ddd; }
@media screen and (max-width: 700px){
	.article p {width: auto!important;}
}
/* 头部新闻 */
.hotnews { margin-bottom:30px; background:#848484; overflow:hidden; }
.hotnews .pic { float:left; width:390px; height:250px; margin-right:5px; }
.hotnews .pic img { width:100%; height:100%; }
.hotnews dl { display:block; overflow:hidden; zoom:1; padding:25px 20px 0 15px; line-height:22px; }
.hotnews dl dt { margin-bottom:13px; padding-left:10px; background: no-repeat 0 13px; color:#fff; font-size:14px; line-height:30px; }
.hotnews dl dt a { color:#fff; }
.hotnews dl dt a:hover { color:#000; }
.hotnews dl .i { min-height:110px; padding-bottom:10px; padding-left:10px; color:#eee; }
.hotnews dl .m { width:84px; height:24px; margin-left:10px; background:#fff; line-height:24px; text-align:center; }
.hotnews dl .m a { display:block; color:#333; }
.hotnews dl .m a:hover { background:#666; color:#fff; }

/* 新闻列表 */
.news { padding:0 0 40px; }
.newstable th { border:1px solid #fff; background:#c8cacb; color:#fff; font-weight:bold; text-align:center; }
.newstable td { padding:8px 10px; border-bottom:1px solid #dcd9d4; line-height:20px; }
.list { padding:0 0 40px; }
.list li { padding:9px 0; border-bottom:1px dashed #e0e0e0; background: no-repeat 2px 17px; font-size:14px; line-height:20px; clear:both; }
.list li span { float:right; color:#999; font-size:12px; }
.list li a { padding-left:15px; }
.list li a:hover { text-decoration:underline; }

/* 图文新闻 */
.pothoitem { margin:0 auto 10px; width: 830px;}
.pothoitem .item { padding:20px 0; overflow:hidden; }
.pothoitem .item .item { border-top:1px dashed #d3d3d3;}
.pothoitem .item .pic { float:left; margin-right:20px; padding:4px;}
.pothoitem .item dl { display:block; overflow:hidden; zoom:1; padding:0; line-height:20px; }
.pothoitem .item dl dt { font-size:16px; line-height:32px; }
.pothoitem .item dl .m { display:none; }
.pothoitem .item dl .i { padding:5px 0 0; color:#999; font-size:14px; line-height:25px; }
.pothoitem .item dl .d {font-size: 14px;color: #999;padding-top: 6px;}
@media screen and (max-width: 1440px){
	.pothoitem {width: 740px;}
}


@media screen and (max-width: 900px){
	.pothoitem {width: 100%;}
	.pothoitem .item .pic {width: 40%;margin-right: 2%;padding: 1%;}
	.pothoitem .item .pic img {width: 100%;height: auto;}
}
@media screen and (max-width: 640px){
	.pothoitem .item dl dt {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}
	.pothoitem .item dl .i {text-overflow: ellipsis;overflow: hidden;white-space: nowrap;width: 100%;}
}
/* 图片列表 */
.pilist {padding-left: 70px;}
.pic-item {float: left;padding: 10px;margin: 0 12px 20px; background: #fff;text-align: center;line-height: 38px;font-size: 13px;box-shadow: 2px 2px 2px #dfdede;}
.pic-item dt {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pic-item img {width: 100%;}
@media screen and (max-width: 900px){
	.pilist {padding-left: 0;}
	.pic-item {width: 29%;padding: 1%;margin: 0 1% 2%;}
}
@media screen and (max-width: 640px){
	.pic-item {width: 46%;padding: 1%;margin: 0 1% 2%;}
}
/* 分页 */
.page { padding:30px 0 40px; line-height:24px; text-align:center; }
.page a { display:inline-block; margin:0 2px 5px; padding:0 8px; border:1px solid #ddd; background:#ddd; color:#333; vertical-align:top; }
.page a:hover,.page .current { border:1px solid #e40008; background:#e40008; color:#fff; }

/* 人才招聘 */
.hrtop { padding:0 0 30px; border-bottom:1px solid #ddd; }
.hrtop li { padding-left:16px; background:url(/uploads/image/images/ico_05.gif) no-repeat 0 8px; font-weight:bold; line-height:24px; }
.hrtable .hrtableth { height:32px; background:#666; color:#fff; }
.hrtable th { color:#fff; font-weight:normal; }
.hrtable td { padding:0 8px; }
.hrtable .bg td { background:#eee; }
.hr { position:relative; padding:0 0 40px; }
.hr h3 { padding-left:0; border-bottom:1px dotted #ccc; color:#e40008; font-size:20px; line-height:55px; }
.hr h3 s { float:right; width:20px; height:20px; margin-top:17px; cursor:pointer; }
.hr h3 .off { background: no-repeat center; }
.hr h3 .on { background: no-repeat center; }
.hritem { margin-bottom:5px; }
.hritem .title { border-bottom:1px dotted #ccc; color:#999; font-weight:bold; line-height:36px; }
.hritem .title span { float:right; font-weight:100; }
.hritem .title span a { color:#88000c; }
.hritem .con { margin-bottom:10px; padding:15px 0; line-height:24px; }
.hritem .con h4 { font-size:14px; line-height:36px; }
.hritem .apply { width:95px; height:25px; padding:0; background:#01286f; color:#fff; line-height:25px; text-align:center; }
.hritem .apply a { color:#fff; }
.hr-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #777; }
.hr-list .title { padding:0; color:#e40008; font-weight:bold; line-height:20px; }
.hr-list .title span { float:right; font-weight:100; }
.hr-list .info { padding:5px 0; line-height:24px; }
.hr-list .apply { height:24px; line-height:24px; text-align:right; }

/* 新闻列表 */
.message { padding:0 0 30px; }
.message-list { margin-bottom:5px; padding:5px 5px 15px; border-bottom:1px dotted #ddd; }
.message-list .m-title { padding:0; color:#e40008; font-size:16px; font-weight:bold; line-height:20px; }
.message-list .m-title span { float:right; color:#01286f; font-size:12px; font-weight:100; }
.message-list .m-info { padding:5px 0; line-height:24px; }
.message-list .r-title { padding:0; line-height:20px; }
.message-list .r-info { padding:5px 0; line-height:24px; }

/* 人才招聘 */
.form-panel { padding:0 0 30px; }
.form-panel h4 { margin-bottom:10px; padding:0 20px; background:#666; color:#fff; line-height:30px; }
.form-panel .tips { padding:10px 0 10px 100px; font-weight:bold; font-size:13px; text-align:left; }
.form-panel .field { clear:both; }
.form-panel li.field label { display:block; float:left; width:100px; line-height:24px; text-align:right; }
.form-panel .input { padding:5px 0; zoom:1; }
.form-panel .field:after { content:'\20'; display:block; height:0; clear:both; }
.form-panel .text { height:20px; padding:2px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .textarea { width:450px; height:100px; padding:1px 3px; border:1px solid #ccc; background:#fff; color:#555; }
.form-panel .submit-field { padding:0 10px 20px 100px; _padding:0 10px 20px 100px; clear:both; }
.form-panel .submit-field input { margin-right:10px; }
.form-panel .submit-field .btn-submit,.form-panel .submit-field .btn-reset { width:93px; height:29px; border:none; background:#666; color:#fff; cursor:pointer; }

/* 产品详细页 */
.m-detail { margin-bottom:30px; }
.m-detail .m-property { float:left; width:100%; }
.m-detail .property { margin-left:350px; }
.m-detail .property h1 { font-weight:100; font-size:18px; line-height:34px; }
.m-detail .property .m-i-a { margin-bottom:8px; padding:8px 0 15px; border-bottom:1px dotted #d9d9d9; color:#888; font-size:14px; line-height:25px; }
.m-detail .gallery { position:relative; float:left; width:350px; margin-left:-100%; }
.m-detail .gallery .bigpic { width:300px; height:224px; }
.product-detail { margin-bottom:30px; border:1px solid #e5e5e5; }
.product-detail .hd { height:45px; border-bottom:1px solid #e5e5e5; background:#f6f6f6; }
.product-detail .hd h2 { float:left; width:136px; height:46px; margin:-2px 0 -1px; border-top:2px solid #0058af; border-right:1px solid #e5e5e5; background:#fff; font-size:22px; font-weight:100; line-height:46px; text-align:center; }
.product-detail .bd { padding:25px; line-height:28px; font-size:14px; }




/*投资者关系*/

.investor li {position: relative;float: left;width: 400px;margin: 0 23px 30px; padding: 12px 0;border: 1px solid #959595;}
.investor .sd {float: left;width: 20%;text-align: center;}
.investor .sd01 {font-size: 35px;line-height: 35px;font-weight: bold;}
.investor .sd02 {line-height: 18px;}
.investor .mm {width: 60%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;line-height: 50px;font-size: 15px;}
.investor .li-i {width: 20%;height: 100%;background: url(/uploads/image/images/investor01.png) no-repeat center;background-size: contain;position: absolute;right: 0;top: 0;}
.investor li:hover {color: #fff;background: #a40000;border-color: #a40000;}
.investor li:hover a {color: #fff;}
.investor01 .li-i {background-image: url(/uploads/image/images/investor02.png);}
@media screen and (max-width: 1440px){
	.investor {padding-left: 70px;}
	.investor li {margin: 0 6px 10px;}

}
@media screen and (max-width: 900px){
	.investor {padding-left: 0;}
	.investor li {width: 42%;margin: 0 3% 5%;}

}
@media screen and (max-width: 640px){
	.investor li {width: 90%;margin: 0 auto 5%;float: none;}

}

/*联系我们*/
.contact01 {padding: 30px 0 70px;width: 740px;margin: 20px auto 0;line-height: 40px;font-size: 13px;background: url(/uploads/image/images/contact01.png) no-repeat 300px top;}
.contact_t {font-size: 20px;font-weight: bold;line-height: 40px;color: #728080;}
.contact01 .bd01 {line-height: 24px;padding-left: 30px;background: url(/uploads/image/images/contact01-01.png) no-repeat left center;}
.contact01 .bd02 {padding-left: 30px;background: url(/uploads/image/images/contact01-02.png) no-repeat left center;}
.contact01 .bd03 {padding-left: 30px;background: url(/uploads/image/images/contact01-03.png) no-repeat left center;}
.contact02 {width: 740px;margin: 0 auto 150px;}
.contact02 .bd .txt01,.contact02 .bd .txt02 {margin-bottom: 20px;padding-left: 20px; line-height: 32px;border: 1px solid #dddddd;background: rgba(255,255,255,0.8);font-size: 13px;}
.contact02 .bd .txt01 {line-height: 30px;width: 340px;}
.contact02 .bd .txt01:nth-child(2), .contact02 .bd .txt01:nth-child(4) {margin-left: 10px;}
.contact02 .bd .txt02 {width: 716px;}
.contact02 .bd .sub01 {width: 75px;line-height: 26px;text-align: center; border: 1px solid #c10214; font-size: 14px;background: #c10214;color: #fff;cursor: pointer;}
.contact02 .bd .reset01 {width: 75px;line-height: 26px;border: 1px solid #b5b5b5;text-align: center; font-size: 14px;margin-left: 12px;cursor: pointer;}
@media screen and (max-width: 800px){
	.contact01 {width: 100%;background: none;}
	.contact02 {width: 100%;}
	.contact02 .bd .txt01 {width: 38%;}
	.contact02 .bd .txt01:nth-child(2), .contact02 .bd .txt01:nth-child(4) {margin-left: 6%;}
	.contact02 .bd .txt02 {width: 96%;}
}

/*社会责任*/
.duty {position: relative;padding-bottom: 80px;/*padding-left: 40px;*/}
.slide-in {padding: 5px;border: 1px solid #d2d2d2;background: rgba(255,255,255,0.75);box-sizing: border-box;}
.slide-in .swiper_i {text-align: center;}
.slide-in .swiper_i img {width: 100%;}
.slide-in .swiper_t {padding: 0 2% 10%;position: relative;}
.slide-in .swiper_t01 {width: 100%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;font-size: 15px;line-height: 34px;}
.slide-in .swiper_t01 a {color: #333333;}
.slide-in .swiper_t02 {line-height: 26px;}
.slide-in .swiper_t03 {color: #333333;font-size: 14px;}
.slide-in .swiper_t04 {width: 20%;height: 1px;background: #e60012;position: absolute;bottom: 4%;left: 50%;margin-left: -10%;}
.duty .prev03,.duty .next03 {position: absolute;width: 30px;height: 32px;bottom: 0;}
.duty .prev03 {left: 50%;margin-left: -40px;background: url(/uploads/image/images/prev03.png) no-repeat center;}
.duty .next03 {right: 50%;margin-right: -40px;background: url(/uploads/image/images/next03.png) no-repeat center;}
@media screen and (max-width: 1366px){
	.duty {padding-left: 3%;}
}

@media screen and (max-width: 1200px){
	.duty {padding-left: 0;}
}

/*产品详情页*/
.prod_dis_t {margin-bottom: 35px;}
.prod_dis_t .sd {float: left;}
.prod_dis_t .sd .bd {margin-bottom: 10px;}
.prod_dis_t .sd .bd-i .tempwrap {width: 360px!important;}
.prod_dis_t .sd .bd-i li {float: left;margin-right: 8px;}
.prod_dis_t .sd01 {float: left;display: none;}
@media screen and (max-width: 790px){
	.prod_dis_t .sd {display: none;}
	.prod_dis_t .sd01 {display: block;}
}
.prod_dis_t .mm {width: 340px;float: left;margin-left: 40px;}
@media screen and (max-width: 414px){
	.prod_dis_t .sd01 {text-align: center;float: none;clear: both;}
	.prod_dis_t .mm {width: 100%;margin-left: 0;}
}
.prod_dis_t .mm01 {line-height: 56px;border-bottom: 1px solid #8f8f8f;font-size: 22px;font-weight: bold;}
.prod_dis_t .mm02 {line-height: 32px;padding: 20px 0 38px;font-size: 14px;color: #616161;}
.prod_dis_t .mm03 a {display: block;float: left;width: 158px;margin-bottom: 10px; line-height: 46px;border: 1px solid #c10214;color: #c10214;font-size: 18px; text-align: center;}
.prod_dis_t .mm03 a:nth-child(1) {background: #c10214;color: #fff;margin-right: 20px;}
@media screen and (min-width: 790px){
	.prod_dis_t .mm02 { min-height:190px; }
}


/*感受洽洽*/
.historyshow .hd { position:relative; height:60px; background:url(/uploads/image/images/historyshow01.png) no-repeat center 50px; overflow:hidden; }
.historyshow .hd ul { position:absolute; top:0; height:60px; text-align:center; }
.historyshow .hd ul li { position:absolute; top:0; display:block; width:100px; padding-bottom:17px;  font:14px/43px 'microsoft yahei'; text-align:center; cursor:pointer; vertical-align:top; }
.historyshow .hd ul li:after {content: "";position: absolute;bottom: 4px;left: 50%;margin-left: -5.5px; display: block;width: 11px;height: 11px;border-radius: 50%;background: #cfa972;}
.historyshow .hd ul .on {  color:#d61d00; font-size:16px; font-weight:bold; }
.historyshow .hd ul .on:after {background: #d61d00;width: 14px;margin-left: -7px;height: 14px;bottom: 3px;}
.historyshow01 .hd ul li { width: 350px;}


.tab-history{height: 100%;width: 600px;margin: 0 auto;text-align: left;}
.historyshow01 .tab-history {margin-left: 200px;line-height: 26px;}
.historyshow .bd {padding:20px 0px 60px; }



@media screen and (max-width: 640px){
	.container {padding-bottom: 72px;}
}

.back-to { position:fixed; bottom:110px; right:50%; margin-right:-590px; display:none; z-index:999; }
.back-to .back-top { display:block; width:51px; height:51px; background:url(/uploads/image/images/top.png) no-repeat; outline:0 none; text-indent:-9999em; overflow:hidden; }
.back-to .back-top:hover { background-position:0 0; }
@media screen and (max-width: 1200px){
	.back-to {display: none;}
}