*{

	margin:0;

	padding:0;

	font-family: 微软雅黑;

    box-sizing: border-box;

}

a{

	text-decoration: none;

}

li{

	list-style: none;

}

a,img{

	transition: all .5s;

}

body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

/*body{

	min-width: 1200px;

}*/

.w_1400{

	width:1400px;

	margin:0 auto;

}

.clear{

	clear: both;

}

.clear2:after{

    display: block;

    width:100%;

    height: 0;

    clear:both;

    overflow: hidden;

    content:'';

}

/*top*/

.top{

    width:100%;

    border-bottom:1px solid #e6e6e6;

}

.top_le{

    float:left;

    color:#999999;

    font-size: 14px;

    text-align: left;

    width:50%;

    line-height: 45px;

}

.top_ri{

    text-align: right;

    float:right;

}

.top_ri > p{

    color:#999999;

    font-family: "Arial";

    font-size: 16px;

    line-height: 45px;

    height: 45px;

    padding:0 110px 0 38px;

    position: relative;

    background:url("../images/toptel.png") no-repeat left center;

}

.top_ri > p > a{

    position: absolute;

    top:0;

    bottom:0;

    right:75px;

    margin:auto 0;

    width: 28px;

    height: 28px;

}

.top_ri > p > a > img{

    max-width: 100%;

    max-height: 100%;

}



.top_ri > p > span{

    position: absolute;

    top:0;

    bottom:0;

    right:35px;

    margin:auto 0;

    width: 28px;

    height: 28px;

}



.top_ri > p > span:hover{

    cursor:pointer;

}

.top_ri > p > span > img{

    max-width: 100%;

    max-height: 100%;

}



.topNav{

    width:100%;

}



/*banner*/

.swiper-slide {

    text-align: center;

    font-size: 18px;

    background: #fff;



    /* Center slide text vertically */

    display: -webkit-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-box-pack: center;

    -ms-flex-pack: center;

    -webkit-justify-content: center;

    justify-content: center;

    -webkit-box-align: center;

    -ms-flex-align: center;

    -webkit-align-items: center;

    align-items: center;

}

.banner_sw{

	width: 100%;

}

.banner_swi{

	width: 100%;

}

.banner_swi > img{

	width:100%;

}

/*logo*/

.logo{

    float:left;

    padding:13px 0;

}

.nav_ul{

    float:right;

    text-align: right;

    width:71%;

    position: relative;

}

.nav_li{

    float:left;

    width:15%;

    line-height: 105px;

    text-align: center;

    transition: all .5s;

}

.nav_li > a{

    color:#666666;

    font-size: 18px;

}

.topForm{

    position: absolute;

    top:31px;

    right: 0;

}

#q{

    height: 35px;

    line-height: 35px;

    float:left;

    transition: all .5s;

    width:0;

    background: #f3f3f3;

    border:none;

}

.button{

    width:35px;

    height: 35px;

    text-align: center;

    line-height: 35px;

    background:url("../images/search.png") no-repeat center;

    border:none;

}

.topForm:hover #q{

    width:200px;

    border:1px solid #f5f5f5;



}





/*手机端导航按钮*/

.mob_menu{

    width:50px;

    height: 35px;

    background:#fc7010;

    border-radius:5px;

    float:right;

    margin:15px 1rem 0 0;

    display: none;

}

.mob_menu span{

    display: block;

    width:60%;

    height: 2px;

    background:#ffffff;

    margin:14% auto 0;

}

/*手机导航*/

.mob_list{

    position: fixed;

    z-index:12;

    width:45%;

    height: 100%;

    overflow-x:hidden;

    overflow-y:auto;

    left:100%;

    top:0;

    background:#f2f2f2;

    padding:2rem 1rem 2rem 2rem;

    transition: all .5s;

}

.mob_ul{

    width:100%;

}

.mob_li{

    width:100%;

    text-align: left;

}

.mob_li > a{

    display: block;

    color:#333333;

    font-size: 0.8rem;

    float:left;

    line-height: 3rem;

    width:80%;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.mob_li > span{

    width:20%;

    float:right;

    text-align: center;

    line-height: 3rem;

    transition: all .5s;

}

.mob_ul2{

    width:100%;

    padding-left:1rem;

    display: none;

}

.mob_li2{

    width:100%;

    line-height: 2rem;

    color:#333333;

    font-size: 0.75rem;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.mob_li2 > a{

    color:#333333;

}

.mob_close{

    display: block;

    position: absolute;

    width:1.5rem;

    height: 3rem;

    border-radius:0 2px 2px 0;

    left:0;

    top:0;

    bottom:0;

    margin:auto 0;

    z-index:9999;

    background:#fc7010 url("../images/mob_close.png") no-repeat center;

}

.nav_li:hover{

    background:#e21818;

}

.nav_li:hover a{

    color:#ffffff;

}



/*产品中心*/

.con1{

    width:100%;

    padding:80px 0;

}

.con_ti{

    width:100%;

    text-align: center;

}

.con_ti h2{

    color:#e21818;

    font-weight: bold;

    font-size: 48px;

    font-family: "Impact";

}

.con_ti h3{

    color:#333333;

    font-weight: bold;

    font-size: 36px;

}

.con_ti p{

    color:#999999;

    font-size: 17px;

    padding:10px 0;

}

.con1_list{

    width:100%;

    padding:50px 0 0;

}





.con1_sw{

    width:100%;

}

.con1_dl{

    width:100%;

    overflow: hidden;

    float:left;

}

.con1_dt{

    width:100%;

    font-size: 0;

}

.con1_dt img{

    width:100%;

}

.con1_dd{

    width:100%;

    padding:20px 0;

    text-align: center;

}

.con1_dd_p{

    font-size: 18px;

    color:#666666;

    text-align: center;

    margin-bottom:15px;

}

.con1_dd_p a{

    color:#666666;

}

.con1_a1{

    color:#000000;

    width:33%;

    line-height: 33px;

    font-size: 16px;

    display:inline-block;

    border:1px solid #000000;

    text-align: center;

    border-radius:17px;

    margin:0 10px;

    white-space:nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

}

.con1_a1:hover{

    color:#ffffff;

    background:#e21818;

}

/*关于我们*/

.con2{

    padding:80px 0;

    background:#f5f5f5 url("../images/llbg.jpg") no-repeat top center;

}

.con2_le{

    padding:60px 0 0;

    width:37.85%;

}

.con2_h2{

    font-family: "Impact";

    color:#e21818;

    font-size: 48px;

    text-align: left;
    padding-right: 110px;
}

.con2_h2 > a{

    color:#999999;

    font-size: 16px;

    float:right;

    font-weight: normal;

}

.con2_h2 > a > em{

    color:#e21818;

    font-style: normal;

}

.con2_h3{

    color:#333333;

    font-size: 35px;

    text-align: left;

}

.con2_p{

    color:#999999;

    font-size: 17px;

}

.con2_des{

    width: 80%;

    line-height: 25px;

    color:#999999;

    font-size: 16px;

    text-align: left;

    margin:35px 0 90px;

}

.con2_list{

    width:100%;

    padding:45px 0 0;

    background:#ffffff;

}

.con2_1{

    width:20%;

    float:left;

    background:#e21818;

    box-sizing: border-box;

    padding:0 0 0 20px;

    text-align: left;

}

.con2_1 > h2{

    color:#ffffff;

    font-size: 48px;

    font-family: "Impact";

    padding:10px 0 0;

}

.con2_1 > p{

    color:#ffffff;

    font-size: 36px;

    font-weight: bold;

    padding-bottom:30px;

}

.con2_2{

    width:20%;

    float:left;

    height: 145px;

    padding:0 0 30px 99px;

    position: relative;

}

.con2_2 > img{

    position: absolute;

    left:10px;

    top:0;

    bottom:0;

    margin:auto 0;

}

.con2_2p1{

    width:100%;

    color:#333333;

    font-size: 17px;

    text-align: left;

    margin-top:35px;

}

.con2_2p2{

    color:#999999;

    font-size: 17px;

}

.con2_2p2 > span{

    color:#e21818;

    font-size: 48px;

    font-family: "Times New Roman";

}

.mob_con2{

    display:none;

    width:  100%;

}

.con2_des2{

    width:100%;

    line-height:2rem;

    color:#999999;

    font-size:0.8rem;

}





/*新闻中心*/

.con3{

    padding:50px 0 0;

}

.con3_list{

    padding-top:50px;

}

.con3_le{

    width:48%;

    margin-right:2%;

    float:left;

}

.con3_ri{

    margin-left: 2%;

    width:48%;

    float:right;

}

.con3_le_h2{

    color: #000000;

    font-size: 24px;

    text-align: left;

}

.con3_le_h2 a{

    margin-right: 2%;

    color:#000000;

}

.con3_le_h2 a:first-child{

    color:#e21818;

}

.con3_le_h2 a:hover{

    color:#e21818;

    cursor:pointer;

}

.con3_d{

    width:100%;

    margin:20px 0;

    padding:20px 0;

    transition: all 1s;

    background-size: cover;

}

.con3_d > span{

    color:#999999;

    font-size: 16px;

    font-family: "Arial";

    display: block;

    text-align: left;

    padding-bottom:5px;

    transition: all 1s;

}

.con3_d > h2{

    font-size: 19px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.con3_d > h2 > a{

    color:#000000;

}

.con3_d > p{

    color:#999999;

    font-size: 16px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    padding:10px 0;

    transition: all 1s;

}

.con3_da{

    color:#e21818;

    font-size: 14px;

    display: inline-block;

    padding-right:50px;

    background:url("../images/more1.png") no-repeat right center;

}

.con3_d:hover{

    padding-left:50px;

    background: url("../images/newsbg.jpg") no-repeat center;

    color:#ffffff;

}

.con3_d:hover.con3_d > span{

    color:#ffffff;

}

.con3_d:hover.con3_d > h2 > a{

    color:#ffffff;

}

.con3_d:hover.con3_d > p{

    color:#ffffff;

}

.con3_nn{

    font-size: 0;

}

.con3_nn > img{

    width: 100%;

}





/*底部*/

#mydiv{

    width: 100%;

    height: 518px;

    position: relative;

    background:#262626;

}

.footer{

    width:100%;

    top:0;

    left:0;

    position: absolute;

}

.fo_list{

    padding:65px 0;

}

.fo_d{

    float:left;

    height: 230px;

    overflow: hidden;

    border-right: 1px solid #333333;

}

.fo_d > img{

    max-width: 100%;

}

.fo_img{

    width:100%;

    text-align: left;

    padding:10px 0 30px;

}

.fo_img a{

    margin-left:10px;

}

.fo_tel{

    width:100%;

    padding:10px 0 10px 47px;

    position: relative;

}

.fo_tel > p{

    color:#ffffff;

    font-size: 14px;

}

.fo_tel > span{

    color:#ffffff;

    font-size: 30px;

    font-family: "Impact";

}

.fo_tel > img{

    position:absolute;

    left: 0;

    top:0;

    bottom:0;

    margin:auto 0;

}



.fo_d2{

    float:left;

    padding:0 3%;

    /*width:12.5%;*/

    /*height: 230px;*/

    border-right: 1px solid #333333;

    overflow-x:hidden;

    overflow-y:auto;

    max-width:22%;

}

.fo_d2 h2{

    color:#ffffff;

    font-size: 18px;

    text-align: left;

    padding:20px 0;

    font-weight: normal;

}

.fo_d2 a{

    color:#ffffff;

    font-size: 15px;

    display: block;

    line-height: 30px;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

}

.fo_d2 > p{

    color:#ffffff;

    position:relative;

    padding-left:30px;

    padding:10px 0 10px 30px;

    font-size: 15px;

}

.fo_d2 > p > img{

    position: absolute;

    left:5px;

    top:0;

    bottom:0;

    margin:auto 0;

}

.fo_wx{

    float:right;

    text-align: center;

    padding: 0 30px;

}

.fo_wx > img{

    max-width: 100%;

}

.fo_wx p{

    color:#ffffff;

    font-size: 15px;

    line-height: 45px;

}

.fo2_p{

    width:100%;

    text-align: center;

    color:#ffffff;

    font-size: 15px;

    height: 50px;

    line-height: 50px;

    border-top:1px solid #333333;

}

.fo2_p > a{

    color:#ffffff;

}

/*滚动条整体部分*/

.fo_d2::-webkit-scrollbar{

    width:1px;

    background:#ffffff;

}

/*滚动条小方块部分*/

.fo_d2::-webkit-scrollbar-thumb{

    width:1px;

    height: 100%;

    background:#333333;

    border-radius:1px;

}



/*弹出微信*/

.fixwx{

    position: fixed;

    width:300px;

    height: 400px;

    box-sizing: border-box;

    padding:50px 25px;

    top:0;

    bottom:0;

    left:0;

    right:0;

    margin:auto;

    background:#ffffff;

    border:1px solid #e2e2e2;

    border-radius:2px;

    z-index:999999;

    display: none;

}

.js_close{

    float:right;

    width:30px;

    height: 30px;

    background:url("../images/js_close.png") no-repeat center;

    margin-top:-30px;

    margin-right: -10px;

}

.js_close:hover{

    cursor:pointer;

}

.fixwx_img,.fixwx_img > img{

    max-width:100%;

    text-align: center;

    font-size: 0;

}





/*内页banner*/

.neibanner,.neibanner > img{

    width:100%;

    box-sizing: border-box;

    font-size: 0;

    text-align: center;

}



/*位置*/

.position{

    width:100%;

    border-bottom:1px solid #e2e2e2;

    padding:10px 0;

}

.position_p1{

    width:100%;

    text-align: right;

    font-size: 12px;

    color:#666666;

}

.position_p1 > a{

    color:#666666;

}



.prochannel{

    width:100%;

    padding:10px 0;

}

.pro_d{

    width:100%;

    margin-bottom:20px;

    border-bottom:1px solid #e2e2e2;

}

.pro_d > h2{

    color:#000000;

    font-size: 22px;

    text-align: left;

    font-weight: normal;

}

.pro_d > h2 > a{

    color:#ffffff;

    display: block;

    width:100px;

    height: 34px;

    line-height: 34px;

    text-align: center;

    float:right;

    background:#e21818;

    font-size: 14px;

}

.pro_list{

    padding:30px 0;

}

.pro_dl{

    width:32.3%;

    float:left;

    margin-right: 1%;

    overflow: hidden;

}

.pro_dt{

    width:100%;

    overflow: hidden;

    font-size: 0;

    text-align: center;

}

.pro_dt > img{

    max-width:100%;

    transition: all 1.5s;

}

.pro_dd{

    color:#666666;

    font-size: 14px;

    text-align: center;

    height: 45px;

    line-height: 45px;

}

.pro_dl:hover .pro_dt > img{

    transform: scale(1.2);

}

.pro_dl:hover .pro_dd{

    color:#e21818;

}



/*产品列表2*/

.pro2_d{

    width:100%;

    padding:20px 0;

}

.pro2_dl{

    width:24%;

    margin-right:1%;

    overflow: hidden;

    float:left;

    margin-bottom:30px;

}

.pro2_dd{

    font-size: 0;

    width:100%;

    text-align: center;

    overflow: hidden;

}

.pro2_dd > img{

    max-width:100%;

    transition: all 1.5s;

}

.pro2_dt{

    font-size: 18px;

    text-align:center;

    color:#6a7074;

    white-space: nowrap;

    overflow: hidden;

    text-overflow: ellipsis;

    height: 45px;

    line-height: 45px;

    border-top:1px solid #e21818;

}

.pro2_dl:hover .pro2_dd > img{

    transform: scale(1.2);

}





/*产品展示页*/

.pros_dl{

    width:100%;

    background: url("../images/showbg.jpg") no-repeat center right;

    border-bottom:1px solid #e2e2e2;

}

.pros_dt{

    width:50%;

    float:left;

    font-size: 0;

    overflow: hidden;

}

.pros_dt > img{

    width:100%;

}

.pros_dd{

    width:50%;

    float:left;

    box-sizing: border-box;

    padding:50px;

    word-wrap:break-word;

    background:#e21818;

}



.show_channel{

    width:100%;

    padding:20px 0;

}

.show_p1{

    width:260px;

    height: 70px;

    text-align: center;

    line-height: 70px;

    color:#666666;

    font-size: 20px;

    position: relative;

    background-color:#f0f0f0;

    background-image:url("../images/jin1.png");

    background-repeat: no-repeat;

    background-position: 230px center;

    float:left;

    margin-right: 10px;

}

.show_p1 > span{

    color:#666666;

    font-size: 20px;

}

.show_p1 > img{

    position: absolute;

    left:20px;

    top:0;

    bottom:0;

    margin:auto 0;

}

.show_img2{

    display: none;

}

.show_p1:hover{

    cursor:pointer;

}



.show_p1:first-child{

    background-color:#e21818;

    background-image:url("../images/jin2.png");

}

.show_p1:first-child .show_img2{

    display: block;

}

.show_p1:first-child .show_img1{

    display: none;

}

.show_p1:first-child span{

    color:#ffffff;

}



.show_con_list{

    width:100%;

}

.show_con{

    width: 100%;

    overflow: hidden;

    display:none;

    box-sizing: border-box;

    padding:10px 20px;

    word-wrap:break-word

}

.show_con:first-child{

    display: block;

}

.show_li{

    width:100%;

    height: 45px;

    line-height: 45px;

    position: relative;

    border-bottom:1px dashed #e2e2e2;

    overflow: hidden;

    padding-left:30px;

}

.show_li > span{

    display: block;

    width:5px;

    height:5px;

    position: absolute;

    left:10px;

    top:0;

    bottom:0;

    margin:auto 0;

    background:#e21818;

}

.show_lia1{

    color:#666666;

    font-size: 14px;

}

.show_lia2{

    display: block;

    width:80px;

    height: 30px;

    float:right;

    text-align: center;

    line-height: 30px;

    color:#666666;

    margin-top:7px;

    border:1px solid #e2e2e2;

    border-radius:2px;

}

.show_lia2:hover{

    color:#ffffff;

    background: #e21818;

}





/*新闻列表*/

.newsn{

    width:100%;

    padding:20px 0;

}

.news_list{

    width:100%;

}

.news_dl{

    width:100%;

    padding:20px 2%;

    margin:20px 0 0;

    display: flex;

    justify-content:flex-start;

    align-items:flex-start;

    flex-flow:row nowrap;

    transition: all .5s;

}

.news_time{

    width:10%;

    text-align: center;

    padding:10px;

    background:#e21818;

}

.news_time > p{

    color:#ffffff;

    font-size: 17px;

    line-height: 45px;

}

.news_time > span{

    display: block;

    color:#ffffff;

    font-size: 16px;

    line-height: 30px;

}

.news_dt{

    width:60%;

    margin-left:2%;

}

.news_dd{

    width:25%;

    margin-left:3%;

    font-size: 0;

    text-align: center;

    overflow:hidden;

}

.news_dd img{

    width:100%;

}

.news_dt > h2{

    font-size: 20px;

    text-align: left;

    font-weight: normal;

    white-space: nowrap;

    overflow:hidden;

    text-overflow:ellipsis;

    padding:0 0 20px;

}

.news_dt > h2 > a{

    color:#202020;

}

.news_dt > h2:hover a{

    color:#e21818;

}

.news_des{

    color:#666666;

    font-size: 14px;

    text-align: left;

    line-height: 30px;

    height:60px;

    overflow: hidden;

}



.news_more{

    width:170px;

    display:block;

    height: 40px;

    line-height: 40px;

    text-align: center;

    color:#333333;

    font-size: 14px;

    margin-top:20px;

    border-left:1px solid #e21818;

    border-right:1px solid #e21818;

}

.news_more:hover{

    color:#ffffff;

    background:#e21818;

}



.news_dl:hover{

    background:#f3f3f3;

}



.news_show{

    width:100%;

    padding:20px;

    background:#f2f2f2;

}

.news_show > h2{

    color:#000000;

    text-align: center;

    font-size: 30px;

    text-align: left;

}

.news_show p{

    color:#999999;

    font-size: 14px;

    text-align: left;

    padding:30px 0 10px;

    border-bottom:1px dashed #e2e2e2;

}

.news_con{

    width:100%;

    overflow: hidden;

    padding:10px 0;

}



.ab_dl{

    width: 100%;

    background:#f2f2f2;

}

.ab_dt{

    width:50%;

    float:left;

    font-size: 0;

    overflow: hidden;

}

.ab_dt> img{

    width:100%;

}

.ab_dd{

    width:50%;

    float:left;

    padding:60px;

}

.ab_sw{

    width:100%;

}

.ab_swi,.ab_swi img{

    font-size: 0;

    width:100%;

}

/*.ab_dl:hover .ab_dt img{

    transform: scale(1.2);

}*/

/*联系我们*/

.ctt_fl{

    width:41%;

    float:left;

    box-sizing: border-box;

    padding-right:45px;

}

.ctt_fl_h2{

    color:#000000;

    font-weight: bold;

    font-size: 18px;

    padding-bottom:30px;

    text-indent: 6px;

}

.ctt_fl_h22{

    color:#000000;

    font-weight: bold;

    font-size: 18px;

    padding:30px 0;

    text-indent: 6px;

}

.ctt_fl_p{

    position: relative;

    width:100%;

    box-sizing: border-box;

    padding:20px 0 20px 60px;

    color:#999999;

    font-size: 15px;

    font-family: "Arial";

    border-bottom:1px solid #e2e2e2;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

}

.ctt_fl_p > img{

    position: absolute;

    left: 0;

    right: 0;

    top: 0;

    bottom: 0;

    margin:auto 6px;

}

.ctt_fr{

    width:58%;

    float:right;

}

.ctt_lab{

    width: 49%;

    float:left;

    margin-left: 1%;

    font-weight: normal;

}

.ctt_lab > p{

    color:#333333;

    font-size: 16px;

    line-height: 35px;

}

.ctt_lab > input{

    width:100%;

    border-radius: 5px;

    border:1px solid #e2e2e2;

    text-indent: 10px;

    font-size: 14px;

    box-sizing: border-box;

    height: 49px;

}

.ctt_lab2{

    width: 100%;

    font-weight: normal;

    padding-left: 12px;

}

.ctt_lab2 > p{

    color:#333333;

    font-size: 16px;

    line-height: 35px;

}

.ctt_lab2 > textarea{

    width: 100%;

    height: 170px;

    border-radius: 5px;

    border:1px solid #e2e2e2;

    text-indent: 10px;

    font-size: 14px;

    box-sizing: border-box;

}

.ctt_ss{

    width:194px;

    height: 49px;

    line-height: 49px;

    text-align: center;

    color:#fff;

    font-size: 14px;

    background:#fc7010;

    border:none;

    border-radius: 5px;

    float:left;

    margin:30px 0;

}





.ctt{

    padding:0 0 100px;

}



.ctt_ditu{

    width:100%;

    height: 520px;

    box-sizing: border-box;

    border:5px solid #e2e2e2;

    margin-bottom: 100px;

}



.page_con{

    width:100%;

}

.pro_h2{

    color:#999999;

    font-size: 36px;

    text-align: center;

    background:url("../images/protibg.jpg") no-repeat center;

    padding:70px 0;

    font-weight: bold;

}



.ctt_img{

    width:50%;

    float:left;

}



.ab_con{

    width:100%;

}

.ab_des{

    width:55%;

    float:left;

}

.ab_img{

    float:right;

    width:40%;

    font-size: 0;

}

.ab_img img{

    width:100%;

}



.n_fen{

    width:100%;

    padding:20px 0;

    text-align: center;

}

.n_fen_a{

    display: inline-block;

    box-sizing: border-box;

    padding:0 20px;

    margin:0 10px;

    height: 40px;

    line-height: 40px;

    font-size: 20px;

    color:#666666;

    border:1px solid #e6e6e6;

}

.n_fen_a:hover{

    border:1px solid #e21818;

    color:#e21818;

}



.accc{

    border:1px solid #e21818;

    color:#e21818;

}











@media screen and (max-width:1400px){

    .w_1400{

        width:98%;

    }

    .con2_2p2 > span{

        font-size: 32px;

    }

}

@media screen and (max-width:1200px){

    .mob_hide{

        display: none;

    }

    .fo_d2{

        max-width:33%;

    }

}



@media screen and (max-width:1024px){

    .top{

        display: none;

    }

    .logo{

        padding:0;

    }

    .nav_ul{

        display: none;

        fli

    }

    .mob_menu{

        display: block;

    }

    .con3_le_h2{

        display: none;

    }

    .con3_nn{

        display: none;

    }

    .con3_le{

        width:100%;

        margin:0;

        float:none;

    }

    .con3_ri{

        width:100%;

        margin:0;

        float:none;

    }

    .con2{

        padding:2rem 0;

        background:#f5f5f5;

    }

    .con2_le{

        width:100%;

        display:none;

    }

    .con2_list{

        background:#f5f5f5;

    }

    .con2_1{

        display: none;

    }

    .con2_2{

        width:50%;

        padding:0 0 2% 20%;

    }

    .con2_2 img{

        width:50px;

    }

    .mob_con2{

        display:block;

    }

    .con3_list{

        padding:2rem 0;

    }

    #mydiv{

        width:100%;

        height: 900px;

    }

    .fo_d{

        float:none;

        border:none;

    }

    .fo_d2{

        float:none;

        max-width:100%;

        width:100%;

        border:none;

        border-top:1px solid #cccccc;

    }

    .fo_wx{

        float:none;

        text-align: center;

    }



    .position_p1{

        text-align: left;

    }



    .pro2_dl{

        width:48%;

        margin-right: 2%;

    }

    .pros_dt{

        width:100%;

        float:none;

    }

    .pros_dd{

        width:100%;

        float:none;

    }

    .show_p1{

        width:100%;

        float:none;

        margin:1rem 0 0 0;

        line-height: 3rem;

        height: 3rem;

        text-align: left;

        padding-left:5rem;

        background-position: 95% center;

    }

    .show_con img{

        max-width: 100%;

    }

    .news_dl{

        flex-flow:row wrap;

    }

    .news_dd{

        order:1;

        width:100%;

        margin:1rem 0;

    }

    .news_time{

        width:20%;

        order:2;

    }

    .news_dt{

        width:75%;

        margin-left:5%;

        order:3;

    }



    .ctt_fl{

        width:100%;

    }

    .ctt_fr{

        width: 100%;

    }







}



@media screen and (max-width:768px){

    .pro_dl{

        width:100%;

        margin:1rem 0 0 0;

    }

    .pro_d > h2{

        font-size: 1rem;

    }

    .pro_d > h2 > a{

        width: 4rem;

        height: 1.5rem;

        line-height: 1.5rem;

        text-align: center;

        color:#ffffff;

        background: #e21818;

        font-size: 12px;

    }

    .ab_dt{

        width:100%;

        float:none;

    }

    .ab_dd{

        width:100%;

        float:none;

    }

}

























































.ac{

    background:#e21818;

}

.ac > a{

    color:#ffffff;

}

/*.pageshow{margin-top: 30px;}*/

.pages{ margin-top:20px; margin-bottom:20px; text-align:center;font-size:13px;}

.pages a{border: 1px solid #ccc;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;cursor: pointer;background: #fff;text-decoration:none;color:#999;}

.pages a:hover{border:1px solid #FF6600; background-color:#FF6600; color:#fff;}

.pages span{border: 1px solid #FF6600;display: inline;padding: 3px 10px 3px 10px;margin-right: 5px;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;background: #FFEEE5;color: #FF6600;}

.iabout {
    position: relative;
    margin-bottom: 200px;
}
.iabimg{
    overflow: hidden;
}
.iabout img {
    width: 100%;
    transition: all .3s;
}
.iabout:hover img{
    transform: scale(1.1);
}
.abinfo {
    background: #FFFFFF;
    padding: 45px 80px 60px 80px;
    position: absolute;
    bottom: -140px;
    box-shadow: 0px 0px 10px #ccc;
    max-width: 1400px;
    margin: 0 auto;
    left: 0;
    right: 0;
    box-sizing: border-box;
}
.iabout p {
    font-size: 16px;
    color: #333333;
    line-height: 28px;
}
.iabout a {
    font-size: 16px;
    text-align: right;
    position: absolute;
    bottom: 40px;
    right: 75px;
    color: #e21818;
}
.abinfo h2 {
    font-size: 32px;
    color: #000;
    margin-bottom: 30px;
    text-align: center;
}

@media (max-width: 996px) {
    .news_show .news_con img{
        width: 100% !important;
        height: auto !important;
    }
}