/*全局 Begin*/
*{margin: 0;padding: 0;}
html,body{font-size: 14px;}
ul,li,ol{list-style: none;}
*{cursor: default !important;}
a{text-decoration: none;transition: all .2s;}
/*
a,.search-sub,.checkTitle span,.showMore{cursor: url(../images/pointer.cur),auto !important;}
img{border: 0;}
*/
/*全局 End*/

/*常用样式 Begin*/
.tooltip{display:none;min-height: 24px;padding: 0 9px 0 6px;background:rgba(255,255,255,.9);border: 1px solid #9BC5D7;border-radius: 5px;z-index: 99999999;position:absolute;line-height:23px;color:#333;font-size: 14px;word-break: break-all;}
.left{float: left;}
.right{float: right;}
.clear{clear: both;}
.noSelect{-webkit-touch-callout: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;-khtml-user-select: none;user-select: none;cursor: pointer;}
.box{width: 1200px;margin: 0 auto;}
.online{position: fixed;z-index: 99999;right: 10px;bottom: 140px;}
.online ul{background: #F0F0FD;width: 80px;border-radius: 3px;box-shadow: 0 0 5px #999;padding-top: 20px;}
.online ul li{position: relative;width: 100%;height: 50px;line-height: 50px;border-bottom: 1px solid #d0d0ff;cursor: url(../images/pointer.cur),auto !important;}
.insHome{background: url(../images/icon_home.png) no-repeat center;}
.insTel{background: url(../images/icon_tel.png) no-repeat center;}
.insQq{background: url(../images/icon_qq.png) no-repeat center;}
.insVchat{background: url(../images/icon_vchat.png?t=223221447) no-repeat center;background-size: 28px !important;}
.online li{background-size: 20px;}
.online li span{position: absolute;bottom: -1px;right: 80px;display: none;padding: 0 1em 0 .8em;background: #FFF;border: 1px solid #DFDFDF;border-right: 0;font-size: 14px;color: #333;font-weight: 900;line-height: 50px;white-space: nowrap;box-shadow: -2px 2px 3px #8989F0;}
.online li span p{background: url(../images/icon_qq.png) no-repeat left center;background-size: 20px;padding-left: 25px;}
li.insVchat span{bottom: 0;top: null;padding: 0 0 15px 0;line-height: 14px;text-align: center;}
.insVchat span img{display: block;}
.iconOnline{position: relative;width: 60px;height: 60px;}
.iconOnline img{position: absolute;z-index: 999;top: 30px;left: 10px;border-radius: 50%;box-shadow: 0 0 5px #999;}
.vcode{position: fixed;z-index: 999;bottom: 40px;right: 0;width: 100px;}
.ttrt{text-align: right;}
.ttlt{text-align: left;}
/*常用样式 End*/

/*头部 Begin*/
.header{overflow: hidden;width: 1200px;margin: 10px auto 0;}
.topLogo{width: 236px;}
.topBanner{width: 600px;}
.topPhone{text-align: right;}
.topPhone span{display: block;overflow: hidden;width: 100%;height: 45px;font-size: 18px;font-weight: bold;color: #111;line-height: 45px;}
span.phoneText{background: url(../images/dh.gif) no-repeat left center;font-size: 24px;text-align: left;text-indent: 37px;}
span.phoneNum{font-size: 32px;color: #F00;line-height: 47px;}
/*头部 End*/

/*导航 Begin*/
.nav{overflow: hidden;width: 1200px;height: 79px;margin: 0 auto;background: #1a8df3 url(../images/nav.gif) repeat-x;text-align: left;}/* 修改 */
.nav li{display: inline-block;}
.nav li a{display: block;height: 38px;padding: 0 21px;font-size: 15px;color: #FFF;line-height: 38px;}
.nav li a:hover{background: #1a6dc3;}
.search{height: 29px;padding: 5px 5px;background: #f0f0f0;box-shadow: 0 0 3px inset #2a99e2;}
.search input {display: block;float: left;font-size: 13px;border: 0;outline: none;}
.search-cont {width: 280px;height: 27px;padding: 0 5px;color: #333 !important;border: solid 1px #2a99e2 !important;border-radius: 3px 0 0 3px;}
input.search-sub {padding: 0 20px;height: 29px;background: #1a6dc3;color: #FFF;font-size: 15px;line-height: 29px;transition: all .3s;border: 1px solid #2a99e2;border-radius: 0 3px 3px 0;}
.search-sub:hover{background: #339;}
input.search-cont::-webkit-input-placeholder{color: #F00;font-weight: 900;font-size: 12px;}
input.search-cont:-moz-placeholder{color: #F00;font-weight: 900;font-size: 12px;}
input.search-cont::-moz-placeholder{color: #F00;font-weight: 900;font-size: 12px;}
input.search-cont:-ms-input-placeholder{color: #F00;font-weight: 900;font-size: 12px;}
input.search-cont::placeholder{color: #F00;font-weight: 900;font-size: 12px;}
.hotwords{color: #F0F0F0;line-height: 27px;}
.hotwords a{font-size: 12px;}
.search a{margin-right: 1em;color:#DFDFDF;}
.search a:hover{color:#fff;text-decoration: underline;}
.search a:last-child{margin: 0;}
.search-ggy{float: right;display: block;width: 830px;height: 31px;margin-top: -1px;background: #1a6dc3;color: #f0f0f0;border-radius: 5px;font-size: 23px;font-family: STKaiti;font-family: stkaiti;font-weight: 900;font-style: italic;text-shadow: 0 0 3px #000;text-align: center;letter-spacing: 2px;}
.search-ggy img{width: 100%;height: 100%;border-radius: 5px;}
.search-ggy span{color: #F0F000;}
/*导航 End*/

/*大图 Begin*/
.about{float: right;width: 935px;}
.bannerBox{overflow: hidden;width: 100%;}
.banner{position:relative;float: left;overflow: hidden;width: 700px;height: 310px;}
.banner ul{position: absolute;left: 0;top: 0;width: 2800px;height: 310px;}
.banner li{float: left;width: 700px;height: 310px;}
.banner img{display: block;width: 95%;height: auto;margin: 5px auto;}
.bnPrev{position: absolute;left: 10px;top: 0;bottom: 0;margin: auto;width: 30px;height: 45px;background: rgba(0,0,0,.25) url(../images/icon-prev.png?t=22625) no-repeat center;cursor: pointer;background-size: 15px 25px;border-radius: 10px;cursor: pointer;}
.bnPrev:hover{background: rgba(0,0,0,.45) url(../images/icon-prev.png?t=22625) no-repeat center;background-size: 15px 25px;}
.bnNext{position: absolute;right: 10px;top: 0;bottom: 0;margin: auto;width: 30px;height: 45px;background: rgba(0,0,0,.25) url(../images/icon-next.png?t=22625) no-repeat center;cursor: pointer;background-size: 15px 25px;border-radius: 10px;cursor: pointer;}
.bnNext:hover{background: rgba(0,0,0,.45) url(../images/icon-next.png?t=22625) no-repeat center;background-size: 15px 25px;}

.about .side{float: right;width: 235px;}
//.about .side ul{border: 0;}
.checkTitle{overflow: hidden;width: 100%;background: #1a8df3 url(../images/sideTitle.jpg) no-repeat;height: 30px;font-family: "microsoft yahei";font-weight: 900;color: #FFF;font-size: 13px;line-height: 29px;box-sizing: border-box;border-radius: 5px 5px 0 0;}
.checkTitle span{float: left;display: block;height: 100%;padding: 0 5px;user-select: none;cursor: pointer;}
.checkTitle span:first-child{background: rgba(15,15,99,.3);}
.checkTitle a{float: right;display: block;margin-right: .5em;color: #F0F0F0;text-shadow: 0 0 1PX #000;text-decoration: underline;}
.checkTitle a:hover{color: #DFDFF0;text-shadow: 0 0 10px #000;}
.Box2{overflow: hidden;width:100%;}
.aboutUs{float: left;width: 680px;}
.textbox{padding: 5px 10px;font-size: 12px;border: 1px solid #CCC;line-height: 20px;}
.textbox a{color: #004;}
.textbox a:hover{text-decoration: underline;}
.centerTit{text-align: center;color: #004;}
.aboutPro{margin: 10px 0;}
.aboutPro a:first-child {
	display: block;
	float: left;
	width: 400px;
	height: 160px;
}
.aboutPro a:last-child {
	float: right;
	display: block;
	width: 270px;
	height: 160px;
}
.aboutPro a img{
display: block;
width: 100%;
height: 100%;
border: 1px solid #DDD;
box-sizing: border-box;
}
.aboutPro ul{overflow: hidden;border: 1px solid #CCC;}
.aboutPro li{position: relative;float: left;width: 18%;height: 110px;margin: 1%;box-sizing: border-box;border: 1px solid #CCC;}
.aboutPro li img{position: absolute;top: 0;bottom: 0;left: 0;right: 0;display: block;width: auto;height: auto;max-width: 95%;max-height: 95%;margin: auto;}
ul.others li{font-size: 12px;height: 30px;line-height: 30px;}
ul.other1 li{font-size: 12px;height: 28px;line-height: 28px;}
ul.other2 li{font-size: 12px;height: 26px;line-height: 26px;color: #333;}
/*大图 End*/

/*板块标题 Begin*/
.sideTitle{display: block;width: 100%;height: 40px;padding: 0 .5em;font-family: "microsoft yahei";font-weight: 900;color: #FFF;font-size: 14px;background: #1a8df3 url(../images/sideTitle.jpg) no-repeat;line-height: 40px;box-sizing: border-box;border-radius: 5px 5px 0 0;text-shadow: 1px 1px 5px #000;}
.titleName img{margin: 0 .2em 0 .5em;}
.sideTitle a{display: inline-block;margin-left: 20px;font-size: 12px;color: #DFDFFF;text-decoration: underline;}
.sideTitle a:hover{color: #FFF;}
.sideTitle span{float: right;padding-right: .8em;font-size: 14px;}
.sideTitle span a{margin: 0;font-style: normal;}
.sideTitle1{width: 100%;height: 40px;font-family: "microsoft yahei";font-weight: 900;font-size: 15px;background: url(../images/sidetitle1.jpg) repeat-x;line-height: 38px;border-radius: 5px 5px 0 0;}
.sideTitle1 .titleName{color: #F0F0F0;}
.sideTitle1 .titleName:hover{color: #FFF;text-decoration: underline;}
.sideTitle1 .otherName a{color: #00A;}
.sideTitle1 .otherName a:hover{text-decoration: underline;}
.sideTitle1 .titleMore{float: right;margin-right:.5em;color: #00A;}
.sideTitle1 .titleMore:hover{text-decoration: underline;}
.sideTitle2{width: 100%;height: 40px;padding: 0 .5em;font-family: "microsoft yahei";font-weight: 900;color: #000;font-size: 16px;background: #1a8df3 url(../images/sideTitle.jpg) no-repeat;line-height: 40px;box-sizing: border-box;border-radius: 5px 5px 0 0;}
.sideTitle2 a{display: inline-block;font-size: 14px;color: #300;text-shadow: 0 0 25px #FFF;}
.sideTitle2 a:hover{color: #DFDFF0;text-decoration: underline;text-shadow: 0 0 10px #000;}
.sideTitle2 span{float: right;padding-right: .8em;font-size: 14px;}
.sideTitle2 span a{margin: 0;font-style: normal;}
h2.textTitle {padding: 10px 0;font-size: 20px;text-align: center;}
.sideTitle3{width: 100%;height: 31px;font-family: "microsoft yahei";font-size: 15px;background: url(../images/sideright.gif) repeat-x; line-height: 30px;border: 1px solid #BABABA;border-left: 0;border-bottom: 0;border-radius: 5px 5px 0 0;box-sizing: border-box;}
.sideTitle3 .titleName{display: inline-block;height: 100%;padding-right: .9em;background: #045fa5;color: #F0F0F0;font-weight: 900;}
.sideTitle3 .titleName:hover{color: #FFF;text-decoration: underline;}
.sideTitle3 .otherName a{font-size: 12px;color: #00A;margin: 0 .5em;}
.sideTitle3 .otherName a:hover{text-decoration: underline;}
.sideTitle3 .titleMore{float: right;margin-right:.5em;font-size: 12px;color: #00A;}
.sideTitle3 .titleMore:hover{text-decoration: underline;}
/*板块标题 End*/

/*板块侧栏 Begin*/
.side{margin-bottom: 10px;}
.side ul{border: 1px solid #CCC;}
.side li{overflow: hidden;width: 100%;height: 40px;line-height: 40px;text-indent: .5em;}
.side li a{display: block;color: #111;}
/*板块侧栏 End*/

/*产品 Begin*/
.product{width: 1200px;margin: 10px auto 0;}/* 修改 */
.proSide{float: left;width: 250px;}
.proList{float: right;width: 935px;}
	/* 侧栏一级导航 */
.proType{margin: 0 0 10px 0;border: 1px solid #CCC;font-size: 12px;}
.proType li,.proType2 ol,.proType3 a,.side li{height: 33px;background: #FCFCFF;border-bottom: 1px solid #CCC;line-height: 33px;}
.proType3 a{border-right: 1px solid #CCC;border-left: 1px solid #CCC;}
.proType3 a:first-child{border-top: 1px solid #CCC;}
.proType li{position: relative;display: block;width: 100%;text-indent: .5em;cursor: pointer;}
.proType li:hover,.proType2 ol:hover,.proType3 a:hover,.side li a:hover{background: #DFDFFF;}/* 分级导航浮动效果 */
.typeName{display: block;overflow: hidden;width: 100%;height: 100%;color: #000;}
.listMore{display: none;}
.showMore{display: block;width: 100%;height: 35px;font-size: 12px;font-weight: bold;color: #F00;background: #F0F0FF;text-align: center;line-height: 35px;}
	/* 侧栏二级导航 */
.proType2{position: absolute;z-index: 9;display: none;top: -1px;left: 248px;width: 250px;border: 1px solid #CCC;}
.proType2 ol{position: relative;text-indent: .5em;cursor: pointer;}
.proType2 ol a{display: block;overflow: hidden;width: 100%;height: 100%;color: #333;}
	/* 侧栏三级导航 */
.proType3{position: absolute;z-index: 9;display: none;top: -1px;left: 250px;width: 600px;}
.proType3 a{display: block;overflow: hidden;width: 100%;text-indent: .5em;cursor: pointer;}
	/*产品列表*/
.proList ul{overflow: hidden;width: 100%;margin-bottom: 11px;padding-top: 10px;border: 1px solid #CCC;box-sizing: border-box;}
.proList li{float: left;overflow: hidden;width: 13%;height: 144px;margin:0 0 10px 1.1%;border: 1px solid #CCC;box-sizing: border-box;}
.proList li p:first-child a{display: block;overflow: hidden;width: 100%;height: 100px;border-bottom: 1px solid #CCC;}
.proList li img{display: block;width: 100%;height: 100%;transition: all .3s;}
.proList li:hover img{transform: scale(1.1);}
.proList li p:last-child {display: table;overflow: hidden;width: 100%;height: 40px;}
.proList li p:last-child a {display: table-cell;width: 100%;height: 40px;line-height: 20px;overflow: hidden;font-size: 12px;color: #000;text-align: center;vertical-align: middle;word-break: break-all;}
.demoList li p:first-child a{position: relative;}
.demoList li p:first-child a img{position: absolute;top: 0;bottom:0;left: 0;right: 0;max-width: 95%;max-height: 95%;width: auto;height: auto;margin: auto;}
.contList li p:first-child a{border: 0;}
.more-type{
	z-index: 10;
	display: none;
	position: absolute;
	top: -1px;
	left: 248px;
	width: 949px;
	background: #fff;
	border: 1px solid #CCC;
	box-shadow: 3px 3px 5px #CCC;
	text-indent: 0;
}
.list-title{
	display: block;
	font-weight: 900;
	color: #F00;
	line-height: 23px;
	margin-top: 2px;
}
.more-type p{
	padding: 0 0 4px 10px;
	line-height: 24px;
	border-bottom: 1px dotted #CCC;
}
.more-type p:last-child{
	border: 0;
	padding-bottom: 0;
}
.more-type p a{
	display: inline-block;
	font-size: 12px;
	margin-right: 10px;
	color: #333;
}
.more-type a:hover{
	text-decoration: underline;
	color: #F00;
}
.type-list {
	border: 1px solid #D8D8D8;
	border-bottom: 0;
	padding: 10px 0;
}
.type-list table{
	border-top: 1px solid #D8D8D8;
}
.type-fl{
	width: 120px;
	text-align: center;
	background: whiteSmoke;
	line-height: 38px;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
}
.type-name{
	position: relative;
	overflow: hidden;
	display: block;
	width: 812px;
	height: auto;
	min-height: 25px;
	max-height: 50px;
	padding: 7px 10px;
	line-height: 26px;
	background: #FFF;
	border-bottom: 1px solid #d8d8d8;
}
.proType .type-name{
	max-height: 1000%;
}
.name-list{
	overflow: hidden;
	width: 762px;
}
.type-more{
	position: absolute;
	right: 10px;
	top: 0;
	width: 50px;
	font-size: 12px;
	color: #333;
	text-align: right;
	line-height: 38px;
}
.type-more:hover{
	color: #F00;
	text-decoration: underline;
	text-shadow: 0 0 .1px #F99;
}
.name-list a{
	float: left;
	display: block;
	width: 9em;
	margin-right: 1em;
	padding-left: 7px;
	font-size: 12px;
	color: #333;
	background: url(../images/smalljt.gif) no-repeat left 0 top 10px;
}
.name-list a:hover{
	color: #F00;
	text-decoration: underline;
	text-shadow: 0 0 .1px #F99;
}
.name-list a img{
	margin-right: 5px;
	margin-bottom: 2px;
}
.type-show{
	display: none;
}
/*产品 End*/

/*侧栏文章 Begin*/
.aboutText{overflow: hidden;height: 287px;padding: 0 .3em;border: 1px solid #CCC;line-height: 26px;text-indent: .5em;}
.plate{display: none;}
.plate:first-child{display: block;}
.platePage{width: 100%;height: 40px;background: #CFCFF0;text-align: center;}
.platePage span{display: inline-block;width: 20px;height: 20px;margin: 10px;background: #DFDFF0;border-radius: 50%;box-shadow: 0 0 5px #000;cursor: pointer;transition: all .3s;}
.platePage span:first-child{background: #FFF;}
.platePage span:hover{background: #FFF;}
.advText{padding: 5px;border: 1px solid #CCC;line-height: 20px;}
.advText p{margin: 5px 0;font-size: 12px;color: #222;}
.advText p b {color: #004;}
/*侧栏文章 End*/

/*八大优势 Begin*/
.advantage{overflow: hidden;width: 100%;min-width: 1200px;padding: 25px 0 50px;background: url(../images/8dys.jpg) no-repeat;background-size: 100% 100%;}
.advTitle{padding: 15px 0 25px;font-size: 64px;font-weight: bold;color: #F0F0F0;text-align: center;letter-spacing: 10px;text-shadow: 5px 5px 1px #000;}
.advantage ul{float: left;width: 580px;}
.advantage ul:last-child{float: right;}
.advantage ul li{display: block;overflow: hidden;width: 100%;height: 80px;margin: 15px 0;padding-right: 10px;background: rgba(255,255,255,.5);box-sizing: border-box;border-radius: 40px 25px 25px 40px;transition: all .5s;}
.advantage ul li:hover{background: rgba(255,255,255,.65)}
.advantage ul li span{display: table-cell;height: 80px;font-weight: bold;line-height: 25px;vertical-align: middle;}
.advantage ul li b{float: left;display: block;width: 80px;height: 80px;margin-right: 10px;background: #612;font-size: 40px;font-weight: bold;color: #FFF;font-style: italic;text-align: center;line-height: 80px;text-indent: -6px;border-radius: 50%;}
.advantage ul li:hover b{animation: fontChange 2s infinite linear;/* -ms-animation: fontChange .5s infinite linear;-moz-animation: fontChange .5s infinite linear;-webkit-animation: fontChange .5s infinite linear; */}
@keyframes fontChange{0%{box-shadow: 0 0 0 #000 inset;}50%{box-shadow: 0 0 50px #000 inset;}100%{box-shadow: 0 0 0 #000 inset;}}
/*八大优势 End*/
/*案例 Begin*/
.case{overflow: hidden;width: 1200px;height: 98px;margin: 15px auto;border: 1px solid #c1c0db;}
.caseTit{float: left;width: 6em;height: 98px;background: #01508b;font-size: 15px;font-weight: 900;color: #FFF;text-indent: 1.2em;line-height: 95px;}
.case ul{float: left;display: block;height: 98px;background: url(../images/flinksj.gif) no-repeat left center;background-size: 35px 100%;padding-left: 65px;}
.case li{position: relative;float: left;display: block;width: 98px;height: 81px;margin: 8px 6px 0 0;}
.case li img {position: absolute;left: 0;right: 0;top: 0;bottom: 0;max-width: 95%;max-height: 95%;width: auto;height: auto;margin: auto;}
/*案例 End*/
/*底部 Begin*/
.flink{overflow: hidden;width: 1200px;margin: 0 auto 15px;padding: 10px;background: url(../images/flinkbg.gif) repeat-x;font-size: 12px;line-height: 25px;box-shadow: 0 0 15px #CCC inset;box-sizing: border-box;}
.flink a{margin-right: 10px;color: #000;}
.flink a:hover{text-decoration: underline;}
.ftNav{overflow: hidden;width: 1200px;margin: 0 auto;background: #035797;line-height: 35px;text-align: center;}
.ftNav li{display: inline-block;margin: 0 20px;}
.ftNav a{font-family: Arial, Helvetica, sans-serif;color: #FCFCFC;}
.ftNav a:hover{text-decoration: underline;}
.ftBottom{text-align: center;color: #666;font-size: 12px;color: #FF3300;font-weight: 900;}
.ftBottom i{color: #666;font-style: normal;font-weight: normal;}
.ftBottom i a{color: #666;}
.ftBottom p a{color: #00F;}
.ftBottom p a:hover{text-decoration: underline;}

/*底部 End*/