body{font-size:14px; max-width:720px; font-family: -apple-system-font,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;}

html{
    width: 100%;
    color: #545454;
    
}
*{ margin:0; padding:0;}
img{ border:none;}
ul{ list-style:none;}
li{list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
a,a:hover{ text-decoration:none}
.erweima{ width:80%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.erweima img{ width:100%;}

/*主导航多级菜单*/
.hbg{width: 100%;height: 80px;position: absolute;top: 0px;z-index: 9999;background: none;text-align: center;}
#logo{transition: .5s;position:fixed; left: 10px; top: 10px; width:205px; height:50px; background:#cf2f1f}
#logo:hover{left:0px;}
#logo img{ width:70%; margin-top:4px;}

.menu_button{cursor:pointer;width:70px;height:50px;position:fixed;z-index:999999;background-color: #000; left:205px; top:10px;}
.menu_button .nav_button{position: absolute;right:17px;top:25px;vertical-align: middle;border-radius:20px;width:36px;height:3px;cursor:pointer;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after, .menu_button .nav_button::before{content:'';width:30px;height:3px;border-radius:20px;position: absolute;z-index:99999999;right:0;background-color:#fff;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}
.menu_button .nav_button::after{top:10px;}
.menu_button .nav_button::before{top:-10px;}
.menu_button.on .nav_button::before, .menu_button.on .nav_button::after{transform: scale(0);-webkit-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);-moz-transform: scale(0);}


.menu_box{position: fixed;width:100%;height:100%;right:0;top:-100%;z-index:888;-webkit-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;-moz-transition: 0.5s;transition: 0.5s;}

	
	
.menu_box .item{float: left;width:100%;overflow:auto;height:auto}
.menu_box .item::-webkit-scrollbar{width:2px;height:2px;background-color:#f1f1f1;} 
.menu_box .item::-webkit-scrollbar-track{border-radius:0;background-color:#f1f1f1;}
.menu_box .item::-webkit-scrollbar-thumb{border-radius:0px;width:2px;height:2px;background-color:#db000b;}
.menu_box .item .pad{padding:10px 0 0 30px;}
.menu_box .item h4{font-size:18px;color:#fff;}
.menu_box .item i{display: block;width:30px;height:1px;background-color: #fff;margin:10px 0;}
.menu_box .item span{font-size:14px;color:#fff;}
.menu_box .item ul{padding-top:10px;width:auto;margin:0;}
.menu_box .item ul li{width:50%;text-align: left; float:left}
.menu_box .item ul li a{font-size:14px;height:28px;line-height:28px; color:#fff;}
.menu_box .item ul li a:hover{ padding-left:15px}
.menu_box .item:last-child{padding-bottom:40px;}

/* banner*/
#banner{position:relative;overflow:hidden;width:100%;}
#banner ul{position:relative;overflow:hidden;width:300%;margin: 0;}
#banner ul li{width:33.333%;float:left}
#banner ul li img{width:100%;display:block;}
#banner aside{position:absolute;top:0;bottom:0;height:0;width:90%;right:0;left:0;margin:auto}
#banner aside span{display:block;width:65px;height:65px;z-index:63;background:rgba(255,255,255,0.3);border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;position:relative;cursor:pointer;opacity:0;transition:all 0.3s;margin-top:-2%;}
#banner:hover aside span{opacity:1;}
#banner aside span:after{content:'';position:absolute;top:0;bottom:0;right:0;left:20%;margin:auto;width:27px;height:27px;border-top:3px solid #ffffff;border-left:3px solid #ffffff;-webkit-transform:rotateZ(-45deg);-moz-transform:rotateZ(-45deg);-ms-transform:rotateZ(-45deg);-o-transform:rotateZ(-45deg);transform:rotateZ(-45deg)}
#banner aside span.prev{float:left;}
#banner aside span.next{float:right;}
#banner aside span.next:after{left:0;right:20%;-webkit-transform:rotateZ(135deg);-moz-transform:rotateZ(135deg);-ms-transform:rotateZ(135deg);-o-transform:rotateZ(135deg);transform:rotateZ(135deg)}
#banner #bannerBtnS{width:85px;position:absolute;right:0;left:0;bottom:3%;margin:auto}
#banner  #bannerBtnS em{display:block;float:left;width:10px;height:10px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;border:1px solid #fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0 4.75px;background:#fff;-webkit-transition:all .3s;-moz-transition:all .3s;-ms-transition:all .3s;-o-transition:all .3s;transition:all .3s;cursor:pointer}
#banner  #bannerBtnS em.act{background:#de3027}
.sl{width: 100%;}
.sl,.st,.st div,.sl div{overflow:hidden;}
.nextinfo{width:100%;overflow:hidden;}
.nextinfo span{background:#eee;margin:20px 1%;width:48%;float:left;text-align:center;border-radius:20px;font-size: 14px;}
.nextinfo span a{color: #000}

/*产品展示*/
.pro_list{padding:2rem 0 0rem 0;margin-bottom: 0.63rem;}
.pro_list h2{font-size:25px;line-height: 0.44rem;color: #333;text-align:center; font-weight:bold;}
.pro_list ul{ margin-top:2rem;}
.pro_list li{ float:left;width: 47%;text-align: center;margin: 0 0.3rem 0.3rem 0.3rem; background:#094aa8; line-height:28px;}
.pro_list li:nth-child(2n){ margin-right:0;}
.pro_list li img{width: 100%;height: auto;}
.pro_list li a{ color:#fff; font-size:13px;}
.pro_list li em{ font-style:normal !important;}

.pro_cont{ width:100%; margin:15px auto;}
.pro_cont ul{ margin-top:0px;}
.pro_cont li{width: 46%;float: left;margin:5px 2% 1px 2%; box-sizing:border-box;-webkit-box-sizing:border-box; height:auto;}
.pro_cont li img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto;}
.pro_cont li a{ color:#333;}
.pro_cont li a:hover{ font-weight:bold;}
.pro_cont li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#333;  margin:0 auto;}

.pro_more{display: block;width:50%;height:30px;line-height: 30px;background: #ee6a05;border-radius: 3rem;font-size:16px;color: #fff;margin: 1rem auto 0.77rem;text-align: center;}
.pro_more a{ color:#fff;}


/*关于我们*/
.about{ padding:2rem 0; background:#0048a7; margin-top:2rem;}
.about h2{font-size:30px; text-align:center; color:#fff;}
.about p{ font-size:16px; line-height:30px; padding:10px;text-indent:2em; color:#fff;}
.about ul{ margin-top:0px;}
.about li{width: 100%;float: left;margin:5px 2% 1px 2%; box-sizing:border-box;-webkit-box-sizing:border-box; height:auto;}
.about li img{margin-right: auto;margin-left: auto;display: block;max-width: 100%;height: auto;}
.about li a{ color:#fff;}
.about li a:hover{ font-weight:bold;}
.about li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#fff;  margin:0 auto;}



/*新闻资讯*/
.news h2{font-size:30px; text-align:center; color:#333; margin-top:2rem;}
.newslist_pic{ width:95%; margin:0 auto;}
.np_t{ position:relative}
.np_t img{ display:block; position:relative; width:100%}
.np_t div{ position:absolute; bottom:0; line-height:40px; background:rgba(0,0,0,0.6); width:96%; padding:0 2%; color:#fff; font-size:16px;}
.newslist_pic li{background:#fff;  color:#808080; font-size:14px; padding:0 0 20px 0}
.newslist_pic li p{ padding:20px 15px 15px 15px; line-height:24px; }
.np_date{ background:url(../images/meta_icon.png) no-repeat left center; margin:0 15px; line-height:25px; padding:0 0 0 25px; color:#777; font-weight: normal;}
.np_more{ width:90px; text-align:center; border:1px solid #ccc; margin:10px 0 0 15px; line-height:35px;}

.newslist{ width:95%; margin:0 auto;  padding:20px 0; background:#fff; border-top:1px solid #eee }
.newslist dt{ line-height:30px; width:95%; margin:0 auto}
.newslist dt a{ line-height:35px; color:#444; font-size:15px; padding:0 0 0 20px; font-weight:normal; background:url(../images/arrow_c.png) no-repeat left center;}

/*联系我们*/
.contact{ width:100%; margin:0 auto; padding:20px 0; background:#0048a7; position:relative; min-height:293px;}
.contact h2{ font-size:20px; line-height:35px; color:#fff; text-align:center;  margin-bottom:1.5rem;}
.contact h2 hr{ width:25%; height:5px; background:#fff; display:block; margin:0 auto 5px auto; border:none;}
.contact ul{list-style: none;}
.contact li{margin: 0 0.57rem 0.5rem 0.83rem; box-shadow: 0 0.08rem 0.18rem rgba(92, 119, 165, 0.2);} 
.contact li i {display: block;margin-top: -0.28rem;z-index: -1;width: 10%;float:left}
.contact li p {color: #333;line-height:40px;padding-left: 0.5rem;background: url(../images/lx-bg1.png) no-repeat; border-radius: 0.12rem; width:86%; font-size:14px;}
.contact li p a{color: #475a7b; font-weight:bold;}

.contact_r{ position:absolute; z-index:2; left:10%; right:5%; }
.contact_r li{ background:#fff; box-shadow: 0px 0px 10px #666; padding:0.3rem 1rem;border-radius:10px; margin-top:1.5rem; font-size:14px;}



.touch_nav{background:#21b24b;  position: relative; overflow: hidden; height: auto; line-height: 2.7rem; height: 2.7rem; font-size: .7rem; }
.touch_nav ul{ width:28rem; height:2.7rem}
.touch_nav li { float: left; width:6.7rem; text-align: center; border-right:1px solid #fff; height: 2.7rem;}
.touch_nav li a{ font-size:1rem; display: block; color:#fff}
.touch_nav li:last-child{ border-right:0 solid #ccc}



.main{width:100%; margin: 2rem auto; overflow: hidden;}
.main h2{font-size: 25px;line-height: 2rem;color: #0065b3;text-align: center;font-weight: bold;}
.main .main_date{ width:95; color:#666; text-align:center; margin:0 auto; text-align:center;}
.main .main_cont{ width:95%; margin:2rem auto 0 auto; font-size:16px; line-height:28px;}
.main .main_cont p{ padding-bottom:1rem;text-indent:2em;}
.main .main_cont p span{ display:block;}
.main .main_cont li{ width:49.5%; float:left; margin-right:1%;}
.main .main_cont li img{ width:100%;}
.main .main_cont li:nth-child(2n){ margin-right:0px;}
.main .main_cont .product_title{ width:100%; text-align:center;} 
.main .main_cont .product_title a{ color:#333;}

.main_read_cont{ width:95%; margin:0 auto;}
.main_read_cont img{ width:80%; margin:1rem auto; display:block;}
.main_read_cont p{ font-size:16px; line-height:28px; margin-bottom:2rem;}
.espcms_info_pager{ width:95%; margin:0 auto 2ren auto;}
.espcms_info_pager li{ width:100%; float:left; line-height:50px;}
.espcms_info_pager li a{ color:#666;}





.pro{ min-height:auto; position:relative; margin:10px auto 0 auto; padding: 20px 0 10px 0; background:#1fb248;}
.pro_title{ font-size:30px; text-align:center; color:#fff;}





.newslist{ padding:1rem 0 0 0;}
.newslist li a{ color:#333; line-height:31px; font-size:16px;}

.ny_contact{ width:90%; margin:0 auto;}
.ny_contact ul{list-style: none;}
.ny_contact li{margin: 0 0.57rem 1rem 0.83rem; box-shadow: 0 0.08rem 0.18rem rgba(92, 119, 165, 0.2);} 
.ny_contact li i {display: block;margin-top: -0.28rem;z-index: -1;width: 2rem;float:left}
.ny_contact li p {font-size: 0.28rem;color: #475a7b;line-height: 0.8rem;padding-left: 0.5rem;background: url(../images/lx-bg1.png) no-repeat; border-radius: 0.12rem; float:right; width:85%; font-size:16px;}
.ny_contact li p a{color: #475a7b; font-weight:bold;}

.ny_wx{ width:90%; margin:0 auto; text-align:center}
.ny_wx h3{color: #475a7b; font-size:16px;}
.ny_wx img{ width:50%; margin:0 auto;}

.neirong{ width:95%; margin:0 auto}
.neirong p{ font-size:16px; line-height:28px;}
.neirong p span{ display:block; font-size:20px; font-weight:bold}

.navbar-inverse {background-color: #0951b3; width:100%; height:70px;}
.nav_botton_list {
    list-style: none;
    padding: 7px 0px;
    margin: 0px;
}

.nav_botton_list li {
    float: left;
    padding: 0px;
    margin: 0px;
    width: 25%;
}
.nav_botton_list li >.espcms_toucp_botton {    color: #fff;    font-size: 14px;    display: block;
    width: 100%;
    text-align: center;
}.nav_botton_list li >.espcms_toucp_botton p {    font-size: 20px;    width: 100%;    padding: 0px 0px 5px 0px;    margin: 0px;}
.glyphicon {position: relative;top: 2px;display: inline-block;font-family: 'Glyphicons Halflings';font-style: normal;font-weight: normal;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;margin-right: 5px;}
.glyphicon-home:before { content: "";background: url(../images/002.png) no-repeat center top; display:inline-block; width:25px; height:25px; background-size:100%;}
.glyphicon-earphone:before { content: "";background: url(../images/007.png) no-repeat center top; display:inline-block; width:25px; height:25px; background-size:100%;}
.glyphicon-map-marker:before { content: "";background: url(../images/003.png) no-repeat center top; display:inline-block; width:25px; height:25px; background-size:100%;}
.glyphicon-user:before { content: "";background: url(../images/004.png) no-repeat center top; display:inline-block; width:25px; height:25px; background-size:100%;}

/*分页*/
.espcms_page_botton {
    text-align: center;
    border-top: 1px solid #E0E0E0;
    padding: 15px 0px;text-align: center !important;
}
.btn-group, .btn-group-vertical {
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

/*neyenews*/
.nynews{ width:95%; margin:2rem auto 0 auto;}
.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #fff;
    border: 1px solid #ddd;
}
.list-group-item a{ color:#333;}
.espcms_info_time {
    background: none;
    color: #BDBDBD;
    padding-top: 5px;
}
.espcms_info_time:before {
    float: left;
    padding-right: 5px;
    content: "";
    font-size: 10px !important;
    padding-top: 3px;
    color: #ababab;
}