*{padding: 0;margin:0;font:normal 12px 'Arial','Microsoft YaHei', '微软雅黑', 'SimSun', '宋体', 'Heiti', '黑体','sans-serif';}
.navbar-header{position: relative;min-height: 83px;float: none;}
.navbar-toggle{float: none;margin-top:auto;margin-right: auto;margin-bottom: auto;position: absolute;top: 50%;right: 0;transform: translateY(-50%);}
/*swiper*/.swiper-container{position: absolute;bottom: 0;display: none;width: auto;}
.swiper-container .active{background-color: rgba(255,255,255,0.3);}
.swiper-slide{text-align: center;font-size: 16px;width: auto !important;margin: 0 !important;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.swiper-slide a{display: block;width:auto;padding:15px 20px;color:#ffffff;text-decoration: none;font-size: 14px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);}
.swiper-slide a:hover{color:#ffffff;text-decoration: none;background-color: rgba(255,255,255,0.3);}
/*公司简介*/.intro_banner,.product_banner{width:100%;padding-bottom: 25%;/*background: url("../img/intro_banner.jpg") no-repeat 50% 50%;background-size: cover;*/position: relative;}
.inside_navs{width:100%;position: relative;}
.banner_tl{position: absolute;left: 0;top: 50%;/* height: 100%;*/width: 100%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);margin-top: -24px;}
.inban_txt{color:#ffffff;font-size: 18px;}
.inban_txt h3{text-transform: uppercase;font-weight: bold;font-size: 36px;}
.inban_txt p{padding-top: 10px;font-size: 18px;}
.intro_nav,.swiper{position: absolute;bottom: 0;width: 100%;background-color: rgba(1,137,255,0.9);}
.swiper{display: none;overflow: hidden;}
.introul{width: 100%;}
.introul ul{list-style-type: none;height: 100%;margin-bottom: 0;}
.introul ul li{float: left;}
.introul ul li a{text-decoration: none;display: block;padding:15px 18px;color:#ffffff;font-size: 14px;border-left:1px solid rgba(255,255,255,0.1);border-right:1px solid rgba(255,255,255,0.1);}
.introul ul li a:hover{background-color: rgba(255,255,255,0.3);}
.introul ul li .active{background-color: rgba(255,255,255,0.3);}
.intro_txt{padding: 85px 0;}
.intro_title{width: 114px;height: 50px;font-size: 27px;text-align: center;font-weight: lighter;color:#333333;background: url("../img/intro_title.png") no-repeat center bottom;margin: auto; text-transform:uppercase;}
.intro_cc{padding-top: 1px;}
.intro_c{padding-top: 1px;text-align: center;}
.intro_c h4{margin-top: 20px;font-size: 16px;color:#666666;font-weight: bold;line-height: 46px;}
.intro_c p{color:#666666;font-size: 12px ;line-height: 24px;}
.intro_c .intro_icon{width: 25%;float: left;text-align: center;font-size: 12px;color:#666666;padding-top:70px;}
.intro_icon img{width: 60%;height: auto;}
.intro_icon .in_ticon{padding-top: 28px;}
.intro_pic{margin-top:80px;background-repeat: no-repeat;background-position: 50% 50%;background-size: cover;padding-bottom: 30%;}
/*公司文化*/.cult_m{margin-top: 20px;}
.cult_icon{width: 33.3%;float: left;text-align: center;font-size: 12px;color:#666666;padding-top:40px;}
.cult_icon img{width: 90%;height: auto;}
/*荣誉资质*/.honor_c{padding-top: 70px;}
.honor_c ul{text-align: center;list-style-type:none;padding-bottom: 70px;}
.honor_c ul li{cursor: pointer;width: 21%;float: left;padding: 20px 30px;margin: 20px 20px;border:1px solid #e1e1e1;}
.honor_c ul li a{display: block;}
.honor_c ul li img{width: 100%;height: auto;}
/*产品列表*/.product_banner{background: url("../img/product_banner.jpg") no-repeat 50% 50%;background-size: cover;}
.product_c{padding: 0;}
.product_c ul{text-align: center;list-style-type:none;padding-bottom: 60px;width: 103%;}
.product_c ul li{cursor: pointer;width: 31%;float: left;margin-right: 2%;margin-bottom:20px;-webkit-transition:box-shadow 0.5s ;-moz-transition: box-shadow 0.5s;-ms-transition: box-shadow 0.5s;-o-transition: box-shadow 0.5s;transition: box-shadow 0.5s;}
.product_c ul li:hover{-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2) ;-moz-box-shadow: 0 0 30px rgba(0,0,0,0.2) ;box-shadow: 0 0 30px rgba(0,0,0,0.2) ;}
.product_c ul li a{overflow: hidden;color:#666666;text-decoration: none;display: block; border:1px solid #e1e1e1;padding: 20px;min-height: 280px;}
.product_c ul li a img{width: 100%;height: auto;-webkit-transition:transform 0.5s ;-moz-transition: transform 0.5s;-ms-transition: transform 0.5s;-o-transition: transform 0.5s;transition: transform 0.5s;}
.product_c ul li:hover a img{-webkit-transform: scale(1.03);-moz-transform: scale(1.03);-ms-transform: scale(1.03);-o-transform: scale(1.03);transform: scale(1.03);}
.product_c ul li h5{line-height: 55px;font-size: 16px;color:#666666;word-break:break-all;  display:-webkit-box;  -webkit-line-clamp:1;  -webkit-box-orient:vertical;  overflow:hidden;}
/*产品详情*/.po_banner{background-color: #e5e5e5;}
.po_banner .po_txt{line-height:50px ;color:#999;}
.po_banner a{text-decoration: none;color:#999999;padding: 0 10px;}
.po_banner span{padding: 0 10px;}
.po_con{padding: 50px 0;}
.po_pic{width: 40%;float: left;}
.po_pic .po_depic{padding: 15px;border:1px solid #d9d9d9}
.po_pic .po_depic img{width: 100%;}
.po_detail{float: left;width: 60%;padding: 40px 0 40px 80px;}
.po_detail h3{font-size: 28px;padding-bottom: 30px;margin: 0;color:#333333;}
.po_num{padding-bottom: 20px;border-bottom: 1px solid #dedede;}
.po_num h5{font-size: 14px;line-height: 24px;color:#666666;font-weight: bold;}
.po_num ul li{width: 35%;margin-left: 20px;float: left;font-size: 14px;color:#666666;}
.po_share{padding: 40px 0;}
.po_share ul{vertical-align: middle;margin: 0;display: inline-block;list-style-type: none;}
.po_share ul li{float: left;padding: 0 5px;}
.po_btn{text-decoration: none;display: inline-block;padding: 10px 40px;border:1px solid #d9d9d9;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#666666;font-size: 12px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.po_btn:hover{color:#ffffff;text-decoration: none;background-color: #008aff;border:1px solid #008aff;}
.po_tab .nav{position: relative;right: 0;padding-top: 40px;}
.nav>li>a{padding: 12px 40px;}
.nav-tabs>li{margin-right: 1px;}
.nav-tabs>li>a{margin: 0;border:none;border-radius: inherit;background-color: #e6e6e6;color:#666666;font-size: 14px;-webkit-transition: all 0.3s ;-moz-transition: all 0.3s ;-ms-transition: all 0.3s ;-o-transition: all 0.3s ;transition: all 0.3s ;}
.nav-tabs>li>a:hover{background-color: #0189ff;color:#ffffff;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{border:none;background-color: #0189ff;color:#ffffff;}
.tab-content{padding:40px 18px 0 18px;}
.tab-content p{font-size: 12px;color:#666666;line-height: 30px;}
.po_input01{width: 50%;float: left;padding-bottom: 15px;}
.po_input01 label,.po_input02 label{width: 20%;color:#666666;font-size: 14px;font-weight: inherit;text-align: right;padding-right: 5px;}
.po_input02 label{width: 10%;vertical-align: top;}
.po_input01 label b,.po_input02 label b{color:red;padding-right: 5px;}
.po_input01 .po_int{display: inline-block;width: 78%;outline: none;}
.po_input01 .po_int input{width: 100%;height: 35px;border:1px solid #e9e9e9;padding: 10px;outline: none;}
.po_input02{width: 100%;vertical-align: middle;}
.po_input02 .po_area{display: inline-block;width: 89%;}
.po_area input{outline: none;display: block;padding: 12px 60px;margin-top: 15px;background-color: #008aff;border:none;color:#ffffff;font-size: 14px;}
.po_input02 textarea{padding: 10px;resize: none;width: 100%;height: 140px;border:1px solid #e9e9e9;outline: none;}
/*案例列表*/
.anlist_con{padding: 65px 15px;}
.classify{text-align: center;margin: auto;line-height: 50px;font-size: 0;}
.anlist_btn{display: inline-block; vertical-align:middle;}
.anlist_btn a{display: inline-block;height: 50px; line-height:50px;font-size: 14px;vertical-align: middle;margin: 0 5px;border: 1px solid #dedede;color: #666; padding:0 30px;}
.anlist_btn a:hover{background-color: #008aff;color: #ffffff;border-color: #008aff;text-decoration: none;}
.classify_dl:hover{background-color: #008aff;border-color: #008aff;}
.classify_dl:hover .classify_tl{color: #fff;background: url(../img/case_down_hover.png) no-repeat 94% center;}
.classify_dl.active{background-color: #008aff;border-color: #008aff;}
.classify_dl.active .classify_tl{color: #fff;background: url(../img/case_down_hover.png) no-repeat 94% center;}
.anlist_btn a.active{background-color: #008aff;color: #ffffff;border-color: #008aff;}
.classify_dl{position: relative;display: inline-block;vertical-align: middle;margin: 0 5px;}
.classify_dl ul{display:none;list-style-type: none;position: absolute;top: 50px;left: 0px;width: 100%;background-color: #ffffff;z-index: 100;box-shadow:0 0 10px rgba(0,0,0,0.1);transition: all 0.1s;}
.classify_dl:hover ul{display: block;}
.classify_dl ul a{text-decoration: none;display: inline-block;width: 100%;height: 50px; line-height:50px;font-size: 14px;color:#666666;}
.classify_dl ul a:hover{text-decoration: none;background-color: #f1f1f1;}
.classify_dl ul a.active{text-decoration: none;background-color: #f1f1f1;}
.classify .classify_tl{display: inline-block;text-decoration: none;height: 50px; line-height:50px;/* padding: 15px 60px;*/border: 1px solid #dedede;font-size: 14px;text-indent: -10px;color: #666666;background: url(../img/case_down.png) no-repeat 94% center; padding:0 30px;}
.anlist_pic{width: 100%;padding: 40px 0;}
.anlist_pic ul{list-style-type: none;}
.anlist_pic ul li{width: 20%;float: left;padding:5px ;box-sizing:border-box}
.anlist_pic ul li a{display: block;position: relative;text-decoration: none;}
.anlist_pic ul li a .mask{background-color: rgba(1,137,255,0.95);}
.anlist_pic ul li a:hover .mask{opacity: 1;}
.anlist_pic ul li a img{width: 100%;height: auto;}
.anlist_pic ul li a .mask img{display: block;width: 32px;height: 32px;margin-top: 10px;}
.more_anlist{text-decoration: none;display: block;margin: auto;width: 255px;height:50px;line-height: 50px;text-align: center;border:1px solid #0189ff;color:#0189ff;-webkit-transition: all 1s ;-moz-transition: all 1s ;-ms-transition: all 1s ;-o-transition: all 1s ;transition: all 1s ;}
.more_anlist:hover{text-decoration: none;border:1px solid #0189ff;color:#ffffff;background-color: #0189ff;}
/*案例详情*/.andetail{padding: 70px 0;text-align: center;}
.andetail h3{text-align: center;color:#333333;font-size: 28px;line-height: 50px;padding-bottom: 50px;}
.andetail p{font-size: 12px;color:#666666;text-align: left;}
.andetail ul{padding: 40px 0;list-style-type: none;}
.andetail ul li{width: 50%;padding:0 20px;float: left;}
.andetail ul li img{width: 100%;height:auto;}
.po_share ul{padding: 0;}
.po_share ul li{width: auto;float: left;padding: 0 5px;}
.po_share ul li a{display: inline-block;padding: 12px;background-size: contain;margin: 0;}
.po_share ul li .share1{background: url("../img/po_share1.png") no-repeat center;}
.po_share ul li .share2{background: url("../img/po_share2.png") no-repeat center;}
.po_share ul li .share3{background: url("../img/po_share3.png") no-repeat center;}
.po_share ul li .share4{background: url("../img/po_share4.png") no-repeat center;}
.po_share ul li .share5{background: url("../img/po_share5.png") no-repeat center;}
/*新闻列表*/.news_list{padding: 65px 0;}
.news_list .news_ul{list-style-type: none;padding-bottom:30px ;}
.news_list .news_ul li{padding: 20px;}
.news_list .news_ul li:nth-child(odd){background-color: #f2f4f5;}
.news_list .news_con{float: left;padding: 10px 0;font-size: 12px;color:#999999;width: 80%;}
.news_img{float: left;width: 20%;padding-right: 35px;}
.news_img img{width: 100%;height:auto;overflow: hidden;}
.news_img a:hover{opacity: 0.7;}
.news_img a{display: block;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.news_con h3{padding-bottom: 5px;margin: 0;word-break:break-all;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;}
.news_con h3 a{text-decoration: none;font-size: 18px;color:#333333;}
.news_con h3 a:hover{color:#0189ff;}
.news_con p{padding-top: 20px;line-height: 18px;}
/*新闻详情*/.news_detail{padding: 70px 0;text-align: center;}
.news_detail h3{color:#333333;font-size: 28px;line-height: 50px;margin: auto;padding-bottom: 25px;}
.news_detail span{color:#999999;font-size: 12px;}
.newsdetail_con{padding: 30px 0;}
.newsdetail_img{padding: 20px 0 50px 0;}
.newsdetail_img img{width:100% ;height: auto;min-height: 200px;}
.newsdetail_con p{text-align: left;font-size: 12px;color:#666666;line-height: 26px;}
/*联系我们*/.contact_con{padding: 70px 0;}
.contact_map{width: 100%;height: 565px;min-height: 300px;}
/*分页*/.paging{padding-top: 30px;}
.paging ul{width: 60%;text-align: center;margin: auto;color:#666666;font-size: 12px;list-style-type: none;}
.paging .last{background: url("../img/last.png") no-repeat 50% 50%;}
.paging .next{background: url("../img/next.png") no-repeat 50% 50%;}
.paging ul li{display: inline-block;padding: 0;}
.paging ul li a{text-decoration: none;color:#000000;display: inline-block;padding: 5px 10px;border:1px solid #d9d9d9;margin: 0 3px;}
.paging ul li a:hover,.paging ul li .active{color:#ffffff;background-color: #0189ff;border:1px solid #0189ff;}
.paging ul .jump{display: inline-block;padding-left: 20px;}
.jump .honor_num{display: inline-block;width: 33px;text-align: center;line-height: 27px;border:1px solid #d9d9d9;}
.jump .btn_jump{display: inline-block;padding: 5px 15px;margin-left: 10px;color:#999999;border:1px solid #d9d9d9;}
.paging ul .h_block{text-decoration: none;border:1px solid #d9d9d9;display: none;margin: 0 10px;}
.h_block:hover{text-decoration: none;}
/*分页*/@media screen and (min-width: 768px)and (max-width: 1200px){.intro_banner,.product_banner{padding-bottom: 40%;}
.intro_pic{padding-bottom: 50%;}
.news_con p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.po_input01 .po_int{width: 70%;}}
@media screen and (min-width: 992px)and (max-width: 1200px){.introul ul li a{padding:15px 12px;}
.honor_c ul li{width: 20.5%;float: left;padding: 20px 30px;border:1px solid #e1e1e1;}
.intro_txt{padding: 60px 0;}
.anlist_pic ul li{width: 33.3%;}
.anlist_pic ul li a{display: block;overflow: hidden;max-height: 300px;}
.anlist_pic .case_read{height: 60px;line-height: 60px;font-size: 20px;}
.news_right{width: 20%;padding: 50px 0 0 40px;}
.news_img{width: 30%;}
.news_list .news_con{width: 70%;}
.news_list .news_c{width: 80%;}
.po_input02 label{width: 10%;}
.po_input02 .po_area{width: 85%;}}
@media screen and (min-width: 768px)and (max-width: 992px){.intro_txt{padding: 50px 0;}
.intro_nav{display: none;}
.introul ul li a{padding: 15px 8px;}
.swiper{display: block;}
.swiper-container{display: block;}
.swiper .container{padding: 0;}
.honor_c ul{padding-bottom: 0;margin: 0;}
.honor_c ul li{width: 44%;}
.paging ul li{display: none;}
.paging ul .jump{display: none;}
.paging ul .h_block{display: inline-block;padding: 10px 30px;font-size: 16px;}
.product_c ul li{width: 31%;}
.product_c ul li h5{line-height: 30px;font-size: 14px;}
.po_pic{width: 50%;}
.po_detail{width: 50%;padding: 10px 0 40px 50px;}
.po_detail h3{font-size: 20px;padding-bottom: 20px;}
.po_num{padding-bottom: 10px;}
.po_num ul li{width: 100%;margin-left: 20px;font-size: 14px;}
.po_share{padding: 20px 0;}
.po_input01 label{width: 28%;}
.po_input02 label{width: 14%;}
.po_input02 .po_area{width: 85%;}
.anlist_pic ul li{width: 50%;}
.anlist_pic ul li a{display: block;overflow: hidden;max-height: 350px;}
.news_right{text-align: center;width: 25%;padding-top: 65px;float: left;}
.news_img{width: 45%;}
.news_list .news_con{width: 55%;}
.news_list .news_c{width: 75%;}}
@media screen and (max-width: 768px){.intro_txt{padding: 10px 0 45px 0;}
.intro_nav{display: none;}
.swiper{display: block;}
.swiper .container{padding: 0;}
.swiper-container{display: block;}
.intro_banner,.product_banner{padding-bottom: 52%;background-size: cover;}
.intro_c .intro_icon{width: 50%;float: left;font-size: 12px;}
.inban_txt h3{font-size: 25px;}
.inban_txt p{font-size: 16px;}
.inban_txt img{max-width: 80%;height: auto;}
.intro_pic{padding-bottom: 65%;}
.cult_icon{width: 100%;float: none;text-align: center;font-size: 12px;color:#666666;padding-top:40px;}
.cult_icon img{width: 80%;height: auto;}
.honor_c ul{padding-bottom: 0;margin: 0;}
.honor_c ul li{width: 100%;float: none;margin:20px auto;}
.paging ul li{display: none;}
.paging ul .jump{display: none;}
.paging ul .h_block{display: inline-block;padding: 10px 30px;font-size: 16px;}
.product_c ul{width: auto;}
.product_c ul li{float: none;width: 100%;margin: 0 auto 20px auto;}
.product_c ul li h5{line-height: 60px;font-size: 20px;}
.po_pic{width: 100%;float: none;}
.po_detail{float: none;width: 100%;text-align: left;padding: 40px 0;}
.po_num ul{list-style-type: none;}
.po_num ul li{width: 100%;margin-left: 0px;float: none;font-size: 14px;line-height: 30px;color: #666666;}
.po_input01{float: none;width: auto;}
.po_input01 label, .po_input02 label{width: auto;text-align: left;}
.po_input01 .po_int{width: 100%;}
.po_input01 .po_int input{height: 40px;}
.po_input02 .po_area{width: 100%;float: none;}
.anlist_pic ul li{width: 100%;}
.andetail ul li{width: 100%;height: auto;padding: 20px;float: none;}
.po_share ul li{width: auto;float: left;padding: 0 5px;}
.news_right{text-align: left;width: 100%;padding:10px 0 0 0;float: none;}
.news_right img{width: 60px;}
.news_img{padding: 0;}
.news_img,.news_list .news_con,.news_list .news_c{width: 100%;float: none;}
.news_con p{word-break:break-all;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.anlist_con{padding:30px 0;}
.classify .anlist_btn,.classify_dl{width: 32%;margin: 0 0.5%;font-size: 12px;}
.classify .classify_tl{width: 100%;background: url("../img/case_down.png") no-repeat 94% center;font-size: 12px;}
.classify_dl ul a{font-size: 12px}
.contact_map{width: 100%;height: 200px}
.contact_con{padding: 20px 0;}}
@media screen and (width: 768px){.honor_c ul li{width: 44%;float: left;margin: 20px 20px;}}
@media screen and (max-width: 414px){.inban_txt{font-size: 8px;}
.paging ul .h_block{display: inline-block;padding: 5px 20px;font-size: 14px;}
.product_c ul li h5{line-height: 40px;font-size: 16px;}
.intro_banner, .produc343t_banner{padding-bottom: 70%;}}
@media screen and (max-width: 343px){.classify .classify_tl{padding: 0;}
.anlist_btn a{padding: 0 5px;}
.classify_dl{width: 25%;}}

.con_left .details .message{font-size: 16px;line-height: 25px;}


/*2017/12/27  产品中心---新增栏目*/

.pronav{margin-bottom: 55px;border-bottom: 1px solid #e0e0e0;}
.pronav::-webkit-scrollbar{display: none;}
.pronav ul{list-style: none;width: auto;margin: 0;}
.pronav ul li{float: left;margin-right: 5px;}
.pronav ul li a{display: block;padding: 15px;border-bottom: 2px solid transparent;font-size: 14px;color:#333;text-decoration: none}
.pronav ul li.active a,.pronav ul li:hover a{border-bottom: 1px solid #017ce9;color:#017ce9;}
@media screen and (max-width: 768px){
    .pronav{overflow-x: scroll;margin-bottom: 20px;}
    .pronav::-webkit-scrollbar{display: none;}
}