﻿*{ margin:0; padding:0;}
*{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
:after,:before{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
body{ color:#666; width:100%; padding:0; margin:0 auto; background:#eff2f8; font:14px/22px -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft yahei", arial, "PingFangSC-Regular", sans-serif;}
ul,li{ list-style:none; margin:0; padding:0;}
p,h1,h2,h3,h4,h5,h6,ul input,button{ margin:0; padding:0;}
img{ border:0; padding:0; margin:0;}
a{ text-decoration:none; color:#333; padding:0; margin:0;}
a:hover,a:link,a:visited,a:active{ text-decoration:none; color:#ff971b; outline:none;out-line:none;}
.clearfix{ *zoom: 1;} 
.clearfix:before,.clearfix:after{ display:table; line-height:0; content:"";} 
.clearfix:after{ clear:both;} 
.fl{ float:left;}
.fr{ float:right;}
input,textarea,button,select,input:focus,textarea:focus,button:focus,select:focus{ outline:none;} 
img{ display:block;}

/*top*/
.header{ display:-webkit-box; height:61px; background:#fff; padding:0 15px; position:fixed; top:0; left:0; right:0; z-index:99;}
.header .menu-left{ padding-top:22px;}
.header .menu-left img{ height:16px; width:20px;}
.header .top-logo{ -webkit-box-flex:1; padding-top:16px;}
.header .top-logo img{ width:138px; height:29px; margin:0 auto;}
.header .top-tel{ padding-top:20px;}
.header .top-tel img{ width:18px; height:21px;}

/*左侧导航*/
.sidebar{ background:#fff; padding-top:61px;}
.sidebar .title{ margin:0 40px; font-size:16px; line-height:60px; border-bottom:1px solid #eee;} 
.sidebar .titleBg{ float:left; font-size:16px; height:60px; line-height:60px; background:#eee; padding-left:40px; width:240px;}
.sidebar .title a{ display:block; width:100%; color:#333;}
.sidebar .navShow{ float:right; width:40px; height:60px; line-height:60px;
background:#eee url(../images/menu_open.png) no-repeat left center; background-size:20px 20px;}
.sidebar .navHide{ background:#eee url(../images/menu_close.png) no-repeat left center; background-size:20px 20px;}
.sidebar .navCont{ background:#fff; width:100%; margin-top:67px;}
.sidebar .navCont li{ border-bottom:1px solid #eee; line-height:55px; margin:0 40px; padding:0 20px;} 
.sidebar .navCont li a{ color:#999;}

/*首页banner*/
.index-banner{ width:100%; height:auto; position:relative; overflow:hidden; margin-top:61px;}
.index-banner .swiper-wrapper img{ display:block; width:100%;height: 180px;}
.index-banner .swiper-pagination{ position:absolute; bottom:10px; left:0; z-index:2;}
.index-banner .swiper-pagination .swiper-pagination-bullet{ width:14px; height:14px; border:1px solid #ff971b; -webkit-border-radius:7px; margin:0 5px; background:#fff; opacity:1;}
.index-banner .swiper-pagination .swiper-pagination-bullet-active{ background:#ff971b;}

/*底部*/
footer{ width:100%; background:url(../images/footer_bg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;float:left;}
footer .foot-logo{ padding:30px 0 20px 0; border-bottom:1px solid #fff; margin:0 15px;}
footer .foot-logo img{ width:169px; height:35px; margin:0 auto;}
footer .foot-text{ color:#fff; line-height:22px; padding:20px 20px 30px 30px;}
footer .foot-text p{ font-size:12px;}
footer .foot-text h3{ font-size:15px; padding-bottom:10px;} 
footer .foot-text a{ color:#fff;}

/*title*/
.index-title{ text-align:center; padding:30px 0 20px 0;}
.index-title p{ font-size:14px; letter-spacing:2px; line-height:14px; color:#ccc;}
.index-title h3{ font-size:18px; font-weight:normal; line-height:18px; margin-bottom:8px; position:relative;}
.index-title h3:after,
.index-title h3:before{ content:""; position:absolute; top:6px; background:url(../images/title_bg.png) no-repeat center; width:20px; background-size:20px 7px; height:7px;}
.index-title h3:after{ left:50%; margin-left:-66px;}
.index-title h3:before{ right:50%; margin-right:-66px;}

/*更多*/
.index-more{ width:170px; height:40px; -webkit-border-radius:40px; background:#ff971b; margin:0 auto;}
.index-more a{ display:block; text-align:center; line-height:40px; color:#fff;}

/*首页--公司简介*/
.index-profile{ padding:0 15px 30px 15px; background:url(../images/index_profileBg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;}
.index-profile .text{ text-align:center;}
.index-profile .list{ padding:55px 0 30px 0;}
.index-profile .list li{ width:100%; background:#fff; position:relative; padding:0 15px 16px 15px;}
.index-profile .list li p{ color:#999;}
.index-profile .list li h3{ padding:50px 0 12px 0; font-size:16px; font-weight:normal; color:#333;}
.index-profile .list li img{ position:absolute; top:-35px; left:50%; margin-left:-36px; width:72px; height:70px;}
.index-profile .list li:nth-of-type(1){ margin-bottom:55px;}

/*首页--产品中心*/
.index-product{ padding-bottom:30px;}
.index-product .list{ padding:0 15px 30px 15px;}
.index-product .list li{ background:#fff; margin-bottom:20px; padding-bottom:20px;}
.index-product .list li p{ padding:0 20px; height:44px; overflow:hidden;}
.index-product .list li p a{ color:#999;}
.index-product .list li h3{ font-size:16px; font-weight:normal; margin:17px 20px 8px 20px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.index-product .list li h3 a{ color:#333;}
.index-product .list li img{ margin:0 auto; width:100%; height:175px;}
.index-product .list li:nth-last-of-type(1){ margin-bottom:0;}

/*首页--解决方案*/
.index-solution{ background:#fff; padding-bottom:30px;}
.index-solution .list{ padding:0 10px 25px 10px;}
.index-solution .list li{ width:50%; padding:5px; position:relative;}
.index-solution .list li h3{ font-size:14px; font-weight:normal; position:absolute; top:66px; left:0; width:100%; text-align:center;}
.index-solution .list li h3 a{ color:#fff;}
.index-solution .list li .img{ width:100%; height:130px;}
.index-solution .list li .icon{ position:absolute; top:37px; left:50%; width:26px; height:26px; margin-left:-13px;}
.index-solution .list li .bg{ position:absolute; top:5px; right:5px; bottom:5px; left:5px; background:rgba(0,0,0,.5);}

/*首页--新闻资讯*/
.index-news{ padding-bottom:30px;}
.index-news .list{ padding:0 15px 30px 15px;}
.index-news .list li{ display:-webkit-box; background:#fff url(../images/index_newsg.png) no-repeat right bottom; margin-bottom:20px;}
.index-news .list li .img{ width:125px; height:100px;}
.index-news .list li .txt{ -webkit-box-flex:1; padding:0 20px 0 15px;}
.index-news .list li:nth-last-of-type(1){ margin-bottom:0;}
.index-news .list li .txt p{ height:44px; overflow:hidden;}
.index-news .list li .txt p a{ color:#999;}
.index-news .list li .txt h3{ font-size:16px; font-weight:normal; margin:12px 0 3px 0;}
.index-news .list li .txt h3 a{ color:#333;}

/*客户案例*/
.zy-case{}
.zy-case .case-list{ padding:15px 10px 5px 10px; background:#fff; margin-bottom:30px;}
.zy-case .case-list li{ width:50%; padding:0 5px; margin-bottom:10px; position:relative;}
.zy-case .case-list li:after{ content:""; position:absolute; top:0; right:5px; bottom:0; left:5px; -webkit-box-shadow:0 0 3px rgba(0,0,0,.2);}
.zy-case .case-list li .img{ width:100%; height:140px;}
.zy-case .case-list li .txt{ padding:0 15px 15px 15px;}
.zy-case .case-list li .txt p{ height:88px; overflow:hidden; text-align:justify;}
.zy-case .case-list li .txt p a{ color:#999;}
.zy-case .case-list li .txt h3{ font-size:16px; font-weight:normal; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin:15px 0 5px 0;}
.zy-case .case-list li .txt h3 a{ color:#333;}

/*分页*/
.pagination{ margin:0 auto 30px auto; width:312px; padding:0 15px;}
.pagination li{ text-align:center;}
.pagination li:nth-of-type(1),
.pagination li:nth-last-of-type(2){ width:66px; height:34px; line-height:32px; border:1px solid #ccc;}
.pagination li:nth-last-of-type(1){ width:44px; height:34px; background:#ccc; line-height:34px; margin-left:10px;} 
.pagination li:nth-last-of-type(1) a{ color:#fff;}
.pagination li:nth-of-type(2){ width:28px; height:28px; line-height:26px; border:1px solid #ccc; margin:3px 10px;}
.pagination li a{ color:#333;}
.pagination li:nth-of-type(3){ line-height:34px; color:#333; margin-right:10px;}

/*公司简介*/
.zy-profile{ background:url(../images/index_profileBg.jpg) no-repeat center top; background-attachment:fixed; background-size:cover;}
.zy-profile .profile-text{ padding:0 15px 10px 15px;}
.zy-profile .profile-text p{ margin-bottom:10px; text-indent:2em; text-align:justify;}

/*公司简介--公司活动*/
.zy-activity .activity-list{ background:#fff; padding:15px 10px 5px 10px;}
.zy-activity .activity-list li{ width:50%; padding:0 5px; margin-bottom:10px; position:relative;}
.zy-activity .activity-list li p{ position:absolute; bottom:0; left:5px; right:5px; background:rgba(0,0,0,.5); height:36px; }
.zy-activity .activity-list li p a{ color:#fff; line-height:36px; display:block; padding:0 10px;}
.zy-activity .activity-list li img{ width:100%; height:140px;}

/*公司简介--企业文化*/
.zy-culture{}
.zy-culture .culture-text{ padding:0 15px 15px 15px;}
.zy-culture .culture-text p{ margin-bottom:10px; text-align:justify;}

/*产品中心*/
.zy-product .product-list{ padding:0 15px; margin-bottom:30px;}
.zy-product .product-list li{ background:#fff; margin-bottom:20px; padding-bottom:20px;}
.zy-product .product-list li p{ padding:0 20px; height:44px; overflow:hidden;}
.zy-product .product-list li p a{ color:#999;}
.zy-product .product-list li h3{ font-size:16px; font-weight:normal; margin:17px 20px 8px 20px; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zy-product .product-list li h3 a{ color:#333;}
.zy-product .product-list li .img{ width:100%; height:175px; overflow:hidden;}
.zy-product .product-list li:nth-last-of-type(1){ margin-bottom:0;}

/*文章页*/
.zy-details .tit{ font-size:18px; text-align:center; color:#000; padding:28px 15px;}
.zy-details .txt{ padding:15px; background:#fff;}
.zy-details .txt p{ text-align:justify; margin-bottom:10px;}
.zy-details .txt h4{ font-size:14px; font-weight:normal; color:#ff971b;}
.zy-details .txt img{ max-width:100%; margin:0 auto 15px auto;}

/*解决方案*/
.zy-solution .solution-list{ padding:0 15px 30px 15px;}
.zy-solution .solution-list li{ padding:15px; display:-webkit-box; border:1px solid #ccc; background:#fff; margin-bottom:15px;}
.zy-solution .solution-list li .img{ width:40px; height:34px; margin-top:18px;}
.zy-solution .solution-list li .txt{ -webkit-box-flex:1; border-left:1px solid #ccc; padding-left:15px; margin-left:15px;}
.zy-solution .solution-list li .txt p{ height:44px; overflow:hidden; margin-top:5px;}
.zy-solution .solution-list li .txt p a{ color:#999;}
.zy-solution .solution-list li .txt h3{ font-size:16px; font-weight:normal; height:22px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.zy-solution .solution-list li .txt h3 a{ color:#333;}
.zy-solution .solution-list li:nth-last-of-type(1){ margin-bottom:0;}

/*资讯中心*/
.zy-news .news-list{ padding:0 15px; margin-bottom:30px;}
.zy-news .news-list li{ background:#fff; margin-bottom:15px; padding-bottom:15px;}
.zy-news .news-list li p{ margin:0 15px 20px 15px; height:44px; overflow:hidden;}
.zy-news .news-list li p a{ color:#999;}
.zy-news .news-list li h3{ font-size:16px; font-weight:normal; margin:17px 15px 8px 15px; height:44px; overflow:hidden;}
.zy-news .news-list li h3 a{ color:#333;}
.zy-news .news-list li .img{ width:100%; height:175px; overflow:hidden;}
.zy-news .news-list li .date{ margin:0 15px;}
.zy-news .news-list li:nth-last-of-type(1){ margin-bottom:0;}

/*联系我们*/
.zy-contact{}
.zy-contact .contact-text{ padding:15px; background:#fff;}
.zy-contact .contact-text .map,
.zy-contact .contact-text .map img{ width:100%; height:167px;}
.zy-contact .contact-text .txt{ padding:15px 0 10px 0;}
.zy-contact .contact-text .txt p{ line-height:26px; color:#999;}
.zy-contact .contact-text .txt p a{ color:#999;}
.zy-contact .contact-text .txt h3{ font-size:16px; font-weight:normal;}
.zy-contact .contact-text .txt .line{ width:60px; height:3px; background:#ff971b; margin:10px 0 15px 0;}


/*检索*/
.retrieveNav{ background:#fff; height:60px; line-height:60px; padding:0 10px; border-bottom:1px solid #eee;}
.retrieveNav a{ color:#333; margin:0 5px;}
.retrieveNav a:hover,.retrieveNav a.on{ color:#ff971b;}





















