﻿@charset "utf-8";
*{box-sizing:border-box}
html {
	font-size: 62.5%;
}
body,h1,h2,h3,h4,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
body {
	background-color: #fff;
	font-family:'微软雅黑';
	font-size: 1.6rem;color:#000;
}
a{color:#333;}
ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
}
img {
	display: block;
	max-width: 100%;
}
div,figure,figcaption {
	box-sizing: border-box;
}
.none {
	display: none;
}
.clearfix:after {
	content: '.';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
header{max-width:64rem;margin:0 auto;position:relative}
header img{}
.topBox{width:100%;background:#373d41;height:50px;line-height:50px;font-size:3.6rem;z-index:999;position:fixed;}
.logo{height:65%;position:absolute;left:2%;top:17%}
.logo-title{height:65%;position:absolute;left:13%;top:21%}
.navicon{color:#fff;position:absolute;right:3%;top:36%;height:33%}
.index-nav{position:absolute;top:100%;overflow:hidden;background:#000;right:0;display:none}
.index-nav li{padding:15px 20px;}
.index-nav a{font-size:20px;font-weight:400;color:#fff}

a.index-title{display:block;margin:16px auto 16px auto;text-align:center;}
a.index-title:hover{text-decoration:none}
span.index-title-a{display:block;font-size:20px;letter-spacing:1px;margin:0 auto;background:url(../images/m1.png) no-repeat center bottom;padding-bottom:3px;font-weight:bold}
span.index-title-b{background:url(/public/images/backLine.png) center repeat-x;margin:0 auto;height:21px;width:150px;display:block;}
a.index-title i{display:inline-block;background:#fff;padding:2px 10px;font-style:normal;font-size:12px}

.index-service{box-sizing:border-box;overflow:hidden}
.index-service a{display:block;float:left;width:31%;margin:0 3.5% 15px 0;border:1px solid #cccccc;padding:1px;text-align:center;color:#000;
                 background:url(../../images/s1.png) no-repeat center;background-size:100% 100%
}
.index-service a:nth-child(2){background:url(../../images/s2.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(3){background:url(../../images/s3.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(4){background:url(../../images/s4.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(5){background:url(../../images/s5.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(6){background:url(../../images/s6.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(7){background:url(../../images/s7.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(8){background:url(../../images/s8.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(9){background:url(../../images/s9.png) no-repeat center;background-size:100% 100%}
.index-service a:nth-child(10){background:url(../../images/s10.png) no-repeat center;background-size:100% 100%}
.index-service a:hover{background:#dc321d;color:#fff;text-decoration:none}
.index-service a span{display:block;margin:16px auto;font-size:16px;}
.index-service1{margin:0 0 15px 0 !important}



.btnXhjj{position:absolute;left:10px;bottom:10px;background:#489d66;color:#fff;padding:5px 8px;}
.headerInfo{position:absolute;right:10px;bottom:6px;color:#fff;text-align:left;background:#489d66;opacity:1;font-size:12px;
            padding:5px 8px
}
#search {max-width:64rem;margin:2rem auto 0 auto;position:relative;height:2.9rem}
.searchKey {position:absolute;width:70%;left:3%;border:1px solid #cccccc;height:3rem;line-height:3rem;font-size:1.6rem;outline:none;text-indent:.5rem}
.btnOk {position:absolute;width:20%;right:3%;height:3.4rem;line-height:3.4rem;background:#ff0001;color:#fff;font-size:1.6rem;border:none}
.mainNav {max-width:64rem;margin:2rem auto 0 auto;padding:0 0.2rem}
.mainNav figure {float:left;width:25%;text-align:center;margin-bottom:1.5rem}
.mainNav figure a {color:#000}
.mainNav figure img {margin:0 auto;width:70%}
.mainNav figure figcaption {font-size:1.6rem;margin-top:0.8rem;}
.copyright {font-size:1.6rem;text-align:center;max-width:64rem;margin:0 auto 8px auto;color:#ff0000}
.footer {position:fixed;bottom:0}

.title{text-align:center;width:40%;background:url(../images/line1.png) repeat-x center;margin:0 auto}
.title a{color:#000;font-size:1.6rem;display:inline-block;background:#fff;padding:0 1.5rem}

.container{max-width:64rem;margin:0 auto}


.topA{position:fixed;top:0;height:44px;line-height:44px;width:100%;z-index:9999}
.topANave {max-width:64rem;margin:0 auto;background:#000;color:white;height:44px;line-height:44px;position:relative;}
.topANave h1{position:absolute;width:45%;left:27.5%;font-size:1.8rem;text-align:center;line-height:44px}
#btnBack {display:block;width:48px;height:100%;background:url(../images/icon-36x36-back.png) no-repeat center;top:0;position:absolute;}
#btnHome {display:block;width:48px;height:100%;background:url(../images/icon-36x36-home.png) no-repeat center;top:0;right:0;position:absolute;}
.content {max-width:64rem;margin:0 auto;line-height:2em;padding:10px;color:#53575E;font-size:1.6rem}
.content h2.article-title{color:#333;font-size:2.1rem}
.content img {width:100%;display:block;}
.page-title{text-align:center;width:50%;background:url(../images/line1.png) repeat-x center;margin:0 auto}
.page-title span{color:#000;font-size:2.1rem;display:inline-block;background:#fff;padding:0 1.5rem}

.list {max-width:64rem;margin:0 auto;}
.list figure {clear:both;overflow:hidden;padding:0 0 3rem 0;position:relative}
.list figure img {float:left;width:30%;position:relative;top:8px}
.list figure figcaption {float:right;width:67%;}
.list figure figcaption h2 {
    font-weight: normal;font-size:1.6rem;
	border: none;
	padding: 0.5rem 0 .3rem 0;
    color:#333;font-weight:bold    
}
.list figure figcaption h3 {
	font-weight: normal;font-size:1.4rem;
	padding: 0;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
    color:#656565
}

.index-yj{overflow:hidden}
.index-yj li{float:left;width:47%;margin-bottom:1.6rem}
.index-yj li:nth-child(2n+1){float:right}
.index-yj li img{height:134px;width:100%}
.index-yj li h1{font-size:1.6rem;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:center;line-height:1.8;margin-top:5px}

.index-bottom{background:#313131;color:#8D8D8D;padding:16px 0;line-height:1.8;text-align:center;font-size:12px;}
.index-wx{width:19%;margin:8px auto;display:block;}

span.time{position:absolute;bottom:10px;font-size:14px;color:#a09f9f;}
span.view{position:absolute;bottom:10px;font-size:14px;color:#a09f9f;right:1.5rem;}

.top_bar { position: fixed; z-index: 900; bottom: 0; left: 0; right: 0; margin: auto; font-family: Helvetica, Tahoma, Arial, Microsoft YaHei, sans-serif; }

.top_menu { display:-webkit-box; border-top: 1px solid #3D3D46; display: block; width: 100%; background: rgba(255, 255, 255, 0.7); height: 48px; display: -webkit-box; display: box; margin:0; padding:0; -webkit-box-orient: horizontal; background: -webkit-gradient(linear, 0 0, 0 100%, from(#524945), to(#48403c), color-stop(60%, #524945)); box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.1) inset; }

.top_bar .top_menu>li { -webkit-box-flex:1; position:relative; text-align:center; }

.top_menu li:first-child { background:none; }

.top_bar .top_menu>li>a { height:48px; margin-right: 1px; display:block; text-align:center; color:#FFF; text-decoration:none; text-shadow: 0 1px rgba(0, 0, 0, 0.3); -webkit-box-flex:1; }

.top_bar .top_menu>li.home { max-width:70px }

.top_bar .top_menu>li.home a { height: 66px; width: 66px; margin: auto; border-radius: 60px; position: relative; top: -22px; left: 2px; background: url('../images/home.png') no-repeat center center; background-size: 100% 100%; }

.top_bar .top_menu>li>a label { overflow:hidden; margin: 0 0 0 0; font-size: 12px; display: block !important; line-height: 18px; text-align: center; }

.top_bar .top_menu>li>a img { padding: 3px 0 0 0; height: 24px; width: 24px; color: #fff; line-height: 48px; vertical-align:middle;margin:0 auto }

.top_bar li:first-child a { display: block; }

/*分页样式*/
.page{
    padding: 10px 0 30px 0;
    overflow: hidden;
    text-align: center;
    background:#fff;
}
.page a,.page span{
    padding: 5px 10px;
    border: 1px solid #cccccc;
    font-size: 12px;
    display:inline-block;
    margin:0 2px;
    
}
.page a:hover{
    background: #2375fd;
    color: #ffffff;
    text-decoration:none;

}
.page a.current{
    background: #2375fd;
    color: #ffffff;
}
.topImg{display:block;width:100%;max-width:640px;margin:0 auto}
.btnLoad{width:50%;display:block;border-radius:25px;background:#eeeeee;padding:5px 0;text-align:center;margin:15px auto 15px auto;
         color:#656565;
}

.news-list-item{width:100%;height:70px;}
.news-list-item-left{border-right:1px solid #e6e6e6;width:20%;overflow:hidden;float:left;padding:8px 0}
.news-list-item-left i{font-style:normal;margin:0 auto;text-align:center;display:block;font-size:18px;}
.news-list-item-left span{margin:0 auto;text-align:center;display:block;font-size:14px;}

.news-list-item-right{width:80%;overflow:hidden;float:right;padding:0 16px;}
.news-list-item-right h1{font-weight:bold;font-size:16px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.news-list-item-right p{font-size:14px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.jtcy{max-width:640px;margin:0 auto;overflow:hidden;height:360px;}
.jtcy a{display:block;width:50%;overflow:hidden;height:120px;position:relative;float:left;}
.jtcy a img{width:100%;}
.jtcy a span{position:absolute;left:20px;top:20px;color:#fff;font-size:18px;border-bottom:2px solid #fff}

#btnLoad{display:block;margin:0 auto;font-size:16px;border-radius:8px;padding:3px 26px;background:#eeeeee;color:#000;border:none}

.nav-container{display:none;position:absolute;top:25%;z-index:9999;left:0;right:0;background:rgba(0,0,0,.7);padding:16px}
.nav-container a{color:#fff}
.nav-item{margin-bottom:8px;overflow:hidden}
a.nav-item-parent{display:block;margin-bottom:2px;font-size:18px;}
.nav-item-children{display:block;margin-left:11px;}
.nav-item-children a{font-size:16px;display:block;margin:0 5px;float:left}


.service-project{padding:0 2px}
.service-project li{width:46%;float:left;height:188px;margin:0 2% 16px 2%;background:#ffffff}

.service-project li a{display:block;width:100%;height:188px;text-align:center;background:url(../images/project0.png) no-repeat center 20px;
                      box-shadow:0px 0px 10px #b6b6e6;position:relative;background-size:80px 78px
}
.service-project li a:hover{text-decoration:none;box-shadow:0px 0px 30px #b6b6e6}
.service-project h1{padding-top:105px;font-size:16px;}
.service-project p{width:80%;margin:3px auto 0 auto;line-height:1.8;font-size:14px;color:#999999;
                   overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display:none
}
.service-project img{position:absolute;left:46%;bottom:52px;}
.service-project-btn{position:absolute;left:28%;right:28%;bottom:14px;line-height:27px;border-radius:10px;background:#f6f6f6;font-size:12px;}
/*.service-project li a:hover .service-project-btn{background:#3474ff;color:#fff;transition:all 0.2s linear;}*/
.service-project li:nth-child(2) a{background:url(../images/project1.png) no-repeat center 20px;background-size:80px 78px}
.service-project li:nth-child(3) a{background:url(../images/project2.png) no-repeat center 20px;background-size:80px 78px}
.service-project li:nth-child(4) a{background:url(../images/project3.png) no-repeat center 20px;background-size:80px 78px}
.service-project li:nth-child(5) a{background:url(../images/project4.png) no-repeat center 20px;background-size:80px 78px}
.service-project li:nth-child(5) a{background:url(../images/project5.png) no-repeat center 20px;background-size:80px 78px}

.hzmj-main{width:100%;height:156px;position:relative;margin:20px auto 0 auto;user-select:none}
.hzmj-main-left,.hzmj-main-right{position:absolute;width:30px;left:0;top:6px;bottom:6px;background:#f0f0f0;text-align:center;}
.hzmj-main-right{left:initial;right:0}
.hzmj-main-left i,.hzmj-main-right i{font-size:30px;color:#999;display:block;margin-top:50px;cursor:pointer}
.hzmj-main-left i:hover,.hzmj-main-right i:hover{color:#2891f5}

.hzmj-body{position:absolute;left:30px;right:30px}
.hzmj-body li{position:absolute;display:none;height:156px;}
.hzmj-current{display:block !important;width:100%}

.hzmj-a{position:absolute;display:none;top:13px;bottom:13px;background:#f0f0f0;left:0;right:0}
.hzmj-b{position:absolute;display:none;height:156px;background:#3574ff url(../images/hzmj_line.png) no-repeat 80% 25px;left:0;right:0;color:#fff;
        box-shadow:0px 10px 40px #3574ff;z-index:9999;
}
.hzmj-prev .hzmj-a{display:block !important}
.hzmj-next .hzmj-a{display:block !important}
.hzmj-current .hzmj-b{display:block !important}

.hzmj-a i{position:absolute;font-size:70px;color:#dadce5;left:47px;top:25px;}
.hzmj-a h1{font-size:22px;position:absolute;left:47px;top:120px;}
.hzmj-a img{position:absolute;left:47px;top:160px;}
.hzmj-a p{position:absolute;left:47px;top:180px;line-height:1.8;width:187px;}

.hzmj-b i{position:absolute;font-size:35px;color:#dadce5;right:20px;top:20px;opacity:.16}
.hzmj-b h1{font-size:14px;position:absolute;left:133px;top:30px;}
.hzmj-b .hzmj-dot{position:absolute;left:133px;top:58px;}
.hzmj-b .hzmj-logo{position:absolute;left:21px;top:21px;width:92px;height:45px;border-radius:8px;}
.hzmj-b p{position:absolute;left:21px;top:75px;line-height:1.8;width:90%;font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.hzmj-b a{position:absolute;display:block;left:41px;bottom:30px;border:1px solid #ccc;padding:3px 16px;border-radius:8px;color:#fff;
          background:#1f65ff;display:none
}
.hzmj-b a:hover{background:#fdba5d;color:#000}


/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:999999;background:#eee;width:100%;height:calc(100%);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/

.zxdt{}
.zxdt-title{font-size:16px;text-align:center;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;padding:0 16px}
.zxdt p{font-size:12px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;
        color:#a09f9f;padding:0 16px;line-height:1.8;margin-top:8px;
}
.zxdt-more{text-align:center;margin-top:16px}
.zxdt-more a{display:inline-block;font-size:14px;padding:3px 12px;background:#2375fd;color:#fff;border-radius:6px;}

.lxwm{margin-top:26px;text-align:center}
.lxwm p{text-align:center;font-size:16px;}
.lxwm a{display:inline-block;font-size:14px;padding:5px 18px;background:#2375fd;color:#fff;border-radius:6px;margin:16px 0;}

.customer{overflow:hidden;max-width:640px;margin:0 auto;background:#edeef6}
.customer li{float:left;width:50%;}
.customer li a{display:block;width:90%;margin:16px auto 0 auto;box-sizing:border-box;background:#ffffff;text-align:center;padding:10px 12px;border-radius:8px;
               overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}

/*媒体查询，大于480px小于640px*/
@media (min-width: 480px) and (max-width: 640px) {

}

/*媒体查询，小于480px*/
@media (max-width: 480px) {


}