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%;}

.banben{ width:100%; height:1.5rem; line-height:1.5rem; background:#f2f2f2;}
.banben li{ width:50%; float:left; text-align:center;}
.banben li:nth-child(2){ content:""; background:#000; display:inline-block;}
.banben li:nth-child(2) a{ content:""; color:#fff;}
.banben li a{ color:#333}
.header{border-bottom-left-radius: 0.8rem;}
.head {padding: 0.3rem 0.3rem 0rem 0.3rem;overflow: hidden; width:50%}
.head img{ width:100%;}

.header .top_right {
    float: right;
    width: 60px;
    height: 65px;
	padding: 20px 0 0 0; background:#f63c2f; box-sizing:border-box; text-align:center
}
.header .top_right img{ width:40%; margin:2px 0 0 0}
.header .gb {
    float: right;
    width: 44px;
    height: 44px;
    background: url(../images/gb.png) no-repeat center center;
    background-size: 20px;
}
.header .hide {
    display: none;
}
.header img { width:90%; max-width:250px;}

.right_menu{ position: fixed; left: 100%; top: 60px; z-index: 999; overflow: hidden; width: 100%;}

.right_menu ul{ width: 100%; box-sizing: border-box; padding:10px 0 10px 0;background-color:rgba(0,0,0,0.85); height: 530px; overflow: scroll;}

.right_menu ul li{list-style-type:none; width: 90%; margin: 0 5%; line-height: 40px; border-bottom: 1px solid rgba(0,0,0,0.1);}
.right_menu ul li.onn{border-bottom: 0 solid #555;}
.right_menu ul li.onn a{color: #eee;}
.right_menu ul li a{ background-size: 20px !important; color: #eee; padding:0 0 0 0; font-size:14px;}
.hei{ height: 530px !important;}
.right_menu ul li div{ border-bottom: 1px solid rgba(255,255,255,0.1); padding:0 0 5px 0}
.right_menu ul li.onn div a{ padding:0; width:31%; line-height:28px; display:block; float:left; color: #eee; font-size:12px;}


.banner{ width:90%; margin:0 auto;}


/*产品分类*/
.prolist{padding:2rem 0.5rem 0 0.5rem;}
.prolist h2{font-family: georgia,serif; text-transform:uppercase;font-size:1rem; text-align:center; color:#2e2d2e;}
.prolist h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.prolist h2 em img{ display:inline-block; vertical-align:middle;}
.prolist h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666; text-align:right;}

.prolist_cont{ padding:2rem 0 0 0; width:100%; margin: auto;}
.prolist_cont li{ float:left; width:100%; margin:0 0% 2% 0; overflow:hidden;}
.prolist_cont li:nth-child(2n){ margin-right:0;}
.prolist_cont li:last-child{ margin-right:0;}
.prolist_cont li span{ width:100%; line-height:3rem; background:#f63c2f; text-align:center; display:block; font-size:1.7rem;}
.prolist_cont a li{ color:#fff;}

/*客户案例*/
.case{ width:100%; background:url(../images/zr.jpg)repeat center top; padding:2rem 0; }
.case h2{font-family: georgia,serif; text-transform:uppercase;font-size:1rem; text-align:center; color:#fff;}
.case h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.case h2 em img{ display:inline-block; vertical-align:middle;}
.case h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#fff; text-align:right;}
.case ul{ margin-top:0px; width:95%; margin:0 auto;}
.case li{width: 49%;float: left;margin:0rem 2% 0rem 0%; box-sizing:border-box;-webkit-box-sizing:border-box; height:auto;}
.case li:nth-child(2n){ margin-right:0;}
.case li img{margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;}
.case li a{ color:#fff;}
.case li a:hover{ font-weight:bold;}
.case li div{ width:80%; line-height:40px; font-size:16px; text-align:center; height:40px; color:#fff;  margin:0 auto;}


/*公司简介*/
.about{padding:2rem 0.5rem;;}
.about h2{font-family: georgia,serif; text-transform:uppercase;font-size:1rem; text-align:center; color:#2e2d2e;}
.about h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.about h2 em img{ display:inline-block; vertical-align:middle;}
.about h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666; text-align:right;}
.about  p{ font-size:1rem; line-height:1.6rem; margin-top:2rem; }
/*首页adv*/
.adv{ width:100%;background:url(../images/adv.jpg)repeat center top; padding:2rem 0; background-size:100%;}
.adv h2{font-family: georgia,serif; text-transform:uppercase;font-size:1rem; text-align:center; color:#fff;}
.adv h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.adv h2 em img{ display:block; vertical-align:middle; margin:0 auto;}
.adv h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#fff; text-align:right;}
.adv ul{ width:95%; overflow:hidden; margin:2rem auto 2rem auto }
.adv li{ width:48.9%; margin:0 1% 2% 0; border:1px solid #746f6f; text-align:center; float:left; padding:1rem 0;}
.adv li:nth-child(2n){ margin-right:0;}
.adv li img{ width:80%; margin-bottom:0.5rem;}
.adv li i{ font-style:normal; text-align:center; color:#fff; display:block; padding:0 0.5rem;}
/*新闻动态*/
.news{padding:2rem 0.5rem;;}
.news h2{font-family: georgia,serif; text-transform:uppercase;font-size:1rem; text-align:center; color:#2e2d2e;}
.news h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.news h2 em img{ display:inline-block; vertical-align:middle;}
.news h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666; text-align:right;}

.newslist_pic{ width:100%; margin:2rem auto 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;}


/*底部*/
.footer{background-color:rgba(208,0,0,0.75);height:50px;position: fixed;bottom:30px;left:50%;margin-left:-46%;z-index:999;width:92%;border-radius:10px;}
@media (min-width:640px){.footer{width:640px !important;left:50%;margin-left:-320px;}}
.footer a{float: left;width:33.33%;text-align: center;}
.footer img{display: inline-block;height:24px;margin:5px 0 0;}
.footer strong{color:#fff;font-size:12px;display: block;height:20px;line-height:20px;}

.go_top{display: none;background-color:#163285;width:34px;height:34px;text-align: center;border-radius:50%;position: fixed;right:15px;bottom:100px;z-index:99999999999;}
.go_top img{display: inline-block;margin-top:12px;width:16px;}


.main{width:100%; margin: 2rem auto; overflow: hidden;}
.main h2{font-family: georgia,serif; text-transform:uppercase;font-size:1.3rem; text-align:center; color:#2e2d2e; line-height:2rem}
.main h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.main h2 em img{ display:block; vertical-align:middle; margin:0 auto;}
.main h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666; text-align:right;}
.main_list{ width:100%; margin:2rem auto 0 auto;}
.main_list li{ float:left; width:31.3%; text-align:center; background:#e62129; margin:0 3% 3% 0; line-height:2rem;}
.main_list li:nth-child(3n){ margin-right:0;}
.main_list li a{ color:#fff;}
.main .main_date{ color:#666; text-align:center; margin:0 auto; text-align:center; line-height:2rem;}
.main .main_cont{ width:95%; margin:2rem auto 0 auto; font-size:16px; line-height:28px;}
.main .main_cont p{ padding-bottom:1rem;}
.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{ width:100%; margin:0 auto;}
.pro_tit{ text-align:center; padding:20px 0;}
.pro_tit span{ font-size:30px; font-style:normal; color:#a5a9ad; font-family:Arial, Helvetica, sans-serif;}
.pro_tit h3{ background:url(../images/kuang.png) no-repeat center top; width:305px; height:33px; margin:0 auto; font-size:25px; font-weight:bold; color:#103770;}
.pro_tit p{ background:url(../images/line.png) no-repeat center top 20px;  height:34px; margin:0px auto; font-size:18px; padding-top:7px; text-align:center;}


.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:#fff;}
.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:#fff;  margin:0 auto;}


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

.se_content_pic{ width:95%; margin:2rem auto 0 auto;}
.se_content_pic img{ width:100%;}




.zhaotong_footer{ max-width:720px; margin:0 auto;}

.espcms_page_bannpic{ max-width:720px; margin:0 auto;}

.right_nav{ position:fixed;right:10px;top:50%;}
.right_nav li{ width:13px; height:13px; border-radius:8px;background:#666;margin:8px 0}
.right_nav li.crnt{background:red}

/*se_news*/
.se_news{ width:95%; margin:0 auto; padding:20px 0}
.se_news ul{}
.se_news li{ border-bottom:1px dashed #ccc; background: url(../images/newslist.png) no-repeat 97% center; background-size: 7px; padding:5px 0}
.se_news li a{ font-size:14px; line-height:28px;  color:#555; background: url(../images/news_icon.gif) no-repeat left center; padding: 0 0 0 20px; width:90%;}
.se_news li a.ui-link{height:28px; overflow:hidden;}
.se_news_con_other{ font-size:13px; color:#888; line-height:28px; width:95%; margin:0 auto}
.se_news_con_other img{width:auto; margin:6px 15px 0 0}

/*se_hangye*/
.se_hangye{ width:1100px; margin:0 auto; padding:30px 0 0 0;}
.se_hangye ul{padding:0 0 0 20px;position:relative}
.se_hangye li{ margin-bottom:20px; margin-right:20px; padding:20px; border:1px dashed #ccc;width:477px; float:left; position:relative;top:20px;left:20px; cursor: pointer;}
.se_hangye li:nth-child(2n){}
.se_hangye li.hover{border:1px solid yellow;}
.se_hangye_con{  }
.se_hangye_con_t{   line-height:40px; }
.se_hangye_con_t a{ font-size:16px; line-height:40px; font-weight:bold; color:#555;}
.se_hangye_con_other{ font-size:12px; color:#666; line-height:20px; padding:0 0 10px 0}
.se_hangye_con_t_intro{ font-size:12px; color:#666; line-height:24px;}


.erji_nav {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 15px 2%;
	
}
.erji_nav li {
    float: left;
    width: 33.3%;
    margin: 5px 0;
}
.erji_nav li a {
    line-height: 30px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #515151;
    display: block;
    width: 94%;
    box-sizing: border-box;
    margin: 0 3%;
	text-align:center
}

.erji_lanmu_title{line-height: 35px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #e8e8e8; width: 96%; padding: 0 2%; overflow: hidden; font-size:16px;}

.fenlei2{}
.fenlei2 h2{ background:#008591; line-height:60px; font-size:16px; color:#fff; font-weight:normal; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold}
.fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; }
.fenlei2 li{ line-height:35px; width:290px; margin:0 auto;  border:0 solid #ccc; margin-bottom:10px; background:#0c1227}
.fenlei2 li a{ font-size:16px; padding:0 0 0 15px; color:#fff}
.fenlei2 li.treeone {
    background:#fff;
    padding-left: 0; border:1px solid #ccc; 
}
.fenlei2 li.treeone a { font-size:14px; color:#333}

.about_a{ width:95%; margin:0 auto; padding-top:30px; font-size:15px; line-height:25px;text-indent:2em;}

.se_contact{ width:90%; margin:0 auto;}
.se_contact h3{color: #888; font-weight:normal; font-size:15px;  padding: 0.15rem 0 0.05rem 0;}
.se_contact ul{ margin:26px auto 70px auto; width:100%}
.se_contact li{ float:left; width:100%; margin-bottom:2%;}
.se_contact li:nth-child(7n){ margin-right:0px;}
.se_contact > li {display: inline-block;padding-left: 5px;}
.c-info{ margin:0 auto; width:100%;}
.c-info a {width: 100px;height: 100px;background-color: #e6212a;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;display:block;text-indent: -9999px; margin:0 auto 0px auto;}
.c-info a:nth-child(2n){background-color: #79c541;}
.c-info p {padding: 5px 0;font-size: 16px;color: #333; font-weight:normal; text-align:center;}
.c-info .c-info-detail {color: #999;font-size: 14px; font-weight:normal; text-align:center;}

.c_a{background: url(../images/c_a.png) no-repeat center;}
.c_b{background: url(../images/c_b.png) no-repeat center;}
.c_c{background: url(../images/c_c.png) no-repeat center;}
.c_d{background: url(../images/c_d.png) no-repeat center;}
.c_e{background: url(../images/c_e.png) no-repeat center;}
.c_f{background: url(../images/c_f.png) no-repeat center;}


.ny_fuwu{width:90%; margin:1.5rem auto;}
.ny_fuwu h2{font-family: georgia,serif; text-transform:uppercase;font-size:1.3rem; text-align:center; color:#2e2d2e; line-height:2rem}
.ny_fuwu h2 em{ font-size:1.4rem; padding:0.1rem 0 0.05rem 0; display:block; line-height:2rem; font-style:normal;}
.ny_fuwu h2 em img{ display:block; vertical-align:middle; margin:0 auto;}
.ny_fuwu h2 i{text-transform:uppercase;font-size:12px;text-indent:0.8rem; font-style:normal; color:#666; text-align:right;}
.ny_fuwu em{font-size:15px;text-transform: uppercase; color:#999999;padding-bottom:20px; text-align:center; display:block; font-style:normal;}


.ny_fuwu ul{ clear: both; overflow: hidden; margin-top: 10px;}
.ny_fuwu li{ position: relative; float: left; width: 49.2%; margin-right:1.6%;}
.ny_fuwu li:nth-child(2n){ margin-right:0;}
.ny_fuwu li img{ width:100%}
.ny_fuwu li span{ display: block; position: absolute; left: 0; bottom: 19px; width:100%; text-align: center; color: #666; font-size: 15px; line-height: 20px;}
.ny_fuwu li span strong{ display: block; color: #333; font-size: 17px;}
.ny_fuwu p{ position: relative; font-size: 16px; line-height: 30px; padding: 30px; margin-top: 30px; }
.ny_fuwu p:before{ content: ''; position: absolute; left: 0; bottom: 0; width: 34px; height: 34px; background: url(../images/ser-line01.png) no-repeat center; background-size: 100%;}
.ny_fuwu p:after{ content: ''; position: absolute; right: 0; top: 0; width: 34px; height: 34px; background: url(../images/ser-line02.png) no-repeat center; 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;
}