@import url("animate.css");
#nbanner{
	width:100%;
	float:left;
}
#nbanner img{ width:100%; display:block;}
#nyweb{width:100%; padding: 60px 0; float:left;background: url(pro_gs_bg.jpg) repeat; overflow:hidden;}
/*上一个  下一个*/

#nlmc{ width:100%; float:left; background-color:#fff; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px; min-width:1200px;}
#nypage{
	width:1200px;
	float:left; 


}

.webtit{padding-bottom:10px;text-align:center; width:100%; float:left;}
.webtit h5{text-align:center}
.enfont{letter-spacing:.06em;transform:scale(1,1.1);text-transform:uppercase; text-align: center;}
.webtit em{display:block;line-height:24px;position:relative; text-transform:uppercase;font-size:24px;color:#333333; margin-bottom: 25px; background: url(index_pro_tit_xian.png) no-repeat center;}
.webtit span{line-height:30px;font-size:30px;color:#0A87DB;}
#lmdf{float:left;width:1200px; text-align:center;  margin-top:5px; margin-bottom:5px; overflow:hidden;}
#lmdf A{ width:18%;line-height:45px; color:#444;font-size:15px;border-radius:2px; border:#ddd solid 1px;
	display:inline-block; text-align:center; background-color:#fff;
 margin:5px 6px;
}
#lmdf A:hover{color:#fff;font-size:15px;border-radius:2px; border:#0B7ECF solid 1px; background-color:#0A87DB;}
#lmdf A.sec{color:#fff;font-size:15px;border-radius:2px; border:#0B7ECF solid 1px; background-color:#0A87DB;}
#contain{width:1200px; float:left;}
#contain-1{
	width:1200px;
	float:left;
	background-image: url(dg.jpg);
	background-repeat: repeat-x;
	background-position: left 51px;
}
#contain-2{
	width:1200px;
	float:left;
	line-height:22px;
word-break:break-all; /*支持IE，chrome，FF不支持*/

　　word-wrap:break-word;/*支持IE，chrome，FF*/
font-size:12px; overflow:hidden;


}
#contain-2 UL {
	COLOR:#565656; list-style-type:none; margin-bottom:8px;
}

#contain-2 UL LI A {
	color:#333; 
}
#contain-2 UL LI {
	width:1160px; float:left;
	line-height:22px;
	font-size:12px; padding:20px;  margin-bottom:15px;
position:relative; display:block; z-index:1;  background-color:#f9f9f9;
	
}
#contain-2 ul li::after {
	background: #FFF9F7; transition:0.6s; left: -100%; top: 0px; width: 100%; height: 100%; position: absolute; z-index: -1; content: " ";
}
#contain-2 ul li:hover::after{ left:0px;}
#contain-2 UL LI .zs{ width:1010px; float:left;}
#contain-2 UL LI h3{ font-size:15px; line-height:26px; margin-bottom:2px; font-weight:normal; overflow:hidden; height:26px;}
#contain-2 UL LI .img2{ float:right; width:130px; height:112px; border:0px; margin-left:18px;}
#contain-2 UL LI b{ font-size:25px;  line-height:30px; text-align:center; m}
#contain-2 UL LI p{ font-size:14px; line-height:25px; color:#0A87DB; text-align:center;font-weight:normal;}
#contain-2 UL LI A .sj {
	text-align:center;
	cursor:pointer;
	width:73px; padding-top:10px; overflow:hidden;
	height:75px;
	color:#0A87DB;
	float:left;
	margin-right:25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	 background-color:#fff; border:#ddd solid 1px;border-radius:2px;
}
#contain-2 UL LI em{
	color:#999; font-size:14px;
	font-style: normal;
}
#contain-2 UL LI A:hover { color:#0A87DB}
#contain-2 UL LI A:hover .sj{ background-color:#0A87DB; border:#3399FF solid 1px;}
#contain-2 UL LI A:hover b,#contain-2 UL LI A:hover p{ color:#fff;}
#contain-2 UL LI span{ float:right; margin-top:25px; }
#contain-2 UL LI A span {border:#666 solid 1px; line-height:26px; font-size:12px; background-color:#666; color:#fff; width:80px;border-radius:1px; display:block; text-align:center;}
#contain-2 UL LI A:hover span {border:#0A87DB solid 1px; background-color:#0A87DB; color:#fff;}
#contain-c{width:1200px; float:left; min-height:400px; margin-top:18px;font-size:14px;  padding-bottom:20px;}
#contain-a{width:1200px; float:left;}
#contain-3{width:1200px; float:left;}
#contain-c .danye{line-height:26px; color:#525252; font-size:14px; float:left;}
#contain-c .danye img{ max-width:100%; margin-top:5px; margin-bottom:5px;}
#tplist{ width: 100%; float:left;}
#tplist ul{list-style-type:none;}
#tplist ul li{ width: 287px; height: 208px; background: #fff;  overflow: hidden; float: left; margin-right: 17px; margin-bottom: 17px; 
position: relative;}
#tplist ul li:nth-child(4n){margin-right: 0;}
#tplist ul li .case_list_pic{width:287px; height: 208px; overflow: hidden;}
#tplist ul li .case_list_pic img{width:100%; min-height:208px;transition:all 0.4s ease-in-out 0s;}
#tplist ul li .case_list_tit{ width: 100%; height: 97px; position: absolute; left: 0; bottom: 0; z-index: 99; background: url(index_case_hei.png) no-repeat;}
#tplist ul li .case_list_tit p{width: 100%; height: 36px; line-height: 36px; color: #fff; font-size: 14px; text-align: center; padding: 0 10px; overflow: hidden; margin-top: 60px;}
#tplist ulli:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#twlist{ width: 100%; float:left; }
#twlist li{ width: 386px; height: 265px; margin-bottom: 40px; margin-right: 20px; overflow: hidden; float: left;}
#twlist li:nth-child(3n){ margin-right: 0;}
#twlist li .tp{ width:386px; height:265px; overflow:hidden;}
#twlist li img{ width:100%; min-height:265px;transition:all 0.4s ease-in-out 0s;}
#twlist li:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);}
#twlist li a{ display: block; position: relative;}
#twlist li a dl{ width: 100%; height: 350px; position: absolute; z-index:10; top:144px; background: url(pro_case_hei.png) no-repeat; padding-top: 80px; transition: all .3s ease;}
#twlist li a dl dt{ width:100%; text-align: center;}
#twlist li a dl dt span{ display: inline-block; font-size:18px; color: #fff; transition: all .3s ease; font-weight: bold;}
#twlist li a dl dd{ width: 330px; margin: auto; margin-top: 22px; font-size: 16px; line-height: 30px; text-align: center;color: #fff;}
#twlist li:hover a dl{ top: -80px; background: rgba(0,0,0,0.5);}
#twlist li:hover a dl dt{ margin-top: 50px;}
#twlist li:hover a dl dt span{ font-size: 18px; background: #fd4919; padding: 0 26px; height: 44px; overflow:hidden; line-height: 44px;}
.hei15{font-size:14px; color:#010101; font-weight:bold; height:40px; line-height:30px; border-bottom:#8696C1  dotted 1px;font-family: "微软雅黑","黑体"; margin-bottom:12px;}
.heib{font-size:14px; color:#fff; background-color:#0A87DB; padding-left:12px; font-weight:bold; height:32px; line-height:32px; margin-bottom:12px;}
.hei16{font-size:14px; color:#010101; line-height:25px; font-family:"Microsoft YaHei", "微软雅黑", "黑体";}
.w2{font-family:"Microsoft YaHei", "微软雅黑", "黑体"; font-size:12px; font-weight:normal;}
#title{
	font-family:"Microsoft YaHei", "微软雅黑";
	font-size: 28px; font-weight:normal;
	color:#333;
	line-height:60px;
	text-align:center;
}

#cptitle{
	font-family:"Microsoft YaHei", "微软雅黑";
	font-size: 18px;
	font-weight: bold;
	color:#0A87DB;
	line-height:40px;
	text-align:left;  border-bottom:#0A87DB dotted 1px;
}
#ly{ position:relative; display:block; z-index:1; 
	font-size: 14px;
	
	color:#444;
	height:40px;
	line-height:40px;
	text-align:center;
	font-weight:normal; padding-bottom:15px;
}
#ly::after {
	background: #ddd; transition:0.8s; left:-50%; bottom: 0px; width: 200%; height:1px; position: absolute; z-index: -1; content: " ";
}
#wzzs{position:relative; display:block; z-index:1; padding-bottom:15px;}

#pagelist{position:relative; font-size:14px; display:block; z-index:1;  height:50px; line-height:50px;}
#pagelist .right{ float:right;}
#pagelist .left{ float:left;}
#pagelist::after {
	background: #fff; transition:0.8s; left:-50%; bottom: 0px; width: 200%; height:48px; border-bottom:#ddd solid 1px; border-top:#ddd solid 1px; position: absolute; z-index: -1; content: " ";
}
#nr{
	font-size: 13px;	
	color:#333333;
	line-height:25px;
	text-align:left;
	padding:5px;
}
video::-webkit-media-controls-enclosure { overflow:hidden;    }
video::-webkit-media-controls-panel {
        width: calc(100% + 30px);
    }
#nr VIDEO{width:600px; height:400px; overflow:hidden;}
#nr hr{ height:2px; background-color:#0A87DB; overflow:hidden; border:0px;}
#nr img{ max-width:98%; margin-bottom:10px;}
.lm1{ background-color:#f1f1f1; border:#dddddd 1px solid; padding:10px;}
.lm2{border:#dddddd 1px solid; background-color:#FFFFFF; padding:10px;}
.hg1{ margin-top:12px;}
#lbb2{text-align:center; font-size:12px; width:100%; float:left; margin-top:20px; line-height:20px;}
#lbb2 span{margin-left:2px; margin-right:2px;}
#lbb2 .current{ padding-left:8px; padding-right:8px; background-color:#0A87DB; border:#0A87DB solid 1px;color:#fff;padding-top:4px; padding-bottom:4px;}
#lbb2 A{ border:#ddd solid 1px; padding-left:8px; background-color:#FFFFFF; padding-right:8px; padding-top:4px; padding-bottom:4px;margin-left:2px; margin-right:2px;}
#lbb2 A:hover{ border:#0A87DB solid 1px;color:#0A87DB;}
#lbb2 .pagebegin{ float:left;}
#lbb2 .page-num{ float:right;}
.gbg{ border:#ddd solid 1px; padding:1px;
}
.rmlb{ text-align:left; border-top:#ff3300 solid 3px; line-height:28px; margin-top:12px;}
.rmlb A{ padding-left:6px; padding-right:6px;}
#nylm{ FLOAT: right; WIDTH: 260px;}
#lefta{width:258px; float:left; padding-left:1px; padding-right:1px;}
#lm-1{
	width:260px;
	float:left;
	padding-top:16px; padding-bottom:16px; background-color:#0A87DB;
}
#lm-1 h1{ padding-left:20px; font-size:16px; color:#fff; line-height:30px; font-weight:normal;}
#lm-1 h2{
	padding-left:20px;
	font-size:12px;
	color:#D3D1D4;
	line-height:18px;
	text-transform:capitalize;
	font-weight:normal;
	font-family: Arial, Helvetica, sans-serif;
}
#nylm-1{
	 width:200px; float:left; margin-top:8px;
}



#lxwm{ width:200px; line-height:24px;  float:left; font-size:12px;}
.hg1{ margin-top:12px;}
#nyxg{ width:1200px; float:left; margin-top:20px; }
#nyxg_1{
	width:1200px;
	float:left;
	height:40px;
	background-color:#0A87DB;border-radius:2px}
#nyxg_1 h2{  padding-left:25px; color:#fff; font-size:16px; float:left; line-height:40px;
}
#nyxg_2{ width:1200px; float:left; padding-top:10px; padding-bottom:10px;  }

#news-3{
	width:1200px;
	float:left; overflow:hidden;
	
}
#news-3 ul{ list-style-type:none; font-size:12px; width:1230px;}
#news-3 UL LI.none {
	BACKGROUND: none transparent scroll repeat 0% 0%;
}
#news-3 UL LI {
	text-align:left;
	WIDTH: 590px;
	display:block;
	line-height:28px;
	OVERFLOW: hidden;
	background-image: url(ico03.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
	font-size:14px;
	float:left;
	border-bottom:#ddd  dotted 1px;
	color:#333; margin-right:20px;

}
#news-3 UL LI A {
padding-left:15px;
color:#333;
}
#news-3 UL LI A:hover {
	padding-left:15px;
	COLOR:#0A87DB;
	text-decoration: none;
}
#producta {

	WIDTH:1200px;
	FLOAT: left; position:relative; overflow:hidden; margin-top:15px;

}
#producta UL {
	LIST-STYLE-TYPE: none
}
#producta UL LI {
	TEXT-ALIGN: center; WIDTH: 285px; FLOAT: left; margin-right:20px; overflow:hidden; 
}
#producta UL LI.r{ margin-right:0px; float:right;}
#producta UL LI .tp { width:283px; float:left; border:#ddd solid 1px; background-color:#fff;  height:208px;text-align:center; overflow:hidden;
}
#producta UL LI img{ max-width:270px; height:200px; margin:4px;transition:all 0.4s ease-in-out 0s;}
#producta UL LI p{ width:285px;  cursor:pointer; text-align:center; font-size:13px; float:left; height:35px; line-height:35px; overflow:hidden;}
#producta UL LI A { color:#525252;
	DISPLAY: block; 
}
#producta UL LI A:hover {
	  COLOR:#0A87DB;
}
#producta UL LI A:hover h1 {
	border:#0A87DB solid 1px;
}
#producta LI A:hover img{-webkit-transform:scale(1.20);-moz-transform:scale(1.20);-o-transform:scale(1.20);transform:scale(1.20);}
.button{ padding:8px; background-color:#0A87DB; font-size:12px; text-align:center; color:#FFFFFF;border-radius:5px; line-height:12px; border:0px;font-family:"Microsoft YaHei", "微软雅黑";}
#book td{ padding:4px;}
#message{ width:100%; float:left;  background-color:#FFFFFF; }
.title {
    margin-bottom: 40px;
}

form#feedback {
    width: 1200px;
    margin: auto;
    margin-top: 70px;
    margin-bottom: 70px;
}

.messtitle {
    font-size: 30px;
    color: #333;
    text-align: center;
    height: 50px;
    line-height: 50px;
}


.messtitle_en {
    font-size: 16px;
    color: #999;
    text-align: center;
    height: 20px;
    line-height: 20px;
}

input.infoInput {
    width: 100%;
    height: 65px;
    line-height: 65px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    font-size: 16px;
    color: #bcbcbc;
    padding: 0 27px;
    margin-bottom: 16px;
}

textarea.col11.infoInput {
    width: 100%;
    height: 190px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    font-size: 16px;
    color: #bcbcbc;
    padding: 0 27px;
    margin-bottom: 16px;
    resize: none;
    padding-top: 16px;
}


input#seccode {
	float: left;
    width: 410px;
    height: 65px;
    line-height: 65px;
    background: #fff;
    border: 1px solid #f0f0f0;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    font-size: 16px;
    color: #bcbcbc;
    padding: 0 27px;
    margin-bottom: 16px;
}


input#feedbackbotton {
    width: 100%;
    height: 83px;
    border: none;
    background: #f15b2e;
    color: #fff;
    font-size: 30px;
    text-align: center;
    cursor: pointer;
    margin-top: 12px;
    box-shadow: 0 1px 4px rgba(0,0,0,0.2);
    border-radius: 4px;
    font-family: "Microsoft Yahei",Arial, Helvetica, sans-serif;
}
.pro_fl_box{ position: fixed;bottom:30%; left:10px; width: 150px; z-index: 99; display:none;}
.pro_fl_box li a{ display: block;width:180px; height: 40px; line-height: 40px;border-radius: 8px; overflow:hidden; background: #fff; color: #666; margin-bottom: 2px; text-align: center; transition:all .3s ease;}
.pro_fl_box li a.pro_fd_on,.pro_fl_box li a:hover{background: #0A87DB; color: #fff;}
#sitemap{ width:1190px; float:left; padding:5px;}
#sitemap UL {
	LIST-STYLE-TYPE: none
}
#sitemap UL li{ font-weight:bold; font-size:15px; line-height:30px; width:33%; float:left;}
#sitemap UL li A{ color:#0A87DB;}
#sitemap UL li p{ font-weight:normal; font-size:12px; line-height:25px;}
#sitemap UL li p A{ padding-left:20px; font-weight:bold;
	padding-right:14px; font-size:14px;
	background-repeat: no-repeat;
	background-position: left center;color:#444;
}
#sitemap UL li p A.xl{ padding-left:20px;
	font-size:12px;
	background-repeat: no-repeat;
	background-position: left center; font-weight:normal;color:#777;
}
.case_ry_bg{ width: 100%; height: 740px; overflow:hidden; background: url(case_ry_bg.jpg) no-repeat center; padding: 70px 0; float:left;}
.zizhi_slide{width:1200px; margin:auto; height:500px;padding:40px 0; margin-top:100px;}
.zizhi_bd{width:700px;margin:0 auto;margin-top:179px;}
.zizhi_bd ul li{width:288px;height:410px;margin-left:10px;transition:filter .3s ease,-webkit-filter .3s ease;-o-transition:filter .3s ease,-webkit-filter .3s ease;-ms-transition:filter .3s ease,-webkit-filter .3s ease;-moz-transition:filter .3s ease,-webkit-filter .3s ease;-webkit-transition:filter .3s ease,-webkit-filter .3s ease;filter:blur(5px);-webkit-filter:blur(5px);box-shadow:0 0 40px rgba(0,0,0,.3);}
.zizhi_bd ul li div.img{width:100%;padding: 0;}
.zizhi_bd ul li div.img img{width:100%;}
.zizhi_bd ul li.roundabout-in-focus{filter:blur(0px);-webkit-filter:blur(0px);}
.zizhi_prev,.zizhi_next{width: 50px; height: 86px; background: rgba(0,0,0,0.1); text-align: center; line-height: 86px; border-radius: 6px;cursor: pointer; top: 50%; margin-top: -80px;}
.zizhi_prev:hover,.zizhi_next:hover{background: rgba(0,0,0,0.2);}
.zizhi_prev img,.zizhi_next img{ margin-top:25px;}
.zizhi_prev{left:0;}
.zizhi_next{right:0;}

.pro_lx_bg{  width:100%; height: 630px; padding: 80px 0; background:url(pro_lx_bg.jpg) no-repeat center; margin-bottom: 2px; float:left;}
.pro_lx_box{ width:1200px; margin: auto; position: relative; height: 360px;}
.pro_lx_box ul.pro_lx{ width:852px; height: 240px; position: absolute; right: 0; bottom: 0; color:#fff;}
.pro_lx_bg .color_bai{ color: #fff;}
.pro_lx_box ul.pro_lx li{ width:100%; height: 64px; line-height: 64px; margin-bottom: 24px; background: url(pro_lx_bg2.png) no-repeat; font-size: 24px; color: #fff; padding-left: 276px;}
.pro_lx_box ul.pro_lx li:last-child{margin-bottom:0; }
.pro_lx_box ul.pro_lx li i{margin-right: 34px; line-height: 64px; height: 64px; display: inline-block; font-size:30px; float: left;}
.pro_lx_box ul.pro_lx li  a { color:#fff;}
.about_ln_bg{ width: 100%; height: 497px; background: url(about_ln_bg.jpg) no-repeat center; padding: 70px 0; float:left;}
.about_ln_con{ width:1200px; margin: auto; margin-top: 26px; }
.about_ln_con li{ width:328px; margin-right: 108px; float: left;}
.about_ln_con li:last-child{margin-right: 0;}
.about_ln_con li dl{ width:100%;}
.about_ln_con li dl dt{ width: 100%; height: 206px; background: url(about_ln_con_bg.png) no-repeat center;}
.about_ln_con li dl dt h4{ font-size: 24px; color: #221815;  line-height: 34px; text-align: center;padding-top: 68px; text-transform:uppercase;}
.about_ln_con li dl dd{ font-size: 16px; color: #454545;  line-height: 30px; text-align: center;margin-top: 20px;}