@charset "utf-8";



*{margin:0;outline:0;padding:0;font-size:100%;-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

a{text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,0.35); color:#666;outline:none;-webkit-tap-highlight-color: rgba(0,0,0,0);}

a:focus{outline:none}

a:hover,a:active{outline:none}:focus{outline:none}

a:link{color:#666}

a:visited {color:#666}

a:hover {color:#666}

a:active{color:#666}

img{outline:none}

html{height:100%;font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}

body,.submit{font-family: "Microsoft YaHei","黑体",Helvitica,Verdana,Tohoma,Arial,san-serif;color:#666;font-size:14px;}

body{min-width:320px;max-width:800px;margin:auto;}

ul,li{list-style: none;outside:none;}

em,i{font-style:normal}

input[type="submit"],

input[type="reset"],

input[type="button"],

button {-webkit-appearance: none;}

h1,h2,h3,h4,h5,h6,em,i{ font-style:normal; font-weight:normal}



.clear{ clear:both;height:0}

.f-l{float:left}

.f-r{float:right}



.height5{height:5px;clear:both;zoom:1;line-height:0;font-size:0;}

.height10{height:10px;clear:both;zoom:1;line-height:0;font-size:0;}

.height15{height:15px;clear:both;zoom:1;line-height:0;font-size:0;}

.height20{height:20px;clear:both;zoom:1;line-height:0;font-size:0;}

.height30{height:30px;clear:both;zoom:1;line-height:0;font-size:0;}

.height40{height:40px;clear:both;zoom:1;line-height:0;font-size:0;}

.height50{height:50px;clear:both;zoom:1;line-height:0;font-size:0;}

.tran_all{-webkit-transition: all .5s ease;-moz-transition: all .5s ease;-ms-transition: all .5s ease;-o-transition: all .5s ease;transition: all .5s ease}



.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}

.clearfix {*zoom:1;}

.clearfix {display:block;}

.dis_none{ display:none;}



.text-overflow{overflow: hidden;text-overflow: ellipsis;white-space: nowrap}



.center{max-width:800px;min-width:320px;margin: 0 auto; overflow:hidden}



.content{padding:0 10px}



.cut-off{height:1px;width:100%;background:#ddd;-webkit-transform: scaleY(.5);-ms-transform: scaleY(.5);transform: scaleY(.5);}



::-webkit-input-placeholder {color:#999;font-size:12px}

:-moz-placeholder {color:#999;font-size:12px}

::-moz-placeholder {color:#999;font-size:12px}

:-ms-input-placeholder {color:#999;font-size:12px}



/*head*/

.head{position: fixed;z-index:99;width:100%;max-width:800px;min-width:320px;left:0;right:0;margin:auto;height:60px;background:#fff;box-shadow: 0 0 2px rgba(0,0,0,0.3)}

.head .logo {height:60px;padding:10px;}

.head .logo img{height:30px; margin-top:5px;}

.head .nav{height:40px;padding:20px 10px;}

.head .nav img{height:20px;}

.head-bg{height:60px;}



/*nav*/

.dofl{ display:block; overflow:hidden; float:left;}

.dofr{ display:block; overflow:hidden; float:right;}

.domr{ display:block; overflow:hidden; float:none; margin-left:auto; margin-right:auto;}

.index_on_body{ overflow:hidden; overflow-x:hidden; overflow-y:hidden;}

.index_nav{ display:block;width:0%;max-width:800px;height:100%;min-height:100%;max-height:100%;z-index:20000; overflow:hidden;position:fixed;top:0px;overflow:hidden; background:rgba(0,0,0,0);-webkit-transition:background 1s ease;-moz-transition:background 1s ease;-ms-transition:background 1s ease;-o-transition:background 1s ease;transition:background 1s ease}

.index_nav .box{position:absolute;top:0;width:40%;height:100%;min-height:100%;max-height:100%;background:#d71222;left:100%;}

.index_nav .tit{width:100%;height:50px;line-height:50px; background:rgba(0,0,0,0.2); padding:0 10px;color:rgba(255,255,255,0.9);font-size:16px;}

.index_nav .tit img{width:30px;height:30px;margin:10px 0 0;}

.index_nav .uls{width:100%;padding:5px 10px;}

.index_nav li{overflow:hidden;width:100%;}

.index_nav li a{width:100%;height:40px;line-height:40px;font-size:15px;border-bottom:rgba(255,255,255,0.2) dashed 1px;color:rgba(255,255,255,0.9); display:block;}



.index_nav.nav-active{background:rgba(0,0,0,0.7);}

.index_nav.nav-active .box{left:60%}







/*footer*/

#mcover{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;z-index:20000;}

#mcover .img1{position:fixed;right:18px;top:5px;max-width:80%;max-height:45%;z-index:20001;}

#mcover .img2{ position:relative;top:50%;left:-80px;margin:0 0 0 50%;width:160px;box-shadow:rgba(0,0,0,0.5) 0 0 30px; -webkit-box-shadow:rgba(0,0,0,0.5) 0 0 30px; -moz-box-shadow:rgba(0,0,0,0.5) 0 0 30px;}



.footer{ position:relative; z-index:9; background-color:#fff;border-top:1px solid #e5e5e5}

.footer .box1{width:100%;padding:0;}

.footer .f_bot1{width:50%; float:left;}

.footer .f_bot1 .button{font-size:12px;margin:10px 0;color:#666;width:100%;cursor:pointer; background:none;border:none; box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.2) 1px 0 0 inset;color:#666}

.footer .f_bot1 .button img{width:25%;}

.footer .f_bot1 .button2{box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-webkit-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;-moz-box-shadow:rgba(153,153,153,0.05) 0 0 0 inset;}



/*foot*/

.foot-tel{padding:20px;text-align:center;line-height:1.5;border-top:1px solid #e5e5e5}

.foot-tel img{width:100%}

.foot-tel .p1{color:#333;font-size:14px;font-weight:700; display:block; overflow:hidden;}

.foot-tel .p2{color:#999;font-size:13px;}

.foot-tel .p1 .p_tel{display:inline-block;margin-top:10px;}

.foot-tel .p1 .p_qq{     display: block;

    float: right;    padding-top: 10px;}

.foot-tel .p1 .p_qq img{ }





.h_pic{ width:100%;background: #212121;
    border-top: 5px solid #d71222;color:#fff;font-size:12px;padding:10px 0;text-align:center;}

.h_pic p{padding:5px 10px;line-height:1.2}

.h_pic p a{color:#fff;font-size:12px;}

.h_cen{padding:0 10px;margin:auto}

.top_barbg{height:55px;}

.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0;max-width:800px;min-width: 320px;right: 0; margin: auto;background:#fff;box-shadow:0 0 1px rgba(0,0,0,0.3) }

.top_menu {display:-webkit-box;display: block;width: 100%;height: 55px;display: -webkit-box;display: box;margin:0;padding:5px 0 0;-webkit-box-orient: horizontal;}

.top_bar .top_menu>li { width:25%; text-align:center; }

.top_menu li:first-child { background:none; }

.top_bar .top_menu li a { line-height:20px; display:block; text-align:center; color:#333; text-decoration:none;-webkit-box-flex:1; }

.top_bar .top_menu li a label {display: block;height: 20px;width: 100%;font-size: 14px;overflow:hidden;color: #333;}

.top_bar .top_menu>li>a img {display: block;height: 30px;margin:auto;}

.top_bar li:first-child a { display: block; }















/*ban*/

.focus{width:100%;margin:0 auto;display:block; position:relative;overflow:hidden;background-color:#222}

.focus .hd{ width:100%; height:8px;  position:absolute; z-index:1; bottom:20px; text-align:center;  }

.focus .hd ul{ display:inline-block; height:8px;   font-size:0; }

.focus .hd ul li{ display:inline-block; width:8px; height:8px; -webkit-border-radius:10px;-ms-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#000; margin:0 3px;  overflow:hidden; opacity:0.2  }

.focus .hd ul .on{ background:#d71222;opacity:1 }

.focus .bd{ position:relative; z-index:0; }

.focus .bd li img{display:block; width:100%;   }

.focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0) }



.n-ban{overflow: hidden;}

.n-ban img{width:100%;}



/*menu*/

.index-menu{background:#fff;}

.index-menu ul li{position:relative;float:left;width:33.333%;height:95px}

.index-menu ul li.r-bor:before{position:absolute;content:'';right:0;top:0;width:0;height:100%;border-right:1px solid #ccc;transform:scaleX(0.5);-ms-transform: scaleX(0.5);-webkit-transform: scaleX(0.5);-o-transform: scaleX(0.5);-moz-transform: scaleX(0.5);}

.index-menu ul li.b-bor:after{position:absolute;content:'';left:0;bottom:0;width:100%;height:0;border-bottom:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}

.index-menu ul li a{display:block;padding:10px 0 15px;text-align:center;position:relative}

.index-menu ul li i{display:block;margin:auto;width:50px;height:50px;background:url(../images/icon-01.png) no-repeat 0 0;background-size:auto 100px; 
	background-color:#d71222; border-radius: 50%;

}

.index-menu ul li .icon-1{background-position: 0 0}

.index-menu ul li .icon-2{background-position: -50px 0}

.index-menu ul li .icon-3{background-position: -100px 0}

.index-menu ul li .icon-4{background-position: 0 -50px}

.index-menu ul li .icon-5{background-position: -50px -50px}

.index-menu ul li .icon-6{background-position: -100px -50px}

.index-menu ul li p{display:block;height:20px;line-height:20px;font-size:13px;color:#333}

.index-menu ul li a:active{background-color:#f1f1f1}







/*about*/

.index-tit{position:relative;margin:30px auto 20px;width:300px;height:50px;text-align: center;overflow:hidden}

.index-tit:before{position:absolute;content:'';left:0;top:15px;width:0;height:25px;border-left:1px solid #ccc;transform:scaleX(0.5);-ms-transform: scaleX(0.5);-webkit-transform: scaleX(0.5);-o-transform: scaleX(0.5);-moz-transform: scaleX(0.5);}

.index-tit:after{position:absolute;content:'';right:0;top:15px;width:0;height:25px;border-right:1px solid #ccc;transform:scaleX(0.5);-ms-transform: scaleX(0.5);-webkit-transform: scaleX(0.5);-o-transform: scaleX(0.5);-moz-transform: scaleX(0.5);}

.index-tit h2{height:30px;line-height:30px;font-size:22px;color: #5e5c5c;font-weight:700}

.index-tit h2 span{position:relative;display:inline-block;height:30px;line-height:30px;padding:0 10px}

.index-tit h2 span:before{position:absolute;content:'';right:100%;top:15px;width:200%;height:0;border-top:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}

.index-tit h2 span:after{position:absolute;content:'';left:100%;top:15px;width:200%;height:0;border-top:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}

.index-tit h3{height:20px;height:20px;line-height:20px;font-size:12px;color:#d71222;text-transform: uppercase;}

.index-tit h3 span{position:relative;display:inline-block;height:12px;line-height:12px;margin:4px auto;padding:0 10px;border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6;}

.index-tit h3 span:before{position:absolute;content:'';right:100%;bottom:6px;width:200%;height:0;border-bottom:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}

.index-tit h3 span:after{position:absolute;content:'';left:100%;bottom:6px;width:200%;height:0;border-bottom:1px solid #ccc;transform:scaleY(0.5);-ms-transform: scaleY(0.5);-webkit-transform: scaleY(0.5);-o-transform: scaleY(0.5);-moz-transform: scaleY(0.5);}

.index-tit.type2 h2{color: #fff;}

.index-tit.type2 h3 span{border-left:1px solid #777;border-right:1px solid #777;}





.about-content{padding:0 10px;line-height:1.6;color:#888}

.about-content h2{margin-bottom:10px;font-size:18px;color:#666;font-weight:700}

.about-content p img{width:100%}

.about-pic{padding:10px;}

.about-pic img{width:100%}





.about-ul li{float:left;width:16.666%;text-align:center}

.about-ul li p{width:45px;height:45px;line-height:46px;margin:auto;color:#fff;font-size:12px;background-color:#d71222;border-radius:100%}





/*product*/

.product-bg{padding:10px 0 30px;}
.product-list02{ padding: 10px; display: block; }
.product-list02 .tab-hd{ display: block;padding:0 5px; overflow: hidden; text-align: center; }
.product-list02 .tab-hd li{     width: 30%;
    display: inline-block;
    margin-right: 2%;
    background: #fff;
    border-radius: 10px;
    line-height: 36px;
    text-align: center;
    color: #262626;
    border: 1px solid #e9e9e9;
    margin-bottom: 10px;
    font-size: 14px;  }
.product-list02 .tab-hd li:nth-child(3n){ margin-right:0; }
.product-list02 .tab-hd li.active02{    color: #fff;
    background: #d71222;}
.product-list02 .tab-bd{ margin-top: 15px; display: block; overflow: hidden; }
.product-list02 .tab-bd li{ display: none; } 
.product-list02 .tab-bd li:nth-child(1){ display: list-item; }
.product-list02 .tab-bd li .cp_con{ display: block; overflow: hidden; }
.product-list02 .tab-bd li .cp_con dl{     width: 49%;
    border: 1px solid #e4e4e4;
    float: left;
    display: block;
    overflow: hidden;
    margin-bottom: 15px;
    margin-right: 2%;background: #fff; }
.product-list02 .tab-bd li .cp_con dl:nth-child(2n){ margin-right: 0; }
.product-list02 .tab-bd li .cp_con dl .imgs{width:100%;height:0;padding-bottom:100%;position:relative}
.product-list02 .tab-bd li .cp_con dl .imgs .box{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}

.product-list02 .tab-bd li .cp_con dl  .imgs .box span{display:inline-block;height:100%;vertical-align:middle}

.product-list02 .tab-bd li .cp_con dl  .imgs .box img{width:100%;vertical-align:middle;}

.product-list02 .tab-bd li .cp_con dl .txt{padding:10px;height:53px;border-bottom:3px solid #d71222}

.product-list02 .tab-bd li .cp_con dl  .txt .tit{height:30px;line-height:30px;color:#d71222;font-size:15px;font-weight:700}

.product-list02 .tab-bd li .cp_con dl  .txt p{height:20px;line-height:20px;color:#999;font-size:12px;}


.product-list ul li{float:left;width:50%;padding:5px}

.product-list ul li a{display:block;width:100%;text-align:center;background-color:#fff;border:1px solid #e9e9e9}

.product-list ul li .imgs{width:100%;height:0;padding-bottom:100%;position:relative}

.product-list ul li .imgs2{display: inline-block;

    overflow: hidden;

    background: #9f9f9f;

    border-radius: 100%;

	margin-top:10px;}

.product-list ul li .imgs .box{position:absolute;left:0;top:0;width:100%;height:100%;font-size:0;}

.product-list ul li .imgs .box span{display:inline-block;height:100%;vertical-align:middle}

.product-list ul li .imgs .box img{width:100%;vertical-align:middle;}

.product-list ul li .txt{padding:10px;height:73px;border-bottom:3px solid #d71222}

.product-list ul li .txt .tit{height:30px;line-height:30px;color:#d71222;font-size:15px;font-weight:700}

.product-list ul li .txt p{height:20px;line-height:20px;color:#999;font-size:12px;}

a.readmore{display:block;margin:20px auto 0;width:160px;padding:10px 0;text-align:center;background-color:#d71222;color:#fff;border-radius:100px}



.product-list ul li .pic{ width:100%;}

.product-list ul li .pic img{ width:100%;}

/*custom*/

.custom-pic{padding:0 5px;margin-bottom:20px}

.custom-pic .imgs{padding:0 5px;margin-top:10px;float:left;width:50%;height:0;padding-bottom:40%;overflow:hidden}

.custom-pic .imgs img{width:100%}

.custom-box li{float:left;width:20%;text-align:center;font-size:12px}

.custom-box li img{max-width:70%}

.custom-pic-2{padding:0 5px;margin-bottom:20px}

.custom-pic-2 .imgs{padding:0 5px;margin-top:10px;float:left;width:50%;height:0;padding-bottom:30%;overflow:hidden}

.custom-pic-2 .imgs img{width:100%}











/*news*/

.news-list ul li{border-top:1px solid #eee}

.news-list ul li:first-child{border-top:none}

.news-list ul li a{display:block;padding:10px;width:100%;height:100%}

.news-list ul li .imgs{float:left;width:120px;height:90px;}

.news-list ul li .imgs img{width:120px;height:90px;}

.news-list ul li .txt{margin-left:130px;height:90px;}

.news-list ul li .txt .tit{width:100%;height:20px;line-height:20px;color:#d71222;font-weight:700}

.news-list ul li .txt .desc{margin-top:5px;height:36px;line-height:18px;font-size:12px;color:#999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}

.news-list ul li .txt .date{margin-top:10px;font-size:10px;color:#999}

.noimg ul li .txt{ margin-left:0px;}


/*store-image*/

.store-image{margin-top:20px;padding:1px 0 1px;background: url(../images/join-10.jpg) no-repeat center;background-size:cover}











/*product*/

.pro-menu ul{width:98%; list-style:none; display:block; overflow:hidden;}

.pro-menu ul:after{}

.pro-menu ul li{width:33%; float:left; display:block; overflow:hidden; border-bottom:1px solid #ddd;}

.pro-menu ul li a{display:block;height:40px;line-height:40px;text-align:center}

.pro-menu ul li span{display:inline-block;height:40px;line-height:40px;text-align:center;}

.pro-menu ul li.active span{border-bottom:2px solid #d71222}



.pro-banner{text-align:center;padding:10px}

.pro-banner .pic{border:1px solid #e7e7e7;margin-bottom:10px;text-align:center;}

.pro-banner .pic img{max-width:100%;}

.pro-banner .title{padding:10px 0;line-height:26px;text-align:center;font-size:18px;color:#fff;background:#d71222;}

.pro-infos{line-height:30px;  width:100% !important;}

.pro-infos img{max-width:100%;}

.pro-infos p{ width:98% !important;}





/*news*/

.tabBox .hd ul{width: 100%;}

.tabBox .hd ul li{ float:left; width:31%;margin:1%; }

.tabBox .hd ul li a{display:block;width:100%;padding:5px 0;text-align:center;color:#999;border-radius:3px;border:1px solid #ddd }

.tabBox .hd ul li.on a{ color:#fff;border-color:#cc0905;background-color:#cc0905 }





.news-menu ul{ width:98%; list-style:none; display:block; overflow:hidden;}

.news-menu ul:after{position:absolute;content:'';left:0;bottom:0;width:100%;height:0;border-bottom:1px solid #ddd;}

.news-menu ul li{ width:33%; float:left; display:block; overflow:hidden; border-bottom:1px solid #ddd;}



.news-menu ul li:last-child:before{display:none}

.news-menu ul li a{display:block;height:40px;line-height:40px;text-align:center}

.news-menu ul li.active a{background:#d71222;color:#fff}



.news-menu2 ul li{ width:31%; float:left; display:block; overflow:hidden; border:1px solid #ddd; margin:1%;}

.news-menu2 ul li a{display:block;height:40px;line-height:40px;text-align:center}



.news-content{ padding:0 10px;}

.news-content-title{margin-top:15px;line-height:24px;text-align:center;font-size:16px;color:#333;}

.news-info {margin-top:5px;padding-bottom:15px;text-align:center;font-size:13px;color:#787878;border-bottom:1px solid #ddd}

.news-p {margin-top:20px;line-height:26px;}

.news-p img{max-width:100%; display: block;}
.news-p video{ width: 100%  !important;    height: auto;  }


.shownews{ padding:5px; line-height:26px;}



.page-in{border-top:1px solid #ddd;margin:20px 5px;padding:0;padding-top:10px;font-size:13px;background:#fff;}

.page-in .btn{line-height:24px;}



.borderCont{ padding:12px 10px; display:block; overflow:hidden;}

.borderCont ul{ list-style:none; overflow:hidden; display:block; width:100%;}

.borderCont ul li{ margin-bototm:15px; display:block; overflow:hidden;}

.borderCont ul li .ui-body-b.ui-input-text {

    border: 2px solid #eee; padding: 0 .4em;

}

div.ui-input-text input.ui-input-text, div.ui-input-text textarea.ui-input-text, .ui-input-search input.ui-input-text {

    border: none;

    width: 100%;

    padding: .4em 0;

    margin: 0;

    display: block;

    background: transparent none;

    outline: 0 !important;

	line-height:36px;

	    border: none !important;

}

.ui-body-b.ui-input-text input{ none !important}



.ui-btn {

    display: block;

    text-align: center;

    cursor: pointer;

    position: relative;

    padding: 0;

}



.ui-btn-inner {

    font-size: 12px;

    padding: .6em 20px;

    min-width: .75em;

    display: block;

    position: relative;

    text-overflow: ellipsis;

    overflow: hidden;

    white-space: nowrap;

    zoom: 1;

}



.ui-submit{ width:100%; background:#a41018; line-height:36px; text-align:center; display:block; overflow:hidden;}

.ui-submit .ui-btn-hidden{ color:#fff; font-size:12px; width:100%; border:none; line-height:36px;background:#a41018; cursor:pointer;}

.ui-btn input, .ui-btn button {

    z-index: 2;

}



.ui-body-b input, .ui-body-b select, .ui-body-b textarea, .ui-body-b button {

    font-family: Lato,sans-serif;

}



.borderTitle_b span {

    font-size: 16px;

    color: #a41018;

    line-height: 40px;

    font-weight: bold;

}



.pro-infos iframe{ width:100%}



.sidebar {



    margin: 0;



    padding-top: 1em;



    color: white;



   background: #1c1c1c;



}







.sidebar h6 {



  display: block;



    padding: 15px;



    border-bottom: 1px solid #292929;



    color: #fff;



    font-weight: normal;



    font-size: 16px;



	clear:both;



	margin-bottom:10px;



}







.sidebar li {



    display: block;



    padding: 5px;



    background: #292929;



    color: #929292;



    font-weight: normal;



    font-size: 14px;



	float:left;



	margin:5px;



}







.sidebar li:hover {



    background-color: #e84e40;



}







#messagelist{padding:10px;}



#messagelist .msg{margin:30px 0 0;}



/*表单*/



.msg_hr{margin:0;padding:0 5px 0 15px;height:60px;border-top:1px solid #ddd;background:#ddd;font-size:14px;line-height:60px;}



:-ms-input-placeholder{color:#999;}



.met-focus{border:1px solid #23b7e5!important;}



.msg{overflow:hidden;border:1px solid #ddd;border-top:0;text-align:left;}



.msg dl:after{clear:both;display:block;visibility:hidden;height:0;content:"";}



.msg dl{width:100%;background:#fff;zoom:1;}



.msg dl{position:relative;margin:0;padding:5px 0;border-top:1px solid #ddd;}



.msg dl dt{overflow:hidden;padding:15px 15px 10px 15px;text-align:left;font-weight:normal;line-height:1.2;}



.msg dl dd{margin:0;padding:2px 0 0 15px;}



.msg dl dd label input{position:relative;top:1px;margin-right:3px;}



.msg dl dd .fbox{margin:0 10px 10px 0;}



.msg dl dd .tips{color:#aaa;}



.msg dl dd .tips:hover{color:#f00;}



.msg dl dd.labelinline label{display:inline;}



.msg dl dt.addimgdt{padding:10px 5px 10px;}



.msg dl dt.addimgdt p{margin-bottom:8px;height:30px;line-height:30px;}



.msg dl.noborder{border-bottom:0;}



.msg dl.noborder dt{display:none;}



.msg dl.noborder dd{padding:10px 15px;}



.formerror{margin-top:6px;height:20px;line-height:20px;}



.formerror .fa-times{margin-right:5px;padding:1px 2px;border-radius:3px;background:red;color:#fff;font-size:16px;}



.formerror .fa-check{margin-right:5px;padding:2px;border-radius:3px;background:#10aa00;color:#fff;font-size:14px;}



.formerrorbox{border:2px solid #f00!important;}



.msg dl dd.ftype_description{margin:0 5px;padding:8px;background:#00AAFF;color:#fff;}



.ftype_input .tips{padding-top:5px;}



.ftype_input .fbox input{padding:2px 5px;width:95%;height:45px;outline:0;border:1px solid #dcdfe0;border-radius:2px;background-color:#fff;color:#333;}



.ftype_input .fbox input::-webkit-input-placeholder{font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}



.placeholder-ie{position:relative;}



.placeholder-ie label{position:absolute;top:7px;left:8px;color:#999;cursor:text;}



.ftype_textarea .tips{display:block;}



.ftype_textarea textarea{padding:7px 5px;width:95%;height:100px;outline:0;border:1px solid #dcdfe0;background-color:#fff;color:#333;line-height:1.5;}



.ftype_textarea .fbox textarea::-webkit-input-placeholder{font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';}



.ftype_select .tips,.ftype_select-linkage .tips{display:block;margin-top:5px;}



select{padding:4px;height:31px;outline:0;border:1px solid #ccc;background-color:#fff;color:#656565;vertical-align:middle;line-height:31px;}



.ftype_radio .fbox label{display:block;margin:0;height:28px;font-weight:normal;line-height:28px;}



.ftype_radio .fbox input[type='radio']{position:relative;position:relative;top:-1px;bottom:3px;margin:0;margin-right:6px;width:15px;height:15px;border-radius:100%;vertical-align:middle;}



.ftype_radio .formerror{margin-top:0;}



.ftype_checkbox .fbox input[type='checkbox']{position:relative;bottom:3px;margin:0;width:15px;height:15px;border-radius:100%;vertical-align:middle;}



.ftype_checkbox .fbox label{display:block;margin:0;height:28px;font-weight:normal;line-height:28px;}



.ftype_checkbox .fbox input{position:relative;top:-1px;margin-right:6px!important;}



.ftype_checkbox .formerror{margin-top:0;}



.ftype_transverse .fbox label{display:inline;margin-right:15px;}



.submit{display:block;padding:0 35px;height:34px;border:0 none;border-radius:2px;background:#23b7e5;color:#fff;font-family:'Microsoft YaHei',Tahoma,Verdana,'Simsun';line-height:26px;cursor:pointer;}



.submit:hover{background:#38c4f0;}



.submit.active{background:#1ba4cf;}



.msg dl dd.ftype_code input{margin-right:10px;width:80px;}



.msg dl dd.ftype_code img{position:relative;bottom:2px;height:30px;}



.wap_title{ padding:10px; height:30px;}



.wap_title h3{ font-size:16px; float:left;}



.am-icon-bars{margin-right: 5px;



    width: 30px;



    height: 30px;



    border-radius: 100%;



    text-align: center;



    line-height: 30px;



	background:url(../images/0-02.png) no-repeat  center center;



	background-color: #efefef;



	display:inline-block;



	float:left;



	}



.wap_title span{ float:right; line-height:30px;}






/*分页*/
.page-list{
    clear: both;
    margin: 20px 0px 0px 0px;
    text-align: center;
}
.page-list .page-item{display: inline-block; }
.page-list .page-link{
    display: inline-block;
    font-family: Arial;
    font-size: 13px;
    padding: 7px 11px;
    margin-left: 6px;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 4px;
}
.page-item.active .page-link {
    z-index: 1;
    color: #fff;
    background-color: #007bff;
    border-color: #007bff;
}
.page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    cursor: auto;
    background-color: #fff;
    border-color: #dee2e6;
}

.index_solution{ padding: 20px 10px;display: block; overflow: hidden; }
.pro_tit{ text-align: center; display: block; overflow: hidden; }
.pro_tit h3{  color: #333333;
    line-height: 36px;
    padding-bottom: 8px;
    position: relative;
    font-size: 20px; font-weight: bold; }
.pro_tit h3:before{    position: absolute;
    content: '';
    width: 52px;
    height: 4px;
    background-color: #c7161c;
    left: 50%;
    margin-left: -26px;
    bottom: 0;}
.pro_tit p{  color: #4f4f4f; margin-top:10px; line-height:28px; font-size: 14px;    padding: 0 12px; }
.solution{ margin-top:20px; padding-bottom: 20px; position: relative; }
#solu .swiper-slide dl{ display: block; overflow: hidden; margin-bottom: 15px; position: relative;}
#solu .swiper-slide dl dt{ display: block; overflow: hidden; }
#solu .swiper-slide dl dt img{ max-width: 100%; display: block; }
#solu .swiper-slide dl dd{      top: 10%;
    left: 10%;
    width: 80%; position: absolute;}
#solu .swiper-slide dl dd h3{font-size: 18px;
    color: #fff;
    line-height: 30px;}
#solu .swiper-slide dl dd p{font-size: 14px;
    color: #fff;
    line-height: 28px;
    margin: 10px 0 10px;}
#solu .swiper-slide dl dd span{    width: 125px;
    border: 1px solid #fff;
    display: block;
    text-align: center;
    font-size: 12px;
    line-height: 35px;
    color: #fff;}   
#solu{ display: block; overflow: hidden; width: 100%; }
#solu .swiper-slide{display: block; overflow: hidden; }
#solu .swiper-pagination-bullet-active{ background: #d71222;}

.index_gy{ padding: 20px 10px; display: block; }
.gy_con dl {
 margin:10px auto;
 text-align: center;
 line-height:24px;
 
}
.gy_con dt.active { 
 position:relative;
     background: url(/static/default/images/dian.png) left no-repeat;
    color: #d71222;
    -webkit-filter: grayscale(0);
    filter: gray;
    opacity: 1;
}
.gy_con dt {
 cursor:pointer;
 display: inline-block;
 width: 40%;
 color: #5d5d5d;
    font-weight: normal;
    line-height: 45px;
    margin-right: 10px;
    background: url(/static/default/images/dian.png) left no-repeat;
    padding-left: 30px;
    -webkit-filter: grayscale(100%);
    filter: gray;
    opacity: 0.8;
    min-width: 140px;
    font-size: 15px;
}
.gy_con dd {
 clear:both;
 width:100%;
 margin-top:30px;
 border-left:0;
 border-left:0;
 display:none;
}

.gy_con dd img{ display: block;
    max-width: 95%;
    margin: 0 auto; }
.index_sj{ padding:15px 10px; display: block; overflow: hidden; }
.sj_tit{ text-align: center; display: block;  }
.sj_tit h4{  color: #000000; font-weight: normal; line-height: 36px;  font-size: 18px; }
.sj_list{overflow: hidden;margin-top: 15px;}
.sj_list ul{ list-style: none; display: block; overflow: hidden; }
.sj_list ul li{width: 50%;border-right: 1px solid #dedfe0;padding: 10px 0;float: left;text-align: center;padding-right: 2%;border-bottom: 1px solid #dedfe0;}
.sj_list ul li:nth-child(2n){border-right: none;padding-right: 0;}
.sj_list ul li i{ width: 60px; height: 60px; display: block; margin:0 auto; }
.sj_list ul li .a01{ background: url(/static/default/images/ico_02.png) 0 0 no-repeat; background-size: 60px; }
.sj_list ul li .a02{ background: url(/static/default/images/ico_02.png) 0 -60px no-repeat; background-size: 60px;}
.sj_list ul li .a03{background: url(/static/default/images/ico_02.png) 0 -120px no-repeat;background-size: 60px;}
.sj_list ul li .a04{ background: url(/static/default/images/ico_02.png) 0 -180px no-repeat; background-size: 60px;}
.sj_list ul li h3{font-size: 16px;color: #8a8a8a;font-weight: normal;line-height:16px;margin: 10px 0;}
.sj_list ul li h3 span{
    font-size: 40px;
    color: #d71222;
    line-height: 40px;
    font-style: italic;
    margin-right: 12px;
    }
.sj_list ul li:hover h3 span{ }    
.sj_list ul li h3 sup{    font-size: 16px;
    color: #4e4e4e;
    line-height: 30px;
    }
.sj_list ul li  p{font-size: 14px;color: #000000;line-height: 24px;padding: 0 10px;height: 48px;}


.index_case{ padding:20px 10px;  display: block; overflow: hidden;  }
.case_fl{overflow: hidden;margin-top: 15px;}
.case_fl ul{ list-style: none; display: block; text-align: center; overflow: hidden; }
.case_fl ul li{    display: inline-block;
    width: 30%;
    text-align: center;
    margin-bottom: 12px;
    margin-right: 2%;}
.case_fl ul li:last-child{ margin-right: 0; }
.case_fl ul li a{color: #000;display: block;padding: 10px 0;background: #fff;border:1px solid #cfcfcf;border-radius:10px;box-shadow:1px 1px 8px rgba(0,0,0,0.13) inset;font-size: 12px;}
.case_fl ul li:hover a,.on02{  background: #d71222 !important; color: #fff !important; box-shadow: 1px 1px 8px rgba(0,0,0,0.17) inset  !important;}

.case_show{ padding-bottom: 20px; position: relative; display: block; overflow: hidden; margin-top:15px; }
#p01{display: block; overflow: hidden; }
#p01 .swiper-slide{ width: 100%; display: block; overflow: hidden; position: relative; }
#p01 .swiper-slide img{ width: 100%; display: block; }
#p01 .swiper-slide .c_txt{   
   
    padding: 20px 12px;
    box-sizing: border-box;    
    box-shadow: 1px 1px 10px #ccc;
}

#p01 .swiper-slide .c_txt h3{color: #313131;
    line-height: 30px; font-size: 16px;}
#p01 .swiper-slide .c_txt p{ font-size: 14px; 
    color: #707070;
    line-height: 30px;
    margin: 10px 0 15px; }
#p01 .swiper-slide .c_txt span{width: 40px;  display: block; background: url(../images/jt01_03.png)  no-repeat; background-size: 40px;    height: 45px; }

#p01 .swiper-button-prev{     width: 50px;
    background: url(../images/jt_03.jpg) no-repeat;
    background-size: 50px;
    left: 0;
    top: 38%;}
#p01 .swiper-button-next{     width: 50px;
    background: url(../images/jt_04.jpg) no-repeat;
    background-size: 50px;
    right: 0;
    top: 38%;}
#p01 .swiper-pagination-bullet-active{ background: #c7161c; }

.index_about{ padding: 15px 10px; display: block; overflow: hidden; }
.ab_img{ display: block; overflow: hidden; }
.ab_img img{display: block; max-width: 100%;}

.ab_txt{display: block; overflow: hidden; padding:10px 0 0; }
.ab_txt h3{ color: #333333; padding-bottom: 10px; position: relative; line-height: 30px; font-size: 20px; font-weight: bold; }
.ab_txt h3:before{ width: 53px; height: 4px; background: #d71222;bottom: 0; position: absolute; content:''; left:0; }
.ab_txt p{ font-size: 14px; line-height: 35px; color: #525252; margin:15px 0 10px; }
.ab_txt span{ display: block; width: 100px; text-align: center; border:1px solid #d71222; }
.ab_txt span a{ display: block; padding:8px 0; font-size: 14px; color: #d71222;  transition: all 0.3s;}
.ab_txt span a:hover{ background: #d71222; color: #fff; }

.news01{ padding: 10px; display: block; overflow: hidden; }

.n_tit{ border-bottom: 1px solid #d7d7d7; display: block;overflow: hidden; padding-bottom: 8px; }
.n_tit h3{ float: left;display: block; overflow: hidden; color: #333333; line-height:39px;    font-size: 16px; }
.n_tit h3 i{ width:39px; height: 39px; float: left; margin-right: 8px;  }
.n_tit span{ float: right; margin-right:5px; font-size: 14px; line-height: 39px; }
.n_tit span a{ color: #696969;}
.news_tj{ margin:15px 0 12px;display: block; overflow: hidden; }
.news_tj dl{ display: block; overflow: hidden; }
.news_tj dl dt{ display: block; overflow: hidden;}
.news_tj dl dt img{ max-width: 100%; display: block; }
.news_tj dl dd{ padding:15px 0;display: block; overflow: hidden; }
.news_tj dl dd h3{ color: #323232;     line-height: 30px;
    font-size: 14px;
}
.news_tj dl dd p{ font-size: 12px; color: #828282; line-height: 24px; margin-top:15px; }

.news_lb{}
.news_lb ul{ list-style: none; display: block; overflow: hidden; }
.news_lb ul li{ border-bottom: 1px dashed #8b8b8b; display: block; line-height:48px; overflow: hidden; }
.news_lb ul li a{  color: #656565; float: left; }
.news_lb ul li a i{ font-size: 20px; font-style: normal; margin-right: 8px; }
.news_lb ul li span{ font-size: 14px; color: #d71222; float: right; }

.news_tj02{ padding:15px 10px 10px;display: block; overflow: hidden; border-bottom: 1px solid #e9e9e9;}
.news_tj02 dl{ display: block; overflow: hidden; }
.news_tj02 dl dd{ padding:12px 0;display: block; overflow: hidden; }
.news_tj02 dl dd h3{ color: #000; line-height:36px; font-weight: normal; font-size: 14px; }
.news_tj02 dl dd p{ font-size: 12px; color: #828282; line-height: 24px; margin-top:10px; }
.news_tj02 dl dd span{ margin-top:15px; font-size: 14px; color: #d71222; display: block; }

.news_img{ display: block; overflow: hidden; background: #d71222; position: relative; margin-top:15px;}
.news_img img{ float: left; display: block; width: 65%; }
.n_more{  position: absolute; top:30%; width: 35%; display: block; right:0; text-align: center; }
.n_more a{     font-size: 14px;
    color: #fff;
    background: url(/static/default/images/more.png) bottom no-repeat;
    padding-bottom: 40px;
    background-size: 35px; }

.ab_con{ padding: 15px 10px; display: block; overflow: hidden; }
.ab_txt02{  display: block; overflow: hidden;  }
.ab_txt02 h3{ color: #333333; padding-bottom: 10px; position: relative; line-height: 36px; margin-bottom: 20px; font-size: 20px; }
.ab_txt02 h3:before{ width: 53px; height: 4px; background: #d71222;bottom: 0; position: absolute; content:''; left:0; }
.ab_txt02 p{ font-size: 14px; line-height: 30px; color: #525252;  }
.ab_img02{ display: block; margin-top:15px; overflow: hidden; }
.ab_img02 img{ max-width: 100%; display: block; }

.page_bg {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.page_bg picture img {    
    display: block;
    max-width: 100%;
}

.page_bg .banner_txt {
    text-align: center;
    position: absolute;
    top: 50%;
    z-index: 9;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 100%;
}

.page_bg .banner_txt1 {
    font-size: 18px;
    width: 100%;
    text-align: center;
    left: 0;
    color: #fff;
    letter-spacing: 1px;
    line-height: 40px;
}

.page_bg .banner_txt2 {
    width: 90%;
    margin: 0 auto;
        font-size: 14px;
    line-height: 30px;
    color: #ffffff;
    margin-top:5px;
    -webkit-animation: fadeInUp5 1.4s .8s ease both;
    -o-animation: fadeInUp5 1.4s .8s ease both;
    animation: fadeInUp5 1.4s .8s ease both;
    -moz-animation: fadeInUp5 1.4s .8s ease both;
}

.fzlc{ display: block; background: url(/static/default/images/about/about_05.jpg)  no-repeat; background-size: cover; padding: 20px 10px;overflow: hidden; }
.fz_tit{  display: block; text-align: center; }
.fz_tit h3{  color: #000; font-weight: normal; padding-bottom: 10px; position: relative;  font-size: 20px; }
.fz_tit h3:before{    width: 53px;
    height: 4px;
    background: #d71222;
    bottom: 0;
    position: absolute;
    content: '';
    left: 50%; margin-left:-25px;}
.lc_bg{ margin-top:30px; display: block; overflow: hidden; background: url(/static/default/images/about/a01.jpg) center 81px repeat-x;}
.lc_con{ position: relative; overflow: hidden;}
.lc_con #lc01 { width: 94%; margin: 0 auto; display: block; overflow: hidden; }
.lc_con #lc01 .swiper-slide{display: block; overflow: hidden;}
.lc_con #lc01 .swiper-slide dl{ text-align: center;display: block; overflow: hidden; padding:0 5%;}
 #lc01 .swiper-slide dl dt{ display: block;overflow: hidden; }
 #lc01 .swiper-slide dl dt h3{ font-size: 36px; color: #d71222; line-height:40px; }
 #lc01 .swiper-slide dl dt h3 i{ font-size: 20px; font-style:normal; font-weight: normal; color: #000000;  }
#lc01 .swiper-slide dl dt .dian{     width: 20px;
    height: 20px; background:url(/static/default/images/about/yuan2.png) no-repeat; border-radius:100%; display: block; margin: 25px auto 35px; }
#lc01 .swiper-slide dl dd{display: block;overflow: hidden;}
#lc01 .swiper-slide dl dd p{ font-size: 14px; color: #333;  line-height: 28px; text-align:left; font-weight: bold;}
#lc01 .swiper-button-prev{  width: 40px;
    height: 40px;
    background: url(/static/default/images/about/ico_03.jpg) no-repeat;
    top: 84px;
    background-size: 40px;    left: 0;}
#lc01 .swiper-button-next{  width: 40px;
    height: 40px; background: url(/static/default/images/about/ico_05.jpg) no-repeat;    top: 84px;background-size: 40px; right:0;}
 #lc01 .swiper-slide-active dl dt .dian{ background:url(/static/default/images/about/yuan.png) no-repeat; background-size: 20px; }


/* 企业文化  */
.qywh{ padding: 20px 10px; overflow: hidden; }
.qywh_list{display: block; overflow: hidden; margin-top:15px;}
.qywh_list dl{ display: block; overflow: hidden; }
.qywh_list dl dt{ display: block; overflow: hidden; }
.qywh_list dl dt img{ max-width: 100%; display: block; }
.qywh_list dl dd{ padding: 15px 1%; display: block; overflow: hidden;}
.qywh_list dl dd h3{ font-size: 24px; color: #d71222; font-weight: normal;     line-height: 50px;}
.qywh_list dl dd h3 i{ width: 50px; height: 50px; float: left; margin-right: 5px; display: block; }
.qywh_list dl dd h3 .b01{ background: url(/static/default/images/about/ico1.png) 0 0 no-repeat; background-size: 50px; }
.qywh_list dl dd h3 .b02{ background: url(/static/default/images/about/ico1.png) 0 -50px no-repeat;background-size: 50px; }
.qywh_list dl dd h3 .b03{ background: url(/static/default/images/about/ico1.png) 0 -100px no-repeat;background-size: 50px; }
.qywh_list dl:nth-child(2) dt{ float: right; }
.qywh_list dl:nth-child(2) dd{ float: left; }
.qywh_list dl dd p{     font-size: 14px;
    color: #5e5e5e;
    line-height: 28px;
    margin-top: 10px;
    text-align: justify;}

/* 荣誉资质  */
.index_honor{ display: block; overflow: hidden; 
    background: url(/static/default/images/about/honor_bg.jpg) no-repeat; background-size: cover; padding:10px; }
.honor_list{padding: 20px 0 0; overflow: hidden;}
.honor_list ul{ list-style: none; display: block; overflow: hidden; }
.honor_list ul li{     width: 49%;
    margin-right: 2%;
    float: left;
    display: block;
    margin-bottom: 12px; }
.honor_list ul li:nth-child(2n){ margin-right: 0; }
.honor_list ul li img{ max-width: 100%; display: block; }
.gysl{padding: 15px 0; overflow: hidden;}

.power{ display: block;padding: 20px 10px 0; overflow: hidden; position: relative; }
#p03{ overflow: hidden; }
.power .swiper-button-prev{ width: 35px; height: 35px; background: url(../images/jt_03.jpg) no-repeat; background-size: 35px; left:0;top: 55%; }
.power .swiper-button-next{ width: 35px; height: 35px; background: url(../images/jt_04.jpg) no-repeat; background-size: 35px;  right:0;top: 55%;}
#p03 .swiper-slide{display: block; overflow: hidden;}
#p03 .swiper-slide img{ max-width: 100%; display: block; }

/* 产品页面  */
.products02{ padding: 20px 10px; overflow: hidden;}
.pro_con{    margin-top: 10px;}
.cp_con02{ margin-bottom: 15px;display: block; overflow: hidden; }
.cp_tit{display: block;overflow: hidden;border-bottom: 1px solid #ebebeb;padding-bottom: 5px;}
.cp_tit h3{color: #000;background: url(/static/default/images/product/cp_28.png) left no-repeat;padding-left: 35px;line-height:40px;background-size: 30px;}
.p_img01{display: block; overflow: hidden; }
.p_img01 dl{display: block; overflow: hidden; position: relative; width: 100%;}
.p_img01 dl dt{display: block; overflow: hidden; }
.p_img01 dl dt img{ display: block;max-width: 100%; }
.p_img01 dl dd{ position: absolute; top:35%; width: 100%; text-align: center;display: block; overflow: hidden; }
.p_img01 dl dd h3{color: #fff;font-weight: normal;line-height:42px;font-size: 20px;}
.p_img01 dl dd p{ padding: 0 10%; display: block; margin-top:30px;  color: #fff; line-height:32px; }

.p_list{display: block;overflow: hidden;margin-top: 20px;}
.p_list dl{width: 48.75%;float: left;/* margin:1px 1.5% 15px 0.5%; *//* box-shadow: 1px 1px 5px rgba(146, 143, 143, 0.57); */background: #fff;border: 1px solid #ddd;margin-right: 2.5%;margin-bottom: 12px;}
.p_list dl:nth-child(2n){ margin-right: 0; }
.p_list dl dt{ width: 100%; display: block; overflow: hidden;  }
.p_list dl dt img{ display: block; max-width: 100%; }
.p_list dl dd{ padding: 10px 8px; display: block; overflow: hidden; border-top:1px solid #e3e3e3;}
.p_list dl dd .c_txt{ float: left; } 
.p_list dl dd .c_txt h3{color: #020202;line-height:36px;font-weight: normal;font-size: 14px;}
.p_list dl dd .c_txt p{ font-size: 14px; color: #727272; line-height:20px;    height: 20px; }
.p_list dl dd span{ width: 90px;
    height: 34px;
    background: url(/static/default/images/cp_ico.png) no-repeat;
    display: block;
    float: right;
    text-align: center;
    line-height: 34px;
    font-size: 14px;
    color: #656464;
    margin-top: 12px;
    background-size: 100%; }

.p_list dl:hover dd{ background: #d71222; }
.p_list dl:hover dd .c_txt h3{ color: #fff }
.p_list dl:hover dd .c_txt p{ color: #fff }
.p_list dl:hover dd span{ color: #fff;background: url(/static/default/images/cp_ico03.png) no-repeat;background-size: 100%;  }

.p_list2 dl{background: #fff;border: 1px solid #ddd; width: 100%;}
.p_list2 dl:nth-child(2n){ margin-right: 0; }


.feed_design{padding: 20px 10px;overflow: hidden;}
.feed_liuyan{ margin-top:30px; overflow: hidden;}
.feed_liuyan .liuyan{ list-style:none; display:block;}
.feed_liuyan .liuyan li{
    /* width: 26%; */
    /* float:left; */
    padding: 5px 15px;
    display:block;
    overflow:hidden;
    background:#fff;
    /* margin-right: 2%; */
    line-height:40px;
    font-size:16px;
    color:#999;
    border:1px solid #ebebeb;
    margin-bottom: 12px;
    }
.feed_liuyan .liuyan li:nth-child(3){/* width:38%; */display:block;margin-right:0 !important;}
.feed_liuyan .liuyan li:nth-child(4){ width:97%; margin-top:20px; height: 120px;}
.feed_liuyan .liuyan label {
    color: #7e7e7e;
    cursor: pointer;
    font-size: 16px;
    font-weight: 400;    
    margin-left: 10px;
}
.feed_liuyan .liuyan li:nth-child(1) .ipt{background:url(/static/default/images/product/cp_ico.png) left no-repeat;background-size: 30px;}
.feed_liuyan .liuyan li:nth-child(2) .ipt{background:url(/static/default/images/product/ico_tel.png) left no-repeat;background-size: 30px;}
.feed_liuyan .liuyan li:nth-child(3) .ipt{background:url(/static/default/images/product/ico_02.png) left no-repeat;background-size: 30px;}
.feed_liuyan .liuyan li:nth-child(4) .ipt{ background:url(/static/default/images/product/ico_ly.png) left no-repeat;background-size: 30px;}
.sub_mit{margin-top: 10px;display:block;overflow:hidden;text-align: center;}
.sub_mit dd{display: inline-block;margin-right: 5px;width: 45%;background: #747474;border-radius:10px;padding: 12px 0;}
.sub_mit dd a{ display: block; color: #fff; font-size: 16px; }
.sub_mit dd:nth-child(2){ margin-right: 0 }
.sub_mit dd:nth-child(1){background: url(/static/default/images/product/aroww.png) 88% no-repeat #d71222;background-size: 30px;}
.ipt{
    font-size: 16px;
    line-height: 30px;
    width: 90%;
    color: #b4b4b4;
    padding-left: 35px;
    border: none;
}
.ipt::placeholder{ color: #b4b4b4;} 
.sub_mit dd .submitBtn {
    width: 100%;
    margin: 0 auto;
    display: block;
    background:none;
    color: #fff;
    text-align: center;
    /* padding: 2% 0; */
    border: none;
    font-size: 16px;
    cursor: pointer;
}

.cp_solution{  background: #f7f7f7; padding:20px 10px; overflow: hidden; }
.s_01{ padding: 20px 0 0; overflow: hidden; }
.s_txt{ display: block; overflow: hidden; }
.s_txt p{ color: #404040; line-height:30px; font-size: 14px;}
.s_txt hr{ width: 100%; background: #ececec; margin:15px 0 10px; height: 1px; display: block;    border: none; }
.s_txt span{ display: block;text-align: center; }
.s_txt span a{ width: 115px; border:1px solid #d2d2d2; font-size: 14px;  line-height:40px;color: #757575; border-radius:10px; margin-right: 15px; 
    display: inline-block; text-align: center;  }
.s_txt span a:nth-child(2){ background: #e50012; color: #fff; }
.s_txt span a:hover{ background: #e50012; color: #fff; }

.s_list{ display: block; overflow: hidden;     margin-top: 25px;}
.s_list ul{ list-style: none; display: block; }
.s_list ul li{   margin-bottom: 20px; overflow: hidden; display: block;}
.s_list ul li:nth-child(2n){ margin-right: 0; }
.s_list ul li .ico{ width: 74px; height: 74px;border-radius:100%;  border:1px solid #ccc; background: #fff; padding: 12px; 
    box-sizing: border-box; display: inline-block; margin-right: 10px; }
.s_list ul li i{  width: 50px; height: 50px; display: block; }
.s_list ul li .d01{background: url(../images/ico.png) 0 0 no-repeat; background-size: 50px; } 
.s_list ul li .d02{background: url(../images/ico.png) 0 -50px no-repeat;background-size: 50px;}
.s_list ul li .d03{background: url(../images/ico.png) 0 -100px  no-repeat;background-size: 50px;}
.s_list ul li .d04{background: url(../images/ico.png) 0 -150px  no-repeat;background-size: 50px;}

.s_list ul li:hover .ico{ border:1px solid #e50012; background: #e50012; }
.s_list ul li:hover h3{ color:#e50012; }
.s_list ul li h3{ display: inline-block; vertical-align: top; line-height: 74px; color: #515151; font-weight: normal; font-size: 16px; }


/* 解决方案  */
.method_detail{ background: #f7f7f7; display: block; overflow: hidden; padding:20px 10px; }
.method_detail .me_txt{ display: block; overflow: hidden; }
.method_detail .me_txt h3{color: #424242; position: relative; padding-bottom: 10px; line-height:42px; font-weight: normal; font-size: 20px; }
.method_detail .me_txt h3:before {
    position: absolute;
    content: '';
    width: 52px;
    height: 4px;
    background-color: #e50012;  
   bottom: 0;
}
.method_detail .me_txt p{ margin-top: 20px; font-size: 16px; color: #424242; line-height: 36px; }
.method_detail .me_img{display: block; overflow: hidden; }
.method_detail .me_img img{ max-width: 100%; display: block; }

.we_do{ padding: 20px 10px; overflow: hidden; }
.s_tit{ display: block; }
.s_tit h3{  color: #424242; position: relative; padding-bottom: 10px; line-height:42px; font-weight: normal; font-size: 20px; }
.s_tit h3:before {
    position: absolute;
    content: '';
    width: 52px;
    height: 4px;
    background-color: #e50012;  
   bottom: 0;
}
.do_list{ margin-top:15px; display: block; overflow: hidden;}
.do_list ul{ list-style: none; display: block; overflow: hidden;  }
.do_list ul li{ width: 49%; float: left; margin-right: 2%; border:1px solid #d2d2d2; overflow: hidden; 
    margin-bottom:15px; position: relative; box-sizing: border-box; padding:10px; }
.do_list ul li:nth-child(2n){ margin-right: 0; }    
.do_list ul li i {
    display: block;
    position: absolute;
    background-color: #e50012;
    transition: all 0.5s;
}

.do_list ul li .i01{width: 1px;height: 0;left: 0;top: 0;}
.do_list ul li .i02{height: 1px;width: 0;left: 0;top: 0;}
.do_list ul li .i03{width: 1px;height: 0;right: 0;top: 0;}
.do_list ul li .i04{height: 1px;width: 0;right: 0;bottom: 0;}
.do_list ul li:hover .i01,.do_list ul li:hover .i03{height: 100%;}
.do_list ul li:hover .i02,.do_list ul li:hover .i04{width: 100%;}
.do_list ul li span{ width: 60px; height: 60px; display: block;  }
.do_list ul li .bb01{ background: url(/static/default/images/solution/ico01.png) 0 0 no-repeat; background-size: 60px; }
.do_list ul li .bb02{ background: url(/static/default/images/solution/ico01.png) 0 -60px no-repeat; background-size: 60px; }
.do_list ul li .bb03{ background: url(/static/default/images/solution/ico01.png) 0 -120px no-repeat; background-size: 60px; }
.do_list ul li .bb04{ background: url(/static/default/images/solution/ico01.png) 0 -180px no-repeat ; background-size: 60px;}
.do_list ul li .bb05{ background: url(/static/default/images/solution/ico01.png) 0 -240px no-repeat; background-size: 60px; }
.do_list ul li .bb06{ background: url(/static/default/images/solution/ico01.png) 0 -300px no-repeat; background-size: 60px; }

.do_list ul li h3{    color: #696969;
    line-height: 24px;
    height: 52px;
    font-weight: normal;
    margin-top: 5px;
    font-size: 14px;}
.do_list ul li:hover h3{ color: #000; }

.we_different{display: block;overflow: hidden;margin: 15px 0 20px;/* box-shadow: 1px 1px 15px #ccc; */}
.we_different dl{/* width: 50%; *//* float: left; */background: url(/static/default/images/solution/bg01.jpg) right no-repeat #fff;padding: 15px 0;/* min-height: 485px; */box-sizing: border-box;border-bottom: 1px solid #eee;}

.we_different dl dt{ display: block; overflow: hidden; }
.we_different dl dt img{ margin: 0 auto; display: block;  max-width: 50px;}
.we_different dl dd{padding: 10px 0px 0;display: block;overflow: hidden;}
.we_different dl dd h3{color: #292929;position:relative;padding-bottom: 20px;font-weight: normal;text-align: center;font-size: 18px;}
.we_different dl dd h3:before {
    position: absolute;
    content: '';
    width: 83px;
    height: 2px;
    background-color: #737373;  
    left:50%; margin-left:-41px;
   bottom: 0;
}
.we_different dl dd h3 em{ font-style: normal; color:#e50012  }
.we_different dl dd p{
    font-size: 14px;
    color: #4f4f4f;
    line-height: 30px;
    text-align: justify;
    margin-top: 20px;
    padding: 0 20px;
    }
.plan{display: block;overflow: hidden;margin-top: 15px;}
.plan dl{/* width: 48.5%; *//* margin-right: 2%; *//* float: left; */display: block;overflow: hidden;border:1px solid #e8e8e8;background: #f5f5f5;margin-bottom: 30px;}
.plan dl:nth-child(2n){ margin-right: 0; }
.plan dl dt{/* width: 45%; */display: block;overflow: hidden;/* float: left; */}
.plan dl dt img{display: block;/* max-height: 242px; */max-width: 100%;}
.plan dl dd{/* width: 54%; */display: block;padding: 25px 2%;box-sizing: border-box;overflow: hidden;float: right;}
.plan dl dd h3{color: #303030;font-weight: normal;line-height: 30px;font-size: 16px;}
.plan dl dd p{font-size: 14px;color: #7f7f7f;line-height: 24px;margin: 10px 0 10px;}
.plan dl dd span{ display: block; overflow: hidden; }
.plan dl dd span a{
 width: 100px;
 height: 38px;
 border:1px solid #d0d0d0;
 float: left;
 margin-right: 20px;
 display: block;
 text-align: center;
 line-height:38px;
 font-size: 12px;
 color: #757575;
 border-radius:15px;
 background: #fff;
 }
.plan dl dd span a:nth-child(2){ background: #e50012; color: #fff; }

.plan dl:hover{ border:1px solid #e50012;}
.plan dl:hover dd h3{ color: #e50012; }

.hezuo_list{display: block; overflow: hidden; margin-top:15px;}
.hezuo_list ul{ list-style: none; display: block; overflow: hidden;  }
.hezuo_list ul li{/* width: 48%; */margin: 15px 0 80px 0;display: block;position: relative;float: left;}
.hezuo_list ul li:nth-child(2n){margin-right: 0;}
.hezuo_list ul li .part_txt{background: #fff;padding: 15px;display: block;overflow: hidden;border:1px solid #e8e8e8;}
.hezuo_list ul li:hover{ box-shadow: 1px 1px 10px #ccc; }
.hezuo_list ul li .part_txt h3{color: #373737;line-height: 30px;font-weight: normal;font-size: 16px;}
.hezuo_list ul li .part_txt p{color: #525252;line-height: 24px;padding-bottom: 20px;border-bottom: 1px solid #f2f2f2;font-size: 14px;}
.hezuo_list ul li span{ position: absolute; bottom:-60px; width: 120px; border:1px solid #e8e8e8; text-align: center; border-radius:10px; 
    display: block; line-height:40px; color: #9d9d9d; }
.hezuo_list ul li .part_txt img{ margin-top: 10px; max-width: 100%; display:block;  }
.hezuo_list ul li:hover span{ border:1px solid #e50012; color: #e50012; }

/*   解决方案详细  */
.so_detail{display: block; overflow: hidden;    padding: 10px;}
.det_img{  display: block; overflow: hidden; }
.det_img img{ display: block; max-width: 100%; }
.det_txt{ display: block; overflow: hidden; padding-top:20px; }
.det_txt h3{ color: #fff;
    font-weight: normal;
    line-height: 40px;
    font-size: 18px;
    background: #d71222;
    text-align: center;}
.det_txt p{ font-size: 14px; color: #4f4f4f; line-height: 24px; margin: 10px 0; }
.det_zx{display: block; overflow: hidden;text-align: center;}
.det_zx h4{ font-size:20px; color: #d71222; padding-left:35px; display: inline-block;
 background: url(/static/default/images/solution/s_tel.png) left no-repeat; line-height: 30px; background-size: 30px; }
.det_zx span{display: inline-block;
    padding: 8px 10px;
    font-size: 14px;
    color: #fff;
    background: #3a3a3a;
    border-radius: 12px;
    margin-top: 20px;
   
    text-align: center;}

.solu_con{ padding: 20px 10px; overflow: hidden;}
.solut_cc{ display: block;overflow: hidden; }
.solut_cc .tab-hd01{ display: flex; }
.solut_cc .tab-hd01 ul{ display: block !important; }
.solut_cc .cp002 li{ width: 20% !important; }
.solut_cc .tab-hd01 li{ float: left;
    text-align: center;
    width: 25%;
    font-size: 16px;
    color: #333333;
    line-height: 52px; }
.solut_cc .tab-hd01 li.active02 a{border-bottom: 3px solid #d71222;
    color: #d71222;
    display: block; }
.solut_cc .tab-bd01{display: block;overflow: hidden;padding-top:60px; }
.solut_cc .tab-bd01:nth-child(1){ padding-top:30px; }

.fangan_con,.fangan_con02{padding: 10px 0;display: block;overflow: hidden;}
.edite h4{ font-size: 20px; color: #404040; line-height: 25px; padding-left:15px; border-left:3px solid #d71222; font-weight: normal; }
.edite p{font-size: 14px;color: #777777;line-height: 28px;}
.edite img{margin: 5px auto;display: block;text-align: center;max-width: 100%;}

.tj_case{display: block;overflow: hidden;margin-top: 15px;}
.tj_case dl{/* width: 49%; *//* margin-right: 2%; *//* float: left; */display: block;overflow: hidden;background: #f7f7f7;margin-bottom: 20px;}
.tj_case dl dt{/* width: 50%; */display: block;overflow: hidden;/* float: left; */}
.tj_case dl dt img{ display: block; height: 200px; width: 100%;}
.tj_case dl dd{/* width: 45%; */padding: 15px 10px;display: block;/* float: right; */}
.tj_case dl dd h3{ font-size: 16px; color: #333; font-weight: normal; line-height: 30px; }
.tj_case dl dd p{font-size: 14px;color: #666;line-height: 24px;/* margin-top:15px; */}
.tj_case dl:nth-child(2n){ margin-right: 0; }
.tj_case dl:hover{ background: #d71222;  }
.tj_case dl:hover dd h3{ color: #fff; }
.tj_case dl:hover dd p{ color: #fff; }



.f_tit{ display: block; border-bottom: 1px solid #efefef; overflow: hidden; }
.f_tit h5{color: #404040;line-height: 40px;position: relative;font-weight: normal;float: left;padding-bottom: 10px;font-size: 20px;}
.f_tit h5:before {
    position: absolute;
    content: '';
    width: 102px;
    height: 4px;
    background-color: #e50012;  
   bottom: 0;
}
.f_tit span{ float: right; font-style: 14px; color: #404040;line-height: 40px; }

.fz_tit02{ text-align: center; }
.fz_tit02{ width: 100%; display: block; text-align: center; }
.fz_tit02 h3{font-size: 22px;color: #404040;font-weight: normal;padding-bottom: 15px;position: relative;}
.fz_tit02 h3:before{
    width: 100px;
    height: 3px;
    background: #d71222;
    bottom: 0;
    position: absolute;
    content: '';
    left: 50%;
    margin-left: -50px;
    }
.fz_tit02 p{font-size: 16px;color: #404040;font-weight: normal;line-height: 40px;/* margin-top:20px; */}
.team_list{display: block;overflow: hidden;margin-top: 15px;}
.team_list dl{/* width: 33%; *//* float: left; *//* margin-right: 0.5%; */background: #f7f7f7;overflow: hidden;}
.team_list dl dt{ display: block; overflow: hidden;  }
.team_list dl:nth-child(2) dt{ background: #d71222; padding:15px 0; }
.team_list dl:nth-child(2) dt span{ width: 180px; border:1px solid #fff; margin:10px auto; display: block; overflow: hidden; }
.team_list dl:nth-child(2) dt span a{ font-size: 16px; color: #fff; display: block; background: url(/static/default/images/solution/so_detail_32.png) 110px no-repeat; padding:10px 0 10px 40px; }
.team_list dl dt img{ display: block; max-width: 100%; }
.team_list dl:nth-child(3){ margin-right: 0; }
.team_list dl dd{text-align: center;display: block;padding: 10px 0;overflow: hidden;/* height: 220px; */box-sizing: border-box;}
.team_list dl dd i{width: 50px; display: block; margin:0 auto;}
.team_list dl dd i img{ max-width: 100%; }
.team_list dl dd h3{color: #525252;font-weight: normal;line-height: 40px;font-size: 16px;}
.team_list dl dd h3 span{ color: #d71222; }


.link_soltion{ padding:50px 0; overflow: hidden; }
.so_ll{display: block; overflow: hidden;}
.so_ll ul{ list-style:none; display: block; overflow: hidden; }
.so_ll ul li{ float: left; width: 32%; border:1px solid #ebebeb;  margin-bottom: 10px;margin-right: 1.5%; line-height: 60px; }
.so_ll ul li:nth-child(3n){ margin-right: 0; }
.so_ll ul li a{ color: #787878; display: block; padding-left:20px;background: #f3f3f3; }
.so_ll ul li a:hover{ background: #d71222; color: #fff; }


.nav-wrap {
    width: 100%;
    height: 55px;
    background: #fff;
}
.nav-wrap.navFix {
    position: fixed;
    top: 60px;
    left: 0;   
    border-bottom: 1px solid #e3e3e3;
    z-index: 99;
    width: 100%;
}

.product-bg02{ padding: 20px 10px;display: block; overflow: hidden; }
.case_lb{display: block; overflow: hidden;}
.case_lb dl{display: block; overflow:hidden; margin-bottom: 12px; }
.case_lb dl dt{ display: block; max-width: 100%;  overflow: hidden;}
.case_lb dl dt img{display: block; max-width: 100%}
.case_lb dl dd{padding: 15px 10px 15px;background: #f7f7f7;overflow: hidden;}
.case_lb dl dd h4{border-bottom:1px solid #dadada;position:relative;font-size: 14px;color: #797979;font-weight: normal;line-height:30px;padding-bottom: 10px;display: block;}
.case_lb dl dd h4:before{ width: 100px; height: 4px; background: #d71222; position: absolute; bottom:0; left:0;    content: ''; }
.case_lb dl dd h4 i{ color: #272727; font-style: normal; }
.case_lb dl dd .n_date{margin-top: 5px;overflow: hidden;line-height:32px;}
.case_lb dl dd .n_date p{float: left;font-size: 14px;color: #797979;}
.case_lb dl dd .n_date p i{color: #272727; font-style: normal; }
.case_lb dl dd .n_date span{ font-size: 14px; color: #fb0000; float: right;  }

.par_img{ padding: 15px 10px; overflow: hidden; }
.par_img ul{ list-style: none;display: block; overflow: hidden; }
.par_img ul li{ width: 49%; margin-right: 2%; display: block; float: left; margin-bottom: 5px; overflow: hidden;    border: 1px solid #eee;}
.par_img ul li:nth-child(2n){ margin-right: 0; }
.par_img ul li img{ display: block; max-width: 100%;}

.ser_con{padding: 10px; overflow: hidden; }
.ser_list{ display: block; overflow: hidden; box-shadow: 1px 1px 30px rgba(4,0,0,0.16); margin-top:20px; }
.ser_list dl{  padding:30px 0; text-align: center; float: left;display: block; border-bottom: 1px solid #eee; }
.ser_list dl:nth-child(3){ background: none; }
.ser_list dl dt{display: block; overflow: hidden;}
.ser_list dl dt i{ width: 60px; height: 60px; display: block; margin: 0 auto;transition: all 0.3s; }
.ser_list dl dt .e01{ background: url(/static/default/images/ico03.png) 0 0 no-repeat; }
.ser_list dl dt .e02{ background: url(/static/default/images/ico03.png) 0 -60px no-repeat; }
.ser_list dl dt .e03{ background: url(/static/default/images/ico03.png) 0 -120px no-repeat; }

.ser_list dl dt h3{  color: #000000; font-weight: normal;line-height:40px;transition: all 0.3s; font-size: 18px; }
.ser_list dl:hover dt h3{color: #d71222;}
.ser_list dl dd{ padding:10px 0; }
.ser_list dl dd p{ padding: 0 15px; display: block; font-size: 14px; color: #6a6a6a; line-height:30px; }
.ser_list dl dd span{ margin-top:10px; display: block;  font-size: 16px; color: #d71222;  }


/* 案例详情  */
/* 案例详情  */
.pt_case{ background: url(/static/default/images/case/case_bg.jpg) no-repeat;background-size: cover; padding:20px 10px; overflow: hidden; }
.pt_text{ display: block; overflow: hidden; padding-top: 15px; }
.pt_img{ display: block; overflow: hidden; }
.pt_img img{ max-width: 100%; display: block; }
.pt_tit{  display: block; overflow: hidden;}
.pt_tit h3{  color: #fff; padding-bottom: 10px; position: relative; font-size: 16px; }
.pt_tit h3:before {
    width: 50px;
    height: 3px;
    background: #d71222;
    bottom: 0;
    position: absolute;
    content: '';   
}

.pt_list{ margin-top:20px;display: block; overflow: hidden; }
.pt_list ul{ list-style: none; display: block; overflow: hidden; }
.pt_list ul li{ float: left; margin-right: 2%; display: block; overflow: hidden; min-width:49%;margin-bottom: 20px; min-height: 52px; }
.pt_list ul li:nth-child(2n){ margin-right: 0; }
.pt_list ul li i{width: 50px;height: 50px;border:1px solid #59666d;float: left;margin-right: 5px;}
.pt_list ul li .pt_cc{float: left;/* padding-top: 10px; */}
.pt_list ul li .pt_cc h3{font-size: 14px;color:#fff;line-height: 30px;}
.pt_list ul li .pt_cc p{font-size: 14px;color: #fff; line-height: 20px;}
.pt_list ul li .e01{background: url(/static/default/images/case/ico.png) 0 0 no-repeat rgba(0,0,0,0.27);background-size: 50px;}
.pt_list ul li .e02{ background: url(/static/default/images/case/ico.png) 0 -50px no-repeat rgba(0,0,0,0.27);background-size: 50px; }
.pt_list ul li .e03{ background: url(/static/default/images/case/ico.png) 0 -100px no-repeat rgba(0,0,0,0.27);background-size: 50px; }
.pt_list ul li .e04{ background: url(/static/default/images/case/ico.png) 0 -150px no-repeat rgba(0,0,0,0.27); background-size: 50px;}

.pt_zx{display: block; overflow: hidden; margin-top:20px; }
.pt_zx a{
 width: 48%;
 border:1px solid #fff;
 display: block;
 overflow: hidden;
 padding-left: 10%;
 box-sizing: border-box;
 font-size: 14px;
 line-height: 40px;
 border-radius:12px;
 float: left;
 margin-right: 10px;
 color: #fff;
 }
.pt_zx a:nth-child(1){background: url(/static/default/images/case/ico02.png) 5px no-repeat #d71222;border:none;}
.pt_zx a:nth-child(2){background: url(/static/default/images/case/ico01.png) 5px no-repeat;margin-right: 0;}

.c_tt02{ border-bottom:1px solid #eee;display: block; overflow: hidden; }
.c_tt02 h3{color: #333; padding-bottom: 15px; position: relative; font-weight: normal; font-size:20px;}
.c_tt02 h3:before {
    width: 110px;
    height: 6px;
    background: #d71222;
    bottom: 0;
    position: absolute;
    content: '';   
}

.c_so{ padding:30px 0 0; display: block; overflow: hidden;  }
.c_so dl{ border-bottom: 1px solid #ddd;padding: 15px 0}
.c_so dl:nth-child(3){ border-right: 0;}
.c_so dl i{ width: 54px; float: left; display: block; margin-right: 10px; }
.c_so dl h3{ font-size: 15px; color: #333; line-height: 54px; font-weight: normal; }
.c_so dl h3 em{ color: #d71222; font-style: normal; }
.zx002{ width: 150px; margin: 40px auto 0; display: block; text-align: center; border:1px solid #ddd; }
.zx002 a{ font-style: 16px; color: #333; display: block; padding: 8px 0;  }
.zx002 a:hover{ background: #d71222; color: #fff; }
.edite{padding: 20px 0 0; display: block;}
.edite table{ border:1px solid #333; width: 100%;border-spacing: 0; }
.edite table td{ border:1px solid #333; text-align: center;    }

.cp_xx{ display: block; padding-top:15px;text-align: left;   }
.cp_xx p{ font-size: 14px; font-size: 14px; line-height: 24px; }
.cp_lx01{ display: block; text-align: center; }
.cp_lx01 h4{font-size: 20px;
    color: #d71222;
    background: url(/static/default/images/case/ico_tel.png) left no-repeat;
    padding-left: 45px;
    line-height: 50px;
    background-size: 40px;
    margin-right: 15px;
display: inline-block;}
.cp_lx01 span{width: 120px;
    background: #3a3a3a;
    text-align: center;
    display:inline-block;
    margin-top: 10px;
    border-radius: 12px;}
.cp_lx01 span a{    font-size: 14px;
    color: #fff;
    padding: 5px 0;
    display: block;}



.ser_cn{ display: block; overflow: hidden; margin:20px 0; }
.ser_cn ul{list-style: none;/* display: flex; */overflow: hidden;}
.ser_cn ul li{/* margin-left: 2%; */display: flex;overflow: hidden;/* width: 100%; */margin-bottom: 20px;padding-left: 5%;}
.ser_cn ul li:nth-child(3){ margin-right: 0; }
.ser_cn ul li .ico01{width: 80px;height: 80px;padding-bottom: 22px;background: url(/static/default/images/product/ico_001.png) no-repeat;text-align: center;margin-right: 10px;background-size: 80px;}
.ser_cn ul li .ico01 h3{font-size: 30px;color: #3c4244;line-height: 80px;}
.ser_cn ul li .ser_t01{ padding-top:10px;  }
.ser_cn ul li .ser_t01 h3{font-size: 30px;color:#d71222;line-height: 30px;}
.ser_cn ul li .ser_t01 h3 i{font-size: 14px;color: #404040;font-style: normal;font-weight: normal;}
.ser_cn ul li .ser_t01 p{font-size: 16px;color: #000000;line-height: 28px;}

.ser_support{display: block; overflow: hidden;}
.ser_support ul{/* display: flex; */overflow: hidden;}
.ser_support ul li{display: block;
    overflow: hidden;
    border-right: 1px dashed #bababa;   
    width: 25%;
    text-align: center;
    padding-right: 2%;
    float: left;
    }
.ser_support ul li:nth-child(4){ margin-right: 0; border-right: none; }
.ser_support ul li i{width: 60px;height: 60px;display: block;margin:0 auto;overflow: hidden;}
.ser_support ul li i img{ width: 100%; display: block; }
.ser_support ul li h3{color:#666666;line-height: 30px;font-weight: normal;font-size: 14px;}

.bts{  display: block; }
.bts a{ display: block;font-size: 14px; line-height: 30px; }
/* 开发实力  */
.power02{padding: 20px 0;overflow: hidden;}
.power_list{ display: block; position: relative; margin-top:40px; }
.power_list .tab-hd{width: 70px;/* float: left; */background: #e5e5e5;position: absolute;/* display: block; */}
.power_list .tab-hd li{width: 100%;display: block;height: 71px;}
.power_list .tab-hd li.active02{left:0;width: 150px;background: #e50012;}
.power_list .tab-hd li i{width: 40px;height: 40px;margin: 15px;display: block;float: left;}
.power_list .tab-hd li h3{font-size: 16px;color: #fff;line-height: 60px;display: none;font-weight: normal;}
.power_list .tab-hd li.active02 h3{ display: block; }
.power_list .tab-hd li .f01{background: url(../images/ico_01.png) 0 0 no-repeat;background-size: 40px; }
.power_list .tab-hd li .f02{ background: url(../images/ico_01.png) 0 -40px no-repeat;background-size: 40px;  }
.power_list .tab-hd li .f03{ background: url(../images/ico_01.png) 0 -80px no-repeat;background-size: 40px; }
.power_list .tab-hd li .f04{ background: url(../images/ico_01.png) 0 -120px no-repeat;background-size: 40px; }
.power_list .tab-hd li.active02 .f01{background: url(../images/ico_02.png) 0px 0 no-repeat;background-size: 40px;}
.power_list .tab-hd li.active02 .f02{ background: url(../images/ico_02.png) 0px -40px no-repeat;background-size: 40px; }
.power_list .tab-hd li.active02 .f03{ background: url(../images/ico_02.png) 0px -80px no-repeat;background-size: 40px; }
.power_list .tab-hd li.active02 .f04{ background: url(../images/ico_02.png) 0px -120px no-repeat;background-size: 40px; }
.power_list .tab-bd{/* margin-left: 110px; */}
.power_list .tab-bd li{ display: none; }
.power_list .tab-bd li:nth-child(1){ display: list-item; }
.p_team{ width: 100%; display: block; overflow: hidden; }
.p_team dt{/* width: 48%; */display: block;overflow: hidden;float: left;}
.p_team dt img{display: block;max-width: 100%; height:284px;}
.p_team dd{padding: 25px 10px 2%;display: block;float: right;/* width: 46%; */}
.p_team dd h3{color: #000;font-weight: normal;font-size: 18px;}
.p_team dd p{
    color: #666;
    line-height: 24px;
    margin: 20px 0 5%;
    text-align: justify;
    font-size: 14px;
    }
.p_team dd span{     width: 25px;
    height: 25px;
    display: block;
    background: url(/static/default/images/kfsl/ico_more.png) no-repeat;
    background-size: 100%; }


.sc_warp{width: 100%;padding: 30px 10px;background: url(/static/default/images/kfsl/sl_bg.jpg) no-repeat;background-size: cover;}
.sc_img{display: block;overflow: hidden; margin-top: 20px;}
.sc_img dl{ position: relative;display: block; overflow: hidden; }
.sc_img dl dt{display: block; overflow: hidden; }
.sc_img dl dt img{max-width: 150%;display: block;}
.sc_img dl dd{width: 60%;position: absolute;right: 0;top:0;height: 100%;background: rgba(0,0,0,0.5);padding:8% 3%;box-sizing: border-box;}
.sc_img dl dd h3{color: #fff;font-weight: normal;line-height: 30px;font-size: 16px;}
.sc_img dl dd p{color: #fff;line-height: 24px;margin-top:10px;font-size: 12px;}

.pinzhi_w{ margin:30px 10px; }
#p011{ width: 100%; display: block; overflow: hidden; margin-top:20px; position: relative; }
#p011 .swiper-slide{ display: block; overflow: hidden; }
#p011 .swiper-slide dl{ position: relative; display: block; overflow: hidden;}
#p011 .swiper-slide dl dt{ width: 100%; display: block; overflow: hidden;}
#p011 .swiper-slide dl dt img{ width: 100%; display: block; }
#p011 .swiper-slide dl dd{ width: 100%; position: absolute; bottom: 0; background: rgba(0,0,0,0.5); height: 50px; }
#p011 .swiper-slide dl dd p{ font-size: 14px; color: #fff; line-height: 50px; text-align: center; }
#p011 .swiper-button-prev {
        width: 30px;
    height: 30px;
    background: url(/static/default/images/about/ico_fl.jpg) no-repeat;
    left: 2%;
    background-size: 100%;
}
#p011 .swiper-button-next {
    width: 30px;
    height: 30px;
    background: url(/static/default/images/about/ico_fr.jpg) no-repeat;
    right: 2%;
    background-size: 100%;
}



.power03{ padding:20px 10px;overflow: hidden; }
.power03 dl{padding:15px 0;display: block;overflow: hidden;margin-bottom: 10px;    border-bottom: 1px solid #eee;}
.power03 dl dt{ display: block; overflow: hidden;}
.power03 dl dt img{ display: block;max-width: 100%;}
.power03 dl dd{float: left;display: block; overflow: hidden; padding:15px 0; }
.power03 dl dd i{ width: 55px; height: 55px; display: block; }
.power03 dl dd .g01{ background: url(/static/default/images/kfsl/ico02.png) 0 0 no-repeat }
.power03 dl dd .g02{ background: url(/static/default/images/kfsl/ico02.png) 0 -55px no-repeat }
.power03 dl dd .g03{ background: url(/static/default/images/kfsl/ico02.png) 0 -110px no-repeat }
.power03 dl dd .g04{ background: url(/static/default/images/kfsl/ico02.png) 0 -165px no-repeat }
.power03 dl dd  h3{color: #000;font-weight: normal;line-height: 30px;font-size: 18px;}
.power03 dl dd p{font-size: 14px;color: #333;line-height: 30px;/* margin: 10px 0 0; */margin-top: 10px;}


.article_content{ padding: 10px; }
.jc_01{ padding:30px 0; overflow: hidden;}
.jc_01 .jc_cc{margin-top:40px; display: block; overflow: hidden;} 
.jc_01 .jc_cc ul{ list-style: none; display: block; text-align: center; }
.jc_01 .jc_cc ul li{
    width: 32%;
    /* display: inline-block; */
    /* margin-right: 80px; */
    overflow: hidden;
    margin-right: 2%;
    float: left;
    }
.jc_01 .jc_cc ul li:nth-child(3){ margin-right: 0; }
.jc_01 .jc_cc ul li i{width: 90px;display: block;-webkit-filter: grayscale(100%);height: 90px;margin:0 auto;}
.jc_01 .jc_cc ul li .h01{ background: url(/static/default/images/kfsl/ico03.png) 0 0 no-repeat; background-size:100%; }
.jc_01 .jc_cc ul li .h02{background: url(/static/default/images/kfsl/ico03.png) 0 -90px no-repeat;background-size:100%;}
.jc_01 .jc_cc ul li .h03{background: url(/static/default/images/kfsl/ico03.png) 0 -180px no-repeat;background-size:100%;}
.jc_01 .jc_cc ul li:hover i{filter: grayscale(0);-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);
  -webkit-animation: doudong 1s ease;
    animation: doudong 1s ease;
}
.jc_01 .jc_cc ul li p{color: #333;line-height: 20px;margin-top: 15px;font-size: 12px;}

.jc_lc{margin-top:40px; display: block; overflow: hidden;}
.jc_lc ul{list-style: none;/* display: flex; */text-align: center;overflow: hidden;}
.jc_lc ul li{width: 30%;float: left;padding-bottom:15px;background: url(/static/default/images/kfsl/jt_07.png) bottom no-repeat;}
.jc_lc ul .jt{width: 18px;float: left;height: 18px;margin: 60px 0 0;background: url(/static/default/images/kfsl/jt_03.png) no-repeat;display: block;background-size: 18px;}
.jc_lc ul li .jc_l_cc{width: 100%;background:#f5f5f5;border-radius:10px;padding: 10px 0;text-align: center;}
.jc_lc ul li .jc_l_cc i{ width: 52px; height: 52px; display: block; margin:0 auto; }
.jc_lc ul li .jc_l_cc p{
    font-size: 12px;
    color: #666;
    line-height: 20px;
    margin-top: 15px;
    height: 40px;
    }
.jc_lc ul li .jc_l_cc .j01{ background:  url(/static/default/images/kfsl/ico04.png) 0 0 no-repeat; }
.jc_lc ul li .jc_l_cc .j02{ background:  url(/static/default/images/kfsl/ico04.png) 0 -52px no-repeat; }
.jc_lc ul li .jc_l_cc .j03{ background:  url(/static/default/images/kfsl/ico04.png) 0 -104px no-repeat; }
.jc_lc ul li .jc_l_cc .j04{ background:  url(/static/default/images/kfsl/ico04.png) 0 -156px no-repeat; }
.jc_lc ul li .jc_l_cc .j05{ background:  url(/static/default/images/kfsl/ico04.png) 0 -208px no-repeat; }

.jc_tel{ display: block; overflow: hidden; text-align: center; width: 300px; margin:30px auto 0;}
.jc_tel h3{ padding-left:50px;background:  url(/static/default/images/kfsl/jt_11.png) left no-repeat; font-size: 30px; color: #e50012; line-height: 50px;  }
.ser-jc{display: block;/* overflow: hidden; */margin-top:40px;position: relative;}
.ser-jc dt{/* width: 58%; */display: block;overflow: hidden;}
.ser-jc dt img{ max-width: 100%; display: block; }
.ser-jc dd{/* width: 50%; */background: #eee;box-shadow: 1px 1px 8px #ddd;padding: 20px 15px;box-sizing: border-box;}
.ser-jc dd p{ color: #4c4c4c; line-height: 40px; }

.img_list01{margin-top:40px; display: block; overflow: hidden;}
.yqjc_img{/* width: 32%; */display: block;overflow: hidden;}
.yqjc_img ul{list-style: none; display: block;overflow: hidden;}
.yqjc_img ul li{ width: 100%;
    display: block;
    overflow: hidden;
    position: relative;   
    margin-bottom: 5.4%;}


.yqjc_img ul li:nth-child(2n) {
    margin-bottom: 0;
}

.yqjc_img ul li p {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.7));
    width: 100%;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    bottom: 0;
    position: absolute;
}

.yqjc_img ul li img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;
}

.yqjc_img ul li:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}

.yqjc_img02{/* width: 66.6%; */display: block;overflow: hidden;position: relative;margin-top: 20px;}
.yqjc_img02 img{ width: 100%; display: block; -webkit-transition: all .2s;
    -ms-transition: all .2s;
    -o-transition: all .2s;
    -moz-transition: all .2s;  overflow: hidden;}
.yqjc_img02:hover img {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
}
.yqjc_img02 p {
    background-image: linear-gradient(rgba(0, 0, 0, 0.01), rgba(0, 0, 0, 0.7));
    width: 100%;
    line-height: 50px;
    font-size: 15px;
    text-align: center;
    color: #fff;
    bottom: 0;
    position: absolute;
}


.lx {
    overflow: hidden;

}

.lx_l {
    overflow: hidden;
    margin-bottom: 15px;
    padding: 15px;
}

.lx_l h3 {
    font-size: 18px;
    color: #d71222;
    margin-bottom: 10px;
}

.lx_l p {
    line-height: 32px
}

.lx_l dl {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    text-align: center;
}

.lx_l dl dt {
    width: 50%;
    margin: 0 auto; display: block;
}
.lx_l dl dt img{ max-width: 100%; display: block; margin: 0 auto; }
.lx_l dl dt p{ font-size: 14px; color: #333; line-height: 30px; }
.lx_r {
    overflow: hidden;
}


.db_nav_con {
    padding: 20px;
}

.db_nav_con dl{ margin-bottom: 10px; }
.db_nav_con dl.on dt::after{ width: 0; }
.db_nav_con dl dt {
    font-size: 16px;
    line-height: 24px;
    position: relative;
}

.db_nav_con dl dt::before {
    content: "";
    display: block;
    width: 12px;
    height: 2px;
    background: #333;
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
}

.db_nav_con dl dt::after {
    content: "";
    display: block;
    width: 2px;
    height: 12px;
    background: #333;
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

.db_nav_con dl dd {
    
    line-height: 26px;
    padding:10px;
    display: none;
}
.db_nav_con dl dd a{ font-size: 14px;
    line-height: 28px;
    color: #333;
    display: block;}

.services_bt{ display: block; padding: 20px 10px 0; }
.services_bt h3{color: #1f1f1f; line-height: 32px; font-size: 18px;}
.services_bt p{ color: #5b5b5b; line-height: 30px;font-size: 14px;}
.services_bt img{ margin-top: 20px; display: block; width: 100%; }
.ser_tct{  display: block; background: url(/static/default/images/c01_03.jpg) top right no-repeat; padding:10px  10px; background-size: 50%; }
.ser_tct p{ margin-top:10px; font-size: 16px; color: #666; line-height: 30px; }
.ser_sj{ background: #c8c8c8;margin: 10px; }
.ser_sj ul{ list-style: none; display: block; overflow: hidden;}
.ser_sj ul li{ padding: 15px 0; text-align: center; }
.ser_sj ul li h3{color: #fff; line-height: 40px; font-size: 22px; }
.ser_sj ul li p{ font-size: 13px; color: #fff; line-height: 24px; }
.ser_sj ul li:hover,.a01{ background: #d71222; }
.ser_sj ul li i{ width:60px; height: 60px; display: block; margin: 0 auto;   }
.ser_sj ul li .t01{ background: url(/static/default/images/ico001.png) 0 0 no-repeat; }
.ser_sj ul li .t02{ background: url(/static/default/images/ico001.png) 0 -60px no-repeat; }
.ser_sj ul li .t03{ background: url(/static/default/images/ico001.png) 0 -120px no-repeat; }



.other{display: block; overflow: hidden; position: relative; padding:20px 10px; }
.other .other_img{ display: block; overflow: hidden; }
.other .other_img img{ display: block; max-width: 100%; }
.other .other_txt{     
    
    padding: 3% 2%;
    box-sizing: border-box;
}
.other .other_txt p{ color: #383838; line-height: 36px; }
.other .other_txt p i{font-weight: bold;
    color: #cd1a1e;
    font-style: normal; }
.other .other_txt span{width: 200px;
    display: block;
    overflow: hidden;
    padding-left: 55px;
    box-sizing: border-box;
    font-size: 14px;
    line-height: 50px;
    border-radius: 12px;
    float: left;
    margin-top: 5%;
    color: #fff;
    background: url(/static/default/images/case/ico02.png) 15px no-repeat #c70312;   
}

.cooperation-img-box {
  height: 366px;  
  text-align: center;
  overflow: hidden;
  position: relative;
}
.cooperation-img-box:hover .cooperation-logo {
  animation-play-state: paused;
  -webkit-animation-play-state: paused;
}
.cooperation-img-box .top,
.cooperation-img-box .bottom {
  width: 100%;
  height: 122px;
  position: absolute;
  left: 0;
  right: 0;
  z-index: 4;
}
.cooperation-img-box .top {
  top: 0;
  background: linear-gradient(180deg, #ffffff, rgba(255, 255, 255, 0.95) 36%, rgba(255, 255, 255, 0));
}
.cooperation-img-box .bottom {
  bottom: 0;
  background: linear-gradient(0deg, #ffffff, rgba(255, 255, 255, 0.85) 70%, rgba(255, 255, 255, 0));
}
.cooperation-img-box .cooperation-logo {
  -webkit-animation: bgScroll 10s linear infinite;
  animation: bgScroll 10s linear infinite;
  will-change: transform;
  pointer-events: none;
}
.cooperation-img-box .cooperation-logo img{ max-width: 100%; }
@keyframes bgScroll {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
  100% {
    -webkit-transform: translateY(-33.333%);
    transform: translateY(-33.333%);
  }
}

/*左侧工具条*/
#toolbar {
    position: fixed;
    z-index: 9999;
    right: 0px;
    bottom: 30%;
}

#toolbar li {
    margin-bottom: 3px;
    font-size: 0;
    width: 40px;
    height: 40px;
    right: 0;
    position: relative;
}

#toolbar li a {
    display: block;
    position: absolute;
    z-index: 9;
    right: 0;
    top: 0;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: #c50a19;
    -webkit-transition: all .5s ease;
    transition: all .5s ease;
    white-space: nowrap;
    font-size: 0;
}

#toolbar li .icon-font {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 40px;
    background-color: #d9d9d9;
}

#toolbar li .icon-qq:after {
    background-position: 0 -150px;
}

#toolbar li .icon-phone:after {
    background-position: 0 -90px;
}

#toolbar li .icon-ewm:after {
    background-position: 0 -30px;
}

#toolbar li .icon-message:after {
    background-position: 0 -120px;
}

#toolbar li .icon-top:after {
    background-position: 0 -60px;
}

#toolbar li .icon-wangwang:after {
    background-position: 0 0;
}

#toolbar li .wz {
    display: inline-block;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    padding-left: 10px;
}

#toolbar li.ewm .ewm-box {
    position: absolute;
    z-index: 1;
    padding: 5px;
    background: #c50a19;
    width: 110px;
    right: 120%;
    bottom: 0;
    opacity: 0;
    visibility: hidden;
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    -webkit-transition: all .7s;
    transition: all .7s;
}

#toolbar li.ewm .ewm-box p {
    margin-bottom: 0;
}

#toolbar li.ewm .ewm-box img {
    max-width: 100%;
}

#toolbar li.ewm .ewm-box:after {
    content: '';
    position: absolute;
    right: -5px;
    bottom: 20px;
    width: 0;
    height: 0;
    line-height: 0;
    font-size: 0;
    overflow: hidden;
    border-width: 5px;
    cursor: pointer;
    border-style: dashed dashed dashed solid;
    border-color: transparent transparent transparent #c50a19;
    border-right: none;
}

#toolbar li.ewm:hover .icon {
    background-position: -57px -180px;
}

#toolbar li.ewm:hover .ewm-box {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0);
    transform: translateY(0);
}

#toolbar li.backtop {
    cursor: pointer;
}

#toolbar li.backtop .iconfont {
    color: #fff;
    background-color: #c50a19;
}

#toolbar li:hover a {
    width: 200px;
}

#toolbar li:hover .icon-font {
    background-color: #c50a19;
}

#toolbar li:hover .icon-qq:after {
    background-position: -30px -150px;
}

#toolbar li:hover .icon-phone:after {
    background-position: -30px -90px;
}

#toolbar li:hover .icon-ewm:after {
    background-position: -30px -30px;
}

#toolbar li:hover .icon-message:after {
    background-position: -30px -120px;
}

#toolbar li:hover .icon-wangwang:after {
    background-position: -30px 0;
}

#toolbar li:hover .icon-top:after {
    background-position: -30px -60px;
}

.icon-font:after {
    content: "";
    width: 30px;
    height: 30px;
    background-image: url(/static/default/images/icon_spirit.png);
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 15px);
    top: calc(50% - 15px);
}

.icon-font {
    position: relative;
}


.details_swiper{margin-bottom:30px;}
.album-small{position: relative;width:100%;padding:0 30px;margin-top:15px;}
.album-small .swiper-container{position: static;}
.album-small .swiper-slide:after{content: '';position: absolute;width:100%;height:100%;left:0;top:0;border:1px solid #d71222;opacity: 0;transition:all 0.5s;box-sizing: border-box;}
.album-small .swiper-slide .img{    position: relative;
    overflow: hidden;}
.album-small .swiper-slide .img>img{ display: block;
    width: 100%;
    transition: all .5s;}
.album-small .swiper-slide-thumb-active:after{opacity: 1;}
.gallery-thumbs .swiper-button-prev,
.gallery-thumbs .swiper-button-next{width:30px;height:100%;top:0;margin-top:0;background-size:auto 20px;opacity: 1;}
.gallery-thumbs .swiper-button-prev{left:0;background-image: url(../images/ico_fl.png);}
.gallery-thumbs .swiper-button-prev.swiper-button-disabled{opacity: 0.8;}
.gallery-thumbs .swiper-button-next{right:0;background-image: url(../images/ico_fr.png);}
.gallery-thumbs .swiper-button-next.swiper-button-disabled{opacity: 0.8;}



.tanchuang{  position: fixed;
    top: 50%;
    left: 50%;
    width: 70%;   
    transform: translate(-50%,-50%);
    z-index: 999;}

.tanchuang span{position: absolute;
    top: 5px;
    right: 15px;
    font-size: 24px;
    line-height: 27px;
    text-align: center;
    color: #d71222;
    cursor: pointer;}
.tac_desc{}
.tac_desc h3{ font-size: 20px; color: #d71222; line-height: 30px; text-align: center; font-weight: normal;}
.tac_desc .tc_img{display: block; overflow: hidden; }
.tac_desc .tc_img img{ width: 100%; display: block; }