@font-face {
  font-family: "SourceHanSansCN-Normal";
  src: url("../fonts/SourceHanSansCN-Normal.woff2") format("woff2"),
       url("../fonts/SourceHanSansCN-Normal.woff") format("woff"),
       url("../fonts/SourceHanSansCN-Normal.ttf") format("truetype"),
       url("../fonts/SourceHanSansCN-Normal.eot") format("embedded-opentype"),
       url("../fonts/SourceHanSansCN-Normal.svg") format("svg");
       font-style: normal;
}

.wp{ width:100%; max-width:1170px; margin:0 auto;}
.header-center h1{ margin:0;}
.header-center{ display:flex; align-items: center; justify-content: space-between;}
.header-top-right a:last-child{ background:#015b59; color:#fff;}
.search .ipt{ height:42px; line-height:42px; background:#f1f1f1; text-indent:1em; width:318px; float:left;}
.search .ipbtn{ height:42px; line-height:42px; padding:0 30px; border:0; background:#0353ad; color:#fff; float:left;}
.search .ipbtn:hover{ opacity:.8;}
.search_icon img{ display:none;}
.header-tel .iconfont{ padding-right:.1rem; color:#0353ad;}
.header-tel span{ font-size:16px; color:#0353ad;}

.navmenu{ border-top:solid 1px #ddd; height:80px; line-height:80px;}
.mainmenu ul{ display:flex; align-items: center; justify-content: space-between;}
.mainmenu ul li{ 
	text-align:center;
	position:relative; font-size:16px; padding-left:40px; font-weight:600;
}

.mainmenu ul li:before{
	content:"";
	-webkit-transform: scale(0, 1);
    transform: scale(0, 1);
    -webkit-transform-origin: right top;
    transform-origin: right top;
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s;
	position: absolute;
	left:20px;
	bottom:1px;
	height:2px;
	width:100%;
	background:#b80201;
}
.mainmenu ul li a{ display:block; color:#333; position:relative; font-size:16px;}
.mainmenu ul li a:hover{ color:#b80201;}
.mainmenu ul li:hover:before,.mainmenu ul li.cture:before{ 
	content:"";
	-webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transform-origin: left top;
    transform-origin: left top;
	
}
.banner{ margin-top:80px; z-index:997;}
.nybanner{ margin-top:80px;}
.nybanner .nybanner2{ display:none;}
.nybanner img{ width:100%;}
.banner2{ display:none!important;}
.mainmenu ul li a:hover,.mainmenu ul li.cture a{color:#b80201;}
.banner-zxyy{ width:100%; max-width:1200px; margin:0 auto; position:relative;}
.banner-zxyy-con{ position:absolute; top:-422px; right:0; z-index:999; background-color:rgba(255,255,255,.5); width:4rem; height:4rem; border-radius:5px;}
.banner-zxyy-con h2{ text-align:center; font-size:.24rem; font-weight:700; color:#000;}
.banner-zxyy-con ul{ padding:.2rem;}
.banner-zxyy-con ul li input{ width:100%; margin-bottom:.15rem; height:50px!important; line-height:.5rem; border-radius:3px; text-indent:1em;}
.single-item2{ display:none!important;}
.Button-btn{
	border: none;
	font-family: inherit;
	font-size: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 10px 0;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	width:100%;
}

.Button-btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}
.btn-2 {
	background-image: -webkit-linear-gradient(top, rgb(0, 120, 255), rgb(3, 83, 173));
	color: #fff;
	box-shadow: 0 5px #003c80;
	-webkit-transition: none;
	-moz-transition: none;
	transition: none;
	width:75%;
	margin-left:25%;
}

.btn-2d {
	border-radius: 5px;
}

.btn-2d:hover {
	box-shadow: 0 8px #013938;
	top: -2px;
}

.btn-2d:active {
	box-shadow: 0 0 #013938;
	top: 5px;
}


.ix1 {
    position: relative;
    background-color: #fafafa;
}
.pw {
    width: 1200px;
    margin: 0 auto;
    position: relative;
}

.abtxts {
    padding-top: 6%;
}

.abmone {
    z-index: 5;
    display: block;
    width: 29%;
    background: #e8e8e8 url(../images/ixabhw.png) no-repeat right bottom;
    background-size: cover;
    color: #666;
    /* background: #e8e8e8; */
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
}

.abmone .pa {
    padding: 22% 0 0 15%;
}
.abmtwo {
    position: absolute;
    left: 50%;
    margin-left: -600px;
    bottom: 0;
    z-index: 9;
}
.wsqh {
    height: 900px;
}
.abtxts .txts {
    width: 704px;
    margin-top: 40px;
}
.abtxts .txts p{ padding-bottom:20px; color:#999;}
.abtxts .txts .iconfont{ font-size:40px;}
.abtxts h2{ font-weight:700;}
.abmone .pa h2{ font-weight:700; color:#000;}
.pa p{ padding-bottom:20px;}


.con2{ background:url(../images/con2bg.jpg) no-repeat center top; padding:60px 0; margin:60px 0; background-size:cover;}
.con2 h2{ color:#fff; line-height:38px; margin-bottom:20px; font-weight:700;}
.con2 span,.con3 span{ float:right; font-size:14px;}
.con2 span a{ color:#fff;}


.con2 .slideTxtBox{ display:flex;}
.con2 .slideTxtBox .hd{ flex:0 0 30%;}
.con2 .slideTxtBox .hd ul li{ height:50px; line-height:50px; cursor:pointer; color:#fff; position:relative; transition: transform .3s}
.con2 .slideTxtBox .hd ul li:before{ 
	content:"";
	display: inline-block;
    vertical-align: middle;
    width: 0;
    height: 0px;
    border-top: 3px solid #ffb400;
    transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
	left:0;
	top:0;
	margin-right:10px;
}
.con2 .slideTxtBox .hd ul li.on:before{ width:30px;}
.con2 .slideTxtBox .hd ul li.on{ color:#ffb400;}
.con2 .slideTxtBox .bd{ flex:0 0 70%;}
.con2 .slideTxtBox .bd .con2con1{ background:#fff; border:solid 10px #ffb400;}
.con2 .slideTxtBox .bd .con2con1 img{ max-width:360px; width:100%; float:left;}
.con2 .slideTxtBox .bd .con2con1 .con2con_txt{ float:left; width:calc(100% - 360px); padding:50px 50px 0 50px;}
.con2 .slideTxtBox .bd .con2con1 .con2con_txt h3{ margin-bottom:20px; font-weight:700;}
.con2 .slideTxtBox .bd .con2con1 .con2con_txt p{ color:#999; font-size:16px; line-height:28px; margin-bottom:20px;}
.con2 .slideTxtBox .bd .con2con1 .con2con_txt .iconfont{ font-size:40px; color:#CCC;}
.con2 .slideTxtBox .bd .con2con1 .con2con_txt .iconfont:hover{ color:#b80201;}

.header1 {
    position: fixed;
    top: 0;
    left: 0;
    right:0;
    z-index: 998;
    background: #fff;
    will-change: transform;
    transition: transform 200ms linear;
	box-shadow:0 5px 10px rgba(0,0,0,.1); height:80px;
}
.headroom--pinned {
    transform: translateY(0%);
}
.navbar-fixed-top {
    transform: translateY(-150%);
}

.con3 h2{ font-weight:700;}
.con3 span a,.con3 h2{ color:#333; line-height:38px;}
.con3 .row img{ width:100%;}
.con3_txt{ padding:1.5rem; border:solid 1px #ddd;}
.con3_txt h3{ font-size:1rem; font-weight:700; color:#333;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.con3_txt p{ height: 40px; color:#999;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; font-size:14px; position: relative;}
.con3_txt p:after {
  content: '...';
  text-align: right;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 10%;
  height: 1.8em;
  /*background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 50%);*/
}
 


.con3 .row .col-xl-4{ position:relative; padding-top:15px;}
.con3 .row .col-xl-4 a{ display:block;}
.con3 .row .col-xl-4:hover a .con3_txt,.con4 .row .col-xl-4:hover a .con3_txt { background:#b80201;}
.con3 .row .col-xl-4:hover a .con3_txt h3,.con3 .row .col-xl-4:hover a .con3_txt p,.con4 .row .col-xl-4:hover a .con3_txt h3,.con4 .row .col-xl-4:hover a .con3_txt p{ color:#fff;}

.con4{ background:url(../images/con4bg.jpg) repeat-x top center; padding:60px 0; margin:60px 0 0 0; background-size:inherit;}
.con4 h2{ color:#333; margin:0; line-height:inherit;}
.con4 h2 span a{ color:#333;}
.con4 .con4_title{ display:flex; align-items: center; justify-content: space-between;}
.con4 .con4_title ul li{ float:left; padding:0 15px; font-weight:600;}
.con4 .row{ margin-top:20px;}
.con4 .row .col-xl-4 a{ display:block; background:#fff;}
.con4 span a{ color:#333;}
.con4 .row .col-xl-4 a img{ width:100%;}


.foot{ background:#000; color:#fff; padding:60px 0;}
.foot h2{ padding-bottom:30px; font-weight:700;}
.foot .col-xl-4 h3{ font-size:18px;}
.foot .col-xl-4 p{ font-size:16px; color:#999; line-height:36px;}
.foot .cop{ margin-top:30px;}
.foot .cop span{ display:block; float:left; margin-right:20px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.foot .cop span a{ color:#999;}


.i-main {
    width: 100%;
    background: #fcfcfc url(../images/i_bg.jpg) repeat-y 0 215px; background-size: cover;
    padding-bottom: 80px;
}
.i-main .ny_title{ text-align:center; padding:100px 0 50px 0;}
.i-main .ny_title h2{ color:#b80201; font-weight:700;}
.procon{ margin-bottom:10px;}
.procon img{ width:100%;}
.procon figcaption{box-shadow:0 5px 10px rgba(0,0,0,.2); position:relative; display:inline-block;}


.procon figcaption {
    color: #fff;
    text-transform: uppercase;
    font-size: 1.25em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}


.procon figcaption a::before, .procon figcaption a::after {
    position: absolute;
    top:0px;
    right:0px;
    bottom:0px;
    left:0px;
    content: '';
    opacity: 0;
    -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
    transition: opacity 0.35s, transform 0.35s;
}
.procon figcaption a::before {
    border-top: 5px solid #b80201;
    border-bottom: 5px solid #b80201;
    -webkit-transform: scale(0,1);
    transform: scale(0,1);
}
.procon figcaption a::after {
	border-right: 5px solid #b80201;
	border-left: 5px solid #b80201;
	-webkit-transform: scale(1,0);
	transform: scale(1,0);
}
.procon:hover figcaption a::before,
.procon:hover figcaption a::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.procon p{ text-align:center; padding:10px 0;}

.mbx{ border:solid 1px #ddd; padding:10px; margin:30px 0;}
.mbx .cture_span{ color:#b80201;}

.prolist2 ul li a{ display:block; height:4rem; line-height:4rem; border:solid 1px #ddd; margin-bottom:10px; padding:0 20px; background:#fff;}
.prolist2 ul li a .iconfont{ float:right;}
.prolist2 ul li a:hover,.prolist2 ul li.cture a{ background:#b80201; color:#fff;}

.prolistconr{ background:#fff; padding:30px; box-shadow:0 5px 10px rgba(0,0,0,.1);}
.prolistconr p{ padding-bottom:20px; font-size:16px; line-height:26px; color:#666;}
.prolistconr_pro{ text-align:center;}
.prolistconr_pro img{ border:solid 1px #ddd; margin-bottom:10px; border-radius:5px;}
.prolistconr_pro img:hover{ border-color:#b80201;}
.prolistconr_pro img:hover ~ p{ color:#b80201;}

.linka{ display:block; text-align:center; padding:10px 0; border:solid 2px #b80201; font-weight:700; color:#b80201; border-radius:5px; margin:20px 0;}
.linka:hover{ border-color:#e56600; color:#e56600;}
.prolist2 .dlb{ display:none; background:#fff;}



.retrie {
  position: relative;
  z-index: 102;
  height: 50px;
  background-color: #fff;
  border-bottom: 1px solid #e8e8e8;
  margin-bottom:20px;
}
.retrie dt { overflow: hidden; border:solid 1px #ddd;}
.retrie dt a {
  position: relative;
  width: 100%;
  height:3rem;
  line-height: 3rem;
  color: #333;
  font-size: 16px;
  display:block;
  padding:0 20px;
}
.retrie dt a:after {
  position: absolute;
  top: 50%;
  right:20px;
  margin-top: -4px;
  margin-left: 30px;
  width: 8px;
  height: 8px;
  border: #666 solid;
  border-width: 1px 1px 0 0;
  content: ' ';
  -webkit-transform: rotate(135deg);
}
.retrie dt .up {
  color: #007ccf;
  border-bottom: 2px solid #007ccf;
}
.retrie dt .up:after {
  margin-top: 0;
  border: #007ccf solid;
  border-width: 1px 1px 0 0;
  -webkit-transform: rotate(-45deg);
}
.retrie dt a:last-child:before {
  position: absolute;
  top: 10px;
  left: 0;
  display: block;
  width: 1px;
  height: 30px;
  background-color: #ebebeb;
  content: ' ';
}
.retrie dd { position: relative; }
/* ===== slide-area ===== */
.slide {
  position: absolute;
  top: 0px;
  left: 0;
  z-index: 104;
  display: none; 
  width: 100%;
  background-color: #fff;
}
.slide li {
  display: block;
  height: 50px;
  border-bottom: 1px solid #eee;
}
.slide li a {
  display: block;
  padding: 0 30px;
  height: 50px;
  background-color: transparent;
  line-height: 50px;
}
.slide li a:hover,
.slide li a.selected { background-color: #f6f6f6; }

.slide li a.select { background-color: #fff; }


.fy{ text-align:center; padding:30px 0;}
.fy a,.fy span{ display:inline-block; width:3rem; height:3rem; line-height:3rem; text-align:center; background:#ddd; border-radius:3px;}
.fy span,.fy a:hover{ background:#b80201; color:#fff;}



.procon .slider-nav{ width:20%; float:left; margin-left:15px;}
.procon .proinfo_solid{ width:calc(80% - 15px); float:left;}
.slider-nav .slick-slide{ margin:10px 10px;}
.slider-nav .slick-current div img{ border:solid 1px #b80201;}

.proinfo_txt{ border-top:solid 1px #eee; padding-top:20px;}
.proinfo_txt h3{ font-weight:700;}

.proinfo_txt_tab .hd ul{ background:#ddd; height:3rem; line-height:3rem;}
.proinfo_txt_tab .hd ul li{ float:left; padding:0 20px; cursor:pointer; position:relative;}
.proinfo_txt_tab .hd ul li.on:before{ content:""; position:absolute; width:100%; height:2px; background:#b80201; top:0; left:0;}
.proinfo_txt_tab .hd ul li.on{ color:#b80201;}
.bd-infoncon{ margin-top:20px;}


.news_list{ text-align:center; margin-bottom:30px;}
.news_list a{ display:inline-block; padding:0 10px; position:relative;}
.news_list a:after{ content:""; position: absolute; width:0%; height:2px; background:#d80201; left:10px; bottom:-10px; opacity:0; visibility:hidden;transition: all 0.5s ease-out 0s;}
.news_list a.cture_newsa{ color:#b80201;}
.news_list a:hover:after,.news_list a.cture_newsa:after{ width:30%; opacity:1; visibility:visible;}

.news_listcon ul li{ background:#fff; border: solid 1px #ddd; padding:20px;}
.news_listcon ul li a,.flxa{ display:flex; flex-wrap: wrap; align-items: center;justify-content: space-between;}
.news_listcon ul li a span{ flex:0 0 262px;}
.news_listcon ul li .news_listcon_txt{ flex:0 0 calc( 100% - 300px);}
.news_listcon ul li .news_listcon_txt  h3{ color:#000; font-weight:700; font-size:18px;}
.news_listcon ul li .news_listcon_txt p{ color:#999; padding-bottom:10px; font-size:14px;}
.news_listcon ul li a:hover .news_listcon_txt  h3{ color:#d80201;}
.news_listcon ul li a span img{ width:100%;}
.news_listcon ul li{ margin-bottom:20px;}

.prolist_indexcon{ display:flex; flex-wrap:wrap;align-items: center;}
.prolist_indexcon span{ flex:0 0 40%;}

.news_info_title{ text-align:center; padding:30px 0;}
.news_info_title h3{ font-weight:700;}
.flxa{ justify-content:center; color:#999; font-size:14px;}
.flxa span{ padding:0 10px;}
.news_info_con{ padding:20px; border:solid 1px #ddd; background:#fff;}
.news_info_con p{ padding-bottom:20px;}
.news_info_con p img{ margin: 0 auto;}

.news_info_list{ display:flex; flex-wrap: wrap; justify-content:space-between; padding-top:30px;}
.news_info_list span a{ display:block; padding-bottom:10px;}

.zyxz_tab tr th{ border:solid 1px #ddd; text-align:center; height:4rem; line-height:4rem; background:#b80201; color:#fff;}
.zyxz_tab tr td{ border:solid 1px #ddd; text-align:center; padding:20px 10px; background:#fff;}
.zyxz_tab2{ display:none; margin-bottom:20px;}
.zyzx_infon h3{ font-weight:700; text-align:center; padding:20px 0;}


.sideMenu{ padding-bottom:50px; border-top:solid 1px #e3e3e3;}
.sideMenu h3 {
    height: 50px;
    line-height: 50px;
    padding-left: 10px; margin-bottom:0;
    border: 1px solid #e3e3e3;
    background: #f4f4f4;
    cursor: pointer;
	font-size:16px;
	display:flex;align-items: center; justify-content: space-between; border-top:0; flex-wrap: wrap; font-weight:700;
}
.sideMenu h3:last-child{ border-bottom:solid 1px #e3e3e3;}
.sideMenu h3.on{ background:#b80101; color:#fff;}
.sideMenucon{
    padding:20px;
    color: #999;
    display: none;
	border:solid 1px #e3e3e3; border-top:0; background:#fff;
}

.sideMenu h3 em {
    float: right;
    display: block;
    width: 40px;
    height: 32px;
    background: url(../images/icoAdd.png) 16px 12px no-repeat; margin-top:9px;
    cursor: pointer;
}
.sideMenu h3.on em {
    background-position: 16px -57px;
}
.sideMenucon p{ padding-bottom:10px;}
.sideMenucon p b{ color:#000; margin-bottom:10px; display:block;}

.sideMenu h3 span:nth-child(1){ flex:0 0 20%; text-align:center;}


.about_txtcon .abtimg{ float:left; margin:0 30px 0 0;}
.about_txtcon h3{ font-weight:700; font-size:1.5rem; color:#d80201;}
.about_txtcon ol{ list-style-type: decimal;    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;}
	
.about_txtcon ol li {
    list-styLe-type: none;
    counter-increment: step-counter;
    margin-bottom: 10px;
	font-weight:700;
}
.about_txtcon ol li:before {
    margin-right: 15px;
    content: counter(step-counter);
    background: #d80201;
    border-radius: 100%;
    color: white;
    font-size: 13px;
    font-family: 'FenomenSans-SemiBold', sans-serif;
    width: 1.2em;
    text-align: center;
    display: inline-block;
    width: 26px;
    height: 26px;
    line-height: 27px;
}
.about_txtcon .txtcon3{ margin-bottom:30px; padding-bottom:20px; border-bottom:dashed 1px #eee;}
.about_txtcon .txtcon3 h3{ margin-bottom:20px;}
.contactscon{ margin-bottom:20px;display:flex; flex-wrap: wrap; justify-content:space-between;align-items: center;}
.contactscon .map{ flex:0 0 45%; margin-right:5%;}
.contactscon .map iframe{ width: 100%;}
.contactscon span img{ width:100%;}
.contactscon .contacts_txt{ flex:0 0 50%;}
.contactscon .contacts_txt h3{ margin-bottom:10px; font-weight:700;}
.contactscon .contacts_txt p{ padding-bottom:10px; color:#999;}
.contactscon .contacts_txt p:last-child{ padding-bottom:0;}
.contactscon:last-child .contacts_txt{ order:-1; flex:0 0 45%; margin-right:5%;}
.contactscon:last-child span{ flex:0 0 50%; margin-right:0;}


.download_zy{ display: flex; flex-wrap: wrap; border: solid 1px #ddd; padding: 20px;margin-top: 20px;}
.download_zy li{ flex:0 0 47.5%; line-height: 50px; margin-right: 5%; border-bottom: dashed 1px #ddd;}
.download_zy li:nth-child(2n){ margin-right:0;}
.download_zy li .con3_txt2{ display:flex;justify-content: space-between;}
.download_zy li .con3_txt2 p{ text-align:right;}
.download_zy li .con3_txt2 h3{ font-size:1em; font-weight: 700;color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;line-height: 50px; margin: 0;
}

.download_zy li a:hover h3{ color:#b80201;}
.zyacaon {
    border: solid 1px #ddd;
    margin-bottom: 20px;
    background: #fff;
}

    .zyacaon .ulcona {
        width: 25%;
        float: left;
    }

        .zyacaon .ulcona h2 {
            background: #b80201;
            color: #fff;
            padding: 10px 0;
            text-align: center;
            font-size: 18px;
            font-weight: bold;
            margin: 0;
        }

        .zyacaon .ulcona li {
            text-align: center;
            line-height: 36px;
            padding: 10px;
        }
@media only screen and (max-width: 768px){
	
	.download_zy li{ flex:0 0 100%; margin-right: 0;}
	
	
}
@media only screen and (max-width: 480px) and (min-width: 320px) {
    .zyacaon {
        border: 0;
    }

        .zyacaon .ulcona {
            width: 100%;
            float: none;
            margin-bottom: 20px;
            border: solid 1px #ddd;
        }

            .zyacaon .ulcona li {
                text-align: left;
                border-bottom: solid 1px #eee;
            }

                .zyacaon .ulcona li:last-child {
                    border: 0;
                }
}