body { -webkit-font-smoothing: antialiased; font-family: "Lantinghei SC", "Open Sans", Arial, "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑", "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif; font-size: 14px; color: #231815; }
input,
select,
textarea { font-family: 微软雅黑,"Open Sans", sans-serif; font-size: 1em;; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.wrap { width: 91%; margin: 0 auto; position: relative; }
p { text-align: justify; }
img, a { border: 0; }
a{color:#231815;}
a:hover{color:#e7364a}
.img img { display: block; margin: 0 auto; }
ul, li { list-style: none; }
* { margin: 0; padding: 0; }
.flt { float: left; }
.frt { float: right; }
.clear { clear: both; }
ul:after, .clear:after, .clear:before { content: ''; clear: both; display: table; }
img { max-width: 100%; }
.img img { display: block; }
h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
*, *:after, *:before { transition: all 0.5s; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; }


.owl_num .owl-dots { counter-reset: nav; }
.owl_num .owl-dots .owl-dot span:before { text-align: center; display: block; counter-increment: nav; content: "0" counter(nav); }


.modal, .fp_modal { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 1000 }
.fp_modal { display: table; }
.modal { transition: all 0s; -o-transition: all 0s; -webkit-transition: all 0s; -moz-transition: all 0s; -ms-transition: all 0s; background: rgba(0,0,0,0.7); }
.fp_modal .cell { display: table-cell; vertical-align: middle; }
.modal_cont { max-width: 990px; margin: 0 auto; width: 90%; background: #fff; position: relative; }
.modal_cont .close { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; background: url(../img/close.png) no-repeat center center #ccc; border-radius: 100%; cursor: pointer; }
.modal_cont .box { padding: 45px; }
.modal_ewm .modal_cont { max-width:260px; }
.modal_ewm .modal_cont .box { padding:0; }
.md_ewm { width:260px; margin:0 auto; padding-bottom:10px; }
.md_ewm .img { }
.md_ewm .img img { display:block; width:100%; }
.md_ewm p { color:#333; text-align:center; line-height:24px; }
/*----------header----------*/
.header { line-height: 95px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: fixed; top: 0; left: 0; width: 100%; z-index: 10; }
.head { line-height: 42px; border-bottom: 1px solid #eee }
.logo { float: left; font-size:0; }
.logo a { display: block; background: url(../img/logo.png) no-repeat center left; }
.header.h_menu .logo a { background: url(../img/logo-1.png) no-repeat left center; }
.logo img { vertical-align: middle; opacity: 0 }
.menubtn { float: right; position: relative;  width: 50px; height: 50px; cursor: pointer; display:none; }
.menubtn label { display: block; height: 4px; width: 26px; left: 0; right: 0; margin: 0 auto; background: #e7364a; position: absolute; top: 50%; margin-top: -2px; left: 0; }
.menubtn label.lbl1 { transform: translateY(-9px); }
.menubtn label.lbl2 { transform: translateY(9px); } 
.h_menu .menubtn:hover { background: rgba(255,255,255,0.05) }
.h_menu .menubtn label, .menubtn:hover label { background: #fff; }
.h_menu .menubtn label.lbl1, .menubtn:hover label.lbl1 { transform: rotate(-45deg); height: 3px; }
.h_menu .menubtn label.lbl2, .menubtn:hover label.lbl2 { transform: rotate(45deg); height: 3px; }
.h_menu .menubtn label.lbl3, .menubtn:hover label.lbl3 { opacity: 0 }
.menu.on { left: 0; }
.menu { float:right; }
.menu ul {  }
.menu ul li { float:left; font-size:19px; margin-left:100px; }
.menu ul li:last-child { display:none; }
.menu li a { display: block; }
.menu li.on a, .menu li a:hover { color: #e7364a; }
.banner .item { position: relative; font-family: Arial; }
.banner .item .text { left: 0; width: 100%; text-align: center; color: #fff; position: absolute; top: 50%; transform: translateY(-50%); -o-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); font-size: 24px; }
.banner .text h2 { font-size: 2em; margin-bottom: 1em; }

.owl-theme .owl-dots .owl-dot span { width: 48px; height: 5px; border-radius: 0; margin: 0 5px; opacity: .5; }
.owl-theme .owl-dots { margin-bottom: 30px; }
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #fff; opacity: 1; }

.banner{ }
.swiper1{ }
.swiper1.swiper-container .img1 { overflow: hidden; }
.swiper1.swiper-container .img1 img { display:block; }
.swiper1 .swiper-pagination { bottom:50px; }
.swiper1 .swiper-pagination-bullet { width: 4px; height: 4px; border-radius: 6px; background: #58524f; opacity:1; position:relative; }
.swiper1.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 13px; }
.swiper1 .swiper-pagination-bullet:after { content: ''; display: block; width: 14px; height: 14px; border-radius: 14px; border: transparent 2px solid; position: absolute; top: -7px; left: -12px; margin: 0 5px; }
.swiper1 .swiper-pagination-bullet.swiper-pagination-bullet-active:after { border-color: #58524f }




.page { background: #fff; padding: 100px 0 }
.page_tit{ margin-bottom:50px;}
.page_tit h3 { line-height: 50px; font-size: 46px; font-weight: normal; }
.page_menu { margin-top:26px; }
.page_menu li { float: left; line-height:24px; padding:0 20px; position:relative; }
.page_menu li .line { width:1px; height:16px; background:#333; position:absolute; right:0; top:4px; }
.page_menu li:first-child:before { content: ''; display: block; width: 1px; height: 16px; background: #333; position: absolute; left: 0; top: 4px; }
.page_menu li:hover:before { transform: rotate(15deg); background: #e7364a; }
.page1_list li { width: 33.33%; float: left; }
.page1_list li a{ display:block; position:relative;}
.page1_list li .img{overflow:hidden;}
.page1_list li .mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: transparent; background: #e7364a; opacity: 0; }
.page1_list li .text { position: absolute; top: 50%; left: 0; right: 0; text-align: center; line-height: 30px; margin-top: -30px; color: #fff; }
.page1_list li:nth-child(3n+1){ clear:both;}
.page1_list li h3 { font-size: 20px; font-weight: normal; transform: translateY(-10px); opacity: 0; }
.page1_list li p { text-align: center; transform: translateY(10px); opacity: 0; }
.page1_list li a:hover .mask{opacity:0.72;}
.page1_list li a:hover h3, .page1_list li a:hover p { opacity: 1; transform: translateX(0); }
.page1_list li a:hover .img img{transform:scale(1.2);}
.page_text .tit{ padding:50px 0;line-height:90px; margin-top:20px;}
.page_text .tit h3 { font-size: 55px; font-weight: normal; color: #e7364a ; white-space:initial; }
.page_text .text{ line-height:40px; font-size:16px;color:#666}
.page_text .text p span { font-weight:bold; }

.links { background: #fff; border-top: 2px solid #ebecec; padding: 15px 0; }
.links_list { width:90%; margin:0 auto; }
.links_list ul { margin:0 -5px; }
.links_list ul li { float:left; width:16.666%; }
.links_list ul li .img { text-align:center; margin:0 5px; height:101px; line-height:101px; }
.links_list ul li .img a { vertical-align:middle; font-size:0; }
.links_list ul li .img img { display:inline-block; vertical-align: middle; max-height:90px; }
.links .swiper-button-next:after, .swiper-button-prev:after { font-size: 18px; color: #bfc1c6; font-weight: bold; }
.links .swiper-button-next:hover:after, .swiper-button-prev:hover:after { color: #e7364a }
.links .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: 0; }
.links .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: 0; }

.page_tit.page_tit2 h3 { line-height: 39px; }
.page_tit.page_tit2 .page_menu { margin: 0; line-height: 37px; }
.page_tit.page_tit2 .page_menu ul li { margin-left: 5px; }
.page_tit.page_tit2 .page_menu ul li a { display: block; width: 113px; border: 1px solid #9f9a99; text-align: center; }
.page_tit.page_tit2 .page_menu ul li.on a, .page_tit.page_tit2 .page_menu ul li a:hover { color: #fff; background: #231815; }

.page1_list.page_wrok ul { margin: 0 -6px; }
.page1_list.page_wrok li { width: 25%; margin: 6px 0; }
.page1_list li:nth-child(3n+1) { clear: initial; }
.page1_list.page_wrok li a { display: block; margin: 0 6px; }

.page_tit.m0 { margin-bottom:0; }
.page_news { }
.page_news ul { margin:0 -2px; }
.page_news ul li { float:left; width:33.333%; margin-top:60px; }
.page_news ul li a { display: block; margin: 0 2px; background: #f8f8f8; }
.page_news ul li .img { }
.page_news ul li .img img { display:block; width:100%; }
.page_news ul li .text { padding:25px 20px 5px 20px; }
.page_news ul li .text h3 { font-size: 16px; font-weight: normal; color: #515151; margin-bottom:5px; }
.page_news ul li .text h4 { font-size: 13px; font-weight: normal; color: #858585; line-height:24px; margin-bottom:3px; }
.page_news ul li .text p { color: #858585; font-size: 13px; line-height: 24px; height:96px; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; }

.page_zixun { margin:0 auto; width:100%; max-width:1200px; }
.page_zixun .tit { padding-bottom: 20px; border-bottom: 1px solid #e4e5e5; }
.page_zixun .tit h3 { font-size: 60px; line-height: 100px; color: #e7364a; font-weight: normal; white-space: initial; }
.page_zixun .web { padding-top:55px; }
.page_zixun .web p { font-size:18px; line-height:36px; color:#666; }

.page_det { width:100%; max-width:1200px; margin:0 auto; }
.page_det .tit { padding-bottom:60px; border-bottom:1px solid #e4e5e5; }
.page_det .tit h3 { font-size: 60px; color: #231815; white-space:initial; font-weight:normal; }
.page_det .tit h4 { font-size: 30px; color: #231815; font-weight:normal; margin-top:20px; }
.page_det .web { padding-top:40px; }
.page_det .web p { font-size: 18px; line-height: 36px; color: #666; min-height:36px; }
.page_det .web img { display:block; width:100%; }

.prev_next { }
.prev_next a { width:50%; padding:40px 0; float:left; }
.prev_next a .web { width:40%; margin:0 auto; position:relative; }
.prev_next a .web h3 { font-size: 18px; color: #3f3f3f; }
.prev_next a .web p { font-size: 14px; font-weight: bold; color: #b7b7b7; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top:15px; }
.prev_next a.prev .web h3 { text-align: right; margin-left: 40%; }
.prev_next a.prev .web p { text-align: right; margin-left: 40%; }
.prev_next a.next .web h3 { margin-right: 40%; }
.prev_next a.next .web p { margin-right: 40%; }
.prev_next a .web .arrow { position: absolute; top: 50%; transform: translateY(-50%); opacity:0; }
.prev_next a .web .arrow.prev { left: 0; margin-left: 40px; }
.prev_next a .web .arrow.next { right: 0; margin-right: 40px; }
.prev_next a .web .arrow img { display: block; }
.prev_next a:hover { background: #f4f4f4; }
.prev_next a:hover .web { width:45%; }
.prev_next a:hover .web .arrow { opacity:1; margin:0; }

.page_det.work_det { }
.page_det.work_det .web { padding-bottom: 40px; border-bottom: 1px solid #e4e5e5; }
.page_det.work_det .img { padding-top:25px; }
.page_det.work_det .img img { display:block; width:100%; margin:20px 0; }




.page_news { }
/*----------mainer----------*/
.mainer { padding-top:95px; position:relative; z-index:2; }
.mainer.index { padding:0; }
.h_zw { height: 95px; }
/*----------footer----------*/
.footer { background: #f7f7f7; position: relative; z-index: 2; }
.footer .cont { padding:85px 0 75px; }
.foot_text { width: 35%; float: left; padding-right:5%; }
.foot_text h3 { font-size: 16px; color: #606060; font-weight:normal; margin-bottom:35px; }
.foot_text p { font-size: 13px; color: #8a8a8a; line-height: 29px; }
.foot_text p a { display:inline-block; width:30px; height:30px; border-radius:30px; font-size:0; text-align:center; margin-right:10px; }
.foot_text p a.a_qq { background:url(../img/icon1.png) no-repeat center center; }
.foot_text p a.a_wx { background: url(../img/icon2.png) no-repeat center center; }
.foot_text p a.a_qq:hover { background: #464646 url(../img/icon1-1.png) no-repeat center center; }
.foot_text p a.a_wx:hover { background: #464646 url(../img/icon2-1.png) no-repeat center center; }
.foot_inputs { overflow: hidden; padding-top: 1px; }
.foot_inputs .div_input { border-bottom: 1px solid #dedede; float: left; margin-left: 3%; line-height:43px; width:31.333%; margin-top:40px; }
.foot_inputs .div_input:nth-child(3n+1) { margin-left: 0; }
.foot_inputs .div_input input { width: 100%; border: none; background: none; font-size:13px; height:43px; line-height:43px; }
.foot_inputs .div_textarea { border-bottom: 1px solid #dedede; clear: both; padding: 10px 0; margin-top: 10px; }
.foot_inputs .div_textarea textarea { width: 100%; border: none; background: none; resize: none; vertical-align: top; height: 100px; }
.foot_inputs .div_btn { margin-top:35px; }
.foot_inputs .div_btn a { display:inline-block; width:98px; height:37px; line-height:37px; border:1px solid #dedede; text-align:center; font-size:13px; vertical-align:top; }
.copyright { background: #fff; padding: 15px 0; border-top: 1px solid #ebecec; }
.copyright p { font-size: 12px; color: #8a8a8a; line-height: 20px; }
.copyright p span { float: right; color: #e83f53; font-size:14px; }
.copyright p span em { font-style:normal; font-weight:bold; }

.pagesize { text-align: center; font-size: 0; margin-top: 90px; }
.pagesize a { display: inline-block; line-height: 34px; height:34px; width: 34px; margin: 0 5px; font-size: 12px; color: #afafaf; vertical-align:top; font-family:Arial; }
.pagesize a.prev { background:url(../img/icon3.png) no-repeat center center; background-size:auto 15px; }
.pagesize a.next { background: url(../img/icon4.png) no-repeat center center; background-size: auto 15px; }
.pagesize a:hover, .pagesize a.on { background: #282828; color: #fff; }
.pagesize a.prev:hover { background: #282828 url(../img/icon3-1.png) no-repeat center center; background-size: auto 15px; }
.pagesize a.next:hover { background: #282828 url(../img/icon4-1.png) no-repeat center center; background-size: auto 15px; }
/*----------custom----------*/
@media only screen and (max-width: 1600px) { }

@media only screen and (max-width: 1200px) {
}

@media only screen and (max-width: 1000px) {
}

@media only screen and (max-width: 750px) {
    .header { line-height: 50px; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 10; position: fixed; top: 0; left: 0; width: 100%;  }
    .header .logo { position: relative; z-index: 99; line-height: 50px; float: none; text-align: center; }
    .header .logo a { background: none; font-size:0; }
    .header.h_menu .logo a { background:none; }
    .header .logo a img { opacity: 1; vertical-align:middle; max-height:20px; }
    .menubtn { float:none; position:absolute; top:0; left:-4%; z-index:100; display:block; }
    .h_menu .menubtn label.lbl1, .menubtn:hover label.lbl1 { background: #e7364a; }
    .h_menu .menubtn label.lbl2, .menubtn:hover label.lbl2 { background: #e7364a; }
    .menu { float:none; position: fixed; top: 50px; left: -100%; width: 100%; bottom: 0; background: rgba(231,54,74,0.95); z-index:5; }
    .menu ul { padding-top: 10px; margin: 0 auto; margin-top: 0; width: 91%; text-align: right; }
    .menu ul li { float: none; display: block; padding: 0; text-align:left; margin:0; }
    .menu ul li:last-child { display:block; }
    .menu ul li a { line-height: 45px; font-size: 18px; font-weight: bold; color: #fff; padding:0; height:auto; border:none; }
    .menu li.on a, .menu li a:hover { color: #000 }
    .menu p { color: #fff; text-align: left; font-size: 18px; margin-top: 0; line-height: 30px; padding: 10px 0; }
    .menu p span { font-weight: 100; opacity: 0.7; }
    .h_menu .menu { left: 0; }

    .mainer { padding-top:50px; }
    .banner { height:auto; }
    .swiper1 { position: relative; margin-top:50px; }
    .swiper1.swiper-container .img1 { height: 250px; }
    .swiper1.swiper-container .img1 img { display:none; }
    .swiper1 .swiper-pagination { bottom: 10px; }

    .page { padding: 20px 0; }
    .wrap { width: 95%; }
    .page_tit { margin-bottom:20px; }
    .page_tit h3 { font-size:24px; }
    .page_tit h3.flt { float: none; }
    .page_menu.frt { float: none; }
    .page_menu { margin-top:0; }
    .page_menu.frt ul { margin:0 -5px; }
    .page_menu.frt ul li { width:50%; margin:5px 0; text-align:center; padding:0; line-height:40px; }
    .page_menu.frt ul li a { display: block; border: 1px solid #ddd; margin: 0 5px; }
    .page_menu.frt ul li a:hover { color:initial; }
    .page_menu.frt ul li a:active { background: #e7364a; color: #fff; }
    .page_menu.frt ul li .line { display: none; }
    .page_menu.frt ul li:first-child:before { display:none; }
    .page1_list li { width: 50%; }
    .page1_list li:nth-child(3n+1) { clear:initial; }
    .page1_list li h3 { font-size:16px; }
    .page1_list li p { font-size:12px; }
    .page_text .tit { padding:10px 0; margin-top:10px; }
    .page_text .tit h3 { font-size:20px; line-height:30px; }
    .page_text .text { font-size:14px; line-height:24px; }
    .links { padding:5px 0; }
    .links_list ul li { width: 33.333%; }
    .links_list ul li .img { line-height:60px; height:60px; }
    .links_list ul li .img img { max-height:50px; }
    .footer .cont { padding:20px 0; }
    .foot_text { width:auto; float:none; padding:0; }
    .foot_text h3 { margin-bottom:10px; }
    .foot_inputs { margin-top:10px; }
    .foot_inputs .div_input { float: none; width: auto; margin: 0; }
    .foot_inputs .div_btn { margin-top:20px; }
    .copyright { padding:5px 0; }
    .copyright p { text-align:center; }
    .copyright p span { float: none; display: inline-block; }
    .page_tit.page_tit2 .page_menu { line-height:30px; }
    .page_tit.page_tit2 .page_menu ul li { margin-left: 0; margin-right: 5px; }
    .page_tit.page_tit2 .page_menu ul li a { width:auto; padding:0 10px; }
    .page1_list.page_wrok ul { margin:0 -3px; }
    .page1_list.page_wrok li { width: 50%; margin: 3px 0; }
    .page1_list.page_wrok li a { margin:0 3px; }

    .pagesize { margin-top:20px; }
    .pagesize a { width: 30px; height: 30px; line-height: 30px; font-size: 14px; margin: 0 2px; }
    .pagesize a.prev { background: url(../img/icon3.png) no-repeat center center; background-size: auto 15px; }
    .pagesize a.prev:hover { background: #282828 url(../img/icon3-1.png) no-repeat center center; background-size: auto 15px; }
    .pagesize a.next { background: url(../img/icon4.png) no-repeat center center; background-size:auto 15px; }
    .pagesize a.next:hover { background: #282828 url(../img/icon4-1.png) no-repeat center center; background-size: auto 15px; }

    .page_news { }
    .page_news ul { margin:0; }
    .page_news ul li { width:auto; float:none; margin-top:10px; }
    .page_news ul li a { margin:0; }
    .page_news ul li .text { padding: 10px; }
    .page_news ul li .text h3 { font-size:18px; margin-bottom:10px; }
    .page_news ul li .text h4 { font-size:14px; margin-bottom:5px; }
    .page_news ul li .text p { font-size:14px; line-height:24px; height:96px; }

    .page_zixun .tit { }
    .page_zixun .tit h3 { font-size:20px; line-height:40px; }
    .page_zixun .web { padding-top:20px; }
    .page_zixun .web p { font-size:14px; line-height:24px; }

    .page_det .tit { padding-bottom:10px; }
    .page_det .tit h3 { font-size:20px; }
    .page_det .tit h4 { font-size:16px; margin-top:10px; }
    .page_det .web { padding-top:10px; }
    .page_det .web p { font-size:14px; line-height:24px; min-height:24px; }

    .prev_next a { padding:20px 0; }
    .prev_next a .web { width: 70%; margin: 0; margin-left: 10%; }
    .prev_next a.prev .web h3 { margin: 0; font-size: 14px; }
    .prev_next a.prev .web p { margin:0; font-size:12px; margin-top:10px; }
    .prev_next a.next .web h3 { margin: 0; font-size: 14px; }
    .prev_next a.next .web p { margin: 0; font-size: 12px; margin-top: 10px; }
    .prev_next a .web .arrow { width: 7px; height: 11px; opacity:1; }
    .prev_next a .web .arrow.prev, .prev_next a .web .arrow.next { margin: 0; }
    .prev_next a .web .arrow img { display: none; }
    .prev_next a .web .arrow.prev { background:url(../img/icon5.png) no-repeat center center; left:-7px;     }
    .prev_next a .web .arrow.next { background: url(../img/icon6.png) no-repeat center center; right:-7px; }
    .prev_next a:hover .web { width:70%; }

    .h_zw { height:0; }
}