body{ padding:0px; margin:0px; font-size:14px; font-family:"微软雅黑", "Microsoft YaHei"}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.clearfix{ clear:both; display:block}
.clearfix:before, .clearfix:after {
    display: table;
    line-height: 0;
    content: "";
}
.clearfix:after {
    clear: both;
}
ul,p{padding:0px; margin:0px; list-style-type:none}
a{ text-decoration:none}
.nav{ margin-left:10px;}
.nav li{ width:107px; float:left; margin-right:2px; text-align:center}
.nav a{ color:#FFFFFF; font-size:14px; display:block; text-indent:2px; color:#333}
.nav a:hover{ text-decoration:underline}
.leftmenu{ margin-top:14px; color:#000}
.leftmenu a{ color:#000}
.leftmenu a:hover{ color:#FF0000}
.leftmenu li{ line-height:33px; height:33px; font-size:14px;  background:url(img/xt_20.jpg) no-repeat; text-indent:48px; margin-top:5px;}
.lxwm{ background:url(img/xt_23.jpg) no-repeat left top;}
.bottom{ color:#000; font-size:14px; line-height:28px; padding-top:15px;}
.link{color:#000; line-height:20px; font-size:14px;}
.link a{color:#000;}
.link a:hover{ text-decoration:underline}
.news{ color:#000; margin-right:5px;}
.news span{ float:right;}
.news li{ line-height:35px; border-bottom:#CCCCCC dotted 1px; background:url(img/tb.jpg) no-repeat 0px 9px; font-size:14px;}
.news a{ color:#000; margin-left:20px;}
.news a:hover{ text-decoration:underline}
.top1{ float:right;}
.top1 li{ float:left; width:60px; margin-left:18px; margin-top:12px;}
.top1 a{ color:#333333;}
/*.tit{ font-size:14px; color:#2b2b2b; font-weight:bold; margin-left:25px; margin-right:10px; margin-top:3px;}
.tit span{ float:right; font-size:12px; font-weight:normal; color:#00}*/
.context{ font-size:14px; line-height:22px; color:#00; margin:20px 10px 5px 10px;}
.context a{ color:#00;}
#demo{ line-height:22px; color:#00}
#demo a{ color:#00}
.clear{ clear:both;}
/*2018.4.3修改*/
h1 {font-size: 26px;}
a {color: #666;text-decoration: none;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {margin: 0;padding: 0;}
ol, ul {list-style: none; margin:0px; padding:0px;}
.header, .content, .footer, .container {margin-left: auto;margin-right: auto;width: 1100px;}
.header {width: 100%;overflow: hidden;background-color: #fff;}
.htop {background: #eee;}
.htop .container {height: 30px;line-height: 30px;}
.htop em {float: left;}
.htop span {float: right;}
.htop span a {display: inline-block;height: 12px;line-height: 12px;padding: 0 10px;border-left: 1px solid #666;text-decoration: none;position: relative;color:#666;}
.hcont {height: 95px;}
.hcont .dlogo {float: left;margin-top: 28px;margin-right: 20px;}
.hcont .dlogo h1 {width: 69px;height: 63px;text-indent: -999em;display: block;}
.hcont .dlogo a {display: block;width: 69px;height: 63px;}
.hcont .dphone {float: left;text-align: left;margin-top: 15px;}
.hcont .dphone .logo ,.hcont .dphone .fubiaoti{ float:left;}
.hcont .dphone .fubiaoti{ font-size:20px; line-height:47px; background:url(img/topbg2.jpg) no-repeat left; text-indent:10px; margin-top:15px;}
.hcont .dphone h2 {color: #1e2b49;font-size: 32px;padding-bottom: 4px;font-weight: 100;letter-spacing: 1px;}
.hcont .dphone p {font-size: 16px;margin-top: 5px;}
.h_tel {
    background: url(img/tel.jpg) no-repeat 10px center;
    color: #fff;
    line-height: 30px;
    padding-left: 75px;
    overflow: hidden;
    font-family: Arial;
    font-weight: bold;
    font-size: 22px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    float: right;
	margin-top:15px;
}
.h_tel b {font-size: 28px;color: #45a643;display: block;}
.clear {clear: both;height: 0;line-height: 0;font-size: 0;}
.navBox {background: #01459a;height: 50px;position: relative;}
.navBox .container>ul {height: 50px;}
.navBox .container>ul>li {float: left;position: relative;}
.navBox .container>ul>li>a {display: block;height: 50px;line-height: 50px;font-size: 16px;color: #fff;text-decoration: none;}
.navBox .container>ul>li:hover{ background:#0158c2}
.section {
    padding: 20px 0;
}
.container {
    padding: 0 10px;
    width: 1200px;
    margin: 0 auto;
}
.section-title {
    margin-bottom: 20px;
    text-align: center;
    color: #323232;
    font-size: 28px;
}
.section-title ul{ text-align:center}
.section-title ul li{ display:inline-block}
.section-title ul li a{ font-size:15px; padding:5px 10px; background:#333; color:#FFF}
.section-title p {
    font-size: 16px;
    color: #656565;
    margin-top: 5px;
}
.in-pro {
    overflow: hidden;
    position: relative;
}
.in-pro ul {
    width: 100%;
}
.in-pro ul li {
    width: 24%;
    margin-right: 1.3%;
    float: left;
}
.in-pro ul li:nth-child(4n) {
    margin-right: 0;
}
.img-center {
    text-align: center;
    font-size: 0;
}
.img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    width: 286px;
    height: 215px;
    vertical-align: middle;
    transition: all 0.5s;
}
.in-pro .text {
    line-height: 60px;
    padding: 0 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.in-pro .text span {
    font-size: 14px;
}

.in-news-left {
    float: left;
    width: 575px;
}
.in-news-left .tits, .in-news-right .tits {
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    border-bottom: 1px solid #bebebe;
}
.in-news-left .tits span, .in-news-right .tits span {
    font-size: 20px;
    font-weight: bold;
    color: #01459A;
}
.in-news-left li a, .in-news-right li a {
    display: block;
    padding: 20px;
    border-bottom: 1px dashed #e5e5e5;
}
.in-news-left li h2, .in-news-right li h2 {
    margin: 0;
    font-weight: normal;
    position: relative;
    font-size: 18px;
}
.in-news-left li h2:before, .in-news-right li h2:before {
    position: absolute;
    left: -15px;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #01459A;
    content: '';
}
.in-news-left li p, .in-news-right li p {
    margin: 0 0 8px;
    color: #666;
}
.in-news-left li .date, .in-news-right li .date {
    background: url(img/icon-8.png) no-repeat left center;
    padding-left: 23px;
    color: #999;
    font-size: 16px;
}

.in-news-right {
    float: right;
    width: 575px;
}

/*左侧产品分类*/
.pro_l {
    float: left;
    width: 220px;
}
.pro_l h4 {
    display: block;
    font-size: 24px;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
    background: #3c3e46 url(img/tle.png) no-repeat left center;
    height: 70px;
    line-height: 70px;
    padding-left: 30px;
}
.pro_l .clcpbox {
    border: 2px solid #3c3e46;
    padding-bottom: 15px;
}
.pro_l ul li {
    margin-top: 20px;
    background: url(img/probg1.png) no-repeat 20px 3px;
    width: 100%;
    float: left;
}
.pro_l ul li a {
    text-indent: 40px;
    display: block;
    font-weight: bold;
    font-size: 14px;
}
/*右侧产品展示*/
.prcont ul {
    overflow: hidden;
    width: 880px;
}
.prcont li {
    float: left;
    width: 25%;
	margin-top:20px;
}
.prcont li>a {
    display: block;
    width: 95%;
    position: relative;
}
.prcont li>a img {
    display: block;
	width:100%;
	height:160px;
}
.prcont li p {
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
}
.prcont li p a {
    font-size: 14px;
    color: #000;
}
.right_title {
    width: 100%;
    height: 37px;
    border-bottom: 1px solid #dbdbdb;
    font-size: 20px;
}
.right_name {
    float: left;
    color: #1e2b49;
    border-bottom: 2px solid #45a643;
    height: 37px;
    font-weight: bold;
}
.right_name font {
    color: #979797;
    margin-left: 8px;
    text-transform: uppercase;
    font-weight: 100;
}
.indexcon{ font-size:14px; line-height:25px;}
.indexcon .aboutimg{float: left;width: 540px;}
.indexcon .aboutimg img{ width:100%;}
.indexcon .aboutcon {
    margin-left: 540px;
    padding: 30px 30px 30px 50px;
	color:#666;
}
.body2{ width:1125px; margin:auto;}
.bodyleft,.bodycenter{float:left; width:32%;}
.bodycenter{margin-left:3%;}
.bodyright{ float:right; width:30%; font-size:14px; line-height:25px;}
.footer {
	width:100%;
    background: url(img/bg3.jpg) no-repeat top center /cover #242424;
    padding: 10px 0 0;
    color: #FFF;
}
.footer .tits {
    text-align: center;
    font-size: 28px;
    position: relative;
    margin-bottom: 20px;
}
.footer .contact li {
    float: left;
    color: #9b9b9b;
    margin-right: 65px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.footer .contact li .icon {
    margin-right: 14px;
}
.footer-copy {
    margin-top: 30px;
    border-top: 1px solid #4c4c4c;
    color: #aaaaaa;
    line-height: 50px;
    text-align: center;
}

.in-news-pic, .in-safe-bg {
    background: url(img/bg4.jpg) no-repeat center /cover;
}
.in-safe-bg .tits {
    font-size: 40px;
    text-align: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.in-safe-bg .tits span {
    font-size: 60px;
    color: #f79800;
}
.in-safe {
    position: relative;
}
.in-safe-left {
    float: left;
    width: 50%;
}
.in-safe-right {
    float: right;
    width: 50%;
}
.in-safe-pic {
    position: absolute;
    left: 50%;
    top: -15px;
    margin-left: -269px;
    width: 538px;
}
.in-safe-left li {
    height: 89px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}
.in-safe-left li:first-child {
    padding-right: 190px;
}
.in-safe-left li:nth-child(2), .in-safe-left li:nth-child(3), .in-safe-left li:nth-child(4) {
    padding-right: 280px;
}
.in-safe-left li:nth-child(5) {
    padding-right: 200px;
}
.in-safe-right li {
    height: 89px;
    padding: 0 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    background-color: #f9f9f9;
    margin-bottom: 15px;
}
.in-safe-right li:first-child {
    padding-left: 190px;
}
.in-safe-right li:nth-child(2), .in-safe-right li:nth-child(3), .in-safe-right li:nth-child(4) {
    padding-left: 270px;
}
.in-safe-right li:nth-child(5) {
    padding-left: 190px;
}
.in-safe-pic .img-center img {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    transition: all 0.5s;
}
/*内页*/
.section-sub {
    padding: 20px 0;
}
.banner-sub img {
    width: 100%;
}
.ct2-sd {
    float: left;
    width: 250px;
}
.panel-sd {
    margin-bottom: 20px;
    border: 1px solid #d1d1d1;
}
.panel-sd .tit {
    text-align: left;
    font-size: 16px;
    padding: 20px 0 20px 35px;
    background-color: #01459A;
    text-transform: uppercase;
    color: #fff;
}
.panel-sd .tit span {
    font-size: 20px;
    display: block;
    font-weight: bold;
    color: #FFF;
}
.panel-sd:last-child {
    margin-bottom: 0;
}
.panel-sd .tit {
    text-align: left;
    font-size: 16px;
    padding: 20px 0 20px 35px;
    background-color: #01459A;
    text-transform: uppercase;
    color: #fff;
	margin:0;
}
.panel-sd .tit i {
    font-style: normal;
    font-size: 16px;
    color: #FFF;
    margin-right: 5px;
}
.lanmu li {
    margin-top: 2px;
    border-bottom: 1px solid #d1d1d1;
}
.lanmu li>a {
    display: block;
    line-height: 50px;
    padding: 0 0 0 25px;
    color: #666;
    font-size: 15px;
}
.lanmu li>a:hover,.lanmu li.active>a {color: #fff;background-color: #01459A;}
.lanmu li.active .arr:after {border-color: #fff;}
.lanmu li.open .lanmu-box {display: block;}
.lanmu li.open .arr:after {transform: rotate(225deg);}
.contact-sd {
    padding: 20px;
}
.contact-sd .tel {
    background: url(img/ny-tel.jpg) no-repeat 0 center;
    padding-left: 55px;
}
.contact-sd .tel strong {
    color: #e05e10;
    font-size: 18px;
    display: block;
}
.contact-sd .cont {
    margin-top: 8px;
}
.contact-sd .cont p {
    margin: 0;
    line-height: 25px;
}
.ct2-mn {
    float: right;
    width: 890px;
}
.sub-tit {
    border-bottom: 1px solid #ddd;
    font-size: 18px;
    color: #01459A;
    font-weight: bold;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.curmbs {
    float: right;
    font-weight: normal;
    font-size: 12px;
    color: #999;
    line-height: 25px;
    background: url(hom1.jpg) no-repeat 0 center;
    padding-left: 20px;
}
.yunu-infocontent-title{ text-align:center}
.yunu-infocontent-body{ line-height: 2;}
.yunu-infocontent-body .proimg{ text-align:center; margin:20px 0;}
.yunu-infocontent-body .proimg img{ max-width:600px;}
.yunu-infocontent-body .show{ text-align:center;}
.yunu-infocontent-body .show img{ width:600px; height:auto; display:block; margin:auto}
.list-3 {
    margin: -20px 0 0 -20px;
}
.list-3 li {
    float: left;
    width: 33.333333%;
}
.list-3 li a {
    display: block;
    margin: 20px 0 0 20px;
    text-align: center;
}
.img-cover {
    overflow: hidden;
    position: relative;
}
.list-3 li .img-cover {
    border: 1px solid #ddd;
    padding-top: 76%;
}
.img-cover span {
    display: block;
    width: 100%;
    background: no-repeat center / cover;
    transition: all 0.5s;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.list-3 li .text {
    line-height: 40px;
    position: relative;
    padding: 0 14px;
    font-size: 16px;
}
.list-3 li .text p {
    margin: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    z-index: 1;
    transition: all 0.5s;
}
.list-5 li {
    margin-bottom: 15px;
}
.list-5 li a {
    display: block;
    border: 1px solid #ddd;
    padding: 15px;
    overflow: hidden;
}
.list-5 li .img-center {
    float: left;
    width: 250px;
    display: none;
}
.list-5 li .text h4 {
    margin: 0;
    line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 18px;
}
.list-5 li .text h4 span {
    float: right;
    font-size: 12px;
    color: #999;
    font-weight: normal;
}
.list-5 li .text .more {
    float: right;
    padding: 6px 12px;
    color: #fff;
    background-color: #B6B6B6;
}
.list-5 li a:hover{border-color:#01459A}
.list-5 li a:hover .text h4{color:#01459A}
.list-5 li a:hover .text .more{background-color:#01459A}

.pagination p{
                margin:0;
                cursor:pointer
            }
            .pagination{
                height:40px; text-align:center;
                padding:20px 0px;
            }
            .pagination a{
                display:inline-block;
                margin-right:10px;
                padding:2px 12px;
                border:1px #cccccc solid;
                background:#fff;
                text-decoration:none;
                color:#808080;
                font-size:12px;
                line-height:24px;
            }
            .pagination a:hover{
                color:#EB6300;
                background: white;
                border:1px #EB6300 solid;
            }
            .pagination a.cur{
                border:none;
                background:#EB6300;
                color:#fff;
            }
            .pagination p{
                 display:inline-block;
                padding:2px 12px;
                font-size:12px;
                height:24px;
                line-height:24px;
                color:#bbb;
                border:1px #ccc solid;
                background:#fcfcfc;
                margin-right:8px;
            }
            .pagination p.pageRemark{
                border-style:none;
                background:none;
                margin-right:0px;
                padding:4px 0px;
                color:#666;
            }
            .pagination p.pageRemark b{
                color:red;
            }
            .pagination p.pageEllipsis{
                border-style:none;
                background:none;
                padding:4px 0px;
                color:#808080;
            }
            .dates li {font-size: 14px;margin:20px 0}
            .dates li span{float:right}
			
.ttsx {
    font-size: 22px;
    color: #e1671e;
}