/* CSS Document */
body { } /* for IE/Win */
html>body { -webkit-text-size-adjust: none; font: 14px/1.8 "Microsoft Yahei"; color: #333;} /* for everything else ȥ��chrome��С�������� */
/*����߿�ȳ�ʼ��*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { padding: 0; margin: 0; }
fieldset, img { border: 0; }
img { max-width:100%; height:auto;}
address, caption, cite, code, dfn, th, var { font-weight: normal; font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }
a { text-decoration: none; color: #333; }
a:hover{color: #0075c2;}
*{margin: 0;padding: 0;}
/*ȥ�� �϶��ͻ�ɫ�߿�*/
.more a { color: #c40000; text-align: right; display: block; margin-right: 5px; font-style: normal; line-height: 24px; }
.more2 { color: #c40000; font-style: normal; }
textarea { resize: none; }
textarea:focus, input:focus { outline: none; }
.container { width: 100%; max-width: 1200px; margin: 0px auto; overflow: hidden; }
.fl { float: left; }
.fr { float: right; }
.clearfix{clear: both;}
.clearfix::before,.clearfix::after{content: "";display: block;clear: both;height: 0;visibility: hidden;}
/*-----------------------------------------------header & footer begin-----------------------------------------------*/
/*header*/
.head { padding: 25px 0 10px; }
.headinput { margin-left: 100px; overflow: hidden; margin-top: 10px; }
.input_a input { height: 28px; line-height: 28px; border: 1px solid #e0e0e0; width: 202px; margin-right: 1px; float: left; padding-left: 1px; color: #b2b2b2; }
.headinput img { float: left; }
.logo { float: left; width: 339px; height: 52px; background: url(../images/logo.jpg) no-repeat left center; background-size: contain; text-indent: -99em; }
.logo h1 { font-size: 16px; line-height: 1; width: 100%; height: 100%; }
/*nav*/
.nav { position: relative; background: #0C87CB; }
.navul { overflow: hidden; text-align: center; font-size: 16px; font-weight: bold; }
.navul li { float: left; width: 14%; border-right: 1px solid #0A6CA2; border-left: 1px solid #55ABDB; }
.navul li a { display: block; line-height: 3em; height: 3em; color: #fff; }
.navul li a:hover { background-color: #fff; color: #0d87cc; }
/*footer*/
.foot { border-top: 1px solid #eaeaea; margin-top:20px; padding: 10px 0; background: #4f5458; text-align: center; color: #bcbcbc; }
.footnav { overflow: hidden; margin-top: 8px; width: 100%; }
.footnav a img { display: inline; }
.footnav li { display: inline; color: #747474; }
.footnav li::after { content: " | "; }
.footnav li a { color: #bcbcbc; padding: 0 3px; }
.link2 { overflow: hidden; border-top: 1px solid rgba(0, 0, 0, 0.2); line-height: 2em; background: #4F5458; color: #bcbcbc; }
.link2 a { color: #bcbcbc; display: inline; }
/*------Mobile------*/
.foot-mobile{display: none;}
.foot-mobile{position: fixed;bottom: 0;left: 0;width: 100%;background: #111;}
.foot-mobile a{position:relative;float: left;width: 25%;height: 3em;line-height: 3em;color: #fff;text-align: center;}
.foot-mobile a::after{content:"";position:absolute;top:0;right:0;width: 30%;height: 100%;border-right: 1px solid rgba(255,255,255,.2);}
.foot-mobile a.gettel{width: 50%;background: #0075c2;}
.foot-mobile a.gettel::after{display: none;}
.foot-mobile a.gettel span{font-size: 1.5em;font-weight: bold;padding-left: 5px;}
@media screen and (max-width:768px) {
	body{padding-bottom: 50px;}
	.head{display: none;}
	.mlogo{width: 210px;height: 52px;background: url(../images/logom.jpg) no-repeat left center;}
	.link2{display: none;}
	.foot{display: none;}
	.foot-mobile{display: block;}
	.main table .s{display:none !important;}
}
/*-----------------------------------------------header & footer end-----------------------------------------------*/
/*-----------------------------------------------banner-----------------------------------------------*/
.banner { line-height: 0; }
.banner img { width: 100%; height: auto; }
/* rslides */
.rslides { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
/*pager*/
.callbacks_tabs.callbacks1_tabs { margin-top: -40px; position: relative; z-index: 100; margin-bottom: 20px; }
.callbacks_tabs.callbacks1_tabs li { display: inline-block; width: 10px; height: 10px; margin-left: 5px; border-radius: 10px; border: 1px solid #FFF; position: relative; }
.callbacks_tabs.callbacks1_tabs li a { display: inline-block; width: 10px; height: 10px; border-radius: 10px; position: absolute; left: 0; z-index: 1000; color: rgba(100,200,300,0); color: transparent; }
.callbacks_tabs.callbacks1_tabs li.callbacks_here a { background: #FFF; }
/* Callback example */
.callbacks_container { margin-bottom: 2px; position: relative; width: 100%; max-width: 100%; text-align: center; }
.callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; }
.callbacks li { position: absolute; width: 100%; left: 0; top: 0; }
.callbacks img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; }
.callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 50%; left: 0; opacity: 0.6; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 38px; background: transparent url("../images/themes.gif") no-repeat left top; margin-top: -30px; display: none; }
.callbacks_container:hover .callbacks_nav { display: block; }
.callbacks_nav:active { opacity: 1.0; }
.callbacks_nav.next { left: auto; background-position: right top; right: 0; }
/*-----------------------------------------------banner end-----------------------------------------------*/
/*������ʽ*/
.indexcenter { margin: 10px auto; }
.indextitle { overflow: hidden; border-bottom: 1px dotted #ccc; margin: 10px 0; line-height: 3.5em; }
.indextitle p {font-size: 1.8em; font-weight: 700; float: left; }
.indextitle span { float: left; margin-left: 5px; color: #b3b3b3; font-family: arial; }
.indextitle a.more { float: right; color: #b3b3b3; }
.indexnews { width: 47%; margin-left: 3%; }
.indexnewul { }
.indexnewul li { background: url(../images/icon.jpg) left center no-repeat; padding-left: 10px; line-height: 2.5em; color: #444; overflow: hidden; }
.indexnewul li a {float: left; width: 80%; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.indexnewul li span { float: right; }
/*��ҳ�ж�����*/
.mlul { margin-left: -3%; overflow: hidden; }
.iadvantage { width: 42%; }
.iadlist { }
.iadlist li { margin: 2% 0; }
.iadlist li div { font-size: 1.2em; font-weight: bold; color: #eb0013; }
.iadlist li p { }
.graytxt { font-size: 24px; font-weight: bold; color: #c3c3c3; }
.indexabout { overflow: hidden; width: 56%; }
.indexabout img { width: 100%; margin-bottom: 10px; }
.indexabout p { padding: 3px 0; line-height: 2em; }
.indexcount { margin-top: 45px; }
/*��ҳ��Ʒ�Ƽ���ʽ*/
#indexpro { background: #EAEAEA; }
.indexpro { padding: 5px 0; }
.indexproul { overflow: hidden; margin-left: -2%; }
.indexproul li { float: left; width: 31.3%; margin: 0px 0 1.5% 2%; _display: inline; }
.indexproul li > a { display: block; }
.indexproul li img { width: 100%; height:auto; }
.indexproul li h2 { display: block; padding: 5px 0; color: #262727; line-height: 2em; text-align: center; }
.hotpro{float: left;width: 80%;padding-left: 2%;}
.hotpro a{margin-right: 1%;display: inline;}
/*��ҳ����*/
.icase { background: #EAEAEA; padding: 20px 0; margin: 10px 0; }
.icaselist,.caselist { margin-left: -2.5%;margin-top: 2.5%; overflow: hidden; }
.icaselist li ,.caselist li{ float: left; width: 22.5%; margin-left: 2.5%; margin-bottom: 1.5%; text-align: center; }
.caselist li { width: 30.8%; font-size:16px; }
.icaselist li > a { line-height: 0; display: block; }
.icaselist li > a img{ width: 100%; height:auto; }
.caselist li > img { width: 100%; height:252px; }
.caselist li img { width: 100%; height:252px; }
.icaselist li > p,.caselist li > p { line-height: 2em; padding: 5px 0; }
/*PC ����������ʽ*/
.icase .container{overflow: visible;}
.scrolllist { position: relative; }
#s2 a.abtn { position: absolute; width: 28px; height: 100px; top: 90px; overflow: hidden; background: url(../images/arrow.png) no-repeat 0px center; }
#s2 a.aleft { left: -40px; }
#s2 a.aright { right: -40px; background-position: -30px center; }
#s2 .imglist_w { width: 1200px; height: 255px; overflow: hidden; float: left; position: relative;/*必要元素*/ }
#s2 .imglist_w ul { width: 20000px; position: absolute; left: 0px; top: 0px; }
#s2 .imglist_w li { float: left; margin: 0 10px; line-height: 40px; font-size: 16px; }
#s2 .imglist_w li a { line-height: 31px; text-align: center; }
#s2 h3 { display: inline; font-size: 16px; }
#s2 .imglist_w li img { width: 280px; height: 200px; }
.proshow li a { position: relative; display: block; color: #666; }/*titbar*/
/*----------------------------------��ҳ----------------------------------*/
.subbanner img { width: 100%; }
/*����*/
.sidebar { width: 20%; background-color: #f7f7f7; }
.h1title { height: 46px; line-height: 46px; background-color: #0075c2; color: #fff; font-size: 24px; font-weight: 700; position: relative; overflow: hidden; text-align: center; }
.h1title::before { content: "HOT"; position: absolute; left: -32px;  top: -10px; width: 100px;height: 50px; transform: rotate(-45deg);font-size:18px;font-weight:normal;background: #eb0013;line-height: 65px; }
/*��ز�Ʒ*/
.repro { }
.repro ul { padding: 0 5%; background: #eee; overflow: hidden; }
.repro li { margin: 8% 0; text-align: center; }
.repro li > a { line-height: 0; }
.repro li > a img { width: 100%; }
.repro li > p a { line-height: 2em; padding: 5px 0; }
/*�������*/
.renews{margin-top: 20px;}
.renews li{padding-left: 10px;line-height: 2.5em;border-bottom:1px dotted #ddd;background: url(../images/icon.jpg) left center no-repeat;}
.renews li a{display:block;width: 95%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
/*��Ҫ����*/
.main { width: 76%; }
.main h2{ font-size:20px; color:#CC0000; margin-top:10px; font-weight:bold;}
.main p{ font-size:16px; line-height:32px;}
.main div{ font-size:16px; line-height:32px;}
.main p img{ margin:20px 0; width:100%;}
.main div img{ margin:20px 0;}
.main .STYLE1 {color: #FFFFFF;}

.righttitle { overflow: hidden; border-bottom: 1px solid #d9d9d9; width: 100%; }
.h2title { line-height: 46px; font-size: 18px; font-weight: bold; }
.crumb { color: #555; line-height: 30px; }
.crumb a { color: #555; }
.crumb a:hover { color: #0583cb; }
.abouttext { }
.abouttext p { color: #555; line-height: 24px; margin: 5px 0px 15px 0px; }
.abouttext img { margin: 0 auto; display: block; max-width: 710px; width:expression(this.width>710?"710px":this.width);
word-break: break-all; word-wrap: break-word; }
/*��Ʒչʾ��ʽ*/
.proul { overflow: hidden; margin-left: -1%; }
.proul li { width: 22.5%; padding: 8px; background-color: #f7f7f7; margin: 9px 0 15px 1%; float: left; _display: inline; }
.proul li > a{line-height: 0;display: block;}
.proul li img { width: 100%; height: 185px; }
.proul li div { line-height: 3em;overflow: hidden; }
.proul li div a.fl {font-size: 1.15em; }
.proul li p, .proul li p a { color: #666; line-height: 22px; }
.h3title { line-height: 30px; height: 30px;margin-left: -8px; color: #999; }
.h3title a { color: #999; margin-left: 8px;padding-right: 8px;}
/*��Ʒ��ϸҳ��ʽ*/
.procenter { }
.proshow-one { margin-bottom: 20px; padding: 10px 0; overflow: hidden; background: #eaeaea; }
.proshowimg { width: 50%; }
.proshowimg img { width: 100%;}
.prooneright { width: 46%; }
.proname { font-size: 2em; font-weight: bold; line-height: 1.5em;padding: 10px 0; color: #0086d1; }
.prooneright li { color: #7a7a7a; padding: 3px 0; }
.prooneright li span { color: #333232; font-weight: bold; }
.prooneright img { display: inline; }
.mfrx { font-size: 18px; color: #FF4900; line-height: 2.6em; }
.mfrx span { font-weight: bold; font-size: 30px; color: #FF4900; margin: 0; display: inline; }
.probtn{padding: 10px 0;}
.probtn a{margin-right: 5%;}
.protwo { overflow: hidden; }
.protwonav { background-color: #0075c2; height: 46px; line-height: 46px; }
.protwonav li { float: left; font-weight: bold; width: 24.5%; text-align: center; }
.protwonav li a { display: block; color: #fff; font-size:1.15em;}
.protwonav li a:hover {background-color: #ffffff4d; text-decoration:underline; }
.protit { line-height: 2em; font-size: 1.5em; font-weight: bold; color: #444; display: block; }
.protwokuai { margin: 15px 0px 0px 0px; border-bottom: 1px dashed #999; padding-bottom: 15px; }
.protwokuai img { display: inline; max-width: 100%;}
.protwokuai p { line-height: 2em;padding: 5px 0; color: #555; }
.protwotable { border-collapse: collapse;/* �߿�ϲ�����  */ width: 99%; }
.protwotable th { border: 1px solid #d4d4d4; }
.protwotable td { border: 1px solid #d4d4d4; height: 30px; line-height: 30px; }
.forminput { border: 1px solid #e3e3e3; padding: 1px; overflow: hidden; }
.baiogetext { overflow: hidden; background-color: #efefef; }
.baiogetext .protit { text-align: center; }
.forminput ul { }
.forminput ul li { overflow: hidden; padding: 10px 0; line-height: 3em; }
.forminput ul li span { color: #333; float: left; width: 20%; text-align: right; }
.forminput ul li input { border: 1px solid #e5e5e5; background-color: #fff; height: 3em; width: 70%; }
.forminput textarea { text-align: left; width: 70%; height: 140px; border: 1px solid #e5e5e5; background-color: #fff; padding: 5px; }
.tijiaoimg { background-color: #efefef; padding: 10px 0px;text-align: center; }
.qusiba { position: static; top: auto; left: auto; z-index: auto; margin: 0px 0px 0px 0px; }/*����������ʽ*/
.newsul { margin-top: 8px; margin-bottom: 20px; }
.newsul li { padding-left: 11px; line-height: 3em; border-bottom: 1px dashed #dbdbdb;overflow: hidden; background: url(../images/newsicon_03.jpg) left center no-repeat; color: #555; }
.newsul li span { float: right; color: #555; }
.newsul li a { float:left;width:80%;color: #555; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.newstitle { text-align: center; font-size: 1.6em; color: #262626; padding: 15px 0 10px; }
.newsinfor{text-align: center;}
.newtitledata { font-style: normal; color: #999; text-align: center; margin: 0px 50px; }
.reading { color: #7e7e7e; background-color: #eee; line-height: 24px; padding: 5px; margin-top: 15px; }
.newstext { padding: 0px 5px; font-size:16px; }
.newstext, .newstext p { line-height: 35px; color: #444; margin: 10px 0px 25px 0px; }
.newstext div{ line-height: 35px; }
.newstext a { color: #000; }
.newstext img { margin: 0 auto; display: block; word-break: break-all; word-wrap: break-word; margin: 10px auto; }

.pagetext { _height: 60px; overflow: hidden; margin-top: 10px; border-bottom: 1px solid #d9d9d9; }
.pagetext p {width: 45%;margin-right: 5%;float: left; color: #555; line-height: 30px; }
.pagetext p a { color: #999; }
.fenxiang { margin: 5px 10px 0px 0px; overflow: hidden; _width: 50%; }
.fenxiang p { float: left; }
/*������������*/
.biaoge {width: 100%;border: 1px solid rgba(0,0,0,.1);border-collapse: collapse;}
.biaoge td, .biaoge th, .biaoge tr {border: 1px solid rgba(0,0,0,.1);text-align: center;line-height: 2.5em!important;}
.biaoge tr:hover { background: rgba(0,117,194,.1); }
.tabletitle, .tabletitle th, .tabletitle td, .tabletitle:hover th, .tabletitle:hover td, tr.tabletitle:hover {
	background: #0075c2!important;color: #fff;
}
/*����Ķ���ʽ*/
.newsabout { }
.newsabout p { color: #333; font-weight: 700; line-height: 35px; background: url(../images/xgiconp.jpg) 4px 13px no-repeat; padding-left: 15px; }
.newsabout li { background: url(../images/xgiconli.jpg) 5px 14px no-repeat; padding-left: 15px; }
.newsabout li span { float: right; color: #666; line-height: 30px; }
.newsabout li a { color: #666; line-height: 30px; }
/*����������ʽ*/

.onlinespan { color: #555; line-height: 24px; display: block; margin-bottom: 10px; }
.onlinetable { width: 100%; }
.onlinetable tr { margin-bottom: 10px; display: block; }
.onlinetable .lefttd { text-align: right; width: 130px; color: #222; line-height: 35px; padding-right: 10px; }
.onlinetable .righttd { text-align: left; }
.onlinetable .righttd input { width: 290px; padding-left: 10px; line-height: 35px; background-color: #eee; height: 35px; border: none; color: #818181; }
.onlinetable .righttd textarea { background-color: #eee; border: none; width: 560px; height: 125px; }
/*��ϵ������ʽ*/

.count { margin: 30px 0px; line-height: 30px; font-size: 16px; color: #434343; }
.count h2{ font-size:24px; margin-bottom:20px;color:#CC0000; font-weight:bold;}
.count .lxbg{background: url(../images/wx.jpg) right no-repeat;}

/*����ҳ��*/

.Lsearch { }
.Lsearch dt { margin: 5px 5px 5px 10px; font-weight: bold; color: #555; display: block; }
.Lsearch dd { color: #555; border-bottom: 1px dashed #999; padding-bottom: 10px; margin-bottom: 10px; }
.Lsearch dd a, .Lsearch dt a { color: #cc0000; }
/*------------*/

/*--------pages-------------*/
.pagination-wrapper{margin: 20px 0;}
.pagination{height: 34px;text-align: center; float:left;}
.pagination li {display: inline-block;height: 34px;margin-right: 5px;float: left;display: block;height: 32px;line-height: 32px;font-size: 16px;border: 1px solid #dddddd;color: #555555;text-decoration: none;}
.pagination li a{float: left;display: block;height: 32px;line-height: 32px;padding: 0 12px;font-size: 16px;color: #555555;text-decoration: none;}
.pagination li a:hover{background:#f5f5f5;color:#0099ff;}
.pagination li.thisclass {background: #09f;color: #fff;padding: 0 12px;}
.pagination li span {color: #555555;padding: 0 12px;}
.pagination li.thisclass a,.pagination li.thisclass a:hover{background: transparent;border-color: #09f;color: #fff;cursor: default;}


/*----------------------------------------Mobile style's-------------------------------------*/
.banner-mobile { display: none; }
.h1000{display: none;}
@media(max-width: 1200px){
	.wrapper,.container{width: 98%;margin: 0 auto;}
	/*index*/
	#s2 .imglist_w{width: 94%;margin: 0 3%;}
	#s2 a.aleft{left: 0;}
	#s2 a.aright{right: 0;}
}
@media screen and (max-width: 1024px){
	.v1000{display: none;}
	.h1000{display: block;}
	.banner { display: none; }
	.banner-mobile { display: block; }
	.banner-mobile img { width: 100%; }
	.subbanner{display: none;}
	.main{width: 100%;}
	.sidebar{display: none;}
	.icaselist li{width: 30.8%;}
	.indexnewul li a{width: 78%;}
	.proul li{width: 46%;}
	.proul li img{ height:auto;}
	.hotpro{display: none;}
}
/*1000px end*/
@media screen and (min-width: 769px) and (max-width: 1024px){
	.icaselist li:nth-child(3){display:none;}	
}
@media screen and (max-width: 768px){
	.iadvantage{display: none;}
	.indexabout{width: 100%;float: none;}
	.indexnews{width: 100%;}
	.more2,.proul li p, .proul li p a,.h3title{display: none;}
	.proul li div a.fl{width: 100%;text-align: center;}
	.icaselist li{width: 47.5%;}

	.caselist li{width: 47.5%; height:auto;float:left;}
	.caselist li img{width: 100%; height:auto;}
	.caselist li p{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
	.indexproul li{width: 48%;}
	.proul li{width: 45%;}
	.proul li img{ height:auto;}
	.prooneright,.proshowimg{width: 100%;}
	.proshowimg img{ height:auto;}
	.proshow-one{background: #fff;}
	.protwokuai img{height: auto!important;}
	.newsul li span{display: none;}
	.newsinfor,.reading{display: none;}
	.pagetext p{float: none;width: 100%;}
	.newsabout{display: none;}
	.indexnewul li a{width: 95%;}
	.indexnewul li span{display: none;}
	.probtn{display: none;}
}
/*768px end*/
@media screen and (max-width: 480px){
	.forminput ul li span{display: block;float: none;width: 100%;text-align: left;}
	.forminput ul li input,.forminput textarea{width: 99%;}
	.indexproul li img{height:auto;}
	.indextitle span{ display:none;}
	.caselist li > img{height: auto;}
	.crumb{float: left;}
	.h2title{display: none;}
	.proul li{width: 44%;}
	.proul li img{ height:auto;}
	.count .lxbg{background:none;}
}
/*480px end*/


ul.icaselist {
	display: flex;
	flex-wrap: wrap;
}


@media screen and (max-width:768px) { 
	.icaselist li > a img {
		height: 148px !important;
	}
}