#main{background-color: #FFFFFF;padding: 0 15px;}
#main dl.menu{display: inline;float: left;margin-right: 30px;width: 300px;}
#main dl.menu dt{border-bottom: 1px solid #D9D9D9;color: #001733;font-size: 22px;line-height: 50px;margin-bottom: 15px;padding-left: 10px;}
#main dl.menu dd{margin: 4px 0;}
#main dl.menu dd a{color: #333;display: block;line-height: 32px;padding-left: 10px;}
#main dl.menu dd a:hover,#main dl.menu dd.active a{background-color: #E7E7E7;color: #000000;}
#main .article{float: right;line-height: 24px;min-height: 400px;padding-bottom: 50px;width: 940px;color: rgb(102, 102, 102);font-size:14px;font-family: Roboto, Helvetica, Tahoma, Arial, sans-serif, "Microsoft YaHei";}
#main .article img{max-width: 100%;}
#main .article h1{border-bottom: 1px solid #DDDDDD;color: #000000;font-size: 24px;font-weight: normal;line-height: 50px;margin-bottom: 15px;padding-left: 10px;}
#main .article h2{border-bottom: 1px solid #ddd;font-size: 20px;line-height: 40px;padding-left: 7px;margin-top: 10px;font-weight: bold;}
#main .about-us-menu{background-color: #E7E7E7;margin-bottom: 25px;position: relative;}
/* #main .about-us-menu::before{border-bottom: 1px dashed #C8C8C8;bottom: -15px;content: "";height: 1px;left: 0;position: absolute;width: 100%;} */
#main .about-us-menu dl{border-right: 1px solid #D0D0D0;display: inline;float: left;height: 160px;padding-left: 3%;padding-top: 10px;width: 30%;}
#main .about-us-menu dt{color: #001733;font-weight: bold;line-height: 40px;}
#main .about-us-menu dd .link{margin-top: 10px;}
#main .about-us-menu dd a{color: #005CCC;text-decoration: underline;}
#main .about-us-menu dl:last-child{border-right: medium none;}

#main .about-box{padding-top:50px;}
#main .article dl.article-list dt,#main .article dl.article-list dd{color: rgb(102, 102, 102);font-size:14px;font-family: Roboto, Helvetica, Tahoma, Arial, sans-serif, "Microsoft YaHei";}
#main .article dl.article-list dt{font-weight: bold;line-height: 40px;}
#main .article dl.article-list dd{margin-bottom: 15px;}
#main .article dl.office{margin-left: 7px;margin-bottom: 30px;}
#main .article dl.office dt,#main .article dl.office dd{color: rgb(102, 102, 102);font-family: Roboto, Helvetica, Tahoma, Arial, sans-serif, "Microsoft YaHei";font-size: 14px;}
#main .article dl.office dt{font-weight: bold;line-height: 32px;margin-top: 15px;font-size: 14px;}

#main .article dl.office dd strong{margin-right: 7px;}
#main .article dl.office dd:before{margin-right: 7px;}
#main .article dl.contactway{display: inline-block;width: 49%;}
#main .article dl.contactway dt,#main .article dl.office dd{color: rgb(102, 102, 102);font-family: Roboto, Helvetica, Tahoma, Arial, sans-serif, "Microsoft YaHei";font-size: 14px;}
#main .article dl.contactway dt{font-weight: bold;line-height: 32px;font-size: 14px;padding-top: 7px;display: inline-block;}
#main .article dl.contactway dd{font-size: 14px;display: inline-block;}
#main .article dl.contactway dd:before{margin-right: 7px;}
/*contact*/
.contact-info{background-color: #E7E7E7;padding: 10px;}
.contact-info li{display: block;line-height: 36px;}
.contact-info li:before{margin-right: 5px;}
.contact-link{margin-top: 25px;}
.contact-link dt{border-bottom: 1px dotted #DDDDDD;font-size: 16px;font-weight: bold;line-height: 40px;}
.contact-link dd{display: block;line-height: 32px;}
.contact-link dd:before{color: #1182B4;margin-right: 5px;}
.contact-link dd a{color: #1182B4;}
.contact-form{margin: 20px 0 0!important;}
.contact-form .form-box li.comment textarea{width: 76%;}

/* product */
.pro-hot-news{border:1px solid #eee;margin-top:20px;width:96%;}
.pro-hot-news h5{background:#F2F2F2;padding:20px;font-weight:bold;font-size:14px;}
.pro-hot-news ul{padding:25px;}
.pro-hot-news ul li{line-height: 35px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.pro-hot-news .pro-hot-cont{padding:20px;line-height: 28px;}

@media screen and (max-width: 768px)
{
	#main{width:auto;padding: 0 7px;}
	#main dl.menu{display: block;float: none;margin: 0;width: 100%;}
	#main .article{float: none;min-height: auto;width: auto;}
	#main .about-us-menu{display: none;}
    #main .about-box{padding-top:10px;}
    .pro-hot-news{width:100%;}
    .pro-hot-news ul{padding:15px;}
    .pro-hot-news .pro-hot-cont{padding:15px;}
    .title .titbg{width:80%;}
    #main .about-us-menu{display: block;}
    #main .about-us-menu dl{height:auto;padding-bottom:15px;}
    #main .article{padding-bottom:20px;}
    #main .article dl.contactway{width:100%;}
    #main .article dl.contactway dt,#main .article dl.contactway dd{display: inline-block;}
}