﻿@charset "utf-8";
/*通用样式*/

.p50{padding: 50px 0}
.m50{margin: 50px 0}
.mb50{margin-bottom: 50px}
.pb50{padding-bottom: 50px}
.img-box{overflow: hidden;}
.img-box img{width: 100%;transition: all,.5s;}
.img-box:hover img{transform: scale(1.1,1.1);}



/* tables still need 'cellspacing="0"' in the markup */
table,tr,td { border-collapse: collapse; border-spacing: 0; margin:0;padding:0;}
caption, th { text-align: left; }
sup, sub { font-size: 100%; vertical-align: baseline; }

/* remember to highlight anchors and inserts somehow! */
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/**Common Css**/
.wid{width: 1200px;margin-left: auto;margin-right:auto;}
.fr {float: right; *display: inline;}
.fl {float: left; *display: inline;}
/*文本超出显示省略号*/
.ehn, .otw, .tow { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
/*清除浮动*/
.clearfix { clear: both; *zoom:1;}
.clearfix:after { display: block; clear: both; content: "\0020"; visibility: hidden; height: 0; }




.headtop a{display:block;}
.top {background-color: #FFF;height: 100px;}
.top_box {width: 1200px;margin-right: auto;margin-left: auto;height: 100px;}
.top_logo {height: 100px;width: 700px;float: left;}
.top_tel {height: 100px;width: 300px;float: right;}
.top_nav {height: 50px;background-color: #996600;background-image: url(../images/nav_bg.jpg);background-repeat: repeat-x;}
.nav_box {width: 1200px;margin-right: auto;margin-left: auto;height: 50px;}
.nav_box ul li a{font-size: 18px;font-weight: normal;color: #FFF;line-height: 50px;font-family: "微软雅黑";float: left;margin-right: 25px;margin-left: 25px;}

/*nav图*/
#nav{height: 50px;}
.nav{bottom: -35px;z-index: 100;margin-right: auto;margin-left: auto;background-color: #098ed2;}
.nav.wid {width: 1200px;margin-right: auto;margin-left: auto;}
.nav ul li{float: left;color: #fff;
font-family: "微软雅黑";font-size: 14px;font-style: normal;line-height: 50px;font-weight: normal;background-size: contain;font-variant: normal;}
.nav ul li{Z-INDEX: 9999;POSITION: relative;WIDTH: 137px;FLOAT: left;HEIGHT: 50px;text-align: center;color: #fff;font-family: "微软雅黑";font-size: 16px;font-style: normal;line-height: 50px;font-weight: bold;font-variant: normal;}
.nav ul li .toplink {TEXT-ALIGN: center;WIDTH: 99%;DISPLAY: block;FONT-FAMILY: "微软雅黑";HEIGHT: 50px;color: #fff;font-size: 16px;font-style: normal;line-height: 52px;font-weight: bold;font-variant: normal;}
.nav ul li .on,.nav ul li .toplink:hover{background: url(../images/navh.jpg) no-repeat center center;COLOR: #fff;background-size:cover}
.sub_con {POSITION: absolute;DISPLAY: none;BACKGROUND: #0083c1;top:50px;z-index:9999;width: 137px;left:0px;text-overflow: ellipsis;overflow:hidden;white-space: nowrap;}
.sub_con  p{font: normal 14px/36px "微软雅黑";text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.sub_con  p a{color:#fff;display: block;}
.sub_con  p:hover{background:#045c85}
.sub_con  p a:hover{ color:#fff;}

/*banner轮播图*/

.banner{height: 600px;background:#000;}
#banner { padding: 0px; height: auto; }
.slides { margin: 0px auto; height: auto; overflow: hidden; position: relative; }
.slide-pic { margin: 0px; padding: 0px; overflow: hidden; list-style: none; }
.slide-pic img { height: auto; }
.slide-pic li { display: none; height:700px;}
.slide-pic li.cur { display: block; }
.slide-li { margin: 0px; padding: 0px; left: 48%; bottom: 10px; position: absolute; }
.slide-li li { display: block; background:url(../images/doneCurrent.png) no-repeat left 0px;width:16px; height:16px;  float: left; overflow: hidden; list-style: none; cursor:pointer; margin-left:5px;}
.slide-li   a { display:block;  width:16px; height:16px; filter: alpha(opacity=10); opacity: 0.1;}
.slide-li a:hover { color: #F00; text-decoration: none; filter: alpha(opacity=10); opacity: 0.1;}
.op li { background:url(../images/doneCurrent.png) no-repeat left 0px;  filter: alpha(opacity=100); opacity: 1;}
.op li.cur { background:url(../images/doneCurrent.png) no-repeat right 0px; filter: alpha(opacity=100); opacity: 1;}
.product {width: 1200px;margin-right: auto;margin-left: auto;margin-top: 30px;height: 30px;}
.product_top {border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #999;height: 30px;width: 1200px;}
.product_left {float: left;width: 500px;height: 30px;}
.product_left p {font-family: "微软雅黑";font-size: 24px;font-weight: bold;line-height: 30px;color: #000;float: left;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #0CF;}
.product_left  h3{font-size: 12px;line-height: 30px;color: #999;font-weight: normal;}
.product_right {float: right;height: 30px;width: 200px;}
.product_right p a{float: right;font-size: 14px;line-height: 30px;color: #039;font-family: "微软雅黑";font-weight: normal;}
.product_box {width: 1200px;margin-top: 20px;margin-right: auto;margin-left: auto;margin-bottom: 20px;}
.product_box ul {width: 1200px;}
.product_box ul li {float: left;width: 220px;margin-right: 16px;margin-bottom: 20px;border: 1px solid #e1e1e1;}
.product_box ul li:last-of-type{margin-right:0}

.product_img {width: 100%;}
.product_img img {height: 185px;}
.produc_txt {font-size: 14px;color: #333;font-family: "微软雅黑";font-weight: normal;line-height: 40px;background: #fff;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.about_box {width: 1200px;margin-right: auto;margin-left: auto;height: 320px;margin-top: 60px;}
.about_img {float: left;height: 320px;width: 470px;margin-right: 30px;}
.about_img video {width: 100%;height:auto;}
.about_center {float: left;height: 320px;width: 380px;margin-left: 20px;}
.about_txt {height: 130pt;}
.ab_top {width: 370px;height: 200px;}
.ab_top h3 {font-family: "微软雅黑‘";font-size: 24px;font-weight: bold;color: #088ed2;line-height: 30px;}
.ab_txt {width: 370px;overflow: hidden;text-overflow: ellipsis;margin-bottom: 4px;line-height: 24px;margin-top: 4px;color: #666;}
.ab_txt p {line-height: 24px;height: px;}
.ab_xiang a{height: 40px;width: 370px;font-size: 14px;color: #000;font-family: "微软雅黑‘";}
.ab_img {height: 120px;width: 370px;}
.ab_img ul {width: 400px;}

.ab_img ul li {float: left;height: 112px;width: 162px;margin-right: 30px;border: 2px solid #CCC;padding: 2px;}
.ab_img ul li img {height: 100%;width: 100%;}
.ab_right ul {height: 340px;}
.ab_right ul li {background-color: #098ed2;float: left;height: 80px;width: 300px;margin-bottom: 15px;}

.ab_tu {height: 60px;width: 60px;margin-top: 13px;margin-right: 20px;margin-bottom: 13px;margin-left: 20px;float: left;}
.ab_name {height: 80px;width: 200px;float: left;}
.ab_name h3 {font-family: "微软雅黑‘";font-size: 16px;line-height: 80px;font-weight: bold;color: #FFF;float: left;}
.ab_name h4 {font-family: "微软雅黑";font-size: 16px;line-height: 80px;font-weight: normal;color: #FFF;float: left;}
.ys_box {width: 1200px;margin-right: auto;margin-left: auto;margin-bottom: 40px;}
.ysbg {margin-top: 30px;}
.ysbg img {height: 100%;width: 100%;}

.ys_body {width: 1200px;height: 1000px;background-image: url(../images/ys_in.jpg);background-repeat: no-repeat;float: left;}
.ys_txt1 {margin-top: 110px;margin-left: 130px;height: 180px;width: 650px;}
.ys_txt1 p {font-family: "微软雅黑";font-size: 14px;line-height: 28px;font-weight: normal;color: #999;}
.ys_txt2 {height: 160px;width: 610px;margin-top: 180px;margin-left: 582px;}
.ys_txt2 p {font-family: "微软雅黑";font-size: 14px;line-height: 28px;font-weight: normal;color: #999;}
.ys_txt3 {margin-top: 190px;height: 150px;width: 650px;margin-left: 130px;}
.ys_txt3 p {font-family: "微软雅黑";font-size: 14px;line-height: 28px;font-weight: normal;color: #999;}
.ys_txt4 {height: 160px;width: 610px;margin-top: 180px;margin-left: 582px;}
.ys_txt4 p {font-family: "微软雅黑";font-size: 14px;line-height: 28px;font-weight: normal;color: #999;}
.new_box {width: 1200px;margin-right: auto;margin-left: auto;height: 370px;margin-top: 50px;}
.new_left {float: left;width: 778px;margin-right: 30px;border: 1px solid #CCC;}
.new_head {background-color: #f4f4f4;height: 50px;width: 778px;}
.new_head h3 {background-color: #098ed2;text-align: center;height: 50px;width: 110px;font-family: "微软雅黑";font-size: 16px;line-height: 50px;font-weight: bold;color: #FFF;float: left;}
.new_head p  {float: right;font-family: "微软雅黑";font-size: 14px;line-height: 50px;font-weight: normal;color: #000;padding-right: 20px;}
.new_body {height: 330px;width: 778px;}
.new_b_head {float: left;height: 130px;width: 758px;padding: 10px;}
.n_h_img {height: 130px;width: 170px;}
.n_h_txt {width: 570px;}
.n_h_txt h3{font-family: "微软雅黑";font-size: 16px;line-height: 36px;border-bottom: 1px dashed #ccc;}
.n_h_txt h3 a{color: #098ed2;font-weight: bold;}
.n_h_txt h3 .fr {color: #999;font-size:14px;}
.n_h_txt p {font-family: "微软雅黑";font-size: 14px;line-height: 2;color: #666;}
.gd {float: right;height: 50px;width: 100px;text-align: center;}

.new_b_foot {margin-top: 10px;}
.new_b_foot ul {width: 820px;}
.new_b_foot ul li {width: 360px;margin-top: 10px;margin-right: 20px;margin-left: 10px;overflow: hidden;white-space: nowrap;float: left;text-overflow: ellipsis;}
.new_b_foot ul li:nth-child(2n){margin-right:0}
.new_right {float: left;width: 390px;}
.r_head {height: 50px;width: 390px;}
.r_head p {line-height: 50px;}
.r_kuang  {width: 68px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #005B9F;line-height: 50px;float: left;font-size: 16px;font-family: "微软雅黑";font-weight: bold;color: #0772c1;}
.r_img {width: 385px;margin-bottom:10px;margin-top:20px;}
.r_img img {height: 100%;width: 100%;}
.r_txt p {font-family: "微软雅黑";line-height: 28px;font-weight: normal;}
.al_box {width: 1200px;margin-right: auto;margin-left: auto;margin-top: 50px;margin-bottom: 50px;}
.al_body {width: 1200px;margin-right: auto;margin-left: auto;}


/*demo*/

.hezuo{ padding:20px 0;}
.hezuo .title{ background:url(../images/hzbg.jpg) repeat-x; margin-bottom:10px; border-right:#ddd 1px solid; height:34px;}
.hezuo .title span{ background:url(../images/hzbg2.jpg) repeat-x; width:190px; text-align:center; font:normal 16px/34px "微软雅黑"; color:#fff; height:34px; display:block;}
.hezuo .title span em{ font:normal 14px/34px Georgia, "Times New Roman", Times, serif; padding-left:5px;}
.hezuo  ul li { width:242px;float:left; margin-left:15px;}
.hezuo  ul li .tit{text-align:center;line-height:40px;background: #eee;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.hezuo  ul li:hover a{color:#333}
.hezuo  ul li img{ width:240px; height:180px; border:#ddd 1px solid;}
#demo{overflow:hidden; width:1200px;display: inline; float:left;} 
#indemo{float: left;width: 1000%;} 
#demo1,#demo2{float:left;} 
#demo1 a,#demo2 a{cursor:pointer;}


/* foot*/
.foot_bg {background-color: #098ed2;padding: 40px 0;}
.foot_box {width: 1200px;margin-right: auto;margin-left: auto;padding-top: 20px;}
.foot_box p {font-family: "微软雅黑";font-size: 16px;font-weight: normal;color: #FFF;line-height: 30px;float: left;width: 450px;margin-bottom: 10px;}
.foot_left {height: 150px;width: 900px;float: left;}
.foot_left a{font-size:16p;color:#fff}
.foot_tu {float: right;height: 180px;width: 180px;}
.foot_tu img {height: 100%;width: 100%;}


/*客服QQ*/

.custom_service p img {display: inline; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:350px;right:0}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}

/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}

/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}



/*index_article_banner*/
.about_ban{margin-bottom: 20px;margin-left: auto;margin-right: auto;height: 400px!important;}
.about_ban img{width: 100%;height: 100%;}

/*index_article_body*/
.contact_body{margin-left: auto;margin-right: auto;width: 1200px;margin-bottom: 40px;margin-top: 30px;}
.con_left{width: 230px;margin-right: 20px;float: left;}
.con_right{width: 920px;float: left;padding-left: 20px;margin-bottom: 30px;}
.cl_title {width: 230px;height: 70px;background-color: #098ed2;border-radius: 2px;text-align:center;}
.cl_title a {line-height: 70px;font-size: 20px;font-weight: bold;color: #fff;text-align: center;display: block;}
.cl_news ul li a{font-family: "微软雅黑";font-size: 14px;line-height: 40px;font-weight: normal;/* display: inline-block; */}
.cl_news ul li{border-bottom: 1px solid #ccc;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;border-left: 1px solid #ccc;border-right: 1px solid #ccc;background: #fff;padding: 0 10px;color: #333;transition: all,.5s;width: 208px;}
.cl_news ul li:hover a{color: #f00;}
.cl_news{width: 230px;margin-bottom:20px;}
.cr_title{height:60px;width: 920px;border-bottom:1px dotted #ccc;}
.cr_title p {line-height: 60px;font-size: 24px;color: #098ed2;font-weight: bold;float: left;}
.cr_title p span {font-size: 20px;font-weight: normal;color: #0078b3;}
.position{float: right;font-size: 14px;color: #999;line-height: 60px;}
.position span{color: #999;font-size: 14px;}
.position a{color: #999;}
.cr_pr img{width: 100%;height: 200px;}

.cr_profuct ul li a p{width: 290px;text-align: center;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.cr_profuct ul li{margin-bottom: 20px;margin-right: 20px;float: left;border:1px #ddd solid;}
.cr_profuct ul{width: 950px;}
.cr_pr{width: 290px;}
.xq_title{text-align: center;}
.xq_title p{color: #333;font-size: 30px;font-weight: bold;}
.xq_img{margin: 10px auto;width: 400px;height: 400px;}
.xq_img img{width: 100%;}
.xq_body span{font-size:18px;line-height:2;}
.news_body{min-height: 500px;}
.news_left p{width: 800px;float: left;}
.news_right p{width: 120px;}
.xq_body p{font-size: 18px;line-height: 2;margin-top: 10px;}
.xq_body img{margin:auto;display:block;}
.xq_txt {height: 50px;background-color: #f1f1f1;margin-top: 30px;border: 1px solid #ddd;}
.xq_txt p {line-height: 50px;color: #fff;background-color: #0181c0;padding: 0px 20px;width: 80px;text-align: center;}
.news_body span{text-align: center;color: #666;font-size: 16px;line-height: 40px;}
#share{margin-left: 390px;}
.nei-pro .tit{text-align: center;padding-bottom: 20px;	}
.nei-pro img{display: block;margin: 10px auto;width: 100%;height: 100%;}
.nei-pro .swiper-pagination{bottom: 0}
.main-body{line-height:1.8;font-size:16px;margin-top: 16px;}
.news_body ul li a{font-weight: normal!important;}
.cr_body {margin-top: 20px;}
strong,b{font-weight: normal;}
.new_b_foot ul li a {width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*page*/
.m-page{text-align: center;font-size: 14;line-height: 38px;padding-right: 10px;margin-top: 10px;}
.m-page a, .m-page li{display: inline-block;font-size: 15px;background-color: #fff;padding: 0px 13px;height: 36px;overflow: hidden;text-align: center;border: 1px #ccc solid;color: #333;font-family: Arial;margin-left: 10px;border: 1px solid #ccc;vertical-align: top;}
.m-page li{display: inline;color: #333;border:none;margin:0;padding:0;}
.m-page .active{background: #0181c0;color: #fff;padding: 0px 10px;height: 36px;margin-left: 10px;display: inline-block;}
.m-page a.next, .m-page a.prev{font-family: Arial;font-size: 16px;font-weight: 700;}
.m-page a:hover, .m-page li.active a{background-color: #0181c0;color: #fff;}
.m-page span{font-size: 14px;padding-right: 10px;margin-left: 10px;}
.fy p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.img-box-2 {width: 230px;height: 210px;	}


/* 详情内页 */
.cr_body_fl {width: 400px;border: 1px solid #ccc;box-sizing: border-box;float: left;}
.cr_body_fl img {width: 380px;padding: 10px;}
.cr_body_fr p {height: 40px;line-height: 40px;border-bottom: 1px dashed #CCC;margin-bottom: 5px;width: 450px;text-indent: 30px;}
.article-img-box{width: 400px;height: 300px;border: 1px solid #ccc;box-sizing: border-box;}
.article-img-box img{width: 380px;height: 275px;padding: 10px;}
.con-btn{margin-top: 20px;}
.con-btn a{width: 180px;height: 50px;font-size: 16px;line-height: 50px;text-align: center;display:block;float: left;margin-right: 30px;background: #088ed2;border-radius: 50px;color: #fff;}
.con-btn .iconfont{font-size: 18px;padding-right: 10px;}
.con-btn .qq{background:#4cafea;color: #fff;transition: all,.5s;border-radius: 8px;}
.con-btn .qq:hover{background: #1984c4;}
.con-btn .wx:hover{background:#258d1c}
.con-btn .wx{background: #3eb034;color: #fff;transition: all,.5s;border-radius: 8px;}
.con-btn .wx .iconfont{font-size: 20px;line-height: 50px;}
.con-btn{
position: relative;}
.wei-img-bg{background:url(../images/con-bg.png) no-repeat center center;width: 243px;height: 258px;position: absolute;top: -230px;right: 0px;display: none;}
.wei-img-bg .con-weixin{position: absolute;top: 15px;left: 15px;}
.wei-img-bg .cose{position: absolute;top: -10px;right: -10px;cursor: pointer;}
.xq{width: 100%;height: 40px;color: #000;font-size: 18px;margin-top: 20px;background: #eee;margin-bottom: 10px;font-size: 16px;border-bottom: 1px solid #ccc;}
.xq p{border-left: 4px solid #CC0000;padding-left: 10px;margin-left: 20px;height: 30px;line-height: 30px;position: relative;top:5px}

.fy{background:#f0f0f0;border:1px solid #ccc;padding:10px 20px;position:relative;font-size: 14px;color: #666;margin-bottom: 50px;margin-left: auto;margin-right: auto;height: 40px;}
.fy .run{background:#fa0;padding:10px 20px;position:absolute;width: 30px;right:0px;top:0;transition:all,.5s;}
.fy .run a{color:#fff;display:block;}
.fy .run:hover{background:#f60}
.article-con p {border-bottom: 1px dashed #CCC;margin-bottom: 5px;width: 470px;}
.cr_body_bottom {float: left;}
.cr_body P{line-height: 40px;font-size: 16px;}
.cr_bottom p {line-height: 21px;display: block;font-size: 16px;}
.pro-bg{background:#eaeef1;padding: 30px 0;}
.cl_a {border: 1px solid #ccc;padding: 5px 8px;margin-bottom: 50px;}
.cl_a p {line-height: 24px;}
.txt_1 {height: 50px;}
.hot p{color: #ff0000;font-size: 16px;float:left;}
.hot li {float:left;margin-right: 30px;}
.hot li a {font-size: 16px;color: #999;}
.hot li a:hover{color: #006596;}

.se_1 {font-size: 14px;float: right;}
.input{width: 260px;height: 50px;border: 1px solid #eee;height: 30px;padding: 20px;}
.se_k {height: 28px;padding: 0px 10px;}
.search{width: 60px;height: 32px;float: right;background: #006596;color: white;text-align: center;line-height: 32px;cursor: pointer;border: 0px;}
.hot {height: 50px;}

.s1 {background: url(../images/ban1.jpg)no-repeat center center;height: 550px;}
.s2 {background: url(../images/ban2.jpg)no-repeat center center;height: 550px;}
.s3 {background: url(../images/ban3.jpg)no-repeat center center;height: 550px;}
.ysbg {background: url(../images/ys_tou.jpg)no-repeat center center;height: 170px;}
.headtop .fr img {position:relative;}
.headtop .fr{background: url(../images/tel.jpg)no-repeat -20px center;margin-top: 29px;}
.headtop .fr p{position: relative;float:left;top: 15px;left: 55px;font-size: 30px;font-weight:bold;color: #1b88d0;}

.ys2 {background: url(../images/ys2_bg.jpg)no-repeat center center;height: 240px;}

.foot_left p a {color: #fff!important;}



/* 二级菜单 */
ul.menu {padding: 0;list-style: none;width: 228px;margin: 20px auto;font-family: 'Century Gothic';clear: both;display: table;border: 1px solid #ccc;}
  ul.menu .list {font-size: 14px;border-bottom: 1px solid #ccc;position: relative;width: 100%;box-sizing: border-box;height: 50px;vertical-align: sub;background: #fff;clear: both;}
  ul.menu .list:after {content: "";font-family: FontAwesome;position: absolute;right: 17px;top: 17px;padding: 0px 5px;color: #000;}
  
  ul.menu .list a {text-decoration: none;color: #000;padding: 17px 0px 17px 20px;display: block;height: 100%;box-sizing: border-box;}
  
  ul.menu .list a:hover {background-color: #0078b3;transition: 300ms all;color: #fff;}
  ul.menu .list .items {height: 0px;overflow: hidden;}
  ul.menu .list .items a {padding: 17px;}
  ul.menu .list .items a:hover {background-color: #006190;color: #fff;transition: 300ms all;}
  ul.menu .list:last-child {border-bottom: none;}
  ul.menu .active {background:#0078b3;}
  ul.menu .active .items {display: block;background: #fff;padding: 0px;height: auto;color: #fff;transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);transition: all 200ms;clear: both;float: left;width: 100%;}
  ul.menu .active .items li {padding: 0px;border-bottom: 1px solid #ccc;/* border-top: 1px solid #324252; */list-style: none;}
  ul.menu .active .items li:last-child {padding-bottom: 0px;}
  ul.menu .active .items .active > .items {background-color: #2f4b67;}
  ul.menu .active:after{color: #fff;}
  ul.menu .active a {color: #fff;text-transform: uppercase;font-weight: bold;}
  ul.menu .active .list {background: #697d92;}
  ul.menu .active .list a {padding: 17px 0px 17px 45px;}

.cl_2 {width: 230px;margin-bottom:30px;box-sizing: border-box;border-top: 1px solid #ccc;}
.cl_2 ul li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;transition: all,.5s;}
.cl_2 ul li a{font-family: "微软雅黑";font-size: 14px;line-height: 50px;font-weight: normal;color: #333;display: block;padding-left: 40px;}
.cl_2 ul li:hover{background:#088ed2;}
.cl_2 ul li:hover a {color: #fff;}
.cl_a {border: 1px solid #ccc;padding: 5px 8px;margin-bottom: 50px;}
.cl_a p {line-height: 24px;}
.flexslider{position:relative; overflow:hidden; z-index:10;}
.slides{position:relative;z-index:1; background:#000;}
.slides li{height: 600px;}
.flexslider .slides .s1{ background:url(../images/ban01.jpg) 50% center no-repeat;}
.flexslider .slides .s2{ background:url(../images/ban02.jpg) 50% center no-repeat;}
.flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
.flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
.flex-control-nav .flex-active{background-position:0 0;}
.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat;}

.foot22 {background: #0470a9;color: #fff;text-align: center;line-height: 24px;}
.foot22 a{color:#fff}
/* 底部新写 */
.video{background:url(../images/bj.jpg) center center no-repeat;height: 620px;}
.video video{width:900px;height:auto;margin:auto;display:block;padding-top:50px}
.tubiao{height:150px;padding-bottom: 50px;}
.tubiao ul li{float:left;margin: 50px 85px 0;}
.tubiao ul li p{color:#666;line-height: 3;text-align: center;}
/* 关于我们 */
.con_top .weizhi{margin-bottom:10px;position: relative;}
.con_top .weizhi:after{content:"";display:block;width:1920px;height:1px;background:#ddd;position:absolute;right:0;top:30px;}
.con_top .menu{margin: 50px 0;}
.contact_body .con_top .menu ul li{float:left;text-align:center;font-size:16px;background:#eee;border-radius:4px;margin-right:10px;width:150px;height:40px;line-height:40px;}
.con_top .menu ul li a:hover{color:#fff;background:#166db7;border-radius:4px;}
.con_top .menu ul li a{display:block;}
.con_top .menu .zuo{width:10%;float:left;}
.con_top .menu .zuo span{font-size:24px;color:#166db7;}
.con_top .menu .you{width:85%;float:right;}
.cont_about{margin:50px 0;}
.contact_body .tit h3{font-size:30px;font-weight:bold;color:#176fb7;text-align:center;margin-bottom:10px}
.cont_about .nr p{font-size:18px;line-height:2;}
.cont_about .nr img{margin:auto;display:block;}
.dz{background:url(../images/dz.png) center center no-repeat;height: 10px;}
.cont_zz .honor ul{margin:30px 0;}
.cont_zz .honor ul li{float:left;width:280px;margin-right:20px;border:1px #ddd solid;}
.cont_zz .honor ul li:nth-child(4n){margin-right:0;}
.cont_zz .honor ul li p{font-size:16px;text-align:center;line-height:2;}
.cont_ys .ys ul li{margin-top:30px;transition: .5s;position: relative;width: 380px;float:left;margin-right:20px;height:400px;margin-bottom:60px;}
.cont_ys .ys ul li a{display:block;}
.cont_ys .ys ul li .contactTop{background: #fff;transition: .5s;padding: 15px 0;}
.contactTop h4{text-align: center;padding-top: 80px;font-weight: bold;font-size: 18px;transition: .5s;}
.contactmeg{background: url(../images/ys1.png) no-repeat center 10px;}
.contactTop span{font-size:14px;color: #d4d4d4;text-align: center;display: block;transition: .5s;padding-bottom: 10px;}
.contactTop i{display: block;width: 50px;height: 1px;background: #ddd;margin: 0 auto;position: absolute;left: 175px;top: 180px;}
.contactBottom{text-align: center;line-height: 2;transition: .5s;position: relative;font-size: 16px;overflow: hidden;color: #666;margin-top:30px;}
.cont_ys .ys ul li:hover{background:#fcfcfc;}
.cont_ys .ys ul li .contactTop:hover{background:#166fb7}
.contactTop h4:hover{color:#fff;}
.contactTop span:hover{color:#fff;}
.contactNetwork{background: url(../images/ys2.png) no-repeat center 10px;}
.contactService{background: url(../images/ys3.png) no-repeat center 10px;}
.contactmeg:hover{background:url(../images/ys1-1.png) no-repeat center 10px;}
.contactNetwork:hover{background:url(../images/ys2-2.png) no-repeat center 10px;}
.contactService:hover{background:url(../images/ys3-3.png) no-repeat center 10px;}
.cont_ys .ys ul li:hover{-webkit-transform: translateY(-4px);transform: translateY(-4px);}
/* 新闻 */
.news_body ul li {position: relative;float: left;margin-bottom: 10px;}
.news_body ul li span {float: right;color: #999;line-height: 42px;font-size: 14px;}
.news_body ul li a {display: block;font-size: 16px;}
.news_body ul li img{width:200px;float: left;margin-right: 20px;padding:10px 0;}
.news_body ul li p{padding:20px 0 10px 0;}
.news_body ul li strong{font-size: 14px;color:#666;line-height: 30px;font-weight: normal;}

.frtit {background: #eee;border-left: 6px solid #088ed2;padding-left: 16px;line-height: 48px;font-size: 22px;}
.listimage li {float: left;margin: 30px 30px 20px 0;width: 280px;text-align: center;}
.listimage li:nth-child(3n) {margin-right: 0px;}
.tu11 {overflow: hidden;}
.tu11 img {transition:all,.3s;}
.listimage li:hover img {transform: scale(1.1);}
.listimage li p {font-size: 16px;line-height: 24px;}
.cl_about_us > ul > li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;border-left: 3px solid #098ed2;border-right: 3px solid #098ed2;border-bottom: 1px solid #ccc;transition: all,.5s;}
.cl_about_us > ul > li > a{font-family: "微软雅黑";font-size: 17px;line-height: 50px;font-weight: bold;color: #fff;display: block;padding-left: 10px;background-color: #098ed2;}
.cl_about_us > ul > li:hover {	background: #fff;}
.cl_2 {width: 230px;margin-bottom:30px;box-sizing: border-box;border-top: 1px solid #ccc;}
.cl_2 > ul > li{white-space:nowrap;overflow: hidden;text-overflow: ellipsis;border-left: 1px solid #ccc;border-right: 1px solid #ccc;border-bottom: 1px solid #ccc;transition: all,.5s;}
.cl_2 > ul > li > a{font-family: "微软雅黑";font-size: 14px;line-height: 50px;font-weight: normal;color: #333;display: block;padding-left: 40px;}
.cl_2 > ul > li:hover a {color: #f00;}
.cl_a {border: 1px solid #ccc;padding: 5px 8px;margin-bottom: 50px;}
.three li {border-top: 1px solid #bbb;height: 42px;box-sizing: border-box;background: url(../images/you_icon.png) no-repeat 180px center;}
.three li a {line-height: 42px;padding-left: 10px;display :block;}
  
.three li:hover a{color: #f00;}
.cl_title a {line-height: 70px;font-size: 20px;font-weight: bold;color: #fff;text-align: center;display: block;}
.cl_about_us{width: 230px;margin-bottom:30px;box-sizing: border-box;margin-top: 10px;border-top: 1px solid #ccc;border-bottom: 3px solid #098ed2;}
  