@charset "utf-8";
/* CSS Document */
body,html{ margin:0px; padding:0px; }
body{ font-family: "Source Han Sans CN";overflow:-Scroll;overflow-x:hidden;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box;  }
:after, :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
input, textarea, select, button {font-family: "Source Han Sans CN";}
ul{ margin:0px; padding:0px;zoom:1;}
div {zoom:1;}
li{ list-style:none;vertical-align:middle;float:left;}
dl,dt,dd {margin:0;padding:0;}
img{margin:0px auto;border:0;}
a{text-decoration:none; color:#676767;}
a:hover {color:#d1261e; text-decoration:none; }
a:visited{text-decoration:none; }
a:active{text-decoration:none;}
a:focus {list-style: none; text-decoration: none;}
a img{border:none;border:0;}
p,h1,h2,h3,h4,h5 {margin:0;padding:0;}
.clear{clear:both;width:100%;height:0;font-size:0px; }
.fl{float: left;}
.fr{float: right;}
input,select, button{padding:0;margin:0; border:none;outline: none;}
.container{padding:0;}
img{width: 100%;}
i{font-style: normal;}
.tc{text-align: center;}
.pr{position: relative;}



/*导航*/
.midde_header{display: none;}

.ind_nav{margin-bottom: 20px;}
.ind_nav .logo{text-align: center}
.ind_nav .logo img{width: auto;}
.ind_nav .col-md-2,.ind_nav .col-md-6,.ind_nav .col-md-10{padding:0;}
.ind_nav .row{margin:0;}
.ind_nav h3{font-size: 20px;line-height: 35px;color: #6f6f6f;}
.ind_innav .search{width: 50%;background-color: #fff;padding:3px 10px;border-radius: 10px;border:1px solid #eee;}
.ind_innav .search button{background-color: #fff;padding:2px 10px; border:1px solid #eee;font-size: 14px;float: right;color: #787878;}
.ind_innav .search input{width: 75%;line-height: 25px;}
.ind_innav .search input::-webkit-input-placeholder{color:#dbdbdb;font-size: 14px;}
.ind_innav{padding:20px;overflow: hidden; background-color:#f9f9f9;}
.nav_list{background-color: #555555;padding:0 30px;border-radius:0 20px 0 20px  ;}
.nav_list li{color: #fff;line-height: 50px;position: relative;}
.nav_list li:after{content: "";height: 15px;width: 1px;background-color: #fff;display: inline-block;vertical-align: middle;margin:0 30px;}
.nav_list li:last-child:after{content: "";width: 0;}
.nav_list li a{color: #fff;}
.nav_list li a:hover{color: #d1261e;}
.ind_innav .row p{font-size: 21px;color: #787878;}
.ind_innav .tow{color: #d1261e;}

/*二级导航*/
.nav_list .townav{position: absolute;top:50px;left: -60px;right:0;background-color: #555;z-index: 10;text-align: center;padding: 15px 0;display: none;}
.nav_list .townav a{display: block; line-height: 25px;margin:5px 0;}
.nav_list li:hover .townav{display: block;}

/*banner*/
.banner .container{overflow: hidden;}
.banner .container{position: relative;}
.img_float{position: absolute; bottom: 20px;width: 100%;}
.next_ban,.prev_ban{border-radius: 5px; background:none!important;width:30px;height: 30px;background-color: #0189b4!important;text-align: center;line-height: 30px;color: #fff;}
.next_ban:focus ,.prev_ban:focus {outline:none !important; }
.next_ban i,.prev_ban i{font-size: 12px;}
.prev_ban{right: 50px!important;left: inherit!important;}
.pagination_ban{bottom: -5px;left: 10px;}
.pagination_ban span{margin:0 1px;}
.banner .swiper-ban{border-radius:0 0 20px 20px;overflow: hidden;}

/*公司简介*/
.ind_about .ind_inabout h3{font-size: 25px;color: #4f4f4f;margin:15px 0;}
.ind_about .ind_inabout p{font-size: 16px;color: #707070;margin:15px 0;}

/*产品与服务*/
.ind_title h3{color: #d1261e;font-size: 24px;margin:20px 0;}
.ind_title h3:before{content: "" ;width: 3px;height: 18px; background-color: #d1261e;display: inline-block;margin-right: 10px;vertical-align: middle;}
.ind_piclist p{line-height: 35px;color: #858585;font-size: 16px;}
.ind_piclist .col-md-3{padding: 7.5px;}
/*.ind_piclist .col-md-3:last-child{padding-right: 0;}*/

/*新闻中心*/
.ind_newlist{border:1px solid #f9f9f9;overflow: hidden;padding-bottom:35px; }
.ind_newlist .ind_newtop{background-color: #f9f9f9;padding:10px 25px;}
.ind_newlist .ind_newtop h3{color: #4c4c4c;font-size: 20px;line-height: 30px;}
.ind_newlist .ind_newtop p{color: #858585;font-size: 16px;line-height: 25px;}
.ind_newlist .col-md-6{padding:0;}
.ind_newfoot .col-md-6{padding:15px;}
.ind_newfoot p{ text-align: left; line-height: 30px;height: 30px;/*width: 70%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;*/}
.ind_newfoot h3{height:40px;line-height: 40px; font-size: 16px;color: #686868;margin-bottom: 15px;}
.ind_newfoot{padding:20px;}
.ind_newfoot h3 .fl{border-bottom: 2px solid #929292;display: inline-block;}
.ind_newfoot .row{margin:0;color: #848484;font-size: 14px;line-height:30px; }

/*服务品牌*/
.ind_sevlist .swiper-slide{text-align: center;box-shadow: 0 0 20px #ececec;}
.ind_service{padding-bottom: 35px;}
.ind_inlist{overflow: inherit;}
.ind_sevlist{padding: 15px 0;}
.ind_service .container{overflow: hidden;}

 
/*底部*/
footer {padding:15px 0;background-color: #f9f9f9;}
footer ul{overflow: hidden;} 
footer ul li:first-child{padding-left:0;font-size: 14px;}
footer ul li{border-right: 1px solid #ccc;padding:0 20px;font-size: 14px;}
footer .copy{margin:15px 0;font-size: 12px;color: #676767}
footer .link{font-size: 12px;color:#a0a0a0; line-height: 25px;}
footer .link a{font-size: 12px;color:#a0a0a0;padding:0 5px;}
footer .link a:hover{color:#d1261e;}


/*内页*/
.nei_body {margin:15px 0 50px;}
.nei_body .container{display: flex;}
.nei_body .left_nav{width: 25%;padding-right: 2%;}
.nei_body .right_content{width: 73%;}
.nei_body .left_nav .nei_nav_list{border:2px solid #555555;border-radius: 10px 10px 0 0;overflow: hidden; text-align: center;line-height: 35px;font-size: 14px;}
.nei_body .left_nav .nei_nav_list p{color: #fff;background-color: #555;}
.nei_body .left_nav .nav_inlist{overflow: hidden;padding:15px 0;}
.nei_body .left_nav .nav_inlist li{float: none;cursor: pointer;}
.nei_body .left_nav .nav_inlist li:hover{background-color: #ffb72b;color: #fff;}
.nei_body .left_nav .nav_inlist li:hover a{color: #fff;}
.nei_body .right_content .add{border-bottom: 1px solid #d8d8d8;padding:15px 0;font-size: 14px;color: #8a8a8a;}
.nei_body .right_content .add a{color: #8a8a8a;margin:0 5px;}
.nei_body .right_content .add a:hover{color: #d1261e;}
.nei_body .right_content .right_list{color: #8a8a8a;padding:15px 0;font-size: 14px;line-height: 30px;min-height: 400px;}

/*品牌案例*/

.nei_body .right_content .pinpai{display: flex;flex-flow: wrap;}
.nei_body .right_content .pinpai li{width: 21%;margin:0 2% ;text-align: center;}
.nei_body .right_content .pinpai li img{width: auto;}
.nei_body .right_content .pinpai li a{display: block;box-shadow: 0 0 10px #ccc;text-align: center;}
.nei_body .right_content .pinpai li p{line-height: 25px;margin:10px 0;}

.nei_body .contact {width: 100%;}
.nei_body .contact .add{border-bottom: 1px solid #d8d8d8;padding:15px 0;font-size: 14px;color: #8a8a8a;}
.nei_body .contact .add a{color: #8a8a8a;margin:0 5px;}
.nei_body .contact .add a:hover{color: #d1261e;}
.nei_body .contact .right_list{margin:30px 0;}
.nei_body .contact .right_list #dituContent{border:none!important;}
.nei_body .contact .right_list .message{padding:5% 30px;}
.nei_body .contact .right_list .message h3{font-size: 22px;color: #404040;margin-bottom: 30px;}
.nei_body .contact .right_list .message p{font-size: 14px;color: #8a8a8a;margin:15px 0;}

/*新闻中心*/
.nei_body .right_content .right_list .nei_new li{border-bottom: 1px dashed #ccc;float: none;overflow: hidden;margin-bottom: 10px;line-height: 35px;}
.nei_body .right_content .right_list .nei_new li a{display: block;}

/*产品详情*/
.nei_body .right_content .pro_xiangqing .top{padding: 20px 0;}
.nei_body .right_content .pro_xiangqing .top .right{padding:5% 30px;}
.nei_body .right_content .pro_xiangqing .top h3{font-size:18px;color: #eba51c;}
.nei_body .right_content .pro_xiangqing .top p{font-size:14px;color: #808080;line-height: 30px;}
.nei_body .right_content .pro_xiangqing .foot{font-size:14px;color: #808080;line-height: 30px;padding: 30px 15px;border-top: 1px solid #f2f2f2;}

/*产品列表*/
.nei_body .right_content .nei_pro .p{font-size: 14px;line-height: 30px;color: #707070;}
.nei_body .right_content .nei_pro .nei_pro_list{display: flex;flex-flow: wrap;padding:15px 0;}
.nei_body .right_content .nei_pro .nei_pro_list li{width: 23%;margin:15px 1%;}
.nei_body .right_content .nei_pro .nei_pro_list li p{background-color: #f9f9f9;line-height: 35px;text-align: center;}

/*案例*/
.nei_body .right_content .nai_case {display: flex;flex-flow: wrap;padding:15px;}
.nei_body .right_content .nai_case li{width: 23%;margin:15px 1%;}
.nei_body .right_content .nai_case li p{background-color: #f9f9f9;line-height: 35px;text-align: center;}
.nei_body .right_content .nai_case li:hover p{color: #2942c0;}


/*案例详情*/
.nei_body .right_content .case_xq h3{font-size:22px;color: #585858;text-align: center;margin:15px 0;}
.nei_body .right_content .case_xq .case_xq_cont{font-size:14px;color: #808080;line-height: 30px;}

/*产品一级*/
.nei_body .nei_pro_inlist{padding:15px 0;text-align: left;padding-left: 15px;}
.nei_body .nei_pro_inlist li{float: none;}
.nei_body .nei_pro_inlist .active>a{color: #d1261e;}
.nei_body .nei_pro_inlist li i{font-size: 12px;width:20px;height: 100%;display: inline-block;cursor: pointer;}
.nei_body .nei_pro_inlist .active>i{color: #d1261e;}
.nei_body .nei_pro_inlist li:hover>i{color: #d1261e;}
.nei_body .nei_pro_inlist .pro_twolist{padding-left: 15px;text-align: left;display: none;}
.nei_body .nei_pro_inlist .active .pro_twolist{display: block;}


.nei_body .nei_pro_inlist .pro_twolist p{background-color: #fff;line-height: 30px;}
.nei_body .nei_pro_cont h3{font-size:18px; }
.nei_body .nei_pro_cont img{border-radius:0 20px 20px 20px;margin:15px 0;}
.nei_body .nei_pro_cont .p{font-size: 14px;color: #707070;}
.nei_body .nei_pro_cont .one{display: flex;flex-flow: wrap;padding:15px 0;}
.nei_body .nei_pro_cont .one li{width: 21%;margin:15px 2%;}
.nei_body .nei_pro_cont .one li a{border:1px solid #ededed;display: block;}
.nei_body .nei_pro_cont .one li p{text-align: center;line-height: 35px;}

.nei_body .nei_pro_inlist .pro_twolist .active a{color: #d1261e;}


/*产品二级*/
.nei_body .nei_pro_cont .two li{padding:15px;background-color: #f9f9f9;float: none;margin:15px 0;}
.nei_body .nei_pro_cont .two li a{display: flex;}
.nei_body .nei_pro_cont .two span{display: inline-block;}
.nei_body .nei_pro_cont .two .a{width: 10%;margin-right: 2%;border:1px solid #ededed;}
.nei_body .nei_pro_cont .two .b{width:63%;}
.nei_body .nei_pro_cont .two .c{width: 25%;}
.nei_body .nei_pro_cont .two .b h3{font-size:15px;color: #707070;line-height: 30px;}
.nei_body .nei_pro_cont .two li:hover h3{font-size:15px;color: #dba258;}
.nei_body .nei_pro_cont .two .b p{font-size: 12px;line-height: 25px;color: #707070;}
.nei_body .nei_pro_cont .two .c{font-size: 18px;padding-top: 15px;}


@media(max-width: 1200px){
.nav_list li{justify-content: space-between;}
.nav_list li:after{margin:0 20px;}
.ind_innav .search{width: 60%;}
}

@media(max-width: 770px){
.midde_header{display: block;}
.ind_nav{display: none;}
.ind_inabout{padding:15px;}
.ind_about .ind_inabout h3{font-size: 22px;}
.ind_about .ind_inabout p{font-size: 16px;}


}
@media(max-width: 480px){
.ind_about .ind_inabout h3{font-size: 20px;}
.ind_about .ind_inabout p{font-size: 14px;}
footer ul{display: none;}
footer{padding:15px;}
.ind_sevlist img{width: 100%;}
.ind_title h3{font-size: 20px;}
.backprev{width: 25%;}

.nei_body .container{flex-flow: wrap;padding:15px;}
.nei_body .left_nav{width: 100%;padding:0;}
.nei_body .right_content{width: 100%;}
.nei_body .left_nav .nav_inlist{display: flex;flex-flow: wrap;}
.nei_body .left_nav .nav_inlist li{width: 31.33333%;margin:0 1%;}

.nei_body .right_content .right_list {line-height: 25px;}
.nei_body .right_content .nai_case li{width: 48%;}
.nei_body .right_content .pinpai li{width: 46%;}
.nei_body .left_nav .nei_nav_list{line-height: 30px;}
.nei_body .nei_pro_cont .one li{width: 29%;}
.nei_body .right_content .nei_pro .p{line-height: 25px;}
.nei_body .right_content .nei_pro .nei_pro_list li{width: 31.3333%;}










}











/* 程序分页样式 */
#page{ clear:both; 
/* height:40px; */
margin:0 auto; text-align:center; display: table; 
margin: 30px auto;
}
#page li{ float:left; padding:5px 14px; border:1px solid #CCCCCC; margin-right:6px; color:#666; font-size:12px; list-style:none;}
#page li:hover{border:1px solid #d60c02;}
#page li:hover a{color:#d60c02}
#page li a{ color:#666}
#page li.active{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.active a{ color:#fff}
#page li.thisclass{border:1px solid #d60c02; background-color:#d60c02; color:#FFFFFF}
#page li.thisclass a{ color:#fff}