body {

    font-family:"微软雅黑";

    overflow-x: hidden;

    font-size: 14px;

}

ul,li {

    list-style:none;

}

.cb {

    width:100%;

    clear:both;

    height:0;

}

.fl{

    float: left;

}

.fr{

    float: right;

}

.tac{text-align: center;}

a{text-decoration: none !important;}

h1{margin: 0;height: 70px;line-height: 70px;}

img{max-width: 100%;}









#nav{height: 40px;line-height: 40px;clear: both; width: 100%;z-index: 999999;background:#444444;}

#nav .container{position: relative;}

#nav .logo{height: 80px;background: no-repeat left center;line-height: 62px;position: absolute;left: 8px;}

#nav .logo img{vertical-align: middle;}

#nav .container{position: relative;}

#nav .nava{text-align: center;position: absolute;width: 100%;z-index: 9;height: 40px;padding: 0;margin-bottom:0 ;}

#nav .nava li{display: inline-block;position: relative;width: 12%;text-align: center;max-width: 120px;}



#nav .nava .a1{display:block;padding: 0 2px;color: #FFF ;height: 40px;line-height: 40px;cursor: pointer;}

#nav .nava .a1 img{display: none;}

#nav .daohangi{display: none;}





#banner{width: 100%;height: 478px;position: relative;overflow: hidden;line-height: 800px;text-align: center;overflow: hidden;}

#banner img{max-width: 90%;}

#banner ul{width: 500%;height: 100%;position: relative;padding: 0;left:0;z-index: 2;}

#banner ul li{width: 20%;height: 100%;float: left;background:#fff url(../images/banner0.jpg) no-repeat top center;background-size:cover ;}

#banner ol{text-align: center;position: absolute;width: 100%;bottom: 20px;padding: 0;z-index: 5;height: 14px;line-height: 14px;}

#banner ol li{width: 14px;height: 14px;border-radius: 50%;background: #fff;display: inline-block;margin: 0 12px;cursor: pointer;}



.i_con1{height: 450px;overflow: hidden;margin-top: 18px;padding: 0;}

.i_con1 .right{padding: 0;background: center center;background-size:cover ;height: 450px;}

.i_con1 .right img{display: none;width: 100%;}



.i_con1 .left{height: 450px;line-height:450px;background: #fff;padding: 30px 45px;}

.i_con1 .left .box11{display: inline-block;line-height: 1;vertical-align: middle;}

.i_con1 .left .p1{font-size: 24px;margin-bottom: 30px;}

.i_con1 .left .span1{display: inline-block;height: 2px;width: 12px;margin-bottom: 30px;}

.i_con1 .left .a{color: #4b4b4b;font-size: 16px;line-height: 24px;margin-bottom: 20px;display: block;}

.i_con1 .left .p2{font-size: 13px;color: #909090;line-height: 20px;margin-bottom: 50px;}

.i_con1 .left .a2{display: inline-block;width: 50px;height: 50px;text-align: center;line-height: 50px;border-radius: 50%;}



.i_con2 .left{background: #2b2b2b;}

.i_con2 .left .p1{color: #ffffff;}

.i_con2 .left .span1{background: #666666;}

.i_con2 .left .a{color: #FFF;}

.i_con2 .left .p2{color: #909090;}

.i_con2 .left .a2{border: 1px solid #FFF;}

.i_con3{background: #fff;margin-top: 18px;overflow: hidden;}

.i_bt{text-align: center;margin-top: 36px;margin-bottom: 18px;}

.i_bt .p1{color: #222222;font-size: 24px;height:56px;line-height: 56px;}

.i_bt .p2{max-width: 760px;font-size: 12px;color: #909090;line-height: 24px;margin: 0 auto;}



.i_con3 .xuanze{width: 100%;max-width: 632px;margin: 0 auto 45px;overflow: hidden;padding: 0;}

.i_con3 .xuanze li{float: left;height: 50px;width: 25%;max-width: 158px;color: #6e6e6e;background: #F2F2F2;text-align: center;line-height: 50px;cursor: pointer;}

.i_con3 .xuanze li.background{color: #FFF !important;}

.i_con3 .lb{overflow: hidden;margin-bottom: 46px;}

.lb .big_box{width: 400%;position: relative;left: 0;}

.lb .big_box .s_box{float: left;width: 25%;}

.s_box .col-xs-12{padding: 0 9px;margin-bottom: 18px;}

.s_box .ss_box{padding: 15px;border: 1px solid #eeeeee;}

.s_box .ss_box .img{display: block;overflow: hidden;}

.img img{width: 100%;min-height:100%;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.img:hover img{transform: scale(1.05);}

.s_box .ss_box .a1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;color: #434343;line-height: 44px;}

.s_box .ss_box .p1{width: 100%;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 13px;color: #9c9999;line-height: 1;}



.i_con4{background-color: #fff; margin-top: 18px;text-align: center;}

.i_con4 .p1{font-size: 30px;line-height: 1;margin-bottom: 20px;}

.i_con4 .p2{font-size: 12px;line-height: 32px;max-width: 1000px;margin: 0 auto 30px;}

.i_con4 .a1{width: 150px;height: 46px;line-height: 46px;text-align: center;display: inline-block;font-size: 13px;color: #373737 !important;background:rgba(255,255,255,0.74) ;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con4 .a1:hover{background:#fff;}



.i_con5{margin: 18px auto;background: #fff;overflow: hidden;}

.i_news{margin: 15px 0;}

.i_news a{display: block;width: 100%;overflow: hidden;}

.i_news .a1{white-space:nowrap; text-overflow:ellipsis;font-size: 16px;color: #434343;height: 36px;line-height: 36px;margin-top: 10px;}

.i_news p{font-size: 12px;color: #969696;margin: 0;}

.i_news .p2{line-height: 18px;height: 54px;overflow: hidden;}

.i_con5 .div div{height: 80px;line-height: 80px;text-align: center;max-height: 90%;overflow: hidden;}

.i_con5 div:hover>img{transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;

}

.i_con5 div:hover>img{transform: scale(1.1);}



.footer{background: #444444;overflow: hidden;}

.footer .foot_top{border-bottom: 1px solid #000;text-align: center;padding: 26px 0;position: relative;}

.footer .foot_top .div{display: inline-block;overflow: hidden;}

.footer .foot_top .f_top{width: 66px;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 16px;font-weight: bold;display: block;position: absolute;top: 0;right: 0;border-radius: 0 0 5px 5px;cursor: pointer;}

.footer .foot_top a{color: #818181;font-size: 12px;padding: 6px 16px;float: left;}

.footer .foot_top a:hover{color: #fff !important;text-decoration: underline !important;}

.footer .foot_top .a1h{background: none;}

.footer .foot_top br{display: none;}

.footer .foot_m{border-top: 1px solid #505050;padding: 28px 0 54px;}

.foot_m{overflow: hidden;}



.foot_m .guanzhu{text-align: center;}

.foot_m .foot_lx{text-align: left;}

.foot_m .foot_lx .p1{font-size: 13px;color: #ffffff;margin-bottom: 30px;margin-top: 18px;}

.foot_m .foot_lx .p2{font-size: 22px;color: #fff;margin-bottom: 22px;}

.foot_m .foot_lx a{display: inline-block;font-size: 14px;color: #fff !important;width: 150px;height: 36px;line-height: 36px;text-align: center;}







.foot_m .xinxi{text-align: center;margin-top: 10px;}

.foot_m .xinxi .p1{font-size: 18px;color: #fff;margin-bottom: 20px;}

.foot_m .xinxi p{color: #d9d9d9;background: no-repeat top left;line-height: 30px;text-align: left;margin-bottom: 0;}

.foot_m .xinxi .box{display: inline-block;}

.foot_m .erweima{text-align: center;}

.foot_m .cb{display: none;}

.foot_m .erweima{width: 250px;margin: 0 auto;}

.foot_m .erweima dl{display: inline-block;}

.foot_m .erweima dt{padding: 8px;background: #2c2c2c;border: 1px solid #444444;}

.foot_m .erweima dd{color: #d9d9d9;height: 60px;line-height: 60px;}

.foot_down{background: #0f0f0f;padding: 15px 0;overflow: hidden;}

.foot_down p{margin-bottom: 0;font-size: 12px;color: #6a6a6a;line-height: 22px;text-align: center;}

.foot_down a{color: #6a6a6a;margin-right: 5px;}



.list_banner{height: 240px;line-height: 450px;text-align: center;}

.list_banner img{max-width: 90%;}



.list_bt{text-align: center;padding: 46px 0;}

.list_bt .p1{font-size: 24px;color: #222222;}

.list_bt .p2{font-size: 12px;color: #909090;}



.about_main{margin-bottom: 30px;}

.about_main p{text-align: center;}

.about_main .p1{font-size: 18px;color: #222222;line-height: 44px;}

.about_main .p2{font-size: 13px;color: #959595;line-height: 24px;margin-bottom: 20px;}

.about_mi{padding: 150px 0 120px;text-align: center;background: url(../images/about_m_i.jpg) center center;background-size:cover ;color: #fff;}

.about_mi .boxo{display: inline-block;width: 33.3333%;max-width: 330px;text-align: center;min-width: 220px;}

.about_mi .boxo .boxo1{display: inline-block;}

.about_mi .boxo p{margin-bottom: 0;text-align: left;}

.about_mi .boxo .p01{margin-bottom: 18px;}

.about_mi .boxo .p02{font-size: 40px;margin-bottom: 12px;font-weight: bold;}

.about_mi .boxo .p03{margin-bottom: 30px;}



.about_main .p4{font-size: 24px;color: #222222;height: 68px;line-height: 68px;background: url(../images/about_x.jpg) no-repeat bottom center;margin-top: 30px;}

.about_main .p5{font-size: 18px;color: #474747;}

.about_main .p6{font-size: 13px;color: #959595;max-width: 738px;margin: 10px auto 20px;}

.about_main .box_b{text-align: center;margin-top: 50px;}

.about_main .box_b1{display: inline-block;text-align: center;width: 33%;max-width: 300px;min-width: 200px;margin-bottom: 30px;}

.about_main .box_b2{width: 175px;display: inline-block;}

.about_main .box_b2 img{margin-bottom: 35px;}

.about_main .box_b2 p{color: #909090;line-height: 24px;}

.about_main .box_b2 font{color: #2c2c2c;}



.fenye{margin: 40px 0;padding: 0;}

.fenye li{display: inline-block;}

.fenye li a{display: block;height: 26px;line-height: 24px;border: 1px solid #000;padding: 0 9px;}

.fenye li a:hover,.fenye li a.cur{color: #fff !important;}



.xq_bt{text-align: center;padding: 50px 0 10px;border-bottom: 1px solid #eeeeee;margin-bottom: 20px;}

.xq_bt .p1{font-size: 22px;color: #000000;line-height: 38px;}

.xq_bt .p2{font-size: 12px;color: #767676;line-height: 30px;}

.cp_x_main .p1{font-size: 12px;color: #4e4e4e;text-indent: 2em;line-height: 24px;margin-bottom: 20px;}

.cp_x_main img{margin: 20px 0;}

.cp_x_main{padding-bottom: 50px;}

.sx{padding: 30px 0;}

.sx a{display: block;color: #3d3d3d;line-height: 28px;}



.n_xuanze{text-align: center;margin: 40px 0;}

.n_xuanze a{width: 50%;max-width: 314px;height: 50px;text-align: center;line-height: 50px;color: #6e6e6e !important;background: #f2f2f2;display: inline-block;}

.n_xuanze a.background{color: #FFF !important;}





.news_x .n_bt{text-align: center;margin-top: 40px;}

.news_x .n_bt .p1{margin-bottom: 20px;font-size: 22px;color: #242424;font-weight: bold;}

.news_x .n_bt .p2{font-size: 12px;color: #939393;}

.news_x .n_bt .p2 span{margin: 0 15px;display: inline-block;}



.news_x .p1{color: #626262;font-size: 12px;line-height: 24px;}



.l_xinxi{border: 1px solid #ccc;padding-top: 60px;text-align: center;overflow: hidden;margin-bottom: 38px;}

.l_xinxi .boxo1{display: inline-block;text-align: left;margin-bottom: 35px;}

.l_xinxi .boxo1 .p1{font-size: 24px;color: #434343;font-weight: bold;margin-bottom: 12px;}

.l_xinxi .boxo1 .p2{font-size: 12px;line-height: 22px;color: #787878;}

.l_xinxi .boxo1 .p3{font-size: 12px;color: #787878;}



.ditu{border: 1px solid #ccc;padding: 5px;overflow: hidden;margin-bottom: 50px;}

.liuyan .left{height: 355px;border: 1px solid #d9d9d9;padding: 15px;margin-bottom: 50px;}

.liuyan .left .bg_i{height: 280px;background: url(../images/liuyan_i.jpg) no-repeat center right;background-size:cover ;}

.liuyan .left .p1{font-size: 18px;color: #848484;border-top: 1px solid #ccc;line-height: 40px;margin-top: 15px;}

.liuyan .left font{font-size: 12px;}

.liuyan .right {padding: 0 0 0 50px;margin-bottom: 50px;}

.liuyan .right input{width:100%;border: 1px solid #d9d9d9;height: 40px;line-height: 40px;padding-left: 18px;text-align:left;margin: 13px 0 ;}

.liuyan .right textarea{width: 100%;height: 70px;border: 1px solid #d9d9d9;padding-left: 18px;padding-top: 5px;resize: none;margin: 14px 0;}

.liuyan .right button{height: 40px;border: none;text-align: center;line-height: 40px;color: #fff;width: 100%;}

#nav .logo img {display: none;}

/*移动端样式*/

/*移动端样式*/

/*移动端样式*/

@media (max-width: 1200px){





}

@media (min-width: 1200px){





    .hidden-lg {display: none !important;}

}

@media (max-width:992px){

	

.foot_m{padding: 28px 0;}

.foot_m .fenx{text-align: center;margin-top: 30px;}

.foot_m .cb{display: block;}

.foot_m .erweima{margin-top: 40px;}	

div.content .al_nr>div {float: left;margin-right: 6px;}

#product_gh .container0 .Scroll{width: 90%;}



.ny_nav {margin-bottom: 20px;}

.ny_nav .title {height: 45px;line-height: 45px;font-size: 20px;text-align: left;padding-left: 15px;}



}





@media  (max-width:768px) {

#nav .daohangi{display: block;width: 70px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;}

#nav .daohangi img{width: 55%;cursor: pointer;display: none;}

#nav .daohangi img.cur{display: inline-block;	}

#nav .container{padding-right: 0;}

#nav .nava{left: 0;top: 80px;padding: 0;display: none;}

#nav .nava li{display: block;background: #fff;width: 100%;max-width: 100%;text-align: left;position: relative;font-size: 16px;line-height: 60px;}

#nav .nava li .a1{border-top: none !important;height: 60px;line-height: 60px;position: relative;padding-left: 20px;border-bottom: 1px solid #CCC !important;width: 100%;color: #333;}

#nav .nava dl{position: relative;margin: 0 !important;padding: 0;width: 100%;border-top:none;background: #f6f6f6;padding: 15px 0;display: none;}

#nav .nava dd:hover{background: #b9d6f5;}

#nav .nava dl a{font-size: 14px;color: #333;}

#nav .nava .a1 img{display:inline;height: 60%;margin-top: 10px;margin-right: 3px;transition: all .5s;

-webkit-transition: all .5s;

-moz-transition: all .5s;

-o-transition: all .5s;}

#nav .nava .a1 img.cur{transform: rotate(90deg);margin-top: 12px;}	

#nav .logo img {width: 212px; display: block;}

#nav{height: 80px;line-height:80px;background-color: #fff;}

.i_con1{height: auto;}

.i_con1 .right{height: auto;}

.i_con1 .right img{display: block;}

.i_con1 .left{padding: 30px 15px;height: auto;line-height: 1;}

.huafeng .hf p:nth-child(1), .case .cs p:nth-child(1), .news .ns p:nth-child(1){font-size: 23px;}

.huafeng .hf p:nth-child(2), .case .cs p:nth-child(2), .news .ns p:nth-child(2){font-size: 20px;}

.detail{display: none;}

.dib-box{margin-top: 13px;}



#banner{height: 144px;line-height: 500px;}

.footer .foot_top br{display: inline-block;}

.footer .foot_top .br1{display: none;}

.footer .foot_top .a2h{background: none;}



.foot_m .xinxi{margin-top: 30px;text-align: center;}

.foot_m .xinxi p{text-align: center;}

.foot_m .foot_lx{display: inline-block;text-align: center;}

.l_xinxi .boxo1{text-align: center;}

.liuyan .right{padding: 0;}

.huafeng>ul>li{width: 100%; margin-top: 5px;}

div.tab-container>div.content .al_nr:nth-child(1)>div {width: 48%;}

div.tab-container>div.content .al_nr>div:nth-child(1), div.tab-container>div.content>div:nth-child(4) {margin-left: 0;}

div.content .al_nr>div {float: left;margin-right: 0;}
.suppor ul{justify-content: space-between;}
.suppor ul li{width: 49%;margin-right: 0;}

.new{padding: 0;}

.new dd{float: left; margin-left: 10px; width: 75%;}

.new-ti a{font-size: 15px; color: #606060;}

.new-txt{font-size: 14px;}

.new dl{width: 100%;}

.new dt{width: 20%;}

#product_gh .container0 .Scroll{width: 76%;}

.Top,.Head{ display: none;}

/* 底部 */

.footer .list:nth-child(1),.footer .list:nth-child(2),.footer .list:nth-child(3) {width: 49%;}

.footer .list:nth-child(4),.footer .list:nth-child(5),.footer .list:nth-child(6)  {width: 49.6%;}

.footer .list:nth-child(6) {width: 100%;}

.footer .list:nth-child(6) p {text-align: center;}



.cp_ny {padding: 0 10px;}

.cp_ny .news1 {margin: 0 5px 10px;}

.xwzx_ny a {padding: 10px;margin-bottom: 10px;}

.xwzx_ny a .imgbox {width: 120px;height: 100px;}

.xwzx_ny a .text_box {margin-left: 130px;}

.xwzx_ny a .text_box h5 {font-size: 16px;line-height: 25px;}

.xwzx_ny a .text_box .text {line-height: 18px;height: 36px;margin: 5px 0 8px;font-size: 13px;}

.xwzx_ny a .text_box .more {width: 80px;line-height: 23px;}

.about {width: 100%;}

.hidden-xs {display: none !important;}

.list_banner{height: 84px;}

.xwzx_ny a {padding: 10px;margin-bottom: 10px;}

.xwzx_ny a .imgbox {width: 120px;height: 100px;}

.xwzx_ny a .text_box {margin-left: 130px;}

.xwzx_ny a .text_box h5 {font-size: 16px;line-height: 25px;}

.xwzx_ny a .text_box .text {line-height: 18px;height: 36px;margin: 5px 0 8px;font-size: 13px;}

.cp_ny {padding: 0 10px;}

.cp_ny .news1 {margin: 0 5px 10px;}

.news1 h5{font-size: 13px;}

table tr:nth-child(1) td:nth-child(1){width: 53px;}

}

@media (max-width:420px ) {

.i_con4{padding: 0px 15px ;}

.footer .foot_top br{display: none;}

.footer .foot_top .br1{display: inline-block;}

.footer .foot_top .a3h{background: none;}



}

@media  (min-width:768px){

#nav .nava{display: block !important;}

.col-sm-12{width: 100%;}

.col-sm-12{float: left;}

}

@media  (min-width:992px){

.col-md-9 {width: 75%;}

.col-md-3,.col-md-9{float: left;}

.col-md-3{width: 25%;}

.col-md-4 {width: 33.33333333%;}

}