* {
    padding: 0;
    margin: 0;
    font-family: "微软雅黑";
    list-style: none;}

a {
    text-decoration: none;}

img {
    border: 0;}

button {
    border: none;
    outline: none;
    background: none;}

.clearfix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden;
    clear: both;}

.clearfix {
    *zoom: 1;
    clear:both;}

.main-center-container {
    width: 1200px;
    margin: 0 auto;

    box-sizing: border-box;
}

.main-head {
    background: url(../images/top_bg.png) no-repeat top center;
    height: 150px;}

@media only screen and (max-width: 766px) {
    .main-head {
        display: none;}
}

.main-head-top {
    height: 40px;
    background: rgb(243, 243, 243);}

@media only screen and (max-width: 414px) {
    .main-head-top {
        display: none;}
}

.main-head-top-mail img {
    float: left;
    margin: 16px 10px 10px 24px;}

.main-head-top-mail a {
    color: #000000;
    float: left;
    /*margin: 5px;*/
    line-height: 40px;}

.main-head-top-mail a:hover {
    color: red;}

.main-head-top-right {
    color: #000000;
    float: right;
    margin-right: 16px;
    line-height: 40px;}

.main-head-top-right:hover {
    color: red;}

/*.main-head a{
	float: left;
}*/
/*.main-head .logo-TYUT{
	margin: 40px 10px 20px 20px;
}*/
.main-head .logo-chemical {
    width: 700px;
    height: auto;
    padding: 36px 0 0 20px;}

.main-head .main-center-container {
    height: 100%;
    background-image: url(../images/main-head-pic-2.jpg);
    background-repeat: no-repeat;
    background-position: right;}

@media only screen and (max-width: 840px) {
    .main-head .main-center-container {
        background-size: 300px;
        background-position: right center;}
}
.hea_rig{float: right;display:table-cell;vertical-align:middle;width: 185px;margin-top:35px;}

.hea_rig .hea_search{width: 185px;float: right;position: relative;margin-top: 20px;}
.hea_search .hea_input{width: 185px;height: 32px;border-bottom: 1px solid #fff;
    background: none;text-indent: 10px;font-size: 14px;line-height: 32px;border-top: none;
    border-left: none;
    border-right: none;}
.hea_search .hea_inpimg{position: absolute;right: 10px;top: 5px;width: 20px;}

.main-banner {
    width: 100%;
    height: 220px;
    overflow: hidden;}

.main-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;}

@media only screen and (max-width: 414px) {
    .main-banner {
        height: 140px;}
}

@media only screen and (max-width: 375px) {
    .main-banner {
        height: 120px;}
}

.main3 .main3-card {
    width: 25%;
    height: 400px;
    margin: 22px 1%;
    float: left;
    background: #fff;
    overflow: hidden;}

.main3 .main3-card-1 {
    width: 31.33%;
    height: 400px;
    margin: 22px 1%;
    float: left;
    background: #fff;
    overflow: hidden;}


.main3 .main3-card01 {
    width:71%;
    height: 460px;
    margin: 22px 1%;
    float: left;
    background: #fff;
    overflow: hidden;}



@media only screen and (max-width: 1200px) {
    .main3 .main3-card {
        width: 46%;
        margin: 22px 2%;}
    .main3 .main3-card01 {
        width: 46%;
        margin: 22px 2%;}
     .main3 .main3-card-1 {
        width: 46%;
        margin: 22px 2%;}



}

@media only screen and (max-width: 766px) {
    .main3 .main3-card {
        width: 96%;
        height: auto;}
 .main3 .main3-card01 {
        width: 96%;
        height: auto;}
 .main3 .main3-card-1 {
        width: 96%;
        height: auto;}


}

.main3 .main3-card-head {
    height: 59px;
    width: auto;
    background: #68b2d1;
    border-bottom: #daebf2 1px solid;
    /*border-left: #68b2d1 4px solid;*/
    position: relative;
    z-index: 1;}

.main3 .main3-card-head-text {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    position: absolute;
    height: 59px;
    line-height: 59px;
    /*top: 18px;*/
    left: 20px;}

.main3 .main3-card-head-text2 {
    font-size: 12px;
    color: #fff;
    position: absolute;
    left: 114px;
    top: 19.5px;
    height: 20px;
    line-height: 20px;
    padding-left: 16px;
    border-left: 1px solid #fff;

    /*单行文本溢出解决方案*/
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

@media only screen and (max-width: 766px) {
    .main3 .main3-card-head-text2 {
        display: none;}
}

.main3 .main3-card-head-more {
    font-size: 12px;
    color: #fff;
    position: absolute;
    right: 27px;
    height: 59px;
    line-height: 59px;
    transition: all 0.5s;}

.main3 .main3-card-head-more:hover {
    color: red;}

/*列表样式*/
.main3 .main3-card-body {
    height: 400px;
    padding: 20px 4%;}

.main3 .main3-card-body ul {
    width: 100%;}

.main3 .main3-card-body ul li {
    clear: both;
    display: block;
    height: 36px;}
.tzgg{
padding: 20px 4%;
}
.tzgg ul li{
height:62px;

}
.main3 .main3-card-body ul li img {
    float: left;
    margin: 6px 2% 0 0;}
.tzgg ul li .box2_1_date{width: 56px;height: 52px;border: 1px solid #68b2d1;text-align: center;font-size: 12px;color: #68b2d1;float: left;line-height: 20px;margin-right: 15px;}
.tzgg ul li .box2_1_date p{width: 100%;height: 30px;background: #68b2d1;color: #fff;font-size: 24px;line-height: 30px;font-weight: bold;}
.tzgg ul li .box2_1_tit{    color: #333333;
    line-height: 57px;
    height: 58px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
font-size:14px;}
.main3 .main3-card-body ul li a {
    float: left;
    width: 60%;
    font-size: 14px;
    color: #272727;
    transition: all 0.5s;

    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;}

.main3 .main3-card-body ul li a:hover {
    color: red;}

@media only screen and (max-width: 1200px) {
    .main3 .main3-card-body ul li a {
        width: 70%;}
}

@media only screen and (max-width: 950px) {
    .main3 .main3-card-body ul li a {
        width: 92%;}
}

.main3 .main3-card-body ul li span {
    float: right;
   /* width: 32%;*/
    font-size: 14px;
    color: #272727;}

@media only screen and (max-width: 1200px) {
    .main3 .main3-card-body ul li span {
        width: 19%;}
}

@media only screen and (max-width: 950px) {
    .main3 .main3-card-body ul li span {
        display: none;}
}

/*列表样式结束*/

.main3-card2-img-box {
    float: left;
    width: 500px;
    height: 360px;
    overflow: hidden;
    margin: 0 24px 24px 0;
    background: #dcdcdc;}

.main3-card2-img-box img {
    transition: all 0.5s;}

.main3-card2-img-box img:hover {
    transform: scale(1.1);}

.main3-card2-text {
    text-indent: 2em;
    font-size: 14px;
    color: #7b7b7b;

    /*定行文本溢出解决方案       （5行）*/
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    line-height: 1.7em;
    *line-height: 1.6em;
    height: 8.12em;}

/*重要导航*/
.main3-card3-nav-box {
    color: #75b9d5;
    float: left;
    width: 50%;
    height: 85px;
    line-height: 85px;
    text-align: center;}

.main3-card3-nav-box i {
    margin-right: 4px;}

.main3-card3-nav-box:hover {
    background: #75b9d5;
    color: #fff;}

@media only screen and (min-width: 766px) and (max-width: 950px) {
    .main3-card3-nav-box {}
}

@media only screen and (max-width: 766px) {
    .main3-card3-nav-box {}
}

.main-foot {
    margin-top: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
    background: #68b2d1;}

.main-foot p {
    font-size: 14px;
    text-align: center;
    margin: 10px;
    color: #fff;}

.main-foot p a {
    color: #fff;}

@media only screen and (max-width: 1200px) {
    .main-center-container {
        width: 100%;}
}

@media only screen and (max-width: 766px) {
    .main-head {
        display: none;}
}

.main-article-body img, .main-article-detail img {
    display: inline;}



/*2019.1.4*/
    .swiper-container {
      width: 100%;
      height: 100%;}
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;}

/*滚动图片链接*/
/*.picMarquee-left{ width:1200px;  overflow:hidden; position:relative;  margin:0 auto;  }
		.picMarquee-left .hd{ overflow:hidden;  height:59px; padding:0 10px; color:#333; font-size:18px; line-height:59px; font-weight:bold;}
		.picMarquee-left .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.picMarquee-left .hd .next{ background-position:0 -50px;  }
		.picMarquee-left .hd .prevStop{ background-position:-60px 0; }
		.picMarquee-left .hd .nextStop{ background-position:-60px -50px; }
		.picMarquee-left .bd{ padding:10px;   }
		.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
		.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.picMarquee-left .bd ul li .pic{ text-align:center; }
		.picMarquee-left .bd ul li .pic img{ width:250px; height:70px; display:block; padding:2px; border:1px solid #ccc; }
		.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }
		.picMarquee-left .bd ul li .title{ line-height:24px;   }*/


.picScroll-left{ width:1200px;  overflow:hidden; position:relative;  margin:0 auto;}
		.picScroll-left .hd{ overflow:hidden;  height:30px; padding:0 10px;}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url(../images/arrow.jpg) no-repeat;}
		.picScroll-left .hd .next{ background-position:0 -50px;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0;}
		.picScroll-left .hd .nextStop{ background-position:-60px -50px;}
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1;}
		.picScroll-left .hd ul li{ float:left;  width:20px; height:20px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(images/icocircle.jpg) 0 -9px no-repeat;}
		.picScroll-left .hd ul li.on{ background-position:0 0;}
		.picScroll-left .bd{ padding:10px;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1;}
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;}
		.picScroll-left .bd ul li .pic{ text-align:center;}
		.picScroll-left .bd ul li .pic img{ width:274px; height:70px; display:block;  padding:2px; border:1px solid #ccc;}
		.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;}
		.picScroll-left .bd ul li .title{ line-height:24px;}