/*初始化样式*/

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 微软雅黑;
    vertical-align: baseline;
    width: 100%;
    overflow-x: hidden;
}

a {
    text-decoration: none;
    outline: none;
}

a:link {
    color: #666;
}

a:visited {
    color: #666;
}

a:hover,
a:active,
a:focus {
    color: #da251d;
    text-decoration: none;
    outline: none;
}

input {
    padding: 0;
    margin: 0;
    font-family: '微软雅黑';
}

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;
}


/*----- 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;
}


/*滚动*/

#demo {
    overflow: hidden;
    width: 100%;
    margin: 0 auto;
}

#indemo {
    float: left;
    width: 800%!important;
}

#demo1 {
    float: left;
}

#demo2 {
    float: left;
}

#m_demo {
    overflow: hidden;
    width: 92%;
    margin: 0 auto;
}

#m_indemo {
    float: left;
    width: 800%!important;
}

#m_demo1 {
    float: left;
}

#m_demo2 {
    float: left;
}

.wh {
    max-width: 1230px;
    margin: 0 auto;
    padding: 0 15px;
}

.pos {
    position: relative;
    width: 1920px;
    left: 50%;
    margin-left: -960px;
}

.com-img {
    display: inline;
    overflow: hidden;
    margin: 0 auto;
    display: table;
}

.com-img .img1 {
    -moz-transition: all .5s ease 0s;
    -ms-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    -webkit-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

.com-img:hover .img1 {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
}

.imgZoom .img1,
.imgY180 .img1 {
    -moz-transition: all .8s ease 0s;
    -ms-transition: all .8s ease 0s;
    -o-transition: all .8s ease 0s;
    -webkit-transition: all .8s ease 0s;
    transition: all .8s ease 0s;
}

.imgZoom {
    overflow: hidden;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}

.imgZoom:hover .img1 {
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}

.imgY180:hover .img1 {
    cursor: pointer;
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg)
}

.roll_product {
    float: left;
}

.plist {
    margin-top: 56px;
}

.plist li {
    margin-right: 15px;
    margin-bottom: 15px;
}

.plist li:nth-child(3n) {
    margin-right: 0;
}

.plist li a.img {
    border: 1px solid #e5e5e5;
    display: block;
}

.plist li a.img img {
    width: 388px;
    height: 388px;
}

.plist li h3 a {
    display: block;
    color: #fff;
    font-size: 16px;
    font-weight: normal;
}


/*头部样式*/

.top1 {
    height: 33px;
    color: #ffffff;
    font-size: 14px;
    line-height: 33px;
    background:#da251d;
}

.top2 {
    height: 91px;
}
.top2.fix{
    position: fixed;
    z-index: 999999;
    background: #fff;
    width: 100%;
    top: 0;
}
.wel{height:30px;}

#header {
    width: 1000px;
    margin: 0 auto;
}

.logo {
    float: left;
    line-height: 91px;
}

.top2 .k2 {
    margin-top: 35px;
    font-size: 16px;
    color: #333333;
    line-height: 35px;
    text-align: right;
    
}
.topr  .k2 p{font-size: 12px;}
.guanhui {
    position: relative;
    height: 32px;
}

.guanhui_ewm {
    position: absolute;
    width: 85px;
    height: 0;
    overflow: hidden;
    left: 50%;
    margin-left: -42px;
    top: 100%;
    z-index: 9999;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.guanhui a {
    font-size: 12px;
    display: block;
    padding-left: 28px;
    background: url(../images/wx.png) no-repeat left center;
}

.guanhui a:hover {
    color: #555;
}

.guanhui:hover .guanhui_ewm {
    height: 84px;
}

.top1 .k2 {
    padding-left: 28px;
    margin-right: 30px;
}

.ss {
    width: 18px;
    margin-left: 15px;
    margin-top: 35px;
}
.sousuo{
    width: 100%;
    height:0;
    color: #333;
    overflow: hidden;
    z-index: 9999;
    position: absolute;
    left: 0px;
    text-align: left;
    background-color: #d56365;
    width: 100%;
    height: 0;
    z-index: 999;
    position: absolute;
    left: 0;
    top: 91px;
    overflow: hidden;
}
.ss #formsearch {
    width: 50%;
    height: 42px;
    margin: 0 auto;
    z-index: 999;
    line-height: 42px;
    position: absolute;
    left: 0;
    right: 0;
    top: 15px;
}

.topLink {
    float: right;
    text-align: right;
    position: relative;
    z-index: 9999;
}

.translate {
    width: 100px;
    position: absolute;
    left: 0;
    top: 10px;
    z-index: 9999;
}

.tran-in {
    left: 120px;
}

.translate li {
    border: 1px dashed #cccccc;
    line-height: 26px;
    text-align: left;
    background: #fff;
}

.translate li a {
    display: block;
    padding-left: 10px;
    background: url(../images/dot4.png) no-repeat 88% 11px;
}

.translate li a:hover {
    text-decoration: none;
    color: #275cea;
    cursor: pointer;
}

.translate-en {
    display: none;
    padding: 6px;
    padding-top: 0px;
}

.translate li .translate-en a {
    padding-left: 0px;
    text-align: center;
    background: #fff;
    border-bottom: 1px solid #cccccc;
}

.translate li .translate-en a:hover {
    font-weight: bold;
}

.topLink .f_count {
    color: #ff0000;
    font-size: 13px;
    font-weight: bold;
}

.topLink a {
    color: #ffffff;
}

.topLink .k2 {
    color: #074b91;
    font-size: 14px;
    font-family: "微软雅黑";
}


/*热门搜索*/

.sou {
    margin: 15px 0;
}

.ss #formsearch {
    float: right;
}

.hotSearch {
    float: left;
    height: 24px;
    line-height: 24px;
    font-weight: normal;
}

#search-type {
    float: left;
    width: 100px;
    height: 24px;
    border: 1px solid #c8c8c8;
    margin-right: 5px;
}


/*搜索和热门搜索*/

.hotSearch a {
    margin-right: 6px;
}

.ss #formsearch input {
    height: 22px;
    background: #fff;
    border: none;
    line-height: 22px;
    outline: none;
}

.ss #formsearch input#keyword {
    height: 42px;
    line-height: 42px;
    padding-left: 43px;
    color: #808589;
    font-size: 15px;
    background-color: #ffffff;
    width: 90%;
    float: left;
}

.ss #formsearch input#s_btn {
    line-height: 42px;
    text-align: center;
    width: 10%;
	height: 42px;
	background-color: #da251d;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 15px;
    float: right;
}


/*导航栏样式*/



.nav {
   /* margin-top: 11px;*/
    margin-left: 50px;
}

.nav li {
    text-align: center;
    float: left;
    position: static;
    z-index: 999;
    width: 115px;
}

.nav li i {
    font-style: normal;
    color:#333333;
    font-family: arial;
    font-weight: normal;
}
.nav li i:hover{color:#da251d;}

.nav li .creat {
    display: block;
    width: 13px;
    height: 8px;
    margin: 28px 0 0 10px;
}

.nav li a {
    display: block;
    line-height: 91px;
    color: #666;
    height: 91px;
    padding: 0;
    font-size: 17px;
    padding: 0;
    font-weight: bold;
}

.nav li a:hover {
    color: #da251d;
    text-decoration: none;
}

.nav li a:hover .creat {
    background: url(../images/jt1.png) no-repeat center;
}
.top2{position:relative;}
.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
    background-color: #fff;
}
.nav .sec{width:100%;height:0;color:#333;overflow:hidden;z-index:9999;position:absolute;left:0px;text-align: left;background-color: rgba(247,247,247,.7);width:100%;height:0;z-index:999; position: absolute;left:0;top:91px;overflow: hidden; }
.nav .sec .tit{width: 40%; margin-top: 50px;border-left: 1px solid #808589;padding-left: 7%;min-height: 214px;}


.nav_img{
    float: right;
    width: 33%;
    margin-top: 54px;
    margin-right: 5%;
}
.nav .sec .miao2{
       
        font-size: 16px;
    color: #252525;
    line-height: 30px;
    margin-bottom: 17px;
}
.nav .sec .seclist{
    margin-left: 4%;
    margin-top: 50px;
    width: 25%;
}
.nav .sec .seclist a{
    float: left;
    width: 50%;
    font-size: 17px;
    line-height: 40px;
    color: #252525;
    padding: 0;
    height: auto;
    display: block;
    font-weight: normal;
    text-align: center
}
.nav .sec .seclist li a{
    
}
.nav .sec a{display:inline;color:#333;height:24px;line-height:24px;width:100%;font-size: 14px;text-align: left;padding:0 20px 0 0;white-space :nowrap;}
.nav .sec a:hover{color:#da251d;text-decoration:none;background: none;}
.secbg{}
.secbox{height:100%;}
.dd2{width: 28%;float: left;font-size: 16px;color: #fff;line-height: 37px;padding-top: 50px;}
.dd2 h3{
    font-size: 28px;
    font-weight: bold;
    color: #fff;
    line-height: 28px;
    
    margin-bottom: 24px;
}
.nav li .dd2 a{
    font-size: 16px;
    color: #fff;
    display: block;
    height: 37px;
    padding: 0;
    line-height: 37px;
}
@media(max-width:1280px){
   /* .nav li .dd2{padding-left:6%;}  */
}



.lang{
    width: 15%;
}

.yy {
    margin-top: 32px;
    position: relative;
}
.yy img{
    max-width: 100%;
}
.yu {
    color: #333333;
    font-size: 17px;
    cursor: pointer;
    padding-left: 33px;
    padding-right: 33px;

}

.yy a {
    display: block;
    color: #000;
    font-size: 16px;
    line-height: 30px;
    /*background: #2d3442;*/
    width: 150px;
    padding:3% 5%;
    font:normal 12px/2 MicrosoftYaHei;
   
}
.yy a img{
    max-width: 50%;
    margin-right: 5px;
}
.yy a:hover{
    background: #54abe5;
}
.yan {
    position: absolute;
    top: 42px;
    left: 26px;
    z-index: 9999;
    display: none;
    background: #fff;
    padding: 0.2rem 0;
}


/*  */
.w1{
    position: relative;
}
.proname{
    width: 33.33%;
    padding:10% 5% 8% 5%;
    background-color: #efefef;
    float: left;
}
.proname h3{
    font:bold 30px/30px MicrosoftYaHei;
    color: #000000;
    background:url(../images/prox.png) left bottom no-repeat;
    padding-bottom: 5%;
}
.proname h4{
    font:normal 14px/26px MicrosoftYaHei;
    color: #8f8f8f;
    margin-top: 30px;
}
.proname h5{
    font: bold 18px/18px MicrosoftYaHei;
    letter-spacing: 1px;
    color: #8f8f8f;
    margin-top: 24%;
}
.ipro_r{
    float: left;
    width: 66.67%;
    background-color: #fff;
}
.ipro_r ul li{float: left;width: 50%;border-bottom: 1px solid #ebebeb;text-align: center;position: relative;height: 322px;overflow: hidden;
    border-right: 1px solid #ebebeb;
}
@media (max-width: 1920px){
.ipro_r ul li {
   height: 348px;
}
}
@media (max-width: 1600px){
    .proname{
    height: 644px;
}
.ipro_r ul li {
   height: 322px;
}
.ipro_r ul li .ipro_bg .img1{
    height: 322px;
}
}

.ipro_r_t{font-size: 28px;color: #000;font-weight: bold;margin-bottom: 10px;}
.ipro_r_p{color: #8f8f8f;width: 60%;margin: 0 auto;}

.ipro_icon{display: inline-block;width: 75px;height: 73px;margin-top: 60px;margin-bottom: 20px;}

/*.ipro_bg{position: absolute;left: 0;right: 0;top: 100%;bottom: 0;}*/
.ipro_bg .img1{width: 100%;}
.ipro_c{position: absolute;left: 0;right: 0;top: 100%;bottom: 0; color: #fff;padding-top: 24%;background-color: rgba(218,37,29,.7);}
.ipro_c_t{font-size: 28px;font-weight: bold;margin-bottom: 5px;}
.ipro_c_t a{color:#fff;}
.ipro_c_p{width: 54%;margin: 0 auto;margin-bottom: 7px;font-size: 16px;display:none;}
.ipro_c_a{width: 161px;height: 45px;line-height: 47px;margin: 0 auto;border: 1px solid #fff;background-color: transparent;display:none;}
.ipro_c_a:hover{background-color: #fff;}
.ipro_c_a a{display: block;color: #fff;}
.ipro_c_a:hover a{color: #13293d;}

.ipro_c>a{font-size: 18px;margin:0 5px;}
.ipro_r li:hover .ipro_c>a{color: #fff;display:none;}
.ipro_c a b{font-weight: bold;font-style: italic;}
.ipro_c a b i{color: #b15533;font-style: italic;}

.ipro_r li:hover .ipro_c{
    top: 0;
    transition: all 0.4s;
}
.ipro_r li:hover .ipro_bg{
    top: 0;
}


/*  */
.w2{
    background:url(../images/w2.png) top center no-repeat;
    background-size: 100% 100%;
    padding:5% 0;
}
.w2tit{text-align: center;}
.w2tit h3{
    font:bold 40px/40px MicrosoftYaHei;
    color: #ffffff;
}
.w2tit h4{
    margin-top: 15px;
    font:normal 16px/16px MicrosoftYaHei;
    color: #e2e2e2;
}

.ab_img{float:left;position: relative;z-index: 2;width: 50%;}
.abconts{
    font:normal 14px/25px MicrosoftYaHei;
    color: rgba(255, 255, 255, .65);
    margin-top: 15px;
    position: relative;
    padding-bottom: 8%;
}
.ab_img .abtus{
    overflow: hidden;
}
.ab_img img{max-width:100%;transition: all 0.4s;}
.ab_img:hover img{transition: all 0.4s;
    transform: scale(1.1, 1.1);}
.aavv{width:100%;margin:0 auto;position:relative;z-index:99;margin-top: 30px;}
.aa_con{width:50%;z-index:99997;
float: right;
background-color: #da251d;z-index: 1;}


.ann{padding:40px;/*margin-top:30px;*/position:relative;}
.ann a{
    display: block;
    width: 15%;
    background: #2f2f2f;
    text-align: center;
    font:normal 12px/25px MicrosoftYaHei;
    color: #fff;
    margin-top: 33px;
}
.ann a:hover{
    background: #fff;
   color: #da251d;  
}
.ftt{color:#ffffff;font-size:30px;font-weight:400;line-height:30px;}
.ann h3{
    background:url(../images/fh.png) no-repeat center center;
    font:normal 16px/16px MicrosoftYaHei;
    letter-spacing: 1px;
    color: #ffffff;
    text-align: center;
    width: 55%;
    margin-top: 20px;
}
.ann h4{
    font:normal 44px/44px Impact;
    color: rgba(255, 255, 255, .3);
    margin-top: 25px;
}
.ann h5{
    font:normal 15px/15px Arial;
    color: rgba(255, 255, 255, .3);
    margin-top: 15px;
}
.aff{color:rgba(255, 255, 255, .65);font-size:20px;line-height:35px;margin-top:20px;}
.ddjj{position: absolute;bottom:0;right:0;width: 89px;
	height: 33px;
    background-color: #da251d;
    font:normal 12px/33px MicrosoftYaHei;
    color: #ffffff !important;
    text-align: center;
}
.ddjj:hover{font-size:14px;}
@media (max-width: 768px){
    .ann h3{
        width: 100%;
        margin-top: 10px;
    }
    .ann h4{
        font: normal 20px/20px Impact;
        margin-top: 15px;
        text-align: center;
    }
    .ann h5{
        font: normal 12px/15px Arial;
        text-align: center;
    }
    .aff{
        font-size: 15px;
        line-height: 25px;
    }
    .ann a{
        width:25%;
    }
}

/*  */
.w3{
    margin-top: 5%;
}
.w3tit{text-align: center;}
.w3tit h3{
    font:bold 40px/40px MicrosoftYaHei;
    color: #000000;
}
.w3tit h4{
    margin-top: 15px;
    font:normal 16px/16px MicrosoftYaHei;
    color: #8f8f8f;
}
.w3bgs{
    margin-top: 3%;
    display: flex;
    justify-content: center;
}
.news_list1 {
    margin: 0 -40px;
}

.news_list1 a {
    overflow: hidden;
    display: block;
}



.news_list1 a.img {
    position: relative;
    overflow: hidden;
}

.news_list1 img {
    max-width: 100%;
    height: auto;
    -webkit-transform: scale(1, 1);
    -moz-transform: scale(1, 1);
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.news_list1 li .xintus{
    position: relative;
    overflow: hidden;
}
.news_list1 li .xintus .xintime{
    position: absolute;
    background: rgba(218, 37, 29, .8);
    z-index: 9;
    left: 3%;
    top: 5%;
    text-align: center;
	width: 63px;
    height: 63px;
    padding-top: 5px;
}
.news_list1 li .xintus .xintime dd{
    font:bold 30px/30px Impact;
    color: #ffffff;
}
.news_list1 li .xintus .xintime dt{
    font:normal 14px/14px Arial;
    color: #ffffff;
    margin-top: 5px;
}
.news_list1 li{
    margin: 0 20px;
    padding-bottom: 20px;
}
.news_list1 li h3 {
    padding-top: 20px;
    font:bold 17px/17px MicrosoftYaHei;
    letter-spacing: 1px;
	color: #000000;
}

.news_list1 li h4 {
    color: #555555;
    font: normal 14px/25px "微软雅黑";
    margin-top: 15px;
}
.news_list1 li:hover h3{
    color: #da251d;
}

.news_list1 li a.more {
    color: #ffffff;
    font: 400 12px/35px "微软雅黑";
    margin-top: 10px;
    display: inline-block;
    background: #a9a9a9;
    width: 25%;
    text-align: center;
}
.news_list1 li:hover a.more{
    background: #da251d;
}

.news_list1 .hides {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    display: none;
}

.news_list1 .hides div {
    display: block;
    display: table;
    height: 100%;
    width: 100%;
    text-align: center;
}

.news_list1 .hides p {
    display: table-cell;
    vertical-align: middle;
}

.news_list1 li:hover .hides {
    display: block;
}

.news_list1 li:hover img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    -webkit-transition: all 0.6s ease-out;
    -moz-transition: all 0.6s ease-out;
    transition: all 0.6s ease-out;
}
@media (max-width: 1366px){
    .news_list1 {
        margin: 0;
        width: 100%;
    }
}

@media (max-width: 992px) {
    .news_list1 {
        margin: 0 auto;
        width: 95%;
    }
    .news_list1 li {
        width:90%;
        margin:0 auto;
    }
    .w3tit h3{
        font: bold 30px/40px MicrosoftYaHei;
        color: #000000;
    }
}

@media (max-width: 767px) {
    .news_list1 {
        padding: 20px 20px 0;
    }
}

/*中间横幅*/

.mid_hf {
    margin-top: 60px;
    background: url(../images/bj4.png) no-repeat center fixed;
    min-height: 734px;
    position: relative;
    background-size: cover;
    padding-top: 60px;
    padding-bottom: 5%;
}
.w4bgs{
    margin-top: 30px;
}
.w41pro{
    width: 39%;
    float: left;
    position: relative;
    overflow: hidden;
}
.w41pro img{
    transition: all 0.4s;
    width: 100%;
}
.w41pro:hover img{
    transition: all 0.4s;
    transform: scale(1.1, 1.1);
}
.w41bgs{
    padding: 10% 5% 8% 5%;
    position: absolute;
    top: 5%;
    left: 4%;
}
.w41bgs h3{
    font:bold 30px/30px MicrosoftYaHei;
    color: #333333;
}
.w41bgs h4{
    font:normal 15px/25px MicrosoftYaHei;
    color: #555555;
    margin-top: 20px;
    width: 80%;
}
.w41bgs a{
    display: block;
    border: solid 1px #818182;
    width: 35%;
    font:normal 15px/35px MicrosoftYaHei;
    color: #555555;
    text-align: center;
    margin-top: 20px;
}
.w41pro:hover a{
    background: #da251d;
    color: #fff;
    border-color: #da251d;
}

.w42conts{
    width: 61%;
    float: right;
}
.wnums{
    background: #eeeeee;
    width: 100%;
}
.w42conts .scroll-numb {
    font-size: 0px;
    text-align: center;
    width: 100%;
    padding:8% 0 7% 10%;
}

.w42conts .scroll-numb li {
    float: left;
    width: 33.33%;
    text-align: left;
}

.w42conts .scroll-numb li div span:nth-of-type(1) {
    font-size: 65px;
    color: #da251d;
    font-family: Impact;
}

.w42conts .scroll-numb li div span:nth-of-type(2) {
    font-size: 16px;
    color: #da251d;
    margin-left: 22px;
}

.w42conts .scroll-numb li p {
    font-size: 16px;
    color: #595959;
}

.w42conts .scroll-numb li:nth-of-type(4) {
    border-right: 1px solid #e3dad1;
}



/*  */
.whez{
    width: 100%;
}
.whez li{
    width: 50%;
    overflow: hidden;
    position: relative;
    float: left;
}
.whez li .img1{
    width: 100%;
    transition: all 0.4s;
}
.whez li:hover .img1{
    transition: all 0.4s;
    transform: scale(1.1, 1.1); 
}
.whez li .hebgs{
    overflow: hidden;
    position: relative;
}
.whez li .hebgs h4{
    font:bold 30px/30px MicrosoftYaHei;
    color: #ffffff;
    position: absolute;
    top: 20%;
    left: 8%;
    z-index: 1;
    transition: all 0.4s;
}
.whez li .hebgs p{
    font:normal 15px/25px MicrosoftYaHei;
    color: #ffffff;
    position: absolute;
    top: 40%;
    left: 8%;
    z-index: 1;
    width: 80%;
    transition: all 0.4s;
}
.whez li .heznames{
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: rgba(218, 37, 29, .5);
    width: 100%;
    transition: all 0.4s;
    text-align: center;
    padding-top: 20%;
    height: 100%;
}
.whez li .heznames img{
    max-width: 80%;
    margin:0 auto;
    text-align: center;
}
.whez li .heznames h3{
    font:bold 30px/30px MicrosoftYaHei;
    color: #ffffff;
    margin-top: 24px;
}
.whez li:hover .heznames{
    top: 0;
    transition: all 0.4s;
}
.whez li:hover h4{
    opacity: 0;
    transition: all 0.4s;
}
.whez li:hover p{
    opacity: 0;
    transition: all 0.4s;
}


@media (max-width: 768px) {
    .w42conts .title {
        width: 100%;
    }

    .w42conts .scroll-numb {
        width: 100%;
        margin-top: 20px;
        padding: 5% 5px;
    }
    .w41pro{width: 50%;}
    .w42conts{width: 50%;}
    .w42conts .scroll-numb li {
        width: 33%;
    }
    .w42conts .scroll-numb li div span:nth-of-type(1){
        font-size: 50px;
    }
    .w42conts .scroll-numb li div span:nth-of-type(2){
        font-size: 12px;
        margin-left: 12px;
    }
    .w42conts .scroll-numb li p{
        font-size: 12px;
    }
    .whez li .hebgs h4{
        font: bold 20px/20px MicrosoftYaHei;
    }
    .whez li .hebgs p{
        font: normal 15px/20px MicrosoftYaHei;
        width:85%;
    }
    .whez li .heznames{
        padding-top:10%;
    }
    .whez li .heznames img{
        max-width: 23%;
        margin:0 auto;
        text-align: center;
    }
    .whez li .heznames h3{
        font: bold 15px/15px MicrosoftYaHei;
        margin-top: 16px;
    }
    .w42conts{
        margin-top: 20px;
    }
    .whez {
        margin-top: 20px;
    }
 
}
@media (max-width: 480px){
    .w41pro{width: 100%; clear: both;}
    .w42conts{width: 100%;clear: both;}
    .w42conts .scroll-numb {
        width: 100%;
        margin-top: 0;
        padding: 3% 10px;
        padding-bottom: 5%;
    }

    .w42conts .scroll-numb li {
        width: 33%;
    }
    .w42conts .scroll-numb li div span:nth-of-type(1){
        font-size: 50px;
    }
    .w42conts .scroll-numb li div span:nth-of-type(2){
        font-size: 12px;
        margin-left: 12px;
    }
    .w42conts .scroll-numb li p{
        font-size: 12px;
    }
    .whez li .hebgs h4{
        font: bold 18px/18px MicrosoftYaHei;
    }
    .whez li .hebgs p{
        font: normal 12px/20px MicrosoftYaHei;
    }
    .whez li .heznames{
        padding-top:10%;
    }
    .whez li .heznames img{
        max-width: 23%;
        margin:0 auto;
        text-align: center;
    }
    .whez li .heznames h3{
        font: bold 15px/15px MicrosoftYaHei;
        margin-top: 16px;
    }
}






@media (max-width:1200px){
	.mid_hf h2{
	font-size: 40px;
	}
	.mid_hf h2 p{
		font: 200 20px/30px "微软雅黑";
	}
}
@media (max-width:992px){
	.mid_hf h2{
	font-size: 30px;
	}
	.mid_hf h2 p{
		font: 200 18px/30px "微软雅黑";
	}
}
@media (max-width:768px){
	.mid_hf h2{
	font: 400 18px/30px "微软雅黑";
	margin:0;
	}
	.mid_hf h2 p{
		font: 200 14px/30px "微软雅黑";
	}
}



/*通栏*/
.xy-tonglan {
	background: #323232;
	padding: 70px 0 10px;
}

.xy-tonglan .ft-nav {
	float: left;
	width: 40%;
}

.xy-tonglan .ft-nav dl {
	float: left;
	width: 33.33333%;
}

.xy-tonglan .ft-nav dl dt {
	font-size: 16px;
	color: #e2e2e2;
	font-weight: normal;
	margin-bottom: 15px;
}

.xy-tonglan .ft-nav dl dd {
	font-size: 14px;
	line-height: 30px;
	color: #e2e2e2;
}

.xy-tonglan .ft-nav dl dd a {
	color: #e2e2e2;
}

.xy-tonglan .ft-nav dl dd a:hover {
	color: #da251d;
}

.xy-tonglan .ft-contact {
	float: left;
	width: 32%;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	position:relative;
}



.xy-tonglan .ft-contact .ft-tit {
	font-size: 16px;
	color: #e2e2e2;
	margin-bottom: 15px;
}

.xy-tonglan .ft-contact .contact-box {
	font-size: 14px;
    color: #e2e2e2;
    line-height: 30px;
}


.fewms{
    width: 23%;
    float: right;
}
.fewms .ft-tit{
	font-size: 16px;
	color: #e2e2e2;
	margin-bottom: 15px;
}

.fewms .tl-ewm {
	position: relative;
	font-size: 16px;
	color: #2d2d2d;
	margin-bottom: 10px;
	cursor: pointer;
}
.fewms .tl-ewm .ewm1{
	width: 46%;
	position:relative;
}
.fewms .tl-ewm .ewm2{
	width: 47%;
	position:relative;
}
.fewms .tl-ewm img{
    max-width:100%; height:auto !important;width:auto !important;
}
.fewms .tl-ewm span{
    display: block;
    width: 100%;
    text-align: center;
    font:normal 14px/30px MicrosoftYaHei;
    color: #e2e2e2;
}





/*页脚*/
.xy-footer {
    background: #272727;
    padding: 10px 0;
}
.xy-footer a{
    color: #ffffff;
}
.xy-ft-cpy{
    font:normal 14px/30px MicrosoftYaHei;
    color: #ffffff;
}
.region{
    font:normal 14px/30px MicrosoftYaHei;
    color: #ffffff;
}


.f_link{
    margin-top: 20px;
    font:normal 14px/30px MicrosoftYaHei;
    color: rgba(226, 226, 226, .45);
}
.f_link a{
    color: rgba(226, 226, 226, .45);
}


@media (max-width: 768px) {
	.xy-tonglan {
		padding: 20px 0;
	}

	.xy-tonglan .ft-nav {
		width: 50%;
	}
	.xy-tonglan .ft-contact {
		width: 25%;
		float: left;
		padding-left: 0;
		border-left: 0;
	}
}

@media (max-width: 480px){
    .xy-tonglan .ft-nav {
        width: 100%;
        clear: both;
    }
    .xy-tonglan .ft-contact {
        width: 100%;
        margin-top: 10px;
    }
    .fewms{
        width: 100%;
        float: right;
        margin-top: 10px;
    }
    .xy-ft-cpy,.region{
        width: 100%;
        clear: both;
    }
}















@media(max-width: 1360px) {
    .nav li {
        width: 115px;
    }
    .nav li a {
        font-size: 18px;
    }
    .nav li .sec a {
        font-size: 16px;
    }
    .w2tit h3{
        font:bold 30px/30px MicrosoftYaHei;
    }
}

@media(max-width: 1285px) {
    .nav li {
        width: 115px;
    }
    .nav li a {
        font-size: 16px;
    }
}

@media(max-width: 1265px) {
    .nav li {
        width: 115px;
    }
}

@media(max-width: 1163px) {
    .nav li {
        width: 99px;
    }
}

@media(max-width: 1120px) {
    .xymob-head {
        display: block !important;
    }
    .top1 {
        display: none;
    }
    .top2 {
        display: none;
    }
}
@media (max-width: 1366px){
    .proname{
        width: 100%;
        padding:3% 5% 1% 10%;
        height:247px;
    }
    .proname h3{
        padding-bottom: 2%;
    }
    .proname h5 {
        font: bold 18px/18px MicrosoftYaHei;
        letter-spacing: 1px;
        color: #8f8f8f;
        margin-top: 2%;
    }
    .proname h4{margin-top:30px;}
    .ipro_r {
        width: 100%;
        background-color: #fff;
    }
    .ipro_r ul li{
        /*height: 200px;*/
        height:auto;
    }
    .ipro_r ul li .ipro_bg .img1{height:auto;}
    .ipro_icon {
        display: inline-block;
        width: 75px;
        height: 37px;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .ipro_icon img{
        max-width: 60%;
    }
    .ipro_r_t{
        font-size: 18px;
    }
    .ipro_c{
        padding-top: 24%;
    }
}
@media (max-width: 1024px) {
    .pp_con{padding:20px 20px;}
    .aa_con{width:100%;z-index:999;position:relative;margin:0 auto;margin-top:3%;}
    .ab_img{width:100%;float:none;margin-top:3%;display:block;z-index:99;
        background:#2f2f2f;
    margin-left: 0%;
    }
    .ab_img img{width:100%;}
    .aavv {
       width: 100%;
       margin: 0 auto;
       position: relative;
       z-index: 99;
   }
   }


@media(max-width:500px){
    .proname{
        height: 348px;
    }
}























/* 内页左侧导航栏样式 */

.containers {
    max-width: 1300px;
    margin: 0 auto;
    padding: 3% 15px;
}

.containerss {
    max-width: 1300px;
    margin: 0 auto;
    padding: 3% 0;
}
.containers22 {
    max-width: 1300px;
    margin: 0 auto;
}







/* 常量设置 */
.wrap { width:1300px; margin-right:auto; margin-left:auto;}
.mwrap { max-width:1440px; margin-right:auto; margin-left:auto;}

/*工具*/
.fix { *zoom: 1; *clear: both;}
.fix:before, .fix:after { display: table; clear: both; content: '';}
.oh { overflow: hidden; *zoom: 1;}
.l { float: left;}.r { float: right;}
.dib { display: inline-block; *display: inline; *zoom: 1;}
.pr { position: relative;}.pa { position: absolute;}
.tc { text-align: center;}.tr { text-align: right;}
.el { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.hide { display: none;}
.hidetext { font: 0/0 a; letter-spacing: -9px;}
.arr { display: inline-block; overflow: hidden; width: 0; height: 0;}
.opc0 { opacity: 0 ; filter: alpha(opacity=0);}



/* 内页左侧导航栏样式 */

.xypg-left-con2 .xypg-left-nav {
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;margin-bottom:3%;
}

.xypg-left-con2 .xypg-left-nav>li {width:18%;
    position: relative;text-align:center;
    background: #f7f7f7;border-right: 1px solid #dedede;
}

.xypg-left-con2  .xypg-left-nav > li:last-child {
  border: none;
}

.xypg-left-con2 .xypg-left-nav>li>a {
    display: block;
    font-size: 16px;
    line-height: 30px;
    color: #4c4c4c;
    padding: 15px 18px;
}


.xypg-left-con2 .xypg-left-nav>li:hover>a,
.xypg-left-con2 .xypg-left-nav>li.clicked>a {
    color: #fff;background:#da251d;
}


 /*内页样式*/
@media (min-width: 991px) {
     .page-wrap-left{display:none;}
    
}

@media (max-width: 768px) {
     .xypg-left-con2 .xypg-left-nav{display:none!important;}
     .xypg-right-content img{width:100%!important;height:auto!important;}
}