html, body {
    width: 100%;
    margin: 0;
    padding: 0;
    position: relative;
    font: 14px/24px "微软雅黑", Arial, Helvetica, sans-serif;
    overflow-x: hidden;
    color: #333;}
ul, li, p, img, b, ol, em, a, h1, h2, h3, h4, h5, h6, dl, dd, dt {
    list-style-type: none;
    margin: 0;
    padding: 0;
    border: none;
    font-style: normal;
    text-decoration: none;
    font-weight: initial;
}
#dituContent img {
    max-width: inherit;
}
img {
    max-width: 100%;
    display: block;
}
a:link, a:visited {
    color: inherit;
    font-size: inherit;
}
.fl {
    float: left;
}

.fr {
    float: right;
}
.container {
    width: 1600px;
    margin: auto;
}
.bg{
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:-1;
    left: 0;
    top: 0;
}
.bg img{
    width: 100%;
    height: 100%;
    display: block;
}
.clear{
    overflow: hidden;
}
.banner .hd ul li.on,.bottom .dhzx,.nav ul>li>a:after,.top2,.two1 ul li:hover,.two1 ul li.on,.five .bd ul li span b,
.five .bd ul li:hover span,ul.six1,.seven ul li h4,.interlink,.eig ul li.on{
    background-color: #c42634; 
}
.treepage h2,.propage h2, .newspage h2,.bottom .dhzx {background:#c42634;}
.two2 ul li:hover .fl {border-color: #c42734;}
.newspage li:before,.two2 ul li .fl span,.title h2 b,.five .next,a.mrs,.three .bd ul li:hover h4,.title1 h2 b,.eig_box ul li:hover h4,.eig_box ul li:hover b {
    color: #c42634;
}
/**toubu**/
.header {width: 100%;height: 100px;}

.logo.fl {width: 30%;height: 100px;align-items: center;display: flex;}

.logo.fl img {max-height: 100px;}

.nav {width: 55%;}

.nav  li {position: relative;float: left;width: 16%;text-align: center;line-height: 100px;}

.nav li a {font-size: 16px;display: block;}

.navboxs {display: none;position: absolute;z-index: 22;top: 100px;left: 0;background: #fff;width: 100%;}

.navboxs li {width: 100%;float: none;line-height: 41px;border-top: 1px solid #f9f9f9;}

.navboxs li a {font-size: 14px;}

.nav li:hover ul {display: block;}

.nav ul>li>a:after {
  content:"";
  display: block;
  position: absolute;
  height: 0;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  z-index: -1;
  opacity: 0;
  filter: alpha(opacity=0);}

.nav ul>li:hover>a:after,.nav ul>li>.cur:after {
  height: 100%;
  opacity: 1;
  filter: alpha(opacity=100);
}

.nav ul li a.cur{
  background: url(../image/cur.png) no-repeat center 71px;
}
.nav ul li a.cur,.nav ul>li:hover>a {color: #fff;}
.qh.fr {width: 14%;text-align: center;line-height: 100px;}

.qh a {display: inline-block;margin: 0 15px;font-size: 16px;}
/**banner**/
.banner_m,.banner {
    width: 100%;
    position: relative;
    overflow: hidden;
}
.banner_m img, .banner img {
    width: 100%;
    display: block;
}
.banner_m{
display: none;    
}
.banner .hd {
    width: 90%;
position: absolute;bottom: 3%;left: 5%;}

.banner .hd ul{
    text-align: center;
}
.banner .hd li {
    margin: 0px 4px;
    width: 14px;
    height: 14px;
    display: inline-block;
    cursor: pointer;
  color: transparent;
    position: relative;
    background: #fff;
border-radius: 50%;}
.banner .prev,.banner .next {position: absolute;z-index: 2;top: 42%;
    width: 40px;height: 40px;text-align: center;line-height: 40px;
    background: #eee;font-size: 20px;font-family: '楷体';
    font-weight: bold;border-radius: 50%;cursor: pointer;opacity: 0;
    transition: all 0.4s;}
.banner .prev {left: 3%;}
.banner .next {right: 3%;}
.banner:hover .prev,.banner:hover .next {opacity: 0.6;}

.one {background-color: rgba(255, 255, 255, 0.5);
    line-height: 116px;
    font-size: 30px;
    font-weight: bold;
    position: relative;
    left: 0;
    top: -100px;
    z-index: 4;
    border-radius: 0px 30px 0px 0px;width: 31%;height:100px;box-sizing: border-box;padding-right: 38px;}

.top2 {width: 33%;float: left;height: 100px;align-items: center;display: flex;}

.top2 img {margin: auto;-webkit-animation:msClock2  1.5s linear infinite;
  animation: msClock2 1.5s linear infinite;}

.one h4 {float: right;font-weight: bold;font-size: 30px;    line-height: 100px;}

@keyframes msClock2 {
0% { transform: translateX(0); } /* 初始位置 */
25% { transform: translateX(-10px); } /* 左摇 */
50% { transform: translateX(0); } /* 回到初始位置 */
75% { transform: translateX(10px); } /* 右摇 */
100% { transform: translateX(0); } /* 回到初始位置 */
}
.two {width: 100%;margin: -30px 0 70px 0;overflow: hidden;}

.two1 {width: 50%;position: absolute;left: 0;top: 0;}

.two2 {width: 100%;overflow: hidden;}

.two2 ul li {overflow: hidden;}

.two2 ul li .fl {width: 60%;position: absolute;border-bottom: 1px solid #eee;bottom: 18px;left: 0;}

.two2 ul li .fr {width: 39%;float: right;border: 1px solid #eee;box-sizing: border-box;overflow: hidden;}

.two .container {position: relative;}

.two2 ul li .fl h4 {overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
    height: 38px;
    line-height: 38px;
    font-weight: bold;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.two2 ul li .fl p {display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 32px;
    height: 64px;
    color: #999999;
    margin-top: 18px;margin-bottom: 33px;}

.two2 ul li .fl span {font-size: 18px;background: #fff;padding: 0 4px;position: absolute;bottom: -12px;left: 0;}

.two2 ul li:hover .fl {transition: all 0.4s;}

.two2 ul li:hover .fr img {transform: scale(1.2);}

.two2 ul li .fr img {width: 100%;height: 487px;transition: all 0.5s;}

.two1 ul {overflow: hidden;}

.two1 ul li {width: 31%;float: left;margin: 2% 2% 0 0;text-align: center;border: 1px solid #eee;
    padding: 10px 0;background: #fff;}
.two1 ul li:hover a,.two1 ul li.on a {color: #fff;}

.title {width: 100%;margin-bottom: 30px;padding-bottom: 40px;position: relative;border-bottom: 1px solid #eee;}

.title h2 {font-family: "Arial black";
    font-size: 80px;
    line-height: 57px;
    font-style: italic;}
.title h2:after {content: "";width: 100px;height: 100px;background: url(../image/3.png) no-repeat 32px 61px;display: inline-block;}

.title p {font-size: 23px;background: #fff;position: absolute;bottom: -10px;}

.three {width: 100%;overflow: hidden;margin-bottom: 70px;}

.three .bd {width: 100%;overflow: hidden;}

.three .bd ul li {border: 1px solid #eee;float: left;width: 368px;margin: 0 15px;}

.three ul li img {width: 100%;height: 275px;transition: all 0.4s;}

.imgs {width: 100%;overflow: hidden;}

.three .bd ul li:hover img {transform: scale(1.1);}

.three .bd ul li h4 {float: left;width: 85%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 10px;box-sizing: border-box;font-size: 16px;color: #333;}

.three .bd ul li span {float: right;padding: 10px 0;width: 15%;text-align: left;font-size: 12px;color: #999;}


.four {position: relative;width: 100%;padding: 70px 0;background: url(../image/bg.jpg) center bottom no-repeat;
}

.title1 {text-align: center;margin-bottom: 30px;}

.title1 h2 {
    font-family: "Arial black";
    font-size: 67px;
    line-height: 50px;}

.title1 h2 i {font-size: 17px;display: inline-block;font-style: inherit;}
.title1 p {margin-top: 2px;
    letter-spacing: 8px;
    font-size: 16px;}

.four .bd ul li {width: 100%;overflow: hidden;}

.four .bd ul li .fl {width: 49%;margin: 14% 3% 0 10%;color: #fff;}

.four .bd ul li img {width: 37%;}
.four .bd ul li .fl h4 {font-weight: bold;font-size: 20px;margin-bottom: 15px;}

.four .bd ul li .fl h4 b {font-size: 14px;display: inline-block;}

.four .bd ul li .fl p {font-size: 16px;height: 79px;overflow: hidden;line-height: 27px;}
.four .hd {position: absolute;left: 0;top: 20%;}

.four .hd  ul li {width: 38px;height: 23px;background: #fff;margin: 10px 8px;border-radius: 10px;
text-align: center;line-height: 26px;position: relative;}

.four .hd ul li.on {margin-left: 0;width: 60px;}

.four .hd ul li:after {content: "";width: 10px;height: 10px;background: #fff;border-radius: 50%;
display: inline-block;position: absolute;right: -24px;top: 7px;}
.five {width: 100%;padding: 70px 0;}

.five .bd {width: 100%;overflow: hidden;}

.five .bd ul li h4 {
	overflow:hidden;
}
.five .bd ul li {width: 370px;float: left;margin: 0 15px;box-sizing: border-box;
    border: 1px solid #eee;padding: 25px 10px;background-color: #fbfbfb;
    border-radius: 6px;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);}

.five .bd ul li img {width: 100%;height: 250px;}

.five .bd ul li h4 {
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
    position: relative;
    height: 58px;
    line-height: 58px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;text-align: center;}

.five .bd ul li h4:after {content: "";width: 1px;
    height: 20px;
    background-color: #d9d9d9;
    margin: auto;display: block;}

.five .bd ul li p {margin-top:30px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 32px;
    height: 64px;
    
    color: #808080;text-align: center;}

.five .bd ul li span {text-align: center;display: block;
    margin: auto;
    width: 135px;
    height: 40px;
    line-height: 40px;
    background-color: #ffffff;
    border-radius: 20px;
    font-size: 14px;
    color: #737373;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.five .bd ul li span b {display: inline-block;margin-left: 7px;width: 14px;height: 14px;
line-height: 13px;text-align: center;color: #fff;border-radius: 50%;}

.five .bd ul li:hover span {color: #fff;}
    .five .prev,.five .next {position: absolute;top: 16%;font-size: 37px;cursor: pointer;
        border: 1px solid #eee;width: 50px;height: 50px;text-align: center;line-height: 50px;font-family: '宋体';}

.five {position: relative;}

.five .prev {right: 15%;}

.five .next {right: 9%;}
.six {width: 100%;position: relative;padding: 70px 0 190px 0;    overflow: hidden;
    padding-left: 6%;}

.six .fl {width: 50%;margin-top: 40px;}

.six .fl h4 {font-size: 24px;
    margin-bottom: 22px;
    font-weight: bold;}

.six .title {width: 50%;}

.six .fl p {margin-top: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    line-height: 38px;
    height: 152px;
    font-size: 15px;
    text-align: justify;
    color: #666666;}

a.mrs {display: block;
    width: 136px;
    height: 46px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    line-height: 44px;
    margin-top: 42px;
    font-size: 16px;
    text-align: center;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

    .img1.fr {width: 59%;position: absolute;right: 0;bottom: 0;}
    ul.six1 {width: 100%;position: absolute;left: 0;z-index: 2;bottom: 5%;box-sizing: border-box;text-align: center;}

.six1 li {width: 22%;display: inline-block;color: #fff;overflow: hidden;padding: 20px 0;box-sizing: border-box;}

.box1 {width: 80px;
    height: 80px;
    border-radius: 6px;background: #fff;align-items: center;display: flex;float: left;}

.box1 img {margin: auto;}

.num {float: right;width: calc(100% - 100px);text-align: left;}

.num h4 {font-family: Impact;
    font-size: 15px;
    margin-top: 15px;}

.num h4 b {font-size: 50px;margin-right: 4px;}

.num p {color: #f1f1f1;font-size: 12px;}
.seven {width: 100%;padding: 70px 0;}


.seven .bd {overflow: hidden;margin: auto;}

.seven ul li {width: 380px;float: left;margin: 0 10px;position: relative;overflow: hidden;}

.seven ul li img {width: 100%;height: 268px;}

.seven ul li h4 {display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    bottom: -44px;
    z-index: 2;
    width: 100%;
    height: 77px;
    line-height: 2px;
    color: #fff;
    font-size: 16px;
    text-align: center;
    padding: 18px 126px;
    border-radius: 100%;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    opacity: 0;box-sizing: border-box;}

.seven ul li:hover h4 {opacity: 1;}
.seven {position: relative;}

.seven:after {content: "";width: 100%;height: 49px;background: url(../image/20.png) no-repeat center;
position: absolute;bottom: 10%;left: 0;z-index: -1;background-size: 100% 100%;}
.eight {width: 100%;overflow: hidden;margin-bottom: 70px;}

.eight .title {width: 50%;float: left;}

.eig {width: 50%;float: right;margin-top: 5%;}

.eig ul {text-align: center;}

.eig ul li {display: inline-block;margin: 0 2%;width: 25%;background: #eee;padding: 10px;}

.eig ul li a {position: relative;
    border-radius: 25px;
    font-size: 16px;
    text-align: center;display: block;}

.eig_box {width: 100%;overflow: hidden;}

.eig_box ul li {width: 30.8%;float: left;margin-right: 2%;margin-top: 2%;position: relative;

    background-color: #ffffff;
    border-radius: 6px;

    padding: 30px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);box-sizing: border-box;margin-left: 1.2%;}

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

.eig_box ul li img {width: 100%;height: 245px;}

.tim {overflow: hidden;width: 100%;padding: 20px 0 0 0;}

.tim b {font-size: 28px;
    font-weight: bold;float: left;display: block;}

.tim span {font-size: 18px;float: right;display: block;}

.tim span:before {content: "";width: 27px;height: 2px;background: #dddada;display: inline-block;
    float: left;margin-top: 10px;margin-right: 11px;}

.eig_box ul li h4 {display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-top: 18px;
    font-size: 16px;
    height: 36px;
    line-height: 36px;
    -webkit-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;}

.eig_box ul li p {display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #999999;
    margin-top: 6px;
    height: 24px;
    line-height: 24px;}

.eig_box ul {overflow: hidden;padding-bottom: 11px;}
.eig ul li.on a {color: #fff;}
.nine {width: 100%;padding: 50px 0 20px 0;color: #fff;position: relative;}
.nine ul {width: 20%;float: left;position: relative;box-sizing: border-box;
    padding-left: 50px;}

.nine ul p {writing-mode: tb-rl;
    font-family: arial;
    font-size: 12px;
    line-height: 11px;
    color: #fff;
    position: absolute;
    top: 0px;
    left: 0px;border-right: 1px solid #bbb5b5;padding-right: 10px;}

.nine .ti {font-size: 18px;
    line-height: 18px;
    color: #fff;
    margin-bottom: 14px;
    font-weight: bold;}

.nine ul li a {color: #999;
    transition: 0.3s;}

.nine ul li {line-height: 36px;
    letter-spacing: 0px;
    color: #999999;
    font-size: 14px;
    transition: 0.3s;}

    p.p1 {width: 100%;text-align: center;overflow: hidden;padding-top: 38px;color: #999999;}
 .nine .footer_img {width: 20%;float: left;text-align: center;color: #666;}

.nine .footer_img img {width: 145px;margin: auto;display: block;margin-bottom: 10px;}
.page .nine {margin-top: 30px;}
.footer1 {
	width:100%;
	background:#302e2f;
	color:#999;
	font-size:12px;
}
/**ty**/
.Tc {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 999;
    background: rgba(0, 0, 0, 0.5);
    top: 0px;
    left: 0px;
    }
    
    .Tcs {
    background: #fff;
    width: 70%;
    height: 343px;
    position: absolute;
    left: 50%;
    margin-left: -35%;
    top: 50%;
    margin-top: -171.5px;
    border-radius: 10px;
    padding: 20px 10px;
    box-sizing: border-box;
    text-align: center;
    }
    
    .Tc_gb {
    position: absolute;
    right: 0px;
    width: 30px;
    height: 30px;
    font-size: 30px;
    text-align: center;
    top: 0px;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    }
    
    .Tcs img {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 5px;
    box-shadow: 0px 0px 3px 3px #eee;
    }
    
    .Tcs .Tc_dt {
    width: 150px;
    height: auto;
    margin: 15px auto 0;
    display: block;
    box-shadow: initial;
    }
    
    #weixin {
    line-height: 30px;
    display: inline-block;
    font-size: 15px;
    }
    
    #copy_btn {
    background: #000;
    border: none;
    line-height: 30px;
    width: 160px;
    border-radius: 5px;
    margin: 5px auto 0px;   
     color: #fff;
    }
    
    .Tcs p {
    line-height: 30px;
    }
    /**底部**/
    .bottom {
    position: fixed;
    bottom: 0px;
    width: 100%;
    overflow: hidden;
    z-index: 555;
    display: none;
    padding: 5px 0;
    background: #fff;
    }
    
    .bottom li {
    float: left;
    width: 20%;
    text-align: center;
    }
    
    .bottom .dhzx, .bottom .wxs {
    width: 38%;
    border-radius: 20px;
    line-height: 40px;
    margin: 0 1%;
    border: 1px solid #ccc;
    box-sizing: border-box;
 }
    
    .bottom .wxs {
    background: none;
    }
    
    .bottom .dhzx a, .bottom .wxs a {
    display: block;
    font-size: 14px;
    }
    
    .bottom li img {
    display: block;
    margin: auto;
    height: 20px;
    }
    
    .bottom .dhzx img, .bottom .wxs img {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    }

/**友链**/
.interlink {
    padding: 10px 0;
}

.interlink__inner {
    width: 1600px;
    margin: auto;
    overflow: hidden;
position: relative;}

.interlink__title {

    line-height: 45px;
    height: 40px;
    font-weight: bold;
    font-size: 15px;
    color: #fff;
    font-family: "Microsoft yahei";position: relative;float: left;}

.interlink__list {
    margin: 10px;
    overflow: hidden;float: left;margin-left: 22px;}

a.interlink__item {
    margin: 0px 10px 0 0;
    font-size: 12px;
color: #fff;}

/**主题**/


/**内页**/

.page_fl {
    width: 23%;
}

.page_fr {
    width: 73%;
}

.main_top {
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    background: url(../image/tb.png) no-repeat left;
    color: #666;
    padding-left: 25px;
border-bottom: 1px solid #f2f2f2;margin-bottom: 16px;}

/*fy*/
.pading {
    text-align: center;
    margin-top: 20px;
}
.pading a, .pading span {

    padding: 3px 12px;
    display: inline-block;
    margin: 0px 5px;
    color: #333;
    border: 1px solid #eee;
}
/*dt*/
.propage, .treepage, .newspage {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
    box-sizing: border-box;
background: #ffffff;
  border: 1px solid #eaeaea;}
.treepage h2 {
    width: 100%;
    height: 80px;
    line-height: 27px;
    font-size: 24px;
    font-weight: bold;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
text-align: left;
    color: #ffffff;
position: relative;
z-index: 2;padding-top: 13px;box-sizing: border-box;padding-left: 31px;}

.treepage li {
    position: relative;
text-align: left;background: #f9f9f9;}

.treepage li a {
    font-size: 16px;
    color: #333;display: block;
    width: 100%;
    line-height: 50px;
    height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    
border-bottom: 1px solid #ededed;box-sizing: border-box;padding-left: 21px;
background: url(../image/8.png) no-repeat 93%;}
.treepage ul {width: 90%;margin: 10px auto;}
.treepage li ul {
    display: none;
width: 100%;margin: auto;}
ul.subTree li {background: #fff;}

ul.subTree li a {height: 50px;line-height: 50px;background: none;font-size: 15px;}
.treepage li:hover ul {
    display: block;
}
/**/
.propage, .newspage {
    margin-bottom: 20px;
}
.propage h2, .newspage h2 {
    font-size: 18px;
    text-transform: uppercase;
    line-height: 53px; 
text-align: center;
    color: #ffffff;
  }
.newspage li {
    box-sizing: border-box;
    width: 100%;
    border-bottom: 1px dashed #ccc;
    line-height: 40px;
    position: relative;
    height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px;
    box-sizing: border-box;
}

.newspage li:before {
    content: '<';
    position: absolute;
    left: 0px;
    top: 13px;
font-family: '宋体';
width: 15px;height: 15px;border-radius: 50%;line-height: 15px;text-align: center;
font-weight: bold;font-size: 12px;}
.propage .con {
    margin-top: 10px;
}
/*cp*/

.product_ul {
    width: 100%;
}
.product_ul ul {
    overflow: hidden;
}

.product_ul li {
    width: 32.3%;
    float: left;
    margin-right: 1.5%;
border: 1px solid #f3f3f3;
box-sizing: border-box;
margin-bottom: 1.5%;box-shadow: 0 0 10px rgb(0 0 0 / 10%);}

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

.product_img {
    width: 100%;
    display: flex;
    height: 220px;
    align-items: center;
    
overflow: hidden;margin-bottom: 10px;box-sizing: border-box;}

.product_img img {
    margin: auto;
    display: block;
    height: 100%;
transition: all 0.4s;}

.product_ul li h4 {
    text-align: left;
    line-height: 50px;
    height: 50px;
    padding: 0 13%;
    box-sizing: border-box;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    
color: #333;background: url(../image/7.png) no-repeat 95%;}

.propage li {
    float: left;
    width: 49%;
}

.propage li:nth-child(2n) {
    float: right;
}


.propage_img {
    display: flex;
    align-items: center;
    width: 100%;
    height: 84px;
    background: #eee;
}

.propage li img {
    margin: auto;
    height: 100%;
    display: block;
}

.propage li h4 {
    line-height: 30px;
    text-align: center;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding: 0 2%;
    box-sizing: border-box;
}
/**/

.product_imgs {
    margin-bottom: 20px;
}

.product_imgs_fl {
    width: 49%;
    position: relative;
}

.product_imgs_fl .imga img {
    margin: auto;
    display: block;
    height: 100%;
}

.product_imgs_fl .imga {
    margin-bottom: 5px;
    overflow: hidden;
}

.imga .swiper-slide {
    background: #eee;
    display: flex;
    align-items: center;
    height: 250px;
}


.product_text {
    width: 49%;
}

.product_text h2 {
    line-height: 50px;
    height: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: 20px;
    border-bottom: 1px dashed #000;
    margin-bottom: 10px;
}

.product_text p {
    color: #868686;
    line-height: 30px;
    font-size: 15px;
    height: 180px;
    overflow: hidden;
}

/**/

.main_next {
    overflow: hidden;
    width: 100%;
    margin-top: 20px;
}

.main_next .prevrecord, .main_next .nextrecord {
    margin: 5px 0px;
    display: block;
    font-size: 16px;
}

.main_next b {
    text-align: center;
    display: inline-block;
}
/**/

.xgwz, .xgcp {
    background: #f7f7f7;
    padding: 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
    margin-top: 20px;
}

/**/

h4.related {
    border-bottom: 1px dashed #ccc;
    font-size: 22px;
    line-height: 40px;
}

h4.related span {
    display: inline-block;
}

.relatedlist {
    margin: 0 10px;
    padding: 10px 0;
    overflow: hidden;
}

ul.relate_news li a {
    color: inherit;
    display: block;
    border-bottom: 1px dashed #ccc;
    height: 46px;
    line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}

ul.relate_pr li {
    width: 20%;
    float: left;
}
ul.relate_pr li a {
    color: inherit;
    display: block;
    margin: 5px;
    text-align: center;
    line-height: 30px;
}
ul.relate_pr li img {
    display: block;
    height: 105px;
    margin: auto;
}
ul.relate_pr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
ul.relate_news li a:hover, ul.relate_pr p:hover {
    font-weight: bold;
}
/**/
.article li {
    border: 1px dashed #ccc;
    box-sizing: border-box;
    padding: 10px 20px;
    overflow: hidden;
width: 100%;
margin: 1% 0;}
.article li span {
    display: block;
    
    
text-align: left;}
.article li span {color: #666;font-size: 12px;}
.article li h4 {
    font-size: 18px;
    line-height: 40px;
    height: 40px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
width: 83%;}
.article li p {
    height: 72px;
    color: #666;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
}
/**/
.Article_text {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    color: #666;
    line-height: 40px;
    height: 40px;
    padding: 0 2%;
    box-sizing: border-box;
}
.info {
    text-align: center;
    color: #888;
    line-height: 30px;
    border-bottom: 1px dashed #999;
    height: 30px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-bottom: 10px;
}

.detail {
    margin-top: 20px;
}
/****/
.page_banner img {
    width: 100%;
    display: block;
}
.propage ul, .newspage ul {width: 100%;box-sizing: border-box;padding: 0 10px;}
.product_img:hover img {transform: scale(1.1);}
.product_texts {width: 100%;overflow: hidden;}
.product_imgs.clear {overflow: hidden;}
.page .foot {
    overflow: hidden;
    margin-top: 50px;
}
.treepage h2 b {font-size: 16px;display: block;}
.article {width: 100%;overflow: hidden;}

@media only screen and (max-width:1600px) {
    .container,.interlink__inner {
    width: 1200px;
    }
 
}

@media only screen and (max-width: 1200px) {
    .container,.interlink__inner {
        width:960px;
    }
    .logo.fl {width: 22%;margin-right: 4%;}

    .nav li a {font-size: 15px;}
    
    .qh.fr {width: 18%;}
    
    .qh.fr a {font-size: 14px;margin: 0 10px;}
    
    .one h4 {font-size: 26px;}
    
    .two2 ul li .fr img {height: 309px;}
    
    .two1 ul li {width: 26%;}
    
    .two2 {padding-top: 160px;}
    
    .two {margin: -50px 0 50px 0;}
    
    .three .bd ul li, .five .bd ul li {width: 293px;}
    .three ul li img {height: 260px;}

    .title1 h2 {font-size: 48px;line-height: 33px;}
    
    .title1 h2 i {font-size: 13px;}
    
    .four {padding: 50px 0;}
    
    .five {padding: 50px 0;}
    .five .bd ul li img {height: 200px;}

    .six {padding-top: 50px;}
    
    .seven ul li {width: 320px;}
    
    .eig_box ul li img {height: 180px;}
    
    .eig ul li {margin: 0 1%;}
    
    .eig ul li a {font-size: 13px;}
    .seven ul li img {height: 226px;}

.seven {padding: 50px 0;}

.eight {margin-bottom: 50px;}

.title h2:after {height: 62px;background-position-y: 25px;}

.five .prev, 
.five .next {top:10%;}

.five .bd ul li p {-webkit-line-clamp: 1;height: auto;}

.five .bd ul li span {height: 29px;line-height: 29px;margin-top: 10px;}

.title1 p {letter-spacing: 1px;font-size: 14px;}
}

@media only screen and (max-width:768px) {
    .container,.interlink__inner {
        width:96%;
    }
    .bottom, .banner_m {
        display: block;
    }
    .banner{
        display: none;
    }

.logo.fl {width: 46%;height: 100px;margin-right: 0;}

    .nav {position: fixed;
        background: rgba(0,0,0,0.6);
        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 22222;
        margin-left: 0;
        border: 0;}
    .navs b {
        display: block;
        width: 20px;
        height: 2px;
        margin: 4px auto;
        border-radius: 4px;
        position: relative;
  background: #333;}
    .nav_button {
        position: absolute;
        top: 0;
        left: 43%;
        width: 30px;
        height: 30px;
        background: url(../image/close.png) no-repeat;
        display: block;
        z-index: 22222;
        background-size: 20px;
    }
    .nav.fr {
        position: fixed;

        width: 100%;
        height: 100%;
        float: none;
        top: 0;
        left: 0;
        display: none;
        z-index: 222;
        margin-left: 0;
        border: 0;
    background: rgba(0,0,0,0.4);margin-top: 0;}
    .navs {
        width: 25px;
        border-radius: 5px;
        position: absolute;
        top: 40%;
        right: 17px;
    }
    .nav ul {
        width: 52%;
        overflow: hidden;
  
        height: 100%;
        right: 0;
        top: 0;
        position: absolute;
    z-index: 22;background: #000;float: none;}
    
    .nav ul li {
        width: 100%;
        float: none;
    height: auto;line-height: 40px;padding: 0;}
    .nav ul li ul {
        display: none !important;
    }
    
    .nav ul li a {
        font-size: 14px;
        line-height: 53px;
        color: #fff;
        text-align: center;
    padding: 0;text-shadow: inherit;}
    .swiper-button-next:after, .swiper-button-prev:after {color: #fff;
        font-size: 30px;}
      
        .qh.fr {width: 54%;}

        .header {position: relative;}

        .one {position: initial;width: 100%;height: 60px;line-height: 60px;padding: 0;margin-bottom: 3%;}
        
        .top2 {height: 60px;width: 19%;}
        
        .num h4 {font-size: 12px;margin-top: 7px;}
        
        .one h4 {height: 60px;line-height: 60px;font-size: 20px;text-align: left;width: 74%;}
        
        .two {margin: 30px auto;}
        
        .title h2 {font-size: 40px;line-height: 40px;position: relative;width: 100%;}
        
        .title h2:after {width: 30px;height: 30px;background-size: 21px;position: absolute;left: 0px;bottom: 10px;background-position-y: 0;background-position-x: 0;}
        
        .title p {font-size: 15px;}
        
        .title {margin-bottom: 15px;padding-bottom: 15px;}
        
        .two1 {width: 100%;position: static;}
        
        .two1 ul li {width: 30%;padding: 5px 0;}
        
        .two1 ul li a {font-size: 12px;}
        
        .two2 {padding: 0;margin-top: 12px;}
        
        .two2 ul li .fr img {height: 300px;}
        
        .two2 ul li .fr {width: 100%;float: none;}
        
        .two2 ul li .fl {width: 100%;float: none;position: static;}
        
        .two2 ul li .fl span {position: inherit;margin: 10px auto;display: block;font-size: 12px;}
        
        .two2 ul li .fl p {margin: auto;font-size: 12px;line-height: 20px;height: 38px;}
        
        .two2 ul li .fl h4 {font-size: 16px;}
        
        .three .bd , .five .bd {margin: auto;width: 313px;overflow: hidden;}
        
        .three {margin-bottom: 30px;}
        
        .three .bd ul li h4 {font-size: 12px;}
        .three .bd ul li {width: 146px;margin: 0 5px;}
        .three ul li img {height: 114px;}

.three .bd ul li span {display: none;}

.three .bd ul li h4{width: 100%;text-align: center;padding: 4px 0;}
        .title1 h2 {font-size: 24px;color: #fff;}
        
        .four {padding: 30px 0;}
        
        .title1 h2 b {color: #fff;}
        
        .title1 p {margin: auto;font-size: 12px;color: #fff;}
        
        .four .hd {width: 100%;text-align: center;bottom: -32px;top: inherit;}
        
        .four .hd ul li {display: inline-block;background: #c42735;color: #fff;margin: 0 2px;width: 14px;height: 10px;color: transparent;}
        
        .four .bd ul li .fl {margin: auto;width: 63%;}
        
        .four .bd ul li .fl h4 {font-size: 16px;margin-bottom: 10px;}
        
        .four .bd ul li .fl p {font-size: 12px;}
        
        .four .hd ul li:after {display: none;}
        
        .four .hd ul li.on {width: 30px;}
        
        .four .container {position: relative;}
        
        .five {padding: 30px 0;}
        
       
        
        .five .prev, .five .next {width: 36px;height: 36px;line-height: 36px;font-size: 22px;top: 6%;}
        
        .five .prev {right: 16%;}
        
        .five .next {right: 5%;}
        
        .five .bd ul li p {margin: auto;}
        
        .five .bd ul li span {font-size: 12px;}
        
        .five .bd ul li h4 {font-size: 16px;}
        
        .five .bd ul li h4:after {display: none;}
    
        
        .six {padding: 2%;padding-top: 30px;}
        
        .six .title {width: 100%;margin-bottom: 20px;}
        
        .six .fl {width: 100%;float: none;margin: auto;}
        
        .six .fl h4 {font-size: 18px;margin: auto;}
        
        .six .fl p {font-size: 12px;line-height: 22px;height: auto;margin: 10px auto;}
        
        ul.six1 {position: initial;overflow: hidden;}
        
        a.mrs {width: 100px;height: 30px;line-height: 30px;font-size: 12px;margin-top: 10px;margin-bottom: 10px;}
        
        .img1.fr {position: absolute;bottom: 40%;z-index: -1;opacity: 0.4;}
        
        .six1 li {width: 49%;padding: 10px 0;}
        
        .num h4 b {font-size: 24px;}
        
        .box1 {width: 60px;line-height: 60px;height: 60px;}
        
        .num {width: calc(100% - 84px);}
        
        .seven {padding: 30px 0;}
        
        .seven ul li {width: 280px;}
        
        .seven ul li img {height: 180px;}
        
        .eight .title {width: 100%;float: none;}
        
        .eig {width: 100%;float: none;margin-bottom: 14px;}
        .eig ul li {padding: 2px 0;}

        .eig ul li a {font-size: 12px;}
        
        .eig_box ul li {padding: 10px;width: 48%;margin: 1%;}
        .eig_box ul li:nth-child(3n) {margin-right: 1%;}

        .eig_box ul li img {height: 158px;}
        
        .tim {padding-top: 13px;}
        
        .tim b {font-size: 18px;}
        
        .tim span {font-size: 12px;}
        
        .eig_box ul li h4 {font-size: 16px;margin: auto;}
        
        .eig_box ul li p {margin: auto;font-size: 12px;}
        
        .eight {margin-bottom: 30px;}
      
        .nine {padding-top: 30px;padding-bottom: 70px;}

        .footer_img {display: none;}
        
        .nine ul {width: 50%;margin-bottom: 14px;padding-left: 33px;}
        
        .nine .ti {font-size: 14px;margin-bottom: 4px;}
        
        .nine ul li {line-height: 22px;font-size: 12px;}
        
        p.p1 {font-size: 12px;padding-top: 5px;}
        
    

.interlink {display: none;}
        
        .footer {font-size: 12px;padding-bottom: 70px;padding-top: 0;}
        .bottom .dhzx a {color: #fff;}

.main_top {
    height: 40px;
    line-height: 40px;
    white-space: nowrap;
    text-overflow: ellipsis;
}


.page_fl {
    width: 100%;
    float: none;
    overflow: hidden;
}

.treepage h2 {
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    background-position-x: 10px;
text-align: center;padding: initial;}
.treepage h2:after {width: 20px;height: 25px;top: 14px;left: 63%;}
.treepage ul {
    width: 100%;margin: 0% 0% 1%;
}
.treepage ul li {
    width: 33%;
    float: left;
    box-sizing: border-box;
    padding: 0 1%;
    border: 0;
}
.treepage ul li a {
    font-size: 14px;
    padding-left: 0;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
background-size: 16px;background-position-x: 99%;}
.treepage li ul.subTree {
    display: none;
    opacity: 0;
}
.newspage {
    width: 49%;
    float: left;
    margin-bottom: 0;
}

.propage {
    width: 49%;
    float: right;
    margin-bottom: 0;
}

.newspage h2, .propage h2 {
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    padding-left: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.newspage ul li {
    width: 100%;
    padding: 0 0 0 20px;
    box-sizing: border-box;
}
.propage_img {
    height: 65px;
}

/**/
.page_fr {
    width: 100%;
    float: none;
    margin-top: 25px;
}

/**/

.prduct_ul, div#preview, .article, .Article_content, .page_c {
    width: 100%;
    float: none;
    margin-bottom: 10px;
}

.product_ul li h4 {
    font-size: 12px;
line-height: 30px;height: 30px;padding: 0 13% 0 5%;background-size: 8px;}

.product_img {
    height: 90px;
}

/**/
.pading {
    margin: 10px auto;
}

.pading a, .pading span {
    margin: 0 3px;
    padding: 0px 8px;
}

.product_imgs_fl, .product_text {
    width: 100%;
    float: none;
}

.product_text h2 {
    line-height: 40px;
    height: 40px;
    font-size: 16px;
}

.product_text p {
    line-height: 24px;
    font-size: 14px;
    height: auto;
}

/**/

.main_next .prevrecord, .main_next .nextrecord {
    font-size: 14px;
    height: 24px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.xgwz, .xgcp {
    padding: 1%;
    margin-top: 10px;
}

h4.related span {
    font-size: 16px;
}

ul.relate_news li a {
    height: 35px;
    line-height: 35px;
    font-size: 14px;
}

ul.relate_pr li img {
    height: 39px;
}

.article li {
    margin-bottom: 2%;
    padding: 2%;
}

.article li h4 {
    font-size: 15px;
    line-height: 30px;
    height: 30px;width: 71%;
}
.article li span {
    width: 26%;
}
.Article_text {
    font-size: 19px;
    line-height: 30px;
    height: 30px;
}
.footer1 {
    padding-bottom: 67px;
}
.nine ul {
	height:120px;
}

.info {
    line-height: 24px;
    height: 24px;
    padding-bottom: 5px;
font-size: 12px;}
.treepage ul li a {
text-align: center;
}

}