/*top_main*/
.top_main {
	width: 100%;
	height: 37px;
	line-height: 38px;
	position: relative;
	z-index: 80;
	background-color: #f5f5f5;
	color: #666;
	font-size: 12px;
	border-bottom: 1px solid #ddd;
}
.top_main li {
	position: relative;
	display: inline-block;
	text-align: center;
	margin: 0 8px;
}
.top_main .split {
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #666;
	vertical-align: middle;
	margin: 0;
	margin-top: -2px;
}
.top_main li a {
	color: #666;
	cursor: pointer;
}
.top_main li a:hover {
	color: #248f97;
}
/*header_main*/
.header_main {
	width: 100%;
	height: 120px;
	z-index: 100;
	background: #fff;
}
.header_main .logo {
	display: block;
	margin-top: 20px;
}
.header_main .logo img {
	width: 100%;
	height: 100%;
	display: block;
	background: #248f97;
}
.header_main .tel {
	width: 300px;
	padding: 30px 0 0 0;
	line-height: 26px;
	margin-left: 30px;
}
.header_main .tel b {
	color: #666;
	font-size: 14px;
	font-weight: normal;
	display: inline-block;
}
.header_main .tel span {
	color: #248f97;
	font-size: 30px;
	line-height: 30px;
	font-weight: bold;
	font-family: arial;
	display: inline-block;
}
.header_main .tel s {
	width: 60px;
	height: 60px;
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
.nav_main {
	width: 100%;
	height: 50px;
	line-height: 50px;
	background: #248f97;
	position: relative;
	z-index: 3;
}
.nav .list {
	width: 102%;
	margin: 0 auto;
	height: 48px;
	line-height: 48px;
	position: relative;
}
.nav_main .nav {
	width: 1200px;
	margin: 0 auto;
}
.nav_main .nav li {
	float: left;
	width: 160px;
	height: 50px;
	/*line-height: 50px;*/
	display: block;
	position: relative;
	z-index: 10;
	font-size: 16px;
	
	text-align: center;
}
.nav_main .nav li:first-child {
	background: none;
}


.nav_main .nav li a.item-a {
	display: block;
        height: 20px;
        line-height: 20px;
        margin-top: 15px;
	color: #fff;
        border-right: 1px solid #fff;
	font-size: 16px;
}
.nav_main .nav li:last-child >a {
	border-right: none;
}
.nav_main .nav li a {
	display: block;
	color: #fff;
	font-size: 16px;
}
.nav_main .nav li:hover,.nav_main .nav li a:hover, .nav_main .nav li a.hover, .nav_main .nav li.hover {
	background: #248f97;
}
.nav_main .nav dl {
	width: 100%;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 12;
	border: 1px solid #248f97;
	border-top: 0;
}
.nav_main .nav dl {
	position: absolute;
filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0, direction=120, strength=5);
	opacity: 0;
	visibility: hidden;
	transition: all .6s ease 0s;
	transform: translate3d(0, 10px, 0);
	-moz-transform: translate3d(0, 10px, 0);
	-webkit-transform: translate3d(0, 10px, 0);
}
.nav_main .nav li:hover dl {
	opacity: 1;
	visibility: visible;
	transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
}
.nav_main .nav dl dd {
	line-height: 44px;
	height: 44px;
	text-align: left;
	position: relative;
	z-index: 12;
	display: block;
	width: 100%;
	border-top: 1px solid #248f97;
}
.nav_main .nav dl dd:first-child {
	border: none;
}
.nav_main .nav dl dd a {
	color: #fff;
	font-size: 14px;
	padding: 0;
	width: 100%;
	background: #248f97;
	text-align: center;
}
/* banner */
#banner_main {
	overflow: hidden;
	position: relative;
	z-index: 2;
	max-width: 1920px;
	margin: 0 auto;
}
#banner_main .banner {
	height: 560px;
}
#banner {
	width: 100%;
	min-width: 1000px;
	position: relative;
	overflow: hidden;
	z-index: 0;
}
#banner, .banner ul {
	max-height: 560px;
	overflow: hidden;
}
.banner li {
	width: 100%;
	position: absolute;
	z-index: 1;
	overflow: hidden;
	display: none;
}
.banner li:first-child {
	display: block;
}
.banner li img {
	width: 1920px;
	display: block;
	position: relative;
	left: 50%;
	margin-left: -960px;
	top: 0;
}
#banner .tip {
	width: 1000px;
	height: 20px;
	line-height: 0;
	font-size: 0;
	text-align: center;
	position: absolute;
	left: 50%;
	margin-left: -500px;
	bottom: 42px;
	z-index: 3;
}
#banner .tip span {
	width: 16px;
	height: 16px;
	margin: 0 6px;
	display: inline-block;
	font-size: 0;
	cursor: pointer;
	background-position: -150px 0px;
}
#banner .tip span.cur {
	background-position: -130px 0px;
}
#banner #btn_prev, #banner #btn_next {
	width: 32px;
	height: 50px;
	position: absolute;
	top: 50%;
	margin-top: -25px;
	z-index: 5;
}
#banner #btn_prev {
	background-position: -60px 0;
	left: 4%;
	transition: all 600ms ease;
}
#banner #btn_next {
	background-position: -92px 0;
	right: 4%;
	transition: all 600ms ease;
}
#banner #btn_prev:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	left: 3.6%;
}
#banner #btn_next:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	transition: all 600ms ease;
	right: 3.6%;
}
/* search */
.announ_main {
    position: absolute;
    bottom:0;
	width: 100%;
	height: 60px;
	line-height: 60px;
        background: rgba(0,0,0,0.6)
       
	/*background: #efefef;*/
}
.announ_main .announ_right {
	width: 285px;
	padding-top: 12px;
}
.announ_main .announ_right .search {
	width: 282px;
	height: 36px;
	line-height: 36px;
	background: none;
	position: relative;
	border: 1px solid #e5e5e5;
}
.announ_main .announ_right .search input {
	outline: none;
	border: 0 none;
	height: 36px;
	line-height: 36px;
}
.announ_main .announ_right .search .txt {
	width: 200px;
	background: none;
	padding-left: 15px;
	display: block;
	color: #999;
}
.announ_main .announ_right .search .btn {
	width: 50px;
	background: url(../images/sou.png) no-repeat center;
	position: absolute;
	right: 0;
	top: 0;
	cursor: pointer;
	border-left: 1px solid #e5e5e5;
}
.announ_main .announ_left span {
	display: inline-block;
	/*color: #212121;*/
        color:#fff;
}
.announ_main .announ_left a {
	display: inline-block;
	/*color: #8d8d8d;*/
        color:#fff;
	padding: 0 10px 0 0;
}
.announ_main .announ_left a s {
	width: 1px;
	height: 16px;
	display: inline-block;
	margin-right: 10px;
	background: #e9e9e9;
	vertical-align: middle;
}
.announ_main .announ_left a:first-child s {
	display: none;
}
.ico {
	background: url(../images/icon.png) no-repeat;
	display: inline-block;
	vertical-align: middle;
}
.footer {
	background: #252525;
	padding-top: 45px;
	padding-bottom: 20px;
        width: 100%;
        border-top: 1px solid #d82019;
        font-size: 13px;
        line-height: 20px;
}
.left{float: left;}
.right{float:right;}
.footer .box {
	background: url(../images/footer_box.png) no-repeat 20px center;
        width: 1200px;
        margin:0 auto;
}
.box:after {
	content: "";
	display: block;
	height: 0px;
	visibility: hidden;
	clear: both;
}
.footer .left {
	width: 725px;
}
.footer .left dl {
	display: block;
	float: left;
	width: 115px;
	margin-right: 30px;
}
.footer .left dl dt {
	display: block;
	font-size: 15px;
	color: #fff;
	font-weight: bold;
	position: relative;
	border-bottom: 1px solid rgba(255,255,255,.15);
	padding-bottom: 13px;
	margin-bottom: 8px;
}
.footer .left dl dt a {
	display: block;
	color: #fff;
}
.footer .left dl dt:after {
	content: "";
	width: 7px;
	height: 1px;
	background: #fff;
	position: absolute;
	left: 0;
	bottom: 0;
}
.footer .left dl dd {
	display: block;
	font-size: 14px;
	color: #6f6f6f;
	line-height: 30px;
	height: 30px;
	overflow: hidden;
}
.footer .left dl dd a {
	color: #6f6f6f;
}
.footer .left dl dd a:hover {
	color: #fff;
}
.footer .left dl.fo_p {
	width: 360px;
}
.footer .left dl.fo_p dd {
	display: block;
	float: left;
	width: 50%;
}
.footer .right {
	width: 475px;
}
.footer .right .con .t {
	display: block;
	font-size: 15px;
	color: #cbcbcb;
	width: 80px;
	height: 26px;
	line-height: 26px;
	text-align: center;
	background: #3c3c3c;
	font-weight: bold;
	margin-bottom: 20px;
}
.footer .right .con ul li {
	font-size: 14px;
	color: #8c8c8c;
	line-height: 32px;
	margin-bottom: 12px;
	padding-left: 40px;
}
.footer .right .con ul li a {
	color: #8c8c8c;
}
.footer .right .con ul li:nth-of-type(1) {
	background: url(../images/ft.png) no-repeat left top;
}
.footer .right .con ul li:nth-of-type(2) {
	background: url(../images/ft.png) no-repeat left -43px;
}
/*.footer .right .con ul li:nth-of-type(3) {*/
/*	background: url(/public/index/images/ft.png) no-repeat left -89px;*/
/*}*/
.footer .right .con ul li:nth-of-type(3) {
	background: url(../images/ft.png) no-repeat left -133px;
}
.footer .right .con ul li:nth-of-type(4) {
	background: url(../images/ft.png) no-repeat left -177px;
}
.footer .right dl {
	float: right;
	margin-top: 15px;
}
.footer .right dl img {
	display: block;
	width: 168px
}
.footer .right dl dd {
	text-align: center;
	font-size: 14px;
	color: #6f6f6f;
	margin-top: 10px;
}
.links {
	margin-top: 20px;
	font-size: 14px;
	color: #8c8c8c;
	padding-bottom: 15px;
}
.links span {
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.links a {
	display: inline-block;
	color: #8c8c8c;
	margin-right: 15px;
}
.copyright {
	text-align: center;
	height: 60px;
	line-height: 60px;
	background: #1a1a1a;
	font-size: 14px;
	color: #a6a6a6;
}
.copyright a {
	color: #a6a6a6;
}
.own_title{display:flex;width: 100%;align-items: center;justify-content: center;margin: auto;height: 60px;font-size: 30px;font-family: 微软雅黑;color:#fff;}
    
    
    /*浮动客服*/
.toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;}
.toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #248f97;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../images/toolbar.png) no-repeat center 0;}
.toolbar dd.qq i{background-position-y: 0;}
.toolbar dd.tel i{background-position-y: -30px;}
.toolbar dd.code i{background-position-y: -60px;}
.toolbar dd.top i{background-position-y: -90px;}
.toolbar dd span{display: block;color: #fff;}
.toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #248f97;opacity: 0;transition: all .5s;}
.toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;}
.toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;}
.toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #248f97;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;}
.toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #248f97;opacity: 0;transition: all .5s;}
.toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;}
.toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent  transparent transparent #248f97;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;}
.toolbar dd:hover{background: #333;}
.toolbar dd.tel:hover .box{opacity: 1;right: 80px;}
.toolbar dd.code:hover .box{opacity: 1;right: 80px;}
.product_left{position: fixed;width: 200px;left:50px;bottom: 100px;background: rgba(255,255,255,0.8)}
    .product_left .item{display: block;height: 40px;line-height: 40px;font-size:16px;color:#333;}
    
    li{list-style: none;}
    .own_proudct_wrapper{display: flex;flex-direction: row;justify-content: space-between;}
    .own_product_left{display: flex;width: 20%;flex-direction: column;}
    .own_proudct_wrapper .own_product_list{width: 100%;border:1px solid #409da4;padding-bottom: 20px;}
    .own_proudct_wrapper .own_left_title{display: flex;width: calc(100% - 20px);justify-content: space-between;padding:0 10px;;height:50px;background: #248f97;align-items: center;color:#fff;font-size: 16px;}
    .own_proudct_wrapper .own_left_title .more{color:#fff;font-weight: 100%;}
    .own_proudct_wrapper .own_product_content_wrapper{display: flex;width: 78%;flex-direction: column;}
    .own_proudct_wrapper .own_product_list .own_product_list_item{width: 100%;display: flex;height: 30px;align-items: center;border-bottom: 1px dashed #bfbfbf;}
    .own_product_list_item a{display: flex;align-items: center;padding-left: 10px;color:#333;font-size:16px;}
    .own_product_list .active a{background-color:#248f97;}

    .own_left_contact{display: flex;flex-grow: 1;flex-direction: column;margin-top: 20px;width: 100%;border:1px solid #409da4;padding-bottom: 20px;}
    .own_left_contact .own_contact_item{display: flex;padding:0 10px;font-size: 16px;line-height: 40px;}

    .own_product_content_wrapper .own_product_content_title{display: flex;width: calc(100% - 20px);justify-content: space-between;padding:0 10px;height:50px;background: #248f97;align-items: center;color:#fff;font-size: 16px;}
    .own_product_content_wrapper .own_product_content_title .more{color:#fff;font-weight: 100%;}
    .own_product_content{display: flex;width: calc(100% - 22px);flex-direction: row;flex-wrap: wrap;padding:30px 10px 10px;border:1px solid #409da4;}
    .own_product_content .p_list_item{border:1px solid #e6e6e6;width: 32%;list-style-type: none;position: relative;padding-bottom:20px;margin-bottom: 20px;margin-right: 1.3%;}
    .own_product_content .p_list_item:nth-of-type(3n + 3){margin-right: 0;}
    .own_product_content .p_list_item .img{display: flex;width: 100%;align-items: center;justify-content: center;height:200px;}
    .own_product_content .p_list_item .thumbnail{max-width: 100%;max-height: 100%;}
    .own_product_content .p_list_item h1{display: flex;align-items: center;justify-content: center;font-size: 18px;color:#000;width: 100%;height:40px;color:#333;}
    .own_product_content .p_list_item p{padding:0 10px;color:#999;font-size:14px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
    .own_product_content .p_list_item .more{display: none;width: 100%;height: 40px;align-items: center;justify-content: center;}




    .own_case_content{display: flex;width: 100%;flex-direction: row;justify-content: space-between;}
    .own_case_content .p_list_item{width: 19%;list-style-type: none;height:200px;position: relative;margin-bottom: 20px;}
    .own_case_content .p_list_item .img{display: flex;width: 100%;align-items: center;justify-content: center;height: 100%;}
    .own_case_content .p_list_item img{max-width: 100%;max-height: 100%;height: 100%;width: 100%;}
    .own_case_content .p_list_item h1{bottom:0;right:0;z-index: 10;position: absolute;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.6);color:#fff;width: 100%;height:40px;}



    
    .about_title{background: url(../images/about_title_bg.png) no-repeat 0 0;background-size:30px 30px;padding-left:35px;height: 40px;line-height: 40px;margin-bottom: 10px;color:#999999;font-size: 18px;}
    .about_more{display: inline-block;height: 30px;line-height: 30px;padding:0 20px;border:1px solid #dddddd;border-radius: 20px;margin-top: 20px;color:#999999;}
    .about_footer{display: flex;flex-direction: row;height: 100%;align-items: center;}
    
    .service_item{
        width: 24%;
        border-right: 1px solid #e6e6e6;
        margin:0 !important;
    }
    .service_item a{border:none;background:none !important;height:auto;display: flex;width: 100%;justify-content: center;flex-direction: column;align-items: center;}
    .service_item:last-child{border: none;}
    .service_item p{margin-bottom: 10px;}
    .service_item p img{
        height: 80px;
        width: 80px;
    }
    .service_item h1{
        font-size:18px;
        color:#fff;
    }
    .own_news_wrapper{margin: auto;display: flex;width: 100%;flex-direction: row;justify-content: space-between;}
    .own_news_wrapper .own_news_list{width: 30%; padding:10px 1%;}
    .own_news_wrapper .own_news_list .list_item{display: block;position: relative;width: 100%;height: 45px;color:#248f97;border-bottom: 1px solid #dddddd;}
    .own_news_wrapper .own_news_list .list_item_title{font-size: 20px;position: absolute;top:0;left:0;padding-bottom:5px;display: inline-block;line-height: 40px;height: 40px;border-bottom: 1px solid #248f97;}
    .own_news_wrapper .own_news_list .list_item_en_title{position:absolute;top:15px;left:90px;color:#999;}
    .own_news_wrapper .own_news_list .list_item_more{position:absolute;top:15px;right:0;color:#999;}
    .own_news_item{display: flex;width: 100%;justify-content: space-between;height: 40px;align-items: center;}
    .own_news_item .post_title{width: 70%;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
    .own_news_item .date{width: 20%;color:#999;}