@CHARSET "UTF-8";
html{margin:0;padding:0;border:0;}
body,div,span,object,iframe,h1,h2,h3,h4,p,blockquote,pre,a,address,code,b,em,img,
dl,dt,dd,ol,ul,li,fieldset,form,label,footer,
header,hgroup,nav,section
{margin:0;padding:0;border:0;}
body{background:#fff;color:#666;position:relative;font:12px/1.5 Microsoft YaHei,arial,sans-serif;vertical-align:baseline;width:100%;overflow-x:hidden;}
a{text-decoration:none;outline:none;}
a:hover,a:active,a:focus{color:#e87518;text-decoration:none;outline:none;}

input{padding:0;margin:0;font-family:'Microsoft YaHei';}
img{border:none;background:none;vertical-align:middle;}
ul,ol,li{list-style-type:none;}
select,input,img,select{vertical-align:middle;}
table{border-collapse:collapse;border-spacing:0}
table, th, td {vertical-align: middle}
.clearfix:after{content: ".";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1}
.clearboth{height:0px;line-height:0px;overflow:hidden;clear:both;font-size:0px;}

h1,h2,h3,h4{font-size:12px;font-weight:bold;}
hr {border: 0;border-top:1px solid #ccc;height:0;}

.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.5s ease-in 0s; -webkit-transition:all 0.5s ease-in 0s; -moz-transition:all 0.5s ease-in 0s; -o-transition:all 0.5s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}



/*样式11*/
.wt_t{max-width: 1200px;margin:0 auto;padding:0 10px}
.wt_t2{max-width: 1376px;margin:0 auto;padding:0 10px}
.wt_t2 .flex{
    align-items: self-start;
}
.flex{    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;}





/*头部样式*/
.top{height: 100px;overflow: hidden;border-bottom: 1px solid #d5d2d2;}
.logo{float:left;line-height: 100px;}

.tel{background:url(../images/e12a3a74c1caa887064050e5fce3d87108d9e517.png) no-repeat center left;padding-left: 46px;}
.tel  p:nth-child(1){ 	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 25px;
	letter-spacing: 0px;
	color: #828282;}

.tel p:nth-child(2){	font-family: MicrosoftYaHei;
	font-size: 30px;
	font-weight: normal;
	letter-spacing: 0px;
	color: #e50113;	line-height: 25px;}








    /* <!-- box1 --> */
.box1{background:#2e2e38;padding:3% 0}
.pt1{	font-family: MicrosoftYaHei;
	font-size: 36px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 22px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.pt1 span{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #ffffff;display: block;}


.sort{border-bottom: 1px solid #1f1f25;display: flex;justify-content: center;align-items: center;}
.sort li{float: left;color:#989898;font-size: 16px;line-height: 50px;position: relative;}
.sort li a{color:#989898;font-size: 16px;padding:0 25px;line-height: 50px;}
.sort li::after{width:0%;height:1px;background:#e50113;content: "";transition: all 1s;position: absolute;left:0px;bottom:0px}
.sort li:hover::after{width:100%;}
.sort li:hover a{color:#e50113}



.pp_ll{margin-top:3%}
.pp_ll li{margin-bottom: 25px;}
.pp_ll li a.img{display: block;border:2px solid #fff}
.pp_ll li:hover a.img{border:2px solid #e50113}

.pp_ll li a.img img{width:100%;height:auto}
.pp_ll li h4{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;
	color: #ffffff;text-align: center;}

.pp_ll li h4 a{color:#fff}
.pp_ll li h2{	width: 120px;
	height: 34px;
	border-radius: 17px;line-height: 34px;;
	border: solid 1px #6a6b71;float:left;margin-left:10px;text-align: center;font-weight: 400;}
.pp_ll li h2 a{color:#fff}
.pp_ll li h2 img{padding-right: 5px;}

.pp_ll li h3{	width: 120px;
	height: 34px;
	border-radius: 17px;line-height: 34px;background:#e50113;
	border: solid 1px #e50113;float:right;margin-right:10px;text-align: center;font-weight: 400;}
.pp_ll li h3 a{color:#fff}
.pp_ll li h3 img{padding-right: 5px;}



.xx1{	width: 100%;
	height: 3px;
	background-color: #444444;margin-top:20px}






@media (max-width: 1440px) {
    .pt1{	font-family: MicrosoftYaHei;
        font-size: 30px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #ffffff;text-align: center;}
    
    .pt1 span{font-size: 14px;
        line-height: 50px;}
    
}

@media (max-width: 768px) {
    .pt1{	font-family: MicrosoftYaHei;
        font-size: 20px;
        font-weight: normal;
        font-stretch: normal;
        line-height: 22px;
        letter-spacing: 0px;
        color: #ffffff;text-align: center;}
    .pt1 span{font-size: 14px;
        line-height: 40px;}
.sort li{float: left;color:#989898;font-size: 14px;line-height: 50px;position: relative;}
.sort li a{color:#989898;font-size: 14px;padding:0 10px;line-height: 50px;}
    
}











/* box2 */
.box2{margin-top:5%}
.ab1{width:50%;}
.ab1 img{width:100%;height:100%}

.ab2{background:#f1f1f1;width:50%;padding: 31px;}

.at11{	font-family: MicrosoftYaHei-Bold;
	font-size: 25px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 50px;
	letter-spacing: 0px;position: relative;
	color: #666666;width:100%;background:url(../images/7b98ec8f30e46fda941b88301575a450538ab1c5.png) no-repeat left bottom;}

.at11 a{position: absolute;right:0px;top:0px}

.aacc{	font-family: MicrosoftYaHei;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 30px;
	letter-spacing: 0px;
	color: #666666;margin-top:25px}



.tb_ll{margin-top:29px}
.tb_ll li{    width: calc(25% - 14px);
    margin: 0 7px;
    margin-bottom: 10px;float:left;background:#464646;margin-bottom: 20px;text-align: center;	line-height: 52px;
}

.tb_ll li img{padding-right: 5px;}
.tb_ll li h2{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;line-height: 52px;

	letter-spacing: 0px;
	color: #ffffff;}
.tb_ll li h2 a{color:#fff}
.tb_ll li:hover{background:#e50113;}

@media (max-width:1440px) {
    .tb_ll{margin-top:31px}
}

@media (max-width:1370px) {
    .tb_ll{margin-top:28px}
}

@media (max-width:1360px) {
    .tb_ll{margin-top:25px}
}


@media (max-width:1280px) {
    .tb_ll{margin-top:10px}
    .tb_ll li{ line-height: 45px; }
    .tb_ll li h2{	font-family: MicrosoftYaHei;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;line-height: 45px;}
   
}


@media (max-width:1024px) {
    .tb_ll{margin-top:10px}
    .tb_ll li{ line-height: 35px; }
    .tb_ll li h2{	font-family: MicrosoftYaHei;
        font-size: 14px;
        font-weight: normal;
        font-stretch: normal;line-height: 35px;}
  .aacc{height:120px;overflow: hidden;} 
  .at11{	font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 40px;
	letter-spacing: 0px;position: relative;
	color: #666666;width:100%;background:url(../images/7b98ec8f30e46fda941b88301575a450538ab1c5.png) no-repeat left bottom;}
    .ab2{background:#f1f1f1;width:50%;padding: 20px;}
}


@media (max-width:992px) {
    .ab2{padding: 15px;}
}

@media (max-width:990px) {
    .ab1{width:100%;}
    .ab2{padding: 15px;width:100%}
    .tb_ll li{    width: calc(50% - 14px);
        margin: 0 7px;
        margin-bottom: 10px;float:left;background:#464646;margin-bottom: 20px;text-align: center;	line-height: 52px;
    }
    .aacc{height:auto;overflow: hidden;} 
}













/* box3 */
.box3{
    margin-top:40px;
}
.sltt{font-family: MicrosoftYaHei-Bold;
	font-size: 48px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #e50113;text-align: center;}


.sltt span{background:url(../images/1b1fcfbb2c175f970b27a739921c8436a1835c4d.png) no-repeat center center;	font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	font-weight: 600;
	letter-spacing: 0px;
	color: #222222;	line-height: 60px;}

.sltt em{font-style: normal;padding-left: 20px;}


.yspp{	font-family: MicrosoftYaHei;
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 60px;
	letter-spacing: 0px;
	color: #333333;text-align: center;}





.anlis{border-top: 1px solid #dcdcdc;margin-top:3%}
    .taba li{
        width: calc(25% - 30px);
        margin: 0 15px;
        margin-bottom: 10px;   float:left;text-align: left;position: relative;background:url(../images/201ce36be9c2c0e3035c03f5fa7c4140b7e2e592.png) no-repeat center right;color:#474747;font-size: 24px;font-weight: 600;padding-top: 3%;}

    .taba li span{color:#999999;font-size:14px;text-transform:uppercase;text-align: left;display:block;font-weight: 400;}
    
    .taba li.cur{ color:#474747;background:url(../images/aaa8e7ddfaf02c0eae89448c0c4d9dd595645973.png) no-repeat center right;}
    .taba li.cur span{color:#999999}
    
    .ttz{display:none;margin-top:2%;width:1920px;margin:0 auto;
    /*height:600px;*/
        
    }
    .ttz li{width:100%;height:auto;overflow: hidden;position:relative;z-index: 99}
    .img3 a img{width:100vw;height:auto;}
    
    .taba li::after{width:70%;height:4px;background:#cf141d;position:absolute;left:0px;top:0px;content: "";}


    @media (max-width: 1440px) {
        .sltt{	font-family: MicrosoftYaHei-Bold;
            font-size: 38px;
            font-weight: 600;
            font-stretch: normal;
            line-height: 40px;
            letter-spacing: 0px;
            color: #e50113;text-align: center;}
        
        
        .sltt span{background:url(../images/1b1fcfbb2c175f970b27a739921c8436a1835c4d.png) no-repeat center center;	font-family: MicrosoftYaHei-Bold;
            font-size: 22px;
            font-weight: 600;
            letter-spacing: 0px;
            color: #222222;	line-height: 40px;}

            .yspp{	font-family: MicrosoftYaHei;
                font-size: 16px;
                font-weight: normal;
                font-stretch: normal;
                line-height: 40px;
                letter-spacing: 0px;
                color: #333333;text-align: center;}

}


@media (max-width: 1280px) {

    .taba li{
        width: calc(25% - 16px);
        margin: 0 8px;
        margin-bottom: 10px;   float:left;text-align: left;position: relative;background:url(../images/e4a6ecc50dd56c482115bd58cac2ae02e1252585.png) no-repeat center right;color:#474747;font-size: 16px;font-weight: 600;padding-top: 2%;}

    .taba li span{color:#999999;font-size:12px;text-transform:uppercase;text-align: left;display:block;font-weight: 400;}
       
    
}



@media (max-width: 768px) {

    .taba li{
        width: calc(50% - 16px);
        margin: 0 8px;
        margin-bottom: 10px;   float:left;text-align: left;position: relative;background:url(../images/e4a6ecc50dd56c482115bd58cac2ae02e1252585.png) no-repeat center right;color:#474747;font-size: 16px;font-weight: 600;padding-top: 2%;}


}






.index-ecp-all{  background: url(../images/f4e0d5b2f2339f2963c30b0b2e5d69da85fd2417.jpg) no-repeat center top; background-attachment: fixed;  padding:80px 0 50px;   background-size: 100% 100%;width:100%}
 
.epc-content p:nth-of-type(1){ position: relative; text-align: center; font-size: 18px; color: #fff; 
								text-transform: uppercase; transition: all 0.5s }
.epc-content>p:nth-of-type(1):before{ position:absolute; content: ""; height: 1px; width: 65%; left: 0; top: -28px; right: 0; margin: auto; background:rgba(255,255,255,0.5); }
.epc-content>p:nth-of-type(1):after{ position:absolute; content: ""; height: 1px; width: 80%; left: 0; top: -22px; right: 0; margin: auto; background:rgba(255,255,255,0.5); }

.epc-content p:nth-of-type(2){ text-align: center; font-size: 36px; color: #fff; text-transform: uppercase; padding: 10px 0;}
.epc-content p:nth-of-type(2) span{ font-weight: bold; }
.epc-content p:nth-of-type(3){ text-align: center; font-size: 18px; color: #fff; text-transform: uppercase; }
.ecp-liucheng{ padding: 30px 0 50px; height: auto; overflow: hidden;}
.ecp-liucheng li{ display: block; float: left; width: 130px;}
.ecp-liucheng li span{ display:block; width: 130px; height: 130px; background-color: #fff; border-radius: 100%;
				 display: block; margin-bottom: 25px; transition: all 0.5s }
.ecp-liucheng li:nth-child(2n-1) span i{ text-align: center; color: #1655bc; display: block; margin:auto; position: relative;
					display: block; font-size: 50px;  vertical-align: middle; 
						padding-top: 30px; transition: all 0.5s;}
.ecp-liucheng li:nth-child(2n-1):hover span i{ transform: scale(1.2); color: #fff }
.ecp-liucheng li:hover span{ border-radius: 10px; transform: scale(1.1);  background-color: rgba(255,255,255,0.5);}
.ecp-liucheng li:hover p{ font-size: 16px; }
.ecp-liucheng li:nth-child(2n){ position: relative; width: 45px; height: 130px;  }
.ecp-liucheng li:nth-child(2n):before{ display: block; position: absolute; content: "";background: #1655bc; height: 1px; width: 100%; margin: auto;
									left: 0; right: 0;top: 0;bottom: 0; z-index: 0}
.ecp-liucheng li:nth-child(2n):after{ display: block; position: absolute; width: 0;height: 0; content: ""; border:5px solid transparent; 
									border-left-color: #fff;margin:auto;left: 0; right: 0; top: 0; bottom:0; }
.more-click{ clear: both; width: 260px; height:40px; line-height: 40px; font-size: 16px; text-align: center; 
				display: block; margin: 0 auto; background-color: #ff8a00; 
								 color: #fff; transition: all 0.5s; border-radius: 5px;}
.more-click:hover{ background-color: rgba(255,255,255,0.5); color: #fff; width: 300px; letter-spacing:3px;}

.more-click_2{ clear: both; width: 260px; height:40px; line-height: 40px; font-size: 16px; text-align: center; 
				display: block; margin: 0 auto; background-color: #ff8a00; 
								 color: #fff; transition: all 0.5s; border-radius: 5px;}
.more-click_2:hover{ color: #fff; width: 300px; letter-spacing:3px;}

.epc-content-all{ padding-top: 70px; position: relative;  }
.epc-content-all:before{ position: absolute; content: "";background-color: #f5f8f9;  
				width: 100%; height: 412px; border-radius: 50px 0 0 0px; z-index: -1;top: 0;left: 400px; }


.ddhh{	width: 489px;
	height: 51px;
	border-radius: 26px;
	/*border: solid 4px #e50113;*/
	margin:0 auto;margin-top:35px;}

.zvx1{	width: 222px;
	height: 46px;
	background-color: #e50113;
	border-radius: 19px;text-align:center;	font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #ffffff;display:block;float:left;}



.ddhhx{float:left;	font-family: MicrosoftYaHei-Bold;
	font-size: 30px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 46px;
	letter-spacing: 0px;
	color: #ffffff;text-align:center;}
	
	


@media (max-width: 1024px) {
    
    .epc-content p:nth-of-type(2) {
        text-align: center;
        font-size: 30px;
        color: #fff;
        text-transform: uppercase;
        padding: 10px 0;}



    .ecp-liucheng li {
        width: 104px;}

        .epc-content p:nth-of-type(1){
            font-size: 14px;
  
            }
         

            .ecp-liucheng li span{  width: 104px; height: 104px; }

                .ecp-liucheng li:nth-child(2n-1) span i{ 
						padding-top: 15px;}    
                        
                        .ecp-liucheng li:nth-child(2n){ position: relative; width: 45px; height: 104px;  }                       

}


@media (max-width: 992px) {
                      
.ecp-liucheng li:nth-child(2n){ position: relative; width: 40px; height: 104px;  }                       


.ecp-liucheng li{margin-bottom: 15px;}






.ddhh{	width: 320px;
	height: 41px;
	border-radius: 26px;
	/*border: solid 4px #e50113;*/
	margin:0 auto;margin-top:35px;}
.ddhh img{
    width:100%;
}
.zvx1{	width: 150px;
	height: 33px;
	background-color: #e50113;
	border-radius: 23px;text-align:center;	font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;display:block;float:left;}



.ddhhx{float:left;	font-family: MicrosoftYaHei-Bold;
	font-size: 20px;
	font-weight: 600;
	font-stretch: normal;
	line-height: 33px;
	letter-spacing: 0px;
	color: #ffffff;text-align:center;}
	







}

@media (max-width: 768px) {
    .ecp-liucheng li {
        width: calc(14% - 20px);
    margin: 0 10px;
    margin-bottom: 10px;}

        .epc-content p:nth-of-type(1){
            font-size: 14px;
  
            }
         

    .ecp-liucheng li span{  width: 100px; height: 100px; }
    .ecp-liucheng li:nth-child(2n){position: relative;width: 18px;height: 100px;display:none;}                   
    .ecp-liucheng li{ margin-bottom: 20px; }

    
    .ecp-liucheng li:nth-child(2n):after{
        display: block;
        position: absolute;
        width: 0;
        height: 0;
        content: "";
        border:5px solid transparent;
        border-left-color: #fff;
        margin:auto;
        left: 7px;
        right: 0;
        top: 0;
        bottom:0;display:none;
        }   


        .epc-content p:nth-of-type(2) {
            text-align: center;
            font-size: 20px;
            color: #fff;
            text-transform: uppercase;
            padding: 10px 0;}

            .epc-content p:nth-of-type(3) {
                text-align: center;
                font-size: 16px;
                color: #fff;
                text-transform: uppercase;}


                .ecp-liucheng li:hover p{ font-size: 14px; }               


}




@media (max-width: 420px) {
    .ecp-liucheng li {
        width: calc(33.33333% - 20px);
    margin: 0 10px;
    margin-bottom: 10px;}
    .ecp-liucheng li:hover span {
        border-radius: 10px;
        transform: scale(1);
        background-color: rgba(255,255,255,0.5);}
        .ecp-liucheng li:hover p{ font-size: 14px; }
 
}




/* <!-- box_xw --> */
.box_xw{background:url(../images/ebafbcbccbbcc649e6b3f0c10c4a0521744dc4de.png) no-repeat center top;background-size: 100% 100%;padding: 3% 0;}
.xwtt2{color:#000000;font-size: 50px;font-weight: 400;}
.xwtt2 span{display: block;font-size: 30px;}
.xwtt2 span em{color:#e50113;font-style: normal;}

.news_list1{margin-top:3%}
.news_list1 li a.img{display: block;}
.news_list1 li a.img img{width:100%;height:auto}
.news_list1 li .dbb{padding: 20px;background:#f8f8f8}
.news_list1 li .sz{color:#333333;font-size: 50px;float:left}
.news_list1 li .dvv1{width:70%;float:left;margin-top:20px;margin-left: 10px;}
.news_list1 li .dvv1 dd{color:#333333;font-size: 14px;}
.news_list1 li .dvv1 h2{color:#333333;font-size: 16px;font-weight: 400;}
.news_list1 li .dvv1 h2 a{color:#333333;}
.news_list1 li .cont p{color:#999999;font-size: 12px;margin-top:10px;line-height: 25px;height:50px;overflow: hidden;}
.news_list1 li .cont p a{color:#999999;}
.news_list1 li:hover .bbkk{box-shadow: 0 0 10px #ddd;}

.news_list1 li:hover .mm3{background:#e50113;}
.news_list1 li:hover .mm3 a{color:#fff;}
.mm3{width:60px;height:60px;border-radius: 50%;color:#000000;font-size: 14px;background:#fff;text-align: center;float:right;margin-top:10px}
.mm3 a{color:#000000;font-size: 14px;line-height: 60px;text-align: center;}





/*样式22*/
@media (max-width: 990px) {
        .flex{display: block;}
        .x-banner{margin-top:60px;}
        .page-banner{margin-top:60px;}
}





















.lxwm{color:#fff;font-size: 14px;text-align: center;border-top: 1px solid #fff;margin-top: 3%;padding-top: 2%;}
.lxwm p{color:#fff;font-size: 14px;text-align: center;}





/*phone底部导航*/

li {
    list-style: none;
}

.q_d_m {
    float: left;
    width: 100%;
    height: 50px;
}

.pf_down {
    width: 100%;
    float: left;
    position: fixed;
    left: 0;
    bottom: 0;
    height: 50px;
    background: #191919;
    z-index: 999;
    border-top: 1px solid #fff;
}

.pf_down li {
    width: 33.333333%;
    float: left;
    text-align: center;
    padding: 7px 0 4px 0;
    border-right: 1px solid #fff;
}

.pf_down li .ico7 {
    width: 100%;
    float: left;
    height: 20px;
}

.pf_down li .d_name {
    width: 100%;
    float: left;
    margin-top: 4px;
    font-size: 12px;
    color: #fff;
    line-height: 14px;
}

.pf_down li.l1 .ico7 {
    background: url(../images/fe25d29e1c25371a8caa76b7fa3ef9895f8c1fde.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l2 .ico7 {
    background: url(../images/9122d3529d32395fd814f9e6dcff4acec932635c.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li.l3 .ico7 {
    background: url(../images/302cc8d5be6fec58cd25e4009e93eb4f9e9192dc.png) no-repeat center;
    background-size: 20px 20px;
}

.pf_down li:nth-child(3n) {
    border: none;
}










/*友情链接*/

.seo2{color: rgba(255, 255, 255, 0.5);}
.seo2 a{margin-right: 5px;color: rgba(255, 255, 255, 0.5);}


/*内页左侧样式*/

.page-product-inquiry a{color: #fff;}