/* eyoucms.com 易优CMS -- 好用,免费,安全 */
@charset "utf-8";
body{font-family:"Microsoft YaHei";font-size:14px;line-height: 24px; background: #ffffff;}
body,div,p,span,ul,li,dl,dd,h1,h2,h3,a,input,img{margin:0;padding:0;}
li,ol{list-style:none;}
a,input,img,textarea{border:none;outline:none;}
i,em,span{font-style:normal;}
h1,h2,h3,h4,h5{ font-weight: normal; }
a{text-decoration: none; }
a:focus{text-decoration: none;}
a:hover,a:focus{text-decoration: none;}
.hide{display: none}
.show{display: block}
.modal a{outline:none;}
/*img{ max-width: 100%; }*/
label{font-weight: normal;width:100%;}
a:focus {outline:none;outline-offset:0;}
a:focus, a:hover{outline:none }
.clearfix{display:block;clear:both;}
.clearfix:after{display:block; overflow:hidden;clear:both;height:0; content:".";}
.fl{float: left;}
.fr{float: right;}

.container{margin:0 auto;padding:0 !important; }

#wrap_index{overflow: hidden;position: relative; width: 100%;}
/*澶撮儴*/
@media (min-width: 991px){
    #header{ display: block; }
     #molheader1, #molheader, #molheader2{ display: none !important; }
}
@media (max-width: 990px){
    #molheader1{ display: block; }
     #header, #header1, #header2{ display: none !important; }

}
/*panle*/
.class{width:280px;height:100%;z-index:7; background:#162142; position: fixed; top:0px; left:0px; color:#fff;z-index: 100;}
.class-top{ height:50px;overflow:hidden;background: rgba(42,155,56,0.8); margin: 0;font-size: 16px;text-indent: 30px; line-height: 50px; color: #ffffff;}
.class-top .close1{ display: inline-block;float: right; width: 16px; height: 16px; margin-right:30px; margin-top: 18px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; }
.class-m{height: 88%;overflow-y:auto;}
.opacity2{width:100%; height:100%; position: fixed; top:0px; left:0px; background:rgba(0,0,0,0.5); z-index:40; display:none;}
.overflow{height:100%; overflow:hidden;}
.class-m .nnav{width:280px;height: auto;overflow: hidden;}
.class-m .nnav li{width: 100%;height: auto;overflow: hidden;}
.class-m .nnav li a.ce{ border-bottom: 1px dashed #1e2b54; padding-left: 30px;color: #ffffff;font-size: 16px;display: block;height:50px;line-height:50px;}
.class-m .nnav li a.ce.active{ color: #febf00; }
.menu_head .ericon{color:#ffffff; margin-right: 30px; font-weight: bold; line-height:22px; width: 22px; height: 22px; border-radius: 50%; background: #febf00; text-align:center;float:right;display:inline;font-size:16px;position: relative;z-index: 3; top: 18px;}
.menu_head .ericon .icon1{ display:none;}
.menu_head .ericon.xz .icon1{ display:block;}
.menu_head .ericon.xz .icon2{ display:none;}
.class-m .nnav li .menu_body{display: none;}
.menu_body li a.er{margin:0 20px; text-indent: 10px; font-size:14px;display: block;height:40px;line-height:40px;color: #c7d3f6;}
.menu_body li a.er.active1{ color: #162142; background: #febf00; border-radius: 20px;}
.menu_body li a.er:before{margin-right: 10px; content:""; display: inline-block; width: 10px; height: 10px;}
.menu_body li a.er.active1:before{margin-right: 10px;  content:""; display: inline-block; width: 10px; height: 10px;}
.menu_body .thricon{display: none; color:#ffffff;width:40px;height:40px; margin-right: 22px; line-height:40px;text-align:center;float:right;display:inline;font-size:20px;position: relative;z-index: 3;}
.menu_body .thricon .icont1{ display:none;}
.menu_body .thricon.tz .icont1{ display:block;}
.menu_body .thricon.tz .icont2{ display:none;}
.class-m .nnav li .thr_body{display: none;}
.class-m .nnav li .thr_body li{border-bottom: none;padding: 0;}
.thr_body li a.thr{position: relative;padding-left:70px;font-size: 14px;display: block;height:40px;line-height:40px;color: #7e94d6;}
.close1{ position: absolute; top: 20px; right: -40px; background: url(../img/close.png) no-repeat; background-size: 100% 100%; display: block;width: 34px; height: 34px; }
/*panle瀵艰埅缁撴潫*/
.page-prev {
transform:translate3d(-320px, 0, 0);
-ms-transform:translate3d(-320px, 0, 0);
-webkit-transform:translate3d(-320px, 0, 0);  
-o-transform:translate3d(-320px, 0, 0); 
-moz-transform:translate3d(-320px, 0, 0);
}
.page-next {
transform:translate3d(320px, 0, 0);
-ms-transform:translate3d(320px, 0, 0);
-webkit-transform:translate3d(320px, 0, 0); 
-o-transform:translate3d(320px, 0, 0);  
-moz-transform:translate3d(320px, 0, 0);
}
.page-active{
transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
-webkit-transform:translate3d(0, 0, 0); 
-o-transform:translate3d(0, 0, 0);  
-moz-transform:translate3d(0, 0, 0);}
.page-in {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1);
}
.page-out {
  -webkit-transition:all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  -ms-transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
  transition: all 300ms cubic-bezier(0.42, 0, 0.58, 1) 0.1s;
}
.share-in{transform:translate3d(100%, 0, 0);
-ms-transform:translate3d(100%, 0, 0);
-webkit-transform:translate3d(100%, 0, 0);  
-o-transform:translate3d(100%, 0, 0); 
-moz-transform:translate3d(100%, 0, 0);}

#header{ z-index: 11; position: relative; margin-bottom:4px; border-bottom: 4px dashed #febf00;}
#header .logo{width: 26%; float: left; display: block; height: 80px; }
#header .logo a{display:block; width: 100%; height: 80px;vertical-align: middle;}
#header .logo a img{ max-height: 100%; max-width: 100%; display: block;margin:0 auto; }
#header .nav_box{ text-align: right; margin-top: 78px; padding-bottom: 10px;}
.nav_fl{ width: 37%; float: left;  border-right: 1px dotted #fabb33;}
.nav_fr{ width: 37%; float: right; border-left: 1px dotted #fabb33; }
.nav_fl .yiji{ border-left: 1px dotted #fabb33; }
.nav_fr .yiji{ border-right: 1px dotted #fabb33;}
.wrap_fr{ float: right; }
#header .libox:before{ content: ""; background: url(../img/tr.png) no-repeat; position: absolute; width: 13px; height: 7px; top: -7px; left: 50%; margin-left: -6px; }
#header .nav_box .yiji{height:58px;text-align: center;position: relative;transition: 400ms; float: left;}
#header .nav_box .yiji>a{ padding: 0 40px;  color: #162142;display: inline-block;line-height:58px;font-size: 16px;  position: relative; font-weight: bold;}
#header .nav_box .yiji>a:hover, #header .nav_box .yiji.current a{ color: #febf00;}
#header .nav_box .yiji .libox{box-shadow: 0px 0px 10px rgba(51,51,51,0.2); display: none; background: rgba(254,191,0,0.8); border-radius: 16px; padding:12px 0;  width: 100%; position: absolute; top: 70px;}
#header .nav_box .yiji .libox a{margin-bottom:6px; padding:0 10px; display: block;position: relative; line-height: 30px; height: 30px; overflow: hidden;}
#header .nav_box .yiji .libox a em{position: relative;z-index: 1;display: block; border-radius: 14px; color: #152041;font-size: 14px;line-height: 30px;width: 100%;height: 30px;margin: 0 auto; transition: 400ms;}
#header .nav_box .yiji .libox a:hover em{ color: #ffffff; background: #162142;}
.zs1{ position: absolute;left: 0; top: 0; width: 18.75%; -moz-animation: bolang 5s linear infinite;-webkit-animation: bolang 5s linear infinite;animation: bolang 5s linear infinite; }
@keyframes bolang
{
  0% {top: 0; left: 0;}
  30%{top: -20px; left: -20px;}
  50%{top:0; left: 0;}
}
.zs1 img{ max-width: 100%; }
.searchlan{ position: absolute; right: 20px; top: 20px;}
.lang{ display: inline-block; }
.lang a{ width: 28px; height: 28px; display: inline-block;margin-right: 10px; border-radius: 50%; background: #162142; line-height: 28px; text-align: center; color: #ffffff; font-size: 12px;}
.lang a:hover{ background: #febf00; box-shadow: 0px 0px 5px rgba(254,191,0,0.25); }
.search{border-radius: 16px; display: inline-block; width: 240px; height: 34px; position: relative; border:1px dashed #febf00;}
.search .txt1{ background: none;border:none; line-height: 34px; width: 196px; text-indent: 10px;}
.search .btn1{ border:none; position: absolute; width: 21px; height: 21px; background: url(../img/search.png) no-repeat; top: 6px; right: 8px; }
/*.hbg{-moz-animation: bolang 30s linear infinite;-webkit-animation: bolang 30s linear infinite;animation: bolang 30s linear infinite; height: 84px; width: 200%; background: url(../img/hbg.png) no-repeat; background-size: 100% 100%; z-index: 9; position: relative;}
.bannerbg{width: 200%; height: 16px; background: url(../img/bl9.png) no-repeat; background-size: 50% 100%; position: relative;margin-top: -16px; z-index: 9;  }
.section1bg{width: 200%; height: 16px; background: url(../img/bl.png) no-repeat; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px; }
.section2bg{-moz-animation: bolang 30s linear infinite;-webkit-animation: bolang 30s linear infinite;animation: bolang 30s linear infinite;width: 200%; height: 16px; background: url(../img/bl6.png) repeat-x; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px;  }
.section3bg{width: 200%; height: 16px; background: url(../img/bl7.png) no-repeat; background-size: 50% 100%; z-index: 9; position: relative; margin-top: -16px;  }
@keyframes bolang
{
  0% {left: -100%;}
  50%{left: -50%;}
  100%{left:0rem;}
}
*/

#molheader{ vertical-align: middle; width: 100%;height: 70px; z-index: 2; position: relative; margin-top: 20px;margin-bottom:3px; border-bottom: 3px dashed #febf00;}
#molheader .logomol{ width: 56%; margin:0 auto; height: 70px;}
#molheader .logomol a{display: block; width: 100%; height: 50px; padding-top: 10px; position: relative; }
#molheader .logomol img{ max-width: 100%; max-height: 100%; display: block; margin:0 auto; vertical-align: middle;}
#molheader .mol_navbutton{ position: absolute; top: 0; left: 30px; width: 40px; height: 60px;z-index: 5;}
#molheader .mol_navbutton img{ width: 28px;height: 28px; margin:18px 0 0 0;}
#molheader1{ vertical-align: middle; width: 100%;height: 80px; background: url(../img/rr.png) no-repeat; background-size: 100% 100%; z-index: 99; position: relative;}
#molheader1 h2{ width: 60%; margin:0 auto; line-height: 60px; font-size: 18px; color: #ffffff; text-align: center; }
#molheader1 .classfiy{ position: absolute; background: url(../img/classify.png) no-repeat; background-size: 100% 100%; right: 24px; top: 22px;display: block;width: 20px; height: 22px;}
#molheader1 .classfiy:focus, .classfiy:hover{color: #ffffff;}
/*棣栭〉banner*/

#myCarousel{ position: fixed; top: 0;  z-index: 0; margin-top: 176px;}
#myCarousel .carousel-inner{ position: relative; }
#myCarousel .carousel-control.left{ transition: all 0.5s; opacity: 1; width:56px; height:56px; top: 50%; margin-top: -28px; background: url(../img/prev.png) no-repeat; background-size: 100% 100%; left: 13%; }
#myCarousel .carousel-control.right{ transition: all 0.5s;opacity: 1; width:56px; height:56px; top: 50%; margin-top: -28px; background: url(../img/next.png) no-repeat; background-size: 100% 100%; right: 13%; }
#myCarousel .carousel-control.left:hover{background: url(../img/prevh.png) no-repeat; background-size: 100% 100%;}
#myCarousel .carousel-control.right:hover{background: url(../img/nexth.png) no-repeat; background-size: 100% 100%;}
#myCarousel .carousel-indicators{ bottom: 12px; }
#myCarousel .carousel-indicators li{ width: 12px; height: 12px; background: #febf00; margin:0 10px; border:none;}
#myCarousel .carousel-indicators .active{ background: #162142; }
/*鎵嬫満banner*/
#molbanner{ width: 100%; overflow: hidden;display: none; position: relative;}
#molbanner .swiper-banner{position: relative;z-index: 1;}
#molbanner .swiper-banner .swiper-slide{overflow: hidden;}
#molbanner .swiper-banner .swiper-slide a{text-align:center;width: 100%;height:100%;display: block;}
#molbanner .swiper-banner .swiper-slide img{vertical-align:top; width: 150%; position: relative;left: 50%; transform: translateX(-50%);}
#molbanner .swiper-pagination{ bottom: 6px; width: 100%;}
#molbanner .swiper-pagination-bullet{width: 9px; height: 9px; opacity: 1; background: #febf00; margin:0 8px; border:none;}
#molbanner .swiper-pagination-bullet-active{ background: #162142; }
.section1{ width: 100%; background: #ffffff; z-index: 2; position: relative; padding-top: 50px; border-bottom: 4px dashed #febf00; margin-bottom: 4px;}
.indextt1{ text-align: center;font-weight: bold; color: #162142; font-size: 24px; line-height: 40px; padding-bottom: 30px;}
.indextt1 em{ display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #febf00; margin:0 16px; position: relative;top: -6px; }
.parBd .sect1_swiper{ opacity: 0; position: absolute; left: 0px; top: 0; z-index: 0; width: 100%;padding:0 30px; }
.parBd .sect1_swiper.show1{ opacity: 1; position: relative; z-index: 1;}


.slideGroup{width:100%;margin:0 auto;-overflow:hidden;position:relative; }
.slideGroup .parHd{text-align:center; padding-bottom: 44px;  position:relative;  }
.slideGroup .parHd ul.{position:relative;  }
.slideGroup .parHd ul li{font-size:16px; padding: 0 40px; color:#152041; display:inline-block;text-align:center;line-height:40px;  position: relative; cursor:pointer;  }
.slideGroup .parHd ul li.on{ color:#FFFFFF; background: #febf00; border-radius: 16px;}
.slideGroup .parHd ul li.on span, .slideGroup .parHd ul li:hover span{position:absolute;left: 50%; top: 48px; display: block;width: 6px; height: 6px; border-radius: 50%; background: #febf00;}
.slideGroup .slideBox{zoom:1;  position:relative;   }
.parBd{ position: relative;}
.slideGroup .swiper-button-prev,.slideGroup .swiper-button-next{ opacity: 1; position:absolute;top:50%;width:21px;height:33px; margin-top: -135px; border:none; }
.slideGroup .swiper-button-prev{ left:0px; background: url(../img/prev1.png) no-repeat; }
.slideGroup .swiper-button-next{right:0px; background: url(../img/next1.png) no-repeat;}
.slideGroup .swiper-button-prev:hover{ background: url(../img/prev1h.png) no-repeat; width: 43px; height: 33px;}
.slideGroup .swiper-button-next:hover{ background: url(../img/next1h.png) no-repeat; width: 43px; height: 33px;}
.slideGroup .swiper-container{ zoom:1;   }

.slideGroup .swiper-container .swiper-slide a{ position: relative; display: block; }
.slideGroup .swiper-container .swiper-slide a .wrapli{position: relative; margin:10px; border-radius: 20px; overflow: hidden;}
.slideGroup .swiper-container .swiper-slide a .wrapli img{ max-width: 100%; }
.slideGroup .swiper-container .swiper-slide .mark1{position:absolute; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(254,191,0,0.8);}
.slideGroup .swiper-container .swiper-slide .mark1 em{ display: inline-block;text-align: center; color: #152041; font-size: 14px; line-height: 50px;}
.slideGroup .swiper-container .swiper-slide .mark1 em:before{content: ""; display: inline-block;margin-right: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.slideGroup .swiper-container .swiper-slide .mark1 em:after{content: "";display: inline-block;margin-left: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.slideGroup .swiper-container .swiper-slide a .tt1{line-height: 40px; font-size: 16px; font-weight:bold; color: #152041; text-align: center; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.slideGroup .swiper-container .swiper-slide a .tt2{ font-size: 14px; text-align: center; color: #415182; }
.slideGroup .swiper-container .swiper-slide a:hover .mark1{ top: 50%;}
.slideGroup .swiper-container .swiper-slide a:hover .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
.parBd .more{ transition: all 0.5s; border:1px solid #febf00; display: block;margin:66px auto; width: 280px; height: 40px; border-radius: 20px; line-height: 40px; text-align: center; font-size: 14px; color: #152041; }
.parBd .more:hover{ background: #febf00; box-shadow: 0px 0px 10px rgba(254,191,0,1); }
.parBd .sect1_swiper .swiper-pagination-bullet{width: 10px; height: 10px; border:1px solid #febf00; background: none; opacity: 1; margin:0 8px;}
.parBd .sect1_swiper .swiper-pagination-bullet-active{ background: #febf00; border:none; }
.parBd .sect1_swiper .swiper-pagination{ position: relative; margin-top: 20px; }
.content1 .container{ width: 1280px !important; }
.content2{ width: 100%; position: relative; padding:86px 0 70px; }
.content2 .yellowbg{ position: absolute; height: 260px; width: 100%; left: 0; top: 0; background: #fdf9ef; z-index: 0; }
.content2wrap{ position: relative;z-index: 1; background: #febf00; border-radius: 20px;}
.content2wrap .div_img{ width: 48%; position: relative; top: -30px; margin-left: 2.5%; float: left;}
.content2wrap .div_img img{ border-radius: 16px; overflow: hidden; max-width: 100%; }
.content2wrap .info{ width: 42%; float: right; margin-right: 3.3%;}
.content2wrap .info .tt1{ font-weight: bold;font-size: 30px; color: #162142; line-height: 40px; margin-top: 40px; margin-bottom:16px; width: 100%; overflow: hidden; text-overflow: ellipsis;white-space: nowrap; }
.content2wrap .info .tt2{ line-height: 32px; font-size: 16px; color: #233058; max-height: 192px; overflow: hidden;}
.content2wrap .info a.more{ margin-bottom:20px; display: block;width: 100%; background: #ffffff; color: #152041; font-size: 14px; height: 40px; line-height: 40px; text-align: center;border-radius: 20px; margin-top: 34px; }
.content3{ width: 100%; background: #fdf9ef; padding-top: 30px; padding-bottom: 70px; }
.content3 .news{ padding:0 1.6% 0 0; width: 51%; float: left;}
.indextt3{height: 58px; border-bottom: 2px solid #febf00; margin-bottom: 32px;}
.indextt3 h2{ color: #162142; font-size: 24px; font-weight: bold;width: 60%; float: left; line-height: 58px;}
.indextt3 a.more{ float: right; line-height: 58px; color: #162142; font-size: 14px; }
.indextt3 a.more em{ display: inline-block; width: 16px; height: 16px; background: url(../img/more.png) no-repeat; margin-left:6px; position: relative;top: 2px;}
.indextt3 a.more:hover{ color: #febf00; }
.indextt3 a.more:hover em{background: url(../img/moreh.png) no-repeat;}
.content3 .newslist{ background: #ffffff; border-radius: 20px; padding: 30px 0;}
.content3 .newslist li{ padding:0 5%; margin-bottom: 20px;}
.content3 .newslist li.li1 a{ border-bottom: 1px dashed #febf00; padding-bottom: 20px;}
.content3 .newslist li a{ display: block; }
.content3 .newslist li a .div_img{ width: 28%; float: left; border-radius: 14px; transition: all 0.5s;}
.content3 .newslist li a .div_img img{ width: 100%; }
.content3 .newslist li a .info{ width: 68%; float: right; }
.content3 .newslist li a .info .tt1{ color: #555f79; font-size: 14px; }
.content3 .newslist li a .info .tt2{ color: #162142; font-size: 16px; line-height: 40px;  font-weight: bold;width: 100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.content3 .newslist li a .info .tt3{ line-height: 26px; max-height: 52px; overflow: hidden;color: #555f79; font-size: 14px; }
.content3 .newslist li a:hover .div_img{ box-shadow: 0px 0px 10px rgba(254,191,0,0.6); padding:6px; }
.content3 .newslist li a:hover .tt2{ color: #febf00; }
.content3 .contact{ padding:0 0 0 1.6%; width: 45%; float: right;}
.wrap_contact{ background: #ffffff; border-radius: 20px; padding: 30px 5%;}
.content3 .contact .div_img{ width: 100%; }
.content3 .contact .div_img img{ width: 100%; }
.content3 .contact .info{margin-top: 20px;}
.content3 .contact .info p{ line-height: 24px; padding:8px 0; font-weight: bold;font-size: 16px; color: #152041; padding-left: 40px; }
.content3 .contact .info p.p1{ background: url(../img/p1.png) no-repeat 0 10px; }
.content3 .contact .info p.p2{ background: url(../img/p2.png) no-repeat 0 10px; }
.content3 .contact .info p.p3{ background: url(../img/p3.png) no-repeat 3px 10px; }
.friendlylink{ position: relative; margin:38px auto 0; }
.friendlylink .swiper-button-prev,.friendlylink .swiper-button-next{ position:absolute;top:50%;width:16px;height:27px; margin-top: -13px; border:none; }
.friendlylink .swiper-button-prev{ left:-50px; background: url(../img/prev1.png) no-repeat; background-size: 100% 100%; }
.friendlylink .swiper-button-next{right:-50px; background: url(../img/next1.png) no-repeat; background-size: 100% 100%;}
.friendlylink .swiper-button-prev:hover{ background: url(../img/prev1h.png) no-repeat; background-size: 100% 100%; width: 35px; height: 27px;}
.friendlylink .swiper-button-next:hover{ background: url(../img/next1h.png) no-repeat; background-size: 100% 100%; width: 35px; height: 27px;}
.friendlylink .swiper-slide a{display: block; margin:10px;}
.friendlylink .swiper-slide a img{transition: all 0.5s; border-radius: 40px; border:1px solid #febf00; max-width: 100%;}
.friendlylink .swiper-slide a:hover img{ border:none; box-shadow: 0px 0px 20px rgba(254,191,0,0.5); }
.footer{ background: #162142; width: 100%; position: relative;  padding:16px 0; color: #ffffff; font-size: 14px;}
.footer a{ color: #ffffff; font-size:14px;}
.footer .copyright{}
.footer .jishu{ text-align: right; }
.footer a:hover{ color: #febf00; }

.pagecont{ background: #fdf9ef; padding-top: 0; padding-bottom: 50px; }
.wrappage{ background: #ffffff; border-radius: 0 0 30px 30px;}
.pagett{ padding:0 2.5%; height: 80px; margin-bottom: 50px; border-bottom: 2px solid #febf00; background: rgba(255,255,255,0.7); position: relative;margin-top: -80px; border-radius: 30px 30px 0 0;}
.pagett h2{ line-height: 80px; float: left; font-weight: bold;font-size: 30px; color: #152041; }
.pagett h2 em{ color: #febf00; }
.pagett span{ float: right; line-height: 80px; color: #152041; font-size: 14px; }
.pagett span a{line-height: 80px; color: #152041; font-size: 14px;}
.pagett span a:hover, .pagett span em{ color: #febf00; font-weight: bold;}
.pagett .classfiy{ display: inline-block;width: 24px; height: 24px; margin-top: 14px; background: url(../img/classify.png) no-repeat; background-size: 100% 100%; float: right; }
.inner_main{position: relative;z-index: 1; width: 71.7%; float: right; margin-right: 2.5%; min-height: 450px; padding-bottom: 60px;}
.nynav{ position: relative; width: 20.8%; margin-left: 2.5%;}
.nynav a{ display: block;}
.nynav .firstul{ position: relative; padding-bottom: 30px;}
.nynav .firstli{ overflow: hidden; background:#febf00; border-radius: 30px; margin-bottom: 10px;}
.nynav .firstli>a{display: block; padding:0 20px; height: 50px; line-height: 50px; color: #162041; font-size: 16px;}
.nynav .firstli>a em{ width: 20px; height:100%; display: block;float: right;background: url(../img/dot.png) no-repeat 0 center; }
.nynav .secondul{ display: none; width: 100%; padding-bottom: 16px;}
.nynav .secondli{position: relative; padding:0 20px;}
.nynav .secondli>a{ position: relative; text-indent: 16px; height: 40px; line-height: 40px; color: #b2c3fc; font-size: 16px; border-radius: 20px;}
.nynav .secondli.act_secondli>a, .nynav .secondli>a:hover{color: #162041;background:#febf00;}
.nynav .thirdul{display: none; width: 100%;}
.nynav .thirdli{ width: 100%; height: 34px; }
.nynav .thirdli>a{line-height: 46px; width: 100%; height: 46px; text-indent: 40px;  display: block; font-size: 16px; color: #b2c3fc; overflow: hidden;}
.nynav .firstli.current{ background: #162142; }
.nynav .firstli.current>a em{ background: url(../img/doth.png) no-repeat 0 center; }
.nynav .firstli>a:hover, .nynav .firstli.current>a{ font-weight: bold; color: #ffffff;background: #162142;}
.nynav .thirdli>a:hover{ color: #febf00; font-weight: bold;}
.navs{position: absolute; display: none; z-index: 9; background: #febf00;margin-bottom: 20px; width: 100%; left: 0; top:0; border-radius: 20px; }
.mtree a{ display: block; color: #162142;}
.mtree .firstul{ position: relative; padding-bottom: 30px;}
.mtree .firstli{ overflow: hidden;}
.mtree .firstli>a{display: block; padding-left: 20px; height: 50px; line-height: 50px; font-size: 16px;}
.mtree .firstli>a em{ width: 20px; height:20px; margin-top: 14px; display: block;float: right;background: url(../img/dot1.png) no-repeat 0 center; background-size: 100% 100%; margin-right: 20px; }
.mtree .firstli .act_firstli em{ background: url(../img/dot1h.png) no-repeat 0 center; background-size: 100% 100%; }
.mtree .secondul{ display: none; width: 100%;}
.mtree .secondli{position: relative; padding: 0 20px;}
.mtree .secondli>a{ position: relative; text-indent: 30px; height: 40px; line-height: 40px; font-size: 14px;}
.mtree .secondli.act_secondli>a, .mtree .secondli>a:hover{color: #ffffff; background: #162142; border-radius: 20px;}
.mtree .thirdul{display: none; width: 100%;}
.mtree .thirdli{ width: 100%; height: 34px; }
.mtree .thirdli>a{line-height: 30px; width: 100%; height: 30px; text-indent: 40px;  display: block; font-size: 12px;  overflow: hidden;}
.mtree .firstli>a:hover, .mtree .firstli .act_firstli{}
.ny_content{ width: 100%;}
.aboutedit{ line-height: 28px; color: #152041; font-size: 14px;}
.propage{ width: 100.8%;}
.propage li{  float:left; _display:inline; overflow:hidden; text-align:center; margin-bottom: 10px; padding:0;}
.propage li a{ position: relative; display: block; }
.propage li a .wrapli{position: relative; margin:10px; border-radius: 20px; overflow: hidden;box-shadow: 0px 0px 20px rgba(0,0,0,0.1);}
.propage li a .wrapli img{ width: 100%; }
.propage li .mark1{position:absolute; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(254,191,0,0.8);}
.propage li .mark1 em{ display: inline-block;text-align: center; color: #152041; font-size: 14px; line-height: 50px;}
.propage li .mark1 em:before{content: ""; display: inline-block;margin-right: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.propage li .mark1 em:after{content: "";display: inline-block;margin-left: 14px; width: 6px; height: 6px; background: url(../img/em.png) no-repeat; }
.propage li a .tt1{line-height: 40px; font-size: 16px;color: #152041; text-align: center; width: 100%; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.propage li a:hover .mark1{ top: 50%;}
.propage li a:hover .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
.propage li a:hover .tt1{ font-weight: bold; }
.page{ padding: 20px 0 0; text-align: center;width: 100%; color: #455686; font-size: 14px;}
.page a.num{ margin:0 8px; color: #ffffff; font-size: 14px; padding:0 10px; line-height: 30px; display: inline-block;border-radius: 50%; background: #162041;}
.page a.specal{ color: #455686; line-height: 30px;margin:0 8px;}
.page a.num:hover, .page a.current{ color: #162041; background: #febf00; }
.page a.specal:hover{ color: #febf00;}
.backtop{ width: 60px; height: 60px; cursor: pointer; background: url(../img/top.png) no-repeat;background-size: 100% 100%; position: fixed; z-index: 10; right:20px; bottom: 62px;}
.newspage li{ margin-bottom: 20px;}
.newspage li a{ display: block; border-bottom: 1px dashed #febf00; padding-bottom: 20px;}
.newspage li a .div_img{ width: 29%; float: left; border-radius: 14px; transition: all 0.5s;}
.newspage li a .div_img img{ width: 100%; }
.newspage li a .info{ width: 68%; float: right; }
.newspage li a .info .tt1{ color: #555f79; font-size: 14px; margin-top: 16px;}
.newspage li a .info .tt2{ color: #162142; font-size: 16px; line-height: 40px; font-weight: bold;width: 100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.newspage li a .info .tt3{ line-height: 26px; max-height: 78px; overflow: hidden;color: #555f79; font-size: 14px; }
.newspage li a:hover .div_img{ box-shadow: 0px 0px 10px rgba(254,191,0,0.6); padding:6px; }
.newspage li a:hover .tt2{ color: #febf00; }
.news1page{ position: relative;}
.news1page li{margin-bottom: 28px; border-bottom: 1px dotted #e7e6e6;}
.news1page li a{display: block; transition: all 0.5s; padding-bottom: 28px;}
.news1page li a .date{ width: 100px; height: 100px; background: #febf00; text-align: center; border-radius: 50%; float: left; margin-right:20px;transition:all 0.5s; }
.news1page li a .date .dt1{margin-top: 14px; color: #ffffff; font-weight: bold; font-size: 48px; line-height: 48px; text-align: center;}
.news1page li a .date .dt2{color: #ffffff; font-size: 14px; font-weight: bold; line-height: 24px; text-align: center;}
.news1page li a .info{ }
.news1page li a .info .tt1{ transition:all 0.5s;line-height: 40px; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; font-weight: bold; color: #162142; font-size: 16px; }
.news1page li a .info .tt2{ font-size: 14px; line-height: 30px; max-height: 60px; overflow: hidden; color: #555f79; }
.news1page li a:hover .date{ background: #162142; box-shadow: 0px 0px 10px rgba(22,33,66,0.5);}
.news1page li a:hover .info .tt1{ color: #febf00; }

.prott{ font-size: 22px; color: #152041; padding: 18px 0;text-align: center;}
.prodetail1_swiper{ position: relative; width:48%;margin:0 auto;}
.prodetail1_swiper .swiper-wrapper{ width: 100%;  }
.prodetail1_swiper .swiper-wrapper .swiper-slide{width: 100%;}
.prodetail1_swiper .gallery-top .swiper-slide img{max-width: 90%; display: block; margin:10px auto; box-shadow: 0px 0px 20px rgba(51,51,51,0.25); border-radius: 20px;}
.prodetail1_swiper .swiper-button-white{opacity: 1; cursor: pointer; width: 30px; height: 30px;position: absolute; top: 90%; margin-top: 0;}
.prodetail1_swiper .swiper-button-next{right:0; background: url(../img/next2.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-prev{left:0; background: url(../img/prev2.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-next:hover{background: url(../img/next2h.png) no-repeat; background-size: 100% 100%;}
.prodetail1_swiper .swiper-button-prev:hover{background: url(../img/prev2h.png) no-repeat; background-size: 100% 100%;}
.gallery-thumbs{ margin:0 40px; }
.gallery-thumbs .swiper-wrapper .swiper-slide img{ cursor: pointer; border:1px solid #e6e6e6; max-width: 90%;border-radius: 10px;}
.gallery-thumbs .swiper-wrapper .swiper-slide.swiper-slide-active img{border:1px solid #febf00; }
.newsdetailtt{font-size: 18px; color: #162142; margin:10px 0; text-align: center; }
.newstime{ color: #41548c; font-size: 14px; text-align: center; margin:0 0 20px;}
.aboutedit2{ line-height:28px; color: #162142; font-size: 14px; padding:0 0 20px;}
.other{ position: relative; border-top: 1px solid #e6e6e6; padding-top: 40px; text-align: center;}
.other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 260px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #162142; background: #febf00; border-radius: 20px;}
.other a:hover{ color: #ffffff; background: #162041;}
.bigpic{ margin:10px auto; display: block; max-width: 100%;box-shadow: 0px 0px 20px rgba(51,51,51,0.25); border-radius: 20px;}
.aboutedit3{ margin-top: 70px; color: #152041; font-size: 14px; line-height: 30px;}
.aboutedit3 .tt1{ margin-bottom:20px; display: block;width: 100%; text-align: center; font-size: 18px; line-height: 38px; background: #162142; color: #ffffff; border-radius: 20px; }
.aboutedit3 img{ display: block;max-width: 100%; margin:10px auto; }
.other1{ position: relative; border-top: 1px solid #e6e6e6; padding-top: 16px; }
.other1 a{ display:block; font-size: 14px; color: #4e5e95; }
.other1 a:hover{ color: #febf00; font-weight: bold;}
.searchtt{background: #fcf3dd; margin:0 20px 10px; border-radius: 16px; padding:30px 20px 26px;}
.searchtt .formsearch{ width: 294px; height: 34px; position: relative; background: #ffffff; border-radius: 20px; border:1px solid #f8d581;}
.searchtt .formsearch .txt3{ position: absolute;text-indent: 12px; left: 0; top: 0; width: 224px; height: 34px; line-height: 34px; border:none; background: none }
.searchtt .formsearch .btn3{ position: absolute; width: 64px; right: 0; top: 0; height: 32px; line-height: 32px; color: #ffffff;border-radius: 20px; background: #162142;}
.searchtt .p{ font-size: 14px; color: #162142; border-top: 1px solid #f9dfa1; padding-top: 14px; margin-top: 14px;}
.searchpage{ padding: 0 20px; }
.searchpage li{ border-bottom: 1px dashed #fdd869; }
.searchpage li a{ line-height: 66px; color: #162142; font-size: 16px; width: 100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
.searchpage li a:hover{ color: #febf00; font-weight: bold; }
.wrappage1{ padding-bottom: 88px !important; }


@media (max-width: 1356px) and (min-width: 1200px){
  .friendlylink, .content1 .tempWrap, .content1 .container{ width: 1050px !important; }
  .slideGroup .parBd ul li img{ width: 240px;}
  .parBd{ margin:0; }
  
}

@media (max-width: 1200px) and (min-width: 991px){
  .newspage li a .info .tt3{max-height: 52px;}
  .friendlylink .swiper-button-prev{ left:-35px; }
  .friendlylink .swiper-button-next{right:-35px;}
  #header .nav_box .yiji>a{ padding: 0 26px; }
  .friendlylink, .content1 .tempWrap, .content1 .container{ width: 900px !important; }
  .slideGroup .parBd ul li img{ width: 206px;}
  .parBd{ margin:0; }
  .slideGroup .sPrev{ left:-30px; background: url(../img/prev1.png) no-repeat; }
  .slideGroup .sNext{right:-30px; background: url(../img/next1.png) no-repeat;}
  .content2wrap .info .tt2{ line-height: 32px; font-size: 16px; color: #233058; max-height: 96px; overflow: hidden;}
  .content3 .newslist li a .info .tt3{ max-height: 26px; }
}
@media (max-width: 991px){ 
  .other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 200px; }
  .newspage li a .info .tt3{max-height: 26px;}
  .footer .copyright, .footer .jishu{ text-align: center; }
  .friendlylink .swiper-button-prev{ left:-35px; }
  .friendlylink .swiper-button-next{right:-35px;}
  .zs1{ width: 46%; }
  .lang{ display: inline-block; position: absolute; right: 20px; top: 18px;}
  .lang a{ width: 28px; height: 28px; display: inline-block;margin-right: 0; margin-left: 8px; border-radius: 50%; background: #162142; line-height: 28px; text-align: center; color: #ffffff; font-size: 12px;}
  .wrapsearch{ background: #111e44; padding-bottom: 16px; }
  .search{margin-bottom:20px; margin-top: 20px; margin-left: 20px; border-radius: 16px; display: inline-block; width: 240px; height: 34px; position: relative; border:1px dashed #febf00;}
  .search .txt1{ color: #ffffff; background: none;border:none; line-height: 34px; width: 196px; text-indent: 10px;}
  .search .btn1{ border:none; position: absolute; width: 21px; height: 21px; background: url(../img/search1.png) no-repeat; background-size: 100% 100%; top: 6px; right: 8px; }
  input::-webkit-input-placeholder{/* WebKit browsers */
            color:#7081b4;
    }
    input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */
        color:#7081b4;
    }
    input::-moz-placeholder{/* Mozilla Firefox 19+ */
        color:#7081b4;
    }
    input:-ms-input-placeholder{/* Internet Explorer 10+ */
        color:#7081b4;
    }

}
@media (max-width: 991px) and (min-width: 768px){ 
  .nynav{ width: 26%; }
  .inner_main{ width: 65%; }
  .content3 .contact .info p{ font-size: 14px; line-height: 36px; }
  .content3 .newslist li a .div_img{ width: 36%; }
  .content3 .newslist li a .info{ width: 61%; }
  .content3 .newslist li a .info .tt2{ line-height: 30px; }
  .content3 .newslist li a .info .tt3{ max-height: 26px; }
  .content2wrap .info .tt1{ margin-top: 10px; margin-bottom:8px;}
  .content2wrap .info a.more{margin-top: 16px; }
  .content2wrap .info .tt2{ line-height: 32px; font-size: 16px; color: #233058; max-height: 96px; overflow: hidden;}
  .friendlylink{ width: 680px !important; }
  .content1 .tempWrap, .content1 .container{ width: 750px !important; }
  .slideGroup .parBd ul li img{ width: 168px;}
  .parBd{ margin:0; }
  .slideGroup .sPrev{ left:-30px; background: url(../img/prev1.png) no-repeat; }
  .slideGroup .sNext{right:-30px; background: url(../img/next1.png) no-repeat;}
}

@media (max-width: 768px){
  .searchtt .formsearch{ width: 224px; }
  .searchtt .formsearch .txt3{ width: 150px }
  .parBd .sect1_swiper{ padding:0; }
  .wrappage1{ padding-bottom: 50px !important; }
  .searchpage li a{ line-height:50px; font-size: 14px;}
  .other1{padding: 16px 20px 0; }
  .newsdetailtt{padding:0 20px; }
  .newstime{ padding:0 20px; margin:0 0 12px;}
  .aboutedit2{  padding:0 20px 20px;}
  .prodetail1_swiper{ position: relative; width:80%;margin:0 auto;}
  .prodetail1_swiper .swiper-button-white{width: 20px; height: 20px;top: 91%;}
  .gallery-thumbs{ margin:0 30px; }
  .other{ position: relative; border-top: 1px solid #e6e6e6; padding-top:20px; text-align: center;}
  .other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 260px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #162142; background: #febf00; border-radius: 20px;}
  .other a:hover{ color: #ffffff; background: #162041;}
  .bigpic{ margin:10px auto; display: block; max-width: 100%;}
  .aboutedit3{ margin-top: 30px; padding:0 20px;}
  .aboutedit3 .tt1{ margin-bottom:20px; display: block;width: 100%; text-align: center; font-size: 18px; line-height: 38px; background: #162142; color: #ffffff; border-radius: 20px; }
  .aboutedit3 img{ display: block;max-width: 100%; margin:10px auto; }
  .other a{ transition: all 0.5s; display:inline-block; margin:0 10px; width: 126px; }
  .newspage{ padding:10px 3% 0; }
  .newspage li{ margin-bottom: 16px;}
  .newspage li a{ display: block; border-bottom: 1px dashed #febf00; padding-bottom: 16px;}
  .newspage li a .div_img{ width: 38%; float: left; border-radius: 14px; transition: all 0.5s;}
  .newspage li a .div_img img{ width: 100%; }
  .newspage li a .info{ width: 58%; float: right; }
  .newspage li a .info .tt1{ color: #555f79; font-size: 14px; margin-top: 0;}
  .newspage li a .info .tt2{ color: #162142; font-size: 16px; line-height: 30px; font-weight: bold;width: 100%; text-overflow: ellipsis;white-space: nowrap;overflow: hidden; }
  .newspage li a .info .tt3{ line-height: 26px; max-height: 26px; overflow: hidden;color: #555f79; font-size: 14px; }
  .news1page{ padding:10px 3% 0; }
  .news1page li{margin-bottom: 16px;}
  .news1page li a{padding-bottom: 16px;}
  .news1page li a .date{ width: 80px; height: 80px; }
  .news1page li a .date .dt1{margin-top: 14px;font-size: 30px; line-height: 30px;}
  .news1page li a .info .tt1{ line-height: 30px; }
  .news1page li a .info .tt2{ line-height: 24px; max-height: 48px; }
  .backtop{ width: 40px; height: 40px; bottom: 20px;}
  .aboutedit{ padding: 0 20px; }
  .inner_main{ width: 100%; margin-right: 0; padding-bottom: 40px; }
  .pagecont{ padding-top: 0 !important; padding-bottom: 50px; }
  .wrappage{border-radius: 0 0 20px 20px;}
  .pagett{ padding:0 2.5%; height:50px; margin-bottom: 12px; border-bottom: 2px solid #febf00; background: rgba(255,255,255,0.7); position: relative;margin-top: -50px; border-radius: 20px 20px 0 0;}
  .pagett h2{ line-height:50px;font-size: 20px;}
  .propage{ width: 100.8%;}
  .propage li{margin-bottom: 4px; padding:0;}
  .propage li a{ position: relative; display: block; }
  .propage li a .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
  .propage li .mark1{position:absolute; display: none; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(254,191,0,0.8);}
  .propage li a .tt1{line-height: 30px; font-size: 14px;}
  .page{ padding: 20px 0 0; text-align: center;width: 100%; color: #455686; font-size: 14px;}
  .page a.num{ margin:0; color: #ffffff; font-size: 14px; padding:0 6px; line-height: 22px; display: inline-block;border-radius: 50%; background: #162041;}
  .page a.specal{ color: #455686; line-height: 30px;margin:0;}
  .page a.num:hover, .page a.current{ color: #162041; background: #febf00; }
  .slideGroup .swiper-container .swiper-slide a .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
  .parBd .more{ transition: all 0.5s;background: #febf00; box-shadow: 0px 0px 10px rgba(254,191,0,1); }
  .section1 .content3 .friendlylink{ margin:20px auto 0; width: 74% !important; }
  .content3{ width: 100%; background: #ffffff; padding-top: 0px; padding-bottom: 20px; }
  .content3 .news{ padding:0; width: 100%;}
  .indextt3{height: 40px;  margin-bottom: 20px;}
  .indextt3 h2{ font-size: 18px;line-height: 40px;}
  .indextt3 a.more{ line-height: 40px; }
  .content3 .newslist{ padding: 0;}
  .content3 .newslist li{ padding:0; margin-bottom: 16px;}
  .content3 .newslist li.li1 a{padding-bottom: 16px;}
  .content3 .newslist li a{ display: block; }
  .content3 .newslist li a .div_img{ width: 38%;}
  .content3 .newslist li a .info{ width: 58%;  }
  .content3 .newslist li a .info .tt2{ line-height: 26px; font-weight: normal;}
  .content3 .newslist li a .info .tt3{ line-height: 26px; max-height: 26px;}
  .content3 .contact{ padding:0; width: 100%;}
  .wrap_contact{ padding: 0;}
  .content3 .contact .info{margin-top: 16px;}
  .content3 .contact .info p{ line-height: 24px; font-weight: normal;font-size: 14px;  padding-left: 40px; }
  .friendlylink .swiper-button-prev,.friendlylink .swiper-button-next{ width:12px;height:20px; margin-top: -10px; border:none; }
  .friendlylink .swiper-button-prev{ left:-26px; }
  .friendlylink .swiper-button-next{right:-26px;}
  .friendlylink .swiper-button-prev:hover{width: 26px; height: 20px;}
  .friendlylink .swiper-button-next:hover{ width: 26px; height: 20px;}
  .content2{ padding:30px 0; }
  .content2wrap{ position: relative;z-index: 1; background: #febf00; border-radius: 20px;}
  .content2wrap .div_img{ width: 95%; top: 0; margin:2.5%;}
  .content2wrap .div_img img{ border-radius: 12px;}
  .content2wrap .info{ width: 95%; margin:0 2.5%; float: right;}
  .content2wrap .info .tt1{ font-weight: normal;font-size: 20px;  margin-top: 0px; margin-bottom:0px; text-align: center;}
  .content2wrap .info .tt2{ line-height: 26px; font-size: 14px; max-height: 208px;}
  .content2wrap .info a.more{ margin-bottom:20px; color: #152041; font-size: 14px; height: 40px; line-height: 40px; text-align: center;border-radius: 20px; margin-top: 10px; }
  .parBd{ margin:0; }
  .section1 .container{ margin: 0 3%; width: 94% !important; }
  .section1{ padding-top: 16px; }
  .indextt1{ font-size: 20px; line-height: 40px; padding-bottom: 16px;}
  .slideGroup .parHd{padding-bottom: 0px;}
  .slideGroup .parHd ul li{font-size:16px; padding: 0 5px; color:#152041; line-height:30px; margin-bottom: 20px;}
  .slideGroup .parHd ul li.on span, .slideGroup .parHd ul li:hover span{top: 38px;}
  .slideGroup .parBd ul{ overflow:hidden; zoom:1;   }
  .slideGroup .parBd ul li{ width: 50%; margin-bottom: 10px;}
  .slideGroup .parBd ul li a{ position: relative; display: block; }
  .slideGroup .parBd ul li a img{ width: 100%;}
  .slideGroup .parBd ul li .mark1{position:absolute; transition: all 0.5s; width: 100%; text-align: center; height: 50px; top: -50%; margin-top: -25px; background: rgba(254,191,0,0.8);}
  .parBd .more{ margin:20px auto; width:100%;font-size: 14px; }
  .slideGroup .parBd ul li a .tt1{line-height: 30px; font-weight:normal;  }
  .slideGroup .parBd ul li a .wrapli{ box-shadow: 0px 0px 20px rgba(0,0,0,0.25);}
  .slideGroup .swiper-slide{ margin-bottom:10px; }

}