@charset 'UTF-8';
/* CSS Document */
/*qt：xq*/
*{ padding:0; margin:0;}
html{ overflow-x:auto; overflow-y:auto;}
ul, ol,li{ list-style-type:none; line-height:normal;}
body, button, input, select, textarea{ font-family:'Microsoft yahei' ,Arial; font-size:12px;}
code, kbd, pre, samp {font-family:'Microsoft yahei' ,Arial;}
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;
/*清除IOS系统点击默认事件*/
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;}
a:hover{color:#333; cursor:pointer;}
img{border:0;}
table { border-collapse: collapse; border-spacing: 0; }
h1,h2,h3,h4,h5,h6{margin:0; font-weight:normal; font-family:'Microsoft yahei' ,Arial;}
h1{font-size: 32px;}
h2{font-size: 24px;}
h3{font-size: 22px;}
h4{font-size: 18px;}
h5{font-size: 14px;}
h6{font-size: 12px;}
input,table,tr,td{ margin:0; padding:0; border:none;}
button,table{ border:none; background:none; margin:0; padding:0;}
select{ margin:0; padding:0; font-family:'Microsoft yahei' ,Arial;}
textarea{ resize:none;}
input{ outline:0;}

.pz_top{ float:left; width:100%;}
.pz_banner{ float:left; width:100%; overflow:hidden; position:relative; height:1080px; margin-top:140px;}
.pz_main{ width:100%; overflow:hidden;}
.pz_down{ float:left; width:100%; }







@media  screen and (max-width:1199px){
.pz_banner{ height:767px; margin-top:80px;}
}

@media  screen and (max-width:991px){
.pz_banner{ height:480px;}
}

@media  screen and (max-width:767px){
.pz_banner{ margin-top:50px;}
}

/*pc版头部*/
.top1{ position:absolute; width:100%; height:120px; left:0; top:0; background:#FFF; z-index:1010;}
.top1.active{ position:fixed; top:-30px;}
.top1.active.mt{ background:rgba(255,255,255,0.9);
-webkit-transition: all 0.4s ease-out 0s; 
   -moz-transition: all 0.4s ease-out 0s; 
     -o-transition: all 0.4s ease-out 0s; 
        transition: all 0.4s ease-out 0s;
-webkit-box-shadow: 0 2px 6px #aaa;
   -moz-box-shadow: 0 2px 6px #aaa;
     -o-box-shadow: 0 2px 6px #aaa;
        box-shadow: 0 2px 6px #aaa;}
.top1.active.mt .menu .nli span a{ color:#333; }
.top1.active.mt .menu .nli span a:hover,
.top1.active.mt .menu .nli.on span a{ color:#333;}
.top1.active.mt1{ top:0;}
.top1 .top_top{
	height:30px;
	background-color:#e7b010;
	text-align:center;
	
}
.top1 .top_top .ttc{
	width:1200px;
	margin:0 auto;
	color:#fff;
	line-height:30px;
	font-size:14px;
	text-align:left;
}
.top1 .top_top .ttc a{
	color:#FFF;
}
.top1 .top_top .ttc a:hover{
	text-decoration:underline;
}
.top_top .ttc .ttc_l{
	float:left;
	width:558px;
}
.top_top .ttc .ttc_r{
	float:right;
	width:358px;
	text-align:right;
}
.top_top .ttc .ttc_r span{
	font-size:14px;
}


.top1 .logo{ float:left; height:65px; padding:25px 0 0 0;}
.top1 .logo a,
.top1 .logo a img{ display:block; float:left; height:35px;}

.c_0100_1{ float:right;}

.menu{ float:left; height:90px;}
.menu .nli{ float:left; z-index:15; position:relative; padding:0 25px; height:90px; line-height:90px; font-size:15px;}
.menu .nli span a{ color:#000; }
.menu .nli span a:hover,
.menu .nli.on span a{ color:#21944B;}
.menu .sub{ position:absolute; top:90px; left:0; background:#F7F7F7; display:none; overflow:hidden; border-top:1px solid #e6e6e6; text-align:center; }
.menu .sub .s_c{

	width:1200px;
	overflow:hidden;
	margin:0 auto;
	padding:20px 0;
	text-align:left;
	line-height:30px;
}
.menu .sub .s_c .li5{
	float:left;
	width:200px;

	font-size:22px;

	color:#333;
	margin:15px 0 0 0;

}
.menu .sub .s_c .dianshang{
	font-size:28px;
	text-align:right;
	font-weight:bold;
	color:#333;
	margin:5px 0 15px 0;

}

.menu .sub .s_c a{
	line-height:30px;
	font-size:15px;

	color:#4C4C4C;
	padding:0;
	text-indent:1.5em;


}

.menu .sub .s_c .dianshang a{
	font-size:28px;


}
.menu .sub .s_c .category{
	background:url(images/menu_h5bg.gif) no-repeat left center;
	font-size:15px;
	font-weight:bold;	
	color:#21944B;
	padding:0;

}

.menu .sub .s_c .category a{

	color:#21944B;


}

.menu .sub .s_c a:hover{
	text-decoration:underline;
	color:#21944B;
}
.menu .sub .s_c .a_bg{
	background:url(images/menu_h5bg.gif) no-repeat left center;
	font-size:22px;
	text-indent:1em;
	padding-right:30px;
	height:90px;
	line-height:90px;
	color:#4C4C4C;
	font-weight:bold;
}
.menu .sub .s_c .scl{
	float:left;
	width:950px;
	padding-top:15px;
	height:90px;
}
.menu .sub .s_c .scr{
	float:left;
	border-left:#E5E5E5 1px solid;
	width:378px;
	line-height:22px;
	padding:15px 0 0 50px;
	height:234px;
	color:#071030;
}

.menu .sub .en_s_c{
	height:158px;
	width:1180px;
	margin:0 auto;
	text-align:left;
	line-height:30px;
}
.menu .sub .en_s_c h4{
	float:left;
	width:200px;
	height:158px;
	line-height:158px;
	font-size:22px;
	text-align:center;
	color:#333;
	margin:0;

}

.menu .sub .en_s_c a{
	background:url(images/menu_h5bg.gif) no-repeat left center;
	height:40px;
	line-height:40px;
	font-size:20px;
	display:block;
	color:#4C4C4C;
	font-weight:bold;
	padding:0;
text-indent:1em;


}
.menu .sub .en_s_c a:hover{
	text-decoration:underline;
	color:#333;
}
.menu .sub .en_s_c .a_bg{
	background:url(images/menu_h5bg.gif) no-repeat left center;
	font-size:20px;
	text-indent:1em;
	padding-right:30px;
	height:40px;
	line-height:40px;
	color:#4C4C4C;
	font-weight:bold;
}
.menu .sub .en_s_c .scl{
	float:left;
	width:950px;
	padding:19px 0 0 0;
	
}







.menu .sub .s_c .scr img{

	margin-bottom:5px;
}

.menu .sub .s_c .scr .imgleft{
	float:left;
	width:292px;
	height:252px;
	text-align:center;
	margin-right:40px;
}
.menu .sub .s_c .scr .imgright{
	float:left;
	width:292px;
	height:252px;
	text-align:center;
}
.menu .sub .sub_c{ 
position: relative;
float: left;
width: 1170px;
height:432px;
left: -50%;
margin-left: -585px;
padding: 3px 0 8px 0;
text-align: center;


}


.menu .sub .sub_c.normal{position: relative;
float: left;
width: 1170px;
left: -50%;
margin-left: -585px;
padding: 3px 0 8px 0;
text-align: center;
}
.menu .sub .li0{ position:relative; float:left; width:100%; height:24px; line-height:24px; font-size:14px; margin-top:3px; text-align:center;color:#2F5194; }
.menu .sub .li1{ position:relative; float:left; width:100px; height:24px; line-height:24px; font-size:12px; margin-top:3px; text-align:center;}
.menu .sub .li2{ position:relative; float:left; width:146.25px; height:24px; line-height:24px; font-size:12px; margin-top:3px; text-align:center;}
.menu .sub .li2.gcal{width:60px; padding-left:0;}
.menu .sub .li2 a{ color:#595757;}
.menu .sub .li2:hover a{ color:#333;}

.menu .sub .li2.center{float:none; display:inline-block;}

.searchicon{ float:left; margin:32px 0 0 3px; position:relative;}
.searchicon a{ display:block; float:left; background:url(images/searchicon_1.png) no-repeat center; border:1px solid #333; width:34px; height:34px; overflow:hidden; position:relative;
-webkit-border-radius:100%; 
   -moz-border-radius:100%;
        border-radius:100%;}
.searchicon a:before{content: ""; position:absolute; z-index:-1; top:0; left:0; width:100%; height:100%; background:#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;
-webkit-border-radius:100%; 
   -moz-border-radius:100%;
        border-radius:100%;}
.searchicon a:hover{ background:url(images/searchicon_h.png) no-repeat center;}
.searchicon a:hover:before{
-webkit-transform: scale(0,0);
   -moz-transform: scale(0,0);
    -ms-transform: scale(0,0);
     -o-transform: scale(0,0);
        transform: scale(0,0);}
.searchicon input{ display:none; position:absolute; right:0; top:50px; width:200px; height:40px; background:rgba(255,255,255,0.9); border:1px solid #333; padding:9px; line-height:20px; font-size:14px; color:#595757;}
.searchicon input::-webkit-input-placeholder { color:#595757 !important;}
.searchicon input:-moz-placeholder {  color:#595757 !important;}
.searchicon input::-moz-placeholder {  color:#595757 !important;}
.searchicon input:-ms-input-placeholder { color:#595757 !important; }
.searchicon span{display:none; cursor:pointer; width:32px; height:40px; background:url(images/searchicon_h.png) no-repeat center; position:absolute; right:0; top:50px;  }

@media  screen and (max-width:1600px){
.top1 .logo{ margin:4px 0 0 0;}
.c_0100_1{ margin-right:0;}
}




/*****M端头部*****/
.top2{ position:fixed; left:0; top:0; width:100%; height:80px; background-color:#fff; z-index:1030;}
.top2 .logo{ float:left; width:167px; padding:7.5px 0 0 0; margin:0;}
.top2 .logo a,
.top2 .logo a img{ display:block; float:left; width:100%;}
.top2 .en{
	position: absolute;
	top: 15px;
	right: 88px;
	cursor: pointer;
	width: 50px;
	font-size:16px;
	height: 50px;
	text-align: center;
}

/*手机按钮*/
.menuph{
	position: absolute;
	top: 15px;
	right: 15px;
	cursor: pointer;
	width: 50px;
	height: 50px;
	text-align: center;
}
.menuph .point
{
	display: inline-block;
	width: 22px;
	height: 18px;
	margin-top: 16px;
	position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before
{
	width: 22px;
}
.menuph .navbtn
{
	position: absolute;
	top: 9px;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 1px;
	-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:#21944B;
}
.menuph .navbtn::after,
.menuph .navbtn::before
{
	position: absolute;
	left: 0;
	display: inline-block;
	width: 22px;
	height: 1px;
	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:#21944B;
}
.menuph .navbtn::after
{
	top: -9px;
}
.menuph .navbtn::before
{
	top: 9px;
}
.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;
}
.menuph .point.active .navbtn::before
{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 0px;
}


.xialaph{
	position:fixed;
	overflow-y:scroll;
	top: 80px;
	left: 0;
	width: 100%;
	padding:0 30px;
	display: none;
	z-index: 1049;
	background:#fff;
}
.xialaph .img_d{ display:none;}

.xialaph .ul3{
	display: none;
}
.xialaph h4 a{
	color: #21944B;
	font-size: 13px;
	line-height: 53px;
}
.xialaph h4{
	position: relative;
}
.xialaph li h4::before{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph h5 a{
	color: #21944B;
	font-size: 13px;
	font-family: "微软雅黑";
	line-height: 53px;
}
.xialaph h5{
	position: relative;
}
.xialaph h5::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
	/*opacity: 0.05;*/
}
.xialaph li:last-child h5::after{
	display: none;
}
.xialaph h4 img{
	width: 13px;
	height: 13px;
	float: right;
	margin-top: 20px;
	cursor: pointer;
}
.xialaph h5 img{
	width: 13px;
	height: 13px;
	float: right;
	margin-top: 20px;
	margin-right: 18px;
	cursor: pointer;
}
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{
	display: none;
}
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{
	display: block;
}
.xialaph .ul3{
	padding-top: 12px;
	padding-bottom: 18px;
	padding-left: 15px;
	position: relative;
}
.xialaph .ul3::after{
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 1px;
	background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after{
	display: none;
}
.xialaph .ul3 li a{
	color: #666;
	font-size: 14px;
	line-height: 35px;
	display: block;
}
.xialaph .ul3 li{
	padding-top: 5px;
}
.xialaph .ul3 li:first-child{
	padding-top: 0;
}
.xialaph .phsou{
	position: relative;
	margin-top: 30px;
}
.xialaph .phsou input{
	width: 100%;
	height: 56px;
	background-color: #fff;
	color: #aaa;
	font-size: 14px;
	padding-left: 20px;
	border: 1px solid #e5e5e5;
}
.xialaph .phsou img{
	cursor: pointer;
	width: 21px;
	height: 22px;
	position: absolute;
	top: 17px;
	right: 29px;
}
.xialaph .try{ text-align:center; padding:30px 0 0 0; }
.xialaph .try a{display:inline-block; width:120px; background-color:#80b63b; font-size:16px; color:#fff; line-height:50px;}
.xialaph_1{ float:left; width:100%; text-align:center; margin:50px 0;}
.xialaph_1 a{ display:inline-block; margin:0 70px; width:135px; height:48px; text-align:center; border:2px solid #d2d2d2; line-height:44px; font-size:15px; color:#21944B;}

@media  screen and (max-width:767px){
.top2{ height:50px;}
.top2 .logo{ float:left;height:34px; margin:8.5px 0 0 0;}
.menuph{top:0; right:0;}
.xialaph{top: 50px; padding:0 15px 25px 15px;}
.xialaph_1{ float:left; width:100%; text-align:center; margin:25px 0;}
.xialaph_1 a{ margin:0 15px; width:100px; height:38px; border:1px solid #d2d2d2; line-height:36px; font-size:12px;}
.xialaph h4 a{font-size:12px; line-height:36px;}
.xialaph h4 img{ width:12px; height:12px; float:right; margin-top:11px;}
.xialaph h5{ padding:0 15px;}
.xialaph h5 a{ font-size:12px; line-height:30px;}
}

.phonemeng{
	position:fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .6;
	z-index: 196;
	display: none;
}
.phonemeng.active{
	display: block;
}

/*banner*/
.slide_banner{ margin:0;}
.slide_banner .slick-slide{ width:100%; padding:0; height:auto;}
.slide_banner .slick-slide a{ display:block; outline: none;}
.slide_banner img{ width:100%; outline: none;}
.slide_banner .slick-dots{ bottom:19px; height:11px; overflow:hidden;}
.slide_banner .slick-dots li{ width:11px; height:11px; margin:0 2px; background:#fff; border:1px solid #c2c2c2;
 -webkit-border-radius:50%; 
    -moz-border-radius:50%;
         border-radius:50%;
-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;}
.slide_banner .slick-dots li button{ display:none;}
.slide_banner .slick-dots li.slick-active{ background:#efefef; border:1px solid #fff;}
@media  screen and (max-width:767px){
.slide_banner .slick-prev{ left:15px; width:18px; height:38px; margin-top:-19px; background-size:18px 38px; } 
.slide_banner .slick-prev:hover{background-size:18px 38px;}
.slide_banner .slick-next{ right:15px; width:18px; height:38px; margin-top:-19px; background-size:18px 38px; }  
.slide_banner .slick-next:hover{background-size:18px 38px;}  
.slide_banner .slick-dots{ bottom:15px; height:10px; overflow:hidden;}
.slide_banner .slick-dots li{ width:10px; height:10px; margin:0 4px; }	
}


/*main*/
.block{ position:relative; top:30px; opacity:0; filter:alpha(opacity=00);
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.block.on{ opacity:1; filter:alpha(opacity=100); left:0; top:0;}


/*每个块的头部样式*/

.con-t {padding: 46px 0 22px;text-align: center;}
.con-t .con-t01 {font-size: 36px;line-height: 64px;color: #052a8c;}
.con-t .con-t01 a {color:#2F5194;}
.con-t .con-t02 {width: 100%;background: url("../../jmimages/con-t01.png") repeat-x center 2px; margin:5px 0;}
.con-t .con-t02 .con-t04 {width: 215px;height: 4px;margin: 0 auto;background: #c9381b;}
.con-t .con-t03 {font-size: 18px;line-height: 58px;}


.boxc7 li {float: left;width: 174px;margin: 0 30px;background-position: center top; background-repeat: no-repeat;}
.boxc7 li .li-t {margin-bottom: 18px;}
.boxc7 li:hover .li-t img {animation-name:swing; animation-duration:1s;}
.boxc7 li .li-b {position: relative; padding: 38px 18px 38px;font-size: 15px;color: #414141;background: url("../../jmimages/boxc7-06.png")/*tpa=http://www.msjy100.com/images/boxc7-06.png*/; line-height: 27px;text-align: center;transition: all ease 1s;}
.boxc7 li .li-b i {display: block;position: absolute;right: 0;top: 0; width: 23px;height: 23px;background: #fff;z-index: 2;}
.boxc7 li .li-b:after {display: block;content: "";width: 20px;height: 20px;position: absolute;z-index: 3;right: -2px;top: -3px;background: url("../../jmimages/boxc7-06.png")/*tpa=http://www.msjy100.com/images/boxc7-06.png*/;transition: all ease 1s;}
.boxc7 li .li-b:before {display: block;content: "";width: 8px;height: 8px;position: absolute;z-index: 3;right: -14px;top: 14px;background: url("../../jmimages/boxc7-06.png")/*tpa=http://www.msjy100.com/images/boxc7-06.png*/;transition: all ease 1s;}
.boxc7 li:hover .li-b {animation-name:shake; animation-duration:1s;color: #fff;}
.boxc7 li:nth-child(1):hover .li-b {background: #8d1c79;}
.boxc7 li:nth-child(1):hover .li-b:after {background: #8d1c79;}
.boxc7 li:nth-child(1):hover .li-b:before {background: #8d1c79;}
.boxc7 li:nth-child(2):hover .li-b {background: #ea9c26;}
.boxc7 li:nth-child(2):hover .li-b:after {background: #ea9c26;}
.boxc7 li:nth-child(2):hover .li-b:before {background: #ea9c26;}
.boxc7 li:nth-child(3):hover .li-b {background: #2F5194;}
.boxc7 li:nth-child(3):hover .li-b:after {background: #2F5194;}
.boxc7 li:nth-child(3):hover .li-b:before {background: #2F5194;}
.boxc7 li:nth-child(4):hover .li-b {background: #e54933;}
.boxc7 li:nth-child(4):hover .li-b:after {background: #e54933;}
.boxc7 li:nth-child(4):hover .li-b:before {background: #e54933;}
.boxc7 li:nth-child(5):hover .li-b {background: #00B7A6;}
.boxc7 li:nth-child(5):hover .li-b:after {background: #00B7A6;}
.boxc7 li:nth-child(5):hover .li-b:before {background: #00B7A6;}


.zixun {padding: 44px 0 60px;}
.zixun a {width: 420px;line-height: 54px;display: block;margin: 0 auto;font-size: 20px;color: #fff;background:#2F5194;text-align: center;border-radius: 27px;}





.c_0100_2{ float:left; width:100%; text-align:center; margin-top:58px; padding-bottom:30px;}
.c_0100_2 li{ display:inline-block; *display:inline; *zoom:1; width:12.5%; text-align:center; margin-top:20px;position:relative; top:30px; opacity:0; filter:alpha(opacity=00);
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.c_0100_2 li.on{ opacity:1; filter:alpha(opacity=100); left:0; top:0;}
.c_0100_2 li:nth-child(1){ border:0 none;}
.c_0100_2 li:nth-child(9){ border:0 none;}
.c_0100_2 li a{ display:block; float:left; width:100%;}
.c_0100_2 li a i{ display:block; margin:0 auto; width:72px; border:1px solid #c9caca; padding:3px; background:#f5f5f5;
-webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;}
.c_0100_2 li a i:before {
  pointer-events: none;
  position: absolute;
  z-index: -1;
  content: '';
  top: 95%;
  left: 5%;
  height: 10px;
  width: 90%;
  opacity: 0;
  background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0%, rgba(0, 0, 0, 0) 80%);
  /* W3C */
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform, opacity;
  transition-property: transform, opacity;
}
.c_0100_2 li a i img{ display:block; width:100%;}
.c_0100_2 li a h6{ display:block; width:100%; height:24px; line-height:24px; margin-top:4px; color:#595757;}
.c_0100_2 li a:hover i{
  -webkit-transform: translateY(-5px);
  transform: translateY(-5px);
}
.c_0100_2 li a:hover i:before{
  opacity: 1;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
}



@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}






@media  screen and (max-width:991px){
.c_0100_2{ margin-top:10px;}
.c_0100_2 li{ width:20%;}
.c_0100_2 li:nth-child(6),
.c_0100_2 li:nth-child(11){ border:0 none;}
.c_0100_2 li:nth-child(9){ border-left:1px dashed #dfdfdf;}
}

@media  screen and (max-width:767px){
.c_0100_2{ margin-top:0; padding-bottom:0; float:none; margin:0 -15px; width:auto;}
.c_0100_2 li{ width:33.333333%; margin-top:0; padding:15px 0 5px 0; border-bottom:1px solid #dfdfdf !important; border-left:1px solid #dfdfdf !important;}
.c_0100_2 li:nth-child(3),
.c_0100_2 li:nth-child(6),
.c_0100_2 li:nth-child(9),
.c_0100_2 li:nth-child(12),
.c_0100_2 li:nth-child(15){ border-right:0 none !important;}
.c_0100_2 li:nth-child(1),
.c_0100_2 li:nth-child(4),
.c_0100_2 li:nth-child(7),
.c_0100_2 li:nth-child(10),
.c_0100_2 li:nth-child(13){ border-left:0 none !important;}
.c_0100_2 li:nth-child(13),
.c_0100_2 li:nth-child(14),
.c_0100_2 li:nth-child(15){ border-bottom:0 none !important;}
.c_0100_2 li:nth-child(16){ position:relative;}
.c_0100_2 li:nth-child(16)::before{border-left:1px solid #dfdfdf; content: ''; position:absolute; right:-1px; top:0; width:1px; height:100%;}
.c_0100_2 li:nth-child(16)::after{border-top:1px solid #dfdfdf; content: ''; position:absolute; left:0; top:-1px; width:100%; height:1px;}
}

.c_0100_3{ float:left; width:100%; margin-top:45px;}
.c_0100_3 ul{ margin:0 -15px;}
.c_0100_3 ul li{ float:left; width:50%; padding:0 15px;}
.c_0100_3 ul li a{ position:relative; float:left; width:100%; overflow:hidden;
-webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
.c_0100_3 ul li a:hover{ opacity:0.8; filter:alpha(opacity=80);}
.c_0100_3 ul li a .video_tp{display:block; position:absolute; left:0; top:0; height:100%; width:100%; -webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
.c_0100_3 ul li a video{ display:block; position:absolute; left:0; top:0; height:100%; width:100%;
-webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
@media  screen and (max-width:1199px){
.c_0100_3{ margin-top:30px;}
}

@media  screen and (max-width:991px){
.c_0100_3{ margin-top:0;}
}

@media  screen and (max-width:767px){
.c_0100_3{ margin-top:-2px;}
.c_0100_3 ul li{ float:left; width:100%; padding:0; margin-top:2px;}
.c_0100_3 ul li a{
-webkit-border-radius:0; 
   -moz-border-radius:0;
        border-radius:0;
}
.c_0100_3 ul li a .video_tp{display:none;}
.c_0100_3 ul li a video{ display:none !important; width:0 !important; height:0 !important;}
.c_0100_3 ul li a img{ display:block; float:left; width:100%;}
}

.c_0100_4{ float:left; width:100%; padding-top:58px; padding-bottom:138px;}
.c_0100_4 ul{ margin:0 -15px;}
.c_0100_4 ul li{ float:left; width:33.333333%; padding:0 15px; margin-top:30px;}
.c_0100_4 ul li a{ display:block; float:left; width:100%; background:#fff; overflow:hidden;
-webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
.c_0100_4 ul li a i{ display:block; float:left; width:100%; position:relative; overflow:hidden;}
.c_0100_4 ul li a i img{ display:block; float:left; width:100%;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.c_0100_4 ul li a i video{  display:block; position:absolute; left:0; top:0; height:100%; width:100%;
-webkit-border-top-left-radius:6px; 
   -moz-border-top-left-radius:6px;
        border-top-left-radius:6px;
-webkit-border-top-right-radius:6px; 
   -moz-border-top-right-radius:6px;
        border-top-right-radius:6px;}
.c_0100_4 ul li a span{ display:block; float:left; width:100%; padding:0 18px 15px 18px;}
.c_0100_4 ul li a span h5{ display:block; float:left; width:100%; margin-top:10px; height:20px; line-height:20px; color:#2F5194; font-size:12px;white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.c_0100_4 ul li a span font{ display:block; float:left; width:100%; font-size:12px; height:20px; margin-top:1px; line-height:20px; color:#9fa0a0; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.c_0100_4 ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		transform: scale(1.09,1.09);}
.d_0100_4{ float:left; width:100%; height:1px; background:#c1c1c1; margin-top:88px;}
.d_0100_4 button{ display:block; float:left; position:relative; left:50%; margin-left:-45px; width:90px; background:#f5f5f5; margin-top:-21px; text-align:center; outline:none; cursor:pointer;}
.d_0100_4 button i{ display:block; float:left; width:27px; height:27px; position:relative; left:50%; margin-left:-13.5px; background:url(images/img_4_10.png) no-repeat center;}
.d_0100_4 button font{ display:block; float:left; width:100%; font-size:15px; color:#666464; height:20px; line-height:20px; margin-top:2px;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.d_0100_4 button:hover font{ color:#2F5194;}
.d_0100_4 button.on i{ background:url(images/img_4_10_h.png) no-repeat center;}
@media  screen and (max-width:1199px){
.c_0100_4{ padding-bottom:90px;}
.d_0100_4{ margin-top:30px;}
}

@media  screen and (max-width:767px){
.c_0100_4{ padding-bottom:30px;}
.c_0100_4 ul{ margin:0 -16px;}
.c_0100_4 ul li{ float:left; width:50%; padding:0 1px; margin-top:2px;}
.c_0100_4 ul li a{
-webkit-border-radius:0; 
   -moz-border-radius:0;
        border-radius:0;}
.c_0100_4 ul li a i video{ display:none;}
.c_0100_4 ul li a span{ padding:0 15px;}
.c_0100_4 ul li a span h5{ float:left; width:100%; text-align:center; height:30px; line-height:30px; margin-top:0;}
.c_0100_4 ul li a span font{ display:none;}
.d_0100_4{ margin-top:20px; height:auto; background:none;}
.d_0100_4 button{margin-left:-55px; width:110px; height:36px; background:none; margin-top:0; border:1px solid #c1c1c1;}
.d_0100_4 button i{ display:none;}
.d_0100_4 button font{ display:block; float:left; width:100%; font-size:12px; color:#2F5194; height:34px; line-height:34px; margin-top:0;}
}


/* down */
.c_0100_5{ float:left; width:100%;}
.t_0100_5{ float:left; width:100%; padding:94px 0 91px 0; overflow:hidden; display:none;}
.t_0100_5 h1{ display:block; float:left; width:100%; text-align:center; font-size:32px; color:#2F5194; height:40px; line-height:40px;}
.t_0100_5 ul{ float:left; width:1212px; margin-top:62px; margin-left:-21px;}
.t_0100_5 ul li{ float:left; width:25%; padding-left:63px; height:65px;}
.t_0100_5 ul li i{ display:block; float:left; width:65px;}
.t_0100_5 ul li i img{ display:block; float:left; width:100%;}
.t_0100_5 ul li span{ display:block; float:left; margin-left:12px;}
.t_0100_5 ul li span h3{ display:block; height:30px; line-height:30px; font-size:20px; color:#221815; margin-top:5px;}
.t_0100_5 ul li span a{ display:block; height:17px; line-height:17px; margin-left:7px; font-size:13px; color:#2F5194;}
.t_0100_5 ul li span a:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:1199px){
.t_0100_5{ padding:90px 0;}
.t_0100_5 ul{ float:left; width:100%; margin-top:60px; margin-left:0;}
.t_0100_5 ul li{ float:left; width:25%; padding-left:30px; height:65px;}
.t_0100_5 ul li i{ display:block; float:left; width:65px;}
.t_0100_5 ul li i img{ display:block; float:left; width:100%;}
.t_0100_5 ul li span{ display:block; float:left; margin-left:12px;}
.t_0100_5 ul li span h3{ display:block; height:30px; line-height:30px; font-size:20px; color:#221815; margin-top:5px;}
.t_0100_5 ul li span a{ display:block; height:17px; line-height:17px; margin-left:7px; font-size:13px; color:#2F5194;}
.t_0100_5 ul li span a:hover{ opacity:0.8; filter:alpha(opacity=80);}
}

@media  screen and (max-width:991px){
.t_0100_5{ padding:60px 0;}
.t_0100_5 ul{ margin-top:30px;}
.t_0100_5 ul li{ padding-left:10px;}
.t_0100_5 ul li span{ margin-left:6px;}
.t_0100_5 ul li span h3{ font-size:18px;}
.t_0100_5 ul li span a{ font-size:12px;}
}

.l_0100_5{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:67px 0 25px 0;}
.l_0100_5 ul{ float:left; }
.l_0100_5 ul li{ float:left; width:100%; padding-left:60px; height:25px; line-height:25px; font-size:12px;}
.l_0100_5 ul li a{ color:#2F5194;}
.l_0100_5 ul li a:hover{ color:#595757;}
.l_0100_5 ul li.li_5_1{ height:20px; line-height:20px; font-size:14px; margin-bottom:18px;}

@media  screen and (max-width:1199px){
.l_0100_5{ padding:60px 0 20px 0;}
.l_0100_5 ul li{ padding-left:40px;}
}

@media  screen and (max-width:991px){
.l_0100_5 ul li{ padding-left:20px;}
}

@media  screen and (max-width:767px){
.r_0100_5{ float:left; width:100%; text-align:center; padding:30px 0;}
.r_0100_5 h4{ display:block; float:left; width:100%; font-size:18px; line-height:22px; color:#595757; font-weight:bold;}
.r_0100_5 span{ display:block; float:left; width:100%; margin-top:15px;} 
.r_0100_5 span a{ display:block; margin:0 auto; width:160px; height:36px; text-align:center; border:1px solid #2F5194; line-height:34px; font-size:14px; color:#2F5194; font-family:"Arial";
-webkit-border-radius:5px; 
   -moz-border-radius:5px;
        border-radius:5px;}
.r_0100_5 span a i{ display:inline-block; *display:inline; *zoom:1; background:url(images/img_5_5.png) no-repeat center; background-size:100% auto; height:34px; width:18px; margin-right:10px; vertical-align:top;}
}

.bg_6{ background:#f5f5f5;}
.c_0100_6{ float:left; width:100%; padding:56px 0 86px 0;}
.t_0100_6{ float:right; height:44px;}
.t_0100_6 .t_6_1{ float:left;}
.t_0100_6 .t_6_1 h5{ display:block; height:22px; line-height:22px; font-size:15px; color:#000;}
.t_0100_6 .t_6_1 h4{ display:block; height:20px; line-height:20px; font-size:18px; color:#2F5194;}
.t_0100_6 .t_6_2{ float:left;}
.t_0100_6 .t_6_2 a{ display:block; float:left; margin-left:15px; width:44px; position:relative;}
.t_0100_6 .t_6_2 a .img_6_1{ display:block; float:left; width:100%; opacity:1; filter:alpha(opacity=100);
-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;}
.t_0100_6 .t_6_2 a .img_6_2{ display:block; float:left; width:100%; position:absolute; left:0; top:0; z-index:9; opacity:0; filter:alpha(opacity=00);
-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;}
.t_0100_6 .t_6_2 a .ewm{ position:absolute; left:50%; margin-left:-40px; width:80px; bottom:50px; overflow:hidden; height:0;
-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;}
.t_0100_6 .t_6_2 a .ewm img{ display:block; float:left; width:100%;}
.t_0100_6 .t_6_2 a:hover .img_6_2{ opacity:1; filter:alpha(opacity=100);}
.t_0100_6 .t_6_2 a:hover .ewm{ height:198px;}
.d_0100_6{ float:left; width:100%;}
.d_0100_6 .d_6_1{ font-size:12px; line-height:24px; color:#000; position:relative; margin-top:15px; text-align:center;}
.d_0100_6 .d_6_1 span{position:absolute; left:0; top:0;}
.d_0100_6 .d_6_1 a{ display:inline-block; *display:inline; *zoom:1; vertical-align:top; margin-right:8px; color:#2F5194;}
.d_0100_6 .d_6_1 a:hover{ color:#000;}
.d_0100_6 .d_6_2{ font-size:12px; line-height:20px; color:#000; margin-top:10px; text-align:center;}
.d_0100_6 .d_6_2 a{ color:#2F5194; }
.d_0100_6 .d_6_2 a:hover{ color:#000;}

@media  screen and (max-width:767px){
.c_0100_6{ padding:30px 0}
.t_0100_6{ float:left; width:100%; height:auto;}
.t_0100_6 .t_6_2{ float:left; width:100%; text-align:center;}
.t_0100_6 .t_6_2 a{ display:inline-block; *display:inline; *zoom:1; float:none; margin:0 5px; width:32px;}
.t_0100_6 .t_6_2 a .ewm{ bottom:40px;}
.t_0100_6 .t_6_3{ float:left; width:100%; text-align:center;}
.t_0100_6 .t_6_3 ul{ display:inline-block; *display:inline; *zoom:1;}
.t_0100_6 .t_6_3 ul li{ float:left; padding:0 20px; border-left:2px solid #2F5194; height:10px; margin-top:15px;}
.t_0100_6 .t_6_3 ul li:nth-child(1){ border-left:0 none;}
.t_0100_6 .t_6_3 ul li a{ display:block; float:left; height:14px; line-height:14px; margin-top:-2px; font-size:12px; color:#2F5194; font-weight:bold;}
.d_0100_6{ width:100%; text-align:center; margin-top:11px;}
}


/*手机版底部菜单*/
.pf_d{ float:left; width:100%; height:50px;}
.pf_down{ width:100%; float:left; position:fixed; left:0; bottom:0; background:#fff; border-top:solid 1px #ddd; height:50px; z-index:99;}
.pf_down li{ width:33.3333%; float:left; text-align:center; padding:5px 0 0 0;}
.pf_down li .ico7{ width:100%; float:left; height:20px;}
.pf_down li .name{ width:100%; float:left; font-size:14px; color:#666; line-height:20px; font-family:"Arial";}
.pf_down li.l1 .ico7{ background:url(images/btn15.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l2 .ico7{ background:url(images/btn16.png) no-repeat center; background-size:20px 20px;}
.pf_down li.l3 .ico7{ background:url(images/btn17.png) no-repeat center; background-size:20px 20px;}
.pf_down li:hover .name,
.pf_down li.on .name{ color:#e60013;}
.pf_down .l1:hover .ico7,
.pf_down .l1.on .ico7{ background:url(images/btn15_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l2:hover .ico7,
.pf_down .l2.on .ico7{ background:url(images/btn16_1.png) no-repeat center; background-size:20px 20px;}
.pf_down .l3:hover .ico7,
.pf_down .l3.on .ico7{ background:url(images/btn17_1.png) no-repeat center; background-size:20px 20px;}


/*返回顶部*/
.returntop{ position:fixed; width:50px; height:50px; z-index:600; right:20px; bottom:50px; cursor:pointer;}
@media  screen and (max-width:991px){
/*返回顶部*/
.returntop{ width:30px;}	
}


/* 面包屑 */
.c_0100_dmbx{ float:left; width:100%; border-top:1px solid #e5e5e5; height:50px; line-height:50px; color:#595757; font-size:14px;}
.c_0100_dmbx a{ color:#595757; margin:0 15px;}
.c_0100_dmbx a:hover,
.c_0100_dmbx a.hover{ color:#333;}
.c_0100_dmbx.tmbx{ border-top:0 none;border-bottom:1px #EEE solid;}

@media  screen and (max-width:767px){
.c_0100_dmbx a{ margin:0 5px;}
}


/*侧导航*/
.c_0100_SideLayer{ margin:0 -15px;}
.c_0100_SideLayer .pz_SideLayer{ float:left; width:100%; text-align:center; position:relative;}
.c_0100_SideLayer .pz_SideLayer i{ display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#dcdddd;}
.c_0100_SideLayer .pz_SideLayer .l1{ float:left; width:25%; border-bottom:1px solid #dcdddd; border-right:1px solid #dcdddd; height:72px; line-height:72px; font-size:18px; font-weight:bold;}
.c_0100_SideLayer .pz_SideLayer .l1:nth-child(4),
.c_0100_SideLayer .pz_SideLayer .l1:nth-child(8){ border-right:0 none;}
.c_0100_SideLayer .pz_SideLayer .l1 a{ color:#000;}
.c_0100_SideLayer .pz_SideLayer .l1 a:hover,
.c_0100_SideLayer .pz_SideLayer .l1.hover a{ color:#2F5194;}
@media  screen and (max-width:767px){
.c_0100_SideLayer .pz_SideLayer .l1{ height:48px; line-height:48px; font-size:12px;}
}

.c_44_15{ position:fixed; left:50%; margin-left:615px; top:30%; z-index:999; width:44px;}
.c_44_15 .pz_SideLayer{ float:left; text-align:center; position:relative; width:44px;}
.c_44_15 .pz_SideLayer .l1{ display:block; float:left; width:100%; margin:6px 0; outline:none;
                               height:44px; text-align:center; line-height:14px; font-size:12px; padding:7px 5px 0 5px; border:1px solid #b5b5b6; color:#595757; outline:none;
-webkit-border-radius:5px; 
 -khtml-border-radius:5px;
   -moz-border-radius:5px;
        border-radius:5px;
}
.c_44_15 .pz_SideLayer .l1 a{ display:block; width:98%; margin:0 auto; height:28px; overflow:hidden; color:#595757; text-align:center; word-break:break-all }
.c_44_15 .pz_SideLayer .l1 a span{ display:table; width:100%; height:100%;  }
.c_44_15 .pz_SideLayer .l1 a span font{ display:table-cell; vertical-align:middle;}
.c_44_15 .pz_SideLayer .l2{padding:7px 0 0 0 ; }
.c_44_15 .pz_SideLayer .l1.hover,
.c_44_15 .pz_SideLayer .l1:hover{ color:#fff; background:#2F5194; border:1px solid #2F5194; }
.c_44_15 .pz_SideLayer .l1:hover a,
.c_44_15 .pz_SideLayer .l1.hover a{color:#fff;}
.c_44_15 .pz_SideLayer .slick-prev{ left:0; top:-44px; background:url(images/prev_cdh.png) no-repeat center; width:44px; height:44px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);}
.c_44_15 .pz_SideLayer .slick-next{ left:0; top:100%; background:url(images/next_cdh.png) no-repeat center; width:44px; height:44px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);}
.c_44_15 .c_15_1{ float:left; width:100%; margin-top:50px;}
.c_44_15 .pz_SideLayer .slick-prev.slick-disabled,
.c_44_15 .pz_SideLayer .slick-next.slick-disabled{ display:none !important;}
@media  screen and (max-width:1199px){
.c_44_15{ display:none;}
}


/* 分页 */
.pz_fy{width:100%; float:left; padding:8px 0px; text-align:center; color:#e4e4e4; font-size:18px;}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a { border:#e5e5e5 1px solid; padding:8px 13px; color:#555; text-decoration:none; margin:0 5px; font-size:12px; vertical-align:middle;
-webkit-border-radius:3px; 
 -khtml-border-radius:3px;
   -moz-border-radius:3px;
        border-radius:3px;
}
.pz_fy font{ font-size:12px; color:#555; margin-left:5px; vertical-align:middle;}
.pz_fy a:hover,.pz_fy a.on{color: #fff; border: #2F5194 1px solid; background-color:#2F5194; text-decoration:none;}/*鼠标经过和默认当前页样式*/

@media  screen and (max-width:991px){
.fy_phone{  float:left; text-align:center; font-size:14px; color:#333;}
.fy_phone a{ padding:5px 10%; color:#333; border:solid 1px #133f97;}
.fy_phone span{ padding:5px 5%; color:#333;}
}

.pcny_banner{ float:left; width:100%; overflow:hidden; position:relative; height:300px; margin-top:105px;
background:url(images/ny_banner.jpg) center center no-repeat;}
/* 03网站 */

.ny_con_left{
	float:left;
	width:234px;
	min-height:588px;
	padding:20px 0 58px 0;
	text-align:center;
}
.ny_con_left .list_t{
	height:52px;
	line-height:52px;
	background-color:#071030;
	color:#FFF;
	font-weight:normal;
	font-size:20px;
	padding:0;
	margin:0;
}
.ny_con_left ul{

	
	}
.ny_con_left ul li{
	height:50px;
	line-height:50px;
	border-bottom:#EEE solid 1px;
	background-color:#F6F6F6;
}
.ny_con_left ul li a{
	font-size:14px;
	display:block;
	width:100%;
	height:50px;
}
.ny_con_left ul li a:hover{
	background-color:#4D6BB6;
	color:#FFF;
}





.ny_con_right{
	float:right;
	width:880px;
	overflow:hidden;
	padding-top:20px;
	
}
.ny_con_right table{
	border:#666 solid 1px;
	border-collapse:collapse;
	text-align:center;
	
}
.ny_con_right table td{
	border:#666 solid 1px;
	border-collapse:collapse;
	text-align:center;
	padding:0 10px;
}

@media  screen and (max-width:767px){
.ny_con_left{
	display:none;
	
}
.ny_con_right{

	width:100%;
	overflow:hidden;
	padding-top:20px;
	
}
}



.c_0100_7{ float:left; width:100%; padding-bottom:78px; border-top:1px solid #e6e6e6;}
.t_0100_7{ float:left; width:100%; margin-top:40px;text-align:center;}
.t_0100_7 h2{ display:block; float:left; width:100%; font-size:28px; line-height:52px; height:52px; color:#111111;}
.d_0100_7{ float:left; width:100%;}
.d_0100_7 ul{ margin:0 -15px; display:flex; flex-wrap: wrap; align-items: flex-start;}
.d_0100_7 ul li{ float:left; width:33.3%; padding:0 15px; margin-top:30px;}
.d_0100_7 ul li a{ display:block; float:left; width:100%; border:1px solid #ececec; overflow:hidden;
-webkit-border-radius:6px; 
 -khtml-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;}
.d_0100_7 ul li a i{ display:block; width:100%; overflow:hidden; text-align:center;}
.d_0100_7 ul li a i img{ height:198px;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.d_0100_7 ul li a span{ display:block; float:left; width:100%; text-align:center; height:50px; line-height:50px; color:#111; font-size:15px;}
.d_0100_7 ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}

@media  screen and (max-width:991px){
.d_0100_7 ul li{ width:50%;}
}

@media  screen and (max-width:767px){
.c_0100_7{ padding-bottom:30px;}
.t_0100_7{ margin-top:30px;}
.t_0100_7 h2{ font-size:18px; line-height:36px; height:36px; text-align:center;}
.d_0100_7{ margin-top:13px;}
.d_0100_7 ul{ margin:0 -15px;}
.d_0100_7 ul li{ width:50%; padding:0 1px; margin-top:2px;}
.d_0100_7 ul li a{
-webkit-border-radius:0; 
 -khtml-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;}
.d_0100_7 ul li a h4{ font-size:14px; line-height:34px; height:34px;}
}


/* 03网站简介2 */
.c_0100_8{ float:left; width:100%; padding:10px 0 100px 0;}
.t_0100_8{ float:left; width:100%;}
.t_0100_8 .t_8_1,
.t_0100_8 .t_8_1 img{ display:block; float:left; width:100%;}
.t_0100_8 .t_8_2{ float:left; width:100%; margin-top:65px; height:58px; line-height:58px; font-size:33px; color:#2F5194; text-align:center;}
.t_0100_8 .t_8_3{ float:left; width:100%; margin-top:18px; font-size:17px; color:#221815;}

@media  screen and (max-width:991px){
.c_0100_8{ float:left; width:100%; padding:10px 0 0 0;}
.d_0100_8{ float:left; width:100%;}
.d_0100_8 .d_8_1{ float:left; width:100%; text-align:center; margin-top:20px; font-size:36px; line-height:72px; height:72px; color:#2F5194;}
.d_0100_8 .d_8_2{ float:left; width:100%; margin-top:30px; font-size:12px; line-height:24px; color:#221815;}
}

@media  screen and (max-width:767px){
.d_0100_8 .d_8_1{ margin-top:10px; font-size:18px; line-height:36px; height:36px;}
.d_0100_8 .d_8_2{ margin-top:15px;}
}


/* 04网站新闻1 */
/********************latest_activity*************************/
.news_cont{
	width:100%;
	clear:both;
	float:left;
	margin:60px 0 0 0;
}
.latest_activity{
	width:1200px;
	padding:0;
	margin:0 auto;
}
.latest_activity li{	
	list-style:none;
	height:160px;
	width:100%;
	padding:0;
	margin:10px 0;
	float:left;
	background-color:#F7F7F7;

}
.latest_activity li:hover{
	background-color:#dddddd;
}
.latest_activity .left-img{
	width:200px;
	float:left;
	padding:15px;
}
.latest_activity .left-img img{
	width:200px;
	height:130px;
}
.latest_activity .right-text{
	width:940px;
	padding:5px 10px 0 20px;
	margin:0;
	float:left;
}
.latest_activity .right-text .news-title{
	font-size:18px;
	color:#717171;
	float:left;
	width:750px;
	height:22px;
	line-height:22px;
	padding:12px 0 8px 0;

}
.latest_activity .right-text .news-text{
	font-size:14px;
	margin:0;
	padding:25px 0 10px 0;
	float:left;
	width:100%;
	clear:both;
	overflow:hidden;
}
.latest_activity .time{
	color:#999999;
	font-size:18px;
	float:left;
	width:160px;
	height:22px;
	text-align:right;
	line-height:22px;
	padding:12px 0 8px 0;
}

.latest_activity .more{
	height:30px;
	line-height:30px;

}
.latest_activity .more a{
	display:block;
	width:86px;
	height:30px;
	line-height:30px;
	float:right;
	text-align:center;
	color:#FFFFFF;
	background-color:#333;
	border-radius:20px;
}










.c_0100_9{ float:left; width:100%; padding-bottom:80px;}
.l_0100_9{ float:left; width:1120px;}
.l_0100_9 .l_9_1{ float:left; width:100%; height:54px; line-height:54px; font-size:28px; color:#2F5194;}
.l_0100_9 .l_9_2{ float:left; width:100%; margin-top:20px;}
.l_0100_9 .l_9_2 ul{ margin:0 -12.5px; margin-top:-38px; display:flex; flex-wrap: wrap; align-items: flex-start;}
.l_0100_9 .l_9_2 ul li{ float:left; width:25%; padding:0 12.5px; margin-top:38px;}
.l_0100_9 .l_9_2 ul li a{ display:block; float:left; width:100%; border:1px solid #dcdddd;}
.l_0100_9 .l_9_2 ul li a i{ display:block; float:left; width:100%; overflow:hidden; padding-bottom:70.7%; position:relative;}
.l_0100_9 .l_9_2 ul li a i img{ display:block; float:left; width:100%; position:absolute; left:0; top:18px;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.l_0100_9 .l_9_2 ul li a span{ display:block; float:left; width:100%; padding:10px 10px 15px; text-align:center;}
.l_0100_9 .l_9_2 ul li a span font{display:inline-block; *display:inline; *zoom:1; max-width:100%; text-align:left;}
.l_0100_9 .l_9_2 ul li a span font h4{ display:block; max-width:100%; height:20px; line-height:20px; font-size:16px; color:#2F5194; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.l_0100_9 .l_9_2 ul li a span font h5{ display:block; max-width:100%; height:18px; line-height:18px; font-size:14px; color:#595757; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.l_0100_9 .l_9_2 ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}
.l_0100_9 .l_9_3{ float:left; width:100%; margin-top:103px;}
.r_0100_9{ float:right; width:386px;}
.r_0100_9 .r_9_1{ float:left; width:100%; height:54px; line-height:54px; font-size:28px; color:#2F5194;}
.r_0100_9 .r_9_2{ float:left; width:100%; margin-top:20px;}
.r_0100_9 .r_9_2 ul{ float:left; margin-top:-38px;  overflow:hidden; width:100%;}
.r_0100_9 .r_9_2 ul li{ float:left; width:100%; margin-top:38px;}
.r_0100_9 .r_9_2 ul li a{ display:block; float:left; width:100%; border:1px solid #dcdddd;}
.r_0100_9 .r_9_2 ul li a i{ display:block; float:left; width:100%; overflow:hidden; padding-bottom:59.6%; position:relative;}
.r_0100_9 .r_9_2 ul li a i img{ display:block; float:left; width:100%; position:absolute; left:0; top:0;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.r_0100_9 .r_9_2 ul li a span{ display:block; float:left; width:100%; padding:28px 10px 30px; text-align:center;}
.r_0100_9 .r_9_2 ul li a span font{display:inline-block; *display:inline; *zoom:1; max-width:100%; text-align:left;}
.r_0100_9 .r_9_2 ul li a span font h4{ display:block; max-width:100%; height:20px; line-height:20px; font-size:16px; color:#2F5194; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.r_0100_9 .r_9_2 ul li a span font h5{ display:block; max-width:100%; height:18px; line-height:18px; font-size:17px; color:#595757; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.r_0100_9 .r_9_2 ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}
.r_0100_9 .r_9_3{ float:left; width:100%; margin-top:103px; height:41px; line-height:41px; font-size:13px; padding-left:6px;}
/*.r_0100_9 .r_9_3 a{ color:#999;}
.r_0100_9 .r_9_3 a font{ color:#2F5194;}*/

@media  screen and (max-width:1199px){
.l_0100_9{ width:619px;}
.r_0100_9{ width:317px;}
.l_0100_9 .l_9_2 ul li{ padding:0 10px;}
}

@media  screen and (max-width:991px){
.c_0100_9{ padding-bottom:0;}
.l_0100_9{ width:100%;}
.l_0100_9 .l_9_1{ display:none;}
.l_0100_9 .l_9_2{ width:100%; padding-right:0; border-right:0 none; margin-top:10px;}
.l_0100_9 .l_9_2 ul{ margin-top:0;}
.l_0100_9 .l_9_2 ul li{ margin-top:20px;}
.l_0100_9 .l_9_3{ margin-top:50px;}
}

@media  screen and (max-width:767px){
.l_0100_9 .l_9_2 ul{ float:none; width:auto; margin:0 -15px;}
.l_0100_9 .l_9_2 ul li{ margin-top:0; width:100%; padding:15px 20px; border-bottom:1px solid #dcdddd;}
.l_0100_9 .l_9_2 ul li a{ border:0 none; position:relative;}
.l_0100_9 .l_9_2 ul li a i{ float:left; width:38%; padding-bottom:38%;}
.l_0100_9 .l_9_2 ul li a span{ float:right; right:0; width:58%; padding:0; position:absolute; top:50%; margin-top:-18px;}
.l_0100_9 .l_9_3{ margin-top:30px;}
.l_0100_9 .l_9_3 span{ display:block; float:left; width:100%; text-align:center;}
.l_0100_9 .l_9_3 span a{ display:block; margin:0 auto; width:100px; height:40px; border:1px solid #ecf0eb; line-height:38px; font-size:12px; color:#2F5194;}
}


/* 04网站新闻2 */
.c_0100_10{ float:left; width:100%;}
.t_0100_10{ float:left; width:100%; padding:30px 0 49px 0; border-bottom:1px solid #e5e5e5;}
.t_0100_10 .t_10_1{ float:left; width:100%; text-align:center;}
.t_0100_10 .t_10_1 h1{ display:block; float:left; width:100%; font-size:38px; color:#111111; line-height:60px;}
.t_0100_10 .t_10_2{ float:left; width:100%; font-size:14px; color:#221815; line-height:34px; margin-top:20px;}
.t_0100_10 .t_10_2 p{
	margin:15px 0;
	width:100%;
	clear:both;
}
.t_0100_10 .t_10_2 .p_2img{
	text-align:center;
}
.t_0100_10 .t_10_2 .p_2img img{
	margin-bottom:12px;
}
.t_0100_10 .t_10_3{ float:left; width:100%; margin-top:88px; padding-bottom:7px; border-bottom:1px dashed #ddd;}
.bdsharebuttonbox{ display:block; float:left; width:100%; padding:0 !important; border:0 !important; margin:0 !important;}
.bdsharebuttonbox a{ display:block !important; margin:0 4px !important; padding:0 !important; border:0 !important; width:30px !important; height:30px !important;}
.bdsharebuttonbox a.bds_sqq{ background:url(images/img_10_2.png) no-repeat center !important;}
.bdsharebuttonbox a.bds_qzone{ background:url(images/img_10_3.png) no-repeat center !important;}
.bdsharebuttonbox a.bds_weixin{ background:url(images/img_10_4.png) no-repeat center !important;}
.bdsharebuttonbox a.bds_tsina{ background:url(images/img_10_6.png) no-repeat center !important;}
.bdsharebuttonbox a.bds_bdhome{ background:url(images/img_10_7.png) no-repeat center !important;}
#bdshare_weixin_qrcode_dialog_bg{
-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;  
        box-sizing: content-box;}
#bdshare_weixin_qrcode_dialog{
-webkit-box-sizing: content-box;
   -moz-box-sizing: content-box;  
        box-sizing: content-box;}
.t_0100_10 .t_10_4{ display:block; float:left; width:100%; margin-top:14px;}
.t_0100_10 .t_10_4 span{ display:block; float:left; width:100%; font-size:13px; height:26px; line-height:26px; color:#3c3c3c;}
.t_0100_10 .t_10_4 span a{ color:#2F5194;}
.d_0100_10{ float:left; width:100%; margin-top:50px;}
.d_0100_10 h2{ display:block; float:left; width:100%; font-size:18px; height:36px; line-height:36px; color:#3c3c3c;}
.d_0100_10 ul{ margin:0 -15px;}
.d_0100_10 ul li{ float:left; width:50%; padding:0 15px;}
.d_0100_10 ul li a{ display:block; float:left; width:100%; height:51px; line-height:50px; border-bottom:1px dashed #ddd; font-size:15px; color:#727171; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.d_0100_10 ul li a:hover{ color:#2F5194;}

@media  screen and (max-width:991px){
.t_0100_10 .t_10_2{ margin-top:30px;}
}

@media  screen and (max-width:767px){
.t_0100_10{ padding:30px 0 0 0; border-bottom:0 none;}
.t_0100_10 .t_10_1 h1{ font-size:18px; line-height:30px;}
.t_0100_10 .t_10_2{ font-size:12px; line-height:24px; margin-top:15px;}
.t_0100_10 .t_10_2 img{height:auto !important;}
}



.c_0100_11{ float:left; width:100%; padding:69px 0 29px 0;}
.t_0100_11{ float:left; width:82%; text-align:center;}
.t_0100_11 h1{ display:block; float:left; width:100%; font-size:35px; color:#2F5194; height:40px; line-height:40px; font-weight:bold;}
.t_0100_11 h5{ display:block; float:left; width:100%; font-size:14px; color:#898989; height:24px; line-height:24px;letter-spacing:1px;}
.l_0100_11{ float:left; width:100%; margin-top:90px;}
.l_0100_11 .l_11{ display:none; float:left; width:100%; opacity:0;filter:alpha(opacity=00);}
.l_0100_11 .l_11 .l_11_1{ float:left; width:38%;}
.l_0100_11 .l_11 .l_11_1 img{ display:block; float:left; width:100%;}
.l_0100_11 .l_11 .l_11_2{ float:left; width:62%;}
.l_0100_11 .l_11 .l_11_2 ul{ float:left; width:100%;}
.l_0100_11 .l_11 .l_11_2 ul li{ float:left; width:100%; padding-left:57px; position:relative;}
.l_0100_11 .l_11 .l_11_2 ul li .font_11_1{ display:block; position:absolute; left:0; top:0; height:32px; line-height:32px; font-size:14px; color:#2F5194; padding-left:22px;}
.l_0100_11 .l_11 .l_11_2 ul li .font_11_1 .i_11_1{ display:block; position:absolute; left:0; top:11px; width:10px; height:10px; background:#2F5194;}
.l_0100_11 .l_11 .l_11_2 ul li .l_11_3{ float:left; width:100%; line-height:24px; padding:4px 0; font-size:14px; color:#221815;}
.l_0100_11 .l_11.on{ display:block;}

.r_0100_11{ float:left; width:100%; margin-top:159px; background:url(images/img_11_3.jpg) repeat-x center top; padding-top:36px; text-align:center;}
.r_0100_11 .r_11_1{display:inline-block; *display:inline; *zoom:1; position:relative; padding-left:24px; background:url(images/img_11_4.jpg) no-repeat left center; height:22px; max-width:100%;}
.r_0100_11 .r_11_1 .r_11_2{ display:block; float:left; width:100%; height:80px; padding:20px 0; margin-top:-20px; overflow-x:auto;}
.r_0100_11 .r_11_1 .r_11_2 ul{ float:left; max-width:5000px; white-space:nowrap;}
.r_0100_11 .r_11_1 .r_11_2 ul li{ display:inline-block; *display:inline; *zoom:1; margin:0 20px; height:22px; line-height:22px; font-size:14px; color:#221815; position:relative; cursor:pointer;
-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;}
.r_0100_11 .r_11_1 .r_11_2 ul li i{ display:block; position:absolute; left:50%; margin-left:-6.5px; width:13px; bottom:100%; margin-bottom:10px; opacity:0;filter:alpha(opacity=00);
-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;}
.r_0100_11 .r_11_1 .r_11_2 ul li em{ display:block; position:absolute; left:50%; margin-left:-6.5px; width:13px; top:100%; margin-top:10px; opacity:0;filter:alpha(opacity=00);
-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;}
.r_0100_11 .r_11_1 .r_11_2 ul li.on{ color:#2F5194;}
.r_0100_11 .r_11_1 .r_11_2 ul li.on i{ margin-bottom:2px; opacity:1;filter:alpha(opacity=100);}
.r_0100_11 .r_11_1 .r_11_2 ul li.on em{ margin-top:2px; opacity:1;filter:alpha(opacity=100);}

@media  screen and (max-width:991px){
.c_0100_11{ padding:30px 0;}
.t_0100_11{ width:100%;}
.l_0100_11{ margin-top:30px;}
.l_0100_11 .l_11 .l_11_1{ width:100%;}
.l_0100_11 .l_11 .l_11_2{ float:left; width:100%;}
.l_0100_11 .l_11 .l_11_2 ul{ float:left; width:100%;}
.r_0100_11{ margin-top:60px;}
}

@media  screen and (max-width:767px){
.t_0100_11 h1{ font-size:24px; height:30px; line-height:30px;}
.t_0100_11 h5{ font-size:12px; height:18px; line-height:18px; letter-spacing:0px;}
.l_0100_11{ margin-top:15px;}
.l_0100_11 .l_11 .l_11_2 ul li .l_11_3{font-size:12px;}
.r_0100_11 .r_11_1 .r_11_2 ul li{font-size:12px;}
}





/* 07网站工程案例 */				
.c_0100_13{ float:left; width:100%;}
.t_0100_13{ float:left; width:100%; text-align:center; padding-bottom:5px; border-bottom:1px solid #eaeaea;}				
.t_0100_13 h1{ display:block; float:left; width:100%; height:54px; line-height:54px; font-size:28px; color:#2F5194;}				
.d_0100_13{ float:left; width:100%;}			
.l_0100_13{ float:left; width:100%; position:relative;}	
.l_0100_13 h3{ display:block; margin-top:37px; float:left; width:100%; font-size:20px; height:40px; line-height:40px; color:#2F5194;}			
.l_0100_13 span{ display:block; margin:0 -15px;}	
.l_0100_13 em{ display:block; position:absolute; left:100%; top:100%; height:1px; width:56px; background:#eaeaea;}		
.r_0100_13{ float:left; width:100%; margin-top:4px; position:relative; padding-bottom:16px; border-bottom:1px solid #eaeaea; }				
.r_0100_13 .r_13_1{ float:left; padding:0 15px; width:25%;}				
.r_0100_13 .r_13_1 a{ display:block; float:left; width:100%; outline:none;}		
.r_0100_13 .r_13_1 a i{ display:block; float:left; width:100%; overflow:hidden;
-webkit-border-radius:5px; 
   -moz-border-radius:5px;
        border-radius:5px;}		
.r_0100_13 .r_13_1 a i img{ display:block; float:left; width:100%;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}				
.r_0100_13 .r_13_1 a h5{ display:block; float:left; width:100%; text-align:center; font-size:14px; height:28px; line-height:28px; color:#595757; margin-top:10px; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;
-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;}
.r_0100_13 .r_13_1 a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}
.r_0100_13 .r_13_1 a:hover h5{ color:#2F5194;}
.r_0100_13 .slick-prev{ display:block; left:100%; margin-left:-15px; top:auto; bottom:0; background:url(images/prev_13.png) no-repeat center; outline:none; cursor:pointer; width:28px; height:28px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);
-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;}
.r_0100_13 .slick-next{ display:block; left:100%; margin-left:13px; top:auto; bottom:0; background:url(images/next_13.png) no-repeat center; outline:none; cursor:pointer; width:28px; height:28px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);
-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;}
.r_0100_13 .slick-prev:hover,
.r_0100_13 .slick-next:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:1199px){
.l_0100_13 em{ display:none;}		
.r_0100_13 .slick-prev{ margin-left:-56px; top:-40px; bottom:auto;}
.r_0100_13 .slick-next{ margin-left:-28px; top:-40px; bottom:auto;}
}

@media  screen and (max-width:991px){
.t_0100_13{ margin-top:30px;}	
.r_0100_13 .r_13_1{ float:left; padding:0 15px; width:50%; margin-top:30px;}				
}

@media  screen and (max-width:767px){
.t_0100_13{ margin-top:15px;}				
.t_0100_13 h1{ height:40px; line-height:40px; font-size:20px;}				
.r_0100_13 .r_13_1{ float:left; padding:10px 0; width:50%; margin-top:0; border-bottom:1px solid #dcdddd;}				
.r_0100_13 .r_13_1 a{ padding:5px 10px; position:relative;}
.r_0100_13 .r_13_1 a i{
-webkit-border-radius:0; 
   -moz-border-radius:0;
        border-radius:0;}
.r_0100_13 .r_13_1 a h5{ display:block; position:absolute; left:0; top:0; overflow:hidden; height:100%; width:0;  border-left:1px solid #dcdddd; margin-top:0;}
.r_0100_13{ padding-bottom:0; border-bottom:0 none; margin-top:0; border-top:1px solid #dcdddd;}
.l_0100_13 h3{ margin-top:0; font-size:16px; height:40px; line-height:40px; color:#2F5194;}			
.r_0100_13 .slick-prev{ top:-35px;}
.r_0100_13 .slick-next{ top:-35px;}
}


/* 07网站工程案例2 */
.c_0100_14{ float:left; width:100%; padding:0 100px;}
.c_0100_14 h1{ display:block; float:left; width:100%; text-align:center; padding:12px 0; line-height:32px; font-size:28px; color:#2F5194; margin-top:9px;}
.t_0100_14{ float:left; width:100%; margin-top:30px;}
.t_0100_14 .slick-slide{ outline:none; overflow:hidden;
-webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
.t_0100_14 .slick-slide img{width:100%;}
.t_0100_14 .slick-prev{ left:0; margin-left:-100px; top:50%; background:url(images/prev_14.jpg) no-repeat center; width:81px; height:81px; cursor:pointer; outline:none; opacity:0.16; filter:alpha(opacity=16);
-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;}
.t_0100_14 .slick-next{ left:auto; right:0; margin-right:-100px; top:50%; background:url(images/next_14.jpg) no-repeat center; width:81px; height:81px; cursor:pointer; outline:none; opacity:0.16; filter:alpha(opacity=16);
-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;}
.t_0100_14 .slick-prev:hover,
.t_0100_14 .slick-next:hover{ opacity:0.5; filter:alpha(opacity=50);}
.d_0100_14{ float:left; width:100%; margin-top:20px; overflow:hidden;}
.d_0100_14 .slick-list{ margin:0 -20px;}
.d_0100_14 .slick-slide{ float:left; padding:0 20px; outline:none; cursor:pointer;}			
.d_0100_14 .slick-slide img{ display:block; float:left; width:100%;
-webkit-border-radius:6px; 
   -moz-border-radius:6px;
        border-radius:6px;}
.l_0100_14{ float:left; width:100%; position:relative;}	
.l_0100_14 .number{ position:absolute; right:0; bottom:0; z-index:9; background:rgba(0,0,0,0.5); height:34px; line-height:34px; text-align:center; font-size:16px; color:#fff; width:63px; border-bottom-right-radius: 6px;}
@media  screen and (max-width:991px){
.c_0100_14{ padding:0 50px;}
.t_0100_14 .slick-prev{ margin-left:-50px; width:40px; height:40px; background-size:cover;  opacity:0.5;}
.t_0100_14 .slick-next{ margin-right:-50px; width:40px; height:40px; background-size:cover;  opacity:0.5;}
.d_0100_14{ margin-top:10px;}
.d_0100_14 .slick-list{ margin:0 -5px;}
.d_0100_14 .slick-slide{ padding:0 5px;}			
}

@media  screen and (max-width:767px){
.t_0100_14 .slick-prev{ margin-left:0px; }
.t_0100_14 .slick-next{ margin-right:0px; }
.c_0100_14{ padding:0;}
.t_0100_14{ margin-top:10px;}
.t_0100_14 .slick-slide{ float:left; width:100%; margin-top:10px;}
.d_0100_14{ display:none;}
.l_0100_14 .number{ display:none;}
}


/* 08产品页 */
.c_0100_16{ float:left; width:100%; }
.t_0100_16{margin-top:40px; float:left; width:100%; height:53px; line-height:52px; border-bottom:1px solid #e6e6e6; font-size:28px; color:#2F5194; padding-left:5px;}
.d_0100_16{ float:left; width:100%; position:relative;}
.d_0100_16 ul{ margin:0 -15px;}
.d_0100_16 ul .slick-slide{display:flex; flex-wrap: wrap; align-items: flex-start;}
.d_0100_16 ul .div_case{float:left; width:100%; height:0; overflow:hidden;}
.d_0100_16 ul lii{ float:left; width:600px; padding:0 15px; margin-top:30px;}
.d_0100_16 ul li{ float:left; width:25%; padding:0 15px; margin-top:30px;}
.d_0100_16 ul li a{ display:block; float:left; width:100%; overflow:hidden;
-webkit-border-radius:5px; 
   -moz-border-radius:5px;
        border-radius:5px;}
.d_0100_16 ul li a img{ display:block; float:left; width:100%;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.d_0100_16 ul li a i{ display:none;}
.d_0100_16 ul li a:hover img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}
.d_0100_16 .d_16_1{ position:absolute; right:7px; top:100%; margin-top:20px; background:url(images/img_16_33.jpg) no-repeat center; width:19px; height:11px; cursor:pointer;
-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;}
.d_0100_16 .d_16_1.on{ background:url(images/img_16_33_on.jpg) no-repeat center;}


.z_ul .slick-prev{ display:block; left:100%; margin-left:-67px; top:auto; bottom:-40px; background:url(images/prev_13.png) no-repeat center; outline:none; cursor:pointer; width:28px; height:28px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);
-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;}
.z_ul .slick-next{ display:block; left:100%; margin-left:-46px; top:auto; bottom:-40px; background:url(images/next_13.png) no-repeat center; outline:none; cursor:pointer; width:28px; height:28px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);
-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;}
.z_ul .slick-prev:hover,
.z_ul .slick-next:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:991px){
.d_0100_16 ul li{ float:left; width:50%; padding:0 15px; margin-top:30px;}
}

@media  screen and (max-width:767px){
.c_0100_16{ }
.t_0100_16{margin-top:0; height:50px; line-height:50px; font-size:18px;}
.d_0100_16 ul{ margin:0 -15px;}
.d_0100_16 ul li{ width:50%; padding:15px; margin-top:0; border-bottom:1px solid #e6e6e6;}
.d_0100_16 ul li a{ position:relative; overflow:visible; padding:15px 0;
-webkit-border-radius:0; 
   -moz-border-radius:0;
        border-radius:0;}
.d_0100_16 ul li a i{ display:block; position:absolute; left:-15px; top:0; width:1px; height:100%; background:#e6e6e6;}
.d_0100_16 .d_16_1{ top:0; margin-top:-25px;}
}


.c_0100_17{ float:left; width:100%;}
.t_0100_17{ float:left; width:100%; text-align:center; height:60px; border-bottom:1px solid #e6e6e6; line-height:54px; font-size:28px; color:#2F5194;}
.l_0100_17{ float:left; width:100%; margin-top:10px; padding-bottom:17px;}
.l_0100_17 .l_17_1{ float:left; width:100%; height:40px; line-height:40px; font-size:20px; color:#2F5194;}
.l_0100_17 .l_17_2{ float:left; width:100%; padding:34px 25px 40px 25px; margin-top:5px; background:#ececec;}
.l_0100_17 .l_17_2 .l_17_3{ float:left; width:100%; text-align:center; font-size:16px; line-height:32px; color:#595757;}
.l_0100_17 .l_17_2 .l_17_4{ float:left; width:100%; margin-top:13px;}
.l_0100_17 .l_17_2 .l_17_4 .slick-slide{ outline:none;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5{ float:left; width:33.333333%; padding:0 20px; outline:none;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6{ float:left; width:100%; background:#fff; position:relative; padding-left:214px; height:284px; overflow:hidden;
-webkit-border-radius:2px; 
   -moz-border-radius:2px;
        border-radius:2px;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6 i{ display:block; position:absolute; left:0; top:0; width:214px;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6 i img{ display:block; float:left; width:100%;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6 .l_17_7{ float:left; width:100%; padding:0 10px; height:264px; margin-top:10px; overflow:hidden; font-size:12px; line-height:24px; color:#595757;}
.l_0100_17 .l_17_2 .l_17_4 .slick-prev{ display:none;}
.l_0100_17 .l_17_2 .l_17_4 .slick-next{ display:block; position:absolute; right:20px; top:100%; width:auto; color:#595757; font-size:14px; height:20px; line-height:20px; margin-top:10px;
-webkit-transform: translate(0, 0);
	  -ms-transform: translate(0, 0);
	      transform: translate(0, 0);}
.l_0100_17 .l_17_2 .l_17_4 .slick-next:hover{ color:#2F5194;}
.l_0100_17 .l_17_8{ float:left; width:100%;}
.l_0100_17 .l_17_8 ul{ margin:0 -15px; display:flex; flex-wrap: wrap; align-items: flex-start;}
.l_0100_17 .l_17_8 ul li{ float:left; width:33.333333%; padding:0 15px; margin-top:30px;}
.l_0100_17 .l_17_8 ul li a{ display:block; float:left; width:100%; height:278px; border:1px solid #ececec; position:relative; padding:40px;
-webkit-border-radius:3px; 
   -moz-border-radius:3px;
        border-radius:3px;}
.l_0100_17 .l_17_8 ul li a span{ display:block; position:relative; float:left; width:100%; height:100%; font-size:14px; line-height:24px; color:#595757; overflow:hidden;}
.l_0100_17 .l_17_8 ul li a span h4{ display:block; font-size:16px; height:30px; line-height:30px;}
.l_0100_17 .l_17_8 ul li a font{ display:block; position:absolute; right:21px; bottom:12px; height:20px; line-height:20px; font-size:14px; color:#2F5194;}
.l_0100_17 .l_17_8 ul li a:hover{ opacity:0.8; filter:alpha(opacity=80);}

@media  screen and (max-width:1199px){
.l_0100_17 .l_17_2 .l_17_4 .l_17_5{ padding:0 10px;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6{ padding-left:160px; height:212px;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6 i{ width:160px;}
.l_0100_17 .l_17_2 .l_17_4 .l_17_5 .l_17_6 .l_17_7{ height:192px;}
}

@media  screen and (max-width:991px){
.l_0100_17 .l_17_8 ul li{ width:50%;}
}

@media  screen and (max-width:767px){
.c_0100_18{ float:left; width:100%;}
.t_0100_18{ margin:0 -15px;}
.t_0100_18 .t_18_1{ float:left; width:100%; padding:40px 0 20px 0; background:#ececec;}
.t_0100_18 .t_18_1 .t_18_2{ float:left; padding:0 45px; outline:none;}
.t_0100_18 .t_18_1 .t_18_2 .t_18_3{ float:left; width:100%; position:relative; background:#fff; padding-left:120px; height:159px;}
.t_0100_18 .t_18_1 .t_18_2 .t_18_3 i{ display:block; position:absolute; left:0; top:0; width:120px; height:159px;}
.t_0100_18 .t_18_1 .t_18_2 .t_18_3 i img{ display:block; float:left; width:100%;}
.t_0100_18 .t_18_1 .t_18_2 .t_18_3 .t_18_4{ float:left; width:100%; padding:0 10px; height:139px; margin-top:10px; overflow:hidden; font-size:12px; line-height:24px; color:#595757;}
.t_0100_18 .t_18_1 .slick-prev{ display:block; position:absolute; left:10px; top:50%; width:11px; height:19px; background:url(images/prev_18.png) no-repeat center;}
.t_0100_18 .t_18_1 .slick-next{ display:block; position:absolute; right:10px; top:50%; width:11px; height:19px; background:url(images/next_18.png) no-repeat center;}
.l_18{ margin:0 -15px;}
.l_0100_18{ float:left; width:100%;}
.l_0100_18 .hd{ display:block; float:left; width:100%; border-bottom:1px solid #dcdddd; height:44px;}
.l_0100_18 .hd ul{ float:left; width:100%;}
.l_0100_18 .hd ul li{ float:left; width:50%; height:43px; line-height:43px; text-align:center; cursor:pointer; font-size:16px; color:#000; font-weight:bold;
-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;}
.l_0100_18 .hd ul li.on{ color:#2F5194;}
.l_0100_18 .hd ul li:nth-child(1){ border-right:1px solid #dcdddd;}
.l_0100_18 .bd{ display:block; float:left; width:100%;}
.l_0100_18 .bd ul{ float:left; width:100%;}
.l_0100_18 .bd ul li{ float:left; width:50%; padding:0 10px; margin-top:20px;}
.l_0100_18 .bd ul li a{ display:block; float:left; width:100%; height:232px; border:1px solid #ececec; position:relative; padding:10px 10px 30px 10px;
-webkit-border-radius:3px; 
   -moz-border-radius:3px;
        border-radius:3px;}
.l_0100_18 .bd ul li a span{ display:block; position:relative; float:left; width:100%; height:100%; font-size:12px; line-height:20px; color:#595757; overflow:hidden;}
.l_0100_18 .bd ul li a span h4{ display:block; font-size:14px; line-height:24px;}
.l_0100_18 .bd ul li a font{ display:block; position:absolute; right:10px; bottom:10px; height:20px; line-height:20px; font-size:12px; color:#2F5194;}
.l_0100_18 .bd ul li a:hover{ opacity:0.8; filter:alpha(opacity=80);}
}

.c_0100_19{ float:left; width:100%; margin-top:70px; text-align:center;}
.c_0100_19 ul{ display:inline-block; *display:inline; *zoom:1;}
.c_0100_19 ul li{ display:inline-block; *display:inline; *zoom:1; line-height:32px; font-size:16px; color:#595757; margin:0 35px;}
.c_0100_19 ul li span{ color:#2F5194;}

@media  screen and (max-width:1199px){
.c_0100_19 ul li{ margin:0 15px;}
}

@media  screen and (max-width:991px){
.c_0100_19 ul li{ margin:0 30px;}
}

@media  screen and (max-width:767px){
.c_0100_19{ margin-top:20px;}
.c_0100_19 ul li{ margin:0 5px; font-size:14px; line-height:20px;}
}


/* 09网站应聘信息 */
.c_0100_20{ float:left; width:100%; margin-top:59px; border-top:1px solid #e6e6e6;}
.t_0100_20{ float:left; width:100%; font-size:20px; height:40px; line-height:40px; color:#2F5194; margin-top:10px;}
.l_0100_20{ float:left; width:100%; margin-top:50px;}
.l_0100_20 ul{ float:left; width:100%; border-top:1px solid #e6e6e6; border-left:1px solid #e6e6e6;}
.l_0100_20 ul li{ float:left; width:50%; border-bottom:1px solid #e6e6e6;  border-right:1px solid #e6e6e6; height:47px; line-height:46px; font-size:18px; color:#595757; padding-left:187px; position:relative;}
.l_0100_20 ul li strong{ display:block; position:absolute; left:0; top:0; width:187px; height:46px; line-height:46px; text-align:center; border-right:1px solid #e6e6e6;}
.l_0100_20 ul li span{ display:block; float:left; width:100%; padding-left:70px;}
.r_0100_20{ float:left; width:100%; margin-top:30px; height:54px; line-height:54px; font-size:18px; color:#7f7f7f; padding-left:38px; background:#f6f6f6;}
.d_0100_20{ float:left; width:100%; margin-top:15px; padding:0 40px; font-size:18px; line-height:40px; color:#545455;}

@media  screen and (max-width:1199px){
.c_0100_20{ margin-top:30px;}
.l_0100_20{ margin-top:30px;}
}

@media  screen and (max-width:991px){
.t_0100_20{ font-size:18px; height:36px; line-height:36px; margin-top:0;}
.l_0100_20 ul li{ height:37px; line-height:36px; font-size:18px;}
.l_0100_20 ul li strong{ height:36px; line-height:36px;}
.l_0100_20 ul li span{ padding-left:30px;}
.r_0100_20{ margin-top:15px; height:54px; line-height:54px; font-size:18px;}
.d_0100_20{ padding:0 40px; font-size:16px; line-height:36px;}
}

@media  screen and (max-width:767px){
.c_0100_20{ margin-top:15px;}
.t_0100_20{ font-size:18px; height:30px; line-height:30px; margin-top:0;}
.l_0100_20{ margin-top:15px;}
.l_0100_20 ul li{ height:37px; width:100%; line-height:36px; font-size:14px; padding-left:121px;}
.l_0100_20 ul li strong{ width:121px; height:36px; line-height:36px;}
.l_0100_20 ul li span{ padding-left:30px;}
.r_0100_20{ margin-top:15px; height:44px; line-height:44px; font-size:16px; padding-left:15px;}
.d_0100_20{ padding:0 15px; font-size:12px; line-height:24px;}
}



.c_0100_21{ float:left; width:100%;}
.t_0100_21{ float:left; width:100%; text-align:center; height:52px; line-height:52px; font-size:28px; color:#2F5194;}
.l_0100_21{ float:left; width:100%;}
.l_0100_21 ul{ margin:0 -13px;}
.l_0100_21 ul li{ float:left; width:25%; padding:0 13px; margin-top:38px;}
.l_0100_21 ul li a{ display:block; float:left; width:100%; border:1px solid #d7d7d7; padding:29px 0 26px 0;}
.l_0100_21 ul li a i{ display:block; float:left; width:100%; overflow:hidden;}
.l_0100_21 ul li a i img{ display:block; float:left; width:100%;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.l_0100_21 ul li a span{ display:block; float:left; width:100%; margin-top:26px; padding:0 96px 0 29px; position:relative;}
.l_0100_21 ul li a span font{ display:block; float:left; height:67px; line-height:67px; font-size:20px; color:#595757; width:100%; white-space:nowrap; overflow: hidden; text-overflow:ellipsis;}
.l_0100_21 ul li a span em{ display:block; float:right; width:67px; position:absolute; right:29px; top:0;}
.l_0100_21 ul li a span em img{ display:block; float:left; width:100%;}
.l_0100_21 ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}
				
@media  screen and (max-width:1199px){
.l_0100_21 ul li{ width:33.333333%;}
.l_0100_21 ul li a span font{ font-size:18px;}
}

@media  screen and (max-width:991px){
.c_0100_21{ margin-top:30px;}
.l_0100_21 ul li{ width:50%;}
.l_0100_21 ul li a span font{ font-size:16px;}
}

@media  screen and (max-width:767px){
.t_0100_21{ height:40px; line-height:40px; font-size:20px;}
.l_0100_21 ul li{ width:100%; margin-top:15px;}
.l_0100_21 ul li a{ padding:15px 0;}
.l_0100_21 ul li a span{ margin-top:15px; padding:0 81px 0 14px;}
.l_0100_21 ul li a span font{ font-size:14px;}
}


/* 10网站精品VR鉴赏2 */
.c_0100_22{ float:left; width:100%;}
.t_0100_22{ float:left; width:100%; text-align:center; height:50px; line-height:50px; font-size:28px; color:#2F5194;}
.d_0100_22{ float:left; width:100%; margin-top:30px; padding:0 33px;}
.d_0100_22 .d_22{ float:left; width:100%;}
.d_0100_22 .d_22 img{ display:block; float:left; width:100%;}

@media  screen and (max-width:991px){
.c_0100_22{ margin-top:30px;}
.d_0100_22{padding:0;}
}

@media  screen and (max-width:767px){
.t_0100_22{ height:40px; line-height:40px; font-size:20px;}
.d_0100_22{ margin-top:10px;}
}


.c_0100_23{ float:left; width:100%;}
.t_0100_23{ float:left; width:100%; text-align:center; height:50px; line-height:50px; font-size:28px; color:#2F5194;}
.l_0100_23{ float:left; width:760px; position:relative; left:50%; margin-left:-380px;}
.l_0100_23 ul{ float:left; width:100%; margin-top:-33px;}
.l_0100_23 ul li{ float:left; width:100%; margin-top:68px; padding-bottom:77px; border-bottom:1px solid #b2b2b2;}
.l_0100_23 ul li h3{ display:block; float:left; width:100%; height:30px; line-height:30px; font-size:21px; color:#595757;}
.l_0100_23 ul li .span{ display:block; float:left; width:100%; margin-top:5px; padding-bottom:56%; overflow:hidden; position:relative;}
.l_0100_23 ul li:nth-child(3){ border-bottom:0 none;}
.d_0100_23{ float:left; width:100%;}

.l_0100_23 ul li .span .daima{position:absolute; height:100%; width:100%; left:0; top:0;}
.l_0100_23 ul li .span .daima p{height:100%; width:100%;}
.l_0100_23 ul li .span .daima iframe{height:100%; width:100%;}
.l_0100_23 ul li .span video{position:absolute; height:100%; width:100%; left:0; top:0;}

@media  screen and (max-width:991px){
.c_0100_23{ margin-top:30px;}
.l_0100_23{ width:100%; left:0; margin-left:0;}
.l_0100_23 ul{ margin-top:0;}
.l_0100_23 ul li{ margin-top:30px; padding-bottom:30px; border-bottom:1px solid #b2b2b2;}
}

@media  screen and (max-width:767px){
.c_0100_23{ margin-top:15px;}
.t_0100_23{ height:40px; line-height:40px; font-size:20px;}
.l_0100_23 ul li{ margin-top:15px; padding-bottom:15px; border-bottom:1px solid #b2b2b2;}
.l_0100_23 ul li h3{ height:26px; line-height:26px; font-size:16px;}
.d_0100_23 span{ display:block; float:left; width:100%; text-align:center; margin-top:15px;}
.d_0100_23 span a{display:block; margin:0 auto; width:100px; height:40px; border:1px solid #ecf0eb; line-height:38px; font-size:12px; color:#2F5194;}
}



.c_0100_24{ float:left; width:100%; margin-top:40px;}
.t_0100_24{ float:left; width:100%; text-align:center; height:50px; line-height:50px; color:#2F5194; font-size:28px;}
.l_0100_24{ float:left; width:100%; margin-top:33px;}
.l_0100_24 h3{ display:block; float:left; width:100%; height:40px; line-height:40px; font-size:20px; color:#2F5194;}
.l_0100_24 ul{ float:left; width:100%; background:url(images/img_24_6.jpg) repeat-x center; margin-top:34px; margin-bottom:11px; overflow:hidden;}
.l_0100_24 ul li{ float:left; position:relative; overflow:hidden;}
.l_0100_24 ul li:first-child{margin-left:-30px;}
.l_0100_24 ul li span{ display:block; width:100%; position:absolute; left:0; top:102px; text-align:center; height:40px;}
.l_0100_24 ul li:nth-child(1) span font{padding-left:30px; padding-right:30px;}
.l_0100_24 ul li span font{ display:block; width:100%; position:absolute; left:0; top:50%; font-size:14px; line-height:20px; color:#221815; max-height:40px; overflow:hidden;
-webkit-transform: translate(0, -50%);
	  -ms-transform: translate(0, -50%);
	      transform: translate(0, -50%);}

@media  screen and (max-width:1199px){
.l_0100_24 ul li{ width:194px;}
.l_0100_24 ul li span{ display:block; width:100%; position:absolute; left:0; top:77px; text-align:center; height:40px;}
.l_0100_24 ul li:nth-child(1){margin-left:-24px;}
.l_0100_24 ul li:nth-child(1) span font{ padding-right:24px;}
.l_0100_24 ul li span font{ display:block; width:100%; position:absolute; left:0; top:50%; font-size:14px; line-height:20px; color:#221815;}
}

@media  screen and (max-width:991px){
.l_0100_24 ul{ margin:30px 0 0 0;}
.l_0100_24 ul li{ width:auto;}
.l_0100_24 ul li img{ display:block; float:left; width:100%;}
.l_0100_24 ul li span{ top:100px;}
.l_0100_24 ul li:nth-child(1){ width:auto; margin-left:0;}
.l_0100_24 ul li:nth-child(1) span font{ padding-right:0; padding-left:0px;}
}

@media  screen and (max-width:767px){
.c_0100_24{ margin-top:15px;}
.t_0100_24{ height:40px; line-height:40px; font-size:20px;}
.l_0100_24{ margin-top:30px;}
.l_0100_24 h3{ height:20px; line-height:20px; font-size:16px;}
.l_0100_24 ul{ margin:15px 0 0 0;}
.l_0100_24 ul li span{ display:block; width:100%; position:absolute; left:0; top:51%; text-align:center; height:32px;}
.l_0100_24 ul li span font{ display:block; width:100%; position:absolute; left:0; top:50%; font-size:12px; line-height:16px; color:#221815; max-height:32px; overflow:hidden;
-webkit-transform: translate(0, -50%);
	  -ms-transform: translate(0, -50%);
	      transform: translate(0, -50%);}
}

.r_0100_24{ float:left; width:100%; margin-top:140px;}
.r_0100_24 .r_24_1{ float:left; width:100%; height:40px; line-height:40px; font-size:20px; color:#2F5194;}
.r_0100_24 .r_24_2{ float:left; width:100%; margin-top:40px; height:404px; background:#2F5194; padding-left:391px; position:relative;}
.r_0100_24 .r_24_2 .r_24_3{ position:absolute; left:0; top:0; font-size:12px; line-height:19px; color:#fff; height:404px; width:391px; padding:30px 50px 30px 70px;}
.r_0100_24 .r_24_2 .r_24_3 .z_con{display:block; width:100%; height:100%; overflow-y:auto;}
.r_0100_24 .r_24_2 .r_24_4{ float:left; position:relative; width:100%; height:100%;}



@media  screen and (max-width:991px){
.r_0100_24{ margin-top:60px;}
.r_0100_24 .r_24_2{ margin-top:10px;}
}

@media  screen and (max-width:767px){
.r_0100_24{ margin-top:30px;}
.r_0100_24 .r_24_1{ height:20px; line-height:20px; font-size:16px;}
.r_0100_24 .r_24_2{ margin-top:15px; height:auto; background:#2F5194; padding-left:0; position:relative;}
.r_0100_24 .r_24_2 .r_24_3{ position:static; float:left; width:100%; font-size:12px; line-height:19px; color:#fff; height:auto; padding:15px 30px;}
.r_0100_24 .r_24_2 .r_24_4{ float:left; position:relative; width:100%; height:200px;}
}

.d_0100_24{ float:left; width:100%; margin-top:75px; position:relative;}
.d_0100_24 .d_24_1{ float:left; width:100%; height:40px; line-height:40px; font-size:20px; color:#2F5194;}
.d_0100_24 .d_24_2{ float:left; width:100%; margin-top:53px;}
.d_0100_24 .d_24_2 span{ display:block; margin:0 auto; width:472px; height:50px; border:1px solid #d5d5d5; padding:0 44px 0 96px; position:relative;}
.d_0100_24 .d_24_2 span font{ display:block; position:absolute; left:10px; top:50%; margin-top:-10.5px; background:url(images/img_24_8.png) no-repeat left center; height:21px; padding-left:25px; line-height:21px; font-size:12px; color:#7f7f7f; width:86px; border-right:1px solid #b2b2b2;}
.d_0100_24 .d_24_2 span input{ display:block; float:left; width:100%; height:48px; line-height:20px; padding:9px 10px; font-size:12px; color:#7f7f7f;}
.d_0100_24 .d_24_2 span button{ display:block; position:absolute; right:0; top:0; height:48px; width:44px; background:url(images/img_24_9.png) no-repeat center; outline:none; cursor:pointer;}
.d_0100_24 .d_24_3{ position:absolute; left:0; top:100%; margin-top:40px; width:100%; height:32px; line-height:32px; font-size:16px; color:#666464; text-align:center;}

@media  screen and (max-width:767px){
.d_0100_24{ margin-top:30px;}
.d_0100_24 .d_24_1{ height:20px; line-height:20px; font-size:16px;}
.d_0100_24 .d_24_2{ margin-top:15px;}
.d_0100_24 .d_24_2 span{ margin:0 auto; width:100%;}
.d_0100_24 .d_24_3{ position:static; float:left; left:0; top:0; margin-top:15px; width:100%; height:32px; line-height:32px; font-size:16px; color:#666464; text-align:center;}
}



.w_0100_25{ float:left; width:100%; padding:68px 0; border-top:1px solid #e5e5e5;}
.c_0100_25{ float:left; width:1000px; border:1px solid #e5e5e5; margin-left:88px;}
.l_0100_25{ float:left; width:632px; height:542px; position:relative;}
.r_0100_25{ float:right; width:366px; height:542px; border-left:1px solid #b5b5b5; padding:0 15px;}
.r_0100_25 h1{ display:block; float:left; width:100%; font-size:26px; color:#2F5194; height:50px; line-height:36px; margin-top:29px;}
.r_0100_25 h6{ display:none; float:left; width:100%; font-size:13px; color:#221815; height:23px; line-height:23px; margin-top:4px; background:url(images/img_25_1.jpg) no-repeat 2px center; padding-left:10px;}
.r_0100_25 .r_25_1{ float:left; width:100%; padding-bottom:14px; border-bottom:1px dashed #a0a0a0;}
.r_0100_25 .r_25_1 button{ display:block; float:right; width:50px; height:30px; text-align:center; line-height:28px; border:1px solid #ccc; font-size:12px; color:#000; background:#f5f5f5; cursor:pointer; outline:none;}
.r_0100_25 .r_25_1 select{ display:block; float:left; width:88px; height:30px; text-align:center; border:1px solid #ccc; font-size:12px; color:#000; cursor:pointer; outline:none; margin-right:7px;}
.r_0100_25 .r_25_1 select option{ display:block; text-align:center;}
.r_0100_25 .r_25_2{ float:left; width:100%; height:370px; margin-top:10px; overflow-y:auto;}
.r_0100_25 .r_25_2 ul{float:left; width:100%;}
.r_0100_25 .r_25_2 ul.now{ display:block;}
.r_0100_25 .r_25_2 ul li{ display:block; float:left; width:100%; padding:10px 0 10px 50px; position:relative;
-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;}
.r_0100_25 .r_25_2 ul li i{ display:block; position:absolute; left:10px; top:10px; width:30px; height:30px; text-align:center; line-height:30px; background:#2F5194; font-size:16px; color:#fff; font-style:normal;}
.r_0100_25 .r_25_2 ul li h2{ display:block; float:left; width:100%; line-height:30px; font-size:16px; color:#000;}
.r_0100_25 .r_25_2 ul li font{ display:block; float:left; width:100%; font-size:14px; line-height:24px; color:#333;}
.r_0100_25 .r_25_2 ul li span{ display:block; float:left; width:100%; font-size:14px; line-height:24px; color:#333;}
.r_0100_25 .r_25_2 ul li:hover{ background:#ddd;}

@media  screen and (max-width:1199px){
.c_0100_25{ width:100%; border:1px solid #e5e5e5; margin-left:0;}
.l_0100_25{ width:100%;}
.r_0100_25{ float:right; width:100%; height:auto; border-left:0 none; margin-top:0; border-top:1px solid #b5b5b5; padding:0 15px;}
.r_0100_25 h1{ margin-top:15px;}
.r_0100_25 .r_25_1 button{ float:left;}
}

@media  screen and (max-width:991px){
.w_0100_25{ padding:0; margin-top:30px;}
.r_0100_25{ border:0 none; }
}

@media  screen and (max-width:767px){
.r_0100_25 .r_25_1 button{ display:block; float:right; width:16%;}
.r_0100_25 .r_25_1 select{ width:26%;margin-right:2%;}
}

.c_0100_26{ float:left; width:800px; margin:50px 0 0 185px;}
.t_0100_26{ float:left; width:100%;}
.t_0100_26 li{ float:left; width:100%; padding-bottom:15px; margin-top:15px; border-bottom:1px dashed #666;}
.t_0100_26 li a{ display:block; float:left; width:100%;}
.t_0100_26 li a i{ display:block; float:left; width:200px;}
.t_0100_26 li a i img{ display:block; float:left; width:100%;}
.t_0100_26 li a span{ display:block; float:right; width:570px;}
.t_0100_26 li a span h2{ display:block; float:left; width:100%; font-size:16px; line-height:24px; margin-top:4px; color:#666; font-weight:bold;}
.t_0100_26 li a span font{ display:block; float:left; width:100%; font-size:12px; line-height:20px; color:#666;}
.t_0100_26 li a span h6{ display:block; float:left; width:100%; text-align:right; height:24px; line-height:24px;}
.t_0100_26 li:last-child{border-bottom:0 none;}
.d_0100_26{ float:left; width:100%; margin-top:30px;}

@media  screen and (max-width:1199px){
.c_0100_26{ float:left; width:800px; margin:50px 0 0 81px;}
}

@media  screen and (max-width:991px){
.c_0100_26{margin:30px 0 0 0; width:100%;}
.t_0100_26 li a span{ width:510px;}
}

@media  screen and (max-width:767px){
.t_0100_26 li a i{ width:100%;}
.t_0100_26 li a span{ width:100%; margin-top:15px;}
.d_0100_26{ margin-top:15px;}
.d_0100_26 span{ display:block; float:left; width:100%; text-align:center;}
.d_0100_26 span a{ display:block; margin:0 auto; width:100px; height:40px; border:1px solid #ecf0eb; line-height:38px; font-size:12px; color:#2F5194;}
}


/* 活动页 */
.qc_0100_1{ position:absolute; left:0; top:0; width:100%; height:100%;}
.qc_0100_1 .qc_1_1{ position:absolute; left:0; top:108px; width:100%; text-align:center;}
.qc_0100_1 .qc_1_1 h1{ display:block; float:left; width:100%; font-size:40px; color:#005f59; line-height:50px; position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0s;
   -moz-transition: all 0.8s linear 0s;
     -o-transition: all 0.8s linear 0s;
        transition: all 0.8s linear 0s;}
.qc_0100_1 .qc_1_1 h6{ display:block; float:left; width:100%; font-size:14px; color:#005f59; line-height:26px; position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.4s;
   -moz-transition: all 0.8s linear 0.4s;
     -o-transition: all 0.8s linear 0.4s;
        transition: all 0.8s linear 0.4s;}
.qc_0100_1 .qc_1_1 span{ display:block; float:left; width:100%; font-size:12px; color:#005f59; line-height:20px; margin-top:15px;
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.8s;
   -moz-transition: all 0.8s linear 0.8s;
     -o-transition: all 0.8s linear 0.8s;
        transition: all 0.8s linear 0.8s;}
.qc_0100_1 .qc_1_2{ position:absolute; left:10%; top:160px; width:80%;}
.qc_0100_1 .qc_1_2 h1{ display:block; float:left; width:100%; font-size:40px; color:#005f59; line-height:50px; position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0s;
   -moz-transition: all 0.8s linear 0s;
     -o-transition: all 0.8s linear 0s;
        transition: all 0.8s linear 0s;}
.qc_0100_1 .qc_1_2 h6{ display:block; float:left; width:100%; font-size:14px; color:#005f59; line-height:26px; position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.4s;
   -moz-transition: all 0.8s linear 0.4s;
     -o-transition: all 0.8s linear 0.4s;
        transition: all 0.8s linear 0.4s;}
.qc_0100_1 .qc_1_2 span{ display:block; float:left; width:100%; font-size:12px; color:#005f59; line-height:20px; margin-top:15px;
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.8s;
   -moz-transition: all 0.8s linear 0.8s;
     -o-transition: all 0.8s linear 0.8s;
        transition: all 0.8s linear 0.8s;}
.qc_0100_1 .qc_1_3{ position:absolute; left:0; top:68px; width:100%; text-align:center;}
.qc_0100_1 .qc_1_3 h1{ display:block; float:left; width:100%; font-size:40px; color:#005f59; line-height:50px;
position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0s;
   -moz-transition: all 0.8s linear 0s;
     -o-transition: all 0.8s linear 0s;
        transition: all 0.8s linear 0s;}
.qc_0100_1 .qc_1_3 h6{ display:block; float:left; width:100%; font-size:14px; color:#005f59; line-height:18px; 
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.4s;
   -moz-transition: all 0.8s linear 0.4s;
     -o-transition: all 0.8s linear 0.4s;
        transition: all 0.8s linear 0.4s;}
.qc_0100_1 .qc_1_3 span{ display:block; float:left; width:100%; font-size:12px; color:#005f59; line-height:20px; margin-top:15px;
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.8s;
   -moz-transition: all 0.8s linear 0.8s;
     -o-transition: all 0.8s linear 0.8s;
        transition: all 0.8s linear 0.8s;}
.qc_0100_1 .qc_1_4{ position:absolute; left:0; top:0; width:100%; height:100%;}
.qc_0100_1 .qc_1_4 li{ float:left; width:50%; height:50vh; position:relative;}
.qc_0100_1 .qc_1_4 li a{ display:table; float:left; position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; background:rgba(0,0,0,00);}
.qc_0100_1 .qc_1_4 li a span{ display:table-cell; vertical-align:middle; width:100%; background:rgba(0,0,0,00);
-webkit-transition: all 0.8s ease-out 0.6s;
   -moz-transition: all 0.8s ease-out 0.6s;
     -o-transition: all 0.8s ease-out 0.6s;
        transition: all 0.8s ease-out 0.6s;}
.qc_0100_1 .qc_1_4 li a span h1{ display:block; font-size:30px; color:#000; height:40px; line-height:40px;
-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;}
.qc_0100_1 .qc_1_4 li a span i{ display:block; margin-top:20px; opacity:0; filter:alpha(opacity=00);
-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;}
.qc_0100_1 .qc_1_4 li a:hover{ background:rgba(0,0,0,0.3);}
.qc_0100_1 .qc_1_4 li a:hover span{ background:rgba(0,0,0,0.2);}
.qc_0100_1 .qc_1_4 li a:hover h1{ color:#fff;}
.qc_0100_1 .qc_1_4 li a:hover i{ opacity:1; filter:alpha(opacity=100);}
.qc_0100_1 .qc_1_5{ position:absolute; left:0; top:70px; text-align:center; width:100%; height:100%;}
.qc_0100_1 .qc_1_5 h1{ display:block; float:left; width:100%; font-size:40px; color:#005f59; line-height:50px;
position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0s;
   -moz-transition: all 0.8s linear 0s;
     -o-transition: all 0.8s linear 0s;
        transition: all 0.8s linear 0s;}
.qc_0100_1 .qc_1_5 h6{ display:block; float:left; width:100%; font-size:14px; color:#005f59; line-height:18px; 
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.4s;
   -moz-transition: all 0.8s linear 0.4s;
     -o-transition: all 0.8s linear 0.4s;
        transition: all 0.8s linear 0.4s;}
.qc_0100_1 .qc_1_5 span{ display:block; float:left; width:100%; font-size:12px; color:#005f59; line-height:20px; margin-top:15px;
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.8s;
   -moz-transition: all 0.8s linear 0.8s;
     -o-transition: all 0.8s linear 0.8s;
        transition: all 0.8s linear 0.8s;}
.qc_0100_1 .qc_1_6{ position:absolute; left:0; top:220px; text-align:center; width:100%; height:100%;}
.qc_1{ position:relative; height:100vh;}
.qc_0100_1 .qc_1_6 h1{ display:block; float:left; width:100%; font-size:40px; color:#005f59; line-height:50px;
position:relative; opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0s;
   -moz-transition: all 0.8s linear 0s;
     -o-transition: all 0.8s linear 0s;
        transition: all 0.8s linear 0s;}
.qc_0100_1 .qc_1_6 h6{ display:block; float:left; width:100%; font-size:14px; color:#005f59; line-height:18px; 
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.4s;
   -moz-transition: all 0.8s linear 0.4s;
     -o-transition: all 0.8s linear 0.4s;
        transition: all 0.8s linear 0.4s;}
.qc_0100_1 .qc_1_6 span{ display:block; float:left; width:100%; font-size:12px; color:#005f59; line-height:20px; margin-top:15px;
position:relative;opacity:0; filter:alpha(opacity=00); top:40px;
-webkit-transition: all 0.8s linear 0.8s;
   -moz-transition: all 0.8s linear 0.8s;
     -o-transition: all 0.8s linear 0.8s;
        transition: all 0.8s linear 0.8s;}

.qc_0100_1 .qc_1_1.on h1,
.qc_0100_1 .qc_1_1.on h6,
.qc_0100_1 .qc_1_1.on span,
.qc_0100_1 .qc_1_2.on h1,
.qc_0100_1 .qc_1_2.on h6,
.qc_0100_1 .qc_1_2.on span,
.qc_0100_1 .qc_1_3.on h1,
.qc_0100_1 .qc_1_3.on h6,
.qc_0100_1 .qc_1_3.on span,
.qc_0100_1 .qc_1_5.on h1,
.qc_0100_1 .qc_1_5.on h6,
.qc_0100_1 .qc_1_5.on span,
.qc_0100_1 .qc_1_6.on h1,
.qc_0100_1 .qc_1_6.on h6,
.qc_0100_1 .qc_1_6.on span{ opacity:1; filter:alpha(opacity=100); top:0;}

.page6{ float:left; width:100%; height:100vh; overflow-y: auto;}

@media  screen and (max-width:1199px){
#dowebok{ margin-top:80px;}
.section{ height:auto !important; display:block; float:left; width:100%;}
.fp-tableCell{ height:auto !important; display:block; float:left;}
.qc_0100_1{ background:none !important; position:static; float:left; width:100%; height:auto;}
.qc_0100_1 .qc_1_1,
.qc_0100_1 .qc_1_2,
.qc_0100_1 .qc_1_3,
.qc_0100_1 .qc_1_4,
.qc_0100_1 .qc_1_5,
.qc_0100_1 .qc_1_6{ position:static; float:left; width:100%; padding:30px 0; text-align:center;}
.qc_0100_1 .qc_1_1 h1,
.qc_0100_1 .qc_1_2 h1,
.qc_0100_1 .qc_1_3 h1,
.qc_0100_1 .qc_1_5 h1,
.qc_0100_1 .qc_1_6 h1{ font-size:32px; line-height:40px; opacity:1; filter:alpha(opacity=100); top:0;}
.qc_0100_1 .qc_1_1 h6,
.qc_0100_1 .qc_1_2 h6,
.qc_0100_1 .qc_1_3 h6,
.qc_0100_1 .qc_1_5 h6,
.qc_0100_1 .qc_1_6 h6{ font-size:12px; line-height:18px; opacity:1; filter:alpha(opacity=100); top:0;}
.qc_0100_1 .qc_1_1 span,
.qc_0100_1 .qc_1_2 span,
.qc_0100_1 .qc_1_3 span,
.qc_0100_1 .qc_1_5 span,
.qc_0100_1 .qc_1_6 span{ font-size:12px; line-height:18px; opacity:1; filter:alpha(opacity=100); top:0; margin-top:0;}
.qc_0100_1 .qc_1_4 li{ width:100%;}
.page6{ height:auto; overflow:visible;}
}

@media  screen and (max-width:767px){
#dowebok{ margin-top:50px;}
.qc_0100_1 .qc_1_1,
.qc_0100_1 .qc_1_2,
.qc_0100_1 .qc_1_3,
.qc_0100_1 .qc_1_4{ padding:15px 0;}
.qc_0100_1 .qc_1_1 h1,
.qc_0100_1 .qc_1_2 h1,
.qc_0100_1 .qc_1_3 h1,
.qc_0100_1 .qc_1_5 h1,
.qc_0100_1 .qc_1_6 h1{ font-size:18px; line-height:24px;}
.qc_0100_1 .qc_1_4 li a span h1{ font-size:20px; height:30px; line-height:30px;}
.qc_0100_1 .qc_1_4 li a span i{ margin-top:10px;}
.qc_0100_1 .qc_1_4 li a span i img{ width:22px;}

}



@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}}


.z_0100_4{ float:left; width:100%; height:1px; background:#c1c1c1; margin-top:88px; display:none;}
.z_0100_4 button{ display:block; float:left; position:relative; left:50%; margin-left:-45px; width:90px; background:#f5f5f5; margin-top:-21px; text-align:center; outline:none; cursor:pointer;}
.z_0100_4 button i{ display:block; float:left; width:27px; height:27px; position:relative; left:50%; margin-left:-13.5px; background:url(images/img_4_10.png) no-repeat center;}
.z_0100_4 button font{ display:block; float:left; width:100%; font-size:15px; color:#666464; height:20px; line-height:20px; margin-top:2px;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.z_0100_4 button:hover font{ color:#2F5194;}
.z_0100_4 button.on i{ background:url(images/img_4_10_h.png) no-repeat center;}
@media  screen and (max-width:1199px){
.z_0100_4{ margin-top:20px;}
}

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

.z_0100_4{ margin-top:20px; height:auto; background:none; padding-bottom:20px;  display:block; }
.z_0100_4 button{margin-left:-55px; width:110px; height:36px; background:none; margin-top:0; border:1px solid #c1c1c1;}
.z_0100_4 button i{ display:none;}
.z_0100_4 button font{ display:block; float:left; width:100%; font-size:12px; color:#2F5194; height:34px; line-height:34px; margin-top:0;}
}

.zhuzhan{width: 100%;display: block;font-size: 16px;}


/*通用banner*/
.banner{position:relative;width:100%;height:580px;overflow:hidden; margin:0 auto 134px auto;top:120px;}
.banner .container{height:100%;}
.banner .contents{position:absolute;top:0px;left:0px;width:100%;height:580px;text-align:center;}
.banner .bannerLeft{ width:60px; height:60px; position:absolute; left:5%; top:40%; display:block; background:url("bann_btn.png") 0px 0px no-repeat;}
.banner .bannerRight{ width:60px; height:60px; position:absolute; right:5%; top:40%;display:block;background:url("bann_btn.png") -60px -0px no-repeat;}
.banner .content{position:absolute;bottom:0px;width:100%;height:580px;/*background-size:100%;*/background-repeat:no-repeat;background-position:center bottom;text-align:center;}

.banner .contentInfo{display:none;overflow:hidden;position:absolute;top:50%;left:100px;width:675px;height:200px;margin-top:-100px;z-index:1;text-align:left;}
.banner .contentInfo .sub{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:17px;left:8px;width:2px;height:120px;background:#fff;}
.banner .contentInfo .sub{transform-origin:left bottom;-moz-transform-origin:left bottom;-ms-transform-origin:left bottom;-o-transform-origin:left bottom;-webkit-transform-origin:left bottom;}
.banner .contentInfo .quan{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:128px;left:0px;width:14px;height:14px;border:2px solid #fff;border-radius:16px;-moz-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-webkit-border-radius:16px;}
.banner .contentInfo .title{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:8px;line-height:50px;font-size:40px;color:#fff;font-family:"微软雅黑";}
.banner .contentInfo .info{text-shadow:0px 0px 3px #b67ebc;position:absolute;left:32px;top:70px;line-height:32px;font-size:20px;color:#fff;}
.banner .contentInfo .btn{text-shadow:0px 0px 3px #b67ebc;position:absolute;top:146px;left:32px;color:#fff;border:1px solid #fff;text-align:center;line-height:32px;width:110px;height:30px; border-radius:30px;-moz-border-radius:30px;-ms-border-radius:30px;-o-border-radius:30px;-webkit-border-radius:30px;}
.banner .bannerNav{position:absolute;bottom:30px;width:100%;text-align:center;z-index:2;}
.banner .bannerNav .bannerNavChild{margin:0 10px;width:10px;height:10px;display:inline-block;*display:inline;*zoom:1;background:#fff;border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;-webkit-border-radius:10px;cursor:pointer;}
.banner .bannerNav .bannerNavChild.on{background:#000;
animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-moz-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-webkit-animation:bannerNavChildOn .2s  ease-in-out 0s  both;
-o-animation:bannerNavChildOn .2s  ease-in-out 0s  both;}



.banner .catesbox{width:100%; height:40px;position:absolute;left:0;bottom:0;background:url(neiNavBg.png) left top repeat-x; z-index: 100;}
.banner .catesbox .catesdiv{width:1200px;height:40px;margin:0 auto;}
.banner .catesbox .catesdiv .sel{border-bottom:2px solid #0985cc;height:38px;}
.banner .catesbox .catesdiv ul li{width:auto;height:40px;float:left;line-height:40px;text-align:center;}
.banner .catesbox .catesdiv ul li a{min-width:90px;height:40px;display:block;font-size:13px;color:#fff;font-family: microsoft yahei; padding:0px 10px;}
.banner .catesbox .catesdiv ul li a:hover{ background-color:#1BBC9B;}

.banner .cont-1{background:url("images/index_banner1.jpg") no-repeat center top;}
.banner .cont-2{background:url("images/index_banner2.jpg") no-repeat center top;}
.banner .cont-3{background:url("images/index_banner3.jpg") no-repeat center top;}
@media  screen and (min-width:767px){
.banner .content img{
	display:none;}
}
@media  screen and (max-width:767px){
.banner{height:164px;margin:0 auto 34px auto;top:58px;}
.banner .contents{height:164px;}
.banner .content{
height:auto;
background-size: cover;
-webkit-background-size: cover;
-o-background-size: cover;
}
.banner .content img{
	width:100%;
	height:auto;
	
	}
.banner .bannerNav{bottom:15px;}
.banner .cont-1{background:none;}
.banner .cont-2{background:none;}
.banner .cont-3{background:none;}
.banner .cont-4{background:none;}
}

.clearfix {
    clear: both;
    float: none;
}
.w1202{ width:1202px; margin:0 auto;}


.IndexSection_t{ width:100%;   margin:0 auto;  text-align:center; font-size:14px; }
.IndexSection_t span{font-family:Microsoft YaHei;letter-spacing:2px;font-size:30px; color:#333;line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.IndexSection_t i{ display:block;font-style:normal; text-transform:uppercase; padding:8px 18px; color:#7D7D7D; font-size:16px;font-family:"Microsoft YaHei";overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.IndexSection_t p{
	margin:0px auto;
	padding:0px;
	font-size:15px;
}
.IndexSection_t .p_m{
}

@media  screen and (max-width:767px){
.IndexSection_t span{letter-spacing:1px;font-size:24px;}
.IndexSection_t i{font-size:13px;}
.IndexSection_t .p_m{
	display:none;
}
}



.indexProduct{ width:100%;clear:both; padding:66px 0 66px 0;}
.indexProduct_c{
	 margin:58px -20px 0 -20px;
	 clear:both;
}


.indexProduct_c ul{ margin:0 -15px; display:flex; flex-wrap: wrap; align-items: flex-start;}
.indexProduct_c ul li{ float:left; width:25%; padding:0 15px; margin-top:30px;}

.indexProduct_c ul li a{ display:block; float:left; width:100%; border:1px solid #ececec; overflow:hidden;
-webkit-border-radius:6px; 
 -khtml-border-radius:6px;
   -moz-border-radius:6px;
        border-radius:6px;}
.indexProduct_c ul li a i{ display:block; width:100%; overflow:hidden; text-align:center;}
.indexProduct_c ul li a i img{ height:198px;width:auto;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;}
.indexProduct_c ul li a span{ display:block; float:left; width:100%; text-align:center; height:50px; line-height:28px;padding:10px 5px 0px 5px; color:#111; font-size:14px;word-break:break-all;}
.indexProduct_c ul li a:hover{
	border:1px solid #21944B;

	}
.indexProduct_c ul li a:hover span{

	color:#21944B;
	font-weight:bold;
	}
.indexProduct_c ul li a:hover i img{
-webkit-transform: scale(1.09,1.09);
   -moz-transform: scale(1.09,1.09);
    -ms-transform: scale(1.09,1.09);	
     -o-transform: scale(1.09,1.09);	
   		  transform: scale(1.09,1.09);}


@media  screen and (max-width:991px){
.indexProduct_c ul li{ width:50%;}
}

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

.indexProduct_c{margin:13px 0 0 0px;
	 clear:both;
}
.indexProduct_c ul{ margin:0 -15px;}
.indexProduct_c ul li{ width:50%; padding:0 1px; margin-top:2px;}
.indexProduct_c ul li a{
-webkit-border-radius:0; 
 -khtml-border-radius:0;
   -moz-border-radius:0;
        border-radius:0;}
.indexProduct_c ul li a span{ line-height:15px;font-size:12px;word-break:break-all; padding:8px 0px 0px 0px; height:42px;}
.indexProduct_c ul li a i img{
	width:100%;
	height:auto;
}
.indexProduct_c ul li a h4{ font-size:14px; line-height:34px; height:34px;}


}



/* 

.indexProduct_c ul{
	}

.indexProduct_c ul .item {
	font-size:15px; color: #959595; text-align:center; padding-top:0px; float:left;
}
.indexProduct_c ul .item img{
	margin-bottom:20px;}
.indexProduct_c ul .item-cur {
  color: #fff;
  background-color: #333;
}

*/


.ind-row3{padding:0 0 70px; background-color:#F6F6F8;}

.z-tit1{position:relative;padding:74px 0 58px;text-align:center}
.z-tit1 h3{position:relative;z-index:2;font-size:44px;color:#333;margin-bottom:3px}
.z-tit1 h3 strong{font-size:46px;color:#e42a13;margin:0 10px}

.z-tit1 em{font-weight:100;position:relative;z-index:2;font-size:20px;letter-spacing:1.5px;color:#666}
.z-tit1 em:before{content:'';position:absolute;left:-113px;top:50%;margin-top:-3px;width:82px;height:6px;background:url(../images/tit-l.png) no-repeat left center}
.z-tit1 em:after{content:'';position:absolute;right:-110px;top:50%;margin-top:-3px;width:79px;height:6px;background:url(../images/tit-r.png) no-repeat left center}
.z-tit1 .bg{position:absolute;top:74px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);text-transform:uppercase;font-size:90px;color:#f0f0f0;letter-spacing:6px}
.z-tit1.white em,.z-tit1.white h3{color:#fff}
.z-tit1.white em:before{background-image:url(../images/tit-l_white.png)}
.z-tit1.white em:after{background-image:url(../images/tit-r_white.png)}
.z-tit1.white strong{color:#fff;opacity:.15}

.wp{width:1140px;margin:0 auto}
.ul-adv{overflow:hidden;margin:0 -40px;padding:40px 0 0}
.ul-adv li{position:relative;float:left;width:25%}
.ul-adv li+li:after{content:'';position:absolute;top:28px;bottom:48px;width:1px;background-color:#e5e5e5}
.ul-adv .inner{margin:0 40px}
.ul-adv .pic{position:relative;margin:0 auto 30px;width:146px;height:146px;line-height:146px;text-align:center;background-color:#333;border-radius:50%;font-size:0}
.ul-adv .pic:after{content:'';position:absolute;top:-9px;right:-9px;bottom:-9px;left:-9px;border:2px dashed #EBC921;border-radius:50%;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s}
.ul-adv .pic img{display:inline-block;vertical-align:middle;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s; margin:28px 0 0 0;}
.ul-adv .inner:hover .pic img{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}
.ul-adv .txt{text-align:center}
.ul-adv .txt h4{font-size:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:10px}
.ul-adv .txt p{line-height:24px;color:#888;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;overflow:hidden;height:120px}


@media only screen and (max-width:1199px){
.wp{max-width:880px}

.ul-adv{margin:0 -10px}
.ul-adv .pic{width:120px;height:120px;line-height:120px}
.ul-adv .pic img{max-width:70%;max-height:70%}
.ul-adv .txt h4{font-size:16px}
.ul-adv .txt p{font-size:12px}
.ul-adv .inner{margin:0 15px}

}
@media only screen and (max-width:959px){
.wp{max-width:700px}
.ul-adv{padding:10px 0 0}
.ul-adv li{width:50%;margin-bottom:15px}
.ul-adv li:nth-child(3):after{display:none}
.z-tit1 h3{font-size:22px;margin-bottom:0}
.z-tit1 .bg{font-size:36px;top:30px}
.slick-z2 .r{padding:10px 0}
.ind-row3{padding:0 0 20px}
.slick-z4 .slick-dots{margin:20px 0 0}
.ind-row6{padding:0 0 30px}
.ind-row7 .col-l,.ind-row7 .col-r{float:none;width:auto}
.ul-culture .pic{width:120px;height:120px}

.ul-culture .txt h4{font-size:16px;margin-bottom:5px}
.ul-culture .txt{padding:0 5px}
.tit-g1{margin-bottom:20px!important}
.ul-reason .txt{font-size:12px;line-height:2;padding-right:20px}
.ul-reason .date{font-size:16px;line-height:24px;width:80px}
.ul-reason .con-inner{width:280px;padding-left:80px;min-height:72px}
.list-case li{width:50%;margin-bottom:20px}
.case-1{padding:20px 0}
.list-radios{margin:0}
.list-radios{padding-bottom:20px}
.list-case .item:hover .txt,.list-case .txt{padding:10px}
.list-case .name{font-size:16px;margin-bottom:5px}
.list-case{padding-bottom:50px}
.tit-g2{font-size:22px;margin-bottom:15px}
.contact-1 h4{font-size:18px;margin-bottom:10px}
.list-con{margin:0;padding:0}
.list-contact{margin:0}
.list-con.list_2 .list-contact{float:none;width:auto}
.list-contact{padding:0}
.list-contact h5{font-size:16px}
.contact-1 .item,.contact-1 .item2{padding:20px}
.list-contact .cus{min-height:auto}
.map-1{height:300px}
.map-1 h2{font-size:18px;padding:10px 0}
.form-msg{width:auto}
.tit-g3 h3{font-size:24px;margin-bottom:5px}
.message-1{padding:20px 0}
.form-msg input,.form-msg textarea{margin-bottom:10px}
.tit-g3{margin-bottom:20px;font-size:14px}
.list-contact li{padding-bottom:20px}
.contact-1 .item .col-l,.contact-1 .item2 .col-l{margin-bottom:20px}
.contact-1 h4{margin-bottom:0}
.news-list .txt{padding:0 10px}
.news-list .wp{padding:20px 0}
.news-list .date .s1{font-size:30px}
.news-list .date .s2{font-size:13px}
.news-list .tit a{font-size:18px}
.news-list .tit{margin-bottom:15px}
.news-1{padding:0 0 20px}
.news-list{margin-bottom:20px}
.list-serv li{width:50%}
.list-serv{margin:0 -5px}
.list-serv .inner{margin:0 5px 10px}
.tit-g8 h3{font-size:18px}
.list-progress .num{font-size:13px}
.list-progress p{font-size:11px}
.list-solution .box-txt{float:none;width:auto;padding:10px}
.list-solution .pic{float:none!important;width:auto}
.list-solution .inner{position:static;padding-top:0}
.list-solution .pic img,.list-solution .txt{position:static}
.detail-txt .tit{font-size:20px;margin-bottom:10px;padding-bottom:10px}
.slick-for{margin-bottom:20px}
.detail-txt .txt{line-height:28px;margin-bottom:20px}
.detail-txt .online,.detail-txt .state,.product-info{margin-bottom:20px}
.form-product{padding:20px}
.form-product .tips{margin-bottom:20px}
.form-product .btn input{width:240px}
.form-product .item,.form-product .tar{margin-bottom:10px}
}
@media only screen and (max-width:767px){
.wp{width:94%}
.hdr{width:80%}
.fd-bot{line-height:20px}
.fd-bot .copyright{font-size:12px}
.fd-bot .copyright span{display:block;margin:0}
.z-tit1{padding:20px 0}
.ind-row1{padding:0 0 20px}
.slick-z1 .pic{height:180px;line-height:180px}
.slick-z1 .slick-prev,.slick-z3 .slick-prev,.slick-z5 .slick-prev{left:10px}
.slick-z1 .slick-next,.slick-z3 .slick-next,.slick-z5 .slick-next{right:10px}
.slick-z1 .slick-list{padding:0}
.slick-z2 .item{padding:10px 40px 10px 10px}
.ind-row2{padding:0 0 20px}
.slick-z2 .l{width:auto}
.slick-z2 .slick-dots{right:5px}
.slick-z2 .more,.slick-z2 .slick-dots li{width:24px;height:24px;font-size:12px;line-height:2}
.slick-z2 .more{right:5px}
.slick-z2:after{right:35px}
.slick-z2 h4{font-size:18px;margin-bottom:5px}
.slick-z2 .info{margin-bottom:10px}
.slick-z2 p{font-size:12px;line-height:20px}
.ul-adv .pic{width:90px;height:90px;line-height:90px;margin-bottom:15px}
.ul-adv .txt p{line-height:20px;-webkit-line-clamp:6}
.slick-z5{margin:0 -3px}
.slick-z5 .item{height:50px;line-height:48px;margin:0 3px}
.slick-z3 .slick-arrow,.slick-z5 .slick-arrow{-webkit-background-size:10px auto;background-size:10px auto}
.ul-problem .problem-item .problem-item__link{line-height:50px;padding-left:30px}
.ul-problem .problem-item .problem-item__link:after{left:15px}
.tit-ind2 h3{font-size:20px}
.tit-ind2 a{line-height:30px}
.tit-ind2{margin-bottom:20px}
.ind-row7{padding:20px 0}
.m-news .cont{float:none;width:auto;margin-right:0}
.banner .slick-dots li{width:6px;height:6px;border-radius:3px;margin:0 3px}
.banner .slick-dots li.slick-active{width:15px}
.banner .slick-arrow,.slick-z4 .slick-arrow{display:none!important}
.slick-z5 .slick-dots{bottom:-18px}
.slick-z5 .slick-dots li{width:6px;height:6px;border-radius:3px;margin:0 3px}
.slick-z5 .slick-dots li.slick-active{width:15px}
.slick-z4{margin:0 -3px}
.slick-z4 .item{margin:0 3px;padding:15px 0 0}
.slick-z4 h4{font-size:14px;margin-bottom:15px}
.z-more2{width:120px;height:36px;line-height:34px;border-radius:17px}
.slick-z4 .txt p{font-size:12px;line-height:20px;height:60px}
.m-location .wp{width:auto}
.cur{padding-left:35px;background-position:5px center;font-size:12px}
.m-location .location a{font-size:12px;float:left;width:33.33%;line-height:36px;margin-right:0;text-align:center}
.tit-g1 h3{font-size:20px}
.tit-g1 .en{font-size:12px}
.video-txt-1 .txt h4{font-size:16px!important;margin-bottom:10px}
.video-txt-1 .txt h4:before{height:1px}
.video-txt-1 .col-l,.video-txt-1 .col-r{float:none;width:auto!important}
.video-txt-1 .col-r{margin-bottom:30px}
.video-txt-1 .txt,.profile-1 .txt-box{font-size:12px}
.list-tabs li a{font-size:14px;width:100px}
.ul-culture li{width:50%}
.msg-1 .pic{float:none;margin:0 auto;width:50%}
.msg-1 .txt h3{font-size:20px}
.video .start{width:50px;height:50px;margin:-25px 0 0 -25px}
.ul-reason .con-inner{width:auto}
.ul-reason .txt{padding:5px}
.ul-reason .date{font-size:14px;line-height:20px;width:60px}
.ul-reason .con-inner{padding-left:60px}
.ul-reason li:before{left:auto;right:10px}
.ul-reason li:after{display:none}
.ul-reason .con{float:none;width:auto}
.list-radios li{padding:0 10px;width:50%}
.contact-1{padding:20px 0}
.form-msg .inp{font-size:14px;padding:0 5px}
.form-msg .tar{padding:5px;font-size:14px}
.form-msg .sub{height:45px;line-height:45px}
.news-list .img{float:none;width:auto}
.news-list .txt{padding:10px}
.news-list li .wp{position:relative}
.news-list .date{float:none;position:absolute;top:20px;left:0;width:60px;padding:10px 0;margin-top:0}
.news-list .date .s1{font-size:20px}
.news-list .date .s2{font-size:12px}
.detail-con{padding:20px 10px 0}
.detail-con .top h1{font-size:20px;margin-bottom:15px}
.detail-con .info .share{float:none}
.detail-con .info .txt span{float:left;min-width:40%}
.detail-con .con{padding:20px 0}
.detail-con .case-page .link{padding:10px 0}
.detail-con .case-page .link a{font-size:14px;line-height:2}
.detail-con .case-page .return{width:130px;height:36px;line-height:36px;font-size:16px}
.detail-con .case-page .return i{width:14px;height:14px;margin-right:5px}
.box-item-1,.case-detail-1{padding:0}
.detail-con .case-page .link a{float:none;width:auto;display:block}
.slick-product{width:auto;padding-bottom:30px}
.slick-product h4{font-size:14px;padding:0 5px}
.slick-product .pic{margin-bottom:10px}
.slick-product .pic .icon{width:40px;height:40px;margin:-20px 0 0 -20px}
.case-item .pic .icon{width:40px;height:40px}
.tit-g4 h3 span{font-size:20px}
.tit-g4{margin:0 0 20px}
.slick-case .slick-dots li,.slick-product .slick-dots li{width:6px;height:6px;margin:0 4px}
.slick-product .slick-dots{bottom:12px}
.product-1 .col-l .box-item-2:last-child{display:none}
.top-g1 .so{position:relative;width:auto}
.top-g1{padding-right:0;height:auto;margin-bottom:20px}
.list-tabs-2{margin-bottom:10px}
.list-tabs-2 li{font-size:18px}
.list-tabs-2 i{padding:0 5px}
.product-1{padding:10px 0 0}
.list-product-2 li{width:50%;margin-bottom:10px}
.list-product-2{margin:0 -5px;padding-bottom:10px}
.list-product-2 .con{margin:0 5px}
.list-product-2 h4{font-size:12px;line-height:3}
.list-product a{line-height:44px;font-size:16px;padding-left:50px;background-position:10px center}
.tit-g6 h3{font-size:18px}
.tit-g6 h3 span{font-size:12px}
.tit-g6{padding:10px 0 10px 50px;background-position:10px center}
.product-1 .col-l{padding:0 0 20px;width:auto}
.tit-g5 h3{font-size:20px}
.list-progress li{width:33.33%;margin-bottom:10px}
.list-qs li{float:none;width:auto}
.list-qs .con{margin:0;padding:10px 0}
.list-solution .txt{width:auto}
.list-solution .txt h4{font-size:18px}
.list-solution .pic .mask{display:none}
.list-solution .txt p{margin-bottom:5px}
.solution-ad-1 h3{font-size:14px}
.solution-ad-1 h3 em{padding:0 3px}
.solution-ad-1 .link{width:auto}
.solution-ad-1 .link .tel{font-size:16px;letter-spacing:1px}
.solution-ad-1 .link .online{font-size:16px;width:100px}
.solution-ad-1{padding-left:15px;padding-right:15px}
.z-tit1 .bg{font-size:20px}
.slick-z3{margin:0 -5px;padding-bottom:0}
.ind-row5{padding:0 0 20px}
.m-pop .box{width:90%;left:5%;margin-left:0}
.g-close{width:35px;height:35px;top:-35px}
.m-location.location_2 .cur{float:none}
.hot-so{padding:0 5px}
.hot-so .so{width:auto;margin-left:0;float:none}
.detail-txt .state em{margin-right:2px;font-size:12px;min-width:60px}
.list-tabs-3 a{font-size:16px;padding:5px}
.form-product .item{float:none;width:auto}
.form-product .sp1{font-size:14px;min-width:70px;float:none}
.form-product .item i{top:72%}
.form-product .btn input{width:120px;font-size:14px}
.detail-page a{float:none!important;width:auto;font-size:14px;text-align:left!important}
.detail-page{padding:0 10px}
.product-detail{padding-bottom:10px}
.detail-txt .txt p{float:none;width:auto;padding-left:0}
.detail-txt .txt{margin:0}
.detail-txt .online{font-size:14px;height:36px;line-height:36px;border-radius:18px}
.list-tabs-3 li{margin:0 5px}
.case-item h4{font-size:12px}
.solution-case-1 .slick-z3 .slick-arrow,.solution-case-1 .slick-z5 .slick-arrow{width:25px;height:50px;margin-top:-25px;-webkit-background-size:25px auto;background-size:25px auto}
.solution_detail-1 .con{padding:15px 0 30px}
.solution_detail-1 .con img{margin-top:15px}
}


.sixhy{
	flex: 1;
	text-align: center;
}
.hyimage{
	width: 120px;
	height: 120px;
	margin: 5px auto;
}
.hyname{
	color: #fff;
	font-size:14px;
	padding-top:10px;
}


.index-aboutzf{ width:100%;padding:88px 0 88px 0; background-color:#F7F7F7; }

.w1220{ width:1220px; margin:0 auto;}


.index-aboutzf_c{
	margin-top:38px;
	text-align:left;
	font-size:15px;
	line-height:25px;
	background-size: 100%;

	color:#333;
	padding:15px 0 68px 0;
}

.index-aboutzf_c .aboutimg{
	float:left;
	margin:0 30px 0 0;
	height:250px;
}
.index-aboutzf_c .enaboutimg{
	float:left;
	margin:0 30px 0 0;
	height:250px;
}
.index-aboutzf_c .aboutimgm{
	display:none;
}
.index-aboutzf_c p{
	padding:15px 25px;
}
.index-aboutzf_c .enp{
	font-size:16px;
	line-height:30px;
}
.index-aboutzf_c p .span_pc{
}
.index-aboutzf_c p .span_m{
	display:none;
}

.index-aboutzf_c a:hover{
	color:#21944B;
	text-decoration:underline;
	}

.index-aboutzf_c>ul{
	margin-top:55px;

}
.index-aboutzf_c>ul>li{ width:275px; height:260px;float:left;overflow:hidden;margin:0px 15px;}
.index-aboutzf_c ul .image{ height:190px; width:275px; }
.index-aboutzf_c ul .image img{
	width:275px;
	height:190px;
}
.index-aboutzf_c li .name{ height:50px;overflow: hidden; text-align:center;line-height:50px; font-size:14px;color:#555555;}
.index-aboutzf .case_more{
	height:50px;
	width:180px;
	clear:both;
	text-align:center;
	font-size:20px;
	line-height:50px;
	background-color:#333;
	color:#FFFFFF;
	margin:40px auto 50px auto;
	border-radius:28px;
}
.index-aboutzf .case_more a{
	color:#FFFFFF;
}
@media only screen and (max-width:767px){
.index-aboutzf{
	padding:50px 0 20px 0;
}
.index-aboutzf_c{
	margin-top:18px;
	text-align:center;
	padding:10px 0 40px 0;
}
.index-aboutzf_c p{
	padding:15px 0px;
}
.index-aboutzf_c .enp{
	font-size:15px;}
.index-aboutzf_c strong{ display:none;}
.index-aboutzf_c .aboutimg{
	display:none;
}
.index-aboutzf_c .enaboutimg{
	float:none;
	margin:0 0 20px 0;
	width:100%;
	height:auto;
}
.index-aboutzf_c .aboutimgm{
	float:none;
	margin:0 0 20px 0;
	width:100%;
	height:auto;
	display:inline-block;
}
.index-aboutzf_c p .span_pc{
	display:none;
}
.index-aboutzf_c p .span_m{
	display:inline-block;
}
}

.more_div{
	width:100%;
	float:left;
	text-align:center;
	margin:30px auto 0 auto;
	
	}

.roundsa1_more {
    display: inline-block;
    padding: 10px 20px;
    color: #21944B;  
	border:3px solid #21944B;
    border-radius: 40px;
    font-size: 14px;
    margin-left: auto;
    margin-right: auto;

}

.more_div a:hover{
	background-color:#21944B;
	color:#FFFFFF;
	}
/* ====================================================
    Product 
 ====================================================== */
.news-section {
    position: relative;
	padding:88px 0;
}

.news-section .row{
	margin-top:53px;
	
}


.news-block .news-inner, .news-block .news-inner .news-image {
    position: relative;
    display: block;
    overflow: hidden;
}
.news-block .news-inner .news-image {
	height:222px;
}
.news-block .news-inner {
    background: #fff;
    box-shadow: 0 15px 40px 10px rgba(0,0,0,.05);
    border-radius:10px;
    max-width: 410px;
    margin: 0 auto;
}



.news-block .news-inner .news-image img {

    width:110%;
-webkit-transition: all 0.6s ease-out 0s; 
   -moz-transition: all 0.6s ease-out 0s; 
     -o-transition: all 0.6s ease-out 0s; 
        transition: all 0.6s ease-out 0s;
}
.news-block .news-inner:hover .news-image img {
	-webkit-transform: scale(1.08,1.08);
	-moz-transform: scale(1.08,1.08);
    -ms-transform: scale(1.08,1.08);	
	-o-transform: scale(1.08,1.08);
	transform: scale(1.08,1.08);	
}
.news-block .news-inner .news-content-block {
    position: relative;
    display: block;
    padding: 18px 25px 0 25px;
}
.news-block .news-inner .news-content-block h3 {
    display: block;
    font-size: 20px;
    line-height: 36px;
      margin: 7px 0;
}

.news-block .news-inner .news-content-block h3 a {
    display: inline-block;
    color: #333;
}
.news-block .news-inner .news-content-block .post-info li a:hover, .news-block .news-inner .news-content-block .post-info li svg, .news-block .news-inner .news-content-block h3 a:hover {
    color: #21944B;
}
.news-block .news-inner .news-content-block p {
    margin-bottom: 25px;
}


.news-block .news-inner .ads {
  display: flex;
  padding: 0 28px 34px 28px;
  align-items: center;
  margin-top: 20px;
}
@media (max-width: 1600px) {
.news-block .news-inner .ads {
  padding: 0 28px 34px 28px;
  }
}
@media (max-width: 1200px) {
.news-block .news-inner .ads {
    bottom: 30px;
    display: block;
  }
}
@media (max-width: 750px) {
.news-section {
	padding:52px 0;
}
.news-block .news-inner{
    margin-bottom:10px;
  }
.news-block .news-inner .ads {
    bottom: 33px;
	margin-top: 10px;
	margin-bottom:20px;
  }
}
.news-block .news-inner .ads .ads-item {
  margin-right: 34px;
  line-height: 0;
  position: relative;
  padding-left:0px;
}
.news-block .news-inner .ads .ads-item:last-child {
  margin-right: 0;
}
@media (max-width: 1600px) {
.news-block .news-inner .ads .ads-item {
    margin-right: 20px;
  }
}
@media (max-width: 750px) {
.news-block .news-inner .ads .ads-item {
    margin-right: 15px;
	float:left;
  }
}
.news-block .news-inner .ads .ads-item span.iconfont {
  font-size: 22px;
  color: #333;
  position: absolute;
  left: 0;
  top: -2px;
}
@media (max-width: 1600px) {
.news-block .news-inner .ads .ads-item span.iconfont {
    font-size: 20px;
  }
}
@media (max-width: 750px) {
.news-block .news-inner .ads .ads-item span.iconfont {
    font-size: 18px;
  }
}
.news-block .news-inner .ads .ads-item span.iconfont.icon-time3 {
  font-size: 20px;
}
@media (max-width: 1600px) {
.news-block .news-inner .ads .ads-item span.iconfont.icon-time3 {
    font-size: 18px;
  }
}
@media (max-width: 1200px) {
.news-block .news-inner .ads .ads-item span.iconfont.icon-time3 {
    font-size: 16px;
    line-height: 1.95;
    padding-left: 2px;
  }
.news-block .news-inner .ads .ads-item span.iconfont.icon-time3 {
    line-height: 1.95;
  }
}
.news-block .news-inner .ads .ads-item span {
  vertical-align: middle;
  color: #333;
  font-size: 16px;
  line-height: 1.95;
  margin-right:5px;

}

@media (max-width: 1600px) {
.news-block .news-inner .ads .ads-item span {
    font-size: 14px;
    line-height: 1.95;
  }
.news-block .news-inner .ads .ads-item span {
    line-height: 1.95;
  }
}
@media (max-width: 1280px) {
.news-block .news-inner .ads .ads-item span {
    font-size: 12px;
    line-height: 1.667;
    line-height: 1.5;
  }
}
@media (max-width: 1200px) {
.news-block .news-inner .ads .ads-item span {
    font-size: 14px;
    line-height: 1.95;
  }
.news-block .news-inner .ads .ads-item span {
    line-height: 1.95;
  }
}










.news-block .news-inner .news-content-block .news-review li {
    display: inline-block;
}

.news-block .news-inner .news-content-block .news-review li i {
    color: #fc5e16;
    font-size: 11px;
}
.news-block .news-inner .news-content-block .news-review li .rating {
    color: #ccc;
    font-size: 11px;
}
.news-block .button.button-primary.d-inline-block {
    background: none;
    border: 1px solid #21944B;
    color: #fc5e16;
    padding: 7px 15px;
    border-radius: 50px;
    font-weight: 400;
}



/* ====================================================
    HEADINGS
 ====================================================== */
.section-head {
  position: relative;
}

.section-head .heading-bg {
  position: absolute;
  font-weight: 700;
  font-size: 110px;
  letter-spacing: -3px;
  color: #94a6c41f;
  text-transform: uppercase;
  left: 0;
  z-index: -1;
  bottom: 23px;
  line-height: 1;
}

.section-head .section-title {
  font-size: 40px;
  line-height: 48px;
  color: #001c47;
  font-weight: 700;
}


.section-head .heading-dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  border: 3px solid #fc5e16;
  margin-bottom: 0px;
  margin-left: 0px;
}

.heading-1 {
  font-size: 34px;
  line-height: 41px;
  color: #001c47;
  font-weight: 700;
  font-family: "Roboto", sans-serif;
}


.heading-2 {
  font-size: 22px;
  line-height: 32px;
  font-weight: 500;
  font-family: "Roboto", sans-serif;
}


.heading-2.white {
  color: #ffffff;
}

/* ====================================================
    BUTTONS
 ====================================================== */
.button {
  display: inline-block;
  font-size: 16px;
  font-weight: 700;
}

.button.button-primary {
  color: #ffffff;
  background-color: #21944B;
  padding: 15px 40px;
  position: relative;
  z-index: 2;
  border-radius: 5px;
}

.button.button-primary:hover, .button.button-primary:focus {
  -webkit-transition: -webkit-box-shadow 0.3s ease-in;
  transition: -webkit-box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in;
  transition: box-shadow 0.3s ease-in, -webkit-box-shadow 0.3s ease-in;
}


.button.button-minimal {
  font-size: 16px;
  line-height: 27px;
  color: #001c47;
  font-weight: 700;
}

.button.button-minimal .icon {
  font-size: 14px;
  margin-left: 5px;
}

.button.play-button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 120px;
    height: 120px;
    background-color: #fc5e16;
    color: #ffffff;
    border-radius: 50%;
    -webkit-animation: playVideo infinite 3.5s;
    animation: playVideo infinite 3s;
}


.button.play-button .play-icon {
  font-size: 25px;
  color: #fc5e16;
}




#contact {
	background: #FFF;
	padding: 100px 0;
	text-align: center;
}

#contact .row{
	margin-top:20px;
	padding-top:20px;
	border-top:1px #EEEEEE solid;
}

#contact .form {
	padding:10px 0;
}
#contact .fa {
	color: #E89A2F;
	margin-bottom: 10px;
}
#contact .btn {
	font-weight: 500;
	font-size: 18px;
	margin-top: 50px;
	background-color: #E89A2F;
	color: #fff;
	border: 0;
	border-radius: 0;
}
#contact .btn:hover, #contact .btn:focus {
	background-color: #e9af03;
	outline: 0px;
}
#contact .row .col-md-3{
	padding-top:22px;

}
#contact .row .col-md-3 .cnc{
	text-align:left;
	font-size:15px;
	line-height:27px;
}

#contact .col-md-5{
	line-height:38px;}


#greywrap {
	background: #f5f5f5;
	margin-top: 0px;
	padding: 50px 0;
	border-bottom: 1px solid #eee;
	text-align: center;
}
#greywrap .btn {
	font-family: "Raleway";
	font-weight: 300;
	font-size: 20px;
	margin: 0 25px;
	background-color: #fff;
	border-color: #e2e2e2;
	color: #888;
	border-bottom: 0;
	letter-spacing: 1px;
}
#greywrap .btn:hover, #greywrap .btn:focus {
	margin: 0 25px;
	background-color: #fff;
	border-color: #a5cdd5;
	border-bottom: 0;
	outline: 0px;
	color: #a5cdd5;
}
#greywrap h2 {
	font-size: 30px;
}
#greywrap .callout {
	margin-bottom: 20px;
}
#greywrap p {
	font-size: 30px;
}
#greywrap .fa {
	font-size: 18px;
	margin-right: 4px;
}

#contact p {
	line-height: 28px;
	margin-bottom: 20px;
	font-size: 15px;
}

#contact strong{
	font-size:16px;
}
@media only screen and (max-width:767px){
#contact{
	padding:50px 0;
}
#contact .row .col-md-3 .cnc{
	text-align:center;
	line-height:21px;

}
#contact .col-md-9{
	display:none;}
}

.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}

/*首页底部*/
.Footer{
	background:#F7F7F7;
	padding:20px 0;
	min-height:258px;
	overflow:hidden;
	text-align:center;
}
.Footer .F_w{
	width:1200px;
	margin:0 auto;
	text-align:left;
	padding:20px 0 0 0;
}
.Footer > .F_w > .left > ul{
	padding-top:3px;
}
.Footer > .F_w > .left > ul > li{
	float:left;
	font-size:18px;
	color:#333;
}
.Footer > .F_w > .left > ul > li > ul{
	padding: 15px 0;
	overflow:hidden;
}
.Footer > .F_w > .left > ul > li > ul > li{
	height:34px;
	line-height:36px;
	font-size:14px;
	color:#555;
	overflow:hidden; white-space:nowrap; text-overflow:ellipsis;
}
.Footer > .F_w > .left > ul > li > ul > li > a{
	color:#555;
	font-size:14px;

}
.Footer > .F_w > .left > ul > li > ul > li > a:hover{
	color:#000;
	text-decoration:underline;
}
.Footer > .F_w > .left > ul > li > ul.f1{
	width:200px;
}
.Footer > .F_w > .left > ul > li > ul.f2{
	width:200px;
	padding-right:20px;
}
.Footer > .F_w > .left > ul > li > ul.f3{
	width:200px;
}
.Footer > .F_w > .left > ul > li > ul.f4{
	width:280px;
}
.Footer .middle{
	float:left;
	width:690px;
	color:#BBB;
}
.Footer .middle h3{
	font-size:18px;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#333;
	line-height:30px;
}

.Footer .middle ul{
	padding: 15px 0;
	overflow:hidden;

}
.Footer .middle ul li{
	height:30px;
	line-height:30px;
	color:#A8A9A9;
	font-size:14px;
	width:335px;
	float:left;
	margin-right:5px;
}
.Footer .middle ul li .Name{
	float:left;
	width:260px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
.Footer .middle ul li .Time{
	float:right;
	width:75px;
	font-size:12px;
}

.Footer .middle ul li a{
	color:#A8A9A9;
	font-size:14px;
}
.Footer .middle ul li a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
.Footer .right{
	padding-top:5px;
	text-align:center;
	color:#A8A9A9;
	float:right;
	font-size:14px;
}
.Footer .right img{
	width:140px;
	margin-bottom:10px;
}
.FooterCR{

	background:#EBEBEB;
	border-top:#EFEFEF 1px solid;;
	padding:15px 0px;
	line-height:20px;
	color:#999999;
	font-size:12px;
	text-align:center;
}
.FooterCR .FCR_c{
	width:1200px;
	margin:0 auto;
}

.FooterCR a{
	color:#999999;
}
.FooterCR a:hover{
	text-decoration:underline;
}


@media only screen and (max-width:767px){
.Footer .F_w{
	width:100%;
	text-align:center;
}
.Footer .F_w .left{
	display:none;}
.Footer .F_w .right{
	width:100%;
}
}



#clue-bar-qc1984 .mmb_con{ display:none; } 
@media only screen and (max-width: 768px){ 
#clue-bar-qc1984 .mmb_con{ 
display: flex; 
justify-content: space-around;

background:rgba(1,153,52,.7);
position: fixed; 
width: 100%; 
overflow-x:hidden; 
bottom: 0; 
z-index:99; } 
#clue-bar-qc1984 .mmb_con div{ display:flex; justify-content:center; align-items:center; } 
#clue-bar-qc1984 .mmb_con a{ display:block; text-align:center; font-size:16px; color:#fff; 
line-height:50px;
cursor: pointer;
margin-left:10px;

} 
#clue-bar-qc1984 svg:not(:root){ overflow:hidden; height:24px; } } 

@media only screen and (max-width: 768px){ 
#clue-bar-qc1984 .mmb_con a{ font-size:14px; } } 
#clue-bar-qc1984{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:auto; margin-left:auto; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }