@charset "UTF-8";
/*ss*/
/*首页关于我们*/
.c-main {
    width: 1400px;
    margin: 0 auto;
}
.in-about{padding: 70px 0px ;width: 1400px;margin:0 auto;}
.ina-left{float: left; width:25%}
.ina-top { width:1200px; margin:0 auto}
.ina-left img { width:100%}
.ina-left img,.ina-right img{display: block;}
.ina-right{width:70%;float: left;margin-left:5%;}
.ina-right .h1{color: #333;font-size: 30px;margin-top: 10px;}
.ina-head { font-size:70px; font-weight:bold}

.ina-right p{font-size: 18px;color: #444;line-height: 30px;margin-top: 52px;}
.ina-right span{font-size: 24px;color: #db1516;}
.in-about li{margin-top: 60px;width:20%; text-align: center;float: left;position: relative;transition: all 1s;}
.in-about li:after{position: absolute;content: '';width: 1px;height: 60px;background: #e8e8e8;right: 0;top: 0;}
.in-about li:last-child:after{display: none;}
.in-about li .count-title{display: inline-block; font-size: 70px;color: #444444;font-family: Brandon Text;line-height: 50px;margin-bottom: 18px;}
.in-about li span{ display: inline-block;font-size: 70px;color: #444444;font-family: Brandon Text;margin-left: 5px;line-height: 50px;}
.in-about li .h2{font-size: 16px;color: #777;}
.ina-btn{display: block;background: url("../images/ina-num.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/ina-num.png*/ no-repeat center;height: 145px;margin-top: -20px;padding-top: 40px;}
.ina-btn:hover .h3,.ina-btn:hover .h4{color: #d31313;}
.ina-btn .h3{font-size: 70px;line-height: 50px;color: #444;text-align: center;font-family: Vani;}
.ina-btn .h4{color: #777777;font-size: 16px;}
.in-about li:hover .count-title,.in-about li:hover span{color: #db1516;}
.in-about li:hover{transform: translateY(-10px);}

.index{padding-top: 70px;}
.index .h1{color: #333; float: left;font-size: 36px;line-height: 36px;position: relative;line-height: 36px;}

.index .h2{font-size: 16px;color:#666666;line-height: 16px;margin-top: 19px;}
.index a.more-btn{display: block;float: right;padding-left: 31px;background: url("../images/read-btn.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/read-btn.png*/ no-repeat left top;font-size: 14px;color: #666;font-family: 'Open Sans';line-height: 22px;position: relative;}
.index a.more-btn:after{transition: all 1s; position: absolute;content: '';width: 36px;height: 1px;background: #bebebe;left: 30px;bottom: 0;}
.index a.more-btn:hover{color: #cc0a0a;background: url("../images/read-btnH.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/read-btnH.png*/ no-repeat left top;}
.index a.more-btn:hover:after{width: 76px;background: #cc0a0a;}

.index.white .h1{color: #fafafa;}
.index.white .h2,.index.white a.more-btn{color: rgba(250,250,250,0.8);}

.int-bot .block_index
{
    display:block;
}


@media (max-width: 1200px){
.c-main {    width: 100%;    margin: 0 auto;}
.in-about{padding:0 10px;}
.ina-left{ display:none}
.in-about .ina-right {width:100%;padding-top:30x;margin:0;}
.in-about ul li{margin-top: 60px;width:50%; text-align: center;position: relative;transition: all 1s;}
.ina-top { width:100%}
}

/*新闻*/
.index-three{background: #f5f5f5;padding-bottom: 77px;}
.int-left{display: block;width: 400px;height: 560px;background: white;float: left;box-shadow: 0 5px 15px rgba(0,0,0,0.06);padding: 29px 25px 26px 25px;}
.int-left .h3{font-size: 18px;color: #666666;line-height: 26px;margin-bottom: 27px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-left .h4{font-size: 14px;color: #999;font-family: 'Open sans';margin-bottom: 27px;}
.ine-pic{width: 350px;height: 380px;overflow: hidden;}
.ine-pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.int-left:hover img{transform: scale(1.1);}
.int-mid{width: 400px;float: left;margin-left: 20px;height: 560px;overflow: hidden;}
.intm{display: block;height: 270px;background: white;padding: 0 32px;padding-top: 34px;}
.intm .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 23px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.intm p{height: 44px; font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.intm-bot{position: relative; height: 115px;border-top: solid 1px #e4e4e4;padding-top: 30px;margin-top: 37px;background: url("../images/intm.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/intm.png*/ no-repeat right center;}
.intm-bot:before{position: absolute;content: '';width: 0%;height: 1px;background: #dc1416;transition: all 1s;top: -1px;}
.intm:hover .intm-bot:before{width: 100%;}
.intm:hover .intm-bot{background: url("../images/intmH.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/intmH.png*/ no-repeat right center;}
.intm-bot .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.intm-bot .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.intm.ma20{margin-bottom: 20px;}
.int-right{width:100%;padding: 25px;background:#fff; display:inline-block}
.int-right a { width:49%; float:left;}
.int-right a:nth-child(even) { margin-left:2%}
.inr-list{height: 131px;border-bottom: solid 1px #e4e4e4;display: block;padding-top: 30px;}

.inr-l{width:12%;float: left;}
.inr-l .h4{font-size: 50px;color: #444;font-family: 'sn';line-height: 50px;}
.inr-l .h5{font-size: 14px;color: #777;font-family: 'Open sans';padding-left: 3px;}
.inr-r{float: left;width:88%;    height: 130px;
    overflow: hidden;}
.inr-r .h3{ font-size: 18px;color: #444;line-height: 18px;margin-bottom: 13px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.inr-r p{ font-size: 14px;color: #999;line-height: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.int-top .tag a {
    background: none;
    color: #333;
    margin: 0 0 0 10px;
    padding: 0;
}
.int-top .tag a:hover {
    background: none;
    color: #f60;
    margin: 0 0 0 10px;
    padding: 0;
}
/*鍚堜綔妗堜緥*/
.index-two{padding-bottom: 40px;}
.int-big{margin-top: 32px;}
.int-box{display: none;}
.int-box a:hover .h3{color: #db1516;}
.int-top{font-size: 16px;color: #444;margin-bottom: 50px; display:inline-block; width:100%}
.int-top a{font-size: 16px;color: #fff;background-color: #fcb302; padding:10px 20px; margin-right:20px; border-radius:30px;transition: 0.3s;}
.int-top a.active,.int-top a:hover{background-color: #F60;color: #fff;}
.int-list{width: 452px;float: left;margin-right: 22px;margin-bottom: 30px;display: block;}
.int-list:nth-child(3n){margin-right: 0;}
.int-list .int-pic{width: 452px;height: 316px;overflow: hidden;}
.int-list .int-pic img{width: 100%;height: 100%;display: block;transition: all 1s;}
.int-list .int-font{ height: 172px;border: solid 1px #dedede;margin-top: -1px;padding-top: 35px;}
.int-list .int-font .h3{margin: 0 40px;font-size: 18px;color: #444;line-height: 18px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;margin-bottom: 18px;}
.int-list .int-font p{margin: 0 40px;font-size: 14px;color: #999;line-height: 14px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;padding-bottom: 38px;border-bottom: solid 1px #dedede;}
.int-list .int-font .h4{padding: 0 40px;transition: all 1s; position: relative; height: 47px;line-height: 47px;color: #777;font-size: 14px;background: url("../images/int-font.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/int-font.png*/ no-repeat right 40px center;}
.int-list .int-font .h4:before{position: absolute;content: '';width: 0%;height: 1px;background: #dc1416;transition: all 1s;top: -1px;}
.int-list:hover .int-font .h4:before{width: 370px;}
.int-list:hover img{transform: scale(1.1);}
.int-list:hover .h3{color: #dd2223;}
.int-list:hover .int-font .h4{background: url("../images/int-fontH.png")/*tpa=https://www.ctmon.com/skin/ctmon/images/int-fontH.png*/ no-repeat right 30px center;}
.newm {
	float:left; width:32.1%; margin-right:0.6%;margin-left:0.6%; background-color:#FFFFFF; height:45px; line-height:45px; margin-top:14px; padding:3px 3px 3px 11px; border-bottom:solid #d8d7d7 1px;
}
.int-bot { margin-bottom:20px;}

@media (max-width: 769px){
.index{padding:30px 5px;}
.int-top { margin-bottom:20px;display: inline-block;width: 100%;}
.int-left {box-shadow:none;display: block;width:100%;height: auto;background: white;padding:10px;}
.int-left .h3 {width:100%;margin-bottom:10px;text-align:center}
.int-left .h4 { margin-bottom:10px; text-align:right}
.ine-pic {width:100%;height: auto;overflow: hidden;}
.ine-pic img {max-width: 100%;height: auto;transition: all 1s;}
.int-mid {width:100%;margin:0;height: auto;overflow: hidden;}
.int-right {width: 100%;padding: 0 10px;margin: 0; height:auto;}
.newm {width:50%; float:left;background-color: #FFFFFF;height: auto;line-height: 24px;margin:0;padding: 3px 3px 3px 11px;border-bottom: solid #d8d7d7 1px;}
.int-right a {width: 100%;}
.int-top a {
    width: 23%;
    padding: 5px 0;
    margin: 0 1%;
    float: left;
    text-align: center;
}
}
.int-con {
    float: left;
    width: 50%;
    padding-right: 20px;
    border-bottom: 1px #ccc solid; margin-bottom:20px;
}
.int-con:nth-child(even) { padding:0}
.int-con h3 a { font-weight:bold}
.int-con  .h3 a:hover, .int-con  .h4 a:hover{ color:#f60}

@media (max-width: 769px){.int-con { width:100%}
.inr-l { width:20%;}
.inr-r { width:80%; height:auto; padding-bottom:20px !important}
}