@charset "UTF-8";

/*图标字体*/
@font-face {font-family: 'iconfont';src: url('iconfont.eot');src: url('../font/iconfont.eot?#iefix') format('embedded-opentype'), url('../font/iconfont.woff') format('woff'), url('../font/iconfont.ttf') format('truetype'), url('../font/iconfont.svg#iconfont') format('svg');}
.iconfont {font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale}

.wrap{ width:100%; margin:0 auto; position:relative; overflow:hidden; left:0; height:100%}
.reserve{ transform:rotate(180deg); -webkit-transform:rotate(180deg)}

/* 绝对定位 */
.abst-l{ position:absolute; left:0; top:0}
.abst-r{ position:absolute; right:0; top:0}
.abst-c{ position:absolute; left:50%; transform:translateX(-50%); -webkit-transform:translateX(-50%)}

/*页头*/
.m_header{ position: fixed; width: 100%; height: 45px; text-align: center; background: #00479D; z-index: 10;}
.m_header .home{ float: left; width: 86px; height: 30px; line-height: 30px; border: 1px solid #FFF; color: #FFF; margin: 7px 0 0 10px; border-radius: 5px}
.m_header .phone{ text-align: left; line-height: 45px; color: #FFF; font-size: 15px; padding-left: 10px}
.m_header_clear{ height: 45px}
.m_logo{ padding: 20px 10px}

.com-menu{ width:45px; height:45px;}
.com-menu .icon{ width:100%; height:100%; transition:.3s; -webkit-transition:.3s; }
.com-menu .icon.menu{ background:url('../img/menu.png') no-repeat center center; background-size:21px auto; }
.com-menu .icon.pro{  background:url('../img/pro.png') no-repeat center center; background-size:auto 22px; }
.com-menu .close{ position:absolute; left:50%; top:50%; margin:-1px 0 0 -10.5px; width:21px; height:2px; background-color:#fff; transition:.3s; -webkit-transition:.3s; opacity:0; }
.com-menu.open .close:nth-child(1){ transform:rotate(45deg);-webkit-transform:rotate(45deg); }
.com-menu.open .close:nth-child(2){ transform:rotate(-45deg);-webkit-transform:rotate(-45deg); }
.com-menu.open .icon{ opacity:0}
.com-menu.open .close{ opacity:1}

/*弹出导航*/
.com-pull{ position:fixed; top:45px; left:0; width:100%; z-index:999; transform:scaleY(0); -webkit-transform:scaleY(0); transition:.3s; -webkit-transition:.3s; transform-origin:50% 0; -webkit-transform-origin:50% 0}
.com-pull .menu{ padding:10px;background-color:rgba(255,255,255,.96); }
.com-pull .menu .item{ padding:15px 10px;font-size:15px;color:#222;display:block;background:url('../img/pro-right.png') no-repeat 95% center;background-size:auto 12px}
.com-pull .menu .item:not(:last-child){ border-bottom:1px solid #ededed}
.com-pull .menu .item:active{ color:#086ce8;background-image:url('../img/pro-right-blue.png')}
.com-pull.open{ transform:scaleY(1);-webkit-transform:scaleY(1)}
.g-mask{ position:fixed;top:0;left:0;bottom:0;right:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);z-index:998;display:none}

/*页尾*/
.m_footer{ width: 100%; background: #EEE; padding:20px; float: left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_footer h3{ font-size: 16px}
.m_footer p{ font-size: 14px; line-height: 180%}

/*底部菜单*/
.m_foot_nav{ position:fixed; width:100%; height:55px; bottom:0; z-index: 10}
.m_foot_nav a{ width:25%; height: 55px; float:left; text-align:center; background: #00479D; border-right: 1px solid #003F8C}
.m_foot_nav a i{ color:#FFF; font-size:22px; margin-top:5px; display:block}
.m_foot_nav a span{ width:100%; text-align:center; display:block; color:#FFF; font-size:14px; margin-top: 3px}
.m_foot_nav a:focus{ background: #8BC63E; border-right: 1px solid #8BC63E}
.m_foot_nav_clear{ width: 100%; height: 55px; float: left}

/*首页Banner*/
.m_ind_banner{ width: 100%}
.m_ind_banner img{ width: 100%}
/*.m_page_banner{ width: 100%; height: 170px; float: left; overflow: hidden}*/
.m_page_banner{ width: 100%; height: 85px; float: left; overflow: hidden}

.m_page_banner img{ width: 100%; height: 100%}

/*首页公用*/
.ind_sub_tit{ width: 100%; text-align: center; padding: 30px 0; float: left;}
.ind_sub_tit h5{ font-size: 24px; color: #333}
.ind_sub_tit p{ font-size: 15px; color: #888; margin-top: 5px}

.m_ind_more{ width: 100%; float: left; padding: 20px 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_more a{ width: 100%; height: 40px; line-height: 40px; text-align: center; border:1px solid #EEE; float: left; color: #777; border-radius: 5px}
.m_ind_gg{ width: 100%; float: left; margin-top: 10px}
.m_ind_gg img{ width: 100%}
.ind_menu a{ width: 25%; height: 45px; line-height: 45px; font-size: 15px; color: #FFF; text-align: center; background: #00479D; float: left; border-bottom: 1px solid #003F8C; border-right: 1px solid #003F8C; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.ind_menu a:focus{ background: #8BC63E; border-bottom: 1px solid #8BC63E; border-right: 1px solid #8BC63E}

/*产品展示*/
.m_ind_product{ width: 100%; float: left}
.m_ind_product .sub li{ width: 33.33%; height: 45px; line-height: 45px; color: #FFF; text-align: center; background: #8BC63E; float: left; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_product .sub li.s{ background: #00479D}
.m_ind_product .list li{ display: none}
.m_ind_product .list li a{ float: left; margin:10px 0 0 10px}
.m_ind_product .list li a .i{ border: 1px solid #E5E5E5; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_product .list li a .t{ height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #666; overflow: hidden; border: 1px solid #E5E5E5; border-top: none; background: #EEE; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_product .list li.s{ display: block}

/*服务优势*/
.m_ind_service{ width: 100%; float: left}
.m_ind_service .box{ width: 100%; float: left; text-align: center; background: url(../img/m-ind-service.jpg) bottom no-repeat; background-size:cover;}
.m_ind_service .box .sub{ width: 100%; float: left; margin-top: 30px}
.m_ind_service .box .sub a{ width: 33.33%; float: left; text-align: center}
.m_ind_service .box .sub a span{ width: 80%; background: #00479D; display: inline-block; font-size: 18px; color: #FFF}
.m_ind_service .box .sub a.s span{ background: #FBE70C; color: #000}
.m_ind_service .box .img{ width: 100%; float: left;}
.m_ind_service .box .img span{ display: none; width: 100%; float: left;}
.m_ind_service .box .img span.s{ display: block}
.m_ind_service .box .img span img{ width: 100%; float: left;}
/*.m_ind_service .box .sub a span{ width: 80%; padding: 10px 0; background: #00479D; display: inline-block; font-size: 20px; color: #FFF}*/


/*新闻动态*/
.m_ind_news{ width: 100%; margin-top: 10px; float: left;}
.m_ind_news .tit{ width: 100%; margin-top: 10px; float: left; padding: 0 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_news .tit span{ float: left; font-size: 24px; color: #333}
.m_ind_news .tit a{ float: right; background: #CCC; font-size: 12px; color: #FFF; padding: 4px 10px; margin-top: 5px}
.m_ind_news .list{ width: 100%; float: left; border-top: 1px solid #e5e5e5; margin-top: 20px}
.m_ind_news .list a{ width: 100%; float: left; padding: 0 10px 10px 10px; border-bottom: 1px solid #E5E5E5}
.m_ind_news .list a .t{ width: 100%; height: 40px; line-height: 40px}
.m_ind_news .list a .t span{ float: left; font-size: 15px; color: #333}
.m_ind_news .list a .t em{ float: right; font-size: 13px; color: #999}
.m_ind_news .list a p { width: 100%; height: 45px; line-height: 180%; color: #999; font-size: 13px; overflow: hidden;}

.m_news{ width: 100%; margin-top: 10px; float: left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_news a{ height: 120px; border: 1px solid #EEE; margin: 0 0 10px 10px; padding: 10px; float: left;}
.m_news a:nth-last-child(1){ margin-bottom: 0}
.m_news a .i{ float: left; width: 150px; height: 87px; background: #777}
.m_news a .t{ float: left; height: 100px; margin-left: 10px}
.m_news a .t .tit{ width: 100%;  line-height: 25px; overflow: hidden; font-size: 15px; color: #555}
.m_news a .t .txt{ width: 100%; height: 40px; line-height: 160%; overflow: hidden; color: #999; margin: 8px 0 12px 0;}
.m_news a .t .data{ width: 100%; height: 15px; line-height: 15px; color: #999}

.m_ind_video{ width: 100%; margin-top: 10px; float: left;}
.m_ind_video .tit{ width: 100%; margin-top: 10px; float: left; padding: 0 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_video .tit span{ float: left; font-size: 24px; color: #333}
.m_ind_video .tit a{ float: right; background: #CCC; font-size: 12px; color: #FFF; padding: 4px 10px; margin-top: 5px}
.m_ind_video .video{ width: 100%; height: 200px; float: left; margin-top: 20px}

.m_video{ padding: 0 10px}
.m_video a{ border: 1px solid #E5E5E5; float: left; margin-top: 10px}
.m_video a .i{ float: left}
.m_video a .i img{ width: 100%; float: left;}
.m_video a .t{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #666; font-size: 14px; float: left; overflow: hidden;}

/*内页公用*/
.m_content_tpl{ width: 100%; float: left;margin-top: 4px;}
.m_content_tpl .tit{ width: 100%; line-height: 40px; background: #8BC63E; font-size: 18px; color: #FFF; padding-left: 15px;padding-right: 15px}
.m_content_tpl .html_doc{ width: 100%; background: #FFF; padding: 10px; line-height: 180%; font-size: 14px; color: #666; border-bottom: 1px solid #EEE}
.m_content_tpl .html_doc img{ width: 100%}
.m_content_tpl .html_doc .img{ width: 100%; text-align: center; display: block}
.m_content_tpl .html_doc .img img{ width: 80%}
.m_content_tpl .pagination{ width: 100%; float: left; padding: 10px 10px; background: #FFF; border-top: 1px solid #EEE; margin-top: 10px}
.m_content_tpl .pagination a{ width: 100%; height: 35px; line-height: 35px; float: left; border-top: 1px solid #EEE; color: #666; font-size: 14px}
.m_content_tpl .pagination a:nth-child(1){ border-top: none}
.m_content_tpl .pagination a:active{ color: #E186AE}
.m_content_tpl .back_list{width: 100%; float: left; padding: 10px; background: #FFF; border-top: 1px solid #EEE; text-align: center}
.m_content_tpl .back_list a{ font-size: 14px; color: #666}
.m_content_tpl .back_list a:active{ color: #E186AE}
.m_content_tpl .video{ width: 100%; float: left; margin-bottom: 10px}
.m_content_tpl .map{ width: 100%; height: 250px; background: #EEE; margin-top: 15px}
.m_content_tpl .html_doc pre{white-space:pre-wrap;word-wrap:break-word;}

/*应用案例*/
.m_ind_case{ width: 100%; float: left;}
.m_ind_case .case_logo{ float: left; position: relative}
.m_ind_case .case_logo .swiper-slide { border: 1px solid #E5E5E5; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.swiper-button-prev,.swiper-button-next { width: 16px; height: 40px; position: absolute; z-index: 10; top: 50%; cursor: pointer; background: #e5e5e5; color: #BBB; line-height: 40px; text-align: center; font-family: "宋体"}
.swiper-button-prev{ left: 0}
.swiper-button-next{ right: 0}
.swiper-button-prev:hover,.swiper-button-next:hover{ background: #00479D; color: #FFF}

.m_ind_case .industry{ width: 100%; float: left; margin-top: 20px}
.m_ind_case .industry a{ float: left; margin-top: 10px; position: relative;}
.m_ind_case .industry a:nth-child(odd){ margin-right: 10px}
.m_ind_case .industry a img{ position: absolute; z-index: 1;}
.m_ind_case .industry a span{ position: absolute; z-index: 2; width: 100%; height: 30px; line-height: 30px; text-align: center; color: #FFF; font-size: 14px; background:url(../img/industry.png) repeat; left: 0; bottom: 0}

.m_case{ margin-top: 10px; float: left;}
.m_case a{ float: left; margin: 0 0 0 10px}
.m_case a img{ float: left;}
.m_case a span{ width: 100%; height: 40px; line-height: 40px; text-align: center; font-size: 14px; text-align: center; float: left;}

/*联系我们*/
.m_message p{ width: 100%; background: #FFF; padding: 10px; line-height: 180%; font-size: 14px; color: #666; border-bottom: 1px solid #EEE}
.m_message p em{ color: #FF0000}
.m_message form{ padding: 0 10px; margin-top: 10px}
.m_message form input{ width: 100%; height: 40px; line-height: 40px; background: #F5F5F5; margin-bottom: 10px; color: #999; font-size: 14px; padding:0 10px; outline:none}
.m_message form input:focus{ background: #00479D; color: #FFF}
.m_message form textarea{ width: 100%; line-height: 180%; background: #F5F5F5; margin-bottom: 10px; color: #999; font-size: 14px; padding:0 10px; outline:none}
.m_message form textarea:focus{ background: #00479D; color: #FFF}
.m_message form button{ width: 100%; height: 40px; line-height: 40px; text-align: center; color: #FFF; font-size: 14px; border:none; background: #00479D; margin-bottom: 20px}
.m_message form button:focus{ background: #8BC63E}

/*人才招聘*/
.m_job{ padding: 0 10px; margin-top: 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_job ul{ margin-bottom: 10px; float: left;}
.m_job ul .t{ width: 100%; height: 36px; line-height: 36px; background: #8BC63E; float: left; color: #FFF}
.m_job ul .t .name{ font-size: 17px; float: left; padding-left: 10px}
.m_job ul .t .count{ font-size: 14px; float: right; padding-right: 10px}
.m_job ul .b{ padding: 0 10px 10px 10px; border: 1px solid #E5E5E5; border-top: none; float: left; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_job ul .b h5{ font-size: 15px; color: #333; margin: 10px 0;}
.m_job ul .b p{ font-size: 14px; line-height: 180%; color: #666}

/*关于我们*/
.m_ind_about .tit{ width: 100%; margin-top: 10px; float: left; padding: 0 10px; -webkit-box-sizing: border-box;  -moz-box-sizing: border-box;  box-sizing: border-box}
.m_ind_about .tit span{ float: left; font-size: 24px; color: #333}
.m_ind_about .tit a{ float: right; background: #CCC; font-size: 12px; color: #FFF; padding: 4px 10px; margin-top: 5px}
.m_ind_about .html_doc{ padding: 10px; line-height: 180%; font-size: 14px; color: #666; float: left;}
.m_ind_about .link{ width: 100%; background: #8BC63E; padding: 12px 0; float: left;}
.m_ind_about .link a{ width: 33.33%; float: left; text-align: center; border-right:1px solid #7EB535}
.m_ind_about .link a:nth-last-child(1){ border: none}
.m_ind_about .link a i{ width: 60px; height: 60px; line-height: 60px; border-radius: 50%; background: #FFF; display: inline-block; font-size: 32px; color: #00479D}
.m_ind_about .link a span{ width: 100%; display: inline-block; font-size: 15px; color: #FFF; margin-top: 12px}