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

html{ overflow-x:auto; overflow-y:auto;}
*{ padding:0; margin:0;outline:none !important;}
ul, ol,li{ list-style-type:none;list-style:none;}
body, button, input, select, textarea{  font-family: 'Microsoft yahei',pingfang; font-size:12px;}
code, kbd, pre, samp { font-family: 'Microsoft yahei',pingfang;}
a{ text-decoration:none; color:#333;
-webkit-transition: all 0.2s ease-out 0s; 
   -moz-transition: all 0.2s ease-out 0s; 
	 -o-transition: all 0.2s ease-out 0s; 
		transition: all 0.2s ease-out 0s;}
img{border:0; max-width:100%;}
li { line-height:normal; }
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family: 'Microsoft yahei',pingfang; }
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
body{ position:relative; float:left; width:100%;}
select{ margin:0; padding:0; font-family: 'Microsoft yahei',pingfang; border:none;}
textarea{ resize:none;outline:none;}
label{ margin-bottom:0; font-weight:normal;}
input,select,textarea{ margin:0; padding:0; border:0; outline:none;
 -moz-border-radius:0px; 
 -webkit-border-radius:0; 
 -khtml-border-radius:0;
 border-radius:0;
}


/*-------------------</END 重置>-----------------------*/

.pz_top{ float:left; width:100%;position:fixed; left: 0; top: 0px;z-index:10001; box-shadow:0 3px 6px rgba(0,0,0,0.09);}
.pz_banner{ float: left; width:100%; position:relative; z-index: 3; min-height:120px;}
.pz_main{ float:left; width:100%; position:relative; z-index: 5; overflow: hidden;}
.pz_down{ float:left; width:100%; background:#3c3733;}



.i-top {width:100%;left:0; top:20px;z-index:999;position:fixed;}
.i-top-bg {padding:10px 0px;}

.i-logo{ width: 187px; height:40px; float:left; margin:0 30px 0 0px;}
.i-menu{ float:left; margin-top:10px;}
/*
.i-menu ul .nli{ float:left; margin: 0 5px 0 5px; text-align:center; z-index:99; }
.i-menu ul .nli span a{ display:block; padding: 0 20px; float:left; height:50px; line-height:50px; color:#333; text-align:center; font-size:16px;}
.i-menu ul .nli.on span a,
.i-menu ul .nli:hover span a{ color: #fff; background:#004a95;}
*/
.i-menu ul .nli{ float:left; margin: 0px 5px 0 5px; text-align:center; z-index:99; position:relative; height:40px;}
.i-menu ul .nli span a{ display:block; padding: 0 20px; float:left; height:30px; line-height:30px; color:#333; text-align:center; font-size:16px; letter-spacing:1px;
-moz-border-radius:33px; 
-webkit-border-radius:33px; 
-khtml-border-radius:33px;
border-radius:33px;}
.i-menu ul .nli.on span a,
.i-menu ul .nli:hover span a{ color: #fff; background:#004a95;}


.i-tels {float:right;text-align:center;}
.i-tels span{  font-size:24px; display:block; color:#004a95; }

@media screen and (max-width:1600px) {
.i-menu ul .nli{ margin: 0 8px;}
.i-menu ul .nli span a{padding: 0 10px;font-size:16px;}
.i-logo { margin-right:20px;}
}

@media screen and (max-width:1540px) {
.i-menu ul .nli{ margin: 0 2px;}
}

@media screen and (max-width:1440px) {
.i-menu ul .nli{ margin: 0px;}
.i-tels { display:none;}
.i-menu ul .nli span a{padding: 0 8px;font-size:14px;}
}

@media screen and (max-width:1199px) {
.i-menu ul .nli span a{ font-size:14px;}
}

@media screen and (max-width:991px) {
	.i-tels { display:none;}
	.i-menu {display:none;}
	.i-top { top:0px;background:#fff;box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);}
	
}


/*top*/
.top{ width:100%; float:left; height:100px; border-top:solid 3px #004a95; background:white; text-align:center;}
.logo{ width: 187px; height:40px; float:left; margin:25px 40px 0 0px;}
.logo img{ width:100%; float: left;}


.i-tel {padding-top:20px; }
.i-tel span{ font-size:24px; display:block; color:#004a95;}

.banner,.banner img{ width:100%; float:left;}
.h100{ width:100%; float:left; margin-top:100px;}

/*下拉菜单（漂浮在menu .nli上）*/
.sub { z-index:21;  position:absolute; display: none; float:left;  clear:both; width:140px; left: 50%; margin-left: -70px;top:100% !important; background:url(../images/index44.png); padding:3px 0 17px 0;
-moz-border-radius:15px; 
 -webkit-border-radius:15px; 
 -khtml-border-radius:15px;
 border-radius:15px;/**/}
.sub:before{ content:''; background:url(../images/index45.png) no-repeat center center; width:12px; height:7px; position:absolute; left:50%; top:-7px; margin-left:-6px;}
.sub .ul1{ width:100%;background:url(../images/bg_8.png); box-shadow:0 3px 16px rgba(0,0,0,0.15);  text-align: left; float: left;}
.sub .l2{ width:100%; float: left; position: relative; margin-top:10px;}
.sub .l2.have .l2_a{ color:#fff;}
.sub .l2.have:hover .l2_a{ background-image:url(../images/ico_2_2_h.png);}
.sub .l2 .l2_a{ line-height: 16px;  width:100%;  display:block; font-size: 14px;  float:left;  color:#fff; letter-spacing:1px; padding:5px 5px;}
.sub .l2:hover .l2_a { color:#fff; background:#004a95;}
.sub .l2:hover{ background:white;}
.sub .ul2 { float:left; /* position:absolute; left:100%; top:20px;*/ display:none;  margin:0px;  width:100%;  overflow:hidden;background:url(../images/bg_8.png);/*  box-shadow:0 3px 16px rgba(0,0,0,0.15);*/}
.sub .ul2 .l3{ float:left;  position:static;  padding:0; margin:0; width: 100%; height: 40px; line-height:40px; float:left; font-size:12px; color:#333; text-align:left;}
.sub .ul2 .l3 .l3_a{ padding:0px 20px; line-height: 40px;  width:100%;  display:block;  float:left;  color:#333333; background-position:left center;}
.sub .ul2 .l3:hover .l3_a { color:#fff; background: url(../images/bg_3.png);}
.elli{ white-space: nowrap; overflow:hidden; text-overflow:ellipsis;}

.logopad{ width: 130px; position:absolute; left:20px; top:15px; display:none;}
.logopad img{ width:100%; float: left;}

@media screen and (max-width:1366px) {
.menu ul .nli{ margin: 32px 12px 0 12px;}
.logo{ margin:20px 30px 0 20px;}
.i-tel { display:none;}
}
@media screen and (max-width:1199px) {
.menu ul .nli{ margin: 32px 12px 0 12px;}
.logo{ margin:20px 10px 0 10px;}
.menu ul .nli span a{ font-size:14px;}
}
@media screen and (max-width:991px) {
.search_ico,.menu{ display: none;}
.top{ height: 65px;}
.h100{ margin-top:65px;}
.logo{width: 41px; height:auto;}
.menu{ display: none;}
.top{ border-top:solid 2px #004a95;}
.logopad{ display:block;}

.menuph { margin-top:5px;}

.menuph{ float:right; cursor: pointer;  width: 22px;  text-align: center; display: block; margin-right:20px;}
.menuph .point {  display: inline-block;  width: 22px;  height: 22px;  margin-top: 14px;  position: relative;  }
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {  width: 22px;  }
.menuph .navbtn {  position: absolute;  top: 8px;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #004a95;  }
.menuph .navbtn::after,
.menuph .navbtn::before {  position: absolute;  right: 0;  display: inline-block;  width: 22px;  height: 2px;  content: '';  -webkit-transition: all .3s ease-out 0s;  -moz-transition: all .3s ease-out 0s;  -ms-transition: all .3s ease-out 0s;  -o-transition: all .3s ease-out 0s;  transition: all .3s ease-out 0s;  background: #004a95;  }
.menuph .navbtn::after { top:-8px; }
.menuph .navbtn::before { top:8px; }
.menuph .point.active .navbtn{  background: transparent;  }
.menuph .point.active .navbtn::after{  -webkit-transform: rotate(45deg);  -moz-transform: rotate(45deg);  -ms-transform: rotate(45deg);  -o-transform: rotate(45deg);  transform: rotate(45deg);  top: 0px; background: #004a95;}
.menuph .point.active .navbtn::before {  -webkit-transform: rotate(-45deg);  -ms-transform: rotate(-45deg);  -o-transform: rotate(-45deg);  transform: rotate(-45deg);  top: 0px; background: #004a95;}
.pf_menu_bg{ width:100%; height: 100%; position:fixed; left:0; top:0 !important; z-index:8; background:white; z-index: 888;}
.pf_menu{ position:fixed; width:100%; overflow-y:auto; left:0px;background:url(../images/bg_1.png); top:65px; z-index:10001; display:block; padding:0 0 15px 0; float: left;}
.ph_menu{ float:left; width:100%; padding:20px 0 0 0; text-align:center;}
.search{ float:left; width:100%; height:40px; padding-top: 0px; border: solid 1px #004a95; padding: 5px 40px 5px 10px; margin-top: 10px; position: relative;}
.search .search_k{ width: 100%; float: left; font-size: 14px; color: #8f8f8f; height: 28px; line-height: 28px; border: 0; background: none;}
.search .sear_sub{width:40px; height:28px; position: absolute; right: 0; top:5px;border:none;background:url(../images/search_btn.png) center no-repeat; border-left: solid 1px #ccc; background-size: 14px 14px;}
.ph_menu .nli{ float:left; width:100%; border-bottom:solid 1px #f0f0f0;}
.ph_menu .nli span{ float:left; width:100%; padding:0 15px 0 15px; position:relative;}
.ph_menu .nli .l1_a{ float:left; width:100%; color:#004a95; font-size:14px; line-height:20px; padding: 10px 0; font-weight: bold; letter-spacing: 1px;}
.ph_menu .nli i{ width:40px; height:40px; position:absolute; right:0; top:0; background: url(../images/index43.png) center center no-repeat; background-size:8px auto;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}
.ph_menu .nli.on i{ transform:rotate(90deg);}
.ph_menu .nli.on .l1_a{ color:#004a95; }
.ph_menu .nli .l2_ul{ display:none; height:auto; float:left; width:100%; padding: 5px 15px; background:#004a95;}
.ph_menu .nli .l2_ul li a{ line-height:30px; font-size:12px; color:#fff; text-transform:uppercase; opacity:0.6;}
.ph_menu .nli .l2_ul li a:active{ opacity:1;}
}
@media screen and (max-width:767px) {
.top{ padding: 0 10px;}
}
@media screen and (max-width:480px) {
.top{ height: 50px;}
.h100{ margin-top:50px;}
.logo{width: 31px; margin-top: 10px;}
.menuph .point { margin-top: 15px; }
.pf_menu{ top:50px;}
}


.slide_banner{ height:1080px; width:100%; float:left;}
.slide_banner .slick-list ,.slide_banner .slick-track{ width:100%; float:left; height: 100%; overflow: hidden;}
.slide_banner .slick-slide{ width:100%; height: 100%; float: left; position:relative; overflow:hidden;}
.slide_banner .slick-slide .img{ width:100%; height: 100%; float: left; min-height: 426px; background-size: cover !important; background-position:center center !important;}
.slide_banner .slick-slide .img_h{ width:100%; position:absolute; left:0; top:20%; opacity:0;}
.slide_banner .slick-slide .img_h a{ display:block; position:absolute; left:10.1562%; bottom:0; height:32px; width:150px; opacity:0;}
.slide_banner .slick-slide.slick-active .img_h{ opacity:1; top:30%;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;}

.padshow{ display:none;}
.slide_banner .slick-slide .img1{ width:100%; float: left; min-height: 226px; background-size: cover !important;
-webkit-transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  transition: all 1s cubic-bezier(0.7, 0, 0.3, 1);
  -webkit-transform: scale(1.2);
		  transform: scale(1.2);}
.slide_banner .slick-slide.slick-active .img1 {
  -webkit-transform: scale(1);
		  transform: scale(1);
}
.arr{ width:100%; text-align:center; position:absolute; left:0; bottom:60px;}
.arr .zuo,.arr .you{ width:12px; display:inline-block; vertical-align:top; height:32px; cursor:pointer; opacity:0.4; background:url(../images/banner_btn.png) no-repeat left center}
.arr .you{ background-position:right center;}
.arr .zuo:hover,.arr .you:hover{ opacity:1;}
.arr .dian{ display:inline-block; vertical-align:top; margin:0 28px;}
.arr .dian .slick-dots {
	position:relative;
	bottom: auto;
	display: block;
	width: auto;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden;
}
.arr .dian .slick-dots li {
	position: relative;
	display: inline-block;
	width: 40px;
	height: 32px; float:left;
	margin: 0 26px; opacity:0.4;
}	
.arr .dian .slick-dots li:before,.arr .dian .slick-dots li:after{ content:''; width:26px; height:1px; background:white; position:absolute; left:-26px; top:50%;}
.arr .dian .slick-dots li:after{ left:auto; right:-26px;}
.arr .dian .slick-dots li:first-child:before,.arr .dian .slick-dots li:last-child:after{ display:none;}
.arr .dian .slick-dots li button {
	font-size: 16px;
	line-height: 32px;
	display: block;
	width: 40px;
	height: 32px;
	padding: 0;
	text-indent:0; color:white;
}
.arr .dian .slick-dots li button:before{ content:'0'; width:10px; color:white; position:absolute; left:50%; margin-left:-15px; font-size:18px; top:1px; line-height:32px; height:32px; opacity:1;}
.arr .dian .slick-dots li.slick-active{
	opacity:1;
}
.pz_banner_h{ height: 100%; position: relative;}
.section{}

@media screen and (max-width:991px) {
.slide_banner,.slide_banner .slick-list ,.slide_banner .slick-track{ height: auto; }
.slide_banner .slick-slide{ height: auto;}
.pcshow{ display: none;}
.padshow{ display: block;}
.pz_banner_h,.section,.fp-tableCell{ height: auto !important;}
.slide_banner .slick-dots {position: absolute;}
.section{ padding-top:0;}
.section1{}
.arr{ display:none;}
.slide_banner_s{ width:100%; float:left; position:relative; margin-top:60px;}
.slide_banner_s .slick-dots {
	position: absolute;
	bottom: 25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
	overflow:hidden; height:10px;
}
.slide_banner_s .slick-dots li {
	position: relative;
	display: inline-block;
	width: 10px;
	height: 10px;
	margin: 0 4px; vertical-align:top;
	 border:solid 2px white;
	-moz-border-radius:50%; 
-webkit-border-radius:50%; 
-khtml-border-radius:50%;
border-radius:50%;
}
.slide_banner_s .slick-dots li button { display:none;}
.slide_banner_s .slick-dots li.slick-active{
	background:white;
}
}
@media screen and (max-width:991px) {
.slide_banner .slick-slide .img1{ min-height: 150px;}
}
@media screen and (max-width:480px) {
.section1 {}
}



/*首页main*/

#dowebok{ z-index: 5; position: relative;}
.pt_90{padding-top: 60px;}
.leftnav{ width:60px; right:15px; top:30%; position:fixed; z-index:5555; padding-bottom:48px;}
.leftnav em{ width:1px; height: 100%; position: absolute; right: 6px; top: 0; background: #eaeaea; z-index: -1;}
.leftnav li{ width:20px; float:left; margin-top:9px; margin-left:13px;}
.leftnav li.first{ margin-top: 0;}
.leftnav li a{ display:block; width:100%; float:left; height:20px; background:url(../images/banner_ico.png) no-repeat bottom center; position:relative;}
.leftnav li a span{ position:absolute; left:-60px; top:50%; font-size:10px; color:white; opacity:0.4; letter-spacing:1px; text-transform:uppercase; line-height:16px;font-family: 'OPENSANS-REGULAR'; margin-top:-8px; display:none; width:60px; text-align:center;}
.leftnav li.active a{ background-image:url(../images/banner_ico.png) !important; background-position: top center;}
.leftnav li.active a{ position:static;}
.leftnav li.active a span{ bottom:0; top:auto; margin-top:0; left:0; display:block; opacity:1;}

.leftnav li:hover a span{ display:block;}

.leftnav.black li a{ background-image:url(../images/banner_ico_1.png);}
.leftnav.black.active li a
.leftnav.black li a span,.leftnav.black li.active a span{ color:#d7d7d7;}

@media screen and (max-width:1023px) {
.leftnav{ right:5px;}
}

.section3, .section4, .section5 { padding-top:6%;}

.section6 { padding-top:6%;}

.section2 .fp-tableCell,.section1 .fp-tableCell,.section3 .fp-tableCell,.section4 .fp-tableCell,.section5 .fp-tableCell,.section6 .fp-tableCell{ display:block;}
.section2Left{ width:53.333%; float:left; position:relative; height:100%;
display: table;
table-layout: fixed;}
.section2Left:before{ content:''; width:39.0625%; position:absolute; right:0; top:0; height:100%; background:#f5f5f5;}
.mbox{ width:100%;display: table-cell; vertical-align: middle;}
.section2Left .img{ float:right; width:81.0546%; position:relative; margin-right:7.715%;}
.section2Left .img img{ width:100%; float:left;}
.section2Left .img .slick-prev,.section2Left .img .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	left: auto;
	right:0;
	top: 50%;
	display: block;
	width: 62px;
	height: 62px;
	background:url(../images/index2.jpg) no-repeat top center; margin-top:-62px;
}
.section2Left .img .slick-next {
	left: auto;
	right: 0; background-position: bottom center; margin-top:1px;
}
.section2Left .img .slick-prev:hover,
.section2Left .img .slick-next:hover{ background-image:url(../images/index2_h.jpg);}

.section2Right{ width:46.666%; float:left; position:relative; height:100%;
display: table;
table-layout: fixed;}
.section2Right .text{ width:74.776%; float:left; margin-left:9.04%;}

.sectionHead{ width:100%; float:left; text-align:center;}
.sectionHead h3{ width:100%; float:left; font-size:36px; color:#004a95; font-weight:bold; line-height:42px; letter-spacing:1px; padding-bottom:8px;}
.sectionHead h4{ width:100%; float:left; font-size:24px; color:#333; line-height:34px; letter-spacing:1px;text-transform:uppercase;}
.sectionHead .bian{ width:100%; float:left; margin-top:20px; background:url(../images/index3.jpg) no-repeat center center; height:4px;}

.homeTit{ float:left; width:100%; position:relative; z-index:6; padding-top:1.5%;}
.homeTit .en{ float:left; width:100%; font-size:36px; color:#004a95; line-height:42px; font-weight:bold;letter-spacing:1px; padding-bottom:8px;}
.homeTit .cn{ float:left; width:100%; font-size:24px; color:#333; line-height:34px; letter-spacing:1px;text-transform:uppercase;}

.section2Right .text .sectionHead{ text-align:left;}
.section2Right .text .sectionHead .bian{ background-position: left center;}
.section2Right .text h5{ width:100%; float:left; margin-top:34px; font-size:20px; line-height:30px; letter-spacing:1px;}
.section2Right .text .p{ width:100%; float:left; margin-top:23px; font-size:16px; color:#555; line-height:36px; letter-spacing:1px; height:108px; overflow:hidden;}

.section2Right .text .i-btn {width:100%; float:left;}
.section2Right .text .i-btn a{ display:block; width:120px; height:36px; line-height:36px; background:#004a95; margin-top:20px; text-align:center; color:#fff;}
.section2Right .text .i-btn a:hover{background:#b98a00;}


@media screen and (max-width:1366px) {
.sectionHead h3{ font-size:30px; line-height:32px;}
.sectionHead h4{ font-size:20px; line-height:30px;}

.homeTit .en{ font-size:30px; line-height:32px;}
.homeTit .cn{ font-size:20px; line-height:30px;}

.section2Right .text h5{ margin-top:28px; font-size:16px; line-height:28px;}
.section2Right .text .p{ margin-top:19px; font-size:14px; line-height:32px; height:96px;}
}
@media screen and (max-width:991px) {
.section2Left,.section2Right{ width:100%; padding:0 10%; margin-top:30px;}
.section2Left:before{ display:none;}
.section2Left .img,.section2Right .text{ float:left; width:100%; margin-left:0; margin-right:0;}
.section2{ padding:40px 0;}
}
@media screen and (max-width:767px) {
.section2Left,.section2Right{ padding:0 5%; margin-top:15px;}
.section2{ padding:20px 0;}
.section2Left .img .slick-prev,.section2Left .img .slick-next {
	width: 42px;
	height: 42px;
	background-size:42px auto; margin-top:-42px;
}
.section2Left .img .slick-next {
	left: auto;
	right: 0; background-position: bottom center; margin-top:1px;
}

.section2Right .text h5{ margin-top:18px; font-size:14px; line-height:24px;}
.section2Right .text .p{ margin-top:10px; font-size:12px; line-height:24px; height:70px;}

.section3, .section4, .section5, .section6{ padding-top:0;}

}



.section3Body{ width:100%; float:left; position:relative;}
.section3Body .sectionHead,.section4Body .sectionHead,.section5Body .sectionHead,.section6Body .sectionHead{ margin-top:5%;}

.section3Body .sc-zt-c { width: 100%; margin-top:2%;}

.section3Body .p-slider .list{padding:0 15px;}
.section3Body .p-slider .list .box{float:left; width:100%; border:1px solid #efefef; background:#fff; text-align: center; padding-bottom:10px;}
.section3Body .p-slider .list .box .img{overflow:hidden;}
.section3Body .p-slider .list .box .img img{-webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;}
.section3Body .p-slider .txtBox{padding:20px 0 0 0; margin: 0 20px 8px 20px}
.section3Body .p-slider .txtBox .H4{font-size:20px; color:#1c1c1b;}
.section3Body .p-slider .txtBox .line{width:140px; height: 1px; display: block; background-color:#d2d2d1; margin: 20px auto; position: relative;}
.section3Body .p-slider .txtBox .line::after{width:36px; height: 2px; background-color:#204e86; content: ""; position: absolute; top:-1px; left: 50%; margin-left:-18px;}
.section3Body .p-slider .txtBox .p{font-size:14px; line-height: 24px; color:#666666; height:24px;
overflow : hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;}
.section3Body .p-slider .list .box:hover .img img{
	transform:scale(1.1);
	-webkit-transform:scale(1.1);
	-moz-transform:scale(1.1);
	-o-transform:scale(1.1);
}

.section3Body .p-slider .slick-dots{ height:14px; position:static; margin-top:40px; overflow:hidden;}
.section3Body .p-slider .slick-dots li{ width:14px; height:14px; border-radius:50%; margin:0 7px; vertical-align:top; background:#3571b0; background:rgba(53,113,176,0.3);}
.section3Body .p-slider .slick-dots li:after{ float:left; width:8px; height:8px; padding:0; border-radius:50%; position:absolute; left:3px; top:3px; content:''; z-index:66;}
.section3Body .p-slider .slick-dots li.slick-active:after{ background:#3571b0;}

.section3Body .p-slider li button {display: none;}


@media screen and (min-width:1920px) {

}
@media screen and (max-width:1366px) {


}
@media screen and (max-height:900px) {

}
@media screen and (max-height:768px) {
.sectionHead h3{ font-size:30px; line-height:32px;}
.sectionHead h4{ font-size:20px; line-height:30px;}

.homeTit .en{ font-size:30px; line-height:32px;}
.homeTit .cn{ font-size:20px; line-height:30px;}

.section3Body .p-slider .txtBox .H4 { font-size:16px;}

.section3Body .p-slider .slick-dots{ height:8px; margin-top:10px; }
.section3Body .p-slider .slick-dots li{ width:8px; height:8px; margin:0 4px; }
.section3Body .p-slider .slick-dots li:after{ float:left; width:4px; height:4px; left:2px; top:2px;}


.section3Body .sectionHead,.section4Body .sectionHead,.section5Body .sectionHead,.section6Body .sectionHead{ margin-top:4%;}

}
@media screen and (max-width:991px) {

}
@media screen and (max-width:767px) {
.sectionHead h3{ font-size:20px; line-height:22px;}
.sectionHead h4{ font-size:16px; line-height:20px;}
.sectionHead .bian{ margin-top:15px; height:2px;}

.homeTit .en{ font-size:20px; line-height:22px;}
.homeTit .cn{ font-size:16px; line-height:20px;}

}


.section4Body { width:100%; float:left; position:relative; }

.section4Body .div-list {margin-top:3%;}
.section4Body .bg {background: #fff;
padding: 5px;-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
transition: 0.5s ease;
}


.section4Body .bg:hover {
background: #3571b0;  
}


@media screen and (max-width:1366px) {

}
@media screen and (max-width:991px) {
}
@media screen and (max-width:767px) {
}



.section5 {}
.section5Body{ width:100%; float:left; position:relative;}

.section5Body .container{}

.section5Left { width:45%; float:left; position:relative; height:100%;display: table;table-layout: fixed; margin-top:3%;}

.section5Left .text{ width:70%; float:left; margin-left:10%;}

.section5Left .text h5{ width:80%; text-align:center; font-size:18px; line-height:54px; letter-spacing:1px; background:#b98a00; border-radius:50px; color:#fff; margin:0 auto;}
.section5Left .text .p{ width:100%; float:left; margin:30px 0;text-align:center;}
.section5Left .text .p img{ width:180px; height:180px;}

.section5Left .text .i-btn {width:100%; float:left;text-align:center;font-size:16px;}


.section5Right { width:50%; float:left; position:relative; height:100%;display: table;table-layout: fixed;margin-top:3%;}

.section5Right .i-pic {margin-bottom:20px;}

.section5Right .form_pic{width:100%; display: block; }
.section5Right .form_pic .li_a{width:100%; border:1px solid #d8d8d8; height:42px; line-height: 40px;margin-bottom:2%; position: relative; display: flex;}
.section5Right .form_pic .li_a input{background:none; line-height:40px; height:40px; display:inline-block;width:100%; text-indent:80px;}
.section5Right .form_pic .li_a .span{display: inline-block; padding-left:10px; line-height:40px;position: absolute; left:0; top:0;}
.section5Right .form_pic .li_a .span .i{color:#C00;padding-right:10px;}

.section5Right .tj{width:100%; height:50px; line-height:40px; background:#004a95; border:1px solid #004a95; 
      -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s;
  -o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;text-align:center; colr:#fff; font-size:18px; display: block;}
.section5Right .tj button{width:100%; font-size:16px; display: block; color:#fff; text-align:center; background:none; border:none;
height:40px; line-height:40px;
}
.section5Right .tj:hover{color:#FFF; background:none;border:1px solid #F60;}
.section5Right .tj:hover button{color:#F60; }

.section5Right .p{ width:100%;  margin-top:12px; font-size:16px; color:#555; line-height:36px;}



@media screen and (max-width:1366px) {
}
@media screen and (max-width:1199px) {
	.section5Right .text h5{ width:100%; font-size:16px; }
	.section5Body { margin-bottom:3%;}
}
@media screen and (max-width:991px) {
}
@media screen and (max-width:767px) {
	.section5Left {width:100%;}
	.section5Left .text h5{ width:90%; font-size:12px;line-height:36px;}
	.section5Left .text .p { margin:15px 0;}
	.section5Right{ width:100%;}
	
	.section5Right .text {width:100%;margin-left:0%;}
}


.section6 .fp-tableCell { position:relative; overflow-y:auto;}

.Hnews{ float:left; width:100%; position:relative;}
.Hnews .hd{ float:left; position:absolute; right:0; top:30px; z-index:16;}
.Hnews .hd li{ float:left; width:140px; height:42px; line-height:42px; text-align:center; background:#fff; color:#363636; font-size:16px; margin-left:20px; cursor:pointer;}
.Hnews .hd li.on{ background:#004a95; color:#fff;}

.Hnews .bd{ float:left; width:100%; position:relative; background:#fff; margin-top:1.8%; margin-bottom:4.5%;}
.Hnews .ul1{ float:left; width:100%;}
.Hnews .l1{ float:left; width:39.6%; padding:30px 60px;}
.Hnews .l1 .img{ float:left; width:100%; line-height:0; overflow:hidden; margin-top:30px;}
.Hnews .l1 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l1:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l1 .tit{ float:left; width:100%; color:#333333; font-size:22px; line-height:32px; margin:0px 0 18px 0;}
.Hnews .l1 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden; padding-left:30px; position:relative;}
.Hnews .l1 .info:after{ float:left; width:2px; height:38px; background:#aaaaaa; position:absolute; left:0; top:50%; content:'';  margin-top:-19px;}
.Hnews .l1:hover .tit{ color:#004a95;}

.Hnews .l2{ float:left; width:60.4%; background:#fff; padding:20px 30px; border-bottom:1px solid #f6faf7; -webkit-transition: 0.5s ease;
   -moz-transition: 0.5s ease;
	-ms-transition: 0.5s ease;
	 -o-transition: 0.5s ease;
		transition: 0.5s ease;}
.Hnews .l2 a{ float:left; width:100%; position:relative; min-height:123px; padding-left:248px; padding-right:20px;}
.Hnews .l2 .img{ float:left; width:218px; height:123px; position:absolute; left:0; top:0; line-height:0; overflow:hidden;}
.Hnews .l2 .img img{
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Hnews .l2:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Hnews .l2 .tit{ float:left; width:100%; position:relative; color:#333333; font-size:20px;height:30px; line-height:30px; position:relative;padding-right:70px; margin:15px 0 18px 0; overflow:hidden;}
.Hnews .l2 .info{ float:left; width:100%; color:#888888; font-size:14px; line-height:25px; height:50px; overflow:hidden;}
.Hnews .l2:hover{ background:#f6faf7;}
.Hnews .l2:hover .tit{ color:#004a95;}
@media screen and (max-width:1599px){
.Hnews .hd{ top:20px;}	
.Hnews .l1{ padding:50px 30px;}
.Hnews .l2{ padding:20px;}
.Hnews .l2 a{ padding-left:238px; padding-right:0;}
}
@media screen and (max-width:1199px){
.Hnews .hd{ top:15px;}	
.Hnews .hd li{ width:120px; height:36px; line-height:34px; margin-left:12px; font-size:16px;}
	
.Hnews .l1{ padding:30px 30px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:18px;}
.Hnews .l2 a{ min-height:90px; padding-left:190px;}	
.Hnews .l2 .img{ width:160px; height:90px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:5px 0 5px 0;}
}
@media screen and (max-width:1023px){
.Hnews{ margin:30px 0;}	
.Hnews .l1{ padding:15px 15px;}	
.Hnews .l1 .tit{ font-size:18px; line-height:28px; margin:7px 0 10px 0;}
.Hnews .l1 .info{ line-height:25px; height:50px; padding-left:15px;}
.Hnews .l1 .img{ margin-top:15px;}

.Hnews .l2{ padding:12px;}
.Hnews .l2 a{ min-height:78px; padding-left:150px;}	
.Hnews .l2 .img{ width:138px; height:78px;}
.Hnews .l2 .tit{ font-size:16px; line-height:26px; padding-right:60px; margin:3px 0;}
.Hnews .l2 .info{ line-height:22px; height:44px;}
.Hnews .bd{ margin-top:20px;}
}
@media screen and (max-width:767px){
.Hnews{ margin:30px 0;}	
.Hnews .l1{ width:100%;}
.Hnews .l1 .tit{ font-size:17px;}
.Hnews .l1 .info{ line-height:22px; height:44px;}
.Hnews .l2{ width:100%;}
.Hnews .l2 .tit{ font-size:15px; padding-right:56px;}

.Hnews .hd{ top:10px; position:inherit;}
.Hnews .hd li{ width:100px; height:30px; line-height:28px; margin-left:10px; margin-bottom:10px; font-size:15px;}
}


.section6Down { width:100%; float:left; height:230px;}

.bd_weixin_popup { height:310px !important;}

.footerDown{ width:100%; float:left; border-top:solid 1px #504b48; padding:32px 0;}
.footerDown .footerBq{ float:left; font-size:14px; color:white; line-height:32px; letter-spacing:1px; opacity:0.8;}
.footerDown .footerFx{ float:right; margin-top:14px;}
/*分享*/
.footerDown .footerFx span{ display:block; float:left; font-size:14px; color:#676767; line-height:34px; letter-spacing:1px;}
.footerDown .footerFx .bdsharebuttonbox{ float:left; width:auto;}
.footerDown .footerFx .bdsharebuttonbox a{ display:block; width:34px; height:34px; padding:0; margin:0 9px !important; float:left; background-size:34px 34px; background-repeat:no-repeat; background-position:center center; opacity:0.5;}
.footerDown .footerFx .bdsharebuttonbox a.a1{ background-image:url(../images/index39.png);}
.footerDown .footerFx .bdsharebuttonbox a.a2{ background-image:url(../images/index40.png);}
.footerDown .footerFx .bdsharebuttonbox a.a3{ background-image:url(../images/index41.png);}
.footerDown .footerFx .bdsharebuttonbox a.a4{ background-image:url(../images/index42.png);}
.footerDown .footerFx .bdsharebuttonbox a:hover{ opacity:1;}
@media screen and (max-width:1560px) {
}
@media screen and (max-width:1366px) {
.footerDown{ padding:22px 0;}
}
@media screen and (max-width:1199px) {
.footerDown .footerBq{ font-size:12px; line-height:26px;}
.footerDown .footerFx{ margin-top:10px;}
}
@media screen and (max-width:991px) {
.section6 .section_6_box {}
.footerDown .footerFx{ display:none;}
.section6Down {display:none;}
.footerDown{ text-align:center;}
.footerDown .footerBq{ width:100%;}
}
@media screen and (max-width:767px) {
.footerDown{ padding:12px 0;}
.footerDown .footerBq{ line-height:22px;}
.footerDown .footerFx{ width:100%; margin-top:10px;}
.footerDown .footerFx span,.footerDown .footerFx .bdsharebuttonbox{ float:none; display:inline-block; vertical-align:top;}
}
@media screen and (min-width:992px) {
.fadeInUp,.fadeInRight,.fadeInLeft,.bounceInUp,.fadeInDown,.flipInX,.zoomIn,.zoomInLeft,.zoomInRight,.fadeInUpBig{
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;}
.section4Body ul li{ -webkit-animation-delay:0.2s; animation-delay:0.2s;}
}




/* 内页banner */
#Slide2{ width: 100%;margin-top:20px;}
#Slide2 .pz_banner{ width: 100%; position: relative; }
#Slide2 .zy_banner{ line-height: 0;}
#Slide2 .subNav{ width: 100%; height: 44px; line-height: 44px; background: #f5f5f5; position: relative;}
#Slide2 .subNav .pos{ position: relative; width: 100%; height: 44px; line-height: 44px;}
#Slide2 .subNav .tit{ width: 230px; position: absolute; left: 0; bottom: 0; height: 70px; line-height: 70px;}
#Slide2 .subNav .tit::before{ content: ""; position: absolute; top: 0; right: 0; width: 8000%; height: 100%; background: #004995; transform: skewX(32deg);}
#Slide2 .subNav .tit .bt{ font-size: 24px; position: absolute; left: 0; bottom: 0; color: #fff;}
#Slide2 .subNav .tit .line{ width: 75px; height: 1px; position: absolute; right: 45px; bottom: 34.5px; background: #fff;}


#Slide2 .subNav .mbx{ padding-left: 25px; background: url(../images/3113_sub2.png) no-repeat left center; background-size: 15px 15px; float: right;}
#Slide2 .subNav .mbx .p{ float: left; font-size: 14px; color: #666;}
#Slide2 .subNav .mbx a{ display: inline-block; font-size: 14px; color: #666;}
#Slide2 .subNav .mbx a.on,#Slide2 .subNav .mbx a:hover{ color: #004995;}
@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
#Slide2 .pz_banner{ }
#Slide2 .subNav{ height: 30px; line-height: 30px;}
#Slide2 .subNav .pos{ height: 30px; line-height: 30px;}
#Slide2 .subNav .tit{ width: 120px; height: 46px; line-height: 46px;}
#Slide2 .subNav .tit .bt{ font-size: 16px;}
#Slide2 .subNav .tit .line{ width: 35px; right: 15px; bottom: 23px;}

#Slide2 .subNav .mbx{ padding-left: 15px; background-size: 10px 10px;}
#Slide2 .subNav .mbx .p{ font-size: 12px;}
#Slide2 .subNav .mbx a{ font-size: 12px;}
}
@media screen and  (max-width:767px){
#Slide2 .subNav .tit{ width: 85px;}
#Slide2 .subNav .line{ display: none;}

#Slide2 .subNav .mbx{ display: none;}
}


/***----  products ----*/

#List{ padding:4% 0;}
#List .caseList{ width: 100%; float: left;}
#List .caseList .left{ width: 22.774%; float: left;}

#List .caseList .left .caseNav{ margin-bottom: 25px; width: 100%;}
#List .caseList .left .caseNav .djbt{ display: none;}
#List .caseList .left .caseNav ul li{ font-size: 16px; padding: 20px 10px 20px 60px; line-height: 20px; background: #f0f0f0; overflow: hidden; position: relative;}
#List .caseList .left .caseNav ul li::before{ content: ""; position: absolute; top: 24px; left: 35px; width: 9px; height: 12px; background: url(../images/3120_case1.png) no-repeat center; background-size: cover;}
#List .caseList .left .caseNav ul li.on::before,#List .caseList .left .caseNav ul li:hover::before{ background: url(../images/3120_case1_1.png) no-repeat center; background-size: cover;}
#List .caseList .left .caseNav ul li a{ display: block; width: 100%; color: #333;}
#List .caseList .left .caseNav ul li.on ,#List .caseList .left .caseNav ul li:hover{ background: #004995;}
#List .caseList .left .caseNav ul li.on a,#List .caseList .left .caseNav ul li:hover a{ color: #fff;}
#List .caseList .left .caseNav ul li .ico{ position: absolute; bottom: 0; width: 100%; height: 1px; border-bottom: 1px dotted #c2c2c2;}
#List .caseList .left .caseNav ul li.on .ico,#List .caseList .left .caseNav ul li:hover .ico,#List .caseList .left .caseNav ul li:last-child .ico{ display: none;}

.l-nav-c { margin-bottom:3%; display:none;}
.l-nav-c ul {}
.l-nav-c ul li a{ display:block; width:30%;float:left; margin:0 1.5%; height:36px; line-height:36px; text-align:center; background:#ddd; overflow:hidden;}


#List .caseList .left .bt{ padding-left: 20px; font-size: 18px; height: 44px; line-height: 44px; color: #fff; background: #004995;}
#List .caseList .left .l1{ width: 100%; margin: 10px 0; padding: 6px; box-shadow: 0 4px 5px #d8d7d7; background: #f0f0f0; float: left;}
#List .caseList .left .l1 .img{ line-height: 0; position: relative;}
#List .caseList .left .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url(../images/3120_case3.png) no-repeat center; background-color: #b6b6b6;}
#List .caseList .left .l1 .tit{ font-size: 18px; line-height: 20px; margin: 40px 0 15px 0; text-align: center; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List .caseList .left .l1:hover{ background: #818086;}
#List .caseList .left .l1:hover .ico{ background-color: #004995;}
#List .caseList .left .l1:hover .tit{ color: #fff;}
#List .caseList .right{ width: 74.818%; float: right;}
#List .caseList .right .u1{ width: 102%; margin: -15px -1% -15px -1%; overflow: hidden;}
#List .caseList .right .l1{ width: 31.3%; margin: 15px 1%; padding: 5px 6px; float: left; border: 1px solid #eeeeee;}
#List .caseList .right .l1 .img{ line-height: 0; position: relative;}
#List .caseList .right .l1 .ico{ position: absolute; bottom: -17px; left: 50%; margin-left: -17px; width: 34px; height: 34px; border-radius: 50%; background: url(../images/3120_case3.png) no-repeat center; background-color: #b6b6b6;}
#List .caseList .right .l1 .t1{ margin: 40px 0 25px 0; padding: 0 10px; font-size: 18px; line-height: 20px; text-align: center; font-weight: bold; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
#List .caseList .right .l1 .t2{ margin-bottom: 30px; padding: 0 10px; letter-spacing: 1px; font-size: 16px; line-height: 24px; height: 48px; overflow: hidden; color: #666;}
#List .caseList .right .l1:hover{ box-shadow: 0 5px 5px #d8d7d7;}
#List .caseList .right .l1:hover .ico{ background-color: #004995;}
#List .caseList .right .l1:hover .tit{ color: #fff;}
#List .caseList .wack1{ margin-top: 65px; float: left; width: 100%; text-align: center;}

@media screen and  (max-width:1399px){

}
@media screen and  (max-width:1199px){

}
@media screen and  (max-width:991px){
.l-nav-c { display: block;}
#List .caseList .left{ width: 100%;}
#List .caseList .left .caseNav .djbt{ display: block; padding-left: 30px; margin-bottom: 2px; font-size: 16px; height: 40px; line-height: 40px; position: relative; color: #fff; background: #004995;}
#List .caseList .left .caseNav .djbt::after{ content: ""; display: block; position: absolute; right: 20px; top: 15px; width: 10px; height: 10px; border-top: 1px solid #fff; border-right: 1px solid #fff;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: all 0.3s ease-out 0s; 
-moz-transition: all 0.3s ease-out 0s; 
-o-transition: all 0.3s ease-out 0s; 
transition: all 0.3s ease-out 0s;}
#List .caseList .left .caseNav .djbt.on::after{ top: 12px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-ms-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);    
}
#List .caseList .left .caseNav{ margin-bottom: 0;display: none;}
#List .caseList .left .caseNav .u2{ display: none;}
#List .caseList .left .caseNav ul li{ font-size: 14px; padding: 10px 10px 10px 30px; line-height: 20px;}
#List .caseList .left .caseNav ul li::before{ top: 14px; left: 15px;}
#List .caseList .left .bt{ display: none; padding-left: 10px; font-size: 16px; height: 30px; line-height: 30px;}
#List .caseList .left .u1{ display: none;}
#List .caseList .left .l1{ margin: 8px 0; padding: 3px;}
#List .caseList .left .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List .caseList .left .l1 .tit{ font-size: 14px; line-height: 16px; margin: 18px 0 8px 0;}
#List .caseList .right{ width: 100%;}
#List .caseList .right .u1{ margin: 7px -1% -8px -1%;}
#List .caseList .right .l1{ margin: 8px 1%; padding: 3px;}
#List .caseList .right .l1 .ico{ bottom: -12px; margin-left: -12px; width: 24px; height: 24px;}
#List .caseList .right .l1 .t1{ margin: 18px 0 5px 0; padding: 0 5px; font-size: 14px; line-height: 16px;}
#List .caseList .right .l1 .t2{ margin-bottom: 8px; padding: 0 5px; font-size: 12px; line-height: 18px; height: 36px;}
#List .caseList .right .wack1{ margin-top: 15px;}
#List .caseList .right .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List .caseList .right .fy_pc a{ padding: 5px 25px; background: #004995; color: #fff; border-radius: 16px; overflow: hidden;}
#List .caseList .right .fy_pc span{ padding: 5px 20px; color: #333;}
}
@media screen and  (max-width:767px){
#List .caseList .right .u1{ margin: 7px -1% -3px -1%;}
#List .caseList .right .l1{ width: 48%; margin: 3px 1%;}
#List .caseList .wack1{ margin-top: 15px;}
#List .caseList .fy_pc{ text-align: center; font-size: 14px; color:#333; padding: 5px 0;}
#List .caseList .fy_pc a{ padding: 5px 25px; background: #004995; color: #fff; border-radius: 16px; overflow: hidden;}
#List .caseList .fy_pc span{ padding: 5px 20px; color: #333;}
}



.l-c-news { margin-bottom: 25px;}
.l-c-news ul li { font-size: 14px; line-height: 20px; padding: 12px 0 12px 40px; position: relative; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; border-bottom: 1px solid #e5e5e5;}
.l-c-news ul li::before{ content: ""; position: absolute; top: 50%; margin-top: -2px; left: 25px; width: 4px; height: 4px; border-radius: 50%; background: #333333;}
.l-c-news ul li a{ color: #333;}
.l-c-news ul li:hover a{ color: #104492;}

@media screen and  (max-width:991px){
	.l-c-news { display:none;}
}


/****  about  ****/

.aboutList {}

@media screen and  (max-width:767px){
	.aboutList .col-md-7, .aboutList .col-md-5{ text-align:center;}
}

/****  news  ****/

.newsList ul li { width: 100%; float: left; padding:30px 0 30px 15px; border-bottom: 1px solid #e5e5e5; position: relative;}
.newsList ul li:first-child{ border-top: 1px solid #e5e5e5;}
.newsList ul li .text{ width: 86%; float: left;}
.newsList ul li .text .t1{ margin-bottom: 15px; font-size: 18px; line-height: 24px; color: #333; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.newsList ul li .text .info{ font-size: 14px; line-height: 28px; height:56px; text-align: justify; overflow: hidden; color: #666;}

.newsList ul li .more{ width: 84px; height: 58px; background: url(../images/3125_news11.png) no-repeat center; background-size: cover; position: absolute; top: 50%; margin-top: -29px; right: 0;}
.newsList ul li:hover{ background: #f5f5f5;}
.newsList ul li:hover .text .t1{ color: #104492;}
.newsList ul li:hover .more{ background: url(../images/3125_news11_1.png) no-repeat center; background-color: #104492; background-size: cover;}

@media screen and  (max-width:1399px){
.newsList ul li .text{}
.newsList ul li .text .t1{ margin: 10px 0;}
}
@media screen and  (max-width:1199px){
.newsList ul li .text{}
.newsList ul li .text .info{ height: 56px;}
}
@media screen and  (max-width:991px){ 
.newsList ul li { padding: 10px 0 10px 5px;}
.newsList ul li .text{ margin: 0 1%; width: 50.5%;}
.newsList ul li .more{ width: 44px; height: 36px; margin-top: -18px;}  
}
@media screen and  (max-width:767px){
.newsList ul li .text{ width: 72.5%;}
.newsList ul li .text .t1{ margin: 2px 0; font-size: 14px;}
.newsList ul li .text .info{ font-size: 12px; line-height: 16px; height: 32px;}
}


.messageList .form{ width: 100%;}
.messageList .form .tit{ width: 100%; font-size: 18px; height: 44px; line-height: 44px; text-align: center; background: #104492; color: #fff;}
.messageList .form1{ padding: 18px 30px 50px 30px; background: #fff; width: 100%; overflow: hidden; border: 1px solid #e5e5e5;}
.messageList .form .lab{ margin: 7px 0; width: 46%; float: left; position: relative; padding-left: 80px;}
.messageList .form .lab:nth-child(2n){ float: right;}
.messageList .form .lab1{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px;}
.messageList .form .lab2{ margin: 7px 0; width: 100%; float: left; position: relative; padding-left: 80px; padding-right: 270px;}
.messageList .form .lab3{ margin: 50px 0 0 0; width: 100%; float: left;}
.messageList .form .name{ width: 80px; font-size: 14px; line-height: 44px; text-align: right; position: absolute; left: 0; top: 0; color: #333;}
.messageList .form .fv{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
.messageList .form .fv1{ font-size: 14px; color: #333; width: 100%; height: 140px; line-height: 34px; padding: 10px; border: 0; float: left; background: #f0f0f0;}
.messageList .form .fv2{ font-size: 14px; color: #333; width: 100%; height: 44px; line-height: 34px; padding: 10px; float: left; background: #f0f0f0;}
.messageList .form .hyz{ width: 270px; position: absolute; right: 0; top: 0;}
.messageList .form .hyz .img{ width: 106px; height: 42px; border: 1px solid #f0f0f0; line-height: 0; float: left;}
.messageList .form .hyz .img img{ width: 100%; height: 100%;}
.messageList .form .hyz .ico{ float: left; margin: 15px 10px 15px 25px; width: 14px; height: 14px; cursor: pointer; background: url(/template/theme/CN/3121_casecon4.png) no-repeat center; background-size: cover;}
.messageList .form .hyz .wz{ font-size: 14px; line-height: 44px; float: left; color: #444;}
.messageList .form .hyz .wz:hover{ text-decoration: underline;}
.messageList .form .fv3{ width: 190px; height: 44px; line-height: 44px; font-size: 16px; display: block; margin: 0 auto; color: #fff; background: #104492; color: #fff;}

@media screen and  (max-width:991px){

.messageList .form .tit{ font-size: 16px; height: 34px; line-height: 34px;}
.messageList .form1{ padding: 10px;}
.messageList .form .lab{ margin: 5px 0; width: 48%; padding-left: 60px;}
.messageList .form .lab1{ margin: 5px 0; padding-left: 60px;}
.messageList .form .lab2{ margin: 5px 0; padding-left: 60px; padding-right: 196px;}
.messageList .form .lab3{ margin: 5px 0 0 0;}
.messageList .form .name{ width: 60px; font-size: 12px; line-height: 34px;}
.messageList .form .fv{ height: 34px; line-height: 24px; padding: 10px;}
.messageList .form .fv1{ height: 100px; line-height: 24px; padding: 10px;}
.messageList .form .fv2{ height: 34px; line-height: 24px; padding: 10px;}
.messageList .form .hyz{ width: 196px;}
.messageList .form .hyz .img{ width: 80px; height: 32px;}
.messageList .form .hyz .ico{ margin: 12px 5px; width: 10px; height: 10px;}
.messageList .form .hyz .wz{ font-size: 12px; line-height: 34px;}
.messageList .form .fv3{ width: 190px; height: 34px; line-height: 34px; font-size: 16px;}
}
@media screen and  (max-width:767px){
.messageList .form .lab{ width: 100%;}
.messageList .form .lab2{ padding-right: 100px;}
.messageList .form .hyz{ width: 100px;}
.messageList .form .hyz .wz{ display: none;}
}


.xiazaiList {}
.xiazaiList ul li{ margin: 12px 0; padding: 20px 20px 20px 120px; border: 1px solid #e9e9e9; width: 98%; float: left; position: relative;}
.xiazaiList ul li:hover{ box-shadow: 0 0 10px #e2e2e2;}
.xiazaiList ul li:nth-child(2n){ float: right;}
.xiazaiList ul li .ico{ width: 90px; height: 100%; background: url(../images/3123_word1.png) no-repeat top center; background-size: cover; position: absolute; top: 0; left: 0;}
.xiazaiList ul li:hover .ico{ background: url(../images/3123_word1_1.png) no-repeat top center; background-size: cover;}
.xiazaiList ul li .cen{ margin-top: 8px; width: 26.38%; float: left;}
.xiazaiList ul li .tit{ font-size: 16px; line-height: 18px; width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; color: #333;}
.xiazaiList ul li .date{ margin-top: 10px; padding-left: 18px; font-size: 12px; line-height: 14px; background: url(../images/3123_word2.png) no-repeat left center; color: #888;}
.xiazaiList ul li .line{ width: 1px; height: 65px; margin: 0 6%; float: left; background: #d9d9d9;}
.xiazaiList ul li .info{ margin-top: 8px; width: 58.162%; float: left; font-size: 14px; line-height: 24px; height: 48px; overflow: hidden; color: #555;}

@media screen and  (max-width:991px){
#List4 .wordList .list{ margin: 10px 0;}
.xiazaiList ul li{ margin: 5px 0; width: 100%;}
}
@media screen and  (max-width:767px){
.xiazaiList ul li { padding: 5px 5px 5px 50px;}
.xiazaiList ul li .ico{ width: 45px;}
.xiazaiList ul li .cen{ width: 36.38%; margin-top: 5px;}
.xiazaiList ul li .tit{ font-size: 14px; line-height: 16px;}
.xiazaiList ul li .date{ margin-top: 5px;}
.xiazaiList ul li .line{ height: 45px; margin: 0 3%;}
.xiazaiList ul li .info{ margin-top: 5px; width: 57.162%; font-size: 12px; line-height: 20px; height: 40px;}
}


.d-detailList .tit{ font-size: 24px; line-height: 26px; color: #104492; text-align: center;}
.d-detailList .time{ margin: 10px 0 20px 0; font-size: 14px; line-height: 16px; color: #666; text-align: center;}
.d-detailList .line{ width: 100%; height: 1px; background: #e5e5e5;}
.d-detailList .info{ margin: 25px 0 50px 0; font-size: 14px; line-height: 28px; text-align: justify; color: #333;}

@media screen and  (max-width:767px){
	.d-detailList .tit{ font-size: 18px; padding-top:15px;}
	.d-detailList .time{margin: 10px 0 10px 0;font-size: 12px; }
}

.sx_fy { margin:10px 0; border-top:1px solid #eee;border-bottom:1px solid #eee; padding:8px 0;}
.sx_fy div{ height:40px; line-height:40px;}

.idx-foot { text-align:center; padding:10px 0; background: #333; width:100%;}
.idx-foot p { padding:0 10px; font-size:12px; color:#fff; display:inline;}
.idx-foot p a {color:#fff;}

.page {display: inline-block;}
.page li {float: left;}
.page li a{list-style-type: none;padding: 5px 10px;font-size: 14px;border: 1px #dedede solid;margin:10px 5px; display:block;}
.page .thisclass{color:#fff;padding: 5px 10px;font-size: 14px;border: 1px #004995 solid;margin:10px 5px; background:#004995;}

@media screen and (max-device-width: 320px){body{-webkit-text-size-adjust:none}}
@media screen and (max-device-width: 480px){body{-webkit-text-size-adjust:none}}
@media only screen and (-webkit-min-device-pixel-ratio: 2){body{-webkit-text-size-adjust:none}}
@media only screen and (min-device-width: 768px) and (max-device-width: 1243px){body{-webkit-text-size-adjust:none}}