@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 { padding:0.1rem 0; background:#fff; display:table; margin:0 auto; width:10rem; overflow:hidden; }
.header .logo {  float:left; z-index:5; position:relative  }
.header .logo img { height:1.1rem; margin-left:0.3rem; vertical-align: middle;}
.header .menu { line-height:0.4rem; float:right; height:0.75rem; background:none; border:none; margin-right:0.25rem; outline:medium;}
.header .menu a img{ height:0.7rem; padding:0.24rem 0.1rem 0 0 }
.header .menu a{ color:#333333; font-size:15px;}

.header .tel { float: right; height:0.7rem; padding:0 0.3rem 0 0   }
.header .tel a{color:#da281f; display: table;height:0.7rem; background: url(../images/tel.png) no-repeat center left; background-size:0.6rem; padding:0 0 0 0.9rem; font-weight:bolder; font-style:inherit; font-size:16px; line-height:0.7rem;}
.header .tel img{ height:1.25rem; display:table }

/*弹出菜单*/
.menu1{background-color:rgba(30, 47, 100,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 #4d5c8b; 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(30, 47, 100, 0.8); height:100%; }
.menu-section-title{text-transform: uppercase; color: #128ef0; 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:#da281f;}
.s_nav dt{display:table; width:10rem;/* border-bottom:1px solid #3b67bb*/}
.s_nav a{ width:2.5rem; text-align:center; float:left; font-size:15px; 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:0.5rem; opacity:1;}
.swiper-pagination-bullet-active{ width:0.6rem; height:0.2rem;  background:#1f6ee3; 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;}
.nav2{width:100%;overflow:hidden}
.nav2 .nn3{width:20%;border-right:1px solid #626e93;box-sizing:border-box;height:80px;max-height:80px;line-height:106px;background:#1e2f64 url(../images/nm.png)no-repeat center 10px;text-align:center;font-size:12px;color:#fff;background-size:37%}
.nav2 ul{float:left;width:80%;background:#1e2f64}
.nav2 ul li{width:33.1%;height:40px;max-height:40px;line-height:40px;text-align:center;font-size:12px;float:left}
.nav2 ul li a{display:inline-block;width:100%;height:20px;max-height:20px;margin-top:10px;line-height:20px;text-align:center;font-size:12px;color:#fff;border-right:1px solid #626e93}
.nav2 .nn3 a{color:#fff;display:block}
.nav2 ul li:nth-child(1),.nav2 ul li:nth-child(2),.nav2 ul li:nth-child(3){border-bottom:1px solid #626e93;box-sizing:border-box}
.nav2 ul li:nth-child(3n) a{border-right:none}

.product{width:100%;overflow:hidden;padding-top:20px}
.title{text-align:center;margin:0 auto}
.title h2{font-size:24px;color:#003399;font-weight:600}
.title h3{color:#999999;font-size:14px;text-transform:uppercase;font-weight:normal;margin-top:5px}
.ybb h3{font-size:14px;text-transform:uppercase;line-height:35px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.2);color:#fff;font-weight:normal}
.title i{display:block;width:65px;height:2px;background:#003399;margin:0 auto;margin-top:10px}
.product .m-pp{width:100%;margin-top:12px;overflow:hidden}
.product .m-pp .m-hh{width:100%}
.product .m-pp .m-hh ul{width:100%;text-align:center;text-align:center}
.product .m-pp .m-hh ul li{ display: inline-block;width:30.333%;margin:0 1.5%;background:url(../images/pb1.png)no-repeat center;text-align:center;font-size:14px;color:#080808;background-size:100% 100%;height:35px;line-height:34px;margin-bottom:10px;overflow:hidden}
.product .m-pp .m-hh ul li a{color:#333;display:block}
.product .m-pp .m-hh ul li:hover,.product .m-pp .m-hh ul li.on{background:url(../images/pb2.png)no-repeat center;background-size:100% 100%}
.product .m-pp .m-hh ul li:hover a{color:#fff}
.product .m-gg{width:100%;margin:0.3rem auto 0.7rem}
.product .m-gg .swiper-wrapper{width:100%}
.swiper-slide img{width:100%}
.swiper-button-next{width:35px;height:52px;background:url(../images/ppr2.png)no-repeat top center;background-size:100%;z-index:9999;right:0;outline:none}
.swiper-button-prev{width:35px;height:52px;background:url(../images/ppr1.png)no-repeat top center;background-size:100%;z-index:9999;left:0;outline:none}
.product .swiper-slide{width:43%;margin:0 3%;box-shadow:3px 6px 9px 0px 
        rgba(0,0,0,0.16);background:#fff;padding:2%;margin-bottom:16px; box-sizing: border-box}
.product .swiper-slide h3{font-weight:normal;text-align:center;color:#000000;font-size:14px;padding:10px 0 5px 0}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{display:none}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{display:none}
.swiper-slide:hover{background:#1e2f64}
.swiper-slide:hover h3{color:#fff}


/*banner*/
.cqk{ width:9.2rem; display:table; position:relative; padding:0.6rem 0.4rem 0; box-sizing: border-box}
.cqk .swiper-container { width:9.2rem;   height: auto; }
.cqk .swiper-slide {  text-align: center;font-size: 18px; background: #fff; }
.cqk .swiper-container .swiper-slide {}
.cqk .swiper-container .swiper-slide img{ display:table;}
.cqk .swiper-pagination-bullet{width:0.2rem; height:0.2rem; background:#fff; border-radius:0.5rem; opacity:1;}
.cqk .swiper-container .swiper-slide a h1{ position: absolute; bottom: 0}
.cqk .swiper-container .swiper-slide a h1{font-size:14px;text-transform:uppercase;line-height:35px;position:absolute;bottom:0;left:0;width:100%;background:rgba(0,0,0,.2);color:#fff;font-weight:normal}


.about1{width:100%;overflow:hidden;background:#fff;padding-top:25px;margin-top:25px}
.about1 .abb{width:100%;margin-top:15px;background:#fff;padding-bottom:5%}
.about1 .abb .af1{width:50%;padding-left:3%;float:left}
.about1 .abb .af1 i{display:block;width:70%;height:4px;background:#1e6ee3}
.about1 .abb .af1 .img{width:100%;overflow:hidden}
.about1 .abb .af1 .img img{width:100%}
.about1 .abb .af2{width:46%;box-sizing:border-box;padding-top:2px;padding-left:8px;overflow:hidden;padding-right:8px;font-size:12px;color:#666666;line-height:19px}
.box4{background-color:#1e2f64;margin-top:30px;padding:15px 0}
.shu{display:flex;justify-content:space-between;flex-wrap:nowrap;display:-webkit-flex}
.shu li{text-align:center}
.shu li p{color:#ffffff;font-size:12px;line-height:16px;margin-top:5px;width:57px;margin:0 auto}
.s1{color:#fff;font-size:14px}
.s1 span{font-size:18px;padding-right:5px;font-weight:bold}
.yy{width:100%;overflow:hidden;padding:30px 0;background:#fff}
.yy .ybb{width:100%;margin-top:20px}
.yy .ybb .yhh{width:100%}
.yy .ybb .yhh ul{width:100%;text-align:center}
.yy .ybb .yhh ul li{display:inline-block;width:22%;height:25px;line-height:25px}
.yy .ybb .yhh ul li a{display:inline-block;width:100%;text-align:center;height:20px;line-height:20px;font-size:12px;color:#333333;border-right:1px solid #c9d5d9}
.yy .ybb .yhh ul li:nth-child(4) a,.yy .ybb .yhh ul li:nth-child(7) a{border-right:none}
.ycc{width:100%;position:relative;margin-top:30px}
.slick-slide .img{width:100%;overflow:hidden}
.slick-slide .img img{width:100%}
.slick-initialized .slick-slide{margin:0}
.yy .slick-initialized .slick-slide{margin:0 2px;position:relative}
.ycc .slick-list{margin:0 3%}
.slick-prev{position:absolute;z-index:99;width:35px;height:52px;background:url(../images/ppr2.png)no-repeat top center;background-size:100%;font-size:0;border:none;top:50%;margin-top:-26px;right:0;outline:none}
.slick-next{position:absolute;z-index:99;width:35px;height:52px;background:url(../images/ppr1.png)no-repeat top center;background-size:100%;font-size:0;border:none;top:50%;margin-top:-26px;outline:none}
.zz1{width:100%;margin-top:20px}
.zz1 .zbb{width:100%;margin-top:15px;background:url(../images/hhs.png)no-repeat bottom center;padding-bottom:23px;background-size:100%;position:relative}
.zz1 .zbb .slider{width:85%;margin:0 auto}
.zz1 .zbb .slick-prev{right:-7%}
.zz1 .zbb .slick-next{left:-7%}
.box6{background:#333333;padding:0.6rem 0.3rem 1rem}
.box6 h3{font-weight:normal;color:#fff;font-size:16px;border-bottom:1px solid #666666;padding-bottom:20px;margin-bottom:15px}
.lx{color:#fff;font-size:12px;line-height:27px}
.lx p{background:url(../images/f1.png) no-repeat left center;padding:5px 0;padding-left:10%}
.lx p:nth-child(2){background:url(../images/f2.png) no-repeat left center}
.lx p:nth-child(3){background:url(../images/f3.png) no-repeat left center}
.news{width:100%;overflow:hidden; padding: 0.6rem 0; background: #f2f2f2}
.news .nbb{width:100%;margin-top:15px}
.nhh{width:100%}
.nhh ul{width:100%;text-align:center}
.nhh ul li{display:inline-block;width:28%;margin:0 0px;height:35px;line-height:34px;background:url(../images/pb1.png)no-repeat center;background-size:100% 100%;text-align:center}
.nhh ul li:hover,.nhh ul li.on{background:url(../images/pb2.png)no-repeat center;background-size:100% 100%;color:#fff}
.nhh ul li a{font-size:12px;color:#333}
.nhh ul li:hover a{color:#fff}
.nmm{width:100%}
.nmm .nss{width:100%}
.ns1{background:#fff}
.nmm .img{float:left;width:50%;overflow:hidden}
.nmm .img img{width:100%}
.nmm .nf{width:50%;box-sizing:border-box;padding:10px 5px;float:left}
.nmm .nf h2{font-size:13px;color:#333333;font-weight:600;text-align:left;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.nmm .nf h3{font-size:12px;color:#333;line-height:20px;margin-top:5px;text-align:left}
.nwb{width:94%;margin:15px auto 0}
.nwb ul{width:100%;margin-top:15px}
.nwb ul li{width:100%; box-sizing: border-box; background:#fff;padding:13px 7px;margin-bottom:10px;text-align:left}
.nwb ul li a{width:100%;font-size:14px;color:#333333;padding-left:0;display:block;padding-left:7%;box-sizing: border-box;background:url(../images/jia.png) no-repeat left center}
.nwb ul li a span{float:right;font-size:14px;color:#666}
.haoma1{width:80%;float:right;background:url(../images/tt1.png)no-repeat left bottom;padding-left:15%;font-size:12px;color:#666;line-height:18px;padding-top:6px}


@media screen and (max-width:414px) {
.s_nav a{ font-size:15px; }

	}


@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:30px;}

}	
	
@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:28px;}

.slideTxtBox .hd ul li{ font-size:14px}


}



.fy{ font-size:14px; color:#282828; margin:0.2rem; text-align:center;}
/*footer*/
.footer { background:#1e2f64;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/a1.png") center center no-repeat; background-size:0.6rem;   }
.footer ul li .fo2 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/a2.png) center center no-repeat; background-size:0.6rem;   }
.footer ul li .fo3 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/a3.png) center center no-repeat; background-size:0.6rem;   }
.footer ul li .fo4 i{ width:0.7rem; height:0.7rem; display: table; margin:0 auto; background:url(../images/a4.png) center center no-repeat; background-size:0.5rem;   }




.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;}