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

*{ padding:0; margin:0;}
body { text-transform: capitalize; color: #333;padding: 0px !important;margin: 0px !important;font-size: 14px;font-family: "Arial","Microsoft YaHei","ºÚÌå","ËÎÌå",sans-serif;}
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;}
/*em{ font-style: normal;}*/
.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;}
.br{ border-right: 1px solid #B5B5B5;}
.bl{ border-left: 1px solid #B5B5B5;}
/*************************/

.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:10px;height:10px;margin-left:5px;border-radius:10px;border:1px solid #FFF;position:relative;}
.callbacks_tabs.callbacks1_tabs li a{display:inline-block;width:10px;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:#0c59db;}

/* 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%;
	}
}
/**************************************/
.lg{ width: 100%; height: 120px; background: #fff;;}
.lg-in{ width: 1680px; margin: 0 auto; position: relative; height: 120px;;;}
.lg-in .lg-lg{ width: 450px; height: 120px; float: left;;}
.lg-in .lg-nav{ float: left; height: 120px; line-height: 120px; margin-left: 80px;}
.lg-in .lg-nav ul{}
.lg-in .lg-nav ul li{ height: 90px;; float: left; margin: 0px 20px; text-align: center; text-transform: uppercase; font-size: 18px; color: #282828;}
.lg-in .lg-nav ul li:hover{ border-bottom: 3px solid #ff0409; color: #190c60;}
.lg-in .lg-nav ul li#on{ border-bottom: 3px solid #ff0409; color: #190c60;}
.lg-in .lg-yy{ float: right; height: 120px; line-height: 120px;;}
.lg-in .lg-yy a{font-size: 18px; color: #282828; padding-left: 15px;}
.lg-in .lg-yy a#on{ color: #ff0409;}
/**************************************/
.qy{ width: 100%; height: 105px; background: #f5f5f5; padding: 45px 0px; margin-top: 8px;}
.qy-in{ width: 1680px; height: 105px; margin: 0 auto;;}
.qy-in ul{}
.qy-in ul li{ width: 379px; height: 105px; padding-left: 40px; border-left: 1px solid #ccc; float: left;}
.qy-in ul li span#qy-dz{ display: block; float: left; width: 100%; font-weight: bold; font-size: 50px; margin-top: 8px;}
.qy-in ul li span#qy-dz em{ font-weight:normal; font-size: 16px; color: #333; padding-left: 10px;}
.qy-in ul li span#qy-xz{text-transform: capitalize; display: block; float: left; width: 100%; font-size: 16px; margin-top: 10px;;}
/****************************************/
.pro{width: 100%; padding: 60px 0px; height:860px; background: url(./probg.jpg) bottom center no-repeat;}
.pro-in{  height: 860px; margin: 0 auto; position: relative; width: 1680px;overflow: hidden;}
.pro-in .pro-dz{float: left;font-size: 35px; color: #000; text-transform: uppercase; height: 40px; line-height: 40px; font-weight: bold;}
.pro-in .pro-dz em{ font-size: 13px; padding-left: 20px; font-weight: normal;}
.pro-in .pro-fl{ float: right;height: 40px; line-height: 40px;background: url(./xt.png) right center no-repeat; padding-right: 40px;}
.pro-in .pro-fl ul{}
.pro-in .pro-fl ul li{ background: url(./xt.png) left center no-repeat; float: left; padding-left: 40px; color: #282828; font-size: 18px; margin-left: 20px;}
.pro-in .pro-fl ul li:hover{ color: #ff0409;}
.pro-in .pro-xt{ float: left; width: 100%;;}
.pro-in .pro-xt span{ display: block; height: 3px; width: 200px; background: #ff0409; margin-top: 10px;;}
.pro-in .pro-st{ width: 100%; float: left; height: 360px; margin-top: 40px;}
.pro-in .pro-st ul{ width: 105%;}
.pro-in .pro-st ul li{ border-radius: 5px; overflow: hidden; float: left; margin-right: 30px; background: #fff; width: 312px; height: 360px; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.pro-in .pro-st ul li .li-tp{ width: 312px; height: 312px; position: relative; float: left; overflow: hidden;;}
.pro-in .pro-st ul li .li-tp img{  width: 312px; height: 312px; display: block;
	-moz-transition: all 900ms ease;
	-webkit-transition: all 900ms ease;
	-ms-transition: all 900ms ease;
	-o-transition: all 900ms ease;
	transition: all 900ms ease;
}
.pro-in .pro-st ul li .li-tp img:hover {
	-moz-transform: scale(1.2) rotate(3deg);
	-o-transform: scale(1.2) rotate(3deg);
	-ms-transform: scale(1.2) rotate(3deg);
	-webkit-transform: scale(1.2) rotate(3deg);
	transform: scale(1.2) rotate(3deg);
}
.pro-in .pro-st ul li .li-mz{ color: #fff; line-height: 48px; text-align: center; font-size: 16px;; width: 312px; height: 48px;  float: left; background: #190c60;}
.pro-in .pro-st ul li:hover .li-mz{ background: #ff0409;}


/***********************************/
.abt{ width: 100%; height: 565px; padding: 60px 0px; background:url(./abtbg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;}
.abt-in{ width: 1680px; margin:0 auto; position: relative; height: 565px;overflow: hidden;}
.abt-in .abt-mc{ width: 100%; float: left; text-align: center; font-size: 35px; color: #fff; text-transform: uppercase;}
.abt-in .abt-xt{ width: 100%; height: 10px; float: left; background: url(./xwxt1.png) center no-repeat; padding: 15px 0px;}
.abt-in .abt-js{ line-height: 1.8; font-size: 16px;; width: 100%; text-align: center; float: left; color: #fff; margin-top: 20px;;}
.abt-in .abt-gk{ width: 1600px; padding: 40px; background: #fff; height: 255px; margin-top: 40px; float: left; overflow: hidden;;}
.abt-in .abt-gk ul{ width: 105%;}
.abt-in .abt-gk ul li{ position: relative; float: left; margin-right: 25px;height: 255px; width: 380px;;}
.abt-in .abt-gk ul li img{ max-width: 380px; max-height: 255px; position: absolute; margin: auto; display: block; top: 0px; bottom: 0px; left: 0px; right: 0px;}

/*************************************/
.bz{width: 100%; padding: 60px 0px; height:560px; background: url(./probg.jpg) bottom center no-repeat;;}
.bz-in{  height: 560px; margin: 0 auto; position: relative; width: 1680px;}
.bz-in .bz-dz{ width: 100%; float: left; text-align: center; font-size: 35px; color: #000; text-transform: uppercase;}
.bz-in .bz-xt{ width: 100%; height: 10px; float: left; background: url(./xwxt.png) center no-repeat; padding: 15px 0px;}
.bz-in .bz-js{ line-height: 1.8; font-size: 16px;; width: 100%; text-align: center; float: left; color: #000; margin-top: 20px;;}
.bz-in .bz-nr{ width: 100%; float: left; margin-top: 40px; position: relative;;}
.bz-in .bz-nr ul{ width: 105%;}
.bz-in .bz-nr ul li{ border-radius: 5px; overflow: hidden; float: left; margin-right: 30px; background: #fff; width: 312px; height: 360px; box-shadow: 0px 14px 30px rgba(0, 0, 0, 0.07); -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; }
.bz-in .bz-nr ul li .li-tp{ width: 312px; height: 312px; position: relative; float: left; overflow: hidden;;}
.bz-in .bz-nr ul li .li-tp img{  width: 312px; height: 312px; display: block;}
.bz-in .bz-nr ul li .li-mz{ color: #fff; line-height: 48px; text-align: center; font-size: 16px;; width: 312px; height: 48px;  float: left; background: #190c60;}
.bz-in .bz-nr ul li:hover .li-mz{ background: #ff0409;}


/**********************************/
.ry{ width: 100%; height: 680px; padding: 60px 0px; background:url(./rybg.jpg);background-repeat: no-repeat;background-position: center center;background-attachment: fixed;background-size: cover;}
.ry-in{ width: 1680px; margin:0 auto; position: relative; height: 680px;overflow: hidden;}
.ry-in .ry-dz{ width: 100%; float: left; text-align: center; font-size: 35px; color: #fff; text-transform: uppercase;}
.ry-in .ry-xt{ width: 100%; height: 10px; float: left; background: url(./xwxt1.png) center no-repeat; padding: 15px 0px;}
.ry-in .ry-js{ line-height: 1.8; font-size: 16px;; width: 100%; text-align: center; float: left; color: #fff; margin-top: 20px;;}
.ry-in .ry-nr{ width: 100%; float: left; margin-top: 40px; position: relative;;}
.ry-in .ry-nr .bd{ width: 100%; height: 425px; float: left;;;}
.ry-in .ry-nr .bd ul{ width: 105%;}
.ry-in .ry-nr .bd ul li{ float: left; border: 5px solid #fff; width: 302px; height: 415px; margin-right: 30px; overflow: hidden;;}
.ry-in .ry-nr .bd ul li img{ width: 302px; height: 415px;transition: all 900ms ease;;}
.ry-in .ry-nr .bd ul li:hover img{
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}
.ry-in .ry-nr .hd{ width: 100%; float: left; text-align: center; height: 20px; margin-top: 30px;;}
.ry-in .ry-nr .hd ul li{ text-indent: 80px; opacity: .8; cursor:pointer; border-radius: 50%; background: #666; margin: 0 auto; height: 20px; width: 20px; display: inline-block; margin: 0px 10px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; }
.ry-in .ry-nr .hd ul li.on{ background:#b00;}
/**********************************/
.xw{ width: 100%; height: 505px; padding: 60px 0px; background: url(./xwbg.png) center no-repeat;}
.xw-in{ width: 1680px; margin:0 auto; position: relative; height: 505px;}
.xw-in .xw-dz{ width: 100%; float: left; text-align: center; font-size: 35px; color: #000; text-transform: uppercase;}
.xw-in .xw-xt{ width: 100%; height: 10px; float: left; background: url(./xwxt.png) center no-repeat; padding: 15px 0px;}
.xw-in .xw-lb{ width: 100%; float: left; margin-top: 30px; }
.xw-in .xw-lb ul{ width: 103%;}
.xw-in .xw-lb ul li{ width: 390px; margin-right: 40px; float: left;;}
.xw-in .xw-lb ul li .xw-tp{ float: left; width: 390px; height: 225px; overflow: hidden;transition:all .5s ease; }
.xw-in .xw-lb ul a:nth-of-type(1) .xw-tp {
	background: url("./xwtp1.jpg") no-repeat center top;
}
.xw-in .xw-lb ul a:nth-of-type(2) .xw-tp {
	background: url("./xwtp2.jpg") no-repeat center top;
}
.xw-in .xw-lb ul a:nth-of-type(3) .xw-tp {
	background: url("./xwtp3.jpg") no-repeat center top;
}
.xw-in .xw-lb ul a:nth-of-type(4) .xw-tp {
	background: url("./xwtp4.jpg") no-repeat center top;
}
.xw-in .xw-lb ul li .xw-nr{ padding: 20px; width: 290px; height: 155px; border-bottom: 4px solid #190c60; float: left; margin: -30px 30px 0px 30px; background: #fff;box-shadow: 0 0 20px rgba(210, 0, 0,0);transition: all .5s ease; }
.xw-in .xw-lb ul li:hover .xw-nr{ top:-12px;position:relative;border-bottom:solid 4px #b00;box-shadow: 0 0 20px rgb(37 85 165 / 50%);}
.xw-in .xw-lb ul li .xw-nr .xw-bt{ font-size: 18px; font-weight: bold; width: 100%; float: left; color:#000;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.xw-in .xw-lb ul li .xw-nr .xw-ms{ height: 51px; margin-bottom: 20px; margin-top: 35px;font-size: 14px;color: #777;line-height: 1.8;text-align: left;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;width: 100%;}
.xw-in .xw-lb ul li .xw-nr .xw-mo{color: #777; text-align: center; line-height: 30px;; width: 130px; height: 30px; margin: 0 auto; border: 1px solid #dedede;  }
.xw-in .xw-lb ul li:hover .xw-nr .xw-mo{ background: #b00; color: #fff;}
/**********************************/
.fot{ width: 100%; padding: 60px 0px; background:#222222; height: 230px;;;}
.fot-in{ width: 1680px; height: 230px; margin: 0 auto; position: relative;;}
.fot-js{ width: 480px; height: 230px; float: left;;;}
.fot-js .js-tp{ width: 100%; height: 50px; float: left;;;}
.fot-js .js-js{ width: 100%; height: 85px; overflow: none; margin: 20px 0px;; color: rgba(255,255,255,0.4) !important; line-height: 1.5; float: left;}

.fot-js .js-wm{ width: 100%; height: 50px; float: left; position: relative;/*background: url("./wm.png") no-repeat center;*/}
.fot-js .js-wm span{ dispaly:block;width:35px;height:50px;margin-right:10px;float:left}
.fot-js .js-wm span#w1{background: url("./w1.png") no-repeat center;}
.fot-js .js-wm span#w1:hover{background: url("./w1h.png") no-repeat center;}
.fot-js .js-wm span#f1{background: url("./f1.png") no-repeat center;}
.fot-js .js-wm span#f1:hover{background: url("./f1h.png") no-repeat center;}
.fot-js .js-wm span#i1{background: url("./i1.png") no-repeat center;}
.fot-js .js-wm span#i1:hover{background: url("./i1h.png") no-repeat center;}

.fot-nav{ width: 270px; height: 230px; float: left; border-left: 1px solid #747373; margin-left: 50px; padding-left: 50px;;}
.fot-nav .nav-dz{ color: #fff; float: left; width: 100%; text-transform:uppercase; font-size: 20px;;}
.fot-nav .nav-lb{ width: 100%; float: left; margin-top: 20px;;}
.fot-nav .nav-lb a{  text-transform: capitalize; display: block; float: left; width: 100%;; color: rgba(255,255,255,0.4) !important; font-size: 17px; width: 50%; line-height: 2.2;}
.fot-nav .nav-lb a:hover{color: rgba(255,255,255,1) !important; }

.fot-cp{ width: 270px; height: 230px; float: left; border-left: 1px solid #747373; margin-left: 50px; padding-left: 50px;;}
.fot-cp .cp-dz{ color: #fff; float: left; width: 100%; text-transform:uppercase; font-size: 20px;;}
.fot-cp .cp-lb{ width: 100%; float: left; margin-top: 20px;;}
.fot-cp .cp-lb a{ text-transform: capitalize; display: block; float: left; width: 100%;; color: rgba(255,255,255,0.4) !important; font-size: 17px; width: 100%; line-height: 2.2;}
.fot-cp .cp-lb a:hover{color: rgba(255,255,255,1) !important; }

.fot-lx{ width: 330px; height: 230px; float: left; border-left: 1px solid #747373; margin-left: 50px; padding-left: 50px;;}
.fot-lx .lx-dz{ color: #fff; float: left; width: 100%; text-transform:uppercase; font-size: 20px;;}
.fot-lx .lx-dh{ background: url(./tb1.png) left center no-repeat; padding-left: 30px; width: 100%; float: left; margin-top: 20px; float: left; width: 100%;; color: rgba(255,255,255,0.4) !important; font-size: 17px; width: 100%;}
.fot-lx .lx-yx{ background: url(./tb2.png) left center no-repeat; padding-left: 30px; width: 100%; float: left; margin-top: 20px; float: left; width: 100%;; color: rgba(255,255,255,0.4) !important; font-size: 17px; width: 100%;}
.fot-lx .lx-wz{ background: url(./tb3.png) left center no-repeat; padding-left: 30px; width: 100%; float: left; margin-top: 20px; float: left; width: 100%;; color: rgba(255,255,255,0.4) !important; font-size: 17px; width: 100%;}

/*********************************/
.bq{ width: 100%; height: 60px; line-height: 60px; background: #000000; text-transform: uppercase;}
.bq-in{ width: 1680px; height: 60px; margin:0 auto; position: relative;;color: rgba(255,255,255,0.4) !important;}