@charset "gb2312";
/* CSS Document */

*{ padding:0; margin:0;}
body {color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "΢ÈíÑźÚ",Microsoft YaHei,Arial,Century;}
a,a:hover,a:focus {text-decoration: none;outline: none;}
::selection {background: #ff9000;color: #fff;}
::-moz-selection {background: #ff9000;color: #fff;}
h1,h2,h3,h4,h5,h6,p,ul,li { padding: 0; margin: 0; font-weight:normal;}
li{ list-style-type: none;}
img{ border:none;}
a:hover { text-decoration: none;}
.clears{ clear:both; height:0; line-height:0;}
.i_header_bottom li:hover,.i_title a:hover,.i_news li:hover .news_right strong,.i_news li:hover .news_left,.ckqbsp a:hover,.i_photo li:hover p,.i_photo_m a:hover{-moz-transition:0.5s;-webkit-transition:0.5s;-o-transition:0.5s;-ms-transition:0.5s;transition:0.5s;}
.i_product li:hover .pro_txt,.i_product li:hover p{-moz-transition:1s;-webkit-transition:1s;-o-transition:1s;-ms-transition:1s;transition:1s;}
.w1200{ width:1200px; margin:0 auto;}
.container{ width:1200px; margin:0 auto;}

.ckqbsp{ width:264px; height:48px; margin:10px auto;text-align:center; clear:both;}
.ckqbsp a{ display:block; width:260px; color:#0181c8; height:44px; line-height:44px; clear:both; border:2px solid #0181c8; text-align:center; font-size:16px;}
.ckqbsp a:hover{ background:#0181c8; color:#fff;}

.clear{ clear:both; height:0px;}
.inner{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
/*******************/
/**************************/

.rslides{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0; 
}
.rslides li{
	-webkit-backface-visibility:hidden;
	position:absolute;
	display:none;
	width:100%;
	left:0;
	top:0;
	z-index:10;
}
.rslides li:first-child{
	position:relative;
	display:block;
	float:left;
}
.rslides img{
	display:block;
	height:auto;
	float:left;
	width:100%;
	border:0;
}
/*pager*/
.callbacks_tabs.callbacks1_tabs{margin-top: -20px;
position: relative;
z-index: 100;
}
.callbacks_tabs.callbacks1_tabs li{display:inline-block;width:60px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:60px;height:10px;border-radius:10px;position:absolute; left:0; z-index:1000; color:rgba(100,200,300,0);color:transparent;}
.callbacks_tabs.callbacks1_tabs li.callbacks_here a{background:#FFF;}

/* Callback example */
.callbacks_container{
	margin-bottom:2px;
	position:relative;
	width:100%;
	max-width:100%;
	text-align:center;
}

.callbacks{
	position:relative;
	list-style:none;
	overflow:hidden;
	width:100%;
	padding:0;
	margin:0;
}
.callbacks li{
	position:absolute;
	width:100%;
	left:0;
	top:0;
}
.callbacks img{
	display:block;
	position:relative;
	z-index:1;
	height:auto;
	width:100%;
	border:0;
}
.callbacks .caption{
	display:block;
	position:absolute;
	z-index:2;
	font-size:20px;
	text-shadow:none;
	color:#fff;
	background:#000;
	background:rgba(0,0,0, .8);
	left:0;
	right:0;
	bottom:0;
	padding:10px 20px;
	margin:0;
	max-width:none;
}
.callbacks_nav{
	position:absolute;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;
	left:0;
	opacity:0.6;
	z-index:3;
	text-indent:-9999px;
	overflow:hidden;
	text-decoration:none;
	height:61px;
	width:38px;
	background:transparent url(themes.gif) no-repeat left top;
	margin-top:-30px;
	display:none;
}
.callbacks_container:hover .callbacks_nav{display:block;}
.callbacks_nav:active{opacity:1.0;}
.callbacks_nav.next{
	left:auto;
	background-position:right top;
	right:0;
}

@media screen and (max-width:600px){
	.callbacks_nav{
		top:47%;
	}
}
/************/
/*head*/
.hy{width: 100%;height: 37px;background: #f8f8f8;;line-height: 37px;color: #333; font-size:12px}
.hy-in{ width:1200px; height:37px; margin:0 auto;}
.hy-in a{ color:#333}
/***********/
.top-cen{ width:100%; height:153px; background:url(lgbg.jpg) center no-repeat;}
.top-cen-in{ width:1200px; height:153px; margin:0 auto}
.top-cen-in .top-logo{ height:153px; width:628px; float:left; background:url(logo.jpg) center no-repeat }
.top-cen-in .top-lx{ height:153px; float:right; font-size: 32px;color: #fff;font-family: Arial;font-weight: bold;line-height:153px; letter-spacing:2px}
/****************/

.dh{width: 100%;height: 56px;line-height: 56px; background:#00458e;}
.dh-in{ width:1200px; height:56px; position:relative; margin:0 auto;}
.dh-in ul{ display:block; display:block; width:1220px;}
.dh-in ul li{ height:56px; line-height:56px;  color:#fff; float:left; text-align:center; width:200px; position:relative;}
.dh-in ul li span{ width:200px; height:56px; line-height:56px; float:left; display:block;font-size:16px; color:#fff }
.dh-in ul li .li-fl{ width:180px; position:absolute; top:56px; z-index:9999999; left:0px; padding:10px; background:#ef7000; display:none; }
.dh-in ul li .li-fl .xfltp{ width:180px; height:100px; background:#fff; float:left; margin-bottom:10px;}
.dh-in ul li .li-fl .xfl{ border-bottom:1px dashed #fff; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:10px; float:left; width:100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.dh-in ul li .li-fl .xfl:hover{ background:#fff; color:#ef7000}
.dh-in ul li.on{color:#fff; background:url(navnow.jpg) center no-repeat;}
.dh-in ul li:hover{ color:#fff; background:url(navnow.jpg) center no-repeat;}
.dh-in ul li:hover .li-fl{ display:block;}
/**************************/
.ss{ width:100%; height:61px; background:url(ssbg.jpg) center repeat-x; margin-bottom:25px; }
.ss-in{ width:1200px; height:61px; margin:0 auto ; position:relative}
.ss-in .ss-wz{width: 900px;padding-left: 10px;float: left;font-size: 14px;line-height: 46px;height: 46px;font-family: Microsoft YaHei;}
.ss-in .ss-wz span{float: left;font-weight: bold;}
.ss-in .ss-wz a{font-size: 14px;font-family: Microsoft YaHei; color:#444; padding-right:20px}
.ss-in .ss-bk{ float: right;width: 173px;height: 28px;background: url(bkbg.jpg)left no-repeat;overflow: hidden;padding-left: 14px;margin-top: 10px;}
.ss-in .ss-bk #key{ float:left; border:none;color: #fff;line-height: 23px;height: 22px; width:110px; background:none; margin-top:3px}
.ss-in .ss-bk #in1{ background:url(ssan.jpg) center no-repeat; float:right; border:none; height:28px; width:37px}
/***********/
.pro{ width:100%; height:1020px;}
.pro-in{ width:1200px; height:auto; margin:0 auto; position:relative}
.pro-in .pro-tit{ width:100%;height:115px; position:relative}
.pro-in .pro-tit .t1{font-size: 40px;font-weight: bold;color: #0054ac;line-height: 55px; width:100%; float:left; text-align:center}
.pro-in .pro-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.pro-in .pro-tit .t3{font-size: 18px;color: #0054ac; float:left; width:100%; text-align:center; line-height:30px;}
.pro-in .pro-xt{ background:url(proxt.jpg) center no-repeat; width:100%; height:40px; float:left;}
.pro-in .pro-con{ width:100%; height:auto; float:left; margin-top:20px;}
.pro-in .pro-fl{ float:left; width:232px; border:1px solid #b5b5b5; border-radius:5px; overflow:hidden}
.pro-in .pro-fl .fl-tit{ float:left; background:url(fltit.png) center no-repeat; width:100%;  height:76px;}
.pro-in .pro-fl .fl-tit span{font: bold 22px/76px "΢ÈíÑźÚ";color: #fff; padding-left:20px; line-height:76px;}
.pro-in .pro-fl .fl-mc{ float:left; width:100%;}
.pro-in .pro-fl .fl-mc ul{}
.pro-in .pro-fl .fl-mc ul li{border-bottom: 1px solid #c7c9cd; height:61px; line-height:61px; padding-left:20px; color:#444}
.pro-in .pro-fl .fl-mc ul li:hover{ background:#01458e; color:#fff}
.pro-in .pro-cp{ float:right; width:930px; height:auto;}
.pro-in .pro-cp ul{ width:960px;}
.pro-in .pro-cp ul li{ float:left; margin-right:20px; margin-bottom:20px; border: 1px solid #0054ac; width:294px; height:261px;}
.pro-in .pro-cp ul li .li-img{ width:294px; float:left; height:221px; position:relative; background:#f5f5f5}
.pro-in .pro-cp ul li .li-img img{ max-width:294px; max-height:221px; position:absolute; display:block; left:0px; right:0px; bottom:0px; top:0px; margin:auto;}
.pro-in .pro-cp ul li span{ background:#0054ac; float:left; color:#fff; text-align:center; width:100%; height:40px; line-height:40px;}
.pro-in .pro-cp ul li:hover{ border:1px solid #eb6100; }
.pro-in .pro-cp ul li:hover span{background:#eb6100;}
/**************/
.ad{width: 100%;height: 250px; background:url(ad.jpg) center no-repeat; margin:35px 0px;}
.ad-in{ width:1200px; height:250px; margin:0 auto; position:relative;}
.ad-in span#dz{display:block;font-size: 28px;line-height: 83px; color:#fff; letter-spacing:2px; position:absolute; left:20px; top:30px;}
.ad-in span#dz font{color: #fcff00;font-size: 34px;font-weight: bold; }
.ad-in span#xz{color: #fff;font-size: 16px;line-height: 28px; position:absolute; left:20px; top:125px;}
/**************/
.case{ width:100%; height:550px;}
.case-in{ width:1200px; height:550px; margin:0 auto; position:relative}
.case-in .case-tit{ width:100%;height:115px; position:relative}
.case-in .case-tit .t1{font-size: 40px;font-weight: bold;color: #0054ac;line-height: 55px; width:100%; float:left; text-align:center}
.case-in .case-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.case-in .case-tit .t3{float:left; width:100%; background:url(casejt.jpg) center no-repeat; height:18px; margin-top:9px}
.case-in .case-con{ width:100%; height:270px; float:left; margin-top:30px; overflow:hidden}
.case-in .case-con ul{ width:1240px;}
.case-in .case-con ul li{ float:left; background:#ededed; padding:5px; margin-right:20px; width:280px; height:260px;}
.case-in .case-con ul li .li-img{ width:280px; height:210px; float:left; overflow:hidden; position:relative; background:#fafafa}
.case-in .case-con ul li .li-img img{ position:absolute; max-width:280px; max-height:210px; top:0px; bottom:0px; left:0px; right:0px; margin:auto; display:block}
.case-in .case-con ul li .li-mc{ width:100%; height:50px; line-height:50px; text-align:center; color:#434343; font-size:16px; letter-spacing:1px; float:left;}
.case-in .case-con ul li:hover .li-mc{ background:#eb6100; color:#fff}
.case-in .case-mo{ width:100%; float:left; margin-top:30px;}
.case-in .case-mo span{ width:257px; height:68px; margin:0 auto; text-align:center; color:#fff; line-height:68px; letter-spacing:1px; background:url(casemo.png) center no-repeat; display:block}
/*************/
.ad1{ width:100%; height:202px; background:url(ad2.jpg) center no-repeat;}
.ad1-in{ width:1200px; height:202px; margin:0 auto; position:relative}
.ad1-in .ad1-le{font-size: 22px;color: #fff;line-height: 45px;margin-top: 61px; float:left}
.ad1-in .ad1-le span{font-size: 38px;color: #fff;font-weight: bold;}
.ad1-in .ad1-tp{width: 725px;height: 77px;margin-top: 50px; float:right; margin-right:45px;}
.ad1-in .ad1-tp ul{}
.ad1-in .ad1-tp ul li{ float:left;width: 86px;float: left;transition: all 2s linear;}
.ad1-in .ad1-wz{width: 725px;font-size: 16px; float:right; margin-right:52px;}
.ad1-in .ad1-wz ul{}
.ad1-in .ad1-wz ul li{ float:left;width: 108px;float: left;text-align: center;color: #fff;margin-left: 73px;margin-top: 30px;}
/*************/
.ys{ width:100%; height:1500px; padding:30px 0px; background:url(ysbg.jpg) center repeat}
.ys-in{ width:1200px; height:1500px; margin:0 auto; position:relative;}
.ys-in .ys-tit{ width:100%;height:115px; position:relative}
.ys-in .ys-tit .t1{font-size: 40px;font-weight: bold;color: #0054ac;line-height: 55px; width:100%; float:left; text-align:center}
.ys-in .ys-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.ys-in .ys-tit .t3{float:left; width:100%; background:url(ysjt.jpg) center no-repeat; height:18px; margin-top:9px}
.ys-in .ys1{ width:100%; background:url(ys1.jpg) center no-repeat; height:312px; float:left; margin-top:20px;}
.ys-in .ys1 .ys1-t1{width: 400px;font-size: 24px;line-height: 38px;margin-top: 41px;}
.ys-in .ys1 .ys1-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys1 .ys1-t1 span font{color: #0054ac;}
.ys-in .ys1 .ys1-t2{width: 550px;font-size: 16px;line-height: 34px;margin-top: 36px; float:left; padding-left:22px;}

.ys-in .ys2{width:100%; background:url(ys2.jpg) center no-repeat; height:340px; float:left; margin-top:21px;}
.ys-in .ys2 .ys2-t1{width: 621px;font-size: 24px;line-height: 36px;margin-top: 41px; float:right}
.ys-in .ys2 .ys2-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys2 .ys2-t1 span font{color: #0054ac;}
.ys-in .ys2 .ys2-t2{width: 598px;font-size: 16px;line-height: 34px;margin-top: 49px;padding-left: 500px; float:right}

.ys-in .ys3{width:100%; height: 315px;background: url(ys3.jpg) center no-repeat;margin-top: 20px; float:left}
.ys-in .ys3 .ys3-t1{width: 500px;font-size: 24px;line-height: 36px;margin-top: 41px;}
.ys-in .ys3 .ys3-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys3 .ys3-t1 span font{color: #0054ac;}
.ys-in .ys3 .ys3-t2{width: 550px;font-size: 16px;line-height: 34px;margin-top: 36px; float:left; padding-left:22px;}

.ys-in .ys4{ width:100%;height: 328px;background: url(ys4.jpg) center no-repeat;margin-top: 21px; float:left;}
.ys-in .ys4 .ys4-t1{width: 621px;font-size: 24px;line-height: 36px;margin-top: 41px; float:right}
.ys-in .ys4 .ys4-t1 span{font-size: 34px;font-weight: bold;}
.ys-in .ys4 .ys4-t1 span font{color: #0054ac;}
.ys-in .ys4 .ys4-t2{width: 598px;font-size: 16px;line-height: 34px;margin-top: 49px;padding-left: 500px; float:right}
/*************/
.abt{ width:100%; height:635px; background:#0054ac;}
.abt-in{ width:1200px; height:635px; margin:0 auto; position:relative; background:url(abtbg.jpg) center no-repeat;}
.abt-in .abt-le { float:left; width:400px; height:635px}
.abt-in .abt-le .abt-tit{width: 340px;font-size: 22px;line-height: 39px;margin-left: 24px;border-bottom: 1px solid #ddd;padding-bottom: 15px; float:left; margin-top:185px;}
.abt-in .abt-le .abt-tit span{font-size: 34px;font-weight: bold;}
.abt-in .abt-le .abt-tit span font{color: #0054ac;}
.abt-in .abt-le .abt-js{width: 340px;font-size: 14px;line-height: 26px;margin-left: 24px;padding-top: 15px; float:left; text-indent:2em}
.abt-in .abt-le .abt-mo{width: 112px;height: 34px;line-height: 34px;text-align: center;margin-top: 25px;background: #0054ac; color:#fff; float:left; margin-left:24px; font-size:15px;}
/*************/
.news{ width:100%; height:800px; padding-top:40px;}
.news-in{ width:1200px; height:800px; margin:0 auto;}
.news-in .news-tit{ width:100%;height:90px; position:relative}
.news-in .news-tit .t1{font-size: 40px;font-weight: bold;line-height: 55px; width:100%; float:left; text-align:center; color:#444}
.news-in .news-tit .t1 b{color: #0054ac;}
.news-in .news-tit .t2{font-size: 22px; color:#333; float:left; text-align:center; width:100%; line-height:30px;}
.news-in .news-nr{ width:1140px; height:300px; background:#f5f5f5; float:left; position:relative; margin-top:40px; padding:30px;}
.news-in .news-nr .xw-tp{ float:left; height:300px; width:570px; background:url(xwtp.jpg) center no-repeat;}
.news-in .news-nr .xw-nr{ width:520px; height:200px; float:right; margin-top:70px;}
.news-in .news-nr .xw-nr .nr-tit{ border-bottom:1px solid #999999; padding-bottom:15px; width:460px; height:40px; line-height:56px;font-size: 20px;color: #434343; background:url(tt.jpg) left center no-repeat; padding-left:40px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; float:left;}
.news-in .news-nr .xw-nr .nr-ms{line-height: 140%;font-family: Microsoft YaHei;font-size: 14px;color: #434343; float:left; margin-top:12px; float:left; width:100%;}
.news-in .news-nr .xw-nr .nr-mo{ background:#010101; width:140px; height:44px; line-height:44px; text-align:center; color:#fff; font-size:14px; float:left; margin-top:20px; float:left}
.news-in .news-nr .xw-nr .nr-mo:hover{ background:#1857a3}
.news-in .news-lb{ width:100%; height:120px; float:left; margin-top:20px;}
.news-in .news-lb ul{ width:1280px;}
.news-in .news-lb ul li{ width:600px; height:120px; position:relative; background:url(li.jpg) center no-repeat; float:left; margin-right:20px; margin-bottom:10px}
.news-in .news-lb ul li .li-sj{ width:91px; height:67px;position:absolute; color:#fff; text-align:center; font-size:15px; left:0px; top:27px; padding-top:5px}
.news-in .news-lb ul li .li-sj b{ font-size:26px; display:block;}
.news-in .news-lb ul li span#bt{font-family: Microsoft YaHei;font-size: 18px;color: #333333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; display:block; position:absolute; width:430px; top:25px; left:120px}
.news-in .news-lb ul li span#bt:hover{ color:#1857a3;}
.news-in .news-lb ul li span#ms{line-height: 140%;display: block;font-family: Microsoft YaHei;font-size: 14px;color: #666666; position:absolute; width:430px; left:120px; top:55px; height:43px; overflow:hidden}
/*************/
.link{ width:100%; height: 74px;background-color: #015cb5;border-bottom: 1px solid #006fdb;}
.link-in{ width:1200px; height:74px; margin:0 auto; position:relative}
.link-in .link-tit{width: 112px;height: 74px;font-size: 18px;font-weight: bold;color: #fff; float:left; line-height:74px;}
.link-in .link-lk{ width:1080px; float:right; height:74px; line-height:100px; line-height:74px;}
.link-in .link-lk a{ color:#fff; margin-right:30px;}
/**********/
.bot{ width:100%; height: 255px;background-color: #015cb5;color: #fff;}
.bot-in{ width:1200px; height:255px; margin:0 auto; position:relative}
.bot-in .bot-tp{ width:352px; height:176px; float:left; margin-top:44px;}
.bot-in .bot-tp .tp1{ float:left; text-align:center}
.bot-in .bot-tp .tp2{ float:right; text-align:center}
.bot-in .bot-dh{width: 314px;height: 168px;margin-left: 80px;background: url(fotxt.jpg)left repeat-y; float:left; margin-top:44px}
.bot-in .bot-dh .dh1{width: 196px;margin: auto;text-align: center;}
.bot-in .bot-dh .dh1 ul{ float:left; width:50%;}
.bot-in .bot-dh .dh1 ul li{ float:left; text-align:center;width: 98px;line-height: 34px; color:#fff; font-size:14px}
.bot-in .bot-lx{padding: 5px 0 0 75px;line-height: 27px;background: url(fotxt.jpg)left repeat-y; float:left; color:#fff; font-size:14px; margin-top:44px;}
/************/
.bq{width: 100%;height: 54px;line-height: 54px;text-align: center;background-color: #444; color:#fff}