@charset "utf-8";
/* CSS Document */

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
  font-weight: 300;
}
body {
  font-family: "Microsoft YaHei", sans-serif;
	overflow-x: hidden;
	margin: 0; padding: 0;
	background: #fff;
	color: #848484;
	font-size: 1.6rem;
}
html{
	font-size: 62.5%!important; /* 10÷16=62.5% */;}
a{ text-decoration: none; color: #666;}
ul li {  list-style: none;}
li {  list-style: none;}
p{line-height:32px; margin: 15px 0}

strong{ font-weight: bold;}
.red{color:#d73044; font-weight: bold;}


.bigbox{ width:100%; overflow: hidden; margin: auto;}
/*首页样式*/
.index-top{width:100%; float: left;}
.index-top .logobox{width:100%; height: 50px; float: left; padding-left: 70px; position: absolute; top: 0px; z-index: 999;  }
.index-top .logobox .logo{width:98px; float: left; margin-top: 30px;}
.index-top .logobox .menu{width:1000px; float: left; color: #fff;  line-height: 50px; padding-left: 4%; margin-top: 40px;}
.index-top .logobox .menu ul li{ float:left; padding: 0 2%;}
.index-top .logobox .right{width:60px; float: right; color: #fff;  font-size: 1.5em; text-align: center;margin-top: 0px;}
.index-top .logobox .right .ico{background: #d73044; padding-bottom: 20px; padding-top: 20px; }
.index-top .logobox .right .ico img{  vertical-align: middle; margin-top: 10px;}
.index-top .logobox .right .tel{ background: #f2f2f2; padding: 25px 0}


.index-top .logobox a{color:#fff;font-size: 1.063em;}
.index-top .logobox a:hover{ }

.index-line{width:100%; height: 85px; background: #cb1933; float: left; color: #fff;}
.index-line2{width:1200px; margin: auto; height: 100%}
.index-line2 li{width:25%; float: left; height: 100%; padding-top: 15px;}
.index-line2 .list1{background:#dd1d38} 
.index-line2 .list2{background:#e8233f} 
.index-line2 .list3{background:#f32b47} 
.index-line2 .list4{background:#fb3753} 
.index-line2 .pic{width:40%; float:left; text-align: center;}
.index-line2 .text{width:60%; float:left; line-height: 2rem; font-size: 1.6rem}
.index-line2 .text1{width:100%;}
.index-line2 .text2{width:100%;}
.index-line2 .text2 a{color:#fff;} .index-line2 .text2 a:hover{opacity:0.8}




.index-news{width:100%;  overflow: hidden;}
.index-news-box{width:100%; margin: auto; overflow: hidden; background:url(../images/dfbh-news-bg.jpg) no-repeat right top; padding-top: 50px;}
.index-news-box .news-jt{width:78%; float: left; }
.index-news-box .news-jt .title{width:100%; font-size: 2rem;color: #fff; line-height: 46px; margin-bottom: 2em; font-weight: bold; float: left;}
.index-news-box .news-jt .title .blue{width:170px; height: 46px;float: left; background: #245aa1; text-align: center; }
.index-news-box .news-jt .title .red{width:250px; height: 46px; float: left; background: #d73044; padding-left: 30px;color: #fff;}


.index-news-box .news-jt .content{width:100%;  float: left;}
.index-news-box .news-jt .content .tp{width:485px; height: 320px; float: left;}
.index-news-box .news-jt .content .tp .photo{width:485px; height: 320px; position: relative; z-index: 0}
.index-news-box .news-jt .content .tp .photo img{width:100%;}
.index-news-box .news-jt .content .tp .ico{width:30px; height: 116px; margin-top: -116px; position: relative;float: right; z-index: 1}
.index-news-box .news-jt .content .xw{width:54%; margin-left:2%; float: left;}
.index-news-box .news-jt .content .xw .tt{width:100%; overflow: hidden; border-bottom: 1px solid #dedede; padding-bottom: 1.3em}
.index-news-box .news-jt .content .xw .tt .bt{ color: #245aa1; font-size: 1.4em;  margin-top: 5px}
.index-news-box .news-jt .content .xw .tt .bt a{color: #245aa1;font-weight:bold;}
.index-news-box .news-jt .content .xw .tt .date{ font-size: 0.75em; color: #a5a5a5; line-height: 3.5em;}
.index-news-box .news-jt .content .xw .tt .text{ font-size: 1em; color: #616161;line-height: 1.8em;height: 3.2em; overflow: hidden;}
.index-news-box .news-jt .content .xw .list{width:100%; overflow: hidden; color: #212121; margin-top: 1.8em; line-height: 2.1em;}
.index-news-box .news-jt .content .xw .list li{height: 2.1em; overflow: hidden;}
.index-news-box .news-jt .content .xw .list li span{float:right; font-size: 0.875em; color: #a5a5a5;}
.index-news-box .news-jt .content .xw .list a{color:#212121}


.index-news-box .news-dj{width:320px; float: right; padding-top: 15px }
.index-news-box .news-dj .title{width:100%;}
.index-news-box .news-dj .title .text{font-size: 3rem; color: #e9e9e9; float: right;}
.index-news-box .news-dj .title .redline{ text-align: left;float: left; color: #000; font-size: 2rem; margin-bottom: 10px; font-weight:bold; margin-top: 10px;}
.index-news-box .news-dj .djnews{ width:100%; overflow: hidden;;}
.index-news-box .news-dj .djnews li{width:100%; background: #fff;line-height: 2.1em }
.index-news-box .news-dj .djnews .djpic{width:100%; margin-bottom: 10px; overflow: hidden; margin-top: 20px;}  .index-news-box .news-dj .djnews .djpic img{width:100%;}
.index-news-box .news-dj .djnews .djtitle{width:100%; padding: 3% 3% 0% 0%; font-size: 1em; overflow: hidden; color: #909090; height: 1.2rem;}
.index-news-box .news-dj .djnews .djtitle a{color:#212121}


/*标题1*/
.dfbh-bt1{width:100%; text-align: center; text-transform: uppercase; color: #e7012c; font-size: 1em; margin: 2.5em 0;}
.dfbh-bt1 span{ display:block; color: #2d2d2d; font-size: 1.6em; line-height: 2em; font-weight: bold;}

/*标题2*/
.dfbh-bt2{width:100%; text-align: center; text-transform: uppercase; color: #d73044; font-size: 1em; margin: 2.5em 0;}
.dfbh-bt2 span{ display:block; color: #fff; font-size: 1.6em; line-height: 2em; font-weight: bold;}

/*标题3*/
.dfbh-bt3{width:100%; text-align: left; text-transform: uppercase; color: #d73044; font-size: 1em; margin: 2.5em 0;}
.dfbh-bt3 span{ display:block; color: #2d2d2d; font-size: 1.6em; line-height: 2em; font-weight: bold;}

/*标题4*/
.dfbh-bt4{width:100%; margin: auto; overflow: hidden; margin-top: 3em;}
.dfbh-bt4 .title{width:100%; font-size: 1.3em; font-weight: bold;color: #323131; margin-bottom: 1em;}
.dfbh-bt4 .list{ width:100%; float: left;}
.dfbh-bt4 .list li{padding: 0 2%; float: left; line-height: 3em;color:#323131; background: #f5f5f5; margin-right: 1px; font-size: 0.938em;}
.dfbh-bt4 .list li a{color:#323131}
.dfbh-bt4 .list li a:hover{color:#fff}
.dfbh-bt4 .list .all{ background:#5a5a5a; color:#fff;}
.dfbh-bt4 .list li:hover{ background: #d73044; color: #fff;}
.dfbh-bt4 .list li:hover a{color:#fff;}


/*首页产业*/
.index-cy{width:100%; overflow: hidden; }
.subcy{width:19.7%; float: left; margin-right: 0.3%;}
.subcy .titleline{width:30%; height: 1px; background: #fff; opacity: 0.35}
.subcy .title2{ margin-top: 30px;width:100%; font-size: 0.813em;}
.subcy .title1{ position: absolute;width:100%; font-size: 1.125em;}
.subcy .blue{ position: absolute;background-color:rgba(36,90,161,0.9);color: #fff; width:100%; height: 36px; bottom: 10px; line-height: 50px; padding-left: 20px;transition:.4s ease;} 
.subcy .redline{position: absolute;background-color:rgba(36,90,161,0.9); width:100%;height: 10px; bottom: 0px;transition:.4s ease;}
.subcy .photo{}
.subcy .photo img{width:100%}

.subcy:hover .title1{ margin-top: 30%;}
.subcy:hover .title2{ margin-top: 40%; opacity: 0.35; text-transform: uppercase;}
.subcy:hover .titleline{}
.subcy:hover .blue{ height: 100%;transition:.4s ease;}
.subcy:hover .redline{background-color:rgba(215,48,68,0.9);transition:.4s ease;}



/*首页走进东方*/
.index-zjdf{width:100%; margin:auto; overflow: hidden;background: url(../images/zjdf-bg.jpg) no-repeat left bottom; }
.index-zjdf .left{width:42%; float: left;  overflow: hidden;}
.index-zjdf .right{width:50%; float: right; overflow: hidden; margin-top: 18px;  }
.index-zjdf .left-title{width:100%;text-transform: uppercase; color: #e7012c; font-size: 1em;}
.index-zjdf .left-title span{ display:block; color: #2d2d2d; font-size: 1.6em; line-height: 2em; font-weight: bold;}
.index-zjdf .left-title2{width:100%;text-transform: uppercase; color: #888888; font-size: 1.125em; margin-top: 30px;}
.index-zjdf .left-redline{width:75px; background: #e7012c; height: 1px; margin-top: 10px;}
.index-zjdf .left-text{width:100%; color: #5e5e5e; font-size: 0.938em; line-height: 26px; margin-top: 25px;}
.index-zjdf .left-btn{width:100%; margin-top: 60px; margin-bottom: 30px; overflow: hidden;}
.index-zjdf .left-btn .subbtn{width:140px; float: left; margin-right: 3%; height: 48px; border-radius: 8px; background: #d73044; color:#fff; line-height: 48px; text-align: center}
.index-zjdf .left-btn .subbtn img{ vertical-align: middle; margin-right: 10px;transform: rotate(0deg);transition: transform 0.5s linear;}
.index-zjdf .left-btn .subbtn:hover img {transform: rotate(360deg);}
.index-zjdf .left-btn .n-btn{width:120px; height: 30px; float: left; color: #fff; text-align: center; line-height: 30px;}/*集团介绍更多按钮*/
.index-zjdf .left-btn .n-btn1{width:30px; height: 30px; background: #434343; float: left;}
.index-zjdf .left-btn .n-btn2{width:90px; height: 30px; background: #d73044; float: left;}



.index-zjdf .right-img{width:85%;float: right; overflow: hidden;}
.index-zjdf .right-img img{transition:.4s ease;}
.index-zjdf .right-img:hover img{transform: scale(1.05);transition:.4s ease; opacity: 0.8}
.index-zjdf .right-yuanjing{width:290px; float: left; position: absolute; background: #d73044; margin-top: 35px; height: 350px;color: #fff;}
.index-zjdf .right-yuanjing .text{width:80%; margin: auto;}
.index-zjdf .right-yuanjing .text .title{width:100%;text-transform: uppercase;  font-size: 1em; color: #eaa3a9; margin-top: 30px; }
.index-zjdf .right-yuanjing .text .title span{ display:block; font-size: 1.5em; line-height: 2em; color: #fff; }
.index-zjdf .right-yuanjing .text .line{width:90px; background: #df5767; height: 4px; margin-top: 20px;}
.index-zjdf .right-yuanjing .text .text2{width:100%;margin-top: 40px; color: #f0bec3; line-height: 1.6em; font-size: 0.938em;}
.index-zjdf .right-yuanjing .text .more{width:100%;margin-top: 70px;}
.index-zjdf .right-yuanjing .text .more a{color:#fff;}
.index-zjdf .right-yuanjing .text .more a:hover{color:#f0bec3;}




/*底部*/
.footer{width:100%; background: #d73044; color: #fff; padding-top: 40px; overflow: hidden; padding-bottom: 20px; }
.footer .footer-menu{width:68%; float: left;}
.footer .footer-menu .submenu{width:14%; float: left;}
.footer .footer-menu .submenu li { font-size: 1.4rem; color: #909090; line-height: 2.2rem}
.footer .footer-menu .submenu li a{color: #ecadb2;}.footer .footer-menu .submenu li a:hover{ opacity: 0.8}
.footer .footer-menu .submenu .title {font-size: 1.8rem;color: #f1f1f1; margin-bottom: 10px;}

.footer .footer-code{width:135px; float: right; text-align: center; font-size: 0.875em;; color: #ebaaaf; line-height: 2em; margin-left: 15%;}

.footer2{width:100%; background: #1c1c1c; color: #bbbbbb; overflow: hidden; padding: 12px 0; font-size: 0.8em;}
.footer2 a{ color: #bbbbbb; }
.footer2 .icp{width:55%; float: left; text-align: left; text-transform: uppercase;}
.footer2 .add{width:30%; float: left; text-align: left;}
.footer2 .jszc{width:15%; float: right; text-align: right;}

SELECT {
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	PADDING-TOP: 0px
}
SELECT {
	BOX-SIZING: content-box;
	BORDER-BOTTOM: #ddd 1px solid;
	BORDER-LEFT: #ddd 1px solid;
	PADDING-BOTTOM: 1px;
	LINE-HEIGHT: 20px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP: #ddd 1px solid;
	BORDER-RIGHT: #ddd 1px solid;
	PADDING-TOP: 1px;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-o-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}
OPTION {
	PADDING-BOTTOM: 0px;
	BORDER-RIGHT-WIDTH: 0px;
	MARGIN: 0px;
	PADDING-LEFT: 0px;
	PADDING-RIGHT: 0px;
	BORDER-TOP-WIDTH: 0px;
	BORDER-BOTTOM-WIDTH: 0px;
	BORDER-LEFT-WIDTH: 0px;
	PADDING-TOP: 0px
}
.footer-select {
	 padding-top: 150px;
}
.footer_sel {
	BORDER-BOTTOM: #4f4f4f 1px solid;
	BORDER-LEFT: #4f4f4f 1px solid;
	LINE-HEIGHT: 22px;
	WIDTH: 190px;
	HEIGHT: 22px;
	COLOR: #afafaf;
	BORDER-TOP: #4f4f4f 1px solid;

	BORDER-RIGHT: #4f4f4f 1px solid;
	background: #1e1e1e;
	background: url(../images/yh-link.jpg)left no-repeat; padding-left: 30px;
}




@-webkit-keyframes bounce2 {
  0%, 100% { -webkit-transform: scale(1.1) }
  50% { -webkit-transform: scale(1.0) }
}






/*公共*/
.yh-content{width:100%;overflow: hidden;}
.width-1500{width:1500px; margin: auto; overflow: hidden;}
.width-1300{width:1300px; margin: auto; overflow: hidden;}

.bg-white{width:100%; background: #fff;}

.blank-30{width:100%; height: 30px;}
.blank-50{width:100%; height: 50px;}
.blank-60{width:100%; height: 3em;}
.blank-80{width:100%; height: 80px;}
.blank-100{width:100%; height: 100px;}
.blank-150{width:100%; height: 100px;}
.blank-200{width:100%; height: 200px;}

.ss-topbg{
	width: 100%;
	margin: 0 auto;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
}
/*关于我们背景图*/
.section1{
  	color: white;
	height: 532px;
	background-image: url(../images/about_topbg.jpg);
	background-size:auto;
}
.section1-1{/*领导致辞背景图*/
  	color: white;
	height: 500px;
	background-image: url(../images/about_zcbg.jpg);
	background-size:auto;
}
.section1-2{/*企业文化背景图*/
  	color: white;
	height: 680px;
	background-image: url(../images/about_wenhua.jpg);
	background-size:auto;
}
/*新闻背景图*/
.section2{
  	color: white;
	height: 532px;
	background-image: url(../images/news_topbg.jpg);
	background-size:cover;
}
/*社会责任*/
.section3{
  	color: white;
	height: 532px;
	background-image: url(../images/news-shzr_topbg.jpg);
	background-size:auto;
}
/*员工天地*/
.section4{
  	color: white;
	height: 532px;
	background-image: url(../images/ygtd_topbg.jpg);
	background-size:auto;
}
/*党建背景图*/
.section5{
  	color: white;
	height: 532px;
	background-image: url(../images/news-dj_topbg.jpg);
	background-size:auto;
}
/*人才发展*/
.section7{
  	color: white;
	height: 532px;
	background-image: url(../images/rcfz_topbg.jpg);
	background-size:auto;
}

/*服务中心*/
.section8{
  	color: white;
	height: 532px;
	background-image: url(../images/fwzx_topbg.jpg);
	background-size:auto;
}



/*内页 头部*/
.index-top{width:100%; float: left;}

.about-top-text{color:#fff; padding-left: 13%; padding-top: 12%; overflow: hidden;}
.about-top-text .line{width:100px; height: 1px; background: #fff; display: block; overflow: hidden; margin-top: 1.5em;}
.about-top-text h1{font-size:4em; font-weight: bold; }
.about-top-text h3{font-size:1.1em; margin-top: 1.5em; line-height:1.5em;}


/*=====================关于我们*/
/*领导致辞*/
.about-zhici{width:100%; margin: auto; overflow: hidden; padding-top: 60px;}
.about-zhici .text{width:100%; text-align: center; margin-top: 30px; line-height: 1.6em;}
.about-zhici .zc{width:100%; text-align: center; margin-top: 60px;}

/*组织架构*/
.about-zzjg{width:100%; margin: auto; overflow: hidden; text-align: center}

/*企业文化*/
.about-wenhua{width:100%; margin: auto; overflow: hidden; padding-top: 60px;}
.about-wenhua .dingwei{width:100%;  float: left;overflow: hidden; margin-top: 35px;}
.about-wenhua .dingwei .title{width:100px; float: left; display: inline-block; font-size: 1.25em; font-weight: bold;}
.about-wenhua .list{width:90%; float: left; overflow: hidden; margin-top: 80px; margin-left: 5%;}
.about-wenhua .list li{width:18%; margin: 1%; float: left; text-align: center;}
.about-wenhua .list li img{  margin-right: 10px;transform: rotate(0deg);transition: transform 0.5s linear;}
.about-wenhua .list li .text{ margin-top: 40px; font-size: 1.25em; font-weight: bold;}
.about-wenhua .list li .text span{display:block;font-size: 0.75em;  margin-top: 15px;  opacity: 0.65}
.about-wenhua .list li:hover img{transform: rotate(360deg);}


/*企业文化====手机端*/
.about-wenhua-mb{display:none; background: #2b424f; color: #fff; padding-bottom: 2em;}
.about-wenhua-mb .title{width:100%; font-size: 1.25em; font-weight: bold; margin-top: 1.2em; margin-bottom: 1em;}
.about-wenhua-mb .text{width:100%; font-size: 0.936em; border-bottom: 1px solid #4b6a7c; padding-bottom: 1.2em;opacity: 0.8}


/*发展历程*/
.about-fzlc{width:100%; margin: auto; overflow: hidden;}
.about-fzlc-01{width:100%; text-align: center; color: #5c5c5c; margin-bottom: 30px; line-height: 1.6em;}
.about-fzlc-bg{width:100%; background: url(../images/about-fzlc-bg.jpg) left no-repeat; height: 355px; margin: auto; overflow: hidden}
.about-fzlc-bg .left{width:50%; float: left;}
.about-fzlc-bg .left-text{width:40%; float: left; color: #fff;}
.about-fzlc-bg .left-photo{width:60%; float: left; overflow: hidden;}

.about-fzlc-bg .left-text .title{width:100%;text-transform: uppercase;  font-size: 1em; color: #eaa3a9; margin-top: 3em;; }
.about-fzlc-bg .left-text .title span{ display:block; font-size: 1.5em; line-height: 2em; color: #fff; }
.about-fzlc-bg .left-text .line{width:90px; background: #df5767; height: 4px; margin-top: 20px;}
.about-fzlc-bg .left-text .text2{opacity:0.6; font-size: 0.875em; margin-top: 1.5em; width:80%;}

.about-fzlc-bg .right{width:47%; float: right; overflow-y: scroll; height: 355px;}
.about-fzlc-bg .right li{border-bottom: 1px solid #eeeded; overflow: hidden; padding-bottom: 1.2em; padding-top: 1.2em;}
.about-fzlc-bg .right li .year{ width:20%; float: left; background: url(../images/about-fzlc-ico.jpg) no-repeat left center; padding-left: 1.8em;}
.about-fzlc-bg .right li .year span{font-size:1.25em; font-weight: bold; color: #d73044; margin-right: 10px;}
.about-fzlc-bg .right li .text{ width:80%; float: left; font-size: 0.938em; color: #6c6c6c; line-height: 1.4em;}



/*发展历程===手机端*/
.about-fzlc-mb{width:100%; margin: auto; overflow: hidden; display: none;}
.about-fzlc-bg-mb{width:100%; height: 355px; margin: auto; overflow: hidden}
.about-fzlc-bg-mb .left{display:none}

.about-fzlc-bg-mb .right{width:100%; float: right; overflow-y: scroll; height: 355px;}
.about-fzlc-bg-mb .right li{border-bottom: 1px solid #eeeded; overflow: hidden; padding-bottom: 1.2em; padding-top: 1.2em;}
.about-fzlc-bg-mb .right li .year{ width:30%; float: left; background: url(../images/about-fzlc-ico.jpg) no-repeat left center; padding-left: 1.8em;}
.about-fzlc-bg-mb .right li .year span{font-size:1.25em; font-weight: bold; color: #d73044; margin-right: 10px;}
.about-fzlc-bg-mb .right li .text{ width:70%; float: left; font-size: 0.938em; color: #6c6c6c; line-height: 1.4em;}


/*荣誉&视频*/
.about-honor-video{width:100%; float: left;overflow: hidden; margin-bottom: 80px;}
.about-honor-video .sub{width:50%; float: left; overflow: hidden; position: relative}
.about-honor-video .sub .bg{width:100%; background: #f8f8f8;overflow: hidden; text-align: center; position:relative; z-index: -1 }
.about-honor-video .sub .bg img{ margin:3em 0}
.about-honor-video .sub .black{width:100%; height: 0;  background-color:rgba(0,0,0,0.78); position: absolute;transition:.4s ease;}
.about-honor-video .sub .btn{width:120px; height: 30px; background: #d73044; margin:auto; margin-top:100%; transition:.4s ease; text-align: center; color: #fff; line-height: 30px; margin-left: 43%;}

.about-honor-video .sub:hover .black{height: 100%; transition:.4s ease;}
.about-honor-video .sub:hover .btn{transition:.4s ease; margin-top: 25%;}

/* 横向滚动

------------------------------ */
.scroll_horizontal{position:relative;width: 100%;padding: 0;}
.scroll_horizontal .box{overflow:hidden;position:relative;width: 100%;margin:0 auto;}
.scroll_horizontal .list{overflow:hidden;width:9999px;}
.scroll_horizontal .list li{float:left;padding: 50px;background:  #fbfbfb;width: 750px;transition:.4s ease;}
.scroll_horizontal .list li:hover{background:#f3f4f6;}
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:50%;z-index: 99999999;margin-top: -30px;width: 41px;height: 82px;background-image: url(../images/jtl02.png);background-repeat:no-repeat;font:0/0 Arial;cursor:pointer;}
.scroll_horizontal .prev{left: 0px;background-position:0 0;}
.scroll_horizontal .next{right: 0px;background-image: url(../images/jtr02.png);}
.scroll_horizontal .prev:hover{background-position: 0 0px;}
.scroll_horizontal .next:hover{background-position: 0;}


/*新闻*/




.news-list-box{ width:100%; overflow: hidden;}
.news-list-box li{margin-top:4%; overflow: hidden; border-bottom: 1px dashed #e5e5e5;transition:.4s ease;  }
.news-list-box li .date{width:100%; float: left; color: #323131; font-size: 0.938em; line-height: 3.5em; padding-left: 3%; }
.news-list-box li .textbox{width:100%; float: left; padding-top: 2em; transition:.4s ease;}
.news-list-box li .textbox2{width:94%; margin: auto;}
.news-list-box li .textbox2 .title{ color: #323131; font-size: 1.375em; }
.news-list-box li .textbox2 .title a{ color: #323131;  }
.news-list-box li .textbox2 .title a:hover{ color: #fff;  font-weight: bold; }
.news-list-box li .textbox2 .text{width:80%;float: left;color: #585858; font-size: 1.5rem; line-height: 2.2rem; margin-top: 2em; height: 80px; overflow: hidden;}
.news-list-box li .textbox2 .more{ width:5%; float: right;font-size: 1.4em; text-align: center;color:#9e9e9e; margin-top: 2em;transition:.4s ease;}


.news-list-box li:hover .date{ background: #f5f5f5;transition:.4s ease;}
.news-list-box li:hover .textbox{ background: #d73044;transition:.4s ease;}
.news-list-box li:hover .textbox .title{ color: #fff;}
.news-list-box li:hover .textbox .text{ color: #fff;}
.news-list-box li:hover .textbox .more{color:#fff;width:4%;transition:.4s ease;}




/*详细页*/
.detail{width:100%; overflow: hidden; margin-top: 4%}
.detail .title{ font-size: 1.5em; color: #000; line-height: 3em; text-align: center;background: #f5f5f5;}
.detail .date{ line-height: 3.5em; color: #b7b7b7; font-size: 0.875em; text-align: center; border-bottom: 1px dashed #e5e5e5}
.detail .content{width:94%; margin: auto; margin-top: 40px;}
.detail .content img{max-width: 85%; margin: auto; }
.detail-link{ font-size: 0.875em; width:100%;border-top: 1px dashed #e5e5e5; overflow: hidden; padding-top: 4em; margin-top: 4em; margin-bottom: 4em}
.detail-link li{width: 100%;overflow: hidden;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #818181;}
.detail-link li a{color: #818181;}
.detail-btn{ float: right;width:100px;  height: 38px; line-height: 38px; border: 1px solid #ccc; color: #666; font-size: 1.6rem; text-align: center; margin:-50px 1% 0 0;display: inline-block; vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  overflow: hidden;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: color, background-color;  transition-property: color, background-color;	}

.detail-btn:hover, .yh-news-detail-btn:focus, .yh-news-detail-btn:active {background-color: #035cac; color: #fff;border: 1px solid #035cac;}



/*产品*/


.pro-list{width:100%; overflow: hidden; margin-top: 50px;}
.pro-list .line{ width:100%; height: 1px; background: #ececec;margin-bottom: 50px;}
.pro-list .probox{width:100%; overflow: hidden;}
.pro-list .probox ul li{width:30%; float: left; margin:0 1.5%;margin-bottom: 2.2em}
.pro-list .probox ul li .pic{width:100%; height: 280px; overflow: hidden; }
.pro-list .probox ul li .pic img{transition:.4s ease; width:100%; height: 100%;}
.pro-list .probox ul li .title{ background: #f5f5f5; color: #3e3e3e; line-height: 4em; padding-left: 10px; font-size: 0.938em;transition:.4s ease;}
.pro-list .probox ul li .title .arrow{float: right; padding-right: 20px; color: #d73044; font-size: 1.2em; font-weight: bold;transition:.4s ease; }

.pro-list .probox ul li:hover .pic img{ opacity: 0.7;transition:.4s ease;  transform: scale(1.1) translate(-45%,-45%);}
.pro-list .probox ul li:hover .title{ background: #d73044;transition:.4s ease; color: #fff;}
.pro-list .probox ul li:hover .title a{ color: #fff; font-weight: bold;}
.pro-list .probox ul li:hover .title .arrow{color: #fff;padding-right: 10px; transition:.4s ease;}


.pro-list .probox ul li a {
	display: block;
	height: auto;
	overflow: hidden;
}


.pro-list .probox ul li .pic {
	height: auto;
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 75%;
}

.pro-list .probox ul li .pic img {
    width: auto!important;
    height: 100%!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}





/*人才发展*/
.rcfz{width:100%; margin: auto; overflow: hidden;}
/*人才理念*/
.rcln{width:100%; margin: auto; overflow: hidden;background: #f4f4f4;}
.rcln li{width:50%; float: left;  height: 350px;}
.rcln li img {width:100%;}
.rcln li .text{width:80%; margin: auto; margin-top: 15% ; color: #5a5a5a; font-size: 1em; line-height: 1.8em;}
.rcln li .text span{ display:block; font-weight: bold; margin-bottom: 1em;}

.rcln-mb{width:100%; margin: auto; overflow: hidden;background: #f4f4f4; display:none;}
.rcln-mb li{width:100%; float: left;  }
.rcln-mb li .photo{width:90%; margin: auto; text-align: center}
.rcln-mb li .photo img {width:100%; max-width: 750px; }
.rcln-mb li .text{width:80%; margin: auto; margin-top: 5% ;  margin-bottom: 10%; color: #5a5a5a; font-size: 1em; line-height: 1.8em;}
.rcln-mb li .text span{ display:block; font-weight: bold; margin-bottom: 1em;}

/*培训体系*/
.pxtx{width:100%;margin: auto; overflow: hidden;}
.pxtx .title{width:100%; overflow: hidden; line-height: 3.5em;}
.pxtx .title .left{width:22%; float: left; background: #d73044; color: #fff; text-align: center; font-size: 1.375em; font-weight: bold;}
.pxtx .title .right{width:78%; float: left;  background: #f4f4f4; color: #d0d0d0; text-transform: uppercase; padding-left: 3%}

.pxtx .text{width:100%; overflow: hidden;}
.pxtx .text .content{width:100%; overflow: hidden; border-bottom: 1px solid #eeeded; padding: 2.5em 0}
.pxtx .text .content .left{width:22%; float: left;  color: #d73044; text-align: center; font-size: 1.25em; font-weight: bold;}
.pxtx .text .content .right{width:78%; float: left; color: #6c6c6c; text-transform: uppercase; padding-left: 3%; font-size: 0.938em;}


/*服务中心*/
.fwln1{width:100%; overflow: hidden;}
.fwln1 ul{width:100%; overflow: hidden;}
.fwln1 ul li{width:29%; float: left; margin-right: 4%;}
.fwln1 ul li .photo{width:100%; }
.fwln1 ul li .photo img{width:100%; }
.fwln1 ul li .text{ background: #d73044; text-align: center; color: #fff; line-height: 3em; font-size: 1.25em; font-weight: bold;}

.fwln2{width:100%; overflow: hidden; margin-top: 8em;}
.fwln2 li{width:33.333%; float: left;  }
.fwln2 li .photo{width:100%;}
.fwln2 li .photo img{width:100%; }
.fwln2 li .text{width:100%; position: absolute}


/*服务中心*/
/*服务理念*/
.fwln2{width:100%; overflow: hidden; margin-bottom: 6em; }
.subfwln2{width:33.33%; float: left; }
.subfwln2 .titleline{width:50px; height: 5px; margin: auto;background: #d73044;}
.subfwln2 .title2{ margin-top: 4em;width:100%; font-size: 1em;}
.subfwln2 .title1{ position: absolute;width:100%; font-size: 1.125em;}
.subfwln2 .blue{ position: absolute;background-color:rgba(0,0,0,0.5);color: #fff; text-align: center;width:100%; height: 4em; bottom: 0px; line-height: 4em; transition:.4s ease;} 
.subfwln2 .photo{}
.subfwln2 .photo img{width:100%}

.subfwln2:hover .title1{ margin-top: 30%; font-size: 1.525em; font-weight: bold;}
.subfwln2:hover .title2{ margin-top: 40%;  text-transform: uppercase;}
.subfwln2:hover .titleline{ margin-top: -10%}
.subfwln2:hover .blue{ height: 100%;transition:.4s ease;background-color:rgba(0,0,0,0.7);}

/*特色服务*/
.tsfw{width:100%; overflow: hidden; margin-bottom: 5em; }
.subtsfw{width:100%; overflow: hidden;border-top: 1px solid #dedede; padding-top: 4%;margin-top: 3%;}
.subtsfw .left{width:43%; float:left; margin-right: 2%;}
.subtsfw .left img{width:100%; max-width: 608px;}
.subtsfw .right{width:55%; float:right}
.subtsfw .right .title{width:200px;   color: #fff; background: url(../images/fwzx-2_arrow.jpg) no-repeat left top #d73044; padding-left: 2.5em; line-height: 2em}
.subtsfw .right .title2{ color: #2c2c2c; font-size: 1.25em; font-weight: bold; margin: 1em 0}
.subtsfw .right .title2 img{ vertical-align:middle; margin-right: 1em;}
.subtsfw .right .text{width:100%; font-size: 0.938em; color: #494949; line-height: 1.8em; margin-top: 2em;}

/*会员专区*/
.huiyuan{width:90%; margin: auto;overflow: hidden; margin-bottom: 5em;}
.huiyuan .title{width:100%; background: url(../images/fwzx3_01.jpg) no-repeat bottom left; color: #5a5a5a; font-size: 1.25em; font-weight: bold; margin-top: 5em;}
.huiyuan .title img{ }
.huiyuan .text{width:100%; margin: auto;overflow: hidden; color: #5a5a5a; line-height: 1.8em; margin-top: 3em;}
.huiyuan .text .photo{ width:100%; text-align: center; margin-top: 2em; margin-bottom: 3em;}
.huiyuan .text .photo img{width:100%; max-width: 857px;}


/*意见反馈*/
.fankui{width:100%; overflow: hidden; margin-bottom: 5em;}
.fankui .text{margin-top:5em; border-bottom: 1px solid #dedede; color: #494949; font-size: 0.938em; line-height: 1.8em; padding-bottom: 3em;}
.fankui .box{margin-top:4em; width:100%; overflow: hidden;}
.fankui .box .photo{width:46%;float: left; margin-right: 2%}
.fankui .box .photo img{width:100%; max-width:632px;}
.fankui .box .right{width:52%;float: left;}

.fankui .box .right .message{width:100%; margin: auto;  overflow: hidden;}
.fankui .box .right .message .row{width:100%; float: left; padding: 10px 0px; overflow: hidden;}
.fankui .box .right .message .row .left{width:20%; float: left;color: #8b8161; font-size: 0.875em; display: block }
.fankui .box .right .message .row .right{width:75%; float: left;}
.fankui .box .right .message .row .right .red{color:#df0034; font-weight: bold; margin-left: 10px;}
.fankui .box .right .message .row .right .input{ padding: 10px; width:80%; border: 1px solid #dedede}


/*联系我们*/
.contact1{width:1000px; background: #fff; margin-top: -200px; overflow: hidden;z-index: 2; position: absolute; right: 100px; padding: 6% 6% 8% 6%}
.contact1 .title{font-size: 3.6rem; font-weight: 400; color: #333333; margin-bottom: 20px;}
.contact1 .text{font-size: 2.6rem; font-weight: 400; color: #333333; overflow: hidden;}
.contact1 .text .add{width:45%; float: left;}
.contact1 .text .tel{width:40%; float: left;}
.contact1 .text .other{width:15%; float: left;}
.contact1 .text .other img{ margin:0 5px}
.contact1 .text .font{font-size: 1.6rem; color: #6a6969;}
.contact1 .line{ width:100%; height: 1px; background: #dfdfdf; margin-top: 5%}

.contact2{width:100%; float: left; height: 677px; }
.contact3{width:100%; overflow: hidden; padding-top: 100px; padding-bottom: 100px;}


.yh-btn{ width:180px; height: 45px; line-height: 45px; background: #5a5a5a; color: #dad5cd; font-size: 18px; text-align: center; margin:0 1% 0 0;display: inline-block; vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);  box-shadow: 0 0 1px rgba(0, 0, 0, 0);  -webkit-backface-visibility: hidden;  backface-visibility: hidden;  -moz-osx-font-smoothing: grayscale;  overflow: hidden;  -webkit-transition-duration: 0.3s;  transition-duration: 0.3s;  -webkit-transition-property: color, background-color;  transition-property: color, background-color;	 border: none}

.yh-btn:hover, .yh-news-detail-btn:focus, .yh-news-detail-btn:active {background-color: #d73044; color: white;}


/*翻页*/
.fanye{ width: 100%;float: left; padding-left: 3%; font-size: 0.875em;  text-align:center;}
.fanye-box{width:380px;  float: none; text-align: center; line-height: 35px;}
.fanye-Previous{width:78px; float:left;border: 1px solid #bfc4c5;height: 35px; color: #666666; margin-right: 5px;}
.fanye-Next{width:78px; float:left;border: 1px solid #bfc4c5; height: 35px;color: #414040; margin-left: 5px;}
.fanye-Number{width:35px; float:left; color: #414040;  margin: 0 5px; border: 1px solid #bfc4c5;}
.fanye-Number-current{width:35px; float:left; color: #fff; background: #7a7a7a; margin: 0 5px;}


/*翻页*/
.fanye2{ width: 100%;float: left;}
.fanye2-box{width:380px;  float: none; margin: auto;text-align: center; line-height: 35px;}
.fanye2-Previous{width:78px; float:left;border: 1px solid #bfc4c5;height: 35px; color: #666666; margin-right: 5px;}
.fanye2-Next{width:78px; float:left;border: 1px solid #bfc4c5; height: 35px;color: #414040; margin-left: 5px;}
.fanye2-Number{width:35px; float:left; color: #414040;  margin: 0 5px; border: 1px solid #bfc4c5;}
.fanye2-Number-current{width:35px; float:left; color: #fff; background: #dc0000; margin: 0 5px;}







/*>1920*/
@media screen and (min-width:1921px) 
{
}


/*<1500*/
@media screen and (max-width:1550px) 
{
	
	.width-1500{width:96%; }
	.index-news-box .news-jt{width:75%; }
	.index-news-box .news-jt .content .tp{width:450px;}
	.index-news-box .news-jt .content .tp .photo{width:100%; overflow: hidden;}
	.index-news-box .news-jt .content .xw{width:50%;}
	
	.pro-list .probox ul li .pic{ height: auto;}.pro-list .probox ul li .pic img{width:100%;}
	
	.rcln li{height:auto;}
}

/*<1363*/
@media screen and (max-width:1363px) 
{
	
	.index-news-box .news-jt .content .tp{display:none;}
	.index-news-box .news-jt{width:calc((100% - 330px))}
	.index-news-box .news-jt .content .xw{width:94%; margin-left: 0;}
	
	/*=======*/
	.pro-topbox .right{width:980px;  float: left; margin-top: 30px;}
	.pro-topbox .left{width:100%; }
	.index-news-box{width:98%; }
}

/*<1300*/
@media screen and (max-width:1399px) 
{
	.width-1300{width:96%;}
	
	.about-zzjg img{width:100%;}
	/*=======*/
	.pro-topbox .left .btn{ margin-top: 5%;}
	.contact1{width:90%;  margin:-200px auto 0;right:5%;}
	.contact3 .message{width:90%; }
}


/*<1200*/
@media screen and (max-width:1199px) 
{
	html{font-size: 56.3%!important; /* 10÷16=62.5% */;}
	/*=======*/
	.index-top .logobox .menu{ display: none;}
	.index-top .logobox2 .menu{ display: none;}
	.index-line2{width:100%;}
	
	.index-news-box .news-jt{width:100%; }
	.index-news-box .news-dj{width:100%; }
	.index-news-box .news-dj .djnews li{width:48%; margin: 1%; float: left;}
	
	.pro-net-box .left{width:70%;float: none;margin: auto;}
	.pro-net-box .right{width:100%;display: none;float: right;margin-top: 700px;}
	
	
	.footer .footer-menu{width:100%; margin: auto; overflow: hidden}
	.footer .footer-menu .submenu .title {font-size: 1.8rem;color: #f1f1f1; margin-bottom: 10px;}

	.footer .footer-code{width:100%; margin:5% auto 0; }
	.footer2 .copyright{width:50%; }
	.footer2 .icp{width:100%;}
	.footer2 .add{width:70%; float: left; text-align: left;}
	.footer2 .jszc{width:30%; float: right; text-align: right;}
	
	.pro-list .probox ul li{width:47%}
	
	.index-zjdf .left-btn .subbtn{width:110px;}
}



/*<1000*/
@media screen and (max-width:999px) 
{
	
	
	
	.pro-topbox .right{width:100%; float: left; margin:30px auto 0;  overflow: hidden; }
	.pro-topbox .right .content1{width:100%; float: left;background: #f5f5f5; margin-right: 20px;}
	.pro-topbox .right .content1 .text{width:50%; float: left;padding:80px 30px 108px; font-size: 1.8rem; line-height: 2.6rem;}
	.pro-topbox .right .content1 .pic{width:50%; float: left;}
	.pro-topbox .right .content1 .pic img{ width:100%; height: auto; overflow: hidden}

	.pro-topbox .right .content2{width:100%; float: left; background: #f5f5f5; margin-top: 20px;}
	.pro-topbox .right .content2 .content2-1{width:100%; overflow: hidden;}
	.pro-topbox .right .content2 .content2-1 .text{ padding:80px 30px 50px; font-size: 1.8rem; line-height: 2.6rem; width:50%; float: left;}
	.pro-topbox .right .content2 .content2-1 .pic{ width:50%; float: left;}
	.pro-topbox .right .content2 .content2-1 .pic img{ width:100%; height: auto; overflow: hidden}
	.pro-topbox .right .content2 .blank{width:100%; height: 15px; background: #fff; float:left;}
	
	.index-cysummary{padding: 0px 10%;}
	
	
	/*=========*/
	.about-wenhua .list li img{width:60%;}
	.about-honor-video .sub{width:100%;}
	
	
	/*发展历程===手机端*/
	.about-fzlc{display:none;}
	.about-fzlc-mb{display:block;}
	.about-honor-video .sub .bg img{width:80%}
	
	.news-list-box li .textbox2 .text{width:100%;}
	.news-list-box li .textbox .more{display:none;}
	
	.rcln{display:none;}
	.rcln-mb{display:block;}
	.rcln li{width:100%;}
	
	.index-cy{display:none;}
	
	.index-zjdf .left{width:100%}
	.index-zjdf .right{width:100%}
}

/*<800*/
@media screen and (max-width:790px) 
{

	.news-list-box li .pic{display: none}
	.news-list-box li .textbox{width:96%; float: left; margin-left: 15px;}
		
	.pro-list .probox ul li{width:50%; float: left; }

	.pro-net-box .left{display: block}
	.pro-net-box .right{ display: none}
	
	
	.about2 .honor .pic{ width:100%;}
	.about2 .honor .text{width:100%;}
	
	.index-cy2{width:100%;}
	.index-cytitle{margin-top: 26%;}
	.index-cy2:hover .index-cysummary{opacity:0;margin-top:45%;}
	.index-cysummary{margin-top: 40%;}
	.index-cy2:hover .index-cybtn{margin-top:43%;}

	.pro-list .probox ul li{width:100%; margin:0 0 1em }
	
	.subtsfw .left{width:100%;}
	.subtsfw .left img{max-width: 100%;}
	.subtsfw .right{width:100%; margin-top: 3em;}
	
	.fankui .box .photo{display:none}
	.fankui .box .right{ width:100%; margin-top: 0}
	.fankui .box .right .message{margin-top:5%}
}



/*<640*/
@media screen and (max-width:640px) 
{
	.footer .footer-menu{display:none;}
	.footer2 .add{width:100%;}
	.footer2 .jszc{width:100%; text-align: left;}
	
	.about-wenhua{display:none;}
	.about-wenhua-mb{display:block;}
	
	
	.news-list-box li .textbox{margin-left:0;}
	.news-list-box li .textbox2 .text{ padding-bottom:2em; height: auto;}
	
	.about-top-text{padding-left: 5%;margin-top: 22%; font-size: 0.65em;}
	.index-top .logobox .right{display:none;}
	.index-top .logobox{padding-left: 5%;}
	
	
	.index-zjdf .left{width:100%;}
	.index-zjdf .right{width:100%;}
	
	.index-news-box .news-jt .title .blue{width:30%}
	.index-news-box .news-jt .title .red{width:40%}
	
	.index-news-box .news-jt .content .xw .list li span{display:none;}
	.index-news-box .news-dj .djnews li{width:100%}
	.index-zjdf .left-btn .subbtn{width:30%;}
	
	.dfbh-bt3{text-align: center;}
	.about-zhici{padding-top: 20px;background: url(../images/about_zcbg.jpg);}
	.about-zhici .zc{margin-top: 30px;}
	
	.fwln1 ul li{width:100%; margin-bottom: 3%}
	.subfwln2{width:100%; margin-bottom: 3%}
	
	.index-top .logobox .logo{width:60px; margin-top: 10px;}
	.index-top .logobox .logo img{width:100%;}
	.pxtx .text .content .left{font-size:1.05em;}
	
	
	
	
	
	/*关于我们背景图*/
.section1{height: 300px;}
.section1-1{/*领导致辞背景图*/
  	color: white;
	height: 500px;
	background-image: url(../images/about_zcbg.jpg);
	background-size:auto;
}
.section1-2{/*企业文化背景图*/
  	color: white;
	height: 680px;
	background-image: url(../images/about_wenhua.jpg);
	background-size:auto;
}
/*新闻背景图*/
.section2{
	height: 300px;
}
/*社会责任*/
.section3{
	height: 300px;
}
/*员工天地*/
.section4{
	height: 300px;
}
/*党建背景图*/
.section5{
	height: 300px;
}
/*人才发展*/
.section7{
	height: 300px;
}

/*服务中心*/
.section8{
	height: 300px;
}
	
	.blank-30{width:100%; height: 15px;}
.blank-50{width:100%; height: 25px;}
.blank-60{width:100%; height: 30px;}
.blank-80{width:100%; height: 40px;}
.blank-100{width:100%; height: 50px;}
.blank-150{width:100%; height: 50px;}
.blank-200{width:100%; height: 10px;}
	
	
}