@charset "utf-8";
/* CSS Document */
body{ margin:0px 0px; padding:0px 0px;font-family:"Microsoft YaHei",Arial, Helvetica, sans-serif; font-size:14px;color:#555; text-align:center;background:#fff; line-height:26px; margin-left:auto;margin-right:auto;}
a{ color:#555555; text-decoration:none; outline-style:none; outline-color:invert; outline-width:medium}
a:link{ text-decoration:none;}
a:hover{ color:#196bd2;}
a img{ border:0;}
a {blr:expression(this.onFocus=this.blur());}
a { outline: none;} 
a:focus { outline: none;} 
h1,h2,h3,h4,ul,li,div,p,span,b,i,input,select{ margin:0px; padding:0px;}
ul,li,dl,dd,dt{ padding:0px; margin:0px; list-style:none;}
em{ font-style:normal;}
a img{ border:none;}
.clear{ clear:both; height:0; overflow:hidden; display:block;}
.blue{ color:#1175c2; }
.float_left{ float:left;}
.float_right{ float:right;}
.font{font-family:'SimSun';}
.length{word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.con{ padding:20px 0px;}
.container{ min-width:1170px; width:1170px; margin:0px auto; padding:0px; text-align:left;}
/* CSS Common*/

/*header */
#header{position:relative; width:100%; height:128px; margin:0 auto; text-align:center;}
#header .header_top{ background:#196bd2; color:#fff; font-size:12px; line-height:34px;height:34px;}
#header .header_top a{color:#fff; font-size:12px;}
#header .header_nav{ background:url(../images/header_bg.jpg) repeat-x; height:94px;}
#header .header_nav .logo{ float:left; padding-top:12px;}

/*menu*/
#menu{ height:35px; float:right; margin-top:30px;}
#menu ul li{ float:left; padding-left:42px; text-align:right; font-family:"Microsoft YaHei"; font-size:15px; color:#fff;}
#menu ul li a{display:block; height:35px; line-height:35px; color:#151515;}
#menu ul li a:hover{ color:#196bd2; }

/* Menu下拉菜单 */
.menu{width:100%;height:35px;margin-top:0px;}
.menu ul{width:1170px; margin:auto}
.menu li{width:120px;height:35px;float:left;text-align:center;line-height:35px;position:relative;z-index:999}
.menu li a{height:35px;display:block;font-size:16px;color:#000;}
.menu li a:hover{color:#000;}
.menu li a.on,.current{color:#000;}
.menu li dl{width:100%;position:absolute;left:1px;top:34px;display:none;}
.menu li dl dd{width:100%;height:30px;text-align:center;line-height:30px;}
.menu li dl dd a{font-size:14px;color:#fff;font-weight:normal;}

/*banner*/
.banner{height:443px;}
.banner .swiper-slide{ background-position:center;background-size:cover;}
.banner .swiper-pagination-bullet{ margin:0 3px !important;}
.banner .swiper-pagination-bullet{ background:#fff;opacity:1; width:10px; height:10px;}
.banner .swiper-pagination-bullet-active{ background:#196bd2;}

/*header_news*/
.header_news{ background:#196bd2; height:50px; border-radius:5px; position:relative; top:-45px; z-index:9; padding:20px 30px; margin-bottom:-45px;}
.header_news .l{ float:left;color:#fff; font-size:18px;padding-right:30px;}
.header_news .l span{ font-size:14px; display:block;}
.header_news .news_con{float:left;color:#fff; padding-left:30px; border-left:1px solid #4789db;} 
.header_news .news_con a {color:#fff; display:block;}
.header_news .r{float:right; margin-top:12px;} 
.header_news .r a{color:#fff; font-size:16px;} 

/*home_service*/
#home_service{ width:100%;margin-top:30px;}
#home_service .home_service_dh{ height:40px; line-height:40px; font-size:24px; margin:0 auto; text-align:center;color:#196bd2; border-bottom:1px solid #e5e5e5;}
#home_service .home_service_dh em{ background:#fff; height:20px; line-height:20px; width:120px; display:block;margin:0 auto; color:#666; font-size:12px; text-transform: uppercase; position: relative; top:-5px;}
#home_service .home_service_con {margin:0 auto; text-align:center; margin-top:60px; margin-bottom:50px;}
#home_service .home_service_con .l{ float:left;}
#home_service .home_service_con .l img{ width:582px;height:292px;}
#home_service .home_service_con .r{ float:right;background:url(../images/service_bg.jpg) no-repeat top center; height:292px;width:582px; color:#fff;}
#home_service .home_service_con .r .service_note{ padding-top:70px; display:block; line-height:1.6;}
#home_service .home_service_con .r .service_note em{ border:2px solid #fff; padding:5px; display:block; width:50%; font-size:22px; margin:0 auto; text-align:center;margin-top:20px;}

/*home_cases*/
#home_cases{ width:100%;margin-top:0px;}
#home_cases .home_cases{ width:1268px;}
#home_cases .home_cases_dh{ height:40px; line-height:40px; font-size:24px; margin:0 auto; text-align:center;color:#196bd2; border-bottom:1px solid #e5e5e5; padding-top:50px;}
#home_cases .home_cases_dh em{ background:#fff; height:20px; line-height:20px; width:120px; display:block;margin:0 auto; color:#666; font-size:12px; text-transform: uppercase; position: relative; top:-5px;}
#home_cases .home_cases_dh a{ float:right; font-size:15px; font-weight:100; position: relative;top:-65px;}
#home_cases .home_cases_con { margin:0 auto; text-align:center; margin-top:65px; width:100%; position:relative;}
#home_cases .home_cases_con span{ position: absolute; width:26px; height:44px; cursor:pointer; top:45%; z-index:9;}
#home_cases .home_cases_con span.left{ left:0px; background:url(../images/left_icon.png) no-repeat;}
#home_cases .home_cases_con span.right{ right:0px; background:url(../images/right_icon.png) no-repeat;}
#home_cases .home_cases_list{ position:relative; width:93%; margin:0 auto; overflow:hidden;}
#home_cases .home_cases_list ul{ float:left;}
#home_cases .home_cases_list ul li { width:380px;vertical-align:top; margin: 0 5px;margin-bottom:-25px; height:280px; overflow:hidden;}
#home_cases .home_cases_list ul li.margin{ margin-left:0%;}
#home_cases .home_cases_list ul li .img{ width:380px; height:243px; overflow:hidden;}
#home_cases .home_cases_list ul li img{ width:380px; height:243px;transition: all 0.6s; -ms-transition: all 0.6s;}
#home_cases .home_cases_list ul li img:hover{ transform: scale(1.1);-webkit-transform: scale(1.1);}
#home_cases .home_cases_list ul li span{ display:block; width:96%;font-size:14px; line-height:40px;height:40px;color:#fff; background:rgba(3,77,169,.8); position:relative; top:-40px; text-align:left; padding-left:4%;}
#home_cases .home_cases_list ul li span em{ float:right; padding-right:15px; font-family:'SimSun';}
#home_cases .home_cases_list ul li a{ color:#fff;}
#home_cases .home_cases_list ul li:hover span{ color:#fff;}
#home_cases .home_cases_more{ padding:20px 0 60px 0;}
#home_cases .home_cases_more a{ color:#555; border:2px solid #196bd2; margin:0 auto; display:block; text-align:center; padding:3px 20px; width:82px; font-size:15px;}

/*home_news*/
#home_news{ width:100%;margin-top:50px;}
#home_news .l{ width:48.5%; float:left; text-align:left;}
#home_news .l .home_about_dh{ height:30px; line-height:30px; font-size:22px; text-align:left; color:#222; border-bottom:1px solid #e5e5e5;padding-bottom:10px;}
#home_news .l .home_about_dh em{ border-left:4px solid #196bd2;padding-left:8px;}
#home_news .l .home_about_dh a{ float:right;font-size:15px; color:#555;}
#home_news .l .home_about_con{margin-bottom:30px;}
#home_news .l .home_about_con img{ max-width:100%; margin-bottom:16px;}
#home_news .r{ width:46%; float:right;text-align:left;}
#home_news .r .home_news_dh{ height:30px; line-height:30px; font-size:22px; text-align:left; color:#222; border-bottom:1px solid #e5e5e5;padding-bottom:10px;}
#home_news .r .home_news_dh em{ border-left:4px solid #196bd2;padding-left:8px;}
#home_news .r .home_news_dh a{ float:right;font-size:15px; color:#555;}
#home_news .r ul li{ line-height:50px;border-bottom:1px solid #e5e5e5; position:relative;}
#home_news .r ul li span{ position: absolute;right: 5px;top: 0px; color:#8f8f8f;}

/*slide*/
.hh_con{ position:relative; width:100%;margin-top:5px; margin-bottom:24px;}
.hh_con span{ position:absolute; width:26px; height:44px; cursor:pointer; top:105px;}
.hh_con span.hleft{ left:0px; background:url(../images/left_con.png) no-repeat;}
.hh_con span.hright{ right:0px; background:url(../images/right_con.png) no-repeat;}
.h_list_pro{ height:298px; position:relative; width:940px; margin:0 auto; overflow:hidden;}
.h_list_pro ul li{float:left;width:210px; height:298px; margin-right:25px;}
.h_list_pro ul li a{ display:block; width:200px; height:192px;}
.h_list_pro img{ width:200px; height:253px;border:solid 0px #ddd;}
.h_list_pro span{ display:block; width:200px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; height:40px; line-height:40px; font-size:16px; background:#e5e4e4; position:static;}
.h_list_pro span:hover{ background:#045eb9;color:#fff;}
.h_list_pro p{ display:block; width:200px;text-align:center; height:22px; line-height:22px; font-size:14px; padding-top:30px; color:#868686;}

/*left*/
#left_con{ padding:20px 0px;}
#left{ width:220px; float:left;}
#left .left_top{ height:48px; background:#0053b0; line-height:48px; padding-left:20px; font-family:"Microsoft YaHei"; font-size:16px; color:#fff;} 
#left .left_top span{ font-size:14px; text-transform:uppercase; margin-left:5px;}
#left .left_dh{ margin-bottom:0px; border:solid 1px #4789db; border-top:none; background:#4789db;}
#left .left_dh ul li{ line-height:46px;}
#left .left_dh ul li a{ height:46px; display:block; padding-left:20px; background:#fff; border-bottom:solid 1px #eaeaea; font-size:14px;}
#left .left_dh ul li a:hover{ color:#4789db;background:#f3f3f3;}
#left .left_pic{ float:left; padding-top:12px;}

/*content*/
#right{ width:920px; float:right; }
#right .right_dh{ height:36px; line-height:36px; border-bottom:solid 1px #dddddd; }
#right .right_dh_l{ color:#4789db;font-size:15px; font-family:"Microsoft YaHei"; float:left;}
#right .right_dh_r{ float:right; padding-right:6px;}
#right .right_con{ min-height:200px; height:auto; _height:200px; padding:15px 5px;}

/*list_pro*/
ul.list_pro{text-align:center;min-height:200px;_height:200px;}
ul.list_pro li{float:left;width:280px;margin:0 10px;line-height:25px; height:330px;}
ul.list_pro li .img{width:280px;height:280px;overflow:hidden;}
ul.list_pro li img{width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_pro li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pro li span{ display:block; padding-top:10px;}

/*display*/
.dis_big{ text-align:center;}
.dis_big_l{ float:left; width:50%;}
.dis_big_r{ float:left; text-align:left; width:46%; margin-top:20px;padding-left:30px;}
.dis_name{line-height:30px;height:30px; color:#454545; font-size:14px; padding-top:10px;}
.dis_name span{line-height:30px;height:30px;color:#565656; font-size:14px;font-weight: normal;}
.dis_pic{ position: relative; text-align:center;}
.dis_pic a{ position:absolute; width:102px; height:95px; top:50%; margin-top:-47px; display:none;}
.dis_pic a.p_prev{ background:url(../images/left.png) no-repeat; left:0;}
.dis_pic a.p_next{ background:url(../images/right.png) no-repeat; right:0;}
.dis_pic a b{ display:none;}
.dis_pic img{max-width:100%;}
.dis_note{text-align:left;line-height:23px; margin-top:26px;}
.dis_close{ margin:0 auto; text-align:center; padding-top:20px;}
.dis_close a{ padding:5px;}

/*list_share*/
ul.list_share{text-align:center;min-height:200px;_height:200px; margin-top:20px;}
ul.list_share li{float:left;width:280px;margin:0 10px;line-height:25px; height:235px;}
ul.list_share li .img{width:280px;height:179px;overflow:hidden;}
ul.list_share li img{width:100%;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_share li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_share li span{ display:block; padding-top:10px;}

/*share_list*/
ul.share_list{ margin:0 auto;width:100%;}
ul.share_list li{ width:220px;height:210px;float:left;margin-left:15px;}
ul.share_list .img{width:220px;height:160px;display: table-cell;vertical-align: middle;text-align: center;*display: block;border:1px solid #dddddd; overflow:hidden; background:#ffffff;}
ul.share_list .img img{ max-width:220px; max-height:160px;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s; -webkit-transition-duration: .5s;}
ul.share_list li:hover img{transform: scale(1.08);-webkit-transform: scale(1.08);}
ul.share_list li span{ display:block; padding-top:10px;text-align:center;}

/*table*/
table.list{font-family: "Microsoft YaHei",verdana,arial,sans-serif;font-size:13px;color:#333333;border-width: 1px;border-color: #666666;border-collapse: collapse; width:100%}
table.list th {border-width: 1px;padding: 8px;border-style: solid;border-color: #ccc;background-color: #e8e8e8; font-weight:normal}
table.list td {border-width: 1px;padding: 8px;border-style: solid;border-color: #666666;background-color: #e8e8e8; font-weight:normal}

/*list_news*/
ul.list_news{min-height:200px;_height:200px;}
ul.list_news li{position:relative;height:40px;line-height:40px;border-bottom:1px dotted #ccc;}
ul.list_news li span{position:absolute;right:5px;top:0px;}

/*list_img_news*/
ul.list_img_news{min-height:200px;_height:200px; margin-bottom:20px;}
ul.list_img_news li{position:relative;height:165px;padding-top:5px;padding-bottom:5px;border-bottom:1px dotted #ccc;}
ul.list_img_news li a{font-size:14px;}
ul.list_img_news li .img{ width:180px;height:140px; margin-right:22px; margin-top:12px; float:left;overflow:hidden;}
ul.list_img_news li .img img{ width:180px;height:auto;transition: all 0.6s; -ms-transition: all 0.6s;}
ul.list_img_news li .img:hover img{ transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_img_news li span{ font-size:16px; margin:10px 0; display:inline-block; margin-top:20px;}
ul.list_img_news li p{ color:#888;}
ul.list_img_news li .news_date{font-size:14px; display:block;margin:0;color:#888;}

/*list_pic_news*/
ul.list_pic_news{text-align:center;min-height:200px;_height:200px;}
ul.list_pic_news li{float:left;width:300px;margin:0 8px;line-height:25px; height:260px;}
ul.list_pic_news li .img{width:300px;height:200px;overflow:hidden;}
ul.list_pic_news li img{width:100%;height:auto;object-fit:cover;transition: all 0.8s ease 0s; -webkit-transform: all 0.8s ease 0s; -ms-transition: all 0.8s ease 0s;}
ul.list_pic_news li:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);}
ul.list_pic_news li span{ display:block; padding-top:10px;}

/*dis_news*/
#dis_news .news_title{font-weight:bold;font-size:16px;_height:30px;min-height:30px;line-height:30px;text-align:center;}
#dis_news .news_date{text-align:center;_height:26px; line-height:26px; padding-bottom:10px; color:#888;}
#dis_news .news_content{padding:5px;_height:200px;min-height:200px;line-height:23px;}
#dis_news .news_close{ margin:0 auto; text-align:center; padding-top:20px;}
#dis_news .news_close a{ padding:5px;}

/*list_links*/
ul.list_links{text-align:center;min-height:200px;_height:200px;}
ul.list_links li{float:left;padding:5px 10px;text-align:center;width:140px;min-height:50px;_height:50px;}
ul.list_links li img{width:130px;height:50px;}

/*scroll*/
/*page*/
.page{text-align:center;line-height:30px;min-height:25px;clear:both;_height:25px; margin-top:20px;}
/*pages_style*/
.pages{ width:100%; margin:0 auto;margin-top:30px; text-align:center;}
.pages a{border:1px solid #c1c1c1;padding:3px 8px;margin:0 3px;}
.pages a:hover,a.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}
.pages span{border:1px solid #c1c1c1;padding:3px 8px;margin:0 3px; cursor:pointer;}
.pages span:hover,span.active{background:#1B77C6;color:#fff;border-color:#1B77C6;}

/*other*/
.feedback { width:680px;}
.feedback input{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; width:246px; border:1px solid #ccc; height:24px; margin-bottom:12px;}
.feedback textarea{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; width:450px; border:1px solid #ccc; height:96px; overflow:hidden;margin-bottom:12px;}
.feedback ul li span{ line-height:24px; color:#565656; font-size:14px; font-family:"Microsoft YaHei"; width:96px; height:24px; margin-right:12px; float:left; text-align:left}
.feedback .submit{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer}
.feedback .code{ width:246px;}
.feedback img{ color:#565656; float:right;}

/*animate*/
@keyframes rotate{
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}

/*map*/
.map{width:100%;height:400px;border:1px solid #ccc;}
.shadow,.pop,.anchorBL{ display:none;}

/*form*/
input[type="text"],textarea{ height:26px; border:1px solid #ddd; width:300px;}
input.input{ width:70px;}
textarea{ height:100px; width:500px; margin:5px 0;}
input[type="submit"]{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer; background:#e5e5e5; margin-right:5px;}
input[type="reset"]{ line-height:26px; color:#565656; width:110px; border:1px solid #ccc; height:32px; margin-top:12px; cursor:pointer;background:#e5e5e5;}

/*nav*/
#footer_nav{ background:#5e1a05; min-height:260px;}
#footer_nav .footer_nav_con{ width:100%; margin:0 auto; padding:40px 0; color:#292929;}
#footer_nav .footer_nav_con a{ color:#be9e96;font-size:14px;}
#footer_nav .footer_nav_con a:hover{ color:#fff;}
#footer_nav .footer_nav_con .pic{ float:left; width:305px;}
#footer_nav .footer_nav_con .bl_lan{}
#footer_nav .footer_nav_con .b_list{ float:left; padding-left:10px; width:145px;  min-height:130px; _height:130px;}
#footer_nav .footer_nav_con .b_list .bl_name{ font-size:16px; height:36px; text-align:left; color:#fff;}
#footer_nav .footer_nav_con .b_list li{ height:30px; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:left;}
#footer_nav .footer_nav_con .b_other{ float:left; width:140px; padding-left:130px;}
#footer_nav .footer_nav_con .b_other li{ height:30px; width:235px; text-align:left; color:#be9e96;}
#footer_nav .footer_nav_con .b_other li span{ color:#fff; font-size:30px;}
#footer_nav .footer_nav_con .qcode{text-align:center;float:right;}
#footer_nav .footer_nav_con .qcode span{ color:#be9e96; display:block;}
#footer_nav .footer_nav_con .qcode img{ margin-top:5px;}

/*footer*/
#footer{ min-height:30px; height:auto; _height:auto; padding:20px 0px; background:#196bd2; color:#fff; margin-top:15px;}
#footer a{ color:#fff;}
#footer a:hover{ color:#d9120e;}
#footer .footer_con{margin:0 auto; text-align:center; margin-top:5px;}
#footer .footer_con .l{ float:left; padding:20px 0 10px 0;}
#footer .footer_con .l ul li{ float:left; text-align:left; padding:0 46px; border-left:1px solid #4789db;}
#footer .footer_con .l ul li:first-child{ padding-left:0; border-left:none;}
#footer .footer_con .r{ float:right; text-align:left;}
#footer .footer_con .r ul li{ float:left; text-align:left; padding-left:26px;}
#footer .footer_con .r ul li img{ width:95px;}
#footer .footer_con .r ul li span{ display:block; text-align:center; line-height:30px;}
#footer .footer_copy{margin:0 auto; text-align:center;margin-top:15px;border-top:1px solid #4789db; padding-top:20px;}

/*自适应控制移动端菜单*/
@media (min-width: 769px){
.header{ display:none;}
}

/*移动端样式*/
@media screen and (max-width:768px) {
/*public*/
body{ overflow:auto;}
#header{ display:none;}
.container{ min-width:100%; width:100%;}
.con{ padding:0 15px;}
.header{ width:100%;height:60px;line-height:60px; background:#fff; position: fixed;z-index:999;}
.header .m_logo img{ height:46px; padding:7px 10px;}
.header .nav{ height:100%; background:#fff; position: absolute; top:60px; width:100%;border-top:1px solid #e2e2e2;display:none;}
.header .nav ul li a{ display:block;color:#454545; line-height:16px; text-align:left; padding:12px 20px; border-bottom:1px solid #e2e2e2;}
.header .nav ul li a span{ line-height:16px; font-family:Arial, Helvetica, sans-serif;display:block; font-size:10px;}
.header .nav ul li a:hover{ background:#196bd2;color:#fff;}
.header .header_icon {position:fixed;top:0;right:0;height:60px;width:60px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;}
.header .header_icon span,.header .header_icon span::after,.header .header_icon span::before {position:absolute;background-color:#196bd2;height:2px;width:25px;}
.header .header_icon span {left:50%;top:50%;bottom:auto;right:auto;-webkit-transform:translateX(-50%) translateY(-50%);-ms-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);-webkit-transition:background-color .3s;transition:background-color .3s;}
.header .header_icon span::after,.header .header_icon span::before {content:'';left:0;-webkit-transition:-webkit-transform .3s;transition:-webkit-transform .3s;transition:transform .3s;transition:transform .3s,-webkit-transform .3s;}
.header .header_icon span::before {-webkit-transform:translateY(-9px);-ms-transform:translateY(-9px);transform:translateY(-9px);}
.header .header_icon span::after {-webkit-transform:translateY(9px);-ms-transform:translateY(9px);transform:translateY(9px);}
.header_top{ height:60px;}
.banner{ height:130px; background-size:cover; top:0;}
.banner .swiper-button-next,.swiper-button-prev{ width:50px; margin-right:15px;margin-left:0;}

/*home*/
/*header_news*/
.header_news{ top:-25px; padding:15px 10px 10px 10px; margin-bottom:-25px; width:80%; margin:0 auto; text-align:center; height:50px;}
.header_news .l{width:25%;padding-right:0; font-size:14px; font-weight:bold;}
.header_news .l span{font-size:12px; line-height:1;}
.header_news .news_con{ padding-left:20px; width:65%;} 
.header_news .news_con a{ width:100%;word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} 
.header_news .r{ display:none;} 

/*home_service*/
#home_service{ margin-top:0px; width:94%; margin:0 auto; text-align:center;}
#home_service .home_service_dh{ font-size:20px;}
#home_service .home_service_con {margin-top:40px; margin-bottom:30px;}
#home_service .home_service_con .l{ float:none; margin-bottom:6px;}
#home_service .home_service_con .l img{ width:100%;height:auto;}
#home_service .home_service_con .r{ width:100%;height:auto; padding-bottom:40px;}
#home_service .home_service_con .r .service_note{ padding-top:40px; width:90%; margin:0 auto; text-align:center; }
#home_service .home_service_con .r .service_note strong{ font-size:24px;}
#home_service .home_service_con .r .service_note em{ width:80%; font-size:18px;}

/*home_cases*/
#home_cases{ width:100%;margin-top:40px;}
#home_cases .home_cases{ width:100%;}
#home_cases .home_cases_dh{font-size:20px; padding-top:20px;}
#home_cases .home_cases_dh a{ right:12px;}
#home_cases .home_cases_con { margin-top:40px;}
#home_cases .home_cases_con span{ width:15px;top:35%;}
#home_cases .home_cases_con span.left{ background-size:15px;left:10px;}
#home_cases .home_cases_con span.right{ background-size:15px;right:10px;}
#home_cases .home_cases_list{width:90%; margin:0 auto; text-align:center;}
#home_cases .home_cases_list ul{ float:none;margin:0 20px;}
#home_cases .home_cases_list ul li { width:100%; float:left; height:auto; }
#home_cases .home_cases_list ul li:first-child { display:none;}
#home_cases .home_cases_list ul li .img{ width:100%; height:auto;}
#home_cases .home_cases_list ul li img{ width:100%; height:auto;}
#home_cases .home_cases_more{ padding:0 0 30px 0;}

/*home_news*/
#home_news{ width:94%;margin:0 auto; text-align:center;margin-top:30px;}
#home_news .l{ width:100%;}
#home_news .r{ width:100%;}
#home_news .r ul li {width:100%;}
#home_news .r ul li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*content*/
/*right*/
#right{ width:100%;}
#right .right_dh{ margin:0; font-size:18px; position:relative;padding-top:5px;}
#right .right_con{ min-height:320px; padding:0;padding-top:15px;}
#right .right_con img{ max-width:100%; height:auto; padding:0 !important;}
#right .right_dh_r{ display:none;}
#right .right_icon { position:absolute;top:5px;right:0;height:30px;width:30px;overflow:hidden;text-indent:100%;white-space:nowrap;color:transparent;}
#right .right_icon span{ width:5px; height:5px; border-radius:50%; background:#222; display:block; float:right; position:relative;top:18px; margin-left:4px;}

/*left*/
#left{ position:fixed;left:inherit;width:60%;height:100%;right:-100%; top:0;margin-left:0;background:#333; z-index:10;padding-top:60px;overflow-y:scroll;height:100%;}
#left .left_top{ color:#fff; font-size:16px;border-bottom:1px solid #555; line-height:50px;padding-left:20px; background:#333;} 
#left .left_top span{ display:none;}
#left .left_dh{ margin-bottom:0px;border:none; background:#4789db;}
#left .left_dh ul li{ line-height:40px;}
#left .left_dh ul li a{ color:#fff; line-height:40px; height:40px;border-bottom:1px solid #555; display:block; padding-left:20px; background:#333;}
#left .left_dh ul li a:hover{ color:#fff;background:#333;}
.mask{display: none; position: fixed; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background-color: rgba(0,0,0,.5);}

/*list_news*/
ul.list_news li {width:100%;}
ul.list_news li dd{width: calc(100% - 86px);word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/*dis_news*/
#dis_news{ width:100%;}

/*list_pro*/
ul.list_pro li{float:left;width:50%;line-height:25px; height:auto; vertical-align:middle; margin:0; padding-bottom:15px;}
ul.list_pro li .img{width:100%;height:auto;}
ul.list_pro li img{width:90%;height:auto;}
ul.list_pro li span{ padding-top:5px;}

/*list_share*/
ul.list_share li{float:left;width:50%;line-height:25px; height:auto; vertical-align:middle; margin:0; padding-bottom:15px;}
ul.list_share li .img{width:100%;height:auto;}
ul.list_share li img{width:90%;height:auto;}
ul.list_share li span{ padding-top:5px;}

/*form*/
.form { width:100%;}
.form input{ width:80%;}
.form textarea{ width:80%;}
.form tr>td:first-child{ width:25%;}

/*footer*/
#footer{ padding:0;}
#footer .footer_con .l{ display:none;}
#footer .footer_con .r{ display:none;}
#footer .footer_copy{ margin-top:0; width:94%; padding:15px 0;}
}