﻿@charset "gb2312";
/* CSS Document */
body{
	font-size:12px;
	color:#000000;
	margin:0px auto;

	background-color:#fff;
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Microsoft Yahei", ΢���ź�, STHeiti, ����ϸ��, sans-serif;
}
@media screen and (max-width: 1400px) { /*����Ļ�ߴ�С��600pxʱ��Ӧ��������CSS��ʽ*/
 body {
    overflow-x:hidden;
  }
}

.LRauto{margin-left:auto;margin-right:auto;}
.ClearB{clear:both;}

a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#ff0000;
	text-decoration: underline;
}
a:active {
	color:#000000;
	text-decoration: none;
}
/* ��Ӱ */
.yinying{-moz-box-shadow: 0px -1px 1px #B00951; -webkit-box-shadow: 0px -1px 1px #B00951;	box-shadow: 0px -1px 1px #B00951;}
/* Բ�� */
.yuanjiao{-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}
/* ͸�� */
.alpha60{filter:alpha(Opacity=60);-moz-opacity:0.6;opacity:0.6;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 60);}

/*ͷ��*/
.headtop{width:100%;height:30px;background-color:#0192E3;}
.headtop p{width:1000px;margin:0px auto;line-height:30px;color:#FFF;}
.headtop p i{float:left;width:26px;height:22px;background:url(/images/image.png) no-repeat -766px 0px;}
.headtop p span{float:right;}
.tbank{width:100%;background-color:#FFF;}
.headbox{
	width:1200px;
	height:136px;
	}
.headlogo{
	float:left;margin-left:20px;margin-top:20px;width:375px;height:96px;cursor:pointer;background:url(/images/image.png) no-repeat -625px -365px;
	}
.headpp{float:left;margin-left:0px;margin-top:30px;width:500px;height:70px;text-align:center;}
.ppimg{
	float:left;margin-left:0px;width:349px;height:29px;cursor:pointer;background:url(/images/image.png) no-repeat -331px -257px;}
.headpt{float:left;margin-left:26px;margin-top:30px;width:200px;height:70px;text-align:center;}

.headm{float:left;width:720px;margin:40px auto 10px 50px;}
.headm ul{width:720px;height:60px;padding:0px;margin:0px;}
.headm ul li{float:left;list-style:none;width:120px;height:60px;line-height:60px;text-align:center;}
.headm ul li a{font-size:15px;}

.MA{
	width:120px;
	height:60px;
	color:#333;
	text-align:center;

}
.MB{
	width:120px;
	height:60px;
	background:url(/images/image.png) no-repeat -320px -460px;
	color:#FFF;
	font-weight:bold;
	text-align:center;

}
.MB a{color:#FFF;}

.ptimg{
	float:left;margin-left:0px;width:254px;height:70px;cursor:pointer;background:url(/images/image.png) no-repeat -727px -249px;}

.menubg{
	width:100%;
	height:60px;
	line-height:60px;
	background-color:#0D62BE;}
.menuAB{width:1200px;height:45px;}
.menuA{
	float:left;
	width:1100px;
	margin-left:auto;
	margin-right:auto;
	height:60px;}
.menuA ul{width:1100px;height:60px;padding:0px;margin:0px;}
.menuA ul li{float:left;list-style:none;width:120px;height:60px;text-align:center;}
.menuA ul li a{color:#FFF;font-size:15px;}

.menuB span{float:right;cursor:pointer;width:150px;height:45px;background:url(/images/image.png) no-repeat -308px -22px;}
.menuB span:hover{float:right;cursor:pointer;width:150px;height:45px;background:url(/images/image.png) no-repeat -308px -73px;}
	
.headmenu{
	float:left;margin-left:20px;width:850px;height:60px;
	}
.headmenu ul{margin:0px;padding:0px;width:826px;}
.headmenu ul li{list-style:none;float:left;width:118px;height:60px;line-height:60px;text-align:center;}

/*����ѡ������˵�*/
.NavBox{width:100%;background-color:#FFFFFF;opacity:0.85;-moz-opacity:0.85;-khtml-opacity:0.85;filter:Alpha(opacity=85);display:block;z-index:90;}
.Mout{width:1200px;margin-left:auto;margin-right:auto;display:;height:0px;padding:0px;}
.Movr{width:1200px;margin-left:auto;margin-right:auto;position:relative;z-index:100;height:0px;}
.Navbg{width:100%;height:200px;position:absolute;left;left:0;top:180;margin-left:auto;margin-right:auto;background-color:#FFFFFF;opacity:0.9;-moz-opacity:0.9;-khtml-opacity:0.9;filter:Alpha(opacity=90);display:block;z-index:100;}
.Navbg ol{float:left;width:1170px;padding:0px;margin:0px;}
.Navbg ol span{float:left;width:70px;height:130px;background:url(/images/image.png) no-repeat -650px 0px;cursor:pointer;margin-top:20px;margin-left:20px;}
.Navbg ol li{list-style:none;float:left;width:160px;height:150px;margin-left:20px;margin-top:20px;}
.Navbg ol li img{border:#F30 1px dotted;}
.Navbg ol li img:hover{border:#F30 1px dotted;width:166px;height:125px;}
.Navbg ol li p{float:left;width:160px;height:30px;line-height:30px;text-align:center;}
.Navbg ol li p a{color:#C00;font-size:14px;}

/*�ε��������˵�*/


/*����ѡ�������ʽ*/
.naviA{width:118px;height:60px;background-color:#FFF;}
.naviA a{font-size:18px;color: #333;text-decoration: none;}
.naviB{width:118px;height:60px;background: url(/images/image.jpg) no-repeat -395px -13px;}
.naviB a{font-size:18px;color: #FFF;text-decoration: none;}

/* ȫ��ͼbanner */
.index_flash{position:relative;height:550px;overflow:hidden;}
.index_flash:hover .flash_arr{ display:block;}
.flash_arr{position:relative;z-index:1;margin:0 auto;width:90%; display:none;}
.flash_arr span{position:absolute;top:220px;display:block;width:40px;height:100px;overflow:hidden;text-indent:-999em;background:url(/images/image.png) no-repeat;filter:alpha(Opacity=50);-moz-opacity:0.5;opacity:0.5;cursor:pointer;}
.flash_arr span:hover{filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.flash_arr span#left{left:0;background-position: -24px -132px;}
.flash_arr span#right{right:0;background-position:-64px -132px;}
.flash_box{position:absolute;z-index:0;}
.flash_box ul li{position:absolute;top:0;left:0;list-style:none;}
.flash_box ul li a{display:block;height:550px;overflow:hidden;text-indent:-999em;}
.flash_key{position:relative;top:500px;margin:0 auto;width:300px;}
.flash_key a{float:left;display:block;margin:0 5px;width:50px;height:12px;overflow:hidden;text-indent:-999em;background:#FFF;cursor:pointer
filter:alpha(Opacity=90);-moz-opacity:0.9;opacity:0.9;-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 90);}
.flash_key a.cur{background:#E26817;}

/*��ʱ��ʽ*/
.d01{animation-delay: 0.1s;-moz-animation-delay: 0.1s;-webkit-animation-delay:0.1s;}
.d02{animation-delay: 0.2s;-moz-animation-delay: 0.2s;-webkit-animation-delay:0.2s;}
.d03{animation-delay: 0.3s;-moz-animation-delay: 0.3s;-webkit-animation-delay:0.3s;}
.d04{animation-delay: 0.4s;-moz-animation-delay: 0.4s;-webkit-animation-delay:0.4s;}
.d05{animation-delay: 0.5s;-moz-animation-delay: 0.5s;-webkit-animation-delay:0.5s;}
.d06{animation-delay: 0.6s;-moz-animation-delay: 0.6s;-webkit-animation-delay:0.6s;}
.d07{animation-delay: 0.7s;-moz-animation-delay: 0.7s;-webkit-animation-delay:0.7s;}
.d08{animation-delay: 0.8s;-moz-animation-delay: 0.8s;-webkit-animation-delay:0.8s;}
.d09{animation-delay: 0.9s;-moz-animation-delay: 0.9s;-webkit-animation-delay:0.9s;}
.d10{animation-delay: 1s;-moz-animation-delay: 1s;-webkit-animation-delay:1s;}
.d11{animation-delay: 1.1s;-moz-animation-delay: 1.1s;-webkit-animation-delay:1.1s;}
.d12{animation-delay: 1.2s;-moz-animation-delay: 1.2s;-webkit-animation-delay:1.2s;}

/*��ҳ��Ʒ����*/

.hprobox{
	width:1200px;margin-left:auto;margin-right:auto;margin-top:10px;overflow:hidden;
	
}
.proLeft{
	float:left;width:260px;height:auto;min-height:800px;background-color:#0192E3;overflow:hidden;}
.proLeft p{color:#591500;background-color:#FFE0B3;height:30px;line-height:30px;}
.proLeft p:hover{background-color:#FFF;}
.proLeft p a{font-size:14px;color:#333;text-decoration:underline;}
.proLeft span{float:left;margin-left:30px;margin-top:10px;width:204px;height:58px;background:url(/images/image.png) no-repeat -276px -4px;}
.proLeft ul{float:left;width:200px;height:auto;padding:0px;margin-left:30px;}
.proLeft ul li i{float:left;margin-left:10px;margin-top:10px;width:7px;height:17px;background:url(/images/image.png) no-repeat -739px -4px;}
.proLeft ul li{list-style:none;margin-top:20px;width:200px;height:38px;line-height:38px;background:url(/images/image.png) no-repeat -146px -182px;cursor:pointer;font-size:16px;color:#C00;font-weight:bold;}
.proLeft ul li:hover{list-style:none;margin-top:20px;width:200px;height:38px;background:url(/images/image.png) no-repeat -146px -133px;}
.proLeft ul li a{font-size:16px;color:#333;text-decoration:none;}
.proLeft ul li a:hover{font-size:16px;color:#F30;}

.proLeftFL{float:left;width:220px;height:10px;padding:0px;margin-left:20px;color:#F90;font-size:15px;}

.proLeft ol{float:left;width:220px;height:auto;padding:0px;margin-left:20px;}
.proLeft ol li{list-style:none;float:left;margin-left:10px;margin-top:15px;width:93px;height:30px;line-height:30px;border:#A62500 1px dotted;text-align:center;}
.proLeft ol li a{font-size:14px;color:#FFF;}

.proRight{
	float:left;width:940px;height:500px;background-color:#FFC}
.proRight ul{float:left;width:930px;height:690px;padding:0px;margin:0px;}
.proRight ul li{float:left;list-style:none;margin-left:10px;margin-bottom:20px;width:220px;height:230px;border:#CCC 1px solid;background-color:#FFF;text-align:center;}
.proRight ul li img{margin-top:15px;margin-bottom:15px;}
.proRight ul li span{float:left;width:220px;height:20px;line-height:20px;text-align:center;}

/*��ҳ��Ʒ����2*/
.hproclass{width:1200px;margin:0px auto;}
.hproclass ul{padding:0px;margin:30px auto 10px;text-align:center;display:table;}
.hproclass ul li{float:left;margin-right:20px;margin-bottom:0px;list-style:none;padding:12px 20px;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;border:#0192E3 1px solid;}
.hproclass ul li a{font-size:14px;}
.hproclass ul li:hover{background-color:#0192E3;}.hproclass ul li:hover a{color:#FFF;text-decoration:none;}
.hproclass ul li font{font-size:14px;color:#FFF;}

.hprolist{
	float:left;width:100%;height:500px;background-color:#FFC}
.hprolist ul{float:left;width:100%;height:690px;padding:0px;margin:0px;}
.hprolist ul li{float:left;list-style:none;margin-left:10px;margin-bottom:20px;width:220px;height:230px;border:#CCC 1px solid;background-color:#FFF;text-align:center;}
.hprolist ul li img{margin-top:15px;margin-bottom:15px;}
.hprolist ul li span{float:left;width:220px;height:20px;line-height:20px;text-align:center;}


.bigbg02{width:100%;height:560px;}
.bigbg02 p{margin:10px 0px;}
.bigbg02 ul{width:1200px;height:520px;padding:30px 0px 0px;margin:0px auto;overflow:hidden;}
.bigbg02 ul li{list-style:none;float:left;width:23%;margin-left:2.6%;margin-bottom:20px;color:#333;text-align:center;font-size:15px;}
.bigbg02 ul li:nth-child(4n+1){margin-left:0px;}
.bigbg02 ul li img{object-fit:cover;}
.bigbg02 ul li h3{font-size:18px;font-weight:bold;}
.bigbg02 ul li font{font-size:14px;}

.bigbg03{width:100%;}
.bigbg03 p{margin:10px 0px;}
.bigbg03 ul{width:1200px;padding:30px 0px 0px;margin:0px auto;overflow:hidden;}
.bigbg03 ul li{list-style:none;float:left;width:23%;margin-left:2.6%;padding-top:5px;margin-bottom:20px;color:#333;text-align:center;font-size:15px;background-color:#0193E0;}
.bigbg03 ul li:nth-child(4n+1){margin-left:0px;}
.bigbg03 ul li img{border:#000 1px solid;}
.bigbg03 ul li h3{font-size:18px;font-weight:bold;}
.bigbg03 ul li font{font-size:14px;}

/*��ҳ��������*/
.haboxbg{width:100%;height:400px;padding:15px 0px;background-color:#EBEBEB;}
.habox{width:1200px;margin:30px auto 10px;}
.habox p.hal{float:left;width:480px;height:330px;text-align:center;}
.habox p.hal img{border:#CCC 0px solid;}
.habox p.har{float:left;margin-left:40px;width:680px;height:330px;}
.habox p.har span{float:left;margin:20px 0px;line-height:180%;font-size:14px;}
.habox p.har span a{color:#E4496C;font-size:14px;}

/*��������*/
.aboutBox{
	width:1150px;
	height:250px;
	margin-left:auto;margin-right:auto;}
.aboutBox span{float:left;margin:30px auto 0px 20px;width:1100px;height:120px;background: url(/images/about.jpg) no-repeat 0px 0px;}
.aboutBox p{float:left;width:1100px;height:100px;line-height:200%;font-size:15px;text-align:center;padding:10px;}

.abtBox{
	width:1201px;height:400px;margin-left:auto;margin-right:auto;margin-top:20px;border-left:#CCC 1px solid;border-top:#CCC 1px solid;border-bottom:#CCC 1px solid;}
.abtBoxLeft{float:left;width:500px;height:400px;text-align:left;}
.abtBoxRight{float:left;width:700px;height:400px;}
.abtBoxRight span{float:left;margin:30px auto 0px 160px;width:355px;height:56px;background: url(/images/image.png) no-repeat -324px -297px;}
.abtBoxRight ul{width:100%;height:400px;padding:0px;margin:0px;background-color:#b53415;}
.abtBoxRight ul li#abtA{float:left;list-style:none;width:650px;height:190px;padding:10px;margin:15px;background-color:#ffcc99;-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;line-height:210%;}
.abtBoxRight ul li#abtB{float:left;list-style:none;width:650px;height:210px;padding:10px;margin:15px;background-color:#ffcc99;}

/*��ҳ�������ǹ���ͼ*/
.scroll_div {width:630px; height:210px;margin:0 auto; overflow: hidden; white-space: nowrap; background:#ffffff;}
.scroll_div ul{padding:0px;margin:0px;}
.scroll_div img {width:120px;height:200px;border: 0;margin: auto 10px 0px 10px; } 
#scroll_begin, #scroll_end, #scroll_begin ul, #scroll_end ul, #scroll_begin ul li, #scroll_end ul li{display:inline;}/* ����ul��li���� */ 


/*�Ƽ���Ʒ*/
.productBox{
	width:1200px;
	height:588px;
	margin-left:auto;margin-right:auto;}
.productBox span{float:left;margin:30px auto 40px 10px;width:1150px;height:130px;background: url(/images/proshow.jpg) no-repeat 0px 0px;}
.productBox ul{float:left;margin:0px;padding:0px;width:1200px;height:400px;}
.productBox ul li{float:left;width:340px;height:400px;margin-left:42px;list-style:none;}
.productBox ul li h2{float:left;text-align:left;width:340px;height:16px;line-height:16px;color:#333;font-size:20px;padding:5px;}
.productBox ul li p{float:left;text-align:left;vertical-align:top;width:340px;height:100px;line-height:160%;color:#999;font-size:15px;padding:5px;}

.proW{min-width: 340px;min-height:260px;}

/*��ɫ����*/

/*��������*/
.frendBox{width:1200px;height:480px;margin-left:auto;margin-right:auto;margin-top:36px;margin-bottom:20px;clear:both;}
.frendBox span{width:1200px;height:80px;line-height:80px;font-size:38px;margin-left:auto;margin-right:auto;text-align:center;}
.fren_goR{float:left;width:50px;height:400px;}
/*.fren_goR span{float:left;width:42px;height:42px;margin-top:200px;cursor:pointer;background: url(/images/image.png) no-repeat -520px -19px;}*/
.fren_goR span{float:left;width:42px;height:50px;margin-top:200px;cursor:pointer;background: url(/images/image.png) no-repeat -782px -44px;}
.fren_goL{float:left;width:50px;height:400px;}
/*.fren_goL span{float:left;width:42px;height:42px;margin-top:200px;cursor:pointer;background: url(/images/image.png) no-repeat -573px -19px;}*/
.fren_goL span{float:left;width:42px;height:50px;margin-top:200px;cursor:pointer;background: url(/images/image.png) no-repeat -852px -44px;}

#contain {
	FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 1100px; PADDING-TOP: 10px;
}
.floatat {
	BORDER-TOP-WIDTH: 0px; CLEAR: both; PADDING-LEFT:0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:1100px; HEIGHT: 400px; TEXT-ALIGN: right; BORDER-RIGHT-WIDTH: 0px;
}
.floatat UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none
}
.floatat UL LI {
	PADDING-RIGHT:0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH:1100px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; _width: 1100px;
}
.floatat UL LI DIV {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden;WIDTH: 1100px; PADDING-TOP: 0px;LIST-STYLE-TYPE: none; HEIGHT:400px; _width: 1100px;
}
.floatat UL LI DIV UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 1100px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; HEIGHT: 400px; _width: 1100px
}
.floatat .a_li {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; OVERFLOW: hidden; WIDTH: 1100px; PADDING-TOP: 0px; BORDER-BOTTOM: #cacaca 1px solid; HEIGHT: 400px; _width: 1100px;
}

/*��ҳ��������*/
.newTie{width:100%;height:100px;line-height:100px;margin-top:38px;margin-bottom:20px;margin-left:auto;margin-right:auto;background-color:#CBE4F5;}
.newTie span{width:1200px;height:100px;line-height:100px;font-size:38px;margin-left:auto;margin-right:auto;}
.newBox{width:1200px;height:430px;margin-left:auto;margin-right:auto;margin-bottom:20px;overflow:hidden;}
.newLeft{float:left;width:520px;height:400px;margin-top:36px;}
.newRight{float:left;width:650px;height:420px;margin-top:20px;margin-left:30px;}
.newRight ul{width:660px;margin:0px;padding:0px;}
.newRight ul li{float:left;list-style:none;width:600px;height:95px;border-bottom:#999 1px dotted;}
.newRight ul li:hover{float:left;list-style:none;width:600px;height:95px;border-bottom:#999 1px dotted;background-color:#FEF5F8;color:#FFF;}
.newRight ul li:hover a{color:#900;}
.newRight ul li span{float:left;width:60px;height:60px;background-color:#EF8200;margin:16px 20px;padding-top:8px;color:#FFF;font-size:14px;text-align:center;line-height:180%;}
.newRight ul li span:hover{background-color:#E4496C}
.newRight ul li span b{font-size:25px;font-weight:normal;}
.newRight ul li h3{text-align:left;font-size:16px;font-weight:bold;}
.newRight ul li a:hover{text-align:left;font-size:16px;font-weight:bold;color:#F00;}
.newRight ul li p{text-align:left;line-height:150%;color:#999;padding-right:10px;}
.newRight ul li p:hover{text-align:left;line-height:150%;padding-right:10px;color:#000;}

/*��ҳ��������*/
.abBox{
	width:1160px;
	height:600px;
	margin-left:auto;margin-right:auto;margin-bottom:38px;}
.abA{margin:30px auto 20px auto;width:280px;height:92px;background: url(/images/image.png) no-repeat -22px -257px;}
.abB{width:100%;height:100px;line-height:180%;font-size:15px;text-align:center;padding:10px;}
.abC{margin:0px auto 10px auto;width:828px;height:80px;background: url(/images/image.jpg) no-repeat -75px -266px;}
.abD{width:100%;height:200px;line-height:180%;font-size:15px;}

.abBoxCont{
	width:1160px;
	height:auto;
	margin-left:auto;margin-right:auto;margin-bottom:38px;}
.ProdShowCont{
	width:1000px;
	height:auto;
	margin-left:auto;margin-right:auto;margin-bottom:38px;}
.abDcontent{width:100%;height:auto;line-height:180%;font-size:15px;}
.abDcontent h1{height:auto;line-height:160%;font-size:45px;text-align:center;}
.abDcontent p{font-size:14px;line-height:180%;}

.textBox{width:960px;height:auto;margin-left:auto;margin-right:auto;}
/*����������������*/
.abBoxShow{width:1100px;height:100px;line-height:180%;padding:20px;margin-left:auto;margin-right:auto;background-color:#FFF5F0;border:#FDC1B5 1px solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.abBoxShow h1{margin-left:auto;margin-right:auto;text-align:center;font-size:35px;color:#C00;}
.abBoxShow span{font-size:18px;color:#000;text-align:center;}

.abImg{-moz-border-radius: 20px;-webkit-border-radius: 20px;border-radius: 20px;}

/*��ҳ��������*/
.newTit{margin:30px auto 20px auto;width:280px;height:92px;background: url(/images/image.png) no-repeat -701px -137px;}
.newBox2{
	width:1160px;height:auto;
	margin-left:auto;margin-right:auto;}
.newBox2 h1{font-size:36px;font-weight:bold;padding:10px;}
.newBox2 article{width:90%;margin-left:auto;margin-right:auto;font-size:14px;line-height:180%;}
.newBox2 article img{margin-bottom:10px;max-width:880px;height:auto;}
.bdshare{width:650px;height:50px;margin-top:20px;margin-left:auto;margin-right:auto;}
.newBox2Box{width:1160px;height:210px;border-bottom:#999 1px dotted;margin-bottom:20px;padding-top:10px;}
.newBox2Box:hover{background-color:#FEF2EF;}
.newBox2L{float:left;width:360px;height:200px;padding-top:0px;font-size:14px;text-align:center;line-height:180%;}
.newBox2R{float:left;width:800px;height:200px;}
.newBox2R h2{text-align:left;font-size:25px;font-weight:bold;}
.newBox2R p{text-align:left;font-size:15px;line-height:180%;color:#8C8C8C;padding-right:8px;}

/*��Ʒ����*/
.proBox{
	width:1160px;height:980px;
	margin-left:auto;margin-right:auto;}
.proTit{margin:30px auto 20px auto;width:280px;height:92px;background: url(/images/image.png) no-repeat -402px -137px;}
.proBox ul{width:1140px;padding:0px;margin:0px;}
.proBox ul li{list-style:none;float:left;width:350px;height:400px;margin-left:30px;margin-top:20px;}

.proBox2{
	width:1200px;height:auto;
	margin-left:auto;margin-right:auto;}
.proBox2 ul{width:1200px;padding:0px;margin:0px;}
.proBox2 ul li{list-style:none;float:left;width:270px;height:220px;margin-left:18px;margin-top:30px;margin-bottom:20px;text-align:center;}

.proBox3{
	width:100%;height:auto;
	margin-left:auto;margin-right:auto;}
.proBox3 ul{width:100%;padding:0px;margin:0px;}
.proBox3 ul li{list-style:none;float:left;width:32%;height:260px;margin-left:1%;margin-top:10px;margin-bottom:20px;border-bottom:#333 1px dotted;text-align:center;}
.proBox3 ul li a{font-size:20px;font-weight:bold;}
.proBox3 ul li a img{width:270px;height:220px;object-fit:cover;}


.proClass{width:100%;height:80px;line-height:280%;font-size:15px;text-align:center;padding:10px;margin-top:45px;}
.proPage{float:left;width:1200px;height:60px;line-height:60px;font-size:16px;text-align:center;padding:10px;margin-top:20px;margin-left:auto;margin-right:auto;}

a.prd{color:#333;font-size:20px;padding:8px;border:#999 1px solid;}
a.prd:hover{background-color:#c4261d;color:#FFF;font-size:20px;text-decoration:none;padding:8px;}

/*��ҳȫ����ͼ*/
.abuban{height:380px;background: url(/Images/abuban.jpg) no-repeat center;}
.proban{height:380px;background: url(/Images/proban.jpg) no-repeat center;}
.parban{height:380px;background: url(/Images/parban.jpg) no-repeat center;}
.newban{height:380px;background: url(/Images/newban.jpg) no-repeat center;}

/*��ҳ����*/
.InsBox{width:1100px;height:70px;line-height:30px;margin-top:28px;margin-left:auto;margin-right:auto;background-color:#FFF5F0;border:#FDC1B5 1px solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;}
.InsBox h1{margin-left:auto;margin-right:auto;text-align:center;font-size:35px;color:#C00;}
.InsBox span{font-size:18px;color:#000;text-align:center;}

.InslistBox{width:1100px;margin-left:auto;margin-right:auto;}
.InslistBox ul{width:100%;padding:0px;margin:0px;}
.InslistBox ul li{list-style:none;width:250px;float:left;height:60px;line-height:60px;margin-top:35px;margin-left:18px;background-color:#FFF5F0;border:#FDC1B5 1px solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:center;}
.InslistBox ul li:hover{list-style:none;width:250px;float:left;height:60px;line-height:60px;margin-top:35px;margin-left:18px;background-color:#FFF;border:#C00 1px solid;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;text-align:center;cursor:pointer;}
.InslistBox ul li a{font-size:22px;color:#C00;}

/*�ײ�*/
.footBox{width:100%;height:270px;background-color:#EFEFEF;}
.footList{width:1200px;height:280px;}
.footA{float:left;width:350px;margin-left:0px;margin-top:25px;border-right:#0192E3 1px solid;}
.footA span{float:left;width:290px;height:220px;background: url(/images/image.png) no-repeat -17px -555px;}
.footB{float:left;width:580px;margin-left:30px;margin-top:10px;}
.footB ul{float:left;width:110px;height:200px;margin-left:10px;}
.footB ul li{list-style:none;float:left;width:130px;height:30px;line-height:30px;}
.footB ul li span{font-size:16px;padding-bottom:0px;}
.footB ul li a{color:#333;font-size:13px;}
.footB p{padding-top:20px;padding-left:80px;font-size:14px;line-height:150%;color:#333;font-size:15px;}
.footB p a{color:#333;}
.footC{float:left;width:210px;padding-left:5px;margin-top:30px;}
.footC span{float:left;width:255px;height:220px;background: url(/images/image.png) no-repeat -337px -555px;}

.botBox{width:100%;height:40px;line-height:40px;background-color:#0192E3;color:#FFF;margin-top:-12px;}
.botBox p{width:1200px;text-align:center;margin-left:auto;margin-right:auto;font-size:12px;}
.botBox a{color:#FFF;font-size:13px;}

/*��ҳ��������*/
.abSbox{width:1250px;height:auto;margin-top:15px;margin-left:auto;margin-right:auto;}
.abSboxA{float:left;width:199px;height:600px;background-color:#FFF;border-left:#E3E3e3 1px solid;border-right:#E3E3e3 1px solid;border-bottom:#E3E3e3 1px solid;}
.abSboxA span{float:left;width:200px;height:72px;background: url(/images/image.png) no-repeat -20px -363px;}
.abSboxA ul{width:200px;padding:0px;margin:0px;}
.abSboxA ul li{list-style:none;float:left;width:200px;height:50px;line-height:50px;text-align:left;}
.abSboxA ul li h3#aa1{float:left;width:20px;height:20px;background: url(/images/image.png) no-repeat -500px -80px;margin:15px 16px 0px 45px;}
.abSboxA ul li h3#aa2{float:left;width:20px;height:20px;background: url(/images/image.png) no-repeat -530px -80px;margin:15px 16px 0px 45px;}
.abSboxA ul li h3#aa3{float:left;width:20px;height:20px;background: url(/images/image.png) no-repeat -560px -80px;margin:15px 16px 0px 45px;}
.abSboxA ul li h3#aa4{float:left;width:20px;height:20px;background: url(/images/image.png) no-repeat -590px -80px;margin:15px 16px 0px 45px;}
.abSboxA ul li a{font-size:14px;letter-spacing:1px;}
.abSboxAtabB{float:left;width:200px;height:50px;background: url(/images/image.png) no-repeat -20px -497px;}
.abSboxAtabA{float:left;width:200px;height:50px;background: url(/images/image.png) no-repeat -20px -441px;}
.abSboxB{float:left;width:960px;height:auto;margin-left:15px;border:#E3E3e3 1px solid;background-color:#FFF;padding:10px;}
.abSboxB section{width:96%;height:60px;line-height:60px;text-align:left;font-size:25px;margin-left:30px;padding-left:30px;border-left:#C00 5px solid;}
.abSboxB hr{width:96%;height:1px;color:#CCC;size:1;}
.abSboxB p{line-height:180%;font-size:18px;}
.abSboxB img{max-width:900px;height:auto;}

.link{width:1200px;margin:0px auto;text-align:left;clear:both;}
.link a{color:#EFEFEF;}

/*�����ͷ�*/
#floating {}
#floating .service_qq{ width:90px; font-family:"����"; background-color:#FFFFFF}
#floating .service_qq .tit{ width:90px; height:32px; text-align:center; line-height:32px; color:#FFFFFF; background-color:#EF8200; font-size:12px;}
#floating .service_qq .box{width:88px; text-align:center; border:1px #CCCCCC solid; border-top:0px;}
#floating .service_qq .box .list{ width:80px;margin:0px auto 6px;border-bottom:1px #CCCCCC solid; padding:5px 2px;}
#floating .service_qq .box .list img{ margin-top:7px; margin-left:2px;}
#floating .service_qq .box .list.last{ border:0px;}

/*��ɫ��̬��*/
.cloud-banner {
    position: relative;
    min-width: 1200px;
    background: #0af url(../images/cloud-back.jpg) no-repeat center;
    height: 180px;
    overflow: hidden;
    color: #fff;
    text-align: center;
}
.cloud-bubble-one {
    position: absolute;
    top: -120px;
    left: 50%;
    z-index: 10;
    margin-left: -120px;
    width: 240px;
    height: 240px;
    background: url(../images/cloud-back-bule1.png);
    animation: bubble-animate-1 linear 10s infinite;
}
.cloud-bubble-two {
    position: absolute;
    top: 50px;
    left: 34%;
    z-index: 11;
    width: 360px;
    height: 360px;
    background: url(../images/cloud-back-bule2.png);
    animation: bubble-animate-2 linear 12s infinite;
}
.cloud-bubble-three {
    position: absolute;
    top: 50px;
    left: 48%;
    z-index: 12;
    width: 300px;
    height: 300px;
    background: url(../images/cloud-back-bule3.png);
    animation: bubble-animate-3 linear 11s infinite;
}
@keyframes bubble-animate-1 {
    from {
        top: -120px
    }

    50% {
        top: -180px
    }

    to {
        top: -120px
    }
}
@keyframes bubble-animate-2 {
    from {
        top: 50px;
        left: 34%
    }

    50% {
        top: 80px;
        left: 24%
    }

    to {
        top: 50px;
        left: 34%
    }
}
@keyframes bubble-animate-3 {
    from {
        top: 50px;
        left: 48%
    }
    50% {
        top: 80px;
        left: 58%
    }
    to {
        top: 50px;
        left: 48%
    }
}
.cloud-bubble-text {
    position: relative;
    padding-top: 26px;
    z-index: 20;
    font-size: 32px;
	color:#FFF;
}
.cloud-bubble-link {
    position: relative;
    z-index: 20;
}
.cloud-bubble-link a {
    display: inline-block;
    margin-top: 24px;
    width: 220px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #fff;
    color:#F00;
	font-size:25px;
}
.cloud-bubble-link a:hover {
    color:#F60;
	text-decoration:none;
}

/* CSS Document */
.ind_txt{ width: 100%; position: relative; overflow: hidden; display: block; text-align: center; padding:55px 0 30px;  }
.ind_txt h2{ font-size: 26px; color: #000; line-height: 50px; display: block; text-align: center;  }
.ind_txt h3{ font-size: 14px; color: #000; line-height: 30px; padding-top: 10px; display: block; text-align: center; font-weight: normal; }
.ind_txt h4{ font-size: 14px; color: #666; line-height: 30px; padding-top: 10px; display: block; text-align: center; font-weight: normal; }

.ind_seotm{ width: 100%; height: auto; position: relative; display: block; overflow: hidden; padding-bottom:40px; }
.seotm_lst{ width:1224px; margin:10px auto 0; display: block; position: relative;  }
.seotm_lst dl{ width:280px; border:#CCC 1px dotted;display: block; margin: 13px; float: left; position: relative; box-sizing: border-box; padding:30px 25px; background: #fff;-webkit-transition: all .5s ease; transition: all .5s ease; }
.seotm_lst dl:hover{box-shadow: 0 17px 50px 0 rgba(0,0,0,.19); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);background-color:#ED859C;color:#FFF;}
.seotm_lst dl:hover dd p, .seotm_lst dl:hover dd h3 {color:#FFF;}
.seotm_lst dl:hover dd em{background-color:#FFF;}
.seotm_lst dl dt{ width: 230px; height: 90px; display: table-cell; vertical-align: middle; text-align: center; }
.seotm_lst dl dt img{max-width: 230px; max-height: 90px; display: block; margin: auto; text-align: center;  }
.seotm_lst dl dd{ width: 100%; display: block;padding:0px;margin:0px;}
.seotm_lst dl dd:hover{}
.seotm_lst dl dd h3{ font-size: 28px; color: #191b2f;  text-align: center;  padding-top: 10px; line-height: 40px; display: block; position: relative; font-weight: normal;  }
.seotm_lst dl dd em{ width: 16px; height: 2px; margin: 15px auto; display: block; background: #000; position: relative; }
.seotm_lst dl dd p{font-size: 14px; color: #85868b; line-height: 28px;  display: block; padding: 0 10px; box-sizing: border-box; width: 100%; position: relative; }

.rbgd{width:180px;height:36px;line-height:36px;color:#FFF;text-align:center;font-size:16px;background-color:#E44A6D;-moz-border-radius: 5px 5px 0px 0px;-webkit-border-radius: 5px 5px 0px 0px;border-radius: 5px 5px 0px 0px;}