@charset "GB2312";
body,div,ul,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p,A,input,textarea{
	margin:0px;
	padding:0px;
	font-size:14px;
	text-align:left;
	font-family:"microsoft yahei";
	text-decoration: none;
	color: #555555;
	list-style:none ;
	}
body{
	overflow-x: hidden;
	background: #f1f1f1;
}
.index{
	background: #fff;
}
A:hover{
	color: #0068b7;
}
.bai{
	color:#FFFFFF;
	}
.bai a{
	color:#FFFFFF;
	}
 img{ 
 	border:0; 
 	display: block;
 	}
.left{
	float:left;
	}
.right{
	float:right;
	}
.clear{
	clear:both;
	}
.block{
	display:block;
	}

.delay1 { -webkit-animation-delay: 0.2s; animation-delay: 0.2s; }
.delay2 { -webkit-animation-delay: 0.35s; animation-delay: 0.35s; }
.delay3{ -webkit-animation-delay: 0.5s; animation-delay: 0.5s; }
.delay4{ -webkit-animation-delay: 0.65s; animation-delay: 0.65s; }
.delay5{ -webkit-animation-delay: 0.8s; animation-delay: 0.8s; }
.delay6{ -webkit-animation-delay: 0.95s; animation-delay: 0.95s; }
.delay7{ -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.delay8{ -webkit-animation-delay: 1.25s; animation-delay: 1.25s; }
.delay9{ -webkit-animation-delay: 1.4s; animation-delay: 1.4s; }
.delay10{ -webkit-animation-delay: 1.55s; animation-delay: 1.55s; }



@font-face
{
font-family: ywzt;
src: url('Impact.TTF'),
     url('Impact.eot'); /* IE9+ */
}
/*top*/
.an-hide{ 
	visibility:hidden;
    *visibility:visible;
	}
.an-show{ 
	visibility:visible;
}
.head{
	 width: 100%;
	 background: #fff;
	
}
.head_top{
	width: 1200px;
	margin: auto;
	padding: 20px 0;
	background: #fff;
}
.logo{
	width: 558px;
	height: 75px;
	float: left;
}
.nav{
	width: 560px;
	height: 65px;
	margin-top: 5px;
	float: right;
}
.tel img{
	display:inline-block;
	vertical-align:middle;
	margin-right:8px;
	}
.tel{
	text-align:right;
	font-size:18px;
	height:25px;
	color:#333;
	font-weight:bold;
	padding-right:12px;
	}
.nav ul{ 
	width:600px; 
	margin: auto;
	text-align: center;
	line-height: 45px;
	 }
.nav ul li{
	width: 80px;
	height: 45px;
	text-align: center;
	float: left;
}
.nav ul li a{
	color: #333;
	display: block;
	width: 80px;
	height: 45px;
	font-size: 14px;
	text-align: center;
}
.nav ul li a:hover , .nav ul .gl a{
	color: #0068B7;

}

/*banner*/

#focusBar{
	width:100%;
	border-top: 30px solid #025490;
	height:820px;
	clear:both;
	position:relative;
	overflow:hidden;
	}
#focusBar li{
	width:100%;
	clear:both;
	height:820px;
	display:none;
	position:absolute;
	background-position:  center !important;
	/* position:relative;*/
	}
#focusBar .focusL{
	height:820px;
	position:absolute;
	z-index:9;
	width: 1200px;
	 top:0px;
	 left:-600px;
	 margin-left:50%;
	 }
#focusBar .focusR{
	height:820px;
	position:absolute;
	z-index:19;
	width: 1200px;
	top:0px;
	left:-600px;
	margin-left:50%;
	}

a.arrL,a.arrR{
	display:block;
	width:52px;
	height:144px;
	position:absolute;
	top:350px;
	z-index:99;
	cursor:pointer;
	background:url(bt_arr.png) no-repeat;
	}
a.arrL{
	left:-52px;
	background-position:0px 0px;
	}
a.arrR{
	right:-52px;
	background-position:-68px 0px;
	}
a.arrL:hover{
	background-position:0px -144px;
	}
a.arrR:hover{
	background-position:-68px -144px;
	}

.index_bt1 h2{
	font-size: 25px;
	color: #025490;
	font-weight: normal;
}
.index_bt1 h2 span{
	display: block;
	color: #666666;
	font-size: 18px;
}
.index_bt1 a{
	float: right;
	display: block;
	width: 100px;
	height: 36px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	border-radius: 18px;
	margin-top: 10px;
	background: #025490;
}
.index_bt{
	height: 55px;
	border-bottom: 1px solid #ddd;
}
.index_bt h2{
	font-size: 25px;
	color: #025490;
	font-weight: normal;
}
.index_bt h2 span{
	color: #666666;
	font-size: 18px;
}
.index_bt a{
	float: right;
	display: block;
	width: 100px;
	height: 36px;
	text-align: center;
	color: #fff;
	line-height: 36px;
	border-radius: 18px;
	background: #025490;
}

.product_index{
	width: 1200px;
	margin: auto;
	padding: 50px 0;
	overflow: hidden;
}
.product_index ul{
	width: 1300px;
}
.product_index ul li{
	width: 227px;
	float: left;
	position: relative;
	height: 246px;
	float: left;
	overflow: hidden;
	margin-top: 11px;
	border: 2px solid #d2d2d2;
	margin-right: 11px;
	transition: all 0.6s ease;
}
.product_index ul li h2{
	display: block;
	width: 83px;
	position: absolute;
	left: 0px;
	padding-top: 90px;
	padding-left: 20px;
	font-size: 16px;
	color: #333;
	font-weight: normal;
	transition: all 0.6s ease;
}
.product_index ul li .imgtp{
	position: absolute;
	right: 0px;
	transition: all 0.6s ease;
}
.product_index ul li h4{
	width: 227px;
	height: 147px;
	z-index: 9;
	position: absolute;
	right: -80px;
	border-radius: 113px;
	background: #0068B7;
	opacity: 0;
	color: #fff;
	text-align: center;
	padding-top: 80px;
	font-size: 18px;
	font-weight: normal;
	top: 10px;
	transition: all 0.6s ease;
}
.product_index ul li h4 img{
	margin: 20px auto 0;
	display: block;
}
.product_index ul li h2 p{
	border-top: 1px solid #ddd;
	margin-top: 10px;
	padding: 10px 0;
	font-size: 12px;
}
.product_index ul li:hover{
	border: 2px solid #fff;
}
.product_index ul li:hover h2{
	display: block;
	left: 100px;
	opacity: 0;
}
.product_index ul li:hover .imgtp{
	right: 45px;
}
.product_index ul li:hover h4{
	opacity: 0.7;
	right: 0px;
}
.index_bot{
	width: 100%;
	background: #f3f4f4;
	padding: 100px 0;
}
.index_botn{
	width: 1200px;
	margin: auto;
}
.about{
	width: 660px;
	height: 360px;
	background: #fff;
	float: left;
	padding: 25px;
	box-shadow: 3px 3px 3px #ddd;
}
.about ul{
	width: 270px;
	float: left;
}
.about  img{
	float: right;
}
.aboutnrq{
	line-height: 24px;
	margin-top: 30px;
}
.qywh{
	width: 420px;
	height: 360px;
	background: #fff;
	float: right;
	padding: 25px;
	box-shadow: 3px 3px 3px #ddd;
}
.qywh ul{
	margin-top: 30px;
}
.qywh ul img{
	margin-bottom: 20px;
}
.qywh ul li{
	line-height: 30px;
}
.news{
	width: 420px;
	height: 365px;
	background: #fff;
	float: left;
	margin-top: 25px;
	padding: 20px;
	box-shadow: 3px 3px 3px #ddd;
}
.news ul{
}
.news ul li{
	height: 95px;
	margin-top: 40px;
}
.news ul li img{
	float: left;
}
.news ul li p{
	display: block;
	width: 240px;
	float: right;
}
.news ul li p b{
	display: block;
	padding-bottom: 10px;
}
.news ul li p span{
	padding-top: 10px;
	display: block;
}
.case{
	width: 660px;
	height: 360px;
	background: #fff;
	float: right;
	margin-top: 20px;
	padding: 25px;
	box-shadow: 3px 3px 3px #ddd;
}
.case .index_bt1{
	width: 120px;
	float: left;
}
.case .index_bt1 h2{
	width: 120px;
	float: left;
}
.case .index_bt1 a{
	float: left;
}

.focus{
	position:relative;
	float: right;
	width: 520px;
	height: 360px;
	}
.f550x360 {
	width: 520px;
	height: 360px;
}

.f550x360 img {
	width: 520px;
	height: 360px;
}
.f550x360 p{
	width: 370px;
}
.focus p {
	position: absolute;
	bottom: 0px;
	font-size: 16px;
	padding: 10px 0;
	display: block;
	line-height: 25px;
	color: #fff;
	left: -150px;
	padding-left: 15px;
	color: #333;
	width: 120px;
	border-bottom: 1px solid #ddd;
}


.rslides {
	width: 100%;
	position: relative;
	list-style: none;
	padding: 0
}

.rslides_nav {
	height: 51px;
	width: 31px;
	position: absolute;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	top: 50%;
	left: 0;
	opacity: 0.5;
	text-indent: -9999px;
	overflow: hidden;
	text-decoration: none;
	background: url(i.png) no-repeat 0 -560px;
	margin-top: -28px;

}

.rslides_nav:active {
	opacity: 1.0
}

.rslides_nav.next {
	left: auto;
	background-position: -31px -560px;
	right: 0
}

.rslides_tabs {
	margin: 12px auto;
	clear: both;
	text-align: right;
	z-index: 99;
	position: absolute;
	bottom: 0px;
	width: 98%;
}

.rslides_tabs li {
	display: inline;
	float: none;
	_float: left;
	*float: left;
	margin-right: 5px
}

.rslides_tabs a {
	text-indent: -9999px;
	overflow: hidden;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	background: #fda00e;
	background: #FFF;
	display: inline-block;
	_display: block;
	*display: block;
	width: 15px;
	height: 15px;
	font-size: 0px;
}

.rslides_tabs .rslides_here a {
	background: #fda00e;
}


.foot_bj{
	background: #025490;
}
.foot_bj_n{
	width: 1200px;
	margin: auto;
	padding: 40px 0;
}
.imgtop{
	margin: auto;
}
.foot_bj .top{
	padding: 10px 20px;
	background: #333333;
	color: #fff;
	width: 730px;
	text-align: center;
	margin: 30px auto 50px;
	font-size: 18px;
}
.foot_bj .left{
	width: 500px;
	color: #fff;
	line-height: 30px;
}
.foot_bj .left b{
	display: block;
	font-size: 30px;
	font-weight: normal;
	padding-bottom: 20px;
}
.foot_bj .right{
	width: 600px;
	height: 200px;
}
.foot{
	width: 100%;
	background: #333;
	text-align: center;
	color: #fff;
	line-height: 45px;
}
.foot a{
	color: #fff;
}
.mian{
	width: 1200px;
	margin: 50px auto;
}
.banner_n{
	width: 100%;
	height: 320px;
}

.butn-box{
    background: url("btn_bg01.png") no-repeat ;
    bottom: 0px;
    display: block;
    height: 130px;
    left: 50%;
    margin-left: -29px;
    position: absolute;
    transition: all 0.5s linear 1.8s;
    width: 58px;
}
.butn-box .butn {
    cursor: pointer;
    display: block;
    height: 58px;
    overflow: hidden;
    position: relative;
    width: 58px;
}
.butn-box i {
	animation: 1.5s linear 1.8s   infinite running icoDown;
    background: rgba(0, 0, 0, 0) url("ico_10.png") no-repeat scroll center center;
    display: inline-block;
    height: 12px;
    left: 50%;
    margin-left: -9px;
    position: absolute;
    top: 23px;
    width: 20px;
}
@keyframes icoDown {
0% {
    opacity: 0;
    top: 20%;
    filter:Alpha(opacity=0);
    }
50% {
    opacity: 1;
    filter:Alpha(opacity=100);
    top: 50%;
    }
100% {
    opacity: 0;
    filter:Alpha(opacity=0);
    top: 70%;
    }
}

.nav_n{
	height: 68px;
	width: 100%;
	background: #FFF;
	border-bottom: 1px solid #ddd;
	position: relative;
}
.nav_n ul{
	width: 1200px;
	margin: auto;
}
.nav_n ul .left{
	width: 250px;
	margin-top: 20px;
}
.nav_n ul .left .home_n{
	width: 18px;
	height: 15px;
	display: block;
	background: url(home_n.jpg);
	float: left;
	margin-right: 10px;
	margin-top: 7px;
}
.nav_n ul .left img{
	float: left;
	margin-top: 12px;
}
.nav_n ul .left h2{
	padding: 0 10px;
	float: left;
	color: #888;
	font-size: 20px;
}
.nav_n ul .right{
	width: 950px;
	text-align: right;
	line-height: 68px;
	
}
.nav_n ul .right a{
	line-height: 35px;
	padding: 0 5px;
	display: inline-block;
	color: #FFF;
	background:#eb8f07;
	transition: all 0.4s;
	
}
.nav_n ul .right a:hover , .nav_n ul .right .gl{
  
	color: #fff;
	background:#986314;
}

.out {
  
    margin-top: 0;
    position: fixed;
    top: 0;
    z-index: 999;
}



.newslist{

	width: 1200px;
	margin: 40px auto;
}
.newslist li {
	border: 1px solid  #e8e8e8;
	background: #f7f7f7;
	height: 100px;
	overflow: hidden;
	margin-bottom: 10px;
	
}
.newslist li .time{
	width: 100px;
	height: 85px;
	float: left;
	text-align: center;
	color: #FFF;
	background: #b7b7b7;
	padding-top: 15px;
}
.newslist li .time b{
	font-size: 40px;
	font-family: ywzt;
	font-weight: normal;
	color: #FFF;
}
.newslist li .nr{
	width: 1060px;
	float: right;
	padding: 15px 10px 0 0;
}
.newslist li .nr b{
	font-size: 15px;
	line-height: 26px;
}
.newslist li .nr span{
	font-size: 13px;
	line-height: 24px;
}
#pages {
	padding: 14px 0 10px;

}

#pages a {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #fff;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #333;
	padding: 0 10px
}

#pages a.a1 {
	
	width: 56px;
	padding: 0
}

#pages a:hover {
	background: #eb8f07;
	color: #FFF;
	text-decoration: none
}

#pages span {
	display: inline-block;
	height: 22px;
	line-height: 22px;
	background: #eb8f07;
	border: 1px solid #eb8f07;
	color: #fff;
	text-align: center;
	padding: 0 10px
}

.page .noPage {
	display: inline-block;
	width: 56px;
	height: 22px;
	line-height: 22px;
	background: url(../img/icu/titleBg.png) repeat-x 0 -55px;
	border: 1px solid #e3e3e3;
	text-align: center;
	color: #a4a4a4;
}
.content {
	height: auto;
	padding-top: 10px;
	line-height: 26px;
	color: #333;
	font-family: "Microsoft YaHei";
    margin-top: 20px;
	font-size: 14pt;
	width: 100%;
}

.news_show{
	width: 1100px;
	padding: 40px 50px 50px 50px;
	background: #fff;
	margin: 50px auto ;
}
.news_bt h2{
	border-bottom: 1px solid #ccc;
	font-size: 24px;
    font-weight: normal;
    line-height: 30px;
    padding-bottom: 23px;
    text-align: center;
}
.news_bt h4{
	color: #999;
     font-weight: normal;
    font-size: 14px;
    text-align: center;
    line-height: 50px;
    margin-bottom: 20px;
}
.nr{
	line-height: 30px;
}
.page1{
	width: 100%;
	margin-top: 20px;
	position: relative;
}
.page1 .left{
	width: 450px;
}
.page1 .left a{
	background: rgba(0, 0, 0, 0) url("triangle.png") no-repeat scroll left center;
    color: #323232;
    display: block;
    font-size: 14px;
    line-height: 26px;
    padding-left: 40px;
    transition: all 560ms ease 0s;
}
.page1 .left:hover a {
    background: rgba(0, 0, 0, 0) url("triangle5.png") no-repeat scroll left center;
    color: #eb8f07;
}
.page1 .left a b{
	 background: #a0a0a0 none repeat scroll 0 0;
    display: block;
    height: 1px;
    position: absolute;
    transition: all 730ms ease 0s;
    width: 133px;
    left: 88px;
    top: 14px;
}
.page1 .left:hover a b {
    background: #eb8f07 none repeat scroll 0 0;
    width: 400px;
}
.page1 .md{
	width: 300px;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -150px;
	color: #323232;
	font-family: arial;
}
.page1 .md .dx{
	 color: #323232;
	 font-weight: normal;
	 font-size: 24px;
	 font-family: arial;
}

.page1 .right{
	width: 450px;
}
.page1 .right a{
    background:  url("triangle1.png") no-repeat scroll right center;
    padding-left: 0;
    padding-right: 40px;
    text-align: right;
    transition: all 560ms ease 0s;
     color: #323232;
    display: block;
    font-size: 14px;
    line-height: 26px;
}
.page1 .right:hover a {
    background: rgba(0, 0, 0, 0) url("triangle4.png") no-repeat scroll right center;
    color: #eb8f07;
}
.page1 .right a b{
	background: #a0a0a0 none repeat scroll 0 0;
    display: block;
    height: 1px;
    position: absolute;
    transition: all 730ms ease 0s;
    width: 133px;
     right: 88px;
    top: 14px;
}
.page1 .right:hover a b {
    background: #eb8f07 none repeat scroll 0 0;
    width: 400px;
}
.form{
	width: 1200px;
	margin:50px auto 100px;
}
.line1{
	float: left;
    height: 48px;
    line-height: 48px;
    margin: 0 34px 25px 0;
    padding: 0 46px 0 13px;
    width: 316px;
    border: 1px solid #d5d5d5;
    font-size: 14px;
}
.form textarea{
	background: #fff url("i_form_ico4.png") no-repeat scroll right top;
    border: 1px solid #d5d5d5;
    font-size: 14px;
    height: 149px;
    line-height: 1.5;
    margin-bottom: 20px;
    padding: 10px 46px 10px 13px;
    width: 1138px;
   
}
.name {
    background: #fff url("i_form_ico1.png") no-repeat scroll right 0;
}
.phone {
    background: #fff url("i_form_ico2.png") no-repeat scroll right 0;
}
.email {
    background: #fff url("i_form_ico3.png") no-repeat scroll right 0;
    margin-right: 0;
}
.verify input{
	background: #ddd;
	width: 300px;
	height: 50px;
	border: 0px;
	text-align: center;
	font-size: 15px;
	color: #666;
	float: left;
	margin-right: 15px;;
}
.khts .bt{
	width: 1200px;
	margin: auto ;

	padding-top: 70px;
	text-align: center;
}
.khts .bt h2{
	font-size: 36px;
	color: #515151;
	text-align: center;
}
.khts .bt h4{
	font-size: 24px;
	text-align: center;
	color: #e1e1e1;
	font-weight: normal;
    font-family: ywzt;
    margin-top: 12px;
}
.khts .bt  span{
	background: #eb8f07;
	display: block;
	width: 50px;
	height: 4px;
	margin: 10px auto 0;
}
.khts{
	width: 1200px;
	min-height: 380px;
	margin:0 auto 60px;
}
.ltable{ 
	border-bottom:1px solid #ddd;
	border-right:1px solid #ddd; 
	margin-top:10px;
}
.ltable td{
	 border-left:1px solid #ddd; 
	 border-top:1px solid #ddd; 
	 padding:10px 0 10px 20px;
}
.xxnr{
	line-height:22px;
	color:#666;
	}
.nrdl{
	margin-top:20px
	}
.nbt1{
	font-size:18px;
	color:#333;
	line-height:30px;
	display:block;
	}
.nbt2{
	color:#097058;
	padding-top:8px;
	display:block;
	}
.nbt3{
	color:#111;
	display:block;
	font-weight:normal;
	}
.page28{
	line-height:28px;
	}


.ryzzlist{
	width: 1200px;
	overflow: hidden;
	margin: auto;
	padding: 40px 0;
}
.ryzzlist ul{
	width: 1300px;

}
.ryzzlist ul li{
	width: 290px;
	float: left;
	height: 265px;
	margin: 10px 13px 0 0;
	overflow: hidden;	
	background: #fff;
	position: relative;
	
}
.ryzzlist ul li img{
	width: 290px;
	height: 200px;
	transition: 0.6s ease all;
}
.ryzzlist ul li a{
	display: block;
	width: 290px;
	height: 200px;
	border-top: 0px;
	overflow: hidden;
	transition: 1s ease all;
}
.ryzzlist ul li:hover img{
	transform:scale(1.1);
}
.ryzzlist ul li:hover a{
	border-top: 10px solid #eb8f07;
	height: 190px;
}

.ryzzlist ul li h2{
	font-size: 15px;
	color: #333;
	padding-left: 30px;
	font-weight: normal;
	height: 90px;
	padding-top: 10px;
	line-height:18px;
	transition: all 0.6s ease;
	background: url(cphover.jpg) 0 -100px no-repeat;
}
.ryzzlist ul li h2 span{
	display: block;
	font-size: 11px;
	color: #999;
}
.ryzzlist ul li h2 p{
	display: block;
	width: 20px;
	height: 1px;
	margin-top: 10px;
	transition: all 1s ease;
	background: #fff;
}
.ryzzlist ul li:hover h2 p{
	width: 230px;
	
}
.ryzzlist ul li:hover h2{
	background-position: 0 0;
	color: #fff;
}
.ryzzlist ul li:hover h2 span{
	color: #fff;
}
.operate h3 {
	font-size: 16px;
	background: #f7f7f7;
	height: 43px;
	line-height: 43px;
	padding-left: 12px;
}

.operate ul li {
	display: inline;
}

.operate ul li a {
	background: url(bg1.png) no-repeat 200px 18px;
	padding-left: 30px;
	text-decoration: none;
	font-size: 14px;
	color: #555;
	display: block;
	height: 43px;
	line-height: 43px;
	border-bottom: 1px dotted #d2d2d2;
}

.operate ul li a.noline {
	border-bottom: none;
}

.operate ul li a:hover {
	color: #8caf00;
}

.operate ul li a.selected:hover {
	color: #fff;
}

.operate ul li .selected {
	background-color: #8caf00;
	background-position: 200px -9px;
	color: #fff;
}

.operate ul li {
	border-bottom: 1px solid #d2d2d2;
	display: inline-block;
	width: 100%;
	position: relative;
	min-height: 43px;
	_height: 43px;
	z-index: 10;
	zoom: 1
}

.operate ul li h4 {
	cursor: pointer;
	background: url(j_c.png) no-repeat 1040px 15px;
	text-decoration: none;
	font-size: 18px;
	color: #555;
	display: block;
	line-height: 60px;
	font-weight: normal;
}

.operate ul li.noline {
	border-bottom: none;
}

.none {
	display: none
}

.operate ul li.selected h4 {
	background: url(j_o.png) no-repeat 1040px 15px;
	border-bottom: 1px solid #d2d2d2;
	color: #eb8f07;
	font-weight: bold;
}
.operate ul li.selected h4 span{
   font-size: 18px;
	color: #333;
	font-weight: normal;
}

.operate li .list-item {
	padding: 20px 0;
	position: relative;
	zoom: 1;
	font-size: 14px;
	line-height: 30px;
	color: #666;
}

.product_index{
	width: 1200px;
	overflow: hidden;
	margin: 50px auto ;
}
.product {
	width: 1200px;
	overflow: hidden;
	margin: 50px auto 
}
.product ul{
	width: 1300px;

}
.product ul li {
	display: block;
	width: 280px;
	height: 435px;
	border: 1px  solid #e7e7e7;
	background: #fff;
	float: left;
	margin-top: 15px;
	margin-right: 24px;
	position: relative;
	transition: all 0.6s ease;
}
.product ul li .img , .product ul li img{
	width: 280px;
	height: 380px;
	overflow: hidden;
	display: block;
	transition: all 0.3s ease;
}

.product ul li .title{
	text-align: center;
	line-height: 53px;
	font-size: 15px;
	height: 55px;
	display: block;
	transition: all 0.3s ease; 
	
}
.product ul li .product_bot{
	display: block;
	width: 2px;
	height: 3px;
	margin: auto;
	transition: all 1s ease;
	background: #fff;
}
.product ul li .icotp{
	width: 99px;
	height: 99px;
	background: url(adius3.png);
	z-index: 9;
	top: 140px;
	opacity: 0;
	left: 90px;
	position: absolute;
	display: block;
	transition: all 0.6s ease;
}
.product ul li:hover .icotp{
	opacity: 1;
}
.product ul li:hover .product_bot{
	width: 280px;
	background: #eb8f07;
}

.product ul li:hover img{
	transform:scale(1.05);
}

.products_show_l {
	width: 560px;
	height: auto;
	float: left;
	overflow: hidden;
}

.jqzoom {
	float: left;
	border: none;
	position: relative;
	padding: 0px;
	cursor: pointer;
	margin: 0px;
	display: block;
}

.jqzoom img {
	width: 550px;
	height: 680px
}

.zoomdiv {
	z-index: 100;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 350px;
	height: 350px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

.jqZoomPup {
	z-index: 10;
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 20px;
	height: 20px;
	border: 1px solid #aaa;
	background: #ffffff /*url(../images/zoom.png) 50% center no-repeat*/;
	opacity: 0.5;
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	filter: alpha(Opacity=50);
}

.spec-preview {
	width: 550px;
	height: 680px;
	border: 1px solid #DFDFDF;
	padding: 4px;
}

.spec-scroll {
	clear: both;
	margin-top: 5px;
	width: 560px;
}

.spec-scroll .prev {
	float: left;
	margin-right: 8px;
}

.spec-scroll .next {
	float: right;
}

.spec-scroll .prev,.spec-scroll .next {
	display: block;
	
	text-align: center;
	font-size: 20px;
	width: 32px;
	height: 74px;
	line-height: 74px;
	border: 1px solid #CCC;
	background: #EBEBEB;
	cursor: pointer;
	text-decoration: none;
}

.spec-scroll .items {
	float: left;
	position: relative;
	width: 480px;
	height: 76px;
	overflow: hidden;
}

.spec-scroll .items ul {
	position: absolute;
	width: 999999px;
	height: 76px;
}

.spec-scroll .items ul li {
	float: left;
	width: 100px;
	text-align: center;
}

.spec-scroll .items ul li img {
	border: 1px solid #CCC;
	padding: 2px;
	width: 90px;
	height: 70px;
}

.spec-scroll .items ul li img:hover {
	border: 2px solid #eb8f07;
	padding: 1px;
}

.products_show_r{
	width: 480px;
	float: right;
}
.cpbt{
	font-size: 30px;
	border-top: 8px solid #eb8f07;
	font-weight: bold;
	line-height: 100px;
	height: 108px;
}
.xxsm {
    border-bottom: 3px solid #ddd;
    line-height: 40px;
    margin-bottom: 10px;
    margin-top: 20px;
}
.xxsm ul {
    background: #eb8f07;
    color: #fff;
    width: 130px;
    text-align: center;
}
.pagexx{
	line-height:30px;
	}
.biaoge{
	background:#ddd
	}
.biaoge td{
	background:#fff;
	padding:10px 15px;

	}
	
	
.biaoge	.ys{
	background:#ccc;
	text-align:center;
	font-weight:bold;
	}
	
.about_ny{
	width: 1200px;
	margin: auto;
	padding-bottom: 100px;
	
}
.about_ny ul{
	margin-top: 130px;
}
.about_nybt{
	font-size: 16px;
	line-height: 40px;
	width: 620px;
}
.contatc_n{
	width: 1200px;
	background: #fff;
	margin: 50px auto 0;
}
.contatc_n ul{
	background: #fff;
	padding: 30px;
	width: 500px;
	float: left;
	font-size: 20px;
	line-height: 40px;
}
.contatc_n img{
	float: right;
}




/*banner*/
.banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; background-color:#969696; position: relative;}
.banner .slides{ position:relative; z-index:20;}
.banner .slides li{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides .bimg{ -webkit-transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);transition:opacity 1s cubic-bezier(.165, .74, .44, 1),transform 1s cubic-bezier(.165, .74, .44, 1);}
.banner .slides li.sc-b-c .bimg{ transform: scale(1.1); -webkit-transform: scale(1.1); opacity: 0;}
.banner .slides li img{ display:block; width:100%; height:auto; position:relative;}
.banner .bimg { width: 100%; display: block; }

.baTxts{ position:absolute; left:50%; margin-left:-584px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); z-index:200;}

.baTxts h2{ margin-bottom:36px; font-size:58px; color:#ffffff; text-align:center;}
.baTxts b{ display:block; width:0; height:2px; background:#fff; margin:auto;}
.baTxts small{ width:380px; margin:auto; text-align:center; color:#ffffff; display:block; margin-top:26px; font-size:14px; font-family:"Arial"; font-style:italic; line-height:1.8;}
.banner .en.transy{ transition:700ms 300ms; -webkit-transition:700ms 300ms;}
.banner .baTxts b.transy{ transition:800ms 500ms;}
.banner .baTxts small.transy{ transition:1000ms 700ms;}

.transy{ transform:translateY(60px); -webkit-transform:translateY(60px); transition-timing-function:ease-out; -webkit-transition-timing-function:ease-out; transition:700ms; -webkit-transition:700ms; opacity:0; }
.banner li.transShow .en.transy,.banner li.transShow .zh.transy,.banner li.transShow small.transy{  transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1;}
.banner li .baTxts b.transy{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0);}
.banner li.transShow .baTxts b.transy{ width:115px; opacity:1;}
.transShow{ transform:translate(0,0); -ms-transform:translate(0,0); -webkit-transform:translate(0,0); opacity:1; }
.banner .flex-control-nav{ text-align:center; position:absolute; left:0; bottom:14px; width:100%; z-index:999;}
.banner .flex-control-nav li{ display:inline-block; margin-right:12px;}
.banner .flex-control-nav li a{ display:block; width:13px; height:13px; text-indent:999px; overflow:hidden; border-radius:50%; background:#fff;}
.banner .flex-control-nav li a.flex-active{ background:#fcb800;}

.bannerText{ height:440px; position:absolute; left:50%; top:50%; margin-left:-500px; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); z-index:20;}
.bann{ width:955px; height:330px; background:rgba(0,52,89,0.4); box-sizing:border-box; padding:40px 27px 0 40px; position:relative;}
.banne-list{ position:relative; height:100%;}
.banne-list li{ opacity:0; transform:translateY(30px); -webkit-transform:translateY(30px); -moz-transform:translateY(30px); transition:1000ms 200ms;  position:absolute; left:0; top:0; width:100%; height:100%; visibility:hidden;}
.banne-list h3{ color:#ffffff; font-size:32px; line-height:40px; visibility:hidden; opacity:0;   border-bottom: 3px solid #fff; text-align: center; padding-bottom: 20px;} 
.banne-list  p{
	text-align: center;
	padding-top: 30px;
	color: #fff;
	font-size: 16px;
	line-height:30px;
}
.technology{  width:170px; opacity:0; float:right; position:relative;  box-sizing:border-box; padding-top:14px; font-family:"helvetica_neue_ltregular"; font-size:25px; line-height:normal; border-bottom:1px solid #fff; padding-bottom:14px;}
.technology small{ line-height:30px; color:#ffffff; font-size:25px; font-family:Arial; font-family:"Arial";}
.technology i{ width:126px; height:1px; background:#fff; position:absolute; right:0; top:1px;}
.technology b{ display:block; width:0; height:1px; background:#e68333; position:absolute; left:0; top:1px; transition:500ms 600ms;}

.bannerbg{ display:none;}
.banne-list li.on{ opacity:1; visibility:visible; transform:translateY(0); }
.banne-list li.on h3{ visibility:visible; opacity:1;}
.banne-list li.on .technology{ opacity:1; }
.banne-list li.on .technology b{ width:35px; }
.bamnline{ position:absolute; left:0; bottom:0; width:100%; height:3px; background:#023257;}
.bamnline span{ display:block; width:0; height:3px; background:#e68333;}
.bamnline.load span{ width:100%; transition:5s linear; -webkit-transition:5s linear; -moz-transition:5s linear; }
.banner .flex-direction-nav{ width:955px; height:12px; position:absolute; left:50%; margin-left:-500px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); margin-top:90px; z-index:300;}
.banner .flex-direction-nav li{ width:7px; height:11px;}
.banner .flex-direction-nav li a{ display:block; width:100%; height:100%; text-indent:999px; overflow:hidden; }
.banner .flex-direction-nav li:nth-child(1){ position:absolute; left:8px; bottom:0;}
.banner .flex-direction-nav li:nth-child(2){ position:absolute; right:8px; bottom:0;}
.banner .flex-direction-nav li a.flex-prev{ background:url(prev.png) center no-repeat; }
.banner .flex-direction-nav li a.flex-next{ background:url(next.png) center no-repeat;}
.numble{ position:absolute; left:47px; bottom:8px; z-index:400;}
.numble .defual{ float:left; color:#ffffff; font-size:20px; font-family:"Arial"; margin-right:3px;}
.numble .defual:nth-child(2){ font-size:14px; margin-top:6px;}
.numble .defual b{ font-weight:normal;}