@charset "utf-8";

html,

body,

ul,

li,

ol,

dl,

dd,

dt,

p,

h1,

h2,

h3,

h4,

h5,

h6,

form,

fieldset,

legend,

img {

	margin: 0;

	padding: 0

}



body {

	font: 14px/1.0531 'Microsoft YaHei', arial, helvetica, clean, sans-serif;

	color: #414141;

	margin: 0;

	padding: 0;

	line-height: 1.5;

}











article,

aside,

canvas,

details,

figcaption,

figure,

footer,

header,

hgroup,

menu,

nav,

section,

summary {

	display: block;

}



a {

	margin: 0;

	padding: 0;

	border: 0;

	font-size: 100%;

	vertical-align: baseline;

	background: transparent;

	color: #414141;

}



ins {

	background-color: #ff9;

	color: #000;

	text-decoration: none;

}



mark {

	background-color: #ff9;

	color: #000;

	font-style: italic;

	font-weight: bold;

}



del {

	text-decoration: line-through;

}



table {

	border-collapse: collapse;

	border-spacing: 0;

}



hr {

	display: block;

	height: 1px;

	border: 0;

	border-top: 1px solid #cccccc;

	margin: 1em 0;

	padding: 0;

}



li,

ul {

	list-style-type: none;

}



img {

	display: inline-block;

	border: none;

}



a:link,

a:hover,

a:active,

a:visited {

	text-decoration: none;

}



input,

textarea {

	outline: 0;

	border: 0;

}



textarea {

	resize: none;

}



h1,

h2,

h3,

h4,

h5,

h6,

dl,

dd,

dt,

i,

em {

	font-weight: normal;

	font-style: normal;

}





/*banner*/



.fullSlide {

	width: 100%;

	position: relative;

	height: 500px;

	background: #FFF;

	overflow: hidden;

}



.fullSlide .bd {

	height: 500px;

	margin: 0 auto;

	position: relative;

	z-index: 1;

	overflow: hidden;

}



.fullSlide .bd ul {

	width: 100% !important;

}



.fullSlide .bd li {

	width: 100% !important;

	height: 500px;

	overflow: hidden;

	text-align: center;

}



.fullSlide .bd li a {

	display: block;

	height: 500px;

}



.fullSlide .hd {

	width: 100%;

	position: absolute;

	z-index: 2;

	bottom: 0;

	left: 0;

	height: 30px;

	text-align: center;

}



.fullSlide .hd ul {

	text-align: center;

}



.fullSlide .hd ul li {

	cursor: pointer;

	display: inline-block;

	zoom: 1;

	width: 14px;

	height: 14px;

	margin: 3px;

	background-color: #00499c;

	overflow: hidden;

	line-height: 99px;

	border: 2px solid #FFF;

	border-radius: 50%;

	-webkit-transition: all .3s ease-out;

	transition: all .3s ease-out;

}



.fullSlide .hd ul .on {

	width: 50px;

	background: #fdbb29;

	border-radius: 9px;

	-webkit-transition: all .3s linear;

	transition: all .3s linear;

}



.fullSlide .prev,

.fullSlide .next {

	width: 40px;

	height: 60px;

	position: absolute;

	top: 50%;

	margin-top: -30px;

	z-index: 2;

	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

	filter: alpha(opacity=30);

	-moz-opacity: .3;

	opacity: .3;

	-webkit-transition: all .5s linear;

	transition: all .5s linear;

}



.fullSlide .prev {

	background: url(../images/slider-arrow.png) -126px -137px #000 no-repeat;

	left: 10%;

}



.fullSlide .next {

	background-position: -6px -137px;

	right: 10%;

}





/*search*/



.search_box {

	width: 100%;

	height: 62px;

	background: #f2f2f2;

}



.search {

	width: 1180px;

	margin: auto;

}



.keytext {

	width: 700px;

	height: 62px;

	line-height: 62px;

	float: left;

	font-family: Microsoft YaHei;

	font-size: 14px;

	color: #fff;

}



.keytext a {

	margin: 0px 12px 0px 0px;

	color: #5f5f5f;

	display: inline-block;

}



.keytext a:hover {

	color: #00499c;

}



.keytext i {

	display: inline-block;

	font-size: 14px;

	color: #5f5f5f;

}



.rmgj-n-r {

	float: right;

	margin-top: 18px;

}



.rmgj-n-r .text {

	width: 180px;

	padding-left: 10px;

	font-size: 14px;

	font-family: Montserrat, sans-serif;

	height: 30px;

	margin-right: 0;

	color: #414141;

	outline: none;

	border: 1px solid #00499c;

	background: #f2f2f2;

	float: left;

	box-sizing: border-box;

	-webkit-transition: all 0.15s ease;

	-moz-transition: all 0.15s ease;

	-ms-transition: all 0.15s ease;

	transition: all 0.15s ease;border-left: none;

	border-right: none;

}



.keytext span {

	padding-right: 10px;

	display: block;

	float: left;

	color: #5f5f5f;

	font-size: 16px;

	color: #00499c;

}



.submit {

	border: 1px solid #00499c;

	border-left: none;

	border-right: none;

	width: 30px;

	float: left;

	padding: 0;

	text-align: center;

	height: 30px;

	background: url(../images/sosuo.png) no-repeat center;

	vertical-align: middle;

	cursor: pointer;

	color: #fff;

}





/*case*/

/*title*/

.title{

	width: 1180px;

	margin: 0 auto;

	height:148px;

}

.title h4{

	font: bold 30px/38px "microsoft yahei";

	color: #333;

	letter-spacing: 2px;

	text-align: center;

	padding-top: 50px;

}

.title h4 span{

		color: #00499c;

}

.title p{

	font: 14px/40px "microsoft yahei";

	color: #ccc;

	text-align: center;

	letter-spacing: 1px;

	color: #333;

	border-bottom: 1px solid #ccc;

}

.title h4:after,.title h4:before{

	content: "-";

	display: inline-block;

	margin: 0 30px;

}





/*case*/

.alxm_list{ width:1180px; height:408px; margin: 30px auto 50px;position:relative;}

.alxm_list ul li{ position:absolute; overflow:hidden;width: 285px;height: 188px;padding: 1px;border: 1px solid #e3e3e3;}

.alxm_list ul li span {display: block;position: absolute;bottom: 0px;left: 0px;background:rgba(0,73,156,.88);height: 45px;line-height: 45px;padding: 0px 20px; margin:0px 1px 1px 1px;}

.alxm_list ul li span em a {display: block;width: 136px; height:45px;float: left;color: #fff;font-style: normal;font-size: 14px;}

.alxm_list ul li span em a:hover{ text-decoration:underline;}

.alxm_list ul li b a {display: block;width: 80px;height: 23px;line-height: 23px;color: #fff;font-style: normal;font-size: 14px;border: 1px solid #ffffff;text-align: center;margin-top: 9px;float: right;}

.alxm_list .xm_list1{ top:0px; right:0px;}

.alxm_list .xm_list2{ top:0px; left:0px;}

.alxm_list .xm_list3{ top:0px; left:312px;}

.alxm_list .xm_list4{ top:215px; left:0px;}

.alxm_list .xm_list5{ top:215px; right:0px;}

.alxm_list ul li.xm_list1 span{width:245px;}

.alxm_list ul li.xm_list2 span{width:245px;}

.alxm_list ul li.xm_list3 span{width:512px;}

.alxm_list ul li.xm_list4 span{width:245px;}

.alxm_list ul li.xm_list5 span{width:245px;}

.alxm_list .hide{ display:none;}

.alxm_list ul li a{ display:block;width: 285px;height: 188px; overflow:hidden;}

.alxm_list .xm_list3{width: 552px;height: 403px;padding: 1px;border: 1px solid #e3e3e3; }

.alxm_list .xm_list3 a{ display:block;width: 552px;height: 403px; overflow:hidden;}

.alxm_list .xm_list3 img{display:block;width: 552px;height: 403px;}

.alxm_list ul li span {    display: block;

    position: absolute;

    bottom: 0px;

    left: 0px;

    background: rgba(0,76,156,.8);

    width: 100%;

    height: 100%;

    line-height: 45px;

    padding: 0px 20px;

    margin: 0px 1px 1px 1px;

    top: 100%;

    -webkit-transition: all .5s ease;

    transition: all .5s ease;

    font: 15px/36px "microsoft yahei";

    text-align: center;

    color: #fff;

    padding-top: 40%;

    }

    .alxm_list ul li:hover span{

    	top: 0;

    }

.alxm_list .xm_list3 em a {display: block;width: 136px; height:45px;float: left;color: #fff;font-style: normal;font-size: 14px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.alxm_list .xm_list3 b a {display: block;width: 80px;height: 23px;line-height: 23px;color: #fff;font-style: normal;font-size: 14px;border: 1px solid #ffffff;text-align: center;margin-top: 9px;float: right;}

.alxm_list ul li img{ display:block;width: 285px;height: 188px;-webkit-transition:all 1s ;

-moz-transition:all 1s ;

-o-transition:all 1s ;

-ms-transition:all 1s;

transition:all 1s ;}

.alxm_list ul li img:hover{transform: scale(1.2, 1.2);

-ms-transform:scale(1.2, 1.2); 	/* IE 9 */

-moz-transform:scale(1.2, 1.2); 	/* Firefox */

-webkit-transform:scale(1.2, 1.2); /* Safari å’Œ Chrome */

-o-transform:scale(1.2, 1.2); 	/* Opera */

}

.xm_list3 a p{

    font:bold 20px/36px "microsoft yahei";

      color: #FDBB29;

    text-align: center;

    position: relative;

    top: 120%;

    z-index: 99;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.xm_list1 a p{

    font:bold 20px/36px "microsoft yahei";

     color: #FDBB29;

    text-align: center;

    position: relative;

    top: 120%;

    z-index: 99;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.xm_list2 a p{

    font:bold 20px/36px "microsoft yahei";

     color: #FDBB29;

    text-align: center;

    position: relative;

    top: 120%;

    z-index: 99;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.xm_list4 a p{

    font:bold 20px/36px "microsoft yahei";

      color: #FDBB29;

    text-align: center;

    position: relative;

    top: 120%;

    z-index: 99;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.xm_list5 a p{

    font:bold 20px/36px "microsoft yahei";

    color: #FDBB29;

    text-align: center;

    position: relative;

    top: 120%;

    z-index: 99;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.alxm_list ul li:hover p{

	position: relative;

    top: -70%;

    z-index: 99;

}

.case-line{

	width: 100px;

	height: 1px;

	background: #fff;

	 position: relative;

	margin: 0 auto;

  	top:0%;

    z-index: 99;

   

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}

.alxm_list ul li:hover .case-line{

	top:-60%;

    -webkit-transition: all .8s ease;

    transition: all .8s ease;

}







/*adm1*/

.adm1{

	width: 100%;

	height: 200px;

	background: url(../images/adm1.jpg) no-repeat center;

	margin: 20px auto 0;

}

.adm1-left h4{

	font: bold 34px/40px "microsoft yahei";

	color: #FDBB29;

	letter-spacing: 6px;

	    margin: 61px 0px 20px 20px;

}

.adm1-left p{

	font: 16px/30px "microsoft yahei";

	color: #fff;

	    margin: 10px 0px 20px 20px;

}

.adm2-right {

	width: 212px;

	height: 174px;

}



.adm2-right p i {

	display: inline-block;

	width: 24px;

	height: 26px;

	background: url(../images/adm-tel.png) no-repeat center;

	vertical-align: sub;

	padding-right: 15px;

}



.adm2-right p {

	font: 16px/30px "microsoft yahei";

	color: #fff;

	padding-top: 48px;

}



.adm2-right h4 {

	font:bold  26px/36px "microsoft yahei";

	color: #fff;

	text-align: center;

}

.adm-more {

	display: block;

    width: 192px;

	height: 30px;

	border: 1px solid #FDBB29;

	font: 14px/30px "microsoft yahei";

	color: #fff;

	text-align: center;

	margin: 10px auto;

	transition: all .5s ease;

	-webkit-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

}



.adm-more:hover {

	-webkit-animation: rot 0.5s 2 alternate;

	-moz-animation: rot 0.5s 2 alternate;

	-ms-animation: rot 0.5s 2 alternate;

	animation: rot 0.5s 2 alternate;

	background: #FDBB29;

	color: #fff;

	border: none;

}



.prouduct_left h2 a p{
	color: #fff;
    font-size: 30px;
    font-weight: bold;
    padding-top: 10px;
    letter-spacing: 2px;
}


.prouduct_left h2 a em{    color: #fff;
    font-size: 14px;}


/**prouduct_big**/

.pro{width: 100%;

	height: 800px;background: url(../images/por-bg.png) no-repeat right bottom #f2f2f2;

}

.prouduct_big{ width:1180px; margin:0px auto; padding-top: 50px;}

.prouduct_big h2{ margin-bottom:20px; text-align:center;}

.prouduct_big h2 span{ font-size:22px; font-weight:bold; text-transform:uppercase; color:#322721; display:block; background:url(../images/pro_tit.png) no-repeat center;}

.prouduct_big h2 a{ font-size:18px; color:#322721;}

.prouduct_left{ float: left; width:230px; font-family:"Microsoft YaHei";    background: #01499d;}

.prouduct_left h3{ background:#01499d; height:112px; margin:0px;}

.prouduct_left h3 p{ font-size:30px; line-height:50px;font-weight: bold; letter-spacing: 2px;

text-align: center; display:block; color:#fff;padding-top: 15px;}

.prouduct_left h3 a em{ font-style:normal; text-transform:uppercase; font-size:12px;font-weight: bold; color:#fff;display: block;text-align: center;}

.menu_list{ padding:0px 0px; height: 472px; border:1px solid #ccc;background: #ebebeb; border-top:0px;}

.menu_head{width:208px; border-bottom: 1px solid #ccc;height:35px;line-height:35px; padding-left:20px;background: url(../images/jiaobiao.png) no-repeat 200px center; display: block;font-size:14px; color:#fff; cursor:pointer; position:relative; margin:0px 0px 5px 0px;}

.menu_head a{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; margin-right:30px;letter-spacing: 1px; font:bold 15px/32px "microsoft yahei";}

.menu_list .current{background: url(../images/jiaobiao2.png) no-repeat 200px center;}

.menu_body{ height:auto; overflow:hidden; display:none;}

p.current a{color: #01499d;}

.menu_body i{

	float: right;

	padding-right: 20px;

}

.menu_body p{

	float: left;

}

.menu_body a{    

	display: inline-block;

    width: 210px;

    padding-left: 20px;

    line-height: 36px;

    font-size: 14px;

    color: #6a6a6a;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    border-bottom: 1px dashed #ccc;

}



.menu_body a:hover{color: #01499d;}



.pro-title{

	width: 230px;

	height: 100px;

	background: #01499d;

}

 .pro-tel{

	width: 220px;

	height: 65px;

	background: url(../images/pro-tel.png) no-repeat 7px 5px;

	padding-left: 10px;

	vertical-align: sub;

	margin-top: 15px;

}

.pro-tel h4{

	font:16px/24px "microsoft yahei";

	color: #fff;

	margin-top: 5px;

	padding-left: 35px;

}

a.pro-tel-more{

	width: 200px;

	height: 40px;

	border: 2px solid #fff;

	font: 15px/40px "microsoft yahei";

	letter-spacing: 2px;

	display: block;

	margin: 20px 0 0;

	text-align: center;

	color: #fff;

	-webkit-transition: all .5s ease;	

	transition: all .5s ease;	

}

a.pro-tel-more:hover{

	color: #fff;

    background: #fe7c00;

    -webkit-animation: rot 0.5s 2 alternate;

    -moz-animation: rot 0.5s 2 alternate;

    -ms-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    -ms-transform: rotate(0deg) scale(1.1);

    border:0;

}

.pro-tel p{

	font: bold 24px/35px "microsoft yahei";

	color: #fff;

	padding-left: 35px;

}

.product-right-1 {

 	width: 915px;

 }

 

 .product-tit {

 	width: 915px;

 	height: 48px;

 	background: #01499d;

 }

 

 .product-tit h3 a {

 	display: block;

 	width: 104px;

 	height: 48px;

 	background:#01499d;

 	text-align: center;

 	color: #fff;

 	font: bold 21px/48px "microsoft yahei";

 	letter-spacing: 2px;

 	float: left;

 	padding-left: 10px;

 }

 .pr-more{

 	float: right;

 	padding: 15px 10px 0 0;

 	font: 14px "microsoft yahei";

 	color: #fff;

 }

 



.products-right{

	width: 930px;

	float: right;

}





/* 滑动门 */

#tab_pro_right{width:930px;height: 55px;background: #01499d; position:relative;margin:0px auto;}

#tab_pro_right .tab_menu_pro_right{width:100%;float:left;position:absolute;z-index:1;color: #fff;}

#tab_pro_right .tab_menu_pro_right a{color: #fff;}

#tab_pro_right .tab_menu_pro_right li{float:left;color:#fff; width:120px;height:55px;line-height:55px;border-bottom:0px;cursor:pointer;text-align:center;margin:0 2px 0 0;}

#tab_pro_right .tab_box_pro_right{width:930px;clear:both;top:75px;position:relative;}

#tab_pro_right .tab_menu_pro_right .selected_pro_right{background-color:#fdbb29;cursor:pointer; color: #fff;}

#tab_pro_right .hide{display:none;}

#tab_pro_right .tab_box_pro_right div{} 

#tab_pro_right .tab_box_pro_right div ul li{

	width: 284px;

	height: 286px;

	float: left;

	padding:5px 13px 28px;

}

#tab_pro_right .tab_box_pro_right div ul li b{

	display: block;

	width: 284px;

	height: 242px;

	overflow: hidden;

}

#tab_pro_right .tab_box_pro_right div ul li b img{

	display: block;

	width: 284px;

	height: 242px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}

#tab_pro_right .tab_box_pro_right div ul li p{

	width: 284px;height: 44px;

	background: #fff;

	font: 15px/44px "microsoft yahei";

	text-align: center;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

}

#tab_pro_right .tab_box_pro_right div ul li:hover img{

	-webkit-transform: scale(1.08);

	transform: scale(1.08);

}

#tab_pro_right .tab_box_pro_right div ul li:hover p{

	background: #01499d;

	color: #fff;

}





/*title*/

.title-1{

	width: 1180px;

	margin: 0 auto;

	height:148px;

}

.title-1 h4{

	font: bold 30px/38px "microsoft yahei";

	color: #00499c;

	letter-spacing: 2px;

	text-align: center;

	padding-top: 50px;

}



.title-1 p{

	font:bold 22px/40px arial;

	color: #ccc;

	text-align: center;

	letter-spacing: 1px;

	background: url(../images/title-2bg.png) no-repeat bottom center;

}

.title-1 h4:after,.title-1 h4:before{

	content: "-";

	display: inline-block;

	margin: 0 30px;

}

/*adv*/



/*tab*/

.silder-box {

	position: relative;

	width: 1180px;

	margin: 50px auto;

}



.silder {

	margin: 0 auto 0;

	position: relative; overflow: hidden; width: 1180px; height: 603px;

}



.silder li {

	width: 1180px;

	height: 603px;

	padding-top: 30px;

	float: left;

	

}

.silder ul{position: absolute; top: 0px; left: 0px; }

.silder-button {

	top: 30px;

	width: 295px;

	height: 66px;

	position: absolute;

	cursor: pointer;

}



.silder-button.btl {

	left: 590px;

	background: url(../images/bl.png) no-repeat center;

}



.silder-button.btr {

	right:0px;

	background: url(../images/br.png) no-repeat center;

}



.silder-box-3 {

	width: 1180px;

	margin: 0 auto;

}



.adv2-left{

	width: 590px;

	height: 542px;

	background: url(../images/adv-bg2.jpg) no-repeat right top;

}

.adv2-left h4{

	font:bold 36px arial;

	color: #fff;

    padding: 50px 0 0 90px;

	text-shadow: 7px 2px 5px rgba(0,0,0,.3);

}

.adv2-left img{

	display: block;

	width: 590px;

	height: 542px;



}

.adv2-text{

	width: 250px;

	height: 70px;

	text-align: right;

	padding: 20px 0 0 300px;

}

.adv2-text h5{

	font:bold 18px/21px "microsoft yahei";

	color: #000;

	padding-bottom: 10px;

}

.adv2-text span{

	display: block;

	font: 12px/18px "microsoft yahei";

	color: #fff;

}

.adv2-right{

	width: 589px;

	height: 542px;

	background: #f2f2f2;

}

.adv-shuoming{

	height: 476px;

	width: 540px;

	margin: 66px auto 0;

}

.adv-content{

	padding: 30px 0;

}

.adv-shuoming .shuoming-left{

	width: 50px;

	height: 52px;

	padding-right: 10px;

	font: bold 41px/52px impact;

	color: #00499C;

}

.shuoming-right h4{

	font:bold 18px/36px "microsoft yahei";

	color: #000;

}

.shuoming-right span{

	display: block;

	font: 12px "microsoft yahei";

	color: #333;

}

.adv2-line{width: 100%;height: 1px;

background: #ccc;}

.adv-bottom-1{

	padding-top: 20px;

}



.adv-bottom-1 p{

	font: 15px/30px "microsoft yahei";

	color: #333;

}



/*adm2*/

.adm2{

	width: 100%;

	height: 200px;

	background: url(../images/adm2.jpg) no-repeat center;

	margin-top: 50px;

}

.adm2-left{

	width: 560px;

	height: 10px;

	margin-left: 32px;

	margin-top: 53px;

}

.adm2-left h4{

	font:bold 18px/36px "microsoft yahei";

	color: #FDBB29;

	text-align: center;

}

.adm2-line{

	width: 530px;

	height: 2px;

	background: #FDBB29;

	margin: 10px auto;

}

.adm2-left p{

	font:bold 21px "microsoft yahei";

	color: #fff;

	text-align: center;

	letter-spacing: 1px;

}





/*youshi*/

.youshi{

	width: 100%;

	height: 590px;

	background: url(../images/liucheng.jpg) no-repeat center;

}







/*liucheng-box*/

.liucheng-box{

	width: 1180px;

	height: 380px;



	margin: 30px auto 0;

	position: relative;

}

.liucheng-box ul li{

	width: 205px;

	height: 205px;



	position: absolute;

	background: url(../images/liucheng-box-libg.png) no-repeat left top;

	

}

.liucheng-box ul li h4{

	font: bold 26px/48px arial;

	color: #333;

	text-align: center;

	padding-top:60px;

	color: #00499c;

}

.liucheng-box ul li p{

font: bold 18px/36px "microsoft yahei";

color: #00499c;

text-align: center;

}

.liucheng-box1{

	top: 10px;

	left: 0;

}

.liucheng-box2{

	top: 10px;

	left: 248px;

}

.liucheng-box3{

	top: 10px;

	left:502px;

}

.liucheng-box4{

	top: 10px;

	left: 743px;

}

.liucheng-box5{

	top: 10px;

   left: 973px;

}

.liucheng-box6{

        top: 130px;

    left: 124px;

}

.liucheng-box7{

	top: 130px;

    left: 374px;

}

.liucheng-box8{

top: 130px;

    left: 630px;

}

.liucheng-box9{

	top:130px;

    left:860px;

}

.liucheng-box ul li:hover{

	background: url(../images/liucheng-box-libg.png) no-repeat left bottom;	

}

.liucheng-box ul li:hover h4,.liucheng-box ul li:hover p{

	color: #fff;

}





/*chengnuo*/

.chengnuo{

	width: 1180px;

	height: 636px;

	margin: 0 auto;

	background: url(../images/chengnuo.jpg) no-repeat center;

}

.chengnuo-left{

	padding-left: 30px;

}

.chengnuo-left li p{

	font: 18px/82px "microsoft yahei";

	color: #fff;

	padding-left: 10px;

}

.chengnuo-left li{

	margin-top: 45px;

	margin-bottom: 61px;

}

.chengnuo-left li p.cl{

	color: #333;

}

.chengnuo-l{

	padding-left: 509px;

}



/*adm3*/

.adm3{

	width: 100%;

	height: 200px;

	background: url(../images/adm3.jpg) no-repeat center;

}

.adm3-left{

	width: 550px;

	

}

.adm3-left h4{

	font: bold 18px/36px "microsoft yahei";

	color: #FDBB29;

	text-align: center;

	padding-top: 60px;

}

.adm3-left p{

	font:bold 34px/46px "microsoft yahei";

	color: #fff;

	text-align: center;

}







/*witness*/

.witness{

	width: 100%;

	height: 626px;

}

.witness ul{

	width: 1180px;

	margin: 50px auto 0;

}

.witness ul li{

	width: 262px;

	height: 385px;

	

	float: left;

	margin: 0 9px 0px;

	-webkit-transition: all .5s ease;

	transition: all .5s ease;

	background: url(../images/jiaobiao3.png) no-repeat bottom right #f2f2f2;

}

.witness ul li b{

	display: block;

	width: 262px;

	height: 169px;

	margin: 0px auto 10px;

	overflow: hidden;



}

.witness ul li img{

	width: 262px;

	height: 169px;

	display: block;



}

.witness ul li h4{

	font: 15px/36px "microsoft yahei";

	color: #333;

	text-align: center;

}

.witness ul li p{

	padding: 10px  20px;

	font: 14px/24px "microsoft yahei";

	color: #333;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp:3;

    overflow: hidden;

    height: 60px;

}

.witness ul li span{

	width: 130px;

	display: block;

	height: 30px;

	border: 1px solid #ccc;

	text-align: center;

	margin: 0 auto;

	font: 14px/30px "microsoft yahei";

	margin-top: 20px;

}

.witness ul li:hover h4,.witness ul li:hover p{

	color: #fff;

}

.witness ul li:hover span{

	color: #fff;

	border: 1px solid #fff;

}

.witness ul li:hover{

	background: url(../images/jiaobiao4.png) no-repeat bottom right #00499c;

}





/*about*/

.about{

	width: 100%;

	padding-top: 50px;

	height: 420px;

	background: #f2f2f2;

}

.about-left{

	width: 588px;

	height: 371px;

}

.about-left img{

	width: 588px;

	height: 371px;

}

.about-right{

	width: 550px;

	padding-left: 20px;

}

.about-right h3{

	padding-top: 12px;

	background: url(../images/anout-title-img.png) no-repeat left top;

	padding-left: 20px;

}

.about-right h3 a{

	font: bold 24px/36px "microsoft yahei";

	color: #00499c;

}

.about-right{

	

}

.about-right h3 b{

	display: block;

	font: 12px/21px "microsoft yahei";

	color: #333;

}

.about-right p{

	font: 15px/30px "microsoft yahei";

	color: #5f5f5f;

	padding: 30px 0 0 20px;

	text-indent: 2em;

	display: -webkit-box;

	-webkit-box-orient: vertical;

	-webkit-line-clamp: 6;

	overflow: hidden;

	height: 180px;

}



.about-more{

	display: block;

	width: 120px;

	height: 35px;

	background: #00499c;

	font: 14px/35px "microsoft yahei";

	text-align: center;

	color: #fff;

	margin: 30px 0 0 20px;

    transition: all .5s ease;

    -webkit-transition: all .5s ease;

    -moz-transition: all .5s ease;

    -ms-transition: all .5s ease;

}

.about-more:hover{

    -webkit-animation: rot 0.5s 2 alternate;

    -moz-animation: rot 0.5s 2 alternate;

    -ms-animation: rot 0.5s 2 alternate;

    animation: rot 0.5s 2 alternate;

    background: #FDBB29;

    color: #333;

    border: none;

}

/*alb*/

.alb{

	width: 100%;

	height: 200px;

	padding-top: 15px;

	background: #fbfbfb;

}





#tab_2 {

	width: 1180px;

	position: relative;

	margin: 0 auto;

}



#tab_2 .tab_men {

	width: 145px;

	float: left;

	position: absolute;

	z-index: 1;

	height: 120px;

}



#tab_2 .tab_men li {

	width: 145px;

	height: 45px;

	line-height: 100px;

	border-bottom: 0px;

	cursor: pointer;

	margin: 10px 2px 0px 0;

	overflow: hidden;

	background: #00499c;

}

#tab_2 .tab_men li a{

	display: block;

	font: 15px/45px "microsoft yahei";

	text-align: center;

	color: #fff;

}

#tab_2 .tab_box_2 {

	width: 980px;

	height:173px;

	clear: both;

	top: 0px;

	position: relative;

	float: right;

}



#tab_2 .tab_men .selected {

	background: #FDBB29;

	cursor: pointer;

	height: 45px;

	color: #fff;

}

#tab_2 .tab_men .selected a{

	color: #333;

}

#tab_2 .hide {

	display: none;

}



#tab_2 .tab_box_2 div b {

	display: block;

	width: 890px;

	height: 172px;

	overflow: hidden;

}

.tab_box_2 ul li{

	float: left;

	margin: 10px 17px;

	-webkit-transition: all .5s ease;

    transition: all .5s ease;

}

.tab_box_2 ul li a img{

	display: block;

	width: 210px;

	height: 132px;

}

.alb-text {

	width: 210px;

	height: 40px;

	text-align: center;

	font: 15px/40px "microsoft yahei";

	text-align: center;

	background: #f2f2f2;

	-webkit-transition: all .5s ease;

    transition: all .5s ease;

}

.tab_box_2 ul li:hover{ 

    -webkit-transform: translate(-2px,-2px);

    box-shadow: 3px 3px 3px rgba(0,0,0,.3);

}

.tab_box_2 ul li:hover .alb-text{

	color: #fff;

	 background: #00499c;

}







/*news*/

.news{ width:1180px; height:432px; background:url(../images/news_bg.jpg) no-repeat center; overflow:hidden; margin-top:20px;}

.hd {

    margin-top: 12px;

}

.news .hd ul li{background:none; border:1px solid #666; color:#333; width:110px; height:34px; border-radius:17px; margin-right:15px; line-height:34px; text-align:center; float:left; cursor:pointer;}

.news .hd ul li.on{  background:#00499c; color:#fff; }

.news h5 {

    font-size: 14px;

    font-weight: 600;

    color: #333;

    width: 284px;

    line-height: 31px;

    margin-top: 10px;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;

}

.news p{ font-size:13px; line-height:24px; height:48px; overflow:hidden; font-weight:100; color:#666;  width:284px;}

.news_l{ width:771px;}

.new1 {

    width: 277px;

    height: 342px;

    padding: 33px;

}



.news_l ul li span {

    display: inline-block;

    width: 64px;

    height: 67px;

    border: 1px solid #666;

    font-size: 14px;

    color: #333;

    text-align: center;

    float: left;

    margin-right: 18px;

    margin-top: 16px; margin-left: 30px;

}

.news_l ul li b{ font-size:24px; color:#333; display:block; font-weight:100; border-bottom:1px dashed #666; text-align:center; line-height: 34px;}

.new_img img{ width:274px; height:192px;}

.news_l .bd ul{ padding-top:30px;}

.news_l .bd ul li {

    margin: 7px auto;

    height: 101px;

}

/*cjwt*/

.cjwt {

	width: 376px;

	position: relative; padding-top: 10px;

}

.cjwt h3{ height:40px;}

.cjwt h3>a {

	background: none;

    border: 1px solid #666;

    color: #333;

    width: 110px;

    height: 34px;

    border-radius: 17px;

    margin-right: 15px;

    line-height: 34px;

    text-align: center;

    float: left;

    cursor: pointer;

}

.cjwt_box{ margin-top:30px;}



.cjwt ul {

    width: 317px;

    height: 235px;

    margin-top: 20px;

    /* overflow: hidden; */

}

.cjwt ul li {

    width: 100%;

    border-bottom: 1px solid #C2C1C0;

    padding: 11px 30px;

    height: 90px;

}

.da {

    line-height: 24PX;

    height: 53px;

    margin-bottom: 16.5px;

    margin-top: 10px;

    color: #555;

    padding-left: 23px;

    overflow: hidden;

    position: relative;

    font-size: 12px;

}

.wen {

	margin-top: 15px;

}

.wen a {

	font-weight: 600;

	text-overflow: ellipsis;

	white-space: nowrap;

	overflow: hidden;

	font-size: 12px;

}

.wen::before {

	content: url(../images/q.jpg);

	color: #C99968;

	font-size: 18PX;

	margin-right: 5px;

	margin-top: 15px;

}

.da::before {

    content: url(../images/a.jpg);

    color: #C99968;

    position: absolute;

    font-size: 18PX;

    margin-left: -23px;

}

/*news end*/

.more_r {

    width: 62px;

    height: 19px;

    background: #333;

    margin-top: 10px;

}.more_r a {

    color: #fff;

    font-size: 12px;

    line-height: 19px;

    display: block;

    text-align: center;

}



/*links*/



.yqlj_tt span {

    font-size: 22px;

    color: #333;

    line-height: 24px;

    padding-left: 48px;

    float: left;

    padding-top: 24px;

    padding-right: 20px;

}

.links {

	width: 1180px; background:url(../images/link_bg.jpg) center no-repeat;

	height: 75px;

	padding: 0;

	margin: 0 auto;

	overflow: hidden; margin-top:30px;

}

.links a {

display: inline-block;

padding: 8px 17px 0;

color: #333;

line-height: 25px;
}

.links a:hover {

	color: #00499C;

}

/*links end*/



