/*是哪一条边框*/
body{ min-width: 1200px; }
.main{padding:0 18px;}

/******************  首页  ***********************/

/******** top-box *********/
.top-box{height:120px;background-color:#0a2542;overflow:hidden;}
.top-box .logo{margin-top:36px;float:left;}
.top-box .top-right{float:right;margin-top:55px;}
.top-box .top-right .top-tel{float:left;margin-right:12px;margin-top:15px;}
.top-box .top-right .top-tel .tel-icon{float:left;margin-top:3px;margin-right:5px;}
.top-box .top-right .top-tel .tel-word{float:left;font-size:14px;color:white;}
.top-box .top-right .top-tel .tel-word i{font-size:24px;font-weight:bold;}
.top-box .top-right .top-search{float:left;}
.top-box .top-right .top-search input[type=text]{height:38px;width:158px;border:none;padding-left:12px;float:left;border-radius:3px 0 0 3px;}
.top-box .top-right .top-search input[type=text]::-webkit-input-placeholder{color:#afafaf;}
.top-box .top-right .top-search .search-btn{width:66px;height:38px;background-color:#ffd800;border:none;float:left;border-radius:0 3px 3px 0;cursor:pointer;background-image:url('../images/top-search.png');background-repeat:no-repeat;background-position:center center;background-size:auto;}

/******** banner-box *********/
.banner-box{position:relative;}
.banner-box .nav-box{position:absolute;top:0;height:45px;z-index:99;background-color:white;}
.banner-box .nav-box .nav-ul{position:relative;}
.banner-box .nav-box .nav-ul li{padding:6px 0;float:left;}
.banner-box .nav-box .nav-ul li:first-child a{border-left:none;}
.banner-box .nav-box .nav-ul li a{display:block;height:33px;line-height:33px;padding:0 33px;color:#333333;font-size:16px;border-left:1px solid #e1e1e1;}
.banner-box .nav-box .nav-ul li .icon{display:none;}
.banner-box .nav-box .nav-ul li.current{background-color:#144483;}
.banner-box .nav-box .nav-ul li:hover{background-color:#144483;}
.banner-box .nav-box .nav-ul li:hover .nav-ol{display:block;}
.banner-box .nav-box .nav-ul li:hover .u-a{color:white;border-left:1px solid transparent;}
.banner-box .nav-box .nav-ul li .nav-ol{position:absolute;background-color:white;z-index:99;top:45px;display:none;width:1064px;left:98px;overflow:hidden;background-color:#144483;}
.banner-box .nav-box .nav-ul li .nav-ol li{width:131px;text-align:center;overflow:hidden;float:left;}
.banner-box .nav-box .nav-ul li .nav-ol li a{padding:0;color:white;border-left:none;font-size:14px;}
.banner-box .nav-box .nav-ul li .nav-ol li:hover a{color:#ffd800;border-right:none;border-left:none;}
.banner-box .nav-box .nav-ul li .nav-ol li:hover .u-a{border-left:1px solid transparent;padding:0;}
.banner-box .nav-box .nav-ul li.current .u-a{color:white;border-left:none;}

.m-focus{position:relative;zoom:1;width:100%;}
.m-focus .switchable-box{position:relative;zoom:1;overflow:hidden;width:100%;height:585px;}
.m-focus .switchable-content li{width:100%;height:100%;text-align:center;}
.m-focus .switchable-content li img{visibility:hidden;}
.m-focus .switchable-content li a{display:block;height:490px;}

.m-focus .switchable-nav{position:absolute;bottom:15px;right:50%;z-index:151;margin-right: -582px;padding:5px 0 5px 5px;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;}
.m-focus .switchable-nav li{position:relative;display:block;background:white;margin:0 0 8px 0;cursor:pointer;-moz-border-radius:50px;-webkit-border-radius:50px;border-radius:50px;width:12px;height:12px;text-indent:-9999em;overflow:hidden;-webkit-transition:all 0.2s;-moz-transition:all 0.2s;transition:all 0.2s;}
.m-focus .switchable-nav li.active{background:#ffd800;height:30px;}

/******** container-box *********/
.container-box{position:relative;}
.container-box .pro-nav{float: left; display: inline; margin-top:-85px;position: relative;z-index:99;background-color:#ffd800;width:188px;padding-left:25px;border-top:1px solid #ffd800;}
.container-box .pro-nav .title{color:#314a6c;margin-top:18px;margin-bottom:22px;}
.container-box .pro-nav .title .cha{font-size:30px;font-weight:bold;margin-bottom:12px;}
.container-box .pro-nav .title .eng{font-size:14px;}
.container-box .pro-nav .pro-ul li{border-bottom:1px solid #e2bf00;padding-left:15px;position:relative;width:173px;transition:all 0.2s ease;-webkit-transition:all 0.2s ease;-ms-transition:all 0.2s ease;-moz-transition:all 0.2s ease;}
.container-box .pro-nav .pro-ul li:last-child{border-bottom:none;}
.container-box .pro-nav .pro-ul li a{font-size:14px;color:#314a6c;display:block;height:50px;line-height:50px;}
.container-box .pro-nav .pro-ul li a i{width:40px;}
.container-box .pro-nav .pro-ul li.current{background-color:#245492;width:200px;}
.container-box .pro-nav .pro-ul li.current a{color:white;position:relative;}
.container-box .pro-nav .pro-ul li.current a span{content:'';border-bottom:1px solid white;display:block;width:80px;height:1px;position:absolute;top:20px;right:30px;z-index:99;}
.container-box .pro-nav .pro-ul li:hover{background-color:#245492;width:200px;}
.container-box .pro-nav .pro-ul li:hover a{color:white;}
.container-box .pro-nav .pro-ul li:hover a span{content:'';border-bottom:1px solid white;display:block;width:80px;height:1px;position:absolute;top:20px;right:30px;z-index:99;}
.announce{overflow:hidden;float:right;margin-top:20px;}
.announce .announce-word{height:25px;overflow:hidden;width:510px;float:left;position:relative;top:0;}
.announce .word{font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;margin-right:10px;color:#747474;}
.announce .img{float:left;width:30px;height:22px;border-right:1px solid #c7c7c7;margin-right:10px;}
.announce .more{float:left;text-transform:uppercase;font-size:14px;color:#999999;}
.pro-classify{ zoom:1;}
.pro-classify:after{content:".";display:block;visibility:hidden;overflow:hidden;height:0;clear:both;}
.pro-classify .classify-right{width:890px;float:right;overflow:hidden;}
.pro-classify .classify-right .pro-ul{float:right;width:890px;text-align:justify;margin-top:30px;}
.pro-classify .classify-right .pro-ul li{display:inline-block;margin-bottom:30px;}
.pro-classify .classify-right .pro-ul li a{display:block;width:200px;height:200px;margin-left:7.5px;overflow:hidden;}
.pro-classify .classify-right .pro-ul li img{transition:all 0.2s ease;width:200px;height:200px;object-fit:cover;}
.pro-classify .classify-right .pro-ul li .pro-info{width:215px;height:86px;text-align:center;text-align-last:center;overflow:hidden;cursor:pointer;position:relative;}
.pro-classify .classify-right .pro-ul li .pro-info .classify{
  margin-top:15px;margin-bottom:10px;color:#cccccc;font-size:12px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro-classify .classify-right .pro-ul li .pro-info .name{
  font-size:14px;color:#333333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
}
.pro-classify .classify-right .pro-ul li:hover img{transform:scale(1.05);}
.pro-classify .classify-right .pro-ul li:hover .pro-info::before{content:'';width:55px;height:1px;border-bottom:1px solid white;background-color:white;position:absolute;top:38px;left:80px;}
.pro-classify .classify-right .pro-ul li:hover .pro-info{background-color:#36629b;}
.pro-classify .classify-right .pro-ul li:hover .pro-info .name{color:#eceff4;}
.index-title{padding-bottom:10px;}
.index-title .cha{font-size:30px;font-weight:bold;color:#314a6c;}
.index-title .eng{font-size:14px;color:#314a6c;text-transform:uppercase;}

/******** service-box *********/
.service-box{margin-top:40px;  /** @ m-product-classic */}
.service-box .service-img{background-color:#f1f1f1;}
.service-box .m-product-classic{position:relative;width:1200px;margin:0 auto;}
.service-box .m-product-classic .prev,.service-box .m-product-classic .next{cursor:pointer;position:absolute;font-family:"宋体";font-size:30px;color:#9b9b9b;}
.service-box .m-product-classic .prev{left:-40px;top:100px;}
.service-box .m-product-classic .next{right:-40px;background-position:right top;top:100px;}
.service-box .m-product-classic .disable{color:#ddd;cursor:default;}
.service-box .m-product-classic .switchable-nav{position:absolute;right:30px;top:-10px;display:none;}
.service-box .m-product-classic .switchable-nav li{float:left;padding:5px;font-size:18px;cursor:pointer;}
.service-box .m-product-classic .switchable-nav li.active{color:#C8282B;}
.service-box .m-product-classic .scroller{position:relative;width:1164px;padding:20px 18px;margin:0 auto;height:165px;overflow:hidden;}
.service-box .m-product-classic .scroller .switchable-content li{width:164px;height:164px;float:left;margin-right:30px;border-radius:50%;overflow:hidden;}
.service-box .m-product-classic .scroller .switchable-content a{border-radius:5px;overflow:hidden;display:block;margin-left:-2px;margin-right:auto;width:170px;height:118px;}
.service-box .m-product-classic .scroller .switchable-content img{position:relative;z-index:2;text-align:center;padding:2px;display:inline!important;  /* fix ie6 双边距 bug */border-radius:10px;}
.service-box .m-product-classic .scroller .switchable-content li{position:relative;}
.service-box .m-product-classic .scroller .switchable-content li img{transition:all 0.5s ease;}
.service-box .m-product-classic .scroller .switchable-content li .service-show{text-align:center;color:white;line-height:46px;position:relative;z-index:2;}
.service-box .m-product-classic .scroller .switchable-content li a::after{content:'';display:block;position:absolute;left:0;top:0;font-size:14px;width:165px;height:170px;cursor:pointer;background-image:url('../images/service-bg-blue.png');background-repeat:no-repeat;background-position:center 2px;background-size:100%;transition:all 0.5s ease;}
.service-box .m-product-classic .scroller .switchable-content li:hover a::after{background-image:url('../images/service-bg-yellow.png');background-repeat:no-repeat;background-position:center 2px;background-size:100%;}
.service-box .m-product-classic .scroller .switchable-content li:hover .service-show{color:#324f76;}
.service-box .m-product-classic .scroller .switchable-content li:hover img{transform:rotate(360deg);}
.new-about{margin-top:37px;overflow:hidden;margin-bottom:50px;}
.new-about .news-box{position:relative;width:690px;float:left;}
.new-about .news-box .img{width:213px;height:280px;}
.new-about .cha{font-size:30px;font-weight:bold;color:#314a6c;}
.new-about .eng{font-size:14px;color:#314a6c;text-transform:uppercase;}
.new-about .title{border-bottom:2px solid #e7e7e7;padding-bottom:20px;margin-bottom:30px;}
.new-about .more{text-transform:uppercase;font-size:14px;color:#999999;float:right;}
.new-about .title::after{content:'';width:27px;height:6px;background-color:#fdde31;display:block;position:absolute;top:46px;}
.new-about .new-d .img{float:left;margin-right:30px;}
.new-about .new-d ul{float:left;}
.new-about .new-d ul li{height:52px;padding:10px 40px 8px 15px;position:relative;}
.new-about .new-d ul li:hover{background-color:#ffd800;}
.new-about .new-d ul li::before{content:'';width:0;height:0;border-top:15px solid transparent;border-right:30px solid #ffd800;border-bottom:15px solid transparent;display:block;position:absolute;left:-20px;top:30px;display:none;}
.new-about .new-d ul li:hover::before{display:block;}
.new-about .new-d ul .mon{font-size:22px;font-weight:bold;color:#333333;margin-bottom:5px;}
.new-about .new-d ul .year{font-size:14px;color:#6b6b6b;}
.new-about .new-d ul .time{float:left;text-align:right;margin-right:10px;padding-right:10px;border-right:1px solid #cccccc;}
.new-about .new-d ul a{float:left;width:300px;overflow:hidden;}
.new-about .new-d ul a .name{font-size:16px;color:#333;margin-bottom:5px;height:24px;overflow:hidden;}
.new-about .new-d ul a .word{font-size:14px;color:#666666;height:24px;overflow:hidden;}
.new-about .about-box{width:440px;padding-left:20px;float:right;}
.new-about .about-box .title{width:225px;}
.new-about .about-box .word{width:205px;font-size:14px;line-height:30px;padding-right:15px;}
.new-about .about-box .about-left{float:left;}
.new-about .about-box .about-right{float:right;}
.new-about .about-box .about-right .spzs{width:213px;height:87px;text-align:center;line-height:87px;font-size:24px;background-color:#245492;color:white;}
.new-about .about-box .about-right img{display:block;transition:all 0.5s ease;}
.new-about .about-box .about-right a{margin-top:10px;display:block;width:213px;height:130px;overflow:hidden;}
.new-about .about-box .about-right a:hover img{transform:scale(1.05);}

/******** sponsor-box *********/
.sponsor-box{margin-bottom:40px;display:none;  /** @ m-product-classic */}
.sponsor-box .m-product-classic{position:relative;width:1200px;margin:0 auto;}
.sponsor-box .m-product-classic .prev,.sponsor-box .m-product-classic .next{cursor:pointer;position:absolute;font-family:"宋体";font-size:30px;color:#9b9b9b;}
.sponsor-box .m-product-classic .prev{left:-30px;top:50px;}
.sponsor-box .m-product-classic .next{right:-30px;background-position:right top;top:50px;}
.sponsor-box .m-product-classic .disable{color:#ddd;cursor:default;}
.sponsor-box .m-product-classic .switchable-nav{position:absolute;right:30px;top:-10px;display:none;}
.sponsor-box .m-product-classic .switchable-nav li{float:left;padding:5px;font-size:18px;cursor:pointer;}
.sponsor-box .m-product-classic .switchable-nav li.active{color:#C8282B;}
.sponsor-box .m-product-classic .scroller{position:relative;width:1164px;margin:0 auto;height:83px;padding:20px 0;margin:auto;overflow:hidden;}
.sponsor-box .m-product-classic .scroller .switchable-content li{width:221px;float:left;margin-right:13px;}
.sponsor-box .m-product-classic .scroller .switchable-content a{display:block;margin-left:auto;margin-right:auto;width:221px;}
.sponsor-box .m-product-classic .scroller .switchable-content img{vertical-align: top;width:215px;height:77px;border:1px solid #dfdfdf;padding:2px;}

/******** footer-box *********/
.footer-box{background-color:#252324;}
.footer-box .footer-one{overflow:hidden;padding-bottom:40px;border-bottom:1px solid #535252;}
.footer-box .footer-left{margin-top:40px;float:left;}
.footer-box .footer-right{float:right;margin-top:40px;}
.footer-box .footer-right i{float:left;}
.footer-box .footer-right .title{overflow:hidden;margin-bottom:18px;}
.footer-box .footer-right span{display:block;float:left;width:13px;height:13px;background-color:white;margin-top:5px;margin-right:10px;}
.footer-box .footer-right .cha{font-size:14px;font-weight:bold;color:#ffffff;margin-right:3px;}
.footer-box .footer-right .eng{font-size:12px;color:#fff;text-transform:uppercase;}
.footer-box .footer-right img{display:block;}
.footer-box .footer-ul{overflow:hidden;margin-bottom:35px;}
.footer-box .footer-ul li{float:left;padding-right:13px;padding-left:13px;height:16px;line-height:16px;border-left:1px solid #ffffff;}
.footer-box .footer-ul li a{font-size:14px;color:#d7d7d7;}
.footer-box .footer-ul li:first-child{padding-left:0;border-left:none;}
.footer-box .wechat{float:left;margin-right:32px;}
.footer-box .footer-address{float:left;}
.footer-box .footer-address p{font-size:14px;color:#696868;line-height:30px;}
.footer-box .footer-two{text-align:center;margin-bottom:36px;}
.footer-box .footer-two span{display:inline-block;color:#797979;vertical-align:top;margin-top:36px;}
.footer-box .footer-two .footer-ol{display:inline-block;overflow:hidden;margin-top:36px;vertical-align:top;margin-bottom:50px;}
.footer-box .footer-two .footer-ol li{display:inline-block;border-right:1px solid #888888;height:16px;line-height:16px;}
.footer-box .footer-two .footer-ol li a{font-size:12px;color:#797979;padding:0 10px;}
.footer-box .copy-right{font-size:12px;color:#7c7c7c;background-color:#000000;height:46px;line-height:46px;}
.footer-box .copy-right .tj{float:right;}
.footer-box .online-order{height:88px;line-height:88px;background-color:#ffd800;position:relative;position:fixed;bottom:0;width:100%;z-index:100;}
.footer-box .online-order .title{float:left;font-size:24px;font-weight:bold;color:#245492;}
.footer-box .online-order form{ overflow: hidden; font-size: 0; }
.footer-box .online-order input{vertical-align: middle;}
.footer-box .online-order input[type=text]{width:185px;height:32px;border:1px solid #e4c100;padding-left:5px;margin-left:15px;}
.footer-box .online-order input[type=button]{width:88px;height:32px;background-color:#245492;border:none;color:white;cursor:pointer;margin-left:15px;}
.footer-box .online-order .orde-left{float:left;width:854px;}
.footer-box .online-order .orde-left .yzm{width:100px;display:inline-block;}
.footer-box .online-order .orde-left img{height:34px;vertical-align:middle;margin-bottom:1px;}
.footer-box .online-order .hot-tel{float:right;overflow:hidden;}
.footer-box .online-order .hot-tel p{float:left;color:#245492;}
.footer-box .online-order .hot-tel img{vertical-align:middle;margin-right:5px;}
.footer-box .online-order .hot-tel .tel-name{font-size:14px;display:block;line-height:20px;margin-top:20px;}
.footer-box .online-order .hot-tel .tel-num{display:block;line-height:30px;font-size:26px;font-weight:bold;}
.footer-box .online-order .cancle-btn{position:absolute;right:10px;top:25px;height:40px;width:40px;cursor:pointer;}
.footer-box .online-order .cancle-btn img{display:block;}

/******** fixed-box *********/
.fixed-box{position:fixed;right:0;top:40%;z-index:99;}
.fixed-box ul{background-color:transparent;}
.fixed-box li{background-color:#36629b;margin-bottom:2px;cursor:pointer;position:relative;z-index:99;}
.fixed-box li img{display:block; max-width: 100%;}
.fixed-box li:hover{background-image:url('../images/fixed-bg.png');background-repeat:no-repeat;background-position:center center;background-size:100%;}
.fixed-box li:hover .tel{right:42px;}
.fixed-box li:hover .weixin{right:42px;}
.fixed-box li .weixin{position:absolute;top:-47px;right:-222px;width:130px;height:130px;line-height:42px;color:#245492;background-image:url('../images/fixed-bg.png');background-repeat:repeat;background-position:center center;background-size:auto;font-size:14px;font-weight:bold;text-align:center;transition:all 0.5s ease;}
.fixed-box li .tel{position:absolute;top:0;right:-222px;width:180px;height:42px;line-height:42px;color:#245492;background-image:url('../images/fixed-bg.png');background-repeat:repeat;background-position:center center;background-size:auto;font-size:14px;font-weight:bold;text-align:center;transition:all 0.5s ease;}
.fixed-box .goto-top{background-color:black;cursor:pointer;}
MARQUEE{height:25px;}
.sub-box{position:relative;z-index:1;}
.sub-box .left-column{width:222px;}
.sub-box .right-column{width:768px;}
.switchable-swiper-pagination {
  position:absolute;
  z-index:30;
  display: flex;
  justify-content: center;
}
.switchable-swiper-pagination .swiper-pagination-bullet {
  background:#0a2542;
}