@charset "utf-8";

/* CSS Document */



/*初始化*/

html {font-family: "微软雅黑"; background:#fff;} 

body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, input,figure { margin: 0; padding: 0; }

body { -webkit-overflow-scrolling: touch; text-align:left;  max-height: 100%; max-width:640px; margin:0 auto; }

a, a:hover { text-decoration: none; outline: none;  }

li { list-style: none }

img { border: none; max-width:100%; margin:0; padding:0;/* display:block; */}

input, select, textarea { border: none; outline: none; background: none }

em,i { font-style: normal }

h1, h2, h3, h4, h5, h6 { font-weight: normal }

.clear{clear:both; width:100%; overflow:hidden;}

.clearfix::after{ clear: both; display: block; height: 0; content: '';}

.verticalcenter{ position: relative;   top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%);    transform: translateY(-50%);}

/* clear */

.fn-clearfix:after { display: block; font-size: 0; content: '\0020'; clear: both; height: 0; }

.fn-clearfix { zoom: 1; /*for IE6 IE7*/ }

.fn-clear { visibility: hidden; clear: both; }

.fl{ float:left}

.fr{ float:right}

/*header*/

.header { background:#fff; height:1.25rem; display:table; margin:0 auto; width:10rem; overflow:hidden; padding: 0}

.header .logo {  float:left; z-index:5;display:table }

.header .logo img { height:1.25rem; display:table; padding: 0 0 0 0.3rem}

.header .menu { float:right; padding-right: 0.1rem; height:1.25rem; display:table ;background:none; border:none;outline:medium;}

.header .menu a img{ height:1.25rem;}

.header .tel { float: left; display:table; height:1.25rem; padding:0 0 0 0.6rem    }

.header .tel a{color:#333; height:1.25rem; display: table;padding:0 0 0 0rem; font-weight:bolder; font-style:inherit; font-size:16px; line-height: 1.25rem; background: url("../images/tel.png") no-repeat center left; padding: 0 0 0 0.5rem; background-size: 0.45rem;}

.header .tel img{ height:1.25rem; display:table }



/*弹出菜单*/

.menu1{background-color:rgba(229, 49, 12,0.6); font-family: "微软雅黑"; z-index:}

.menu1 a{color: #fff; font-size:14px;}

.menu1 a:hover{text-decoration: underline;}

.menu-header{border-bottom:1px solid #ff4e2b; padding: 18px 6px 18px 10px; text-align:center; font-size:18px;}

.menu-header-title{font-weight: 400; letter-spacing: 0.5px; margin: 0;}

.menu-section{ width:4.6rem; position:absolute; right:0; background-color:rgba(229, 49, 12, 0.8); height:100%; }

.menu-section-title{text-transform: uppercase; color: #bf0211; font-weight: 200; font-size: 13px; letter-spacing: 1px; padding: 0 20px; margin:0;}

.menu-section-list{padding:0; margin: 10px 0; list-style:none;}

.menu-section-list a{display: block; padding:0.15rem 0.4rem;}

.menu-section-list .menu_nav{ display:table; margin:0 auto; padding:0 0.6rem;}

.menu-section-list .menu_nav a{ float:left; width:50%; box-sizing:border-box; padding:0.1rem 0.2rem;}

.menu-section-list a:hover{background-color: rgba(255, 255, 255, 0.1); text-decoration: none;}

.menu1 {position: fixed; top: 0; bottom: 0; right: 0; z-index: 4000; width:100%; overflow-y: scroll; -webkit-overflow-scrolling: touch; display: none;}

@-webkit-keyframes shake { 0%, 100% { -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0); }

  50% {  -webkit-transform:translate3d(-10px, 0, 0); transform:translate3d(-10px, 0, 0);  }}



@keyframes shake {

  0%, 100% {  -webkit-transform:translate3d(0, 0, 0);  transform:translate3d(0, 0, 0);  }

  50% { -webkit-transform:translate3d(-10px, 0, 0);  transform:translate3d(-10px, 0, 0);  }}



.shake { -webkit-animation-name:shake; animation-name:shake; -webkit-animation-duration:0.5s; animation-duration:0.5s;

 -webkit-animation-iteration-count: 1; animation-iteration-count: 1;  display:block;}

 /*s_nav*/

.s_nav{ width:10rem; display: table; background:#e1600e;}

.s_nav dt{display:table; width:10rem; border-bottom:1px solid #e38774}

.s_nav a{ width:2.5rem; text-align:center; float:left; font-size:16px; color:#fff; padding:0.25rem 0; /*background:url(../images/nav_xx.jpg) no-repeat center right*/}

.s_nav a:last-child{ background:none}



 

/*banner*/

.sy_banner{ width:10rem; display:table; position:relative}

.swiper-container { width:10rem;   height: auto; }

.swiper-slide {  text-align: center;font-size: 18px; background: #fff; }

.swiper-container .swiper-slide {}

.swiper-container .swiper-slide img{ display:table}

.swiper-pagination-bullet{ width:0.2rem; height:0.2rem; background:#fff; border-radius:50%; opacity:.6;}

.swiper-pagination-bullet-active{width:0.75rem; height:0.2rem; background:#fff; border-radius:0.5rem; opacity:1;}

.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:url(../images/arr_slide.png) no-repeat center center; width:0.8rem; height:0.8rem; background-size:0.8rem }

.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/arr_slide2.png) no-repeat center center; width:0.8rem; height:0.8rem; background-size:0.8rem}





/*wrap*/

.wrap{ width:10rem;}

.box1{ width: 10rem; display: table; margin:0 auto ; background: url("../images/bj1.jpg") no-repeat bottom center; background-size: 10rem; padding: 0 0 0.6rem} 

.bt{ display: table; line-height: 1; margin:0 auto; text-align: center; padding: 1rem 0 0.6rem;}

.bt h1{ font-size: 30px; color: #323232; font-weight: bolder; }

.bt span{ font-size: 13px; color: #aeb1b2;text-transform: uppercase; line-height: 1.2;margin:0.2rem  auto ;display: table; }

.bt i{ width: 0.8rem; height: 0.15rem; background: #e1600e; display: table; border-radius: 10px;  margin:0 auto}



.jj-w{ width: 9.2rem; display: table; margin: 0 auto}

.jj-w h3{font-size:20px; text-align:center; color: #000; font-weight: bolder;margin:0.2rem 0 0.5rem;}

.jj-w h3 span{ color: #e1600e}

.jj-w p{ color: #323232;font-size: 14px; line-height:1.6; margin: 0 0 0.5rem}

.jj-t{ width: 10rem; padding: 0 0 0.5rem}

.jj-t img{ width: 9.2rem; border-radius: 0.3rem; display: table; margin: 0 auto;}



.more { display: table; padding: 0.5rem 0; margin: 0 auto}

.more a{background: #e1600e; color:#fff; border-radius: 0.5rem;  font-size: 13px; line-height: 0.9rem; padding: 0 0.8rem; display: table; margin: 0 auto}



/*box2*/

.box2{ width: 100%; background: url("../images/bj2.jpg") no-repeat center top #d35e0e; display: block; background-size: 10rem; margin:0 auto; padding:  0 0 0.8rem; box-sizing: border-box; }

.box2 .bt h1,.box5 .bt h1{ color: #fff}

.box2 .bt  i,.box5 .bt  i{ background: #fff}

.box2 .bt span,.box5 .bt span {color: #fff; opacity: .6}



.cpk{ width: 9.2rem; margin: 0 auto; position: relative; box-sizing: border-box }

.cpk .swiper-container{ width: 9.2rem; padding: 0 0 1.4rem; }

.box2 .swiper-slide { background:none}

.box2 .swiper-slide .cp1{ width: 100%; background: url("../images/bj3.png") no-repeat center center; box-sizing:border-box; background-size: cover; border: 1px  solid #e97e67}

.cpk a .cp1{ color: #fff; text-align: center; }

.cpk a .cp1 .cp-img{ display: table; margin:0.4rem auto 0 auto;border: 8px solid rgba(255,255,255,.1);border-radius: 50%;}

.cpk a .cp1 .cp-img img{width: 1.8rem; height:1.8rem;border-radius: 50%; border: 8px solid rgba(255,255,255,.3); display: table;}

.cpk a .cp1 h1{font-size: 18px; font-weight: bolder; padding: 0.2rem 0}

.cpk a .cp1 p{ font-size: 12px; line-height: 0.5rem; height: 2rem; padding: 0 5%; height: 96px; }

.cpk a .cp1 span{font-size: 12px; line-height: 0.7rem; background: #fff; display: table; padding: 0 0.45rem; margin: 0.2rem auto 0.4rem  ; color: #333; border-radius:25px; }

.cpk a:hover .cp1 span{ background: #333; color: #fff}

.cpk a .cp1 p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:4; }



.box3{ width: 10rem;}

.box33{ width: 10rem; padding: 0 0 0.8rem}

.cp2{ width: 10rem;}

.cp2 ul{ padding: 0 0 0 0.2rem }

.cp2 li{ width: 4.5rem;  display: block; float: left; margin: 0 0.15rem 0.3rem;}

.cp2 li a{ position: relative; width: 4.53rem;}

.cp2 li a h1{ position: absolute; width: 100%; line-height: 0.8rem; font-size: 13px; text-align: center; color: #fff; bottom: 0; background: rgba(000,000,000,.4)}

.cp2 li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.cp2 li a .cp2-t{ width: 100%;}

.cp2 li a .cp2-t img{width: 100%; height: 3.34rem; display: table;margin: 0 2% 0 0;}

.cp2 li a:hover h1{background: rgba(229,49,12,.7)}



.box4{ width: 100%; argin:0 auto; padding:  0 0 0.8rem; box-sizing: border-box; }



.szk{ width: 9.2rem; margin: 0 auto; position: relative; box-sizing: border-box }

.szk .swiper-container{ width: 9.2rem; padding: 0 0 1.4rem; }

.box4 .swiper-slide { background:none}

.box4 .swiper-slide .cp1{ width: 100%;  box-sizing:border-box; background-size: cover; border: 1px  solid #e97e67}

.szk a  .cp-img{ position: relative;display: table; height: 6.55rem; margin:0rem auto 0 auto;}

.szk a  .cp-img i{ top: 0.2rem; position: absolute; background: #fff; color: #333; left: 0; font-size: 12px; line-height: 0.6rem; padding: 0 0.2rem 0 0.3rem;; border-radius: 0 0.5rem 0.5rem 0 }

.szk a  .cp-img img{ width: 100%; height:100%;  display: table;}

.szk a  h1{font-size: 15px; background: #f6f5f5; color: #333; font-weight: bolder; padding: 0.25rem 0}

.szk a  h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }



.box4 .swiper-pagination-bullet{ width:0.2rem; height:0.2rem; background:#e4e4e4; border-radius:50%; opacity:.6;}

.box4 .swiper-pagination-bullet-active{width:0.75rem; height:0.2rem; background:#e1600e; border-radius:0.5rem; opacity:1;}





.box5{ width: 100%; background: url("../images/bj5.jpg") no-repeat center bottom #d75e0e; display: block; background-size: 10rem; margin:0 auto; padding:  0 0 0.8rem; box-sizing: border-box; }

.box5 .more a{ background: #fff; color: #d92c08}

.cp3{ width: 10rem;}

.cp3 ul{ padding: 0 0 0 0.2rem }

.cp3 li{ width: 4.5rem;  display: block; float: left; margin: 0 0.15rem 0.1rem;}

.cp3 li a{ width: 4.53rem;}

.cp3 li a h1{  width: 100%; line-height: 1rem; font-size: 14px; text-align: center; color: #fff; }

.cp3 li a h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }

.cp3 li a .cp2-t{ width: 100%; border: 2px solid #fff}

.cp3 li a .cp2-t img{width: 100%; height: 3.34rem; display: table;margin: 0 2% 0 0;}

.cp3 li  .cp2-t{width: 100%; }

.cp3 li  .cp2-t video{width: 100%; }
.cp-sp li{ width: 9.2rem;  display: block; float: left; margin: 0 0.15rem 0.1rem;}
.cp-sp li h1{  width: 100%; line-height: 1rem; font-size: 14px; text-align: center; color: #333; }


.box6{ width: 100%; argin:0 auto; padding:  0 0 0rem; box-sizing: border-box; }



.spk{ width: 9.2rem; margin: 0 auto; position: relative; box-sizing: border-box }

.spk .swiper-container{ width: 9.2rem; padding: 0 0 0.2rem; }

.box6 .swiper-slide { background:none}

.box6 .swiper-slide .cp1{ width: 100%;  box-sizing:border-box; background-size: cover; border: 1px  solid #e97e67}

.spk  .cp-img{ display: table;  margin:0 auto 0 auto;}



.spk  .cp-img video{ width: 100%;  m display: table;}

.spk h1{font-size: 15px; color: #333; font-weight: bolder; padding: 0.25rem 0}

.spk  h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }



.box6 .swiper-pagination-bullet{ width:0.2rem; height:0.2rem; background:#e4e4e4; border-radius:50%; opacity:.6;}

.box6 .swiper-pagination-bullet-active{width:0.75rem; height:0.2rem; background:#e1600e; border-radius:0.5rem; opacity:1;}



.box6 .swiper-button-next,.swiper-container-rtl .swiper-button-prev {

    background: url("../images/arr_slide.png") no-repeat center center; 

	width: 0.8rem; height: 0.8rem; background-size: 100%;     top: 4.9rem;
    right: 1.5rem;

    left: auto

}

 .box6 .swiper-button-prev, .swiper-container-rtl .swiper-button-next{background:url(../images/arr_slide2.png) no-repeat center center;  width: 0.8rem; height: 0.8rem; background-size: 100%; top: 4.9rem;  left: 1.5rem;  right: auto }

 

 

 

.box7{ width: 100%; background: url("../images/bj6.jpg") no-repeat center bottom ; display: block; background-size: 10rem; margin:0 auto; padding:  0 0 0.8rem; box-sizing: border-box; }

 

.xw_t{ width:9.2rem; display:table; margin:0rem auto 0.15rem; }

.xw_t img{ width:100%; display:table; }



.xw-r{width:9.2rem;display:table; margin: 0 auto}

.xw-r .xw1{ width: 100%; background: #fff;display: table; }

.xw-r .xw1 a{ width: 100%;display: table;padding:0.2rem 0 0 0.4rem; box-sizing: border-box}

.xw-r .xw1 a h1{ font-size: 14px; color: #333; font-weight: bolder; margin: 0 0 0.15rem}

.xw-r .xw1 a p{font-size: 12px; line-height:0.5rem; color: #666; height: 1rem; padding: 0 0.25rem 0 0; margin: 0 0 0.3rem }

.xw-r .xw1 a span{ background: linear-gradient(to right, #ff7e2c, #ff4a1e); display: table; height: 0.5rem; line-height: 0.5rem; float: right; padding: 0 0.3rem; color: #fff; text-transform: uppercase;font-size: 12px;}

.xw-r .xw1 a h1{}

.xw-r .xw1 a:hover span{background: linear-gradient(to right, #ff4a1e,#ff7e2c ); }

.xw-r ul{ padding:0.3rem 0 0}

.xw-r ul li { width: 100%; display: table;line-height: 1rem;}

.xw-r ul li a{width: 100%; font-size: 13px; line-height: 1rem; color: #666}

.xw-r ul li a i{ width: 0.15rem; height: 0.15rem; border: 1px solid #e1600e; border-radius: 50%; display: table; float: left; margin: 0.4rem 0.2rem 0 0}

.xw-r ul li a span{ width: 80%; float: left}

.xw-r ul li a time{ float: right}

.xw-r ul li a:hover span,.xw-r .xw1 a:hover h1{ color: #e1600e}



.xw-r .xw1 a p{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:2; }





/*news*/

.idea_r{  display: table; margin:0rem auto 0.4rem; padding:0.1rem 0 0}

.idea_r a{ font-size:13px; color:#7f7d7d; border:1px solid #e9e9e9; background:#fff; display:table; width:9.4rem; margin:0rem auto 0.4rem; padding:0.25rem 0;}

.idea_r a li{width:9.4rem; display:block; margin-bottom:0.4rem;}

.idea_r a li .time{ width:1.7rem; height:1.4rem;float:left; margin-right:0.4rem; color:#333333; border-right:1px solid #b5b3b3;}

.idea_r a li .time h1{ font-size:42px; width:100%; text-align:center; line-height:0.9rem; height:0.9rem;}

.idea_r a li .time span{ width:100%; line-height:0.5rem; font-size:12px; text-align:center; display:block;}

.idea_r a li .idea_w{ width:7rem; float:left;}

.idea_r a li .idea_w h1{ line-height:0.7rem; height:0.7rem; margin-bottom:0.12rem; font-size:15px; color:#4f4e4e;}





.idea_r a li .idea_w h1{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }





.idea_r a li .idea_w h2{ font-size:13px; line-height:0.5rem; height:0.5rem;}

.idea_r a li .idea_w h2,.al_Scroll  dl a .cz_w h1,.xw-r .xw1 a h1,.xw-r ul li a span{display:-webkit-box; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; -webkit-line-clamp:1; }







.fo{ display: table;  padding:0.6rem 0 0.5rem; width:10rem; margin:0px auto 0; background:#bf0211; color:#fff }

.fo_l{ width:6.8rem; float:left; margin-left:0.5rem; line-height:0.6rem}

.fo_l h1{ font-size:17px; font-weight:bolder;line-height:1; margin-bottom:0.2rem }



.fo_w{ display:table; float: right; margin-right:0.5rem}

.fo_w dl{ width:2rem; float: left; }

.fo_w img{ width:2rem; height:2rem; padding:0.2rem 0 0; }

.fo_w h1{ text-align:center; font-size:13px; line-height:1; padding:0.2rem 0 0}









@media screen and (max-width:414px) {

.s_nav a{ font-size:14px; }



	}





@media screen and (max-width:384px) {

	}

@media screen and (max-width:375px) {

.idea_r a li .idea_w h1{ font-size:14px;}

.idea_r a li .idea_w h2{ font-size:12px;}

.idea_r a li .time h1{ font-size:40px;}



.bt h2{ font-size: 40px;}

.bt h1{ font-size: 30px;}

.jj-w h3{ font-size: 19px;}

}	

	

@media screen and (max-width:320px) {

.s_nav a{ font-size:14px; }

.idea_r a li .idea_w h1{ font-size:13px;}

.idea_r a li .time h1{ font-size:38px;}









}







.fy{ font-size:14px; color:#282828; margin:0.2rem; text-align:center;}

/*footer*/

.footer { background:#e1600e;background-size:100% 100%; position:fixed; bottom:0; width:10rem; z-index:5000;}

.footer ul li { float:left; width:25%; text-align:center;vertical-align: sub;}

.footer ul li a { display: block; padding:.15rem 0;vertical-align: sub;font-size: 14px; color: #fff; line-height:0.5rem; }

.footer ul li .fo1 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico11.png) center center no-repeat; background-size:0.7rem;   }

.footer ul li .fo2 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico44.png) center center no-repeat; background-size:0.7rem;   }

.footer ul li .fo3 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico22.png) center center no-repeat; background-size:0.7rem;   }

.footer ul li .fo4 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/ico33.png) center center no-repeat; background-size:0.7rem;   }







.info1 { font-size:12px;width: 8.4rem;height: 27px;line-height: 28px;text-align: center;margin: 8px auto; border: 1px dashed #ccc;border-left: none;border-right: none;color: #6f6f6f;}