/*通用*/

.art_pre{line-height:25px;height:25px;margin:10px 0 0 0px;}
.art_next{line-height:25px;height:25px;margin:5px 0 0 0px;}
.art_pre span,.art_next span{color:#f60;}
.art_pre .c9,.art_next .c9{color:#999;}

.sale_tel2 {
	position: relative;
	margin: 20px 0;
	padding: 10px;
	border: 2px dashed #999;
	border-radius: 10px;
	color: #333;
	font-size: 9pt;
	line-height: 22px
}
.sale_tel2 a {
	color: #028b7b;
	text-decoration: underline
}
.sale_tel2 a:hover {
	text-decoration: none
}
.sale_tel2 span {
	color: #028b7b;
	font-weight: 700;
	font-size: 18px
}
.sale_tel2 a.online7 {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 130px;
	height: 47px
}

.page-breadcrumb {
	width: 100%;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #fff
}

.quick-nav {
	margin-top: 20px;
	width:260px;
}
.quick-nav dl {
	margin-bottom: 20px;
	padding: 10px 0 10px 11px;
	border-radius: 0 0 5px 5px;
	background: #0053cf;
	color: #fff
}
.quick-nav dl dt {
	margin-top: 10px;
	font-size:14px;
}
.quick-nav dl dd {
	font-weight: 700;
	font-size: 32px;
}
.quick-nav dl dd a{ display:block; height:47px; margin-bottom:10px;}
.quick-nav .tel400{ text-align:center; padding-right:11px; }

.tags{ margin-bottom:20px}
.tags a{ margin-right:5px;}


/*分页*/
.list_page {
	display: block;
	margin: 60px 0;
	text-align: center
}
.list_page:after {
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0;
	content: " "
}
.list_page ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
	vertical-align: bottom
}
.list_page ul li {
	display: inline-block;
	border: 1px solid #ddd;
	border-radius: 4px
}
.list_page ul a {
	display: block;
	padding: 9pt 15px;
	background: #fff;
	color: #333;
	line-height: 18px;
	transition: all 1s cubic-bezier(.175, .885, .32, 1) 0s
}
.list_page ul a:hover {
	background: #333;
	color: #fff
}
.page_group ul {
	border-right: 1px solid #ddd;
	border-radius: 4px
}
.page_group ul li {
	float: left;
	border-right: none;
	border-radius: 0
}
.page_group ul li:not(:first-child):not(:last-child) {
	border-radius: 0
}
.page_group ul li:first-child {
	border-radius: 4px 0 0 4px
}
.page_group ul li:last-child {
	border-radius: 0 4px 4px 0
}
.page_group ul .active a {
	border-radius: 0;
	background: #eee;
	color: #333
}





/*页面左右分栏*/

.page_left {
	float: left;
    padding-top: 10px;
    width: 260px;
}
.page_left h3 {
	padding: 8px 0 8px 20px;
	border-radius: 5px 5px 0 0;
	background: #0053cf;
	color: #fff;
	font-size: 1pc
}
.page_left h3 span {
	margin-left: 5px;
	height: 18px;
	color: #aac1ff;
	text-transform: uppercase;
	font-size: 14px;
	line-height: 18px
}


.page_left .news-left-nav {
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #eee;
	box-shadow: 0 5px 20px #ccc
}
.page_left .news-left-nav>ul>li {
	display:inline;
}
.page_left .news-left-nav>ul>li>a {
	display:block;
	height: 30px;
	/*border-radius: 0;
	border-radius: 6px;
	background: #ddd;*/
	color: #333;
	line-height: 30px;
	width:50%;
	float:left;
	text-align:center;
}
.page_left .news-left-nav>ul.w100>li {
	display:inline-block;
	border-bottom:1px dashed #ddd;
}
.page_left .news-left-nav>ul.w100>li>a {
	display:block;
	height: 35px;
	line-height:35px;
	/*border-radius: 0;
	border-radius: 6px;
	background: #ddd;*/
	color: #333;
	width:210px;
	float:left;
	text-align:left;
	padding-left:30px;
	margin-bottom:3px;
}


.page_left .news-left-nav>ul>li>a:hover{ color: #0053cf;}

.page_left .news-left-nav>ul>li>a.cur {
	border-radius: 15px;
	background: #666;
	color: #fff;
}


/*产品菜单*/

.products-left-nav {
	margin: 0 auto;
	margin-bottom: 10px;
	padding: 10px;
	border: 1px solid #eee;
	box-shadow: 0 5px 20px #ccc
}
.products-left-nav>ul>li {
	margin-bottom: 10px
}
.products-left-nav>ul>li>a {
	display: block;
	padding-left: 20px;
	height: 30px;
	border-radius: 0;
	border-radius: 6px;
	background: #eee;
	color: #333;
	line-height: 30px
}



.products-left-nav>ul>li>ul {
	padding: 10px 0
}
.products-left-nav>ul>li>ul>li {
	margin: 0 5px
}
.products-left-nav>ul>li>ul>li>a {
	display: block;
	
	margin-bottom: 5px;
	height: 25px;
	color: #333;
	font-size: 12px;
	line-height: 25px;
	text-align:left;
	padding-left:20px;
	border-bottom:1px dashed #eee;
}
.products-left-nav>ul>li>ul>li>a:hover {
	color: #028b7b
}
.products-left-nav>ul>li>ul>li>ul {
	padding: 0 0 10px
}
.products-left-nav>ul>li>ul>li>ul>li>a {
	display: block;
	margin-top: 5px;
	padding-left: 14px;
	color: #333;
	font-size: 12px;
	line-height: 20px
}
.products-left-nav a.cur {
	color: #028b7b;
}
.products-left-nav>ul>li>a.cur {
	background: #666;
	color: #fff;
}
.products-left-nav>ul>li>ul>li>a.cur {
	border-radius: 15px;
	background: #028b7b;
	color: #fff;
}
.products-left-nav>ul>li>ul>li>ul>li>a.cur {
	border-radius: 15px;
	background: #f90;
	color: #fff;
	font-weight: 400
}

/*页面右侧*/

.page_right{
	float: right;
	width: 948px
}
.page_right .newslist>ul {
	padding: 0 20px
}
.page_right .newslist>ul>li {
	padding-top: 20px;
	padding-bottom: 20px;
	height: 85px;
	border-bottom: 1px dashed #ddd
}
.page_right .newslist>ul>li>a {
	display: block;
	margin-bottom: 10px;
	color: #333;
	font-weight: 700;
	font-size: 1pc
}
.page_right .newslist>ul li>a:hover {
	color: #028b7b
}
.page_right .newslist>ul>li>p {
	color: #999
}
.page_right .newslist>ul>li:hover a {
	color: #333
}
.page_right .newslist>ul>li:hover .date span {
	background: #f90;
	color: #fff
}
.page_right .newslist>ul>li:hover .date em {
	border: 1px solid #f90;
	border-top: 0;
	color: #f90
}
.page_right .newslist .date {
	float: left;
	margin-right: 15px;
	width: 60px;
	height: 75px
}
.page_right .newslist .date span {
	display: block;
	height: 25px;
	background: #0053cf;
	color: #fff;
	text-align: center;
	line-height: 25px
}
.page_right .newslist .date em {
	display: block;
	height: 49px;
	border: 1px solid #0053cf;;
	border-top: 0;
	color: #0053cf;
	text-align: center;
	font-style: normal;
	font-size: 24px;
	line-height: 49px
}
.page_right .newslist .con {
	float: left;
	width: 805px
}
.page_right .newslist .con a {
	color: #0053cf;
	font-weight: 700;
	font-size: 18px
}
.page_right .newslist .con a:hover {
	color: #fb8332;
	text-decoration: underline
}
.page_right .newslist .con p {
	overflow: hidden;
	padding-top: 5px;
	height: 65px;
	color: #999;
	line-height: 22px
}


/*产品列表*/
.products-list {
	border-top: 1px solid #eee;
	border-left: 1px solid #eee;
	margin-top:10px;
}
.products-list b{ color:#FF0000;}
.products-list a {
	float: left;
	display: block;
	padding: 5px 4px 20px 5px;
	width: 296px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee
}
.products-list a:hover {
	text-decoration: none
}
.products-list a:hover .desc {
	text-decoration: underline
}
.products-list dt {
	position: relative;
	display: block;
	padding: 30px;
	width: 230px;
	height: 230px;
	background: #fff;
	text-align: center
}
.products-list dt img {
	width: 230px;
	height: 230px
}
.products-list a .title {
	overflow: hidden;
	padding: 5px 10px 0;
	height: 2em;
	text-align: center;
	font-size: 14px;
	line-height: 1.7em
}
.products-list .desc {
	height: 50px;
	color: #999;
	text-align: center;
	font-size: 12px;
	line-height: 20px
}





/*产品详情*/
.products-view{}

.products-view .info {
	padding: 0 0 0 30px
}
.products-view .info h3 {
	padding: 0;
	padding-bottom: 20px;
	color: #666;
	font-weight: 700;
	font-size: 18px;
	font-family: Verdana, Geneva, sans-serif
}

.products-view .info .right .tab {
	height: 35px;
	background: #f1f1f1;
	font-size: 14px;
	margin:40px 0 20px 0;
	    border-radius: 15px;
}
.products-view .info .right .tab dl {
	height: 35px
}
.products-view .info .right .tab dl dd {
	display: inline
}
.products-view .info .right .tab dl dd a {
	display: inline-block;
	margin-right: 0;
	padding: 0 25px;
	height: 35px;
	border-right: 0 solid #fff;
	    border-radius: 15px;
	background: #f1f1f1;
	color: #666;
	line-height: 35px
}
.products-view .info .right .tab dl dd a.hover, .products-view .info .right .tab dl dd a:hover {
	background: #028b7b;
	color: #fff
}
.products-view .info .right .tab-view {
	height: 375px
}
.products-view .info .right .tab-view img {
	max-width: 430px
}

.products-view .info .right .tab-view #con_s_1,.products-view .info .right .tab-view #con_s_2 {
	overflow: hidden;
	padding: 0 10px;
	height: 20pc
}

.products-view .info .right {
	float: right;
	margin-right: 10px;
	width: 430px
}

.products-view .info .left {
	float: left;
	width: 440px
}
.products-view .info .left h3 {
	margin-top: 10px;
	padding: 0;
	padding-bottom: 10px;
	height: 35px;
	color: #333;
	font-weight: 700;
	font-size: 1pc;
	font-family: Verdana, Geneva, sans-serif;
	line-height: 35px
}



.products-view .content-tab {
	margin-top: 38px;
	padding: 10px 10px 0;
	height: 36px;
	background: #105ccf;
}
.products-view .content-tab ul li {
	float: left;
	display: block;
	margin-right: 10px;
	width: 89px;
	height: 36px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	cursor: pointer
}
.products-view .content-tab ul li.hover {
	background: #fff;
	color: #333
}

.infocontent #con_one_1{ text-align:center; background: #999;}

#CSSBox {
	float: left;
	overflow: hidden;
	margin: 0 auto;
	width: 25pc;
	height: 80px;
}
#CSSBox ul li {
	float: left;
	margin: 9px;
	list-style: none
}
#CSSBox ul li img {
	width: 60px;
	height: 60px;
	border: 1px solid #ddd
}
#CSSBox ul li img:hover {
	border: 1px solid #1a84f2
}
#LeftButton {
	background: url(../images/lm03_btn_pre.png) center center no-repeat;
	cursor: hand
}
#LeftButton, #RightButton {
	float: left;
	width: 20px;
	height: 5pc
}
#RightButton {
	background: url(../images/lm03_btn_next.png) center center no-repeat;
	cursor: pointer
}
#ProductShow {
	margin: 0 auto;
	padding-bottom: 30px;
	width: 25pc;
	height: 25pc;
	text-align: center
}


.newsview {
	padding: 20px
}
.newsview .viewtit {
	margin-bottom: 20px;
	padding: 15px;
	border-bottom: 1px solid #eee;
	color: #999
}
.newsview .viewtit h3 {
	color: #333;
	text-align: center;
	font-size: 20px
}
.newsview .viewtit .tim {
	padding-top: 10px;
	text-align: center;
	font-size: 9pt
}
.newsview .viewcon {
	line-height: 25px
}
.newsview .viewcon a {
	color: #0f84d3;
	text-decoration: underline
}
.newsview .viewcon a:hover {
	color: #666
}


/*解决方案*/
.solu-tab .cur i{
	margin:0 auto;
	display:block;
	width: 0; 
	height: 0; 
	line-height: 0; 
	font-size: 0; 
	border-width: 5px; /*如果想改变倒三角形的大小,就改变这里的像素值*/ 
	border-style: solid; 
	border-color: #F90 #fff #fff #fff; /*如果倒三角形的父元素背景不是白色,就把后面三个#fff改为对应的背景色*/ 
} 

.solu-tab { margin-bottom:10px;margin:0 auto; clear:both;}
.solu-tab dl{ padding:20px 0; float:left; }
.solu-tab dl dd { float:left; margin-right:20px; width:180px; text-align:center; }
.solu-tab dl dd a{ font-size:16px; display:block; padding:5px 15px; border-radius:4px; background:#eee; color:#333}
.solu-tab dl dd a:hover,.solu-tab dl dd.cur a{ background:#F90; color:#fff;}

.solu-wrap {
	overflow: hidden;
	width: 75pc
}
.solu-list {
	width: 930pt
}
.solu-list dl {
	position: relative;
	float: left;
	overflow: hidden;
	margin-right: 40px;
	margin-bottom: 50px;
	width: 373px;
	height: 190px;
	border-radius: 4px;
	background: url(../images/no-bg.jpg)
}
.solu-list dl dt {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #fff;
	text-shadow: 0 1px 0 #333;
	font-size: 18px
}
.solu-list dl dt a {
	padding: 5px 9pt;
	border-radius: 6px;
	background: url(../images/case-bg.png);
	color: #fff;
	text-shadow: 0 1px 0 #333
}
.solu-list dl dd, .solu-list dl dd img {
	width: 373px;
	height:190px;
}
.solu-list dl dd.c {
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	padding: 5px 0;
	height: 44px;
	line-height: 22px
}
.solu-list dl dd.c a {
	display: block;
	padding-left: 20px;
	color: #000;
	text-shadow: 0 1px 0 #eee
}
.solu-list dl dd.c a:hover {
	background: #333;
	color: #fff;
	text-shadow: 0 0 0 #ddd
}

    .infotab {
        margin: 0 auto;
        margin-top: 20px;
        width: 1200px;
    }

    .infotab ul {
        height: 48px;
        background: url(../images/main_nav_bg2.jpg);
    }

    .infotab ul li a {
        float: left;
        display: block;
        width: 90pt;
        color: #fff;
        text-align: center;
        line-height: 38px;
        height: 48px;
    }

    .infotab ul li a:hover {
        color: #fff
    }

    .infotab ul li.cur a {
        background: url(../images/main_nav_bg.jpg) center center;
        color: #fff;
        font-weight: 700
    }

    .lxcon {
        margin: 0 auto;
        padding-top: 20px;
        width: 1200px;
        color: #028b7b;

    }

    .lxcon img {
        float: left;
        margin-right: 30px;
    }

    .lxcon ul {
        float: right;
        font-size: 20px;
        width: 550px;
        height: 400px;
        color: #028b7b;
        padding-top: 30px;
    }

    .lxcon ul h3 {
        font-size: 30px;
        margin-bottom: 20px;
    }

    .lxcon ul li {
        line-height: 30px;
    }

    .lxcon ul li span {
        padding-left: 65px;
    }



    table.border {
        margin: 0 auto;
        width: 1200px;
        margin-top: 20px;
        margin-bottom: 20px;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
    }

    table {
        border-collapse: collapse;
        border-spacing: 0;
    }

    table.border th {
        background: #f1f1f1;
        color: #000;
        text-align: center;
        font-weight: 700;
    }

    table.border td,
    table.border th {
        border-right: 1px solid #ddd;
        border-bottom: 1px solid #ddd;
        line-height: 30px;
    }

    /* questions */
#questions{width:920px;margin:10px auto;border:1px solid #e7e7e7;padding-top:14px;}
#questions li h5 .UI-ask,#questions li h5 .UI-bubble{position:absolute;left:0px;top:9px; }
#questions li{border-bottom:1px solid #e7e7e7;padding:0 14px 5px 14px;vertical-align:bottom;}
#questions li h5{    margin: 20px 0;height:40px;position:relative;color:#666;font-size:14px;cursor:pointer;line-height:40px;height:40px;overflow:hidden;padding:0 0 0 26px;font-weight:normal}
#questions li .foldContent{border-left:3px solid #028b7b;padding:10px 26px;border-top:1px dashed #e2e2e2;line-height:24px;background:#f3f3f3;color:#888;}

.UI-bubble{display:inline-block;width:23px;height:23px;overflow:hidden;background:url(../images/sicons.png) 0px 0px no-repeat;}
.UI-ask{display:inline-block;width:23px;height:23px;overflow:hidden;background:url(../images/sicons.png) -25px 0px no-repeat;}