/*头部*/
.wrapperbox{width:1400px; margin:0px auto; background: #fff;}
.wrapper{width:1260px; margin:0px auto;}
.toper { background:#fff; width:100%;position: relative; z-index: 999999;box-shadow:0px 2px 2px rgba(0,0,0,.15);}
.toper .head{height:90px}
.toper .logo { display:block;float:left; background:url(../images/logo.png) no-repeat center;width:100px; height:70px; margin-top:10px}
.toper .t_left{float:left;}
.toper .miline{height:90px;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 .yy{float:right; padding-top: 31px; padding-left:40px; line-height: 25px;}
.toper .yy i{background: url(../images/enon.png) no-repeat left top; width:25px; height:25px; display: inline-block;vertical-align:middle;margin-right:5px;}
.toper .t_right{float:right;}
.toper .t_nav{height:90px;}
.toper ul{font-size:0;}
.toper ul li { display:inline-block;text-align:center; position:relative; margin-left: 40px;}
.toper ul li:hover i,.toper ul li.check i { background:url(../images/enon.png);}
.toper li a {font-size:14px; text-transform: uppercase; display:block; height:90px; line-height:90px; color:#333}
.toper li a:hover,.toper li:hover>a,.toper ul li.check a {color:#1c3f8e;}
.toper li dl { position:absolute; z-index:99;top:90px;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; text-transform: inherit; height:30px;line-height:30px;border-top:0;color:#fff; overflow:hidden;padding:0 0 0 15px}
.toper li dl dd a:hover { background:#231b00}
.nav-top { position: fixed; top: 0; left:0; z-index: 999;}
.mbmenu,.Fast-nav { display:none;}
/*搜尋列*/
.searchbox{float:right; width:45px; height:32px; margin-top:25px;}
.search{height: 32px;}
.search .form-control.search_pc{ width: 0; height: 32px; color: #fff; border:none; background: #1d408e; -webkit-box-shadow:inherit; box-shadow:inherit; padding: 0; margin-right: 0; position: absolute; top: 2px;right:0px; z-index:99; border-radius:4px;}
.search .form-control.search_pc::-webkit-input-placeholder{font-size: 14px; color: #cfd8dc;}
.search .form-control.search_pc::-moz-placeholder{font-size: 14px; color: #cfd8dc;}
.search .form-control.search_pc:-ms-input-placeholder{font-size: 14px; color: #cfd8dc;}
.search .form-control.search_pc:-moz-placeholder{ font-size: 14px; color: #cfd8dc;}
.searchbox .btn{ width: 25px; height: 25px; background: url(../images/search_pc.png) no-repeat center; position: absolute; top:7px; right: 0px; outline: none;z-index:999; cursor:pointer}
.searchbox .btn.open{ background: url(../images/search_open.png) no-repeat center;}
.searchbox .btn:active, .btn.active{-webkit-box-shadow: inherit; box-shadow: inherit; }
.searchbox .btn:focus, .searchbox .btn:active:focus, .searchbox .btn.active:focus, .searchbox .btn.focus, .searchbox .btn:active.focus, .searchbox .btn.active.focus{ outline: none;}
.search form{position: relative;right:0px;top: 0px;}
/*手機版搜尋*/
.m_search,.m_search_btn{ display: none;}
.searchbox .btn.m_search_btn{ background-size: 100%;}
.toper .btn.m_search_btn.open{ background: url(../images/search_m_open.png) no-repeat;}


.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%;}
.homesort{border-bottom:0px solid #e2e2e2; padding: 40px 0 50px;}
.sortlist{border-left:1px solid #e2e2e2; border-top:1px solid #e2e2e2; margin-top:30px;}
.sortlist li{float:left; width:20%;text-align: center;}
.sortlist .sortbox{border-bottom:1px solid #e2e2e2;border-right:1px solid #e2e2e2;padding: 20px 0 5px;}
.sortlist img{width:120px; -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;}
.sortlist li:hover img{transform: scale(1.15);}
.sortlist h2{font-size:14px; padding-top: 10px; line-height: 20px; min-height: 40px; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; overflow: hidden;}
.sortlist a h2{color: #1c3f8e;}
.bluegray{background: #f1f5f7;}
.listleft{margin-left:-15px}
.productlist{}
.productlist li{float:left;width: calc(100% / 4 - 15px);margin-left: 15px; padding-bottom: 15px; margin-top:15px;box-shadow:0px 0px 2px rgba(0,0,0,.3); overflow: hidden; text-align: center; font-size:12px; background: #fff; border-radius:8px;overflow: hidden;}
.productlist h2{font-size:14px; margin:13px 10px 5px; line-height: 20px; text-align: center;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;/* display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; 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{color: #000; text-transform: uppercase;}
.ntitle hr{width:35px;height: 2px;background: #46aa3b;border:none;outline: none;margin:6px auto;}
.ntitle .small{font-size: 14px;}
.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:400px;}
.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 {color: #fff;background:#1844a7;margin-top: 25px; padding:20px 15px; font-size:16px; text-transform: uppercase;}
.accordion { border:0px solid #1844a7;}
.accordion .link { cursor: pointer;display: block; background: url(../images/icon-plus.png) no-repeat;background-position:95% 50%; background-size:14px auto; 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; font-size: 14px; line-height: 48px;border-right: 1px dotted #ccc;border-bottom: 1px dotted #ccc;border-left: 1px dotted #ccc;}

.accordion li { cursor: pointer;}
.accordion li:nth-child(1) .link{margin-top: 0}
.accordion li.open .link { background: url(../images/icon-minus.png) no-repeat #d93e44;border-left: 1px solid #d93e44;border-right: 1px solid #d93e44;background-position:95% 50%; background-size:14px auto;}
.accordion li.open a .link{ color: #FFFFFF;}
.accordion li .link a{ color: #333;}
/*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{}
.leftmenu li{border-bottom: 1px dotted #ccc;}
.leftmenu a h2{padding-left: 15px;}
.leftmenu h2{border-left: 1px dotted #ccc;border-right: 1px dotted #ccc;cursor: pointer;display: block;background: url(../images/icon-plus.png) no-repeat;background-position:95% 50%; background-size:14px auto; font-size: 14px; line-height: 48px;}
.leftmenu .link h2{cursor: pointer;display: block;background: url(../images/icon-minus.png) no-repeat #d82128}
.leftmenu .twomenu { border-left: 1px dotted #ccc;border-right: 1px dotted #ccc; font-size: 14px; background: #f5f5f5;}
.leftmenu .twomenu p{padding-left:30px; height: 35px; line-height: 35px; 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{border-left: 1px solid #d93e44;border-right: 1px solid #d93e44;background: url(../images/icon-minus.png) no-repeat #d93e44; background-position:95% 50%; background-size:14px auto; font-weight: bold; color:#fff}
.leftmenu .twomenu .active,.leftmenu .twomenu .active a{background: url(../images/newtb_12.png) no-repeat 15px 50%; color:#d82128; 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;}
.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; 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: url(../images/17.jpg) no-repeat bottom; background-size: cover; padding: 0px 0 70px;}
.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; background: url(../images/homeleftdi.png) no-repeat; width:230px; padding-left:20px;}
.hometitle_r{float:right; text-align: right;}
.aboutfonttitle{ color:#00458b; font-size:24px; line-height:130%; padding:0 0 30px;}
.aboutbox{ line-height:220%; 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:40px 0 0;}
.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%;border-radius:8px;}
.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:#1c3f8e; text-align: center; font-size:16px; height:45px; line-height: 26px;}
.newswrap .homenews_l .contitle:before,.newswrap .homenews_l .contitle:after{display:inline-block;height:1px;background:#aaa;content:'';width:15px;margin:5px 10px}
.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:18px; 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: 16px;color:#1844a7;margin-bottom: 10px;line-height: 30px; text-transform: uppercase;}
.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:10px 15px;}
.product h2{font-size:16px; margin:12px 0 5px; text-align: center;}
.product h3{font-size:14px; margin:12px 0 0;text-align: center;line-height:20px; min-height: 44px; text-align: center;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2; 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(/ch/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:2px;color: #444444;text-decoration: none;background-color:#ffffff; border-radius:3px}
.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:2px; color: #ffffff; background-color: #5a6b75; border-radius:3px}
.black2 span.disabled {border: #49575d 1px solid;padding:4px 8px;margin: 3px;color: #333;}
/*底部*/
.footer{ background:url(../images/footer.jpg) no-repeat top center; background-size:cover;color:rgba(255,255,255,0.7);}
.copyright{ padding:20px 0; border-top:1px solid #555; text-align: center}
.foot{line-height: 30px; padding:40px 0 20px;}
.foot .menutwo{ width:600px}
.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;}
.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;}
.swiper-pagination-bullet{width:12px;height:12px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;}
/*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; min-height: 32px; line-height: 16px;}
.ind2l_i .common_btn {  border-radius: 2px;  width:80px;  margin: 5px auto 0;}
.common_btn {  display: block;  overflow: hidden;  position: relative;  height:30px;  line-height:30px;  background: #02396c;  font-size: 14px; color: #fff; text-align: center; width: 80px;}
.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: 130px;  height: 38px;  border: 2px solid #fff;  padding-left: 34px;  text-align: center;  font-size: 14px; line-height: 38px; position: relative;  color: #fff; font-size:12px;  -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;}