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;
}
/**主题**/
.nav li:hover>a,.nav a.cur,.banner .hd ul li.on, .one ul li:nth-child(3),.one ul li:nth-child(2),.newspage h2, .propage h2, .treepage h2 {background: #f8ba35;}

.but,.five .fr h2:after,.five .fr .mores,.six3 ul li:hover,span.cn:after,.prduct_uls li .more {background:#f8ba35;}
.three .hd ul li {border-bottom: 1px solid #f8ba34;}
.three .hd ul li.on {background: #f8ba34;border-color: #f8ba34;}


.four .title1 p,.four .fl h4,.title3,.tims {color: #f8ba34;}
.tjkc_title .link {
    border-left: 4px solid #f8ba35;
   
}
.article li:hover {
    border-color: #f8ba34;
}

.propage, .treepage, .newspage {
    border: 1px solid #f8ba34;
}
/**头部**/
.header {height: 86px;position: fixed;width: 100%;left: 0;top: 30px;z-index: 222;}

.header .container {background: #fff;height: 86px;}
.logo {width: 300px;display: flex;align-items: center;height: 86px;}

.logo a {display: flex;}

.logo img {display: block;max-width: 100%;max-height: 100%;}

.nav {width: 70%;float: left;margin-left: 3%;}

.nav li {float: left;line-height: 86px;position: relative;width: 16.5%;}

.nav li a {display: block;text-align: center;font-size: 17px;}

.navbox li {width: 100%;float: none;line-height: 45px;}

.navbox li a {background: #fff;}

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

.navbox {display: none;position: absolute;left: 0;top: 84px;width: 100%;z-index: 2;}

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

.nav li:hover>a,.nav a.cur {color: #fff;}

.but {width: 8%;float: right;height: 86px;align-items: center;display: flex;}
.but img {margin: auto;display: block;}

.but a {display: block;width: 100%;}
/**banner**/
.banner{
    width: 100%;
    position: relative;
overflow: hidden;
}
.banner li img{
    width: 100%;
}
.banner .prev {width: 42px;
    background: rgba(225,225,225,0.6);
    height: 71px;
    text-align: center;
    line-height: 71px;
    font-size: 39px;
    font-family: '宋体';
    color: #fff;
    position: absolute;
    top: 45%;
    z-index: 222;
  left:-100%;
transition: all 0.4s;cursor: pointer;}

.banner .next {width: 42px;background: rgba(225,225,225,0.6);
               height: 71px;text-align: center;line-height: 71px;
               font-size: 39px;font-family: '宋体';color: #fff;
position: absolute;top: 45%;z-index: 222;
              right:-100%;cursor: pointer;
             transition: all 0.4s;}
.banner:hover .next{
  right:2%;
}
.banner:hover .prev{
  left:2%;
}
.banner .hd {width: 100%;position: absolute;z-index: 22;left: 0;bottom: 3%;}

.banner .hd ul {text-align: center;}

.banner .hd ul li {display: inline-block;margin: 0 6px;
color: transparent;background: #fff;
    border-radius: 50%;width: 10px;height: 10px;cursor: pointer;}

.banner .hd ul li.on {width: 46px;border-radius: 30px;}
.banner_m {width: 100%;position: relative;display: none;}

.banner_m img {display: block;width: 100%;}
/**主题1**/
.one {width: 100%;padding: 70px 0;position: relative;}

.one .container {overflow: hidden;}

.title {text-align: center;margin-bottom: 50px;}

.title h2 {padding: 10px 0;
    display: inline-block;
    margin: 0;
    color: #242424;
    font-size: 38px;
    font-weight: bold;}

.title p {margin-top: 14px;
    font-size: 14px;
    color: #585858;}

.one iframe.fl {width: 48%;height: 481px;}

.one ul {overflow: hidden;width: 50%;}

.one ul li {width: 380px;height: 230px;	box-sizing:border-box;
	padding:20px;float: left;background: #fff;margin: 0 10px 20px 10px;text-align: center;}

.one ul li img {margin: auto;margin-top: 20px;	width:73px;
	height:64px;
}
.one ul li h4 {display: block;
    margin: 10px;
    line-height: 1;	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
    color: #1f1f1f;
    font-size: 25px;font-weight: bold;}

.one ul li p {color: #000;
    font-size: 14px;width: 93%;margin: auto;}
    .one ul li:nth-child(3),.one ul li:nth-child(2) {text-align: left;}

.one ul li:nth-child(3) img,.one ul li:nth-child(2) img 
{margin: inherit;margin-top: 12px;}
/**主题2**/
.two {width: 100%;padding: 70px 0;background: #eee;}

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

.title1 h2 {
    margin-bottom: 14px;
    color: #24255d;
    font-size: 40px;
    line-height: 1;
    text-transform: uppercase;
    font-family: 'impact';}

.title1 p {position: relative;
    
    
    color: #242424;
    font-size: 38px;
    font-weight: bold;}

.two ul {overflow: hidden;}

.two ul li {width: 32%;float: left;margin-right: 2%;
margin-bottom: 2%;background: #fff;padding-bottom: 10px;}

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

.two ul li img {width: 100%;display: block;height: 385px;}

.two ul li h4 {
    font-size: 18px;
    color: #585858;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    font-weight: bold;
    transition: all .2s ease-out;text-align: center;line-height: 44px;}

.two ul li span {text-align: center;display: block;width: 100%;font-size: 14px;color: #666;}
/**主题3**/
.three {width: 100%;margin: 70px 0;position: relative;overflow: hidden;}

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

.three .bd li img {width: 100%;display: block;height: 570px;}

.three .hd {width: 50%;background: rgba(0,0,0,0.6);height: 570px;position: absolute;left: 0;bottom: 0;z-index: 22;box-sizing: border-box;padding: 70px 0;}

.three .hd ul {width: 800px;float: right;margin-right: 40px;}
.three .hd ul li {padding: 15px 0;box-sizing: border-box;padding-left: 121px;background: url(../images/g.png) no-repeat left center;background-position-x: 15px;}

.three .hd ul li h2 {color: #ffff;margin-bottom: 5px;font-size: 18px;overflow: hidden;
    white-space: nowrap;text-overflow: ellipsis;padding: 10px 0;}

.three .hd ul li h2 b {font-weight: bold;
    font-family: 'Impact';font-size: 39px;display: inline-block;margin-right: 10px;}

.three .hd ul li p {color: #fff;font-size: 14px;height: 48px;overflow: hidden;}
.three .hd ul li.on {width: 128%;padding: 27px;transition: all .6s ease-out;}
/**主题4**/
.four {width: 100%;padding: 70px 0;background: #011e59 url(../images/bg3.jpg) bottom left no-repeat;}

.four .container {overflow: hidden;}

.four .title1 {text-align: left;}

.four .title1 h2 {color: #fff;}

.four .fl {width: 30%;}

.four .fr {width: 65%;overflow: hidden;}

.four .fr li {background: #fff;width: 25%;float: left;padding: 20px;box-sizing: border-box;
    border: 1px solid #eee;overflow: hidden;}

.four .fr li img {width: 100%;display: block;height: 60px;transition: all 0.4s;}

.four .fr li:hover img {transform: scale(1.1);}

.four .fl h2 {color: #Fff;font-size: 33px;margin-bottom: 29px;}

.four .fl h4 {font-size: 27px;line-height: 41px;}
/**主题5**/
.five {width: 100%;position: relative;padding:0 0 70px 0;}

.five .container {overflow: hidden;}

.five .bg {height: auto;bottom: 0;top: auto;}

.five .fl {width: 48%;}

.five .fl img {width: 100%;display: block;height: 420px;}

.five .fr {width: 48%;}

.five .fr h2 {width: 100%;
    height: 29px;
    font-size: 25px;
    color: #333;
    font-weight: bold;
    line-height: 31px;
    
    margin: 35px 0;
    position: relative;
    z-index: 0;text-align: left;padding-left: 20px;}

.five .fr h2:after {content: '';
    width: 335px;
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;}

.five .fr p {font-size: 16px;
    color: #444;
    line-height: 31px;
    text-indent: 24px;overflow: hidden;
      text-overflow: ellipsis;
      width: 100%;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 7;
      word-break: break-all;

;
margin-bottom: 20px;}

.five .fr .mores {display: block;
    width: 46px;
    height: 46px;
    margin-top: 40px;
    -webkit-transition: all .7s;
    transition: all .7s;text-align: center;line-height: 46px;
    font-size: 24px;font-family: '宋体';color: #fff;}
/**主题6**/
.six {width: 100%;padding: 70px 0;}
.six .title1 {text-align: left;}
.six .container {overflow: hidden;}

.six3 {width: 100%;padding-top: 15px;overflow: hidden;}

.six1 {width: 60%;float: left;position: relative;}

.six2 {float: right;width: 37%;position: relative;}

.six1 ul li,.six2 ul li {width: 100%;}

.six1 ul li img {width: 100%;display: block;height: 380px;}

.six2 ul li img {width: 100%;display: block;height: 380px;}

.title3 {position: absolute;
    left: 0;
    bottom: 0;
    z-index: 3;
    margin-bottom: 0;
    padding: 35px 25px;
    font-size: 18px;
    background-color: #24255d;}

.title3:after {content: '';
    left: 100%;
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 14px solid #24255d;
    border-bottom: 11px solid transparent;
    transform: translateY(-50%);}

.title3 h2 {font-size: 28px;font-weight: bold;float: left;}

.title3 span {font-size: 14px;float: left;margin-left: 7px;display: block;}
.six3 ul {overflow: hidden;padding: 0 0 5px 0;padding-left: 5px;}

.six3 ul li {width: 506px;float: left;margin: 38px 38px 0 0;box-shadow: 0px 0px 12px rgba(0,0,0,0.2);box-sizing: border-box;padding: 45px;}

.tims {margin-bottom: 20px;}

.tims b {display: inline-block;
    font-size: 43px;
    font-weight: bold;margin-right: 10px;font-family: 'impact';}

.tims span {display: inline-block;font-size: 31px;margin-left: 4px;margin-right: 10px;font-family: '宋体';}

.tims i {font-style: initial;font-size: 20px;color: #666;}

.six3 ul li h4 {display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;font-size: 18px;
    color: #131313;margin-bottom: 12px;}

.six3 ul li p {margin-bottom: 0;
    font-size: 14px;
    color: #4a4a4a;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;height: 72px;}
    .six3 ul li:nth-child(3n) {margin-right: 0;}

.six3 ul li:hover b, .six3 ul li:hover span, .six3 ul li:hover i, .six3 ul li:hover h4, .six3 ul li:hover p {color: #fff;}
.six3 ul li:hover .tims {
    color: #fff;
}
/**主题7**/
.foot {width: 100%;background: #24255d;overflow: hidden;padding: 40px 0;}

ul.footer-nav1 {width: 20%;float: left;color: #fff;}

.foot a {color: #9e9fe9;font-size: 14px;display: block;line-height: 30px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}

span.cn {font-size: 18px;color: #fff;font-weight: bold;display: block;margin-bottom: 10px;position: relative;z-index: 2;}

span.cn:after {content: '';
    width: 29%;
    height: 8px;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: -1;border-radius: 12px;}
/**超链**/
.interlink {
    width: 100%;background: #24255d;
}

.interlink__inner {
    width: 1600px;
    margin: auto;
}
.interlink__title {
    color: #9e8fc6;
    font-size: 14px;
    float: left;
    margin-right: 2px;
    font-weight: bold;
}

.interlink__list {
    float: left;
}

.interlink__inner {
    overflow: hidden;
    padding-bottom: 20px;
    padding-top: 20px;
border-top: 1px solid #303278;}

.interlink__list a {
    color: #9e9fe9;
    display: inline-block;
    font-size: 12px;
    padding: 0 8px;
}
/*通用*/

.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: 100px;
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;
background: #24255d;}

.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;
}
.footer {
	width:100%;
	background:#24255d;
font-size:12px;
	border-top:1px solid #343593;
	padding:10px 0;
}

.footer span {
	font-size:12px;
	color:#9e9fe9 !important;
}
.page_banner img {
    width: 100%;
    display: block;
    height: auto;
}

.main_m {

    margin: auto;
    overflow: hidden;
    margin-top: 25px;	margin-bottom:30px;
}

.main_top {
    background: #f9fafd;
    line-height: 50px;
    height: 50px;
    overflow: hidden;
    width: 100%;
    box-shadow: 0 0 20px 0px #e2dede;
}

.main_tops {
    color: #666;
    margin: auto;
    background: url(../images/tb.png) no-repeat left;
    padding-left: 25px;
}

.main_tops a {
    color: #666;
}

.page_dh {
    margin-bottom: 20px;
}

.page_dh li {
    float: left;
    position: relative;
}

.page_dh li a {
    font-size: 18px;
    display: block;
    line-height: 40px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0px 15px;
}

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

ul.page_dh_ul li {
    float: none;
}

ul.page_dh_ul li a {
    width: 100%;
    padding: 0;
    text-align: center;
    line-height: 30px;
    height: 30px;
    font-size: 14px;
}

.page_dh li:hover ul.page_dh_ul {
    display: block;
}



.prduct_uls li {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 20px;
}

.prduct_uls li:nth-child(4n) {
    margin-right: 0;
}

.prduct_uls_img {
    width: 80%;
    margin: auto;
    background: #eee;
    display: flex;
    align-items: center;
    height: 166px;
}

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

.prduct_uls li h3 {
    border-top: 1px solid #e1eaef;
    line-height: 50px;
    font-size: 16px;
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin-top: 5px;
}

.prduct_uls li .more {
    width: 130px;
    line-height: 30px;
    text-align: center;
    margin: auto;
    display: block;
color: #fff;}




/**/

.tjkc {
    border: 1px solid #dbdbdb;
    margin-bottom: 30px;
    margin-top: 40px;
    box-sizing: border-box;
}


.tjkc_title {
    background: #fafafa;
    line-height: 40px;
    padding: 0px 30px;
}

.tjkc_title .link {
    font-size: 18px;
    display: inline-block;
    line-height: 24px;
    padding-left: 10px;
    font-weight: bold;
}

.tjkc_title .more {
    float: right;
}

.tjkc ul {
    margin: 30px 30px 15px;
}

.tjkc li {
    float: left;
    width: 23.8%;
    margin-right: 1.5%;
}

.tjkc li:nth-child(4n) {
    margin-right: 0;
}

.tjkc_img {
    width: 100%;
    margin: auto;
    background: #eee;
    display: flex;
    align-items: center;
    height: 166px;
}

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

.tjkc li h3 {
    line-height: 40px;
    font-size: 16px;
    height: 40px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    padding: 0 2%;
    box-sizing: border-box;
}
.xyhd {
    border: 1px solid #dbdbdb;
    box-sizing: border-box;
}

.xyhd ul {
    margin: 10px 30px 25px;
}

.xyhd li {
    border-bottom: 1px dashed #cccccc;
    line-height: 50px;
    overflow: hidden;
    position: relative;
    padding-left: 15px;

}

.xyhd li:before {
    content: '';
    width: 7px;
    height: 7px;
    border-radius: 50%;
    position: absolute;
    left: 0px;
    top: 21.5px;
}

.xyhd li h3 {
    height: 50px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: calc(100% - 110px);
    color: #686868;
    float: left;
}

.xyhd li span {
    width: 100px;
    text-align: right;
    font-size: 16px;
    color: #686868;
    float: right;
}
/**/

.page_fl.fl {
    width: 20%;
}

.prduct_ul ul {
    overflow: hidden;
}

.prduct_ul li {
    width: 303px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

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

.prduct_ul li img {
    width: 100%;
    display: block;
    height: 206px;
}

.prduct_ul li h4 {
    text-align: center;
    margin-top: 5px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article, .Article_content {
    width: 77%;
    float: right;
    margin-bottom: 40px;
}

.article li {
    border: 1px dashed #ccc;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 3%;
    overflow: hidden;
}
.article_img {
    width: 30%;
    float: left;
    overflow: hidden;
    display: flex;
    align-items: center;
    background: #eee;
    height: 180px;
}

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

.article_fr {
    width: 67%;
    float: right;
}



.article_fr h4 {
    font-size: 18px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.article_fr p {
    font-size: 14px;
    color: #666;
}

.article_fr span {
    color: #666;
    display: block;
    margin-bottom: 5px;
    font-size: 14px;
    padding-left: 23px;
    background: url(../images/time.png) no-repeat left center;
    background-size: 20px;
    margin-top: 5px;
}

/**/

.pading {
    text-align: center;
    margin-top: 20px;
}

.pading a, .pading span {
    border: 1px solid #e5e5e5;
    padding: 3px 12px;
    display: inline-block;
    margin: 0px 5px;
}

.pading .next, .pading .prev {
    border: 1px solid #e5e5e5;
}




.propage, .treepage, .newspage {
    width: 100%;
    margin-bottom: 10px;
    overflow: hidden;
}

div#preview {
    margin-bottom: 40px;
    width: 77%;
    float: right;
}

.newspage h2, .propage h2, .treepage h2 {
    width: 100%;
    height: 50px;
    line-height: 50px;
    box-sizing: border-box;
    text-align: center;
    font-size: 16px;
    margin-bottom: 5px;color: #fff;}

.newspage ul {
    margin: 0px 10px 10px;
}

.newspage ul li {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

.newspage ul h3 {
    font-size: 14px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333;
    font-weight: bold;
}

.newspage ul li p {
    font-size: 12px;
    color: #666;
    overflow: hidden;
    height: 43px;
}

.propage ul {
    overflow: hidden;
}

.propage ul li {
    width: 48%;
    margin: 1%;
    float: left;
    box-sizing: border-box;
    text-align: center;
}

.propage ul li img {
    width: 100%;
    box-sizing: border-box;
    height: 90px;
    display: block;
    margin-bottom: 5px;
}

.propage ul li a {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
    background: #eee;
    padding-bottom: 4px;
}

.treepage ul {
    margin: 0px 10px 10px;
}

.treepage ul li {
    text-align: center;
    border-bottom: 1px dashed #ccc;
}

.treepage li a {
    color: #666;
    display: block;
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 40px;
    height: 40px;
}

.treepage ul ul {
    background: #f2f2f2;
    display: none;
}

.treepage ul li:last-child {
    border-bottom: none;
}

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

.treepage ul {
    margin: 0;
}




/**/


.Article_content {
    margin-bottom: 40px;
}

.Article_text {
    text-align: center;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 28px;
    color: #666;
    padding-bottom: 15px;
}

.info {
    text-align: center;
    color: #888;
    margin-bottom: 14px;
    border-bottom: 1px dashed #999;
    padding-bottom: 15px;
}

/**/

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

.main_next .prevrecord, .main_next .nextrecord {
    margin: 5px 0px;
    display: block;
    font-size: 14px;
    color: #666;
}

.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 {
    float: left;
    width: 49%;
}

ul.relate_news li:nth-child(2n) {
    float: right
}

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

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 {
    width: 100%;
    display: block;
    height: 67px;
}

ul.relate_pr p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.imgs.fl {
    width: 49%;
    float: left;
}

.imgs .bd a {
    display: flex;
    align-items: center;
    background: #eee;
    height: 300px;
}

.imgs.fl .bd img {
    margin: auto;
    display: block;
    height: 100%;
}

.imgs.fl .hd li {
    width: 105px;
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

.imgs .hd a {
    display: flex;
    align-items: center;
    background: #eee;
    height: 75px;
}

.imgs.fl .hd img {
    margin: auto;
    display: block;
    height: 100%;
}

.imgs.fl .hd li:nth-child(4n) {
    margin-right: 0;
}

.imgs .bd {
    margin-bottom: 10px;
}



.fr.texts {
    width: 49%;
    float: right;
}

.Product_item_text {
    overflow: hidden;
    width: 100%;
    font-size: 22px;
    line-height: 42px;
    border-bottom: 2px solid #d4d4d4;
    margin-top: 10px;
    margin-bottom: 20px;
}

.fr.texts h3 {
    font-size: 18px;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #666;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-weight: bold;
}

.fr.texts p {
    color: #666;
    font-size: 15px;
    line-height: 27px;
}

.Product_item_text span {
    display: inline-block;
}

.product_content {
    margin-top: 20px;
}

.news ul li .time span {
    display: inline-block;
}

.four ul li a {
    display: block;
}

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

.xgwz, .xgcp {
    float: left;
    margin-right: 1%;
    width: 48%;
}

.page_c {
    width: 77%;
    float: right;
}

#copy_btn {
    width: 180px;
}
.prduct_uls li .more {


overflow:hidden;
	
white-space:nowrap;
	
text-overflow:ellipsis;
	
font-size:12px;

padding:0 10px;

}

.article_fr {
	
height:186px;

overflow:hidden;

}


@media only screen and (max-width: 1600px){
    .container,.interlink__inner{
        width: 1200px;
    }
    .nav.fr {
        width: 64%;
    }
    .three .hd ul{
        width: 600px;
    }
    .six3 ul li {width: 388px; margin: 14px 14px 0 0; padding: 30px; }
.one ul li {width: 280px;}
.two ul li img {
	height:298px;
}

.six1 ul li img,.six2 ul li img {
	height:380px;
}

}
@media only screen and (max-width: 1200px){
    .container,.interlink__inner{
        width: 960px;
    }
    .nav.fr {width: 57%;}

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

.one ul li {width: 233px;}

.one iframe.fl {width: 45%;}

.one ul {width: 53%;}

.one ul li h4 {font-size: 16px;}

.one ul li p {font-size: 13px;}

.two ul li img {height: 240px;}

.three .hd ul {width: 500px;}

.title {margin-bottom: 30px;}

.four .fr li img {height: 50px;}

.four .fl h4 {font-size: 20px;}

.six2 ul li img {height: 300px;}

.six1 ul li img {height: 300px;}

.six3 ul li {width: 308px;}
}
@media only screen and (max-width: 768px){
    .bottom, .banner_m {
        display: block;
    }
    .banner{
        display: none;
    }
    .nav.fr {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: 5px auto;
        border-radius: 4px;
        position: relative;
    background: #24255d;}
    .nav_button {
        position: absolute;
        top: 0;
        left: 43%;
        width: 30px;
        height: 30px;
        background: url(../images/close.png) no-repeat;
        display: block;
        z-index: 22222;
        background-size: 20px;
    }
    .nav.fl {
        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 {
        width: 25px;
        border-radius: 5px;
        position: absolute;
        top: 34%;
        right: 12px;
    }
    .nav.fr ul {
        width: 52%;
        overflow: hidden;
        background: #000;
        height: 100%;
        right: 0;
        top: 0;
        position: absolute;
    z-index: 22;}
    
    .nav.fr ul li {
        width: 100%;
        float: none;
    line-height: 39px;}
    .nav ul li ul {
        display: none !important;
    }
    
    .nav.fr ul li a {
        font-size: 14px;
        line-height:55px;
        color: #fff;
        text-align: center;
    }
.page_banner {
	display:none;
}
    .container, .main_m, .main_tops {
        width: 96%;
    }
    .header {position: relative;top: 0;}

.logo.fl {width: 47%;}

.but {position: fixed;width: 60px;height: 60px;border-radius: 50%;right: 10px;top: 45%;z-index: 2222;}

.but img {width: 24px;}
.banner_m .swiper-button-next:after,.banner_m .swiper-button-prev:after {font-size: 34px;color:#f8ba34;}

.one {padding: 7% 0;}

.title h2 {font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0;}

.title p {font-size: 12px;margin: auto;width: 90%;}

.title {margin-bottom: 20px;}

.one iframe.fl {width: 100%;float: none;height: 211px;}

.one ul {width: 100%;float: none;}

.one ul li {width: 48%;margin: 1%;height: 179px;}

.one ul li img {width: 42px;}

.one ul li p {font-size: 12px;line-height: 20px;}
.one ul li h4 {
	margin:5px;
}
.two {padding: 7% 0;}

.title1 h2 {font-size: 20px;margin: auto;}

.title1 p {font-size: 20px;}

.title1 {margin-bottom: 20px;}

.two ul li img {height: 116px;}

.two ul li h4 {font-size: 14px;line-height: 24px;}

.two ul li span {font-size: 12px;}

.two ul li {padding-bottom: 0;}

.three {margin: 7% 0;}
.banner_m .swiper-button-next:after,.banner_m .swiper-button-prev:after {font-size: 34px;color: #24255d;}

.one {padding: 7% 0;}

.title h2 {font-size: 20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding: 0;}

.title p {font-size: 12px;margin: auto;width: 90%;}

.title {margin-bottom: 20px;}

.one iframe.fl {width: 100%;float: none;height: 211px;}

.one ul {width: 100%;float: none;}

.one ul li {width: 48%;margin: 1%;	padding:10px;
	height:168px;}

.one ul li img {width: 42px;	height:40px;
	margin-top:12px;}

.one ul li p {font-size: 12px;line-height: 20px;}

.two {padding: 7% 0;}

.title1 h2 {font-size: 20px;margin: auto;}

.title1 p {font-size: 20px;}

.title1 {margin-bottom: 20px;}

.two ul li img {height: 116px;}

.two ul li h4 {font-size: 14px;line-height: 24px;}

.two ul li span {font-size: 12px;}

.two ul li {padding-bottom: 0;}

.three {margin: 7% 0;}
.three .hd ul li {
	padding-left:128px;
}
.five .fl {width: 100%;float: none;}

.five .fl img {height: auto;}

.five .fr {width: 100%;float: none;}

.five .fr h2 {font-size: 18px;margin: 10px 0;}

.five .fr h2:after {width: 68%;height: 12px;}

.five .fr p {font-size: 14px;line-height: 24px;}

.five {padding-bottom: 7%;}

.five .fr .mores {margin-top: 10px;}

.four {padding: 7% 0;}

.four .fl {width: 100%;float: none;margin-bottom: 10px;}

.four .fr {width: 100%;float: none;}

.four .title1 {text-align: center;}

.four .fl h2 {font-size: 18px;margin: auto;text-align: center;}

.four .fl h4 {text-align: center;font-size: 16px;line-height: 23px;}

.four .fr li {padding: 10px;}

.four .fr li img {height: 39px;}

.six {padding: 7% 0;}

.six1,.six2 {width: 100%;float: none;margin-bottom: 1%;}

.six3 ul li {width: 48%;margin: 1%;padding: 16px;}

.tims {margin-bottom: 4px;}

.tims b {font-size: 35px;}

.tims span {font-size: 20px;}

.tims i {font-size: 13px;}

.six3 ul li h4 {font-size: 16px;margin-bottom: 0;}

.six3 ul li p {font-size: 12px;}

.foot {padding: 20px 0 60px 0;}

span.cn {font-size: 15px;margin-bottom: 5px;}

ul.footer-nav1 {width: 33%;	overflow:hidden;
	height:130px;}
ul.footer-nav1 a {
	font-size:12px;
}
.interlink {padding-bottom: 70px;}

.interlink__inner {width: 96%;}

.interlink__title {margin-left: 8px;}

.three .hd {padding: 0 0;position: initial;width: 100%;height: auto;}

.three .hd ul {width: 100%;float: none;margin: auto;overflow: hidden;}

.three .bd li img {height: 264px;}

.three .hd ul li {width: 32%;float: left;}

.three .hd ul li.on {width: 33%;padding: 15px 10px;}

.three .hd ul li.on {font-size: 20px;}

.three .hd ul li h2 b {font-size: 20px;}

.three .hd ul li h2 {font-size: 16px;padding: 0;}

.three .hd ul li p {font-size: 12px;}
.title3 h2 {font-size: 22px;}

.footer{
padding-bottom:70px;
}
.main_tops {
    width: 96%;
    background-size: 14px;
    background-position-x: 8px;
    font-size: 12px;
}
li.dhzx a {
	color:#fff;
}





.article_fr {
	width:66%;
	height:auto;
}


.xyhd li span {
	font-size:12px;
}
.main_m {
    width: 96%;
    margin-top: 3%;
}

.page_dh li {
    width: 33.3%;
}

.page_dh li a {
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    padding: 0px 2%;
    text-align: center;
}

ul.page_dh_ul {
    opacity: 0;
}

.page_fl.fl {
    width: 100%;
    float: none;
}

.prduct_uls li {
    width: 49%;
    margin-right: 0;
    margin-bottom: 10px;
}

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

.prduct_uls_img {
    height: 120px;
}

.prduct_uls li h3 {
    line-height: 40px;
    font-size: 15px;
    height: 40px;
}

.tjkc {
    margin-bottom: 15px;
    margin-top: 20px;
}

.tjkc_title {
    line-height: 40px;
    padding: 0px 2%;
}

.tjkc_title .link {
    border-left: 2px solid #0076c0;
    font-size: 16px;
    padding-left: 5px;
}

.tjkc ul {
    margin: 2%;
}

.tjkc_img {
    height: 70px;
}

.tjkc li h3 {
    line-height: 30px;
    font-size: 14px;
    height: 30px;
}

.xyhd ul {
    margin: 2%;
}

.xyhd li {
    line-height: 40px;
}

.xyhd li h3 {
    height: 40px;
    font-size: 15px;
}

.xyhd li:before {
    top: 16.5px;
}

/**/

.treepage h2 {
    font-size: 16px !important;
    line-height: 50px !important;
    height: 50px !important;
    margin-bottom: 2%;
}

.treepage h2 b {
    font-size: 14px;
}

ul.subTree {
    display: none !important;
}

.propage ul li {
    width: 48%;
    margin: 1%;
    float: left;
    font-size: 12px;
}

.propage ul {
    overflow: hidden;
    margin: 1% 2%;
}

.treepage ul li {
    width: 25%;
    float: left;
    box-sizing: border-box;
    padding: 0 1%;
    border: 0;
}

.treepage ul {
    overflow: hidden;
    margin: 1% 0%;
}

.treepage ul li a {
    font-weight: inherit;
    text-align: center;
    padding-left: 0;
    line-height: 40px;
    height: 40px;
}

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

.prduct_ul ul li {
    width: 48%;
    margin: 1%;
}

.prduct_ul ul li img {
    height: 151px;
    box-sizing: border-box;
}

.prduct_ul ul li:nth-child(3n) {
    margin-right: 1%;
}

.newspage, .propage {
    width: 100%;
    margin-bottom: 10px;
    margin-right: 0;
    float: none;
}

.pading {
    margin: 10px auto;
}

.newspage h2, .propage h2 {
    margin: auto;
    font-size: 14px !important;
    height: 40px !important;
    line-height: 40px !important;
}

.newspage ul li {
    width: 48%;
    margin: 1% 1% 1%;
    padding: 0;
    padding-bottom: 10px;
    float: left;
}

.newspage ul li h3 {
    font-size: 14px;
    margin-bottom: 0;
}

.newspage ul li p {
    font-size: 12px;
}

div#preview {
    margin-top: 20px;
}

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

.imgs.fl .hd ul li {
    width: 23%;
    margin: 1%;
}

.fr.texts {
    width: 100%;
    float: none;
}

.produt_box h3 {
    font-size: 16px;
    margin: 5px auto;
    padding-bottom: 5px;
}

.fr.texts p {
    font-size: 12px;
}

.produt_box {
    padding: 0;
}

.article ol li {
    padding: 1%;
}

.article_img {
    height: 120px;
}



.article_fr {
    width: 66%;
}

.article_fr span {
    font-size: 12px;
    background-size: 13px;
    padding-left: 13px;
    margin-bottom: 0;
    margin-top: 0;
}

.article li h4 {
    font-size: 14px;
    margin: auto;
}

.article li p {
    font-size: 12px;
    height: 55px;
    overflow: hidden;
    line-height: 18px;
}

.propage ul li img {
    height: 125px;
}

.Article_content {
    margin-top: 20px;
}

.Article_text {
    font-size: 16px;
    margin-bottom: 0;
    padding-bottom: 0;
}

h4.related {
    font-size: 16px;
    padding-bottom: 5px;
}

.main_tops {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.newspage ul {
    margin: 1% 2%;
    overflow: hidden;
}



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

.main_top {
    margin-bottom: 10px;
    height: 40px;
    line-height: 40px;
}

.treepage {
    height: auto;
    margin: 1% auto;
}

.info {
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-size: 12px;
}

.detail {
    font-size: 14px;
}

.fr.texts h3 {
    font-size: 14px;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

.Product_item_text {
    font-size: 18px;
    margin: 5px auto;
}

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

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

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

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

.prduct_ul ul li h4 {
    padding: 2px 0;
    font-size: 12px;
}

.main_next .prevrecord, .main_next .nextrecord {
    font-size: 12px;
}

.treepage {
    margin-bottom: 10px;
    width: 100%
}

.propage, .treepage, .newspage {
    box-sizing: border-box;
}
}