@charset "UTF-8";


header{position: fixed;top: 0;width: 100%;left: 50%;transform: translateX(-50%);background: #fff;z-index: 50;padding:0 15px;height:60px; line-height:60px;}
header .logo{float: left;width: 260px;margin-top:10px;}
header .logo img{width: 100%;display: block;}
.header-right{float: right;font-size: 0;}

.m-nav{display: none;}
.header-right .header-btns .icon{margin: 0;padding: 0;width: 18px;height: 18px;background-repeat: no-repeat;background-position: center;background-size: 100%;}
.header-right .header-btns .nav-btn{display:block;}

.header-right .header-btns{position: static;background-color: transparent;width: auto; margin-top:7px; margin-right:5px;}
.header-right .header-btns .nav-btn{display: inline-block;position: relative;width: 24px;height:24px;margin-top: 10px;transition: all .1s;background-image: url(/theme/default/cn_mobile/images/m_icon1.svg);}
.header-right .header-btns .nav-btn.cur{background-image: url(/theme/default/cn_mobile/images/m_close.svg);}
.m-nav{position: fixed;top: 60px;width: 100%;z-index: 50;box-sizing: border-box;padding: 0 20px 10px;background-color: rgba(255,255,255,.95); border-top:1px solid #ccc;}
.m-nav li{border-bottom: 1px solid #dcdcdc;}
.m-nav li:last-child{border-bottom: none;}
.m-nav li .tit{display: block;font-size:15px;padding:10px 5px;color: #333;position: relative;}
.m-nav li .tit:before{content: "";position: absolute;right: 0;width:16px;height:16px;margin-top:-10px;
	background-repeat: no-repeat;background-position: center;background-size: cover;background-image: url(/theme/default/cn_mobile/images/m_jia.png);top: 50%;transition: all .2s;
}
.m-nav li:nth-child(1) .tit:before{display: none;}
.m-nav li.on .tit:before{transform: rotate(45deg);}
.m-nav li .navson{padding-bottom:5px;display: none;}
.m-nav li .navson a{display: block;font-size:13px;line-height:25px;padding: 0 15px;color: #333;}
 /* header end */

footer{background: #f8f7f6; position:relative; padding:10px 0;}
.f-bot{ text-align:center;}
.f-bot .copy-box p,.f-bot .copy-box a{font-size:13px;line-height:23px;color: #777;transition:all .2s;}


 
*{-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;outline:0;-webkit-tap-highlight-color:transparent;-webkit-tap-highlight-color:transparent}
body{font-family:'微软雅黑';font-size:17px;line-height:21px;color:#000;-webkit-overflow-scrolling:touch}a{text-decoration:none;color:#007aff}a:active{color:#0062cc} 

.fl{float: left;}
.fr{float: right;}
.pd15{ padding: 0 15px; }
.s_tit{ padding:35px 0px 20px; }
.s_tit h5{ font-size:18px;color:#333;font-weight: bold; }
.s_tit a{ font-size:14px;font-weight: normal;color: #333;padding-top: 2px; }

.nengli{width: 94vw;margin: 0 auto;padding:70px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/theme/default/cn_mobile/images/index3_07.jpg);}
.nengli .txt{ font-size:18px; line-height:35px; text-align:center; color:#fff;}


.nengli1{width: 94vw;margin: 0 auto;padding:70px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/theme/default/cn_mobile/images/index_30.jpg);}
.nengli1 .txt{ font-size:18px; line-height:35px; text-align:center; color:#fff;}


.nengli2{width: 94vw;margin: 0 auto;padding:70px 0;background-repeat:no-repeat;background-position:center center;background-size:cover;background-image:url(/theme/default/cn_mobile/images/index3_05.jpg);}
.nengli2 .txt{ font-size:18px; line-height:35px; color:#fff; padding-left:10vw;}
.nengli2 .txt .tit {padding-bottom: 1vw;}
.nengli2 .txt .tit p{font-size: 36px;margin-bottom: 15px;}
.nengli2 .txt a {color: #fff; text-align:center;}
.nengli2 .txt .text {font-size: 39px;}
.nengli2 .txt .btn {width: 120px;border: 1px solid white;padding: 0.5vw 0;font-size: 14px;cursor: pointer;}

/** s_jj **/
.s_jj_list:after{ display: block;content: "";clear: both;}
.s_jj_list{ padding: 15px 15px 0; }
.s_jj_list ul li{width: 48%;float: left;background: #ff7e22;text-align: center; height:50px; line-height:50px; margin-bottom: 15px; }
.s_jj_list ul li:nth-of-type(even){ float: right; }
.s_jj_list ul li .img-s{ display: block; width: 50px;height: 50px;margin: 0 auto; }
.s_jj_list ul li .img-s img{ max-width: 100%; }
.s_jj_list ul li h5{ font-weight: bold;font-size: 16px;color: #fff; }
.s_jj_list ul li p{ font-size: 12px;color: #333;text-transform: uppercase; }

/** s_about **/
.s_about .con{ padding: 0 0 20px;background: #fff;  }
.s_about .con img{ max-width: 100%; }
.s_about .con .desc{ padding: 15px; font-size: 14px;color: #333; }
.s_about .con .details{ display: block;padding: 0 15px; color: #999;font-size: 14px; }

/** s_pro **/
.s_pro .con{ margin-bottom: -20px; }
.s_pro .con ul li{ width:100%; background: #fff;margin-bottom: 20px; }
.s_pro .con ul li a{ align-items:center; }
.s_pro .con ul li .tit {width: 100%;height: 45px; line-height:45px; text-align:center; font-size:16px; font-weight:bold;background:#ff7e22; color:#fff; margin-bottom:5px;}
.s_pro .con ul li .left-imgs{ text-align:center; }
.s_pro .con ul li .left-imgs img{ max-width: 100%;display: block; }
.s_pro .con ul li .right-text{ text-align:center; padding: 15px 0 10px; }
.s_pro .con ul li .right-text h5{ font-size: 16px; font-weight: bold;color: #333;}
.s_pro .con ul li .right-text p{ font-size: 14px; }
.s_pro .con ul li .text p{ padding: 0px 10px 15px; font-size: 14px;color: #333; }
.clear{ clear:both;}

/** s_news1 **/
.s_news1 .con{ margin-bottom: -20px; }
.s_news1 .con ul li{ width:100%; background: #fff;margin-bottom: 20px; }
.s_news1 .con ul li a{ align-items:center; }
.s_news1 .con ul li .tit {width: 100%;height: 45px; line-height:45px; text-align:center; font-size:16px; font-weight:bold;background:#ff7e22; color:#fff; margin-bottom:5px;}
.s_news1 .con ul li .left-imgs{ text-align:center; }
.s_news1 .con ul li .left-imgs img{ max-width: 100%;display: block; }
.s_news1 .con ul li .right-text{ text-align:center; padding: 15px 0 10px; }
.s_news1 .con ul li .right-text h5{ font-size: 16px; font-weight: bold;color: #333;}
.s_news1 .con ul li .right-text p{ font-size: 14px; }
.s_news1 .con ul li .text p{ padding: 0px 10px 15px; font-size: 14px;color: #333; }
.clear{ clear:both;}


.f2 {width: 94%;margin:0 auto; position:relative;}
.f2 .itemBox {width: 100%;height:330px; position:relative;background: white;color: #3c3c3c;transition: 0.5s all ease-in-out;margin-bottom: 20px;}
.f2 .itemBox .bg {width: 100%;height: 200px;background-size: cover !important;opacity: 1;position: absolute;transition: 0.5s all ease-in-out;}
.f2 .itemBox .text {position: relative;padding: 40px 0;height: 200px;font-weight: bold;text-align:center; color:#fff;}
.f2 .itemBox .text .tit .name {font-size: 30px; color:#fff;}
.f2 .itemBox .text .tit .des {font-size: 24px; line-height:50px; color:#fff;}
.f2 .itemBox .text .tit .txt {font-size: 18px; line-height:50px; color:#fff;}
.f2 .itemBox .secodNav {position: relative;padding: 1vw 2vw;font-weight: bold;text-align:left; color:#fff;}
.f2 .itemBox .secodNav .item {width:100%;font-size:16px; color:#333;padding:1vw 0;cursor:pointer;font-weight:normal;transition:0.1s all ease-in-out;}
.f2 .itemBox .text a{width:100%;}
.f2 .itemBox .secodNav .item:hover {color: #ff7e22;}
.f2 .active {color: white;transition: 0.5s all ease-in-out;}
.f2 .active .text a{color:#ff7e22;transition: .5s all ease-in-out;}

/** s_hezuo **/
.s_hezuo .con{ margin-bottom: -20px; }
.s_hezuo .con ul li{ width:100%; background: #fff;margin-bottom: 20px; }
.s_hezuo .con ul li a{ align-items:center; }
.s_hezuo .con ul li .tit {width: 100%;height: 45px; line-height:45px; text-align:center; font-size:16px; font-weight:bold;background:#ff7e22; color:#fff; margin-bottom:5px;}
.s_hezuo .con ul li .left-imgs{ text-align:center; }
.s_hezuo .con ul li .left-imgs img{ max-width: 100%;display: block; }
.s_hezuo .con ul li .right-text{ text-align:center; padding: 15px 0 10px; }
.s_hezuo .con ul li .right-text h5{ font-size: 16px; font-weight: bold;color: #333;}
.s_hezuo .con ul li .right-text p{ font-size: 14px; }
.s_hezuo .con ul li .text p{ padding: 0px 10px 15px; font-size: 14px;color: #333; }
.clear{ clear:both;}



.f6 {width: 94vw;margin: 0 auto;background-color: #e7e4d1;color: #333;text-align: center;padding: 5vw 0;}
.f6 .item {margin-bottom: 50px;}
.f6 .item .tit {padding-bottom: 1vw;}
.f6 .item .tit p:nth-child(1) {font-size: 24px;margin-bottom: 15px;}
.f6 .item .tit p:nth-child(2) {font-size: 16px;margin-bottom: 15px;}
.f6 .item a {color: #333;}
.f6 .item .text {font-size: 24px;}
.f6 .item .btn {width: 120px;border: 1px solid white;margin: 0 auto;padding: 1vw 0;font-size: 18px;cursor: pointer;}

/** s_adva **/
.s_adva .con ul li{ background: #fff;margin-bottom: 20px; position:relative; }
.s_adva .con ul li:last-child{ margin-bottom: 0; }
.s_adva .con ul li a{ color: #333; }
.s_adva .con ul li .numbers{ font-size: 14px; width:100%; }
.s_adva .con ul li .numbers img{ width:100%;}
.s_adva .con ul li h5{ font-size: 18px;color: #fff;font-weight: bold; position:absolute; top:0; width:100%; height:100%; text-align:center; z-index:10; background:rgba(0,0,0,0.5);}
.s_adva .con ul li h5 span{ line-height:30vh;}

/** s_news **/
.s_news{ margin-bottom: 40px; }
.s_news .con ul li{ background: #fff;margin-bottom: 20px; }
.s_news .con ul li:last-child{ margin-bottom: 0; }
.s_news .con ul li .desc{ padding: 15px; }
.s_news .con ul li .desc h5{ font-size: 16px;color: #333;font-weight: bold; }
.s_news .con ul li .desc p{ font-size: 14px; color:#333;padding: 8px 0 10px; }
.s_news .con ul li .desc .time{ color: #999;font-size: 13px; }



.banner{overflow: hidden;position: relative;max-width: 1920px;margin:60px auto 0;}
.banner img{width: 100%;}
.banner .btns{position: absolute;left: 0;bottom: 5.8%;width: 100%;z-index: 3;text-align: center;font-size: 0;}
.banner .btns .swiper-pagination-bullet{display: inline-block;*display: inline;zoom: 1;width: 18px;height: 18px;background-color: transparent;position: relative;margin: 0 10px;transform: rotate(-90deg);}
.banner .btns .init,.banner .btns .hover{opacity: 0;filter: alpha(opacity=0);}
.banner .btns .swiper-pagination-bullet .hover{stroke-dasharray:314 0;stroke: none;}
.banner .btns .swiper-pagination-bullet:before{content: "";position: absolute;left: 50%;top: 50%;width: 8px;height: 8px;background-color: rgba(255,255,255,.6);transform: translate(-50%,-50%);border-radius: 100%;}
.banner .btns .swiper-pagination-bullet-active:before{background-color: #bca065;width: 4px;height: 4px;}
.banner .btns .swiper-pagination-bullet-active .init,
.banner .btns .swiper-pagination-bullet-active .hover{opacity: 1;filter: alpha(opacity=100);}
.banner .btns .swiper-pagination-bullet-active .hover{stroke: #fff;animation: circle-chart-fill 5s reverse;}
@keyframes circle-chart-fill {
  to { stroke-dasharray: 0 314; }
}



.i-news-box{padding: 0 0 3.75rem;}

.i-news{position: relative;}

.i-news .i-news-list{ margin-bottom:30px;}
.i-news .img img{width: 100%;}
.i-news .text-box{transition: all .2s; background:#f8f7f6; padding:15px 10px;}
.i-news .text-box .tit{font-size:18px; font-weight:bold;line-height:30px;color: #333;transition: all .2s;}
.i-news .text-box .con{font-size:14px;line-height:20px;color: #999;margin-top:3px; margin-bottom:5px;}

.i-news .time .ym{font-size:13px;color: #999999;line-height:30px;}





/*==============内页=====================*/
#n_banner{position: relative; background: #000; margin-top:60px; }
#n_banner img{ display: block; width: 100%; opacity: .85;}
#n_banner .box{ position: absolute; top: 50%; left:0; width: 100%; margin-top: -25px; text-align: center;}
#n_banner .box h1{ display: block; font-size: 16px; color: #fff;}
#n_banner .box h2{ font-size: 18px; color: #fff; font-weight: 700; text-transform: uppercase;}

/*==============内页区====================*/ 
#n_main_box{ margin: 30px 15px; min-height:360px;}

.ar_article {color:#7c7c7c; font-size:13px; line-height:28px; text-align:justify; padding:10px 0 50px;position:relative; width:100%; }
.ar_article1 {color:#7c7c7c; font-size:13px; line-height:28px; text-align:justify; padding:10px 0 50px;position:relative; width:100%; }
.ar_article img{ max-width:100%; height:auto;}


/*==============内页导航=====================*/
#nav_slide{ background: #ff7e22; line-height: 50px; position: relative; z-index: 9;}
#nav_slide #bnt_back{ position:absolute; left:15px; top:18px;  }
#nav_slide #bnt_back img{ height: 15px;}
#nav_slide .n_title{ height: 50px;}
#nav_slide h1{ font-size: 16px; color: #fff; text-align: center; line-height: 50px;}
#bnt_sub_nav{ position: absolute; right: 15px; top: 17.5px; cursor: pointer; }
#bnt_sub_nav img{ display: block; height: 15px; }
#bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);}
#sub_nav_content{background: #f2f2f2; display: none; box-shadow: 0 0 5px #333; z-index: 9; position: absolute;top: 50px;left: 0;width: 100%;}
#sub_nav_content ul{ padding: 0 20px 5px;}
#sub_nav_content ul li { display: block;  margin:20px 0;}
#sub_nav_content ul li a{ display:block; border-left:2px solid #333; height: 20px; line-height: 20px; font-size: 14px; padding-left: 10px; color: #333;}
#sub_nav_content ul li.on a{color: #ff7e22;  border-left:2px solid #ff7e22;}


.pagination {display: inline-block;padding-left: 0;margin: 20px 0;border-radius: 4px;}
.pagination > li {display: inline; list-style-type:none;}
.pagination > li > a,.pagination > li > span {position: relative;float: left;padding: 6px 12px;margin-left: -1px;line-height: 1.42857143;color: #337ab7;text-decoration: none;background-color: #fff;border: 1px solid #ddd;}
.pagination > li:first-child > a,.pagination > li:first-child > span {margin-left: 0;border-top-left-radius: 4px;border-bottom-left-radius: 4px;}
.pagination > li:last-child > a,.pagination > li:last-child > span {border-top-right-radius: 4px;border-bottom-right-radius: 4px;}
.pagination > li > a:hover,.pagination > li > span:hover,.pagination > li > a:focus,.pagination > li > span:focus {z-index: 2;color: #23527c;background-color: #eee;border-color: #ddd;}
.pagination > .active > a,.pagination > .active > span,.pagination > .active > a:hover,
.pagination > .active > span:hover,.pagination > .active > a:focus,.pagination > .active > span:focus {z-index: 3;color: #fff;cursor: default;background-color: #337ab7;border-color: #337ab7;}





