*{ margin:0px; padding:0px;}
a,a:link,a:visited,a:hover{text-decoration:none; }
a{ color:#7e7e7e;}
a:hover{ color:#07b807}
a img{ border:none;}
img{ vertical-align:top;}
#clear{ clear:both;}
table{ font-size:12px;border-collapse:collapse; border-spacing:0px;}
body{font-size:12px; text-align:left;font-weight:normal; line-height:24px; font-family:"微软雅黑", Arial, Helvetica, sans-serif;  color:#888a90; background:#f2f2f2;}
button,input,select,textarea{word-wrap:break-word;color:#565756;}
ul,li{list-style:none;margin:0;padding:0;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size:100%;} 
img{border:none;border:0;vertical-align:middle;}
a{blr:expression(this.onFocus=this.blur())} /*a{ -webkit-tap-highlight-color:rgba(0,0,0,0);  }  去掉链接触摸高亮 */
a{outline:none;} /*for Firefox*/
h1,h2,h3,h4,h5,input{font-size:12px; font-weight:normal;}
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td,i{ margin:0px; padding:0px;}
ol,p,dl,li{list-style:none;}
input,select,textarea{vertical-align:middle;*font-size:100%;}
input{margin:0;outline:none;padding:0;}
input::-ms-clear{display:none;}
.clearfix:after{
     content:".";       
     display:block;       
     height:0;       
     clear:both;       
     visibility:hidden;       

}
.clearfix{*zoom:1}
.fl{ display:inline; float:left;}
.fr{ display:inline; float:right;}
.wappers{ width:100%; height:auto; }
.public{ width:1100px; height:auto; margin:0px auto;}
.top{ width:100%; height:91px; position:relative; z-index:10; background:url(../images/topbg.jpg) repeat-x;}
.header{ width:1100px; height:74px; overflow:hidden; position:relative; z-index:8}
.topline{ width:1100px; margin:0px auto; background:url(../images/topline.jpg) repeat-x; height:17px; overflow:hidden; position:relative; z-index:10;}
.logo{ width:442px; height:74px; float:left; display:inline; margin-left:0px;}
.animate{ position:relative; z-index:10;}
.menunav{ width:650px; float:right; display:inline; height:74px;}
.menunav ul li a:hover{ color:#FFF;}
.menunav ul li a .bg2{ position:absolute;transition:all linear 0.3s; top:-100%; left:0px; height:74px; width:130px; background:url(../images/menu_bg.jpg) repeat-x; opacity:0;}
.menunav ul li a:hover .bg2{ opacity:1; top:0px;}
.enmenu{ font-family:Arial, Helvetica, sans-serif; font-size:11px; text-transform:uppercase; display:block; color:#b7b7b7; text-indent:0px}
.menunav ul li a:hover .enmenu{ color:#038904;}
.nav{ width:693px;height:30px; padding-top:0px; margin:0px auto;   position:relative; z-index:1;  }
.nav a{ color:#323232;  }
.nav .nLi{ float:left;  position:relative; display:inline; width:130px; margin:0px 0px; background:url(../images/plinew.jpg) right top no-repeat;}
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{  display:block; color:#565656; font-size:15px; width:130px; text-align:center; line-height:42px; height:42px; padding:16px 0px 16px; position:relative; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
.nav .sub{ display:none; width:120px; left:0px; top:104px;  position:absolute;  background:#ccc; border-radius:5px; padding:5px 5px;   }
.nav .sub li{ zoom:1; }
.nav .sub a{ display:block;text-align:left; border-bottom:1px dotted #3a424f; padding-left:10px;font-size:13px; width:110px; color:#666666;line-height:30px; height:30px; }
.nav .sub a:hover{ color:#201615;}
.nav .on h3 a .bg2{ opacity:1; top:0px;}
.nav .on h3 a{ color:#FFF;}
.nav .on h3 a .enmenu{ color:#FFF; font-family:Arial, Helvetica, sans-serif;}

.banner{ width:1920px; left:50%; margin-left:-960px; overflow:hidden; height:510px;position:relative }
.focusBox { position: relative;  width:1920px; height:510px; overflow: hidden; text-align:center;  }
.focusBox .pic{  width:1920px; height:510px; text-align:center;}
.focusBox .pic img {height:510px; text-align:center;}
.focusBox .hd { width:100%; position: absolute; bottom:15px; width:180px; left:50%; margin-left:-90px; text-align: center; font-size:0; height:14px; z-index:1; }
.focusBox .hd li{ margin-right:9px;  height: 18px; overflow: hidden; width: 18px; cursor: pointer;
	display:inline-block; *display:inline; zoom:1; border-radius:100%; background:#c8d123}
.focusBox .hd .on{ background:#105b30;}
.focusBox .prev,
.focusBox .next { width:59px; height:147px; margin: -59px 0 0; display:block;  position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; background:url(../images/prevnext.png) no-repeat; }
.focusBox .prev { left:15%; }
.focusBox .next { background-position: -59px 0px; right:15%; }
.datu{ width:100%; height:510px;overflow:hidden;}
.indexa{ width:1170px; height:auto; overflow:hidden; margin:0px auto; margin-top:37px; padding-bottom:15px;}
.i_titles{ height:45px; background:url(../images/pline.jpg) left bottom repeat-x; line-height:43px; color:#282828; font-size:18px; text-transform:uppercase; width:1100px; margin:0px auto;}
.i_titles span{ float:right; display:inline; font-size:14px;}
.i_titles span a{ color:#d0d0d0;}
.i_titles span a:hover{ color:#ff0000;}
.case{ width:1160px; height:auto; overflow:hidden; margin:0px auto;}

.case ul li{ float:left; display:inline; overflow:hidden; width:252px; margin-left:30px; margin-bottom:18px; margin-top:0px;}
.case ul { width:1260px; height:auto; overflow:hidden; margin-top:15px;}
/*.lazy{ width:252px; height:164px;}*/
.plugthumb .tp{
	height: auto;
	width: 100%;width:252px; height:164px;
	overflow:hidden;
}

.plugthumb .tp figure{
	position:relative;
	z-index:1;
	display:inline-block;
	overflow:hidden;
	width:100%;
	height:100%;
	text-align:center;
	cursor:pointer;
	margin: 0;
}
/*.plugthumb .tp figure img{
	position:relative;
	display:block;
	opacity:1;width:344px; height:190px; 
}*/

.plugthumb .tp figure figcaption::after,.plugthumb .tp figure figcaption::before{
	pointer-events:none
}
.plugthumb .tp figure figcaption{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
figcaption, *::after, *::before {
    box-sizing: border-box;
}

/*figure.effect-bubba{
	 background:rgba(0, 0, 0, 0.7);
}*/
figure.effect-bubba a img{
	opacity:1;
	-webkit-transition:opacity .35s;
	transition:opacity .35s;
}
figure.effect-bubba:hover img{
	opacity:.5
}
figure.effect-bubba:hover p img{
	opacity:1;
	text-align: center;
}
figure.effect-bubba figcaption::after,figure.effect-bubba figcaption::before{
	position:absolute;
	top:30px;
	right:30px;
	bottom:30px;
	left:30px;
	content:'';
	opacity:0;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s
}
figure.effect-bubba figcaption::before{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	-webkit-transform:scale(0,1);
	transform:scale(0,1)
}

figure.effect-bubba figcaption::after{
	border-right:1px solid #fff;
	border-left:1px solid #fff;
	-webkit-transform:scale(1,0);
	transform:scale(1,0)
}
figure.effect-bubba p{
	opacity:0;
	position: relative;
	margin-left:0;
	margin-top: 24%;
	-webkit-transition:opacity .35s,-webkit-transform .35s;
	transition:opacity .35s,transform .35s;
	-webkit-transform:translate3d(0,20px,0);
	transform:translate3d(0,20px,0);
}

figure.effect-bubba:hover figcaption::after,figure.effect-bubba:hover figcaption::before{
	opacity:1;
	-webkit-transform:scale(1);
	transform:scale(1)
}

figure.effect-bubba:hover h2,figure.effect-bubba:hover p{
	opacity:1;
	-webkit-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
}

.plugthumb .tp figure img.icont{ width:45px; height:45px;}

.plugthumb .bm{
	height: 40px;
	line-height: 43px;
	width: 100%;
	overflow:hidden; font-size:16px; text-transform:uppercase;
	background: #e9e9e9; color:#757575; text-align:center;
}

.dibu{ background:url(../images/foobg.jpg); height:85px; overflow:hidden; width:100%; padding:15px 0px; }
.dibub{ background:url(../images/foobg.jpg); height:85px; overflow:hidden; width:100%; padding:15px 0px;}
.footer{ width:1100px; height:auto; overflow:hidden; margin:0px auto;}
.footer{ font-size:13px; color:#747474; text-align:center; line-height:25px;}
.footer a{ color:#747474; }
.footer a:hover{ color:#FC0}
.fmenu{ color:#b2b2b2; font-size:13px; text-transform:uppercase; text-align:center;  line-height:27px;}
.fmenu a{ color:#b2b2b2; padding:0px 7px;}
.fmenu a:hover{ color:#FC0}
.ny_line{ background:#269cc9; width:100%; height:1px; overflow:hidden;}
.ny_container{ width:1100px; margin:20px auto; height:auto; /*overflow:hidden;*/ padding-bottom:130px}
.leftside{ width:285px; height:auto; overflow:hidden; float:left; display:inline;}
.list_title{ height:43px; line-height:43px; color:#303030; font-size:28px; text-indent:10px;}
.category{  height:auto; overflow:hidden; margin:0px auto; padding:17px; border:1px solid #e6e6e6; background:#efefef; width:249px; }
.category ul li {margin-bottom:0px; position:relative;}
.category ul li a.more{font-size:16px; color:#333; position:absolute; right:0px; top:0px; height:20px; padding:5px 0px; width:30px; z-index:10;}
.category ul li a.cate{ display:block; height:auto; line-height:22px; overflow:hidden; padding:5px 0px; font-size:14px;padding-right:30px; border-bottom:1px dotted #d2d2d2; /*background:url(../images/incona.png) no-repeat left 11px*/}
.category ul li a.cate:link,.category ul li a.cate:visited{ color:#000; }
.category ul li a.cate:hover{color:#1694c4;}
.category ul li a.choose{ color:#1694c4;}
.category ul li .on{ color:#1694c4;}


ul.second li{ margin-bottom:0px;}
ul.second li a{ font-size:13px; height:auto;padding:5px 0px; padding-left:33px; background:none;}
ul.second li a:link,ul.second li a:visited{ color:#414141; }
ul.second li a:hover{color:#1694c4; }

.rightside{ width:792px; float:right; display:inline;height:auto; overflow:hidden; padding-bottom:32px; }
.deteo{height:auto; overflow:hidden; overflow:hidden; height:auto;min-height:500px; _height:expression(this.scrollHeight < 500? "500px" : "auto") ; margin:0px auto; width:792px;  }
.ny_about{ color:#616161; line-height:24px; padding:0px;}
.s_title{ height:44px;line-height:44px; overflow:hidden;color:#949494; font-size:14px; padding-left:5px; margin-bottom:0px;}
.s_title b{ font-weight:normal;color:#949494; float:right; display:inline; text-transform:uppercase;padding-left:20px; text-shadow:none;}
.s_title a{ color:#949494;}
.s_title a:hover{ color:#1694c4;}

.rightside .case{ width:852px; height:auto; overflow:hidden;}
.rightside .case ul li{ float:left; display:inline; overflow:hidden; width:252px; margin-left:0px; margin-bottom:28px; margin-top:0px; margin-right:18px;}
.rightside .case ul { width:100%; height:auto; overflow:hidden;}

.module_page{ width:100%;  line-height:20px;margin-top:30px;text-align:center; height:30px;}
.module_page a{ text-decoration:none; color:#555454; /*color:#0c2d63;*/color:#6d6d6d; background:#e4e4e4; padding:5px 10px; font-size:16px}
.module_page span{ padding-left:20px; padding-right:20px;}
.module_page a:hover{ text-decoration:none; color:#fff; background:#1694c4}
.module_page  select{ margin-left:5px; color:#000;}
.module_page .current{ text-decoration:none; color:#fff; background:#1694c4}

.news_detada{height:auto; overflow:hidden; width:100%; margin:0px auto;}
.news_detada li{  height:38px;line-height:38px; border-bottom:1px dotted #c7c4c4;  overflow:hidden; margin-left:0px; }
.news_detada li a{  display: block; font-size:15px;
    line-height: 38px;height:38px; overflow:hidden;  text-indent:10px; background:url(../images/pro_icon4.jpg) left center no-repeat}
.news_detada li span{float:right; display:inline;   }
.news_detada li a:link,.news_detada li a:visited{ color:#333;}
.news_detada li a:hover{ color:#1694c4;}


.main_right_con{ padding:0px 0px 0px;color:#787676; overflow:hidden;}
h1.inner_news_tit{height:30px; padding:8px 0px;text-align:center; font-size:17px;  color:#1694c4; }
h2.inner_news_time{height:25px; line-height:25px;color:#000; font-size:13px;margin-bottom:4px; text-align:center; border:1px dotted #ccc; }
h2.inner_news_time a{ color:#1694c4;}
h2.inner_news_time a:hover{ color:#fff; text-decoration:underline;}
h2.inner_news_time span{ float:right; text-align:right; padding-right:10px;}
.edit{overflow:hidden; color:#333; margin:10px 0px 0px;}
ul.inner_pages{ height:auto; line-height:30px;margin:10px auto 0px;padding:0px 0px; }
ul.inner_pages li{line-height:26px;color:#333; }
ul.inner_pages a{color:#333;  padding-left:0px; margin-right:15px;}
ul.inner_pages a:hover{color:#1694c4;}	
ul.inner_pages span{ background:#1694c4; color:#fff; padding:2px 5px; margin-right:10px;}


.ny_prodetal{ width:100%; height:auto; overflow:hidden; padding-top:0px; position:relative;}
.Gpic { height:auto;position: relative;width:400px; float:left; display:inline; overflow:hidden;}
.Gpic .pic{width:400px;height:328px;position:relative;overflow:hidden;}
.Gpic .pic .text{width:415px;height:45px;position:absolute;left:10px;bottom:0;line-height:13px;padding:5px 12px 0 12px; top:174px; display:none;}
.Gpic .pic .text {color:#fff;font-size:0px;}

.Xgt{  height:auto;padding:0px 0 0 0px;  width:400px; position:absolute; bottom:0px; left:0px; overflow:hidden;}
.Xgt .Al{width:18px;height:58px;float:left; display:inline; margin-top:3px; display:none;}
.Xgt .zgt{width:400px;float:left;overflow:hidden;margin-left:0px;display:inline;}
.Xgt .zgt ul{width:100000px}
.Xgt .zgt li{width:84px;float:left;height:55px; margin-right:21px; margin-left:0px;}
.Xgt .zgt li img{height:55px; float:left; padding:0px;}
.Xgt .Ar{width:18px;height:58px;float:right; margin-top:3px; display:none;}
.pro_list{ clear:both;}
.Xgt .Ar img{ background:none; padding:0px;}
.Xgt .Al img{ background:none; padding:0px;}
.page_2{ margin-left:10px; color:#caa846;}
.ulist{ width:360px; float:right; display:inline; overflow:hidden; }
.u_title{ color:#001d60; height:auto; line-height:30px; padding:5px 0px; font-size:25px; text-transform:uppercase;}
.u_back{ color:#626262; font-size:16px; height:25px; line-height:25px;}
.u_edit{ color:#a1a1a1; font-size:12px; line-height:22px; margin:10px 0px; height:106px; overflow:hidden;}
.ulist dl{ line-height:32px; color:#fff;}
.ulist dl dd span{ color:#b3b3b3; height:auto; overflow:hidden;}
.clear{ clear:both; height:1px; width:100%; overflow:hidden;}
.po_tutke{ font-size:28px; height:45px; line-height:30px; width:100%; overflow:hidden; clear:both; color:#000; text-transform:uppercase;}
.download{ clear:both; width:205px; height:53px; font-size:20px; float:left; display:inline; overflow:hidden; line-height:53px; margin-top:20px;}
.download a{ display:block; color:#fff; background:#1897c8; text-align:center;transition:all linear 0.3s;}
.download a:hover{ background:#05317c; color:#fff;transition:all linear 0.3s;}
.u_back2{ margin:5px 0px; color:#001d60; font-size:13px;}
.applistcion{ padding:14px; background:#f0f0f0; border:1px solid #e5e5e5; height:auto; overflow:hidden; margin:23px 0px 10px;}
.appli_title{ height:60px; width:170px; text-align:left; float:left; display:inline; overflow:hidden; line-height:60px; font-size:20px; text-transform:uppercase; color:#000;}

.picScroll-left{ width:774px;  overflow:hidden; position:relative; float:right; display:inline; overflow:hidden;  }
.picScroll-left .hd{ overflow:hidden;  height:30px; background:#f4f4f4; display:none;}
.picScroll-left .bd{ padding:0px;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 0px; margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
/*.picScroll-left .bd ul li .pic img{ width:203px;  display:block;  }*/
.picScroll-left .bd ul li .pic a:hover img{  }
.picScroll-left .bd ul li .title{ line-height:24px; display:none;   }


.applistcion .bdd{ padding:0px;   }
.applistcion .bdd ul{ overflow:hidden; zoom:1; }
.applistcion .bdd ul li{ margin:0 0px; margin-right:15px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.applistcion .bdd ul li .pic{ text-align:center; }
.applistcion .bdd ul li .pic img{ width:203px;height:136px;  display:block;  }
.applistcion .bdd ul li .pic a:hover img{  }
.applistcion .bdd ul li .title{ line-height:24px;   }




.prod_edit{overflow:hidden; color:#333; margin:10px 0px 0px;padding:14px; background:#f0f0f0; border:1px solid #e5e5e5;}

.plugthumb .pic{width:252px;height:164px;border:0px solid #ccc;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}

.otherdel{ width:100%; height:auto; overflow:hidden;}
.rightside  .othercase{ width:100%; height:auto; overflow:hidden;}
.rightside .othercase ul{ width:120%;}
.rightside .othercase ul li{ margin-right:30px;}
.otherdel .ulist{ width:678px;}

.pic .imgpic{width:455px;height:260px;border:0px solid #ccc;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}

.effect-bubba .pic{width:252px;height:168px;border:0px solid #ccc;overflow:hidden;position:relative;display:table-cell;text-align:center;vertical-align:middle;}