/*头部*/
.wrapperbox{width:1400px; margin:0px auto; background: #fff;}
.wrapper{width:1260px; margin:0px auto;}
.toper { background:#fff; width:100%;}
.toper .top{height:40px; line-height: 40px; border-bottom: 1px solid #eee; overflow: hidden;}
.toper .top strong{color: #ff3300; font-size: 18px; font-family: 'webb';}
.toper .top .ali,.toper .top .yy{display: inline-block; margin-left: 20px;}
.toper .top .ali i{background: url(../images/cxt.png); width:41px; height:24px; display: inline-block;vertical-align:middle;margin-right:10px;}
.toper .top .yy i{background: url(../images/enon.png) no-repeat left top; width:22px; height:24px; display: inline-block;vertical-align:middle;margin-right:5px;}
.toper .head{height:110px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:100px; height:70px; margin-top:20px}
.toper .t_left{float:left;}
.toper .miline{height:110px;font-size:18px;background: url(../images/menuline.png) no-repeat left 50%; padding-left: 22px; line-height:29px; margin-left: 22px;display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: center; justify-content:center; align-items: center;}
.toper .t_left h2{font-size:26px; font-weight: bold; color:#1c3f8e; padding-bottom: 7px; letter-spacing:2px;}
.toper .miline span{padding:0 9px}
.toper .miline img{display: inline-block;vertical-align:middle;}
.toper .t_right{float:right;}
.toper .t_right .tel{ text-align:left; font-size:22px; line-height:30px; background: url(../images/telo.png) no-repeat left 50%; padding-left: 35px; font-family: 'Webb';}
.toper .t_right .mob{margin-top:25px; text-align:left; font-size:22px; line-height:30px; background: url(../images/tel2o.png) no-repeat left 50%; padding-left: 35px; font-family: 'Webb';}
.topyy{ display: none;}
.toper .t_nav{height:60px; background: #1c3f8e; width:100%}
.toper .t_nav span{display: block; font-size:12px; text-transform: uppercase;}
.toper ul{font-size:0; border-left:1px solid rgba(255,255,255,0.15)}
.toper ul li { display:inline-block;text-align:center; position:relative; width:14.28%}
.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:16px; display:block; height:60px; line-height:60px;color:#fff; border-right:1px solid rgba(255,255,255,0.2)}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#ddd;}
.toper li dl { position:absolute; z-index:999;top:60px;left:0px;width:180px;display:none; text-align:left; background:#454141;padding:10px 0}
.toper li:hover>dl { display:block}
.toper li dl dd a,.toper li dl dd a:hover,.toper li.check dl dd a {font-size:12px; height:35px;line-height:35px;border-top:0;color:#fff; overflow:hidden;padding:0 20px}
.toper li dl dd a:hover { background:#231b00}
.nav-top { position: fixed; top: 0; left:0; z-index: 999;}
.mbmenu,.Fast-nav { display:none;}
.p50{padding: 45px 0 60px}
.kv{box-shadow:none;}
.protitle{background: url(../images/projt.png) repeat-x center; height:65px}
.protitle_l{float:left; font-size:18px; background: #fff; line-height: 65px; padding-right:30px; padding-left:35px; font-weight: bold;color:#057e3d}
.protitle_l span{font-weight: normal; color:#666}
.protitle_r{float:right; background: #fff; line-height: 65px; margin-right: 10px; padding: 0 10px;}
.mainwrap_l{float:left; width:22%;}
.mainwrap_r{float:right; width:77.5%;}

.productlist{}
.productlist li{float:left;width: calc(100% / 4 - 15px);margin-left: 15px; padding-bottom: 15px; margin-top:15px;box-shadow:0px 0px 5px rgba(0,0,0,.15); overflow: hidden; text-align: center; font-size:12px}
.productlist h2{font-size:16px; margin:13px 0 3px; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.productlist a h2{color: #1c3f8e;}
.productlist img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.productlist li:hover img{transform: scale(1.15);}
.ntitle{text-align:center;}
.ntitle p{font-size: 30px;color: #333333; line-height: 130%;}
.ntitle p span{font-weight: bold;color: #1c3f8e;}
.ntitle hr{width:35px;height: 2px;background: #46aa3b;border:none;outline: none;margin:10px auto;}
.ntitle .small{font-size: 16px;}
.liucheng{padding:60px 0}
.liucheng .bottom{width: 100%;height: 550px;background: url(../images/liu_bg.jpg)no-repeat center;position: relative;}
.liucheng .bottom .tu{position: absolute;left:360px;top:40px}
.liucheng .bottom li{text-align: center;width:220px;font-size: 14px;color: #666;line-height: 22px;position: absolute;} 
.liucheng .bottom li p{color:#1c3f8e;font-size: 20px;font-weight: bold;line-height: 35px;}
.liucheng .bottom li.ic1{top: 155px;left:140px;}
.liucheng .bottom li.ic2{top: 435px;left: 60px;}
.liucheng .bottom li.ic3{top: 450px;left:445px;}
.liucheng .bottom li.ic4{top: 365px;right: 240px;}
.liucheng .bottom li.ic5{top:55px;right: 100px;}
/*导航*/
.list-title {width:100%;height: 92px;position:relative;color: #fff;background:#1844a7;margin-top: 25px;}
.list-title p:nth-child(1){ position:absolute;top: 35px;left:20px;font-size:60px;}
.list-title p:nth-child(2){font-size: 24px;padding-top: 25px; padding-left:70px; letter-spacing:3px;}
.list-title p:nth-child(3){font-size: 12px;padding-left:70px; margin-top:6px}
.accordion { border:1px solid #1844a7; border-top:0; padding: 10px; background: #fff;}
.accordion .link { cursor: pointer;display: block;margin-top: 10px; background: url(../images/LVSE.png); position: relative; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;padding-left:15px; text-decoration: none; color: #fff; font-size: 14px; line-height: 44px; border-radius: 4px;}
.accordion li:last-child .link {border-bottom: 0;}
.accordion li { cursor: pointer;}
.accordion li:nth-child(1) .link{margin-top: 0}
.accordion li.open .link { background: url(../images/HONGSE.png); }
.accordion li.open .link a,.accordion li .link a{ color: #FFFFFF;}{ color: #FFFFFF;}
/*Submenu*/
.submenu { display: none; font-size: 14px;padding: 10px 0; background: #f5f5f5;}
.submenu li { height: 30px; line-height: 30px; background: url(../images/newtb_12.png) no-repeat 15px 50%;}
.submenu a { display: block; padding-left:30px; text-decoration: none; color: #666; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.submenu li:hover a, .submenu li.current a { color: #1d408e;}

.leftmenu{border:1px solid #1844a7; border-top:0; padding: 10px 10px 15px; background: #fff;}
.leftmenu li{}
.leftmenu a h2{color: #fff; padding-left: 15px;}
.leftmenu h2{cursor: pointer;display: block;margin-top: 13px; background: url(../images/LVSE.png); font-size: 14px; line-height: 44px; border-radius: 4px;}
.leftmenu .link h2{background: url(../images/HONGSE.png);}
.leftmenu .twomenu { font-size: 14px;padding: 10px 0; background: #f5f5f5;}
.leftmenu .twomenu p{padding-left:30px; height: 30px; line-height: 30px; background: url(../images/newtb_12.png) no-repeat 15px 50%;}
.leftmenu .twomenu p a { display: block; text-decoration: none; color: #666; -webkit-transition: all 0.25s ease; -o-transition: all 0.25s ease; transition: all 0.25s ease; }
.leftmenu .on,.leftmenu .on a,.leftmenu .on a h2{background: url(../images/HONGSE.png); font-weight: bold;}
.leftmenu .twomenu .active,.leftmenu .twomenu .active a{background: url(../images/newtb_12.png) no-repeat 15px 50% #fff; color:#1844a7; font-weight: bold;}
.contact-z1 {height: 140px;background: url(../images/contact-z1.jpg);color: #333; text-align: center; margin-top: 12px; padding-left:45px;} 
.contact-z1 p {font-size:16px; font-weight: bold; height: 30px; line-height: 30px; padding: 37px 0 0;}
.contact-z1 span { display: block;font-weight: bold; font-size:24px; line-height:40px;}
.dbj{background: url(../images/thre-bj_02.jpg) no-repeat center;width: 100%;height:325px; color:#fff; display: flex; align-items: center;justify-content: center;}
.dbjtitle{font-size:22px; line-height: 200%;padding-bottom:15px}
.dbjtitle h2{font-weight: bold; font-size:36px; padding-bottom:12px;}
.dbjmore{background: #46aa3b; color:#fff; padding: 12px 25px; display: inline-block; border-radius: 5px; font-size: 16px;}
.dbjmore:hover{background: #e60113;}
.hotkeyword{line-height:70px; background: #eee;}
.hotkeyword a{margin-left:10px; margin-right: 10px;}
.youshibox{padding:60px 0;background: #f1f5f7;}
.tabPanel{padding:45px 0 0;}
.tabPanel .wrap3 { position:relative}
.tabPanel ul{height:160px; font-size: 0;}
.tabPanel ul li{ display:inline-block; width:16.66%; text-align:center;font-size:16px; font-weight: bold; cursor:pointer;}
.tabPanel ul li span{ display: block; background: #1b72c9; width:65px; height:65px; border-radius: 50%;margin:15px auto;}
.tabPanel ul li.hit span{ background: #e60113;}
.panes {box-shadow:0px 0px 8px rgba(0,0,0,.1); padding:40px;background: #fff;}
.panes .pane { display:none;}
.panefont{font-size:24px; padding:20px 0; font-weight: bold; color:#1c3f8e;}
.panefont:after{content: ''; display: block; background: #e60113; height:1px; width:40px; margin-top:20px;}
.panebox{padding:20px 0 50px; color:#777; line-height: 220%; font-size:16px}
.pane_l{float:left; width:43%;}
.pane_r{float:right; width:50%; text-align: right;}

.aboutwrap{background: #fff;}
.homeabout{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between;justify-content: space-between;padding:60px 0}
.homeabout_l{width:53%;}
.prokuang{height:60px; padding-top: 25px; padding-left:15px;}
.hometitle{ line-height: 45px;height:45px; border-bottom:1px solid #ddd;}
.hometitle_l{float:left;color:#fff; font-size:20px; font-weight:bold; background: url(../images/homeleftdi.png) no-repeat; width:230px; padding-left:35px; letter-spacing: 2px;}
.hometitle_r{float:right; text-align: right;}
.aboutfonttitle{ color:#00458b; font-size:24px; line-height:130%; padding:0 0 30px; font-weight:bold}
.aboutfonttitle h2{ color:#999; text-transform:uppercase; font-weight:normal; font-size:18px;}
.aboutbox{ line-height:220%; color:#666; padding-right:70px;}
.aboutbox span{font-size:18px; display:block; padding-bottom:20px; color:#333;}
.amore{margin-top:30px; text-align:center}
.amore a{border:1px solid #ccc; background: #fff; display:block; padding:13px 0;width:160px; text-transform:uppercase;-webkit-transition: all 0.6s ease;-o-transition: all 0.6s ease;transition: all 0.6s ease;}
.amore a:hover{border:1px solid #00458b; color:#00458b}
.homeabout_r{width:47%; text-align: right;background: url(../images/square.png) no-repeat right 5px; background-size: 60%;}
.homeabout_r .rigimg{padding-top: 15px; padding-right: 10px;}
.homeabout_r img{width:100%}

.idx_pro{padding:30px 0 60px;}
.idx_pro .container { position: relative;}
.idx_pro .pro_swiper { overflow: hidden;}
.idx_pro .pro_swiper .swiper-slide { text-align: center;position: relative;z-index: 1;}
.idx_pro .pro_swiper .swiper-slide img{width:100%}
.idx_pro .swiper-button-prev{ top: 50%;width: 31px;height: 31px;background: url(../images/l1.png) no-repeat center center;background-size: contain;left:0;}
.idx_pro .swiper-button-next{top: 50%;width: 31px;height: 31px;background: url(../images/r1.png) no-repeat center center;background-size: contain;right:0;}
.idx_pro .swiper-button-prev.swiper-button-disabled { opacity: 1;background: url(../images/l2.png) no-repeat center center;background-size: contain;}
.idx_pro .swiper-button-next.swiper-button-disabled { opacity: 1;background: url(../images/r2.png) no-repeat center center;background-size: contain;}

.newswrap{padding:60px 0}
.homenews{}
.newswrap .homenews_l{ width:32%; float:left; margin-left:2%; background:#fff;}
.newswrap .homenews_box{border:1px solid #e2e2e2; padding:30px 25px;}
.newswrap .homenews_l:first-child{margin-left:0;}
.newswrap .homenews_l:nth-child(2) .bk_bt{ background:#00a7ba;}
.newswrap .homenews_l .contitle{text-transform: uppercase; color:#999; text-align: center; font-size:12px; height:75px; line-height: 26px;}
.newswrap .homenews_l .contitle h2:before,.newswrap .homenews_l .contitle h2:after{display:inline-block;height:1px;background:#1c3f8e;content:'';width:30px;margin:-7px 15px}
.newswrap .homenews_l .contitle h2{font-size:22px; line-height: 30px; color:#00458b}
.newswrap .homenews_l ul{padding: 20px 0 0;}
.newswrap .homenews_l li{text-overflow: ellipsis;white-space: nowrap;overflow: hidden; padding:8px 0; line-height: 20px;background:url(../images/newtb_12.png) left center no-repeat; padding-left:15px;}

/*内页*/
.pd20{padding: 15px 0 30px}
.aboutcon{background: #fff;box-shadow:0px 6px 6px rgba(0,0,0,.06); margin-top: 25px; margin-left: 20px;}
.productcon{background: #fff;box-shadow:0px 6px 6px rgba(0,0,0,.1);}
.abouttitle{ line-height: 45px;height:45px; border-bottom:1px solid #eee; margin: 0 30px; padding-top: 20px;}
.abouttitle_l{float:left; font-size:22px; color:#1844a7; font-weight:bold; position: relative; padding-left:20px;}
.abouttitle_l:before{width:4px; background: #ec0000;height:22px; content: ''; display: inline-block; position: absolute; top:13px; left:0}
.abouttitle_r{float:right; text-align: right;}
.left-contact{background-color: #ffffff;margin-top: 15px;padding:15px 15px;border-top:5px solid #1a72c9;box-shadow:0px 6px 6px rgba(0,0,0,.06);}
.left-contact h2{font-size: 20px;font-weight: bold;color:#1844a7;margin-bottom: 10px;line-height: 30px;}
.left-contact .cont{line-height:200%;}
.aboutcontent{padding:20px 30px 30px; line-height: 200%; min-height: 600px;}
.productcontent{padding:0; min-height: 595px;}
.aln{float:right;}
.product{padding:15px;}
.product li{float:left;width:33.333%; text-align: center; font-size:12px}
.product .pbox{ overflow: hidden;margin:15px;}
.product h2{font-size:16px; margin:20px 0 5px; text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product a h2{color: #1c3f8e;}
.product img{width: 100%; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.product li:hover img{transform: scale(1.08);}
.partner{padding:15px;}
.partner li{float:left; width:25%}
.partner .pbox{ overflow: hidden;margin:15px;border:1px solid #e2e2e2}

.newslist{padding:0}
.newslist li{border-bottom:1px dashed #ccc; padding: 18px 0}
.newslist .nleft{border-left:1px solid #e2e2e2;float:right; width: 12%; line-height:60px; font-size:14px; text-align: center}
.newslist .nleft span{ display: block; font-size:28px; font-weight:100 }
.newslist .nright{float:left; width: 85%; font-size:14px;}
.newslist .nright h2,.newslist .nright h2 a{ font-size:16px; padding-bottom: 8px; color: #1c3f8e;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newslist .nright p{padding:0; margin: 0;color:#888888;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.viewbox{padding:15px 0 10px}
.viewbox h2{ color:#000; font-size:22px; text-align: center;}
.viewcontent{padding:15px 0 20px; line-height: 200%; min-height:300px}
.viewcontent img{ display:block; margin:0px auto; text-align:center; padding:15px 0}
.context{ border-top:1px dotted #bbb; padding-top:10px;height:60px}
.context li{ line-height: 30px}
.context_l{float:left;}
.context_r{float:right; padding-top: 12px;}
.context .news-return-a { display: block; position: relative; text-align: center; width: 110px; height: 32px; border: 1px solid #1c3f8e; border-radius: 18px; overflow: hidden;}
.context .news-return-a:after { content: "";  position: absolute; z-index: 0; background: #1c3f8e; left: 0; top: 0; width: 100%;height: 100%;}
.context .news-return-a:before { content: ""; display: block; width: 130%; height: 100%; position: absolute; left: -144%; top: 0; z-index: 1; background: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transform: skewX(45deg); -webkit-transform: skewX(45deg);-moz-transform: skewX(45deg);}
.context .news-return-a .load-s0 { position: relative; z-index: 2; color: #fff; font-size: 14px; line-height: 32px; transition: .3s ease-in-out;}
.context .news-return-a:hover .load-s0 {color: #1c3f8e;}
.context .news-return-a:hover:before {left: -13%;}

.productsm{background: #fff; line-height: 180%; padding: 20px 0;}
.productsm strong{ color: #ec2828}
.productsm_l{float:left; width: 55%;}
.productsm_r{float:right; width: 40%;}
.productsm_r .smfont{ color:#666; border-bottom: 1px dotted #bbb; padding-bottom: 10px;}
.productsm_r .smfont span{ color:#1844a7; font-weight: bold;}
.productsm_r .smfont h2{color:#000; font-size:24px; padding-bottom:15px}
.productsm_r .txcs{ line-height: 32px; background: url(../images/txcs.png); padding-left:12px;}
.productsm_r .xunjia{border-top: 1px dotted #ccc; padding-top:20px}
.productsm_r .xunjia a { background: #1844a7;-webkit-transition: all .3s;  -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s;display: block;width:150px; color: #fff;padding:10px 0; text-align: center;}
.productsm_r .xunjia a:hover{background: #ec0000; color: #fff}
.mt50{margin-top:60px;}
.smbox{padding:20px 0}
.smbox img{display: block; margin: 0px auto; text-align: center;}
.jjfont{padding: 15px 0;}
.jjfont h2{font-size:16px; font-weight: bold; color: #1844a7; padding-bottom: 10px;}
.pro_date_obj{display: block;height: 37px;line-height: 37px;font-size: 14px;color: #fff;padding-right: 20px;background: #eee; font-weight: bold;}
.pro_date_obj span{display: inline-block;background:#0ba29a; padding: 0 0 0 15px; position: relative;}
.pro_date_obj span:after{content:''; width:45px; height:37px; display: inline-block; background: url(../images/objdi.png);position: absolute;}
.lxsq{padding:0 0 40px}
.lxsqtitle{font-size:30px; text-align: center;color: #000;padding-bottom: 40px;padding-top:20px}
.lxsq h2{ font-size:16px; font-weight:bold; color: #000; padding: 15px 0}
.lxsq li{float:left;}
.lxsq .wl{width:38%;}
.lxsq .wr{width:30%;margin-left:1%}
.lxsq .lxbox{border:1px solid #e2e2e2; background: #fff; height:270px; padding:35px 0 0; text-align: center; line-height:240%;}
.lxsq span{width:180px; display: inline-block}
.lxsq strong{ font-weight:normal; color:#1231A8}
.mapcss{width:100%; height:550px;box-shadow:0px 6px 6px rgba(0,0,0,.1);}
.wenhua{margin:0 -10px}
.wenhua li{float:left; width:50%;}
.wenhua .whbox{border:1px solid #e2e2e2; background: #fbfbfb; text-align: center; line-height: 200%; padding: 40px 0;margin:10px}
.wenhua .whbox strong{font-size:16px; font-weight:bold; line-height: 40px; padding-bottom: 10px;color:#1231A8}
.aboutcontent .panes {box-shadow:none; padding:15px 0;background: #fff;}
.aboutcontent .panes .pane { display:block; padding:15px 0;}
.aboutcontent .panefont{font-size:20px; padding:10px 0; font-weight: bold; color:#1c3f8e;}
.aboutcontent .panefont:after{content: ''; display: block; background: #e60113; height:1px; width:30px; margin-top:10px;}
.aboutcontent .panebox{padding:10px 0; color:#777; line-height: 220%; font-size:14px}
.aboutcontent .pane_l{float:right; width:66%;}
.aboutcontent .pane_r{float:left; width:30%; text-align: left;}
.aboutcontent .pane_r img{border-radius:10px}
/*分页*/
.propage{ height:50px;padding-top:20px;}
.newspage{ height:50px;padding-top:20px;}
.black2 {text-align: center;font-size: 14px;line-height:22px;}
.black2 a {border:#b1b8bc 1px solid;padding:4px 8px;margin:1px;color: #444444;text-decoration: none;background-color:#ffffff;}
.black2 a:hover {border:#83898c 1px solid;color: #ff0000;}
.black2 a:active {border:#83898c 1px solid;color: #ff0000;}
.black2 span.current {border: #49575d 1px solid; padding:4px 8px;font-weight: bold; margin:1px; color: #ffffff; background-color: #5a6b75;}
.black2 span.disabled {border: #49575d 1px solid;padding:4px 8px;margin:1px;color: #333;}
/*底部*/
.footer{ background:url(../images/footer.jpg) no-repeat top center; background-size:cover;color:rgba(255,255,255,0.7);}
.copyright{ height:50px; line-height: 50px; border-top:1px solid #555;}
.copyright_l{float:left;}
.copyright_r{float:right;}
.copyright_r a{margin-left:15px}
.foot{line-height: 30px; padding:40px 0 20px;}
.foot .menutwo{ width:480px}
.foot .menutwo p{float:left; width:50%}
.foot-menu{float:left;}
.footer h4{color:#fff; padding-bottom: 10px;}
.footer a{color:rgba(255,255,255,0.7)}
.footer a:hover{color:rgba(255,255,255,1)}
.foot-contact{float:right;}
.foot-ewm{float:right;text-align: center; margin-left: 60px; margin-top: 40px;}
/*客服*/
.izl-rmenu{position:fixed; right:0; top:155px; z-index:999;}
.izl-rmenu .btna{width:55px; height:55px; margin-bottom:1px; cursor:pointer; position:relative;}
.izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/qq.png) no-repeat center center rgba(0,0,0,0.6); text-decoration:none; display:block;}
.izl-rmenu a:hover.btn-qq {background:url(../images/qq.png) no-repeat center center #ff811b;}
.izl-rmenu .btn-wx{background:url(../images/wx.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-wx:hover{background-color:#ff811b;}
.izl-rmenu .btn-wx .pic{position:absolute; left:-111px; top:0px; display:none;width:111px;height:111px;}
.izl-rmenu .btn-wx .pic img,.izl-rmenu .btn-wx img{width:100%;max-width:none;}
.izl-rmenu .btn-phone{background:url(../images/tel1.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-phone:hover{background-color:#ff811b;}
.izl-rmenu .btn-phone .phone{background-color:#ff811b; position:absolute; width:130px; left:-130px; top:0px; line-height:55px; color:#FFF; font-size:16px; text-align:center; display:none;}
.izl-rmenu .btn-top{background:url(../images/top.png) no-repeat center center;background-color:rgba(0,0,0,0.6);}
.izl-rmenu .btn-top:hover{background-color:#ff811b;}
.swiper-pagination-bullet{width:12px;height:12px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}

.year{ height:auto; padding:10px 0}
.yearimage{background:url(../images/year1.png) no-repeat; width:45px; height:45px}
.month{ height:auto; padding-top:20px;background:url(../images/yeardi.gif) repeat-y 22px top;}
.month_left{float:left; width:20%;}
.month_title{ padding-left:60px; background:url(../images/year2.png) no-repeat 14px 7px; font-size:16px; font-weight:normal; color:#1231A8; line-height:35px}
.month_right{float:left; width:80%; font-size:14px; padding-top:2px; line-height:30px;}

/*1.21新增*/
.ind_sec2 {padding:60px 0; background: #eee;}
.ind2_i {}
.ind2l { float: left;  width: 50%;}
.ind2r { float: right;  width: 50%;  position: relative;  overflow: hidden;}
.ind2l_i {  width: calc(50% - 10px);  float: left;  margin-right: 10px;  background: #ffffff;  margin-top: 10px;  text-align: center;  padding: 20px 0;}
.ind2l_i:nth-child(-n + 2) {  margin-top: 0;}
.ind2l_i .img {  display: block;  border-radius: 50%;  width: 50px;  height: 50px;  border: solid 1px #000000;  margin: auto;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.ind2l_i:hover .img {  -webkit-transform: rotateY(180deg);  -moz-transform: rotateY(180deg);  -ms-transform: rotateY(180deg);  -o-transform: rotateY(180deg);  transform: rotateY(180deg);}
.ind2l_i h4 {  margin-top: 13px;  font-size: 16px;  color: #000000;}
.ind2l_i h5 {  margin-top:5px;  font-size: 12px;  color: #999999;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.ind2l_i .common_btn {  border-radius: 2px;  width: 120px;  margin: 12px auto 0;}
.common_btn {  display: block;  overflow: hidden;  position: relative;  height:34px;  line-height:34px;  background: #02396c;  font-size: 14px; color: #fff; text-align: center; width: 120px;}
.common_btn::after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 120%; background: #000000; opacity: 0; transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transform: translateX(100%) skew(0deg); -webkit-transform: translateX(100%) skew(0deg); -moz-transform: translateX(100%) skew(0deg); -ms-transform: translateX(100%) skew(0deg); -o-transform: translateX(100%) skew(0deg);}
.common_btn span { z-index: 1; display: block; position: relative;}
a.common_btn:hover::after,
a:hover div.common_btn::after { opacity: 1; transform: translateX(10%) skew(-20deg); -webkit-transform: translateX(10%) skew(-20deg); -moz-transform: translateX(10%) skew(-20deg); -ms-transform: translateX(10%) skew(-20deg); -o-transform: translateX(10%) skew(-20deg);}
.ind2r_i {  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 100%;  display: -webkit-box;  display: -webkit-flex;  display: -ms-flexbox;  display: flex;  -webkit-box-align: center;  -webkit-align-items: center;  -ms-flex-align: center;  align-items: center;  -webkit-box-pack: center;  -webkit-justify-content: center;  -ms-flex-pack: center;  justify-content: center;  -webkit-box-orient: vertical;  -webkit-flex-direction: column;  -ms-flex-direction: column;  flex-direction: column;}
.ind2r_i .video_btn {  width: 110px;  height: 38px;  border: 2px solid #fff;  padding-left: 34px;  text-align: center;  font-size: 14px; line-height: 38px; position: relative;  color: #fff;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn span {  display: block;  position: absolute;  left: 0;  top: 0;  height: 38px;  width: 38px;  background: #fff;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn span::before {  content: '';  display: block;  height: 0;  width: 0;  border: 6px solid transparent;  border-left: 10px solid #02396c;  border-right: 0;  margin: auto;  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;  -webkit-transition: all 0.4s ease-in-out;  -moz-transition: all 0.4s ease-in-out;  -ms-transition: all 0.4s ease-in-out;  -o-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out;}
.ind2r_i .video_btn:hover {  border-color: #02396c;  color: #02396c;}
.ind2r_i .video_btn:hover span {  background: #02396c;}
.ind2r_i .video_btn:hover span::before {  border-left-color: #fff;}

/* index */
#video_model {position: fixed;z-index: 9999;width: 100%;height: 100%;left: 0;top: 0;display: none;}
#video_model .mask {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.6);}
#video_model .video {position: absolute;left: 0;right: 0; margin: auto; top: 0; width: 94%; max-width: 960px; top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); z-index: 9; background: #252525;}
#video_model .video .close {position: absolute;right: 5px;top: 5px;width: 40px;z-index: 99999;cursor: pointer;}
#video_model .video_inner {width: 98%;padding:1%; overflow: hidden;position: relative;}
#video_model .video_inner video {display: block;width: 100%;outline: none;}
#video_model .video_inner .video_inner_mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center;}
#video_model .video_inner .video_inner_mask img { cursor: pointer;}
#video_model .video .text { padding: 5px 10px 15px;}
#video_model .video .text h6 { font-size: 14px; color: #fff;}