@charset "utf-8";
html{color:#000;background:#fff; }
body { color:#666; font-family:"微软雅黑"; font-size:12px} /*网站字体颜色*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;} 
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


.pt60{ padding:60px 0;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}




/* -- 页面整体布局 -- */
.content { width:1200px; margin:0 auto;  }





.top { background:#fff; width:100%; height:67px }

.header { width:100%; height:100px; background:#fff; position:fixed; z-index:999; box-shadow:0 1px 4px #999; }
.header_scroll {
	background:#fff;
	
	transition: 0.4s all;
	-webkit-transition: 0.4s all;
	height:100px;
	
	}

.sou { background:#f2f2f2; width:182px; height:32px; border-radius:32px; margin-top:16px; padding:0 10px }
.sou input { background:none; border:0; line-height:32px; outline:none }


.footer {
	WIDTH: 100%; margin:0 auto; BACKGROUND:#343434; OVERFLOW: hidden; padding:20px 0; color:#fff; font-size:12px; line-height:30px; 
}
.wrap { width:1200px; margin:0 auto }
.w650 { width:650px; margin:0 auto; }
.ss { margin-top:16px; width:400px }
.ss input { width:280px; float:left; background:#fff; height:35px; color:#555; padding-left:16px; }
.footer h3 { font-size:18px; margin:0 0 10px 0; width:110px; font-weight:100; }
.footer h3 a { color:#fff; }

.anniu a { font-size:12px; color:#fff; display:block; width:100px; line-height:38px; background:#1b257a; text-align:center; }
.anniu a:hover { font-size:12px; color:#fff; width:100px; line-height:38px; background:#1b257a; text-align:center; }
.tel1 { width:280px; }
.tel1 p { margin:0; line-height:30px }

.kk { width:300px; }
.kk li { list-style:none; line-height:28px; font-size:12px }
.kk a { color:#fff; }
.kk a:hover { color:#777; }
.bq { line-height:60px; background:#222; color:#fff; text-align:center; font-size:12px }
.flogo { text-align:right }
.db { width:700px; padding-top:30px }
.link { margin-bottom:40px }
.link a { margin:0 5px; color:#fff; font-size:16px; text-align:center }
.link a:hover { color:#fff; }

.box1 { width:100px; color:#fff; line-height:26px ; font-size:14px; text-align:center; }
.box1 p { text-align:left; line-height:26px; }
.box1 li { text-align:left; list-style:none; line-height:21px }
.box1 li a { color:#6f7071; }
.box1 li a:hover { color:#333; }

.tel { background:url(tel.png) no-repeat left; padding-left:65px; color:#333; width:220px; float:left; text-align:left; font-size:14px; margin-top:30px  }
.tel span { font-size:14px; line-height:46px; font-size:30px; color:#0465b4 }


.tel2 { background:url(tel1.png) no-repeat left; padding-left:65px; color:#fff; width:180px; float:left; text-align:left; font-size:26px; }
.tel2 span { font-size:14px; line-height:46px; color:#fff }

.head { background:#333333; padding:10px 0; color:#929191 }
.head a { color:#929191; }


.logo { width:374px;  }
.fl { float:left; }
.fr { float:right; }


.dh { background:#0465b4; width:100% }
.yu { width:120px; margin-top:40px }
.yu a { margin-left:10px; } 
#nav { width:830px; margin-left:160px }
#nav ul {
    margin:0;
	padding:0;
	
	}
#nav a {
	display:block;

	text-decoration:none;
	color:#333;
	
	line-height:100px;
	padding:0;
	
	font-family:"microsoft yahei";
	font-size:18px;

}

#nav a:hover,#nav a.active {
	color:#000;
	line-height:100px;
	padding:0;
	display:block;
	

	
}
#nav li {
	
	

	
	
	float:left;
	text-align:center;
	
	list-style:none;
	padding:0 23px;
	

}


#nav li ul {
	position:absolute;
	top:100px;
	left:-999em;
	
	margin-left:-66px;
   *margin-left:-56px;
	
	
	border-bottom:0;
	border-top:0;
	z-index:999;
	padding:0;
	width:200px;
	
	background:#fff;
	
	
}
#nav li ul li {
	
	
	
	height:50px;
	
	border-right:0;
	padding:0;
	
	margin-left:0;
	width:200px;
}
#nav li ul a {
	display:block;

	line-height:50px;

	padding:0;
	text-align:center;
	width:200px;
	
	font-size:12px;
	color:#333;
	
	
}
#nav li ul a:hover {
	color:#fff;
	background:#0089d3;
	
	line-height:50px;
	padding:0;
	text-align:center;
	width:200px;
	
	font-weight:500;
	border-bottom:0;

}
#nav li:hover ul {
	left:auto;
}
#nav li.sfhover ul {
	left: auto;
}
#nav .arrowFront, #nav .arrowAfter {
	width:2px;
	height:30px;
	
	overflow:hidden;
	text-indent:-999em;
}
#nav .arrowFront a, #nav .arrowAfter a {
	line-height:30px;
}
#nav .arrowFront {
	float:left;
	background-position:-54px -68px
}
#nav .arrowAfter {
	float:right;
	background-position:-83px -68px
}





/*---产品详细相关产品---*/



/*--按钮样式--*/


.pleft { width:500px; }

.proxx_y { width:600px; padding-top:10px; color:#666px; line-height:30px;}
.proxx_y h4 { font-size:21px; line-height:40px; margin-bottom:10px; color:#000 }
.proxx_y p { font-size:14px; line-height:30px }
.proxx_y p span { font-size:30px; }
.xx { font-size:14px; margin-bottom:20px; }
.xx img { vertical-align:middle;  }
.proxx_y .zx { background:none; width:380px; font-size:12px; line-height:40px; display:block; text-align:center; color:#666; border:1px solid #666; border-radius:30px; margin-top:60px }
.proxx_y .zx:hover { background:#333; width:380px; font-size:12px; line-height:40px; display:block; text-align:center; color:#fff; border-radius:30px }
.cpt { margin-bottom:30px; border-bottom:1px solid #ccc; padding-bottom:20px }
/* sprite */
.h2_prokinds,.div_buybtn .a_tobuy,.div_buybtn .a_addtofavor,.side_thumb .p_btn .a_buybtn,.addconsultbox .btn,.p_thumbpage b,.ajaxlogin .btn,.h2_progallery a.a_backpro,span.span_share .a_share,a#a_enlarge,.div_prokinds h3 a,.tabbox_a .tabtitle span,.h3_eachtitle,.ul_choosecolor li .span_lack,.floatquick,.div_prokinds h3 span,.crumb,.div_prothumb .span_prev,.div_prothumb .span_next,.ajaxlogin h3,.dl_consult .div_reply,.ul_prodinfo .li_jf .a_usejf,.span_comscont,.dl_comment dd.dd_comment,.store_nowarea,.storearea_list .span_close{background:url(sprite.png) no-repeat;}
.prodetailsinfo{/*padding:15px 0;*/padding:0 0 15px;clear:both;zoom:1; }
div.jqZoomTitle { z-index: 5000; text-align: center; font-size: 11px; font-family: Tahoma; height: 16px; padding-top: 2px; position: absolute; top: 0px; left: 0px; width: 100%; color: #FFF; background: #999; }
.jqZoomPup { overflow: hidden; background-color: #FFF; -moz-opacity: 0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index: 10; border-color: #c4c4c4; border-style: solid; cursor: crosshair; }
.jqZoomPup img { border: 0px; }
.preload { -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; font-family: Tahoma; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align: center; background-image: url(zoomloader.gif); background-repeat: no-repeat; background-position: 43px 30px; width: 90px; *width:100px;height:43px;*height:55px;z-index:10;position:absolute;top:3px;left:3px;}
.jqZoomWindow { border: 1px solid #999; background-color: #FFF; }
/* proviewbox */
.proviewbox{float:left;width:450px;position:relative;z-index:5;}
.probigshow{position:relative;width:450px;height:450px;/*margin:0 auto;*/}
.probigshow .span_showtip{position:absolute;top:0px;left:0px;width:81px;height:81px;   text-indent:-999em;overflow:hidden;}
.probigshow .showtip_1{background-position:0 0;}
.probigshow .showtip_2{background-position:0 -81px;}

.zoomplepopup{position:absolute;top:0px;left:10px;display:none;background: #fff;overflow:hidden;opacity: 0.5;filter: alpha(opacity = 50);z-index:10;cursor:crosshair;/*	height:50px;width:50px;*/}
#probig_preview{position:absolute;visibility:hidden;top:0px;left:450px; width:360px;height:360px;background:#fff;border:1px solid #999;overflow:hidden;}
#probig_preview img{position:relative;}
.div_prothumb{position:relative;padding:15px 15px 0;}
.thumbporbox{position:relative;width:416px;overflow:hidden;}
.div_prothumb .span_prev,.div_prothumb .span_next{position:absolute;top:15px;width:13px;height:80px; text-indent:-999em;overflow:hidden;cursor:hand;cursor:pointer;}
.div_prothumb .span_prev{left:0px;background:url(left.jpg) no-repeat center; opacity:0.6}
.div_prothumb .span_prev:hover{left:0px;background:url(left.jpg) no-repeat center; opacity:1}
.div_prothumb .span_next{right:0px;background:url(right.jpg) no-repeat center; opacity:0.6 }
.div_prothumb .span_next:hover{right:0px;background:url(right.jpg) no-repeat center; opacity:1 }

.ul_prothumb{position:relative;width:7500px; overflow:hidden;}
.ul_prothumb li{float:left;width:80px;text-align:center; margin:0 12px }
.ul_prothumb img{border:1px solid #fff; width:80px; height:80px }
.ul_prothumb li.now img{border:1px solid #666;}
/* div_prolinks */

.rtit1 { font-size:18px; border-bottom:1px solid #ccc; font-weight:100; padding-bottom:10px }

.artical { line-height:36px; font-size:14px; color:#666; padding-bottom:50px }

.artical p { padding:0 100px; }

.div_prolinks{padding:20px 0 0 5px; overflow:hidden; zoom:1;}

.biaoti { text-align:center; background:url(xian.png) repeat-x; margin:0 90px; margin-bottom:50px }
.mc a { background:#f8f8f8; padding:0 60px; line-height:30px; display:inline-block; color:#000; text-transform:uppercase; font-size:14px;  }
.cp { margin-top:40px; }
.cp li { background:#fff; width:272px; margin-right:30px; float:left; margin-bottom:30px }
.cp .tu { width:272px; height:272px; overflow:hidden }
.cp li:hover { background:#fff; box-shadow:5px 5px 5px #e8e8e8,5px -5px 5px #e8e8e8,-5px 5px 5px #e8e8e8,-5px -5px 5px #e8e8e8; transition:all 1s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; }
.cp li img { width:272px; height:272px; transition:all 2s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; }
.cp li:hover img { transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); }
.cp li p { font-size:14px; color:#666; text-align:center; padding-bottom:20px}
.cp li p a { color:#666; }
.cp li p a:hover { color:#000; }


.new { margin-top:40px; }
.new li { background:#fff; width:360px; margin-right:59px; float:left; margin-bottom:36px; padding-bottom:10px }
.new li img { width:360px; height:175px; margin-bottom:10px }
.new li p { font-size:14px; color:#666; text-align:left; padding:0 20px; line-height:26px }
.new li p a { color:#bbb; }
.new li p a:hover { color:#000; }

.cplist li{ width:170px; height:110px; display:inline-block; float:left; margin-right:1px; margin-bottom:40px }
.c1 {background:#f9f9f9 url(c1.png) no-repeat top center; }
.c1:hover {background:#fff url(c1a.png) no-repeat top center; }
.c2 {background:#f9f9f9 url(c2.png) no-repeat top center; }
.c2:hover {background:#fff url(c2a.png) no-repeat top center; }
.c3 {background:#f9f9f9 url(c3.png) no-repeat top center; }
.c3:hover {background:#fff url(c3a.png) no-repeat top center; }
.c4 {background:#f9f9f9 url(c4.png) no-repeat top center; }
.c4:hover {background:#fff url(c4a.png) no-repeat top center; }
.c5 {background:#f9f9f9 url(c5.png) no-repeat top center; }
.c5:hover {background:#fff url(c5a.png) no-repeat top center; }
.c6 {background:#f9f9f9 url(c6.png) no-repeat top center; }
.c6:hover {background:#fff url(c6a.png) no-repeat top center; }
.c7 {background:#f9f9f9 url(c7.png) no-repeat top center; }
.c7:hover {background:#fff url(c7a.png) no-repeat top center; }
.cplist p { margin-top:70px; line-height:30px; font-size:12px; text-align:center }


.sulist li{ width:299px; height:110px; display:inline-block; float:left; margin-right:1px; margin-bottom:40px }
.c11 {background:#f9f9f9 url(c1.png) no-repeat top center; }
.c11:hover {background:#fff url(c1a.png) no-repeat top center; }
.c21 {background:#f9f9f9 url(c2.png) no-repeat top center; }
.c21:hover {background:#fff url(c2a.png) no-repeat top center; }
.c31 {background:#f9f9f9 url(c3.png) no-repeat top center; }
.c31:hover {background:#fff url(c3a.png) no-repeat top center; }
.c41 {background:#f9f9f9 url(c4.png) no-repeat top center; }
.c41:hover {background:#fff url(c4a.png) no-repeat top center; }
.sulist p { margin-top:70px; line-height:30px; font-size:12px; text-align:center }


#focus-wrap{ height:860px; margin-bottom:40px }
#frame{width:100%; overflow:hidden;}
#img{ position:relative; height:860px; overflow:hidden;}
#img ul { margin:0; padding:0; }
#img li{ height:860px; width:100%; display:none; position:absolute; top:0px; left:0px; margin:0; padding:0; list-style:none }
#btn{width:150px; margin:0 auto; text-align:center; z-index:999; position:relative; top:832px;}
#btn p{ text-align:center }
#btn span{ display:block; float:left; cursor:pointer; margin:0 8px; width:9px; height:9px; background:#fff; }
#btn span.hov{ background:none; width:18px; height:9px; background:#1b257a }

.w576 { width:576px }

.h300 { position:relative; height:300px; overflow:hidden; margin-bottom:28px }
.h300 ._play {position:absolute;background:rgba(27,37,122,0);width:100%; height:100%;top:100%; display:block;left:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease; }
.h300:hover ._play{top:0; background:rgba(27,37,122,.9); }
.h348 { position:relative; height:348px; overflow:hidden; margin-bottom:70px }
.h348 ._play{position:absolute;background:rgba(27,37,122,0);width:100%; height:100%;top:100%; display:block;left:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.h348:hover ._play{top:0; background:rgba(27,37,122,.9); }

.h628 { position:relative; height:628px; overflow:hidden; margin-bottom:28px }
.h628 ._play{position:absolute;background:rgba(27,37,122,0);width:100%; height:100%;top:100%; display:block;left:0;-webkit-transition: all 0.5s ease;transition: all 0.5s ease;}
.h628:hover ._play{top:0; background:rgba(27,37,122,.9); }
._play h3 { font-size:21px; color:#fff; margin-top:30px; margin-left:30px; margin-bottom:10px; line-height:30px; font-weight:100 }
._play p { font-size:12px; color:#fff; margin-left:30px; line-height:26px }



.footer .but {
	
	
	overflow: hidden;
	margin-top: 20px;
	height: 48px;
	margin-left:140px
}
.footer .but a {
	height: 29px;
	width: 29px;
	display: inline-block;
	overflow: hidden;
	margin-left: 10px;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
}
.footer .but a.f1 {
	background: url(../images/f1.png) no-repeat;
}
.footer .but a.f1:hover {
	background: url(../images/f1s.png) no-repeat;
}
.footer .but a.f2 {
	background: url(../images/f2.png) no-repeat;
}
.footer .but a.f2:hover {
	background: url(../images/f2s.png) no-repeat;
}
.footer .but a.f3 {
	background: url(../images/f3.png) no-repeat;
}
.footer .but a.f3:hover {
	background: url(../images/f3s.png) no-repeat;
}
.footer .but a.f4 {
	background: url(../images/f4.png) no-repeat;
}
.footer .but a.f4:hover {
	background: url(../images/f4s.png) no-repeat;
}
.footer .but a.f5 {
	background: url(../images/f5.png) no-repeat;
}
.footer .but a.f5:hover {
	background: url(../images/f5s.png) no-repeat;
}
.footer .but a.f6 {
	background: url(../images/f6.png) no-repeat;
}
.footer .but a.f6:hover {
	background: url(../images/f6s.png) no-repeat;
}
.footer .wx { width:120px; font-size:12px; text-align:center; margin-top:20px }

.footer .am-dropdown {
	margin-top:5px;
	margin-left:40px;
	
}
.footer .am-dropdown-toggle {
	color:#999999;
	font-size:13px;
	padding-left:36px;
	text-align:left;
	background: url(../images/d1.png) left top no-repeat;
	
}
#b2 { position:absolute; top:60px; }
.xia { position:relative; margin-left:20px; height:35px; overflow:hidden }
.xia .am-dropdown-content { width:130px; padding:10px 0; z-index:999; margin-left:20px }
.xia .am-dropdown-content {
	border-radius: 5px;
	background:#fff;
	
}
.xia .am-dropdown-content li { line-height:21px; font-size:12px; }
.xia .am-dropdown-content li a { line-height:21px; font-size:12px; width:90px; display:block; padding:0 20px }
.xia .am-dropdown-content li a:hover { line-height:21px; font-size:12px; background:#e1e1e1; width:90px; display:block; padding:0 20px }

.newslist { width:100%; }
.newslist li{ overflow:hidden; width:100%; padding:30px 0; border-bottom:1px solid #e1e1e1;}
.newslist .time{ float:left; width:100px; background:#f8f8f8; padding:15px 0; margin-top:3px }
.newslist .tu { width:200px; height:130px; float:left; margin-left:50px; overflow:hidden }
.newslist .conts{ float:right; width:780px; }
.newslist .day,.newslist .date{ display:block; text-align:center; font-weight:100 }
.newslist .day{ height:40px; font-weight:100; color:#585656; line-height:40px; font-size:30px; margin-bottom:8px }
.newslist .date{ height:18px; line-height:18px; font-size:18px; color:#585656 }

.newslist  h3 { font-size:21px; color:#0c0b0b; font-weight:100; margin-bottom:5px }
.newslist  h3 a { color:#000; }
.newslist p { font-size:14px; line-height:26px; color:#7a7a7a }
.newslist .more{ margin-left:8px; color:#aeacac; font-size:12px }
.fy { text-align:center; margin-top:60px; margin-bottom:60px }
.fy a { width:35px; line-height:26px; background:#d1d2d1; color:#000; font-size:14px; display:inline-block; text-align:center; margin:0 5px }
.fy a:hover,a.cut { width:35px; line-height:26px; background:#0089d3; color:#fff; display:inline-block; margin:0 5px }

.tabTit{ font-size:0; text-align:center; transition:top linear .2s; margin-bottom:50px }
.tabTit a{ display:inline-block; zoom:1; *display:inline; background:#e8e8e8; padding-left:10px; padding-right:10px; height:36px; margin:0 10px; overflow:hidden; white-space:nowrap; text-align:center; transition:all linear .2s; font:14px/33px microsoft yahei; color:#000;  }
.tabTit a:hover,.tabTit .on{ background:#0089d3; color:#fff;}

.ttop { background:#242424; line-height:35px; height:35px; }
.dl { width:60px; line-height:35px; height:35px; background:#383838; text-align:center; margin-right:5px }
.dl a { color:#ccc; }
.dl a:hover { color:#fff; }

.weizhi { line-height:50px; font-size:14px; border-bottom:1px solid #e1e1e1; background:url(wz.png) no-repeat left; padding-left:30px; text-align:left; margin-bottom:50px }
.weizhi span { color:#0089d3; }

.title1 {
	TEXT-ALIGN: center; margin-bottom:50px; color:#000; FONT-SIZE: 36px;
}
.title1 h2 { color:#333; font-size:40px; font-weight:100; margin-bottom:10px }
.title1 h3 { color:#666; font-size:12px; font-weight:500; margin-bottom:10px }
.nr { width:550px; margin-bottom:60px }
.nr h5 { font-size:26px; margin-bottom:20px; line-height:40px; font-weight:500 }
.nr p { line-height:30px; font-size:14px; color:#666; margin-bottom:30px; height:230px; overflow:hidden }

.gd a { font-size:14px; color:#666; width:550px; line-height:40px; background:#f1f1f1; display:block; text-align:center;  }
.gd a:hover { font-size:14px; color:#fff; width:550px; line-height:40px; background:#0089d3; display:block;  }

.line { width:20px; height:2px; background:#0089d3; margin:0 auto; }
.line1 { width:20px; height:2px; background:#fff; margin:0 auto; }

.ddd { width:630px; }
.ztu { width:500px; }
.z{ height:267px; width:500px; overflow:hidden; margin-bottom:10px }
.ztu img { height:267px; width:500px; }

.ztu h3 a { font-size:18px; color:#000; line-height:40px; font-weight:500 }
.ztu p { font-size:12px; color:#888; line-height:26px }
.ztu p a { color:#0089d3 }

.newslist1 { width:100%; margin-top:0px }
.newslist1 li{ overflow:hidden; width:100%; padding:0 0 15px 0; }
.newslist1 .time{ float:left; width:76px; height:76px; border:1px solid #0089d3; margin-top:5px; border-radius:100% }

.newslist1 .conts{ float:right; width:630px; }
.newslist1 .day,.newslist1 .date{ text-align:center; display:block; font-family:Arial; }
.newslist1 .day{ height:42px; line-height:42px; color:#0089d3; font-size:30px; margin-top:8px }
.newslist1 .date{ height:18px; line-height:18px; font-size:10px; color:#0089d3 }

.newslist1 h3 {font-size:15px; color:#000; margin:0; line-height:26px; font-weight:500 }
.newslist1 h3 a { color:#000; }
.newslist1 p { font-size:14px; color:#777; margin:0; line-height:26px }
.newslist1 .more{ margin-left:8px; color:#0089d3; font-size:12px }


.newslist2 { width:100%;}
.newslist2 li{ overflow:hidden; width:100%; padding:0 0 30px 0; margin-bottom:26px }


.newslist2 .tu { width:280px; height:147px; float:left; overflow:hidden }
.newslist2 li img { width:280px; height:147px; transition:all 2s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; }
.newslist2 li:hover { cursor:pointer }
.newslist2 li:hover img { transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); }
.newslist2 li:hover h3 img {  transform:scale(1);
-webkit-transform:scale(1);
-moz-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1); }

.newslist2 .conts{ float:right; width:850px;  }
.newslist2 .day,.newslist .date{ display:block; text-align:center; font-family:Arial; }
.newslist2 .day{ color:#fff; font-size:30px; line-height:36px; margin-top:8px  }
.newslist2 .date{ font-size:12px; color:#fff; line-height:18px }
.newslist2  h3 img { vertical-align:middle; width:43px; height:22px }
.newslist2  h3 {font-size:21px; color:#000; line-height:36px; font-weight:400; margin:0; margin-bottom:10px }
.newslist2  h3 a { color:#000; }
.newslist2 p { font-size:14px; color:#777; margin:0; margin-bottom:20px; line-height:26px }
.newslist2 p a { color:#777; }
.newslist2 p a:hover { color:#555; }
.newslist2 .more{ color:#fff; font-size:12px; width:110px; line-height:30px; background:#0089d3; border-radius:30px; text-align:center; float:right }
.newslist2 li:hover .more{ color:#fff; font-size:12px; width:110px; line-height:30px; background:#333 }
.newslist2 .shi { font-size:12px; color:#a5a3a3; margin-bottom:10px }



.xwbg { height:600px; background:url(../images/936.jpg) no-repeat bottom center /cover fixed; padding-top:50px; }
.lcbg { background:url(936.jpg) no-repeat top center; height:534px; padding-top:60px; margin-top:60px }

.service-item{ margin:0 0 50px 0; text-align:center}
.service-item a{ display:block; padding:16px 10px; width:330px; margin-right:70px; float:left;border-radius:16px; position:relative; }

.service-item i{ width:128px; height:128px; border-radius:100px; display:block; margin:12px auto; opacity:1;-webkit-transition: all 1s ease-out; -moz-transition: all 1s ease; -o-transition: all 1s ease; }
.service-item a:hover i{opacity:1; -webkit-transition: all 1s ease-out; -moz-transition: all 1s ease; -o-transition: all 1s ease; transform:rotate(360deg) translateZ(0); -webkit-transform:rotate(360deg) translateZ(0); -moz-transform:rotate(360deg) translateZ(0); -ms-transform:rotate(360deg) translateZ(0); -o-transform:rotate(360deg) translateZ(0); }
.service-item a:hover { background:#f8f8f8; }
.service-item i.cloud-computer{ background:#0089d3 url(../images/cloud-computer.png) no-repeat center center; background-size:100%;}
.service-item i.type-choos{ background:#0089d3 url(../images/type-choos.png) no-repeat center center; background-size:100%;}
.service-item i.type-choos1 { background:#0089d3 url(../images/type-choos1.png) no-repeat center center; background-size:100%;}
.service-item i.add-service{ background:#0089d3 url(../images/add-service.png) no-repeat center center; background-size:100%;}
.service-item h4{font-size:18px; margin-top:20px; margin-bottom:10px; height:40px; color:#000; line-height:40px; -webkit-transition:all ease-out .2s; transition:all ease-out .2s; width: 100%;font-weight:normal;text-shadow: rgba(0,0,0,.15) 0 0 1px;}
.service-item h5 { font-size:18px; font-weight:100; color:#000; margin-bottom:6px }
.service-item p { color:#666; font-size:14px; line-height:26px; height:80px; overflow:hidden; padding:0; text-align:left; margin-bottom:10px }

.liu { width:299px; color:#fff }
.liu h3 { font-size:18px; font-weight:100 }
.liu h4 { font-size:14px; font-weight:100; line-height:36px }
.liu p { font-size:12px; line-height:26px }

.wrap0 { width:700px; margin:0 auto; }
.vb h3 { font-size:33px; color:#fff; margin-top:215px; line-height:50px }
.vb h4 { font-size:23px; color:#fff; margin-bottom:46px }
.vb a { width:180px; height:56px; line-height:56px; text-align:center; display:block; font-size:21px; color:#fff; border:2px solid #fff; border-radius:60px; }
.vb a:hover { background:#fff; color:#3094a3 }

.banner{width:100%; height:500px; margin:0 auto; overflow:hidden; position:relative; margin-bottom:50px; padding-top:100px }
.banner .hd{position:absolute; width:100%; bottom:20px; text-align:center; z-index:99;}
.banner .hd ul li{display:inline-block; margin:0 5px; border-radius:100%; width:14px; height:14px; text-indent:-9999px; background:#fff; cursor:pointer;}
.banner .hd ul li.on{background:#0089d3;}
.banner .bd{height:100%}
.banner .bd ul{height:100%}
.banner .bd ul li{height:100%}
.banner .bd ul li a{display:block; height:500px;}
.banner .prev{position:absolute; top:50%; margin-top:-24px; left:10%; z-index:999; filter:alpha(Opacity=20); opacity:.2; transition: all 0.5s; cursor:pointer;}
.banner:hover .prev{filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}
.banner .next{position:absolute; top:50%; margin-top:-24px; right:10%; z-index:999; filter:alpha(Opacity=20); opacity:.2; transition: all 0.5s; cursor:pointer;}
.banner:hover .next{filter:alpha(Opacity=100); opacity:1;transition: all 0.5s;}

.new1 { margin-top:40px; }
.new1 h3 { text-align:left; font-size:18px; color:#fff; padding-left:0px; font-weight:500; margin:10px 0 5px 0 }
.new1 li { width:370px; margin-right:44px; float:left; list-style:none }
.new1 li img { width:370px; height:246px; transition:all 2s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;  }
.new1 li img:hover { transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); }
.new1 li p { font-size:12px; color:#fff; text-align:left; padding:0; line-height:21px; margin:0 }
.new1 li p a { color:#fff; }
.new1 li p a:hover { color:#000; }

.new10 { margin-top:40px; }
.new10 h3 { text-align:center; font-size:14px; color:#000; padding-left:0px; font-weight:500; margin:8px 0 16px 0 }
.new10 li { width:370px; margin-right:29px; float:left; list-style:none }
.new10 li img { width:370px; height:246px; transition:all 2s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s;  }
.new10 li img:hover { transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); }
.new10 li p { font-size:12px; color:#fff; text-align:left; padding:0; line-height:21px; margin:0 }
.new10 li p a { color:#666; }
.new10 li p a:hover { color:#000; }


.t_p1 { overflow:hidden; height:246px }

.ryzz { overflow:hidden; width:1300px; margin:0 auto; padding:0 }

.ryzz .ryzzBox{ overflow:hidden; width:100%; position:relative}
.ryzz .ryzzBox>a{ display:block; width:35px; height:65px; position:absolute; top:110px;}
.ryzz .ryLeft{ background:url(Left.png) no-repeat left top; left:0}

.ryzz .ryRight{ background:url(Right.png) no-repeat right top; right:0}

.ryzz .ryzzWin{ overflow:hidden; width:1200px; height:320px; position:relative; margin:0 auto; }
.ryzz .ryzzWin ul{ overflow:hidden; position:absolute;}

.ryzz .ryzzWin li { width:370px; height:320px; float:left; margin-right:46px; position:relative; text-align:center; }

.ryzz .ryzzWin li img { width:370px; height:280px; transition:all 2s;
-webkit-transition:all 1s;
-moz-transition:all 1s;
-ms-transition:all 1s;
-o-transition:all 1s; }
.ryzz .ryzzWin li:hover img { transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1); }

.ryzz .ryzzWin li p { background:#f8f8f8; line-height:40px; text-align:center; color:#000; font-size:16px; }
.ryzz .ryzzWin li:hover p {  background:#f1f1f1; line-height:40px; text-align:center; color:#000; }


.btns1 { width:178px; height:40px; margin:0 auto; margin-top:30px; margin-bottom:50px }
.btns1 a{ overflow:hidden; width:178px; line-height:38px; font:14px/38px microsoft yahei; color:#fff; border:1px solid #fff; text-align:center; display:block; transition:all linear .2s;}
.btns1 a:hover{ color:#0089d3; background:#fff; transition:all .6s ease-in-out; -webkit-transition:all .6s ease-in-out; -moz-transition:all .6s ease-in-out; -o-transition:all .6s ease-in-out; text-decoration:none; -ms-transition:all .6s linear;}

.ryzz .ryzzWin li .more2 { width:345px; margin:0 auto; color:#1b94d3; text-align:center; border-top:1px solid #888; line-height:40px }
.ryzz .ryzzWin li .more2 a { color:#e90c3f; font-size:12px  }
.ryzz .ryzzWin li:hover .more2 a { color:#fff;  }