@charset "utf-8";
/* CSS Document */
*{
	padding: 0;
	margin: 0;
}
html{margin:0; padding: 0;font-size: 100%!important;  background: #fff; font-family: "微软雅黑"}
body{margin:0; padding: 0; color: #333;
	font-size: 1em;
  font-family: "Microsoft YaHei", sans-serif;}
div{margin:0;padding: 0;}
ul,li{ list-style:none; list-style-position: outside; margin: 0; padding: 0;}
a{ text-decoration:none; color: 333;}a:hover{color:666;	text-decoration: none;}a:active{ color: #333} a:visited{ color: #333;}
p{ line-height: 1.7em; margin: 15px 0; text-indent: 2em; color: #7f7f7f;}

/*首页样式*/


.bg{width:100%;overflow: hidden; }
.bg img{width:100%}


/*标题1*/
.index-title1{width:100%; margin: auto; margin-top: 5%; overflow: hidden; text-align: center; font-size:1em; color: #979696; line-height: 2.4em;}
.index-title1 span{ display:block;font-size:2em; color: #3c3b3b;}

/*标题2*/
.index-title2{ width:100%; margin:0 0 3%; overflow: hidden;}
.index-title2-1{position: relative;width:100%; margin: auto; font-weight: bold;overflow: hidden; font-size:8em; color: #f3f3f3; line-height: 2.em; text-align: left; z-index: 1;text-transform: uppercase;}
.index-title2-2{ position: relative;width:100%; margin: auto; margin-top:-2em; z-index: 2; overflow: hidden;font-size:2em; color: #000000; line-height: 1em; text-align: left ; }
.index-title2-3{width:40px; height: 3px; background: #dd0346; margin-top: 10px;}


/*标题3*/
.index-title3{width:100%; margin:4% auto;  overflow: hidden; font-size:2.25em; color: #3c3b3b; line-height: 1.5em; padding-left: 3%}
.index-title3 span{ display:block;font-size:1.2em; color: #3c3b3b; font-weight: bold; text-transform: uppercase;}



/*标题4*/
.bt4{width:100%; margin: auto; overflow: hidden; margin-top: 3%; margin-bottom: 3%}
.bt4 .list{ width:100%; float: left; text-align: center; margin: auto;}
.bt4 .list li{padding: 2%;margin: auto; display: inline; line-height: 3em;color:#323131; margin-right: 1px; font-size: 0.938em;}
.bt4 .list li a{color:#323131}
.bt4 .list li a:hover{color:#fff}
.bt4 .list .line{   background: #212121; color: #fff;}
.bt4 .list li:hover{ background: #212121; color: #fff;}
.bt4 .list li:hover a{color:#fff;}



/*标题5*/
.bt5{width:100%; margin:3% auto; overflow: hidden;}
.bt5 ul{ width:100%; margin: auto; overflow: hidden}
.bt5 ul li{ float: left; border-left: 1px solid #e9e6e6; padding: 0 2%; margin-left: -1px; color: #ee3e49; font-size: 1.125em; }
.bt5 ul li a{color: #000000;}

/*标题6*/
.bt6{width:100%; margin: auto; overflow: hidden; font-size: 2em; margin-top: 1%}
.bt6 span{ text-transform:uppercase; display: block; font-weight: bold; font-size: 1.4em; font-family:Consolas, Andale Mono, Lucida Console, Lucida Sans Typewriter, Monaco, Courier New, monospace}


/*标题7*/
.title7{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: center; font-size:1em; color: #979696; line-height: 2.4em;}
.title7 span{ display:block;font-size:2.35em; color: #3c3b3b;}

/*标题8*/
.title8{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: center; font-size:1em; color: #232323; line-height: 3.4em;}
.title8 span{ display:block;font-size:3em; color: #3c3b3b;}

/*标题9*/
.title9{width:100%; margin: auto; margin-top: 5%; margin-bottom: 4%; overflow: hidden; text-align: center; font-size:1em; color: #6b6666;}
.title9 span{ display:block;font-size:2.4em; color: #3c3b3b; margin-bottom: 0.5em;}

/*标题10*/
.title10{width:100%; margin: auto; margin-top: 5%; margin-bottom: 2%; overflow: hidden; text-align: left; font-size:1.5em; color: #fff;}
.title10 span{ display:block;font-size:1.75em; color: #fff; margin-bottom: 0.2em;}

/*首页-产业*/
.index-cy{width:100%; margin: auto; overflow: hidden;}
.index-cy ul{width:100%; margin: auto; overflow: hidden;margin-left: -1%;}
.index-cy ul li{ width:32.33%; margin: auto; overflow: hidden; float: left; margin-left: 1%; background: #000; position: relative}
.index-cy ul li .bg{width:100%; position: relative; margin: auto; overflow: hidden}
.index-cy ul li .bg img{max-width:100%;transition: 0.3s;}
.index-cy ul li .text1{ position: absolute; z-index: 2;margin-left: 8%; color: #fff;bottom: 15%; font-size: 2.35em; font-weight: bold;}
.index-cy ul li .text2{ position: absolute; z-index: 2;  margin-left: 8%;color: #fff; bottom: 8%; text-transform: uppercase; font-size: 2em; font-family: Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif}

.index-cy ul li:hover .bg img{ opacity: 0.5; transform: scale(1.03); transition: 0.3s;}


/*首页-介绍*/
.index-about{width:100%; margin:5% auto; overflow: hidden; background: url(../images/index-bg.jpg) no-repeat right top; padding: 6% 0}
.index-about-left{width:42%; float: left;}
.index-about-title{width:100%; margin: auto; overflow: hidden;}
.index-about-title img{max-width:100%;}
.index-about-more{width:200px; height: 55px; line-height: 55px; border: 1px solid #fff; color: #fff; text-align: center; margin-top: 2em; font-size: 1.125em;}
.index-about-more:hover{ background: #fff; color: #666;}
.index-about-right{width:53%; float: right;}
.index-about-text{width:100%; margin: auto; overflow: hidden; color: #fff; line-height: 1.75em;}

.index-about-ico{width:100%; float: left; margin:6% auto 0; overflow: hidden;}
.index-about-ico li{width:19%; margin: 0 3%; float: left; text-align: center; color: #fff; line-height: 1.6em}
.index-about-ico li img{ margin-bottom: 1em;transform: rotate(0deg);transition: transform 0.4s linear;}
.index-about-ico li:hover img{transform: rotate(360deg);}
.index-about-ico li a{color:#fff; font-size: 1.125em;}
.index-about-ico li a:hover{}

/*首页-产品案例*/
.index-case{width:100%; margin: auto; overflow: hidden;}
.index-case-title{width:100%; margin: auto; overflow: hidden;}
.index-case-title1{width:30%; float: right; overflow: hidden;  font-size: 1em;color: #464646;}
.index-case-title1 span{ display:block; font-size: 3em; letter-spacing:2px;  color: #464646; font-family:Impact, Haettenschweiler, Franklin Gothic Bold, Arial Black," sans-serif"; line-height: 1em}
.index-case-title3{width:65%; float: left; overflow: hidden; color: #817c7c; font-size: 0.938em;  line-height: 2em;text-align:justify}

.index-case-title1-1{position: relative;width:100%; margin: auto; font-weight: bold;overflow: hidden; font-size:8em; color: #f3f3f3; line-height: 2.em; text-align: left; z-index: 1;text-transform: uppercase;}
.index-case-title1-2{ position: relative;width:100%; margin: auto; margin-top:-2em; z-index: 2; overflow: hidden;font-size:2em; color: #000000; line-height: 1em; text-align: left ; }
.index-case-title1-3{width:40px; height: 3px; background: #dd0346; margin-top: 10px;}



.index-case-tab{width:100%; margin: auto; overflow: hidden; margin-top: 5%}
.index-case-tab .tableft{width:60%; float: left;}
.index-case-tab .tableft li{width:115px; float: left;}
.index-case-tab .tableft li:hover{  background: url(../images/index-case-line.jpg) no-repeat bottom left; padding-bottom: 10px;}
.index-case-tab .tableft li:hover a{ color: #004882;}
.index-case-tab .tabright{width:78px;height: 30px;  background: #004882; color: #fff; text-align: center; line-height: 30px; float: right;}


.index-case-box{width:100%; margin: auto; overflow: hidden; padding-bottom: 4%; margin-top: 3%;}
.index-case-box ul{width:100%; margin: auto; overflow: hidden;margin-left: -1%;}
.index-case-box ul li{ width:24%; margin: auto; float: left; margin-left: 1%;  position: relative; margin-bottom: 2em}
.index-case-box ul li .bg{width:100%; position: relative; margin: auto; overflow: hidden}
.index-case-box ul li .bg img{max-width:100%;transition: 0.3s;}
.index-case-box ul li .text1{ color: #333; font-size: 1.2em; width:100%; text-align: center; margin-top: 3%}
.index-case-box ul li:hover .bg img{ opacity: 0.5; transform: scale(1.03); transition: 0.3s;}




/*首页-联系*/
.index-contact{width:100%; margin: auto; overflow: hidden; margin-bottom: 2%}
.index-contact1{width:44%; float: left;}
.index-contact1 img{max-width:100%;}

.index-contact2{width:53%; float: right;}
.index-contact2 .tp{width:100%; margin: auto; overflow: hidden}
.index-contact2 .tp img {max-width:100%;}

.index-contact2 .wz{width:100%; margin: auto; overflow: hidden; margin-top: 2em; color: #828282;}
.index-contact2 .wz1{width:40%; float: left;}
.index-contact2 .wz2{width:28%; float: left; margin-left: 4%}
.index-contact2 .wz3{width:28%; float: left;}
.index-contact2 .wz3 img{max-width:100%}
.footer-title1{ color: #575757; font-weight: bold}
.footer-title2{ color: #c3c3c3;}
.footer-title3{ color: #cbbe91;font-weight: bold; font-size: 1.25em}


/*案例*/



/*首页-新闻*/
.index-news{width:100%; margin: auto; overflow: hidden; margin-bottom: 2%; padding-bottom: 2%}







/* 底部
------------------------------ */

.XS-foot1{ width:100%;height: auto; float:left;background: #00325b; padding: 2% 0; color: #fff; font-size: 1em; }
.XS-foot1 .copyright{width:40%; float: left; text-align: right; opacity: 0.8}
.XS-foot1 .copyright a{color:#fff;}
.XS-foot1 .copyright a:hover{ opacity: 0.8}
.XS-foot1 .jszc{ width:60%; float: left;  opacity: 0.8}




/*子页内栏目导航*/
.news-menu-box{width:100%; border-bottom: 1px solid #ececec; margin-bottom: 10px;}
.news-menu-box .submenu{width:100px; text-align: center; float: right;line-height: 4em;}
/*新闻导航按钮*/
.button27 {
	color: rgba(0,0,0,1);
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	position: relative;
	overflow: hidden;
}
.button27:hover{
}
.button27 a{
	color: rgba(51,51,51,1);
	text-decoration: none;
	display: block;
	font-size: 1.063em;
}
.button27::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 2px;
	z-index: 1;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	-webkit-transform: translate(-100%, -600%) rotate(30deg);
	transform: translate(-100%, -600%)  rotate(30deg);
	background-color: rgba(205,185,141,1);
	-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
	transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);

}
.button27:hover::before{
	-webkit-transform: translate(0,0);
	transform: translate(0,0);	
}
.z-dh{float:left; line-height: 4em; color: #666;}







/*关于我们*/
.about{width:100%; margin: auto; overflow: hidden; padding-top: 3em; padding-bottom: 3em; background: url(../images/about-bg1.jpg) no-repeat top right }


.about-content{width:100%; margin: auto; overflow: hidden;text-align: justify;}
.about-content-title{width:40%; margin: auto;  float: left;}
.about-content-title img{ max-width:100%}
.about-content-text{width: 56%;float: right;font-size: 1.125em; line-height: 3em; margin-top: 2em;}
.about-content-text-img{ float:left;  display:block;  margin-bottom: 2%; width:100%}

.about-content .number{ width:100%; margin:5% auto 3%; overflow: hidden; line-height: 5em;}
.about-content .number li{width:33%; float: left;text-align: center; font-size: 1.75em; font-weight: bold;}
.about-content .number li span{ width:100%;font-size:2.8em; color: #c1b573; font-weight: normal}
.about-content .plus{ font-size: 1.25em;color: #c1b573; font-weight: normal }

.about-content2{width:100%; margin: auto; overflow: hidden;font-size: 1.125em; line-height: 3em; text-align: justify;}
.about-content2 img{ max-width:100%; margin: 3% auto}

.aboutmenu2{display:none}


/*组织架构*/
.zzjg{width:100%; margin:5% auto 0; overflow: hidden;  background: #f8f8f8; padding: 5% 0 8%}
.zzjg-title{width:100%; float: left; border-left: 6px solid #ededed; font-size: 1.95em;  text-transform: uppercase; padding-left: 20px;}
.zzjg-title span{display:block; color: #dccf9d;font-weight: bold;}
.zzjg-tp{width:100%; margin: auto; overflow: hidden;}
.zzjg-tp img{ max-width:100%}


/*发展历程*/
.fzlc{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}
.fzlc-title{width:100%; margin: auto; overflow: hidden; margin-top: 5%; }
.fzlc-title-left{width:40%; float: left;}
.fzlc-title-left .whtitle1{font-size:1em;color: #999}
.fzlc-title-left .whtitle2{font-size:3em; font-weight: bold;color: #000}
.fzlc-title-left .whtitleline{ width:80px; height: 6px; margin-top: 6%; background: #f92543;}
.fzlc-content{width:100%; margin: auto; overflow: hidden;}


/*资质*/
.honor-title{width:100%; margin: auto; overflow: hidden;}
.honor-title1{width:18%; float: left; overflow: hidden; margin-left: 5%; font-size: 3em; text-transform: uppercase; font-weight: bold;color: #dccf9d;}

.honor-title2{width:13%; float: right; overflow: hidden; text-align: center; margin-top: 2%; font-size: 2em;}
.honor-title2 img{ max-width: 100%; margin-right: 5px;}
.honor-title3{width:60%; float: left; overflow: hidden; color: #817c7c; font-size: 0.875em; margin-top: 1%; line-height: 2em;text-align:justify}


.honor{width:100%; margin: auto; overflow: hidden; margin-bottom: 4%}

.honor-content{width:100%; margin: auto; overflow: hidden; margin-top: 4%}




/*新闻列表*/
.news-list-box{ width:100%; overflow: hidden;}
.news-list-box li{margin-top:4%; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 4%; }
.news-list-box li .pic{width:257px; height: 168px; float: left;}
.news-list-box li .date{width:120px; float: left; color: #888888; font-size: 0.938em; margin-left: 15px; margin-bottom: 10px;}
.news-list-box li .textbox{width:70%; float: left; margin-left: 15px;}
.news-list-box li .textbox .title{ color: #122b49; font-size: 1.4em; font-weight: bold; }
.news-list-box li .textbox .title a{ color: #122b49;  font-weight: bold; }
.news-list-box li .textbox .title a:hover{ color: #db0000;  font-weight: bold; }
.news-list-box li .textbox .text{ color: #585858; font-size: 1em; line-height: 1.85em; margin-top: 15px; height: 80px; overflow: hidden;}
.news-list-box li .textbox .more{ color: #122b49; font-size: 1em; margin-top: 15px;}
.news-list-box li .textbox .more a{ color: #122b49; font-size: 1em; }
.news-list-box li .textbox .more a:hover{ opacity: 0.7 }



/*人才招聘*/
.rc-list-box{ width:100%; overflow: hidden;}
.rc-list-box li{margin-top:4%; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 4%; }
.rc-list-box li .pic{width:257px; height: 168px; float: left;}
.rc-list-box li .textbox{width:100%; float: left;}
.rc-list-box li .textbox .title{ color: #122b49; font-size: 1.4em; font-weight: bold; }
.rc-list-box li .textbox .title .date{width:120px; float: right; text-align: right;color: #888888; font-size: 0.75em; font-weight: normal}
.rc-list-box li .textbox .title a{ color: #122b49;  font-weight: bold; }
.rc-list-box li .textbox .title a:hover{ color: #db0000;  font-weight: bold; }
.rc-list-box li .textbox .text{ color: #585858; font-size: 1em; line-height: 1.85em; margin-top: 15px; height: 50px; overflow: hidden;}
.rc-list-box li .textbox .more{ color: #122b49; font-size: 1em; margin-top: 15px;}
.rc-list-box li .textbox .more a{ color: #122b49; font-size: 1em; }
.rc-list-box li .textbox .more a:hover{ opacity: 0.7 }




/*案例展示*/


.xw2{width:100%; overflow: hidden; margin-top: 3em; }
.xw2 .xwbox{width:100%; margin: auto;overflow: hidden;}
.xw2 .xwbox ul{ width: 103.33%; margin-left: -3.33%; overflow: hidden;}
.xw2 .xwbox ul li{width:30%;float: left;margin:0 0 0 3.33%;margin-bottom: 2em;}
.xw2 .xwbox ul li .pic{width:100%;  overflow: hidden;  position: relative}
.xw2 .xwbox ul li .pic .tp{transition:.4s ease;padding-bottom: 68%;overflow: hidden; width: 100%; position: absolute}
.xw2 .xwbox ul li .pic .tp img{transition:.4s ease;max-height: 100%}


.xw2 .xwbox ul li .title{ background: #fff; text-align: center;color: #474747; line-height: 2em; padding: 2% 0%; transition:.4s ease; overflow: hidden; width:100%; margin: auto;}


.xw2 .xwbox ul li .title .bt{width:100%; font-size: 1.125em;  overflow: hidden;height: 2em; line-height: 2em;  margin-bottom: 0.5em;  background: url(../images/xw2-redline.jpg) no-repeat bottom  left  #fff;}
.xw2 .xwbox ul li .title .more{width: 100%; float: left; line-height: 2.5em; font-size: 0.875em; color: #9d9d9d; text-decoration: underline; text-transform: uppercase; }

.xw2 .xwbox ul li:hover .pic img{ opacity: 0.4;transition:.4s ease;transform: scale(1.1) translate(-45%,-45%);}
.xw2 .xwbox ul li:hover .title{ transition:.4s ease; background: #fff;}
.xw2 .xwbox ul li:hover .title .arrow{color: #fff;padding-right: 10px; transition:.4s ease;}
.xw2 .xwbox ul li .pic::before{content:'';width:  100%;height:  100%;position:  absolute;top: 0;background: rgba(0,0,0,0);left:  0;transition:  .4s ease;}
.xw2 .xwbox ul li:hover .pic::before{content:'';background: rgba(0,0,0,1);}

.xw2 .xwbox ul li a {
	display: block;
	height: auto;
	overflow: hidden;
	text-decoration: none;
}
.xw2 .xwbox ul li .pic {
	width: 100%;
	position: relative;
	overflow: hidden;
	padding-bottom: 68%;
}
.xw2 .xwbox ul li .pic img {
    width: auto!important;
    height: auto!important;
    left: 50%;
    top: 50%;
    transition: .4s ease;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
}



/*企业文化*/
.culture{width:100%; margin:3% auto; overflow: hidden;}
.culture-title{width:100%; margin: auto; overflow: hidden; text-align: center; }
.culture-title-1{width:100%;font-size: 2em;font-weight: bold; color: #00325b;position: relative; z-index: 2}
.culture-title-1 img{ vertical-align:middle; margin-right: 10px;}
.culture-title-2{width:100%; font-size: 3em; font-weight: bold; color: #fbfbfb; margin-top: -30px; position: relative; z-index: 1}
.culture-content{width:94%; margin: auto; overflow: hidden; margin-top: 3%}
.culture-content li{width:30%; background: url(../images/dot.jpg) no-repeat left top 10px; padding-left: 15px; margin: auto; overflow: hidden; float: left; color: #565656; margin-bottom: 3%; font-size: 1.083em; line-height: 1.8em; margin-left: 3.33%}
.culture-btn{width:150px; margin: auto; overflow: hidden; border-bottom: 1px solid #d4b78d; text-transform: uppercase; text-align: center; font-size: 0.875em; font-weight: bold; padding-bottom: 10px;}

.culture-img{width:100%; margin:2% auto 5%; overflow: hidden; text-align: center;}
.culture-img img{ max-width:100%;}





/*联系方式*/
.contactus{width:100%; margin: auto; overflow: hidden; margin-bottom: 3%; margin-top: 5%}
.contactus .c-left{width:calc(100% - 380px); float: left; overflow: hidden;}
.contactus .c-left .title{width:100%; margin: auto; overflow: hidden; font-size: 1.5em; color: #b99b6d;margin-bottom: 20px;}
.contactus .c-left .list{width:100%; margin: auto; overflow: hidden; border-right:1px solid #efefef;}
.contactus .c-left .list li{width:46%; float: left;overflow: hidden;  font-size: 1.2em;padding: 15px 0 15px 0; color:#ababab; line-height: 2em;}
.contactus .c-left .list li img{float:left; margin-right: 15px; vertical-align: middle; }
.contactus .c-right{width:380px; float: right; overflow: hidden; text-align: center;}

.contact-map{width:100%; margin: 3em 0 2em; overflow: hidden;}

/*在线留言*/
.message{width:1200px; margin:3% auto; overflow: hidden;}
.message .title{width:100%; margin: auto; overflow: hidden;}
.message .title1{width:100%; background: url(../images/message-title.jpg) no-repeat center; color: #ff0b0b; text-align: center;  height: 5em; line-height: 6em; font-size: 1.35em; font-weight: bold;}
.message .title2{ text-align: center; width:100%; margin:2em auto 1em; overflow: hidden; color: #a7a7a7; font-size: 1.125em;}
.message .title3{ width:28px; margin: auto; height: 1px ; background: #ccc; margin-bottom: 2em;}

.message .content{width:100%; margin: 3% auto; overflow: hidden; }
.message .content .row{width:100%; margin: auto; overflow: hidden;}
.message .content .row .box1{width:30%; float: left; border: 1px solid #dcdcdc; margin-right: 3%; padding: 10px 15px; color: #8a8a8a;}

.message .content .row .box1 img{float:right;}
.message-box{border:0;width:70%; height: 2em;}

.message .content .row .box2{width:96%; float: left; border: 1px solid #dcdcdc; margin-right: 3%; padding: 10px 15px; color: #8a8a8a; margin-top:20px;}
.message .content .row .box2 img{float:right;}
.message-box2{border:0;width:80%; height: 8em;}


.message-btn{width:300px; margin: auto; background: #ef1539; color: #fff; height: 44px; text-align: center; line-height: 44px; font-size: 1.125em;}
.message-btn:hover{ background: #555; color: #fff;}

/*搜索*/
.search{width:80%; margin: auto; overflow: hidden; margin-top: 3% }
.search .title{width:100%; margin: auto; overflow: hidden;}
.search .title1{width:100%; background: url(../images/search-title.jpg) no-repeat center; color: #ff0b0b; text-align: center;  height: 5em; line-height: 6em; font-size: 1.35em; font-weight: bold;}
.search .content{width:100%; margin: 3% auto; padding: 1%; overflow: hidden;border: 1px solid #dcdcdc; }
.search-box{border:0;width:80%; height: 2.2em; float: left}
.search-btnbox{width:18%; margin-left: 2%; float: right;}
.search-btn{width:100%; margin: auto; background: #ef1539; color: #fff; height: 30px; text-align: center; line-height: 30px; font-size: 1.125em;}
.search-btn:hover{ background: #555; color: #fff;}

/*翻页*/
.fanye{  width: 100%;float: left; margin-top: 3em; margin-bottom: 3em; text-align: center;font-size: 0.875em;}
.fanye-box{width:380px;  float: none; text-align: center; line-height: 35px; margin: auto;}
.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: #d3a368; margin: 0 5px;}




/*详细页*/
.detail{width:100%; overflow: hidden; margin-top: 4%}
.detail .title{ font-size: 2em;   color: #333;  line-height: 2em;  text-align: center; font-weight: bold;}
.detail .date{ line-height: 2.6em; text-align: center;padding-left: 20px; padding: 1%; font-size: 0.938em; color: #7c7c7c; border-bottom: 1px solid #f3f2f2;}
.detail .content{width:100%;margin-top: 40px; line-height: 2.6em; font-size: 1.25em;text-align:justify}
.detail .content img{max-width:90%;}

.detail-link{width:100%; background: #f0f0f0; overflow: hidden; padding-top: 15px; margin-top: 5%; padding-bottom: 15px; margin-bottom: 3%}
.detail-link li{width: 50%; float: left;overflow: hidden; padding:0 20px;    border-bottom: none;    padding-bottom: 0px;    margin-bottom: 0px;line-height: 30px;color: #595959; font-size: 1.25em;}
.detail-link li a{color: #555;}
.detail-link-right{float: right;}







/*滚动新闻样式*/
.demo{
    background: linear-gradient(to right,#ffcccc,#d3d3d3);
}
.post-slide{
    margin: 5px 25px;
}
.post-slide .post-img{
    overflow: hidden;
}
.post-slide .post-img img{
    width: 100%;
    height: auto;
    transform: scale(1);
    transition: all 1s ease-in-out 0s;
}
.post-slide:hover .post-img img{
    transform: scale(1.08);
}
.post-slide .post-content{
    background: #fff;
    padding: 2em 0 0 0;
}
.post-slide .post-title{
    font-size: 1.35em;
    margin-top: 0;
    text-transform: capitalize;
}
.post-slide .post-title a{
    display: inline-block;
    color: #676565;
    transition: all 0.3s ease 0s;
}
.post-slide .post-title a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .post-description{
    font-size: 1em;
    color: #717171;
    line-height: 24px;
    margin-bottom: 30px;
	margin-top: 20px;
}

.post-slide .post-date{
    font-size: 1.125em;
    color: #b4b4b4;
}

.post-slide .post-line{
	width:28px; height: 1px; background: #ccc;margin-top: 8px; margin: auto; float: left;overflow: hidden;
}



.post-slide .post-bar{
    padding: 0;
    margin-bottom: 15px;
    list-style: none;
}
.post-slide .post-bar li{
    color: #676767;
    padding: 2px 0;
}
.post-slide .post-bar li i{
    margin-right: 5px;
}
.post-slide .post-bar li a{
    display: inline-block;
    font-size: 12px;
    color: #808080;
    transition: all 0.3s ease 0s;
}
.post-slide .post-bar li a:after{
    content: ",";
}
.post-slide .post-bar li a:last-child:after{
    content: "";
}
.post-slide .post-bar li a:hover{
    color: #3d3030;
    text-decoration: none;
}
.post-slide .read-more{
    display: inline-block;
	text-transform: uppercase;
    color: #fff; text-align: right;
    transition: all 0.30s linear;
	width:100%;
}
.post-slide .read-more:hover{
    text-decoration: none;
	padding-right: 20px;
}






.post-slide-honor .post-title-honor{
    font-size: 1.35em;
    text-transform: capitalize;
	text-align: center;
	margin-top: 20px;
}

.post-slide-honor{
        margin: 5px 25px;
    border: 1px solid #e4e4e4;
    text-align: center;
    padding: 15px 0;
}



.index-news-more{width:300px; margin: auto; height: 60px; border: 1px solid #ccc; text-align: center; line-height: 60px; font-size: 1.125em;}
.index-news-more:hover{ background: #004882; color: #fff;}



.fenye{width:100%; text-align: center; margin-top: 20px; margin-bottom: 80px;}
.red{color:#f00;}

.w-1920{width:1903px; margin: auto; overflow: hidden; background: #fff;}
.w-1780{width:1780px; margin: auto; overflow: hidden; }
.w-1600{width:1600px; margin: auto; overflow: hidden; }
.w-1500{width:1500px; margin: auto; overflow: hidden; }
.w-1400{width:1400px; margin: auto; overflow: hidden; }
.w-1300{width:1300px; margin: auto; overflow: hidden; }

/*<1920*/
@media screen and (max-width:1919px) 
{
	.w-1920{width:100%;}
}

/*<1780*/
@media screen and (max-width:1820px) 
{
	.w-1780{width:98%;}
}

/*<1660*/
@media screen and (max-width:1659px) 
{
	.w-1600{width:94%; }
	
	
	
}
/*<1500*/
@media screen and (max-width:1599px) 
{
	.w-1500{width:96%;}
	

	
}
/*<1450*/
@media screen and (max-width:1449px) 
{
	.xw2 .xwbox ul li .pic{ padding-bottom: 63%}
	.about-content-text img{margin-left:4%}
}


/*<1400*/
@media screen and (max-width:1480px) 
{
	.w-1400{width:96%;  }
}


/*<1380*/
@media screen and (max-width:1379px) 
{
	
	.xw2 .xwbox ul li .pic{ overflow: hidden;}
}


/*<1366*/
@media screen and (max-width:1365px) 
{
	
	.w-1300{width:96%;}
	
	
}


/*<1300*/
@media screen and (max-width:1299px) 
{
	
	
}

/*<1280*/
@media screen and (max-width:1280px) 
{

	
	

	
	
	.message{width:100%}
}

/*<1100*/
@media screen and (max-width:1100px) 
{
	
	
	

}



/*<1000*/
@media screen and (max-width:999px) 
{
	.contactus .c-right{width:220px;}
	.contactus .c-left{width:calc(100% - 220px);}
	
}


/*<950*/
@media screen and (max-width:950px) 
{
	
	
	/*底部*/
	.XS-foot1 .copyright{width:100%; text-align: center;  }
	.XS-foot1 .jszc{ width:100%;text-align: center;}
	
	.cy-probox ul li .pic{height:200px;}
	
	.contactus .c-left{width:100%}
	.contactus .c-right{width:100%; margin-top: 3%}
	
	.contactus .c-right{display:none}
	
	.xw2 .xwbox ul li{width:48%;    margin: 0 0 0 2%;}
}


/*<850*/
@media screen and (max-width:850px) 
{
	

}

/*<760*/
@media screen and (max-width:760px) 
{

	
}

/*<660*/
@media screen and (max-width:660px) 
{
	
	
	/*首页*/
	.index-title2-1{font-size:5em;}
	.index-about-left{width:80%}
	.index-about-right{width:100%}
	.index-about-text{display:none}
	.index-about-ico li img{width:100%}
	.index-case-title3{display:none}
	.index-case-title1{width:100%}
	.index-case-title1-1{font-size: 5em;}
	.index-case-box ul li{width:49%}
	.index-case-tab .tableft li{width:100px;}
	.index-contact1{width:100%}
	.index-contact2{width:100%; margin-top: 10px;}
	.index-contact2 .wz1{width:100%; margin-bottom: 20px;}
	.index-contact2 .wz2{width:50%;margin-left: 0;}
	
	
	.z-dh{display:none;}
	.news-menu-box .submenu{width:20%}
	.about-content-title{width:100%; text-align: center}
	.about-content-text{width:100%}
	.about-content .number li{font-size:1.25em}
	.about-content .number li span{font-size:1.8em;}
	.fzlc{display:none;}
	.honor-title3{display:none}
	.honor-title1{display:none}
	.honor-title2{width:100%}
	
	
	
	.aboutmenu{display:none}
	.aboutmenu2{display:list-item}
	
	.news-list-box li .pic{display:none}
	.news-list-box li .textbox{width:90%}
	
	.culture-content li{width:100%}
	.culture-title-2{font-size:2em;}
	
	.xw2 .xwbox ul li{width:48%;margin: 0 0 0 2%;}
	.xw2 .xwbox ul li .title .more{display:none}
	
	
	.contactus .c-left .list li{width:100%}
	
	.message-box{width:100%}
	.message .content .row .box1 img{display:none}
	.message .content .row .box2 img{display:none}
	.message-box2{width:100%}
	
	.search{width:90%}
	.search-box{border:0;width:70%; height: 2.2em; float: left}
	.search-btnbox{width:28%; margin-left: 2%; float: right;}
	
	.detail-link li{width:100%;}
	.detail-link-right{float: left;}
}