@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,p,span,a,img,form,input,h1,h2,h3,h4,h5,h6 {margin: 0;padding: 0;}
body {width: 100%;min-width: 320px;font-size: 1rem;background: #fff;font-family:Helvetica,"Microsoft Yahei";}
ul,ol,li {list-style: none;}
h1,h2,h3,h4,h5,h6 {font-weight: normal;}
a { text-decoration: none;}
img {max-width: 100%;border: none;vertical-align: middle;}
i,em {font-style:normal}
input, button, textarea{border: 0; border-radius: 0;outline: none; background: transparent;-moz-appearance:none;-webkit-appearance:none;font-family:Helvetica,"Microsoft Yahei";}
table{border-collapse:collapse; border-spacing:0;}
.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}
.fl {float: left;}
.fr {float: right;}
.hidden {overflow: hidden;}
.m60 {margin-top: 52px;}

#tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 9999; display: none;}
#tips div{position: absolute; top: 30%; left: 50%; padding: 10px; width: 90px; margin-left: -45px; background: rgba(0,0,0,0.6); background: url(../images/blank.png)\9; color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word;}
#tips .loading{padding-top: 38px; background: url(../images/loading.gif) center top no-repeat;}

/*头部*/
.header {position: fixed; left: 0; top: 0; width: 100%; height: 50px; padding: 5px 0px;background-color: #fff; z-index: 9;border-bottom: 1px solid #e5e5e5}
.header h2 {color: #333;font-size: 1.05rem;height: 50px;line-height: 50px;text-align: center; overflow: hidden;}
#header .logo {display: block;height: 40px;position: absolute;left: 10px;top:10px;margin-left: 0px;}
#header .logo img {display: block;height: 40px;}
.header .back {content: '';display: block; position: absolute;top: 10px;left: 0px;height: 50px;}
.header .back img {display: block;height: 42px;}
.header .navigation {position: absolute;top: 12px;right: 10px;width: 35px;height: 35px;background-color: #0099cc;border-radius: 5px;}
.header .navigation img {display: block;height:35px;}

/*左侧导航*/
.allnav_left {position: fixed;left: -100%;top: 0px;height: 100%;background:rgba(255,255,255,0.95);z-index: 101;width: 60%;padding: 0px 10px;max-width: 320px;box-shadow: 1px 0px 20px #444;}
.theclose{overflow:hidden; display:block !important; position:absolute; right:0; top:0; width:45px; height:45px; text-align:center; line-height:45px; text-align:center; background:#eee; cursor:pointer;}
.theclose img {width: 20px;height: 20px;}
.allnav_left {padding-top: 45px;}
.allnav_left .allnav_list {width: 100%;}
.allnav_left .allnav_list a {display: block; color: #666;font-size: 0.95rem;height:21px;padding: 10px 0px 10px 10px;border-bottom: 1px solid #e6e6e6;}
.allnav_left a span {float: left;}
.allnav_left a img {width: 9px;height: 18px;float: right;margin-top: 2px;}
.allnav_left .tels{ float:left; overflow:hidden; padding:20px 0}
.allnav_left .tels dd{ float:left; width:100%; line-height:25px; font-size:0.95rem; color:#666; text-indent:10px;}
.allnav_left .tels span{ float:left; width:100%; line-height:35px; font-size:1.2rem; color:#0099cc; text-indent:10px;}
.bk_gray {background: #000;opacity: 0.4;filter: alpha(opacity=40);position: fixed;width: 100%;height: 100%;z-index: 98;display: none;top: 0;}

#banner {margin-top: 50px;}
.swiper-slide img {display: block;width: 100%;}
.pagination {position: absolute;bottom: 5px;width: 100%;text-align: center;z-index: 5;}
.banner-pagination .swiper-pagination-bullet {width: 8px;height: 8px;border-radius: 10px;}
.banner-pagination .swiper-pagination-bullet-active {background-color: #fff;width: 16px;}


.container {padding: 15px 10px 25px;}
.container .title {width: 100%;text-align: center;color: #333;font-size: 1.5rem;margin-bottom: 20px;}
.container .title p {color: #888;font-size: 0.9rem;}
.container .more {display: block;width: 110px;height: 30px;line-height: 30px;border:2px solid #0099cc;border-radius: 30px;text-align: center;color: #0099cc;margin: 10px auto;}
.pro_wrap .pro_list {text-align: center;}
.pro_wrap .pro_list li {display: inline-block;vertical-align: top;width: 32%;margin-bottom: 15px;}
.pro_wrap .pro_list li a {display: block;text-align: center;}
.pro_wrap .pro_list li a .icon {width: 60px;height: 60px;display: block;margin: 0 auto;}
.pro_wrap .pro_list li a .icon img {width: 60px;height: 60px;}
.pro_wrap .pro_list li a h4 {color: #555;font-size: 0.8rem;margin-top: 5px;line-height: 100%;}

.industry .industry_wrap>li{width:100%;display:inline-block;vertical-align: top;position: relative;margin: 0 0 15px 0;border:1px solid #dcdcdc;border-radius: 3px;padding:5px;box-sizing: border-box;}
.industry .industry_wrap .mar-cen{margin:0 1.3%;}
.industry .industry_wrap img{width:110px;}
.industry .industry_wrap div{width:calc(100% - 120px);}
.industry .industry_wrap li {transition: all 1s ease;}
.industry .industry_wrap li .app-on{width:100%;background:#f3f3f3;padding:5px;border-radius: 3px;box-sizing: border-box;transition: background 1s ease;}
.industry .industry_wrap li .app-text h2{font-size: 1rem;line-height: 20px;color:#474747;margin-bottom: 5px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden;}
.industry .industry_wrap li .app-text p{font-size: 0.85rem;line-height: 16px;color:#666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.industry .industry_wrap li .app-text span {font-size: 0.85rem;margin-top: 5px;display: block;color:#666}
.industry .industry_wrap li:hover {border-color: #0099cc;}
.industry .industry_wrap li:hover .app-on{background:#0099cc;color:#fff}
.industry .industry_wrap li:hover h2,.industry .industry_wrap li:hover p,.industry .industry_wrap>li:hover a{color:#fff}

.advert {padding: 20px 0px;}
.advert .advert_wrap .advert_con {text-align: center;}
.advert .advert_wrap .advert_con .ad-text {color: #fff;font-size: 1.2rem;margin-bottom: 10px;}
.advert .advert_wrap .advert_con p {color: #fff;font-size: 0.85rem;}

.news_con ul li {padding-bottom: 20px;}
.news_con ul li .new-left{width:60px;border:1px solid #cccccc;text-align: center}
.news_con ul li .new-left span{font-size:2rem;height: 60px;line-height: 60px;border-bottom:1px solid #cccccc;display:block;width:100%;color: #888}
.news_con ul li .new-left p{line-height: 45px;font-size: 0.85rem;color: #888;}
.news_con ul li .new-right {width: calc(100% - 70px);}
.news_con ul li .new-right a.tit {display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color: #333;font-size: 1.1rem;margin-bottom: 5px;}
.news_con ul li .new-right p {color:#888;font-size: 0.9rem;line-height: 18px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.news_con ul li .new-right a.des {display: inline-block;color: #0099cc;font-size: 0.9rem;margin-top: 5px;}

.cooper_wrap {padding: 20px 0px;}
.cooper_wrap .cooper {text-align:right;}
.cooper_wrap .cooper h4 {color: #1b67b2;font-size: 1.4rem;}
.cooper_wrap .cooper p {color: #333;font-size: 0.85rem;}

.jishu_wrap .jishu_con {font-size: 0px;margin-bottom: 30px;}
.jishu_wrap .jishu_con li {display: inline-block;vertical-align:top;width: 25%;text-align: center;}
.jishu_wrap .jishu_con li a .icon img {width: 60px;height: 60px;}
.jishu_wrap .jishu_con li a p {font-size: 0.95rem;color: #555;}

.lkkj_wrap {padding: 0px;}

.about_wrap .about_con {margin-bottom: 20px;}
.about_wrap .about_con .img {margin-bottom: 10px;}
.about_wrap .about_con p {color: #555;font-size: 0.95rem;line-height: 22px;}

.honor_con ul li {float: left;width: 32%;margin: 0 .5%;}

.partner_con ul li {width: 33%;border:1px solid #dcdcdc;float: left;margin-left: -1px;margin-top: -1px;}


.footer {overflow:hidden;background:#0099cc;}
.footer .foot_nav{ float:left;}
.footer .foot_nav .item{ float:left; overflow:hidden;}
.footer .foot_nav .item h2{ height:20px; line-height:20px; font-size:1.2rem; color:#fff}
.footer .foot_nav .item1 li {display: block;float: left;margin-right: 10px;margin-bottom: 5px;}
.footer .foot_nav .item2 li{ line-height:22px;display: block;color: #fff;font-size: 0.95rem;margin-bottom: 5px;min-height: 25px;}
.footer .foot_nav .item li a{ color:#fff; font-size:0.95rem;}
.footer .foot_nav .item .icps{ color:#fff; font-size:0.9rem;display: block;}
.footer .foot_nav .item li a:hover{ color:#0497e0}
.footer .foot_nav .item dd{ display:block; width:30px; height:1px; background:#fff;margin:10px 0px;}
.footer .foot_nav .item .itks{ height:40px; line-height:40px; background:url(../images/footer-icon.png) no-repeat; text-indent:35px; color:#fff; font-size:14px}
.footer .foot_nav .item .itks a{ color:#fff; font-size:14px;}
.footer .foot_nav .item .it1{ background-position:-5px 10px}
.footer .foot_nav .item .it2{ background-position:-5px -34px}
.footer .foot_nav .item .it3{ background-position:-5px -83px}
.footer .foot_nav .item .it4{ background-position:-5px -133px}


.footer{ height:auto !important}
.foot_nav{ padding:15px;}
.foot_nav .item{ float:left; width:100% !important; height:auto !important; margin-bottom:15px; padding-bottom:15px;}
.foot_nav .item ul{ width:100% !important; margin:0 !important; height:auto !important;margin-top: 5px;}
.foot_nav .item1{ border-right:none !important; border-bottom:1px solid #2f9fff}
.foot_nav .item2{ padding:0 !important; border-right:none !important;}
.foot_nav .item3{ padding:0 !important;}
.footer .foot_nav .item .itks{ height:auto}
.footer .foot_nav .item li .icon {display: block;float: left;width: 22px;height: 22px;}
.footer .foot_nav .item li .icon img {width: 22px;}
.footer .foot_nav .item li span {display: block;width: calc(100% - 30px);float: right;}


/*返回顶部*/
#topcontrol {position: fixed; bottom: 30px; right: 10px; opacity: 1; cursor: pointer;z-index: 999;}
#topcontrol img {width:40px; height:44px; border:0; position:relative; z-index:20}