@charset "utf-8";
.header{width: 100%;background-color: #fff;}
.header.flow{position: fixed;top: 0;left: 0;box-shadow: 0 6px 12px -6px rgba(100,100,100,.6);z-index: 9999;}
.header a.logo{float: left;padding:6px 0;display: block;}
.nav{float: right;padding-top: 38px;}
.nav ul{float: left;}
.nav ul li{float: left;margin-right: 0.75rem;padding-bottom: 33px;}
.nav ul li.active>a{color:#388cd3;}
.nav ul li.active{border-bottom: 3px solid #388cd3;}
.nav ul li>a{display: block;color: #000000;font-size: 0.2rem;}
.search-box{float: left;}
.search-box .langue{float: left;}
.search-box .langue>a{width: 60px;border: 1px solid #e5e5e5;color: #000000;font-size: 14px;display: block;opacity: 0;padding-left: 8px;}
.search-box .langue>a>span{display: inline-block;vertical-align: middle;margin-left: 12px;width: 13px;height: 11px;background: url(/images/icon/icon.png) -83px 0;}
.search-box .langue>a.active{opacity: 1;}
.search-box .search{float: left;margin-left: 18px;position: relative;}
.search-box .search>em{display: inline-block;width: 22px;height: 22px;background: url(/images/icon/icon.png) no-repeat 0 -0;cursor: pointer;}
.search-box .search-show{position:absolute;width:190px;display:none;top:-34px;right:0;}
.search .search-show .flow-input{width:164px;height:28px;border:1px solid #9e9e9e;border-radius:16px;padding-left:30px;}
.search .search-show .flow-btn{background: url(/images/icon/icon.png) no-repeat 0 0;width:22px;height:22px;cursor:pointer;position:absolute;left:5px;top:5px;}
.search .search-show i{position:absolute;cursor:pointer;width:22px;height:22px;background:url(/images/icon/icon.png) no-repeat -29px 0;top:5px;right:2px;}
.search .search-show i:hover{background-position:-55px 0;}
.search-results{min-height: 285px;}
#header2{width:100%;background-color:#fff;position:fixed;top:0px;left:0px;z-index:999;display:none;padding:5px 0;box-shadow: 0 4px 6px rgba(45,45,45,.5);}
#header2 .header2-box{width:94%;margin:0 auto;position:relative}
#header2 .logo{float:left}
#header2 .logo a{display:inline-block}
#header2 .menu-btn{display:block;width:48px;height:30px;position:absolute;right:0px;top:12px;cursor:pointer}
#header2 .menu-btn .bt{position:relative}
#header2 .menu-btn span{display:block;position:absolute;height:2px;width:48px;background:#388cd3;opacity:1;left:0;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;transition:.25s ease-in-out}
#header2 .menu-btn span:nth-child(1){top:0}
#header2 .menu-btn span:nth-child(2){top:8px}
#header2 .menu-btn span:nth-child(3){top:16px}
#header2 .menu-btn span:nth-child(4){top:24px}
#header2 .menu-btn span:nth-child(5){top:32px}
#header2 .menu-btn.open span:nth-child(1),#header2 .menu-btn.open span:nth-child(4),#header2 .menu-btn.open span:nth-child(5){top:8px;width:0%;left:13px;opacity:0}
#header2 .menu-btn.open span:nth-child(2){-webkit-transform:rotate(45deg) translateY(4px) translateX(4px);transform:rotate(45deg) translateY(8px) translateX(6px)}
#header2 .menu-btn.open span:nth-child(3){-webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:19px}
#header2 .menu-box{position:absolute;top:61px;width:100%;display:none}
#header2 .menu-box li{width:100%;background-color:#fff;border-bottom:1px solid #ccc}
#header2 .menu-box li>a{padding:12px 0;font-size:20px;color:#323232;display:block;width:94%;margin:0 auto}
#header2 .menu-box li:hover{background-color:#388cd3;}
#header2 .menu-box li:hover>a{color:#fff}
#header2 .header2-search{padding:12px 0;}
#header2 .header2-search form{width:264px;position:relative;}
/*#header2 .header2-search .flow-input{width:200px;height:40px;border:1px solid #9e9e9e;padding-left:30px;border-radius:4px;margin-left:30px;-webkit-box-shadow:1px 1px 15px 0 rgba(0,0,0,.1);-moz-box-shadow:1px 1px 15px 0 rgba(0,0,0,.1);-ms-box-shadow:1px 1px 15px 0 rgba(0,0,0,.1);-o-box-shadow:1px 1px 15px 0 rgba(0,0,0,.1);box-shadow:1px 1px 15px 0 rgba(0,0,0,.1);}
#header2 .header2-search .flow-btn{position:absolute;width:21px;height:21px;right:8px;top:12px;background:url(/images/icon/spirit.png) no-repeat;cursor:pointer;}*/

/*====================index==================================================*/
.index-main{width: 100%;}
.index-main .slidebox{position: relative;}
.index-main .slidebox .slideshow ul{position:relative;overflow:hidden;}
.index-main .slidebox .slideshow ul li{float:left;}
.slidebox .slidelist{position: absolute;text-align: center;bottom: 0.5rem;width: 100%;}
.slidebox .slidelist ul li{display: inline-block;width: 0.2rem;height: 0.2rem;border-radius: 50%;background-color: #676767;margin-right: 0.175rem;cursor:pointer;}
.slidebox .slidelist ul li.active{background-color: #3a8dd4;}
.slidebox .slidelist ul li:last-child{margin-right: 0;}
.index-main .slidebox ul li a img{width: 100%;height: auto;}
.productsbox{padding-top: 1rem;}
.productsbox h2{font-size: 0.375rem;font-weight: bold;position: relative;text-align: center;color: #388cd3;margin-bottom: 0.65rem;}
.productsbox h2>span{position: absolute;width: 4.55rem;font-size: 0.9rem;color: rgba(102,102,102,0.1);top: 0;left: 50%;margin-left: -2.275rem;}
.productsbox .pro-slide-box{overflow: hidden;}
.pro-slide-box .slide-show ul{width: 110%;/*margin-top: 0.65rem;*/}
.pro-slide-box .slide-show ul li{float: left;width: 5.375rem;border: 1px solid #eeeeee;margin-right: 0.625rem;transition: all .5s ease;cursor: pointer;box-sizing: border-box;-webkit-box-sizing:border-box;overflow: hidden;}
.pro-slide-box .slide-show ul li:hover{
	border-color: transparent;
	background: -webkit-radial-gradient(#fff, #efefef, #e7e7e7); background: -o-radial-gradient(#fff, #efefef, #e7e7e7);
    background: -moz-radial-gradient(#fff, #efefef, #e7e7e7); 
    background: radial-gradient(#fff, #efefef, #e7e7e7);}
.pro-slide-box .slide-show ul li:hover .view-more{opacity: 1;}
.pro-slide-box .slide-show .pro-title{display: block;padding:0.375rem 0 0.125rem 0.375rem;font-size: 0.3rem;color: #000;}
.pro-slide-box .slide-show .pro-info{padding-left: 0.375rem;color: #676767;font-size: 0.175rem;display: block;margin-bottom: 0.25rem;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow:ellipsis;}
.pro-slide-box .slide-show .view-more{padding:0.1rem 0.225rem;background-color: #388cd3;color: #fff;font-size: 0.175rem;display: inline-block;margin-left: 0.375rem;opacity: 0;transition: all .5s ease;}
.view-more{position: relative;overflow: hidden;}
.view-more:after{background:#fff;content:"";height:200px;left:-60px;opacity:0.35;position:absolute;top:-50px;-webkit-transform:rotate(35deg);transform:rotate(35deg);-webkit-transition:all 0s cubic-bezier(0.19, 1, 0.22, 1);transition:all 0s cubic-bezier(0.19, 1, 0.22, 1);width:20px;z-index:0;}
.view-more:hover:after{left:100px;-webkit-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1)}
.pro-slide-box .slide-list{margin-top: 0.75rem;text-align: center;width: 100%;}
.pro-slide-box .slide-list ul li{display: inline-block;width: 1.375rem;height: 4px;background-color: #333333;margin-right: 0.125rem;cursor: pointer;}
.pro-slide-box .slide-list ul li:last-child{margin-right: 0;}
.pro-slide-box .slide-list ul li.active{background-color: #388cd3;}
.aboutbox{width: 100%;height: 7.5rem;margin-top: 1.25rem;}
.aboutbox .left-text{width: 50%;float: left;background-color: #f5f5f5;height: 100%;position: relative;}
.aboutbox .right-img{width: 50%;float: left;background: url(/images/about/index-about-01.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;height: 100%;}
.aboutbox .text-content{position: absolute;top: 1.3rem;right: 1.25rem;width: 6.525rem;}
.aboutbox .text-content h2{font-size: 0.375rem;font-weight: bold;position: relative;text-align: left;color: #388cd3;margin-bottom: 0.525rem;}
.aboutbox .text-content h2>span{position: absolute;width: 4.55rem;font-size: 1.2rem;color: rgba(102,102,102,0.1);bottom: 0.32rem;left:-0.100rem;}
.aboutbox .text-content p{font-size: 0.175rem;color: #666;line-height: 0.3rem;}
.aboutbox .text-content .view-more{padding:0.1rem 0.225rem;background-color: #388cd3;color: #fff;font-size: 0.175rem;display: inline-block;margin-top: 0.65rem;position: relative;overflow: hidden;}
.newsbox{padding: 1.25rem 0 1rem 0;}
.newsbox span{display: block;}
.newsbox h2{font-size: 0.375rem;font-weight: bold;position: relative;text-align: center;color: #388cd3;margin-bottom: 0.625rem;}
.newsbox h2>span{position: absolute;width: 4.55rem;font-size: 0.9rem;color: rgba(102,102,102,0.1);top: 0;left: 50%;margin-left: -2.275rem;}
.newsbox .left-show{float: left;width: 50%;}
.newsbox .right-list{float: right;width: 48%;}
.newsbox .left-show img{width: 100%;}
.newsbox .left-show>a{display: block;}
.newsbox .left-show>p{padding:0.425rem 0.375rem;background-color: #388cd3;/*height: 1.575rem;*/}
.left-show .show-title{font-size: 0.25rem;color: #fff;padding-bottom: 0.175rem;}
.left-show .show-con{font-size: 0.175rem;color: #fff;line-height: 0.3rem;}
.newsbox .right-list ul li{background-color: #f5f5f5;padding:0.5rem 1rem 0.28rem 0.55rem;margin-bottom: 0.25rem;/*height: 2.570rem;*/}
.newsbox .right-list .list-title{font-size: 0.25rem;color: #000;padding-bottom: 0.325rem;}
.newsbox .right-list .list-con{font-size:  0.175rem;color: #666;line-height: 0.3rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.newsbox .right-list .view-more{padding:0.1rem 0.225rem;background-color: #388cd3;color: #fff;font-size: 0.175rem;display: inline-block;margin-top: 0.425rem;}


.footer{width: 100%;padding: 0.5rem 0 ;background: url(/images/footer-bg.jpg) no-repeat;-webkit-background-size: cover;background-size: cover;/*height: 3.65rem;*/}
.footer .top-float{float: left;margin-right: 1.55rem;    max-width: 24%;}
.footer .top-float.footer-subscribe{margin-right: 0;}
.footer .top-float h3{font-size: 0.225rem;color: #333;padding-bottom: 0.5rem;font-weight: bold;}
.footer .top-float ul li{margin-bottom: 0.175rem;font-size: 0.175rem;color: #333;}
.footer .top-float ul li:hover a{color:#388cd3; }
.footer .top-float ul li a{display: inline-block;font-size: 0.175rem;color: #333;}
.footer .footer-subscribe>ul>li{width: 32px;float: left;margin-right: 8%;}
.footer .footer-subscribe>ul>li a{display: inline-block;width: 32px;height: 32px;}
.footer .footer-subscribe>ul>li:nth-child(1) a{background: url(/images/facebook-01.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(1) a:hover{background: url(/images/facebook-02.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(2) a{background: url(/images/twitter-01.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(2) a:hover{background: url(/images/twitter-02.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(3) a{background: url(/images/google-01.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(3) a:hover{background: url(/images/google-02.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(4) a{background: url(/images/linkin-01.png) no-repeat;}
.footer .footer-subscribe>ul>li:nth-child(4) a:hover{background: url(/images/linkin-02.png) no-repeat;}
.footer .footer-subscribe span{font-size: 0.2rem;color: #646464;display: inline-block;margin-bottom: 0.225rem;}
.footer .footer-subscribe p>input{border: 1px solid #d2d2d2;width: 3rem;padding-left: 0.075rem;font-size: 0.175rem;color: #999;height: 0.45rem;line-height: 0.45rem;background-color: #e6e6e6;vertical-align: top;}
.footer .footer-subscribe p>span{border: 1px solid #d2d2d2;width: 0.5rem;height: 0.45rem;line-height: 0.45rem;font-size: 0.2rem;color: #fff;text-align: center;display: inline-block;vertical-align: top;background-color: #388cd3;border-left: none;cursor: pointer;}
.footer .footer-subscribe p>span:hover{border-color: transparent;background-color: #3191e2;}
.footer .footer-bottom{border-bottom: 1px solid #646464;}
.footer .footer-bottom>ul li{float: left;margin-right: 0.95rem;}
.footer .footer-bottom>ul li a{display: inline-block;padding:0.25rem 0;color: #fefcfc;font-size: 0.2rem;}
.coopy-right{background-color: #333;text-align: center;}
.coopy-right span{display: block;padding:0.25rem 0;color: #646464;font-size: 0.175rem;}
.coopy-right span a{color: #646464;font-size: 0.175rem;}

/*====================index==================================================*/
/*====================pro-list==================================================*/
.list-products{margin:50px 0;}
.list-products .classify{height: 2rem;}
.list-products .classify h2{float: left;width: 2.675rem;border-right: 4px solid #08253e;background: url(/images/products/h2-bg.jpg)no-repeat;-webkit-background-size: cover;background-size: cover;font-size: 0.45rem;color: #fff;font-weight: bold;text-align: center;padding-top: 0.625rem;height: 1.375rem;}
.list-products .classify h2>span{font-size: 0.175rem;color: #fff;padding-top: 10px;display: block;text-transform: uppercase;}
.list-products .classify>ul{float: left;width: 14.725rem;background: #fff;height: 100%;box-shadow: 0 0 5px #dfdfdf;}
.list-products .classify>ul>li{float: left;width: 25%;border-bottom:1px solid #f5f5f5;border-right:1px solid #f5f5f5;height: 50%;text-align: center;line-height: 1rem;box-sizing: border-box;-webkit-box-sizing:border-box;}
.list-products .classify>ul>li>a{display: block;font-size: 0.25rem;color: #000;line-height: 22px;padding-top: 0.25rem;}
.list-products .classify>ul>li:hover{background-color: #388cd3;}
.list-products .classify>ul>li:hover>a{color: #fff;}
.list-products .classify>ul>li:hover>.classify-son{display: block;}
.list-products .classify>ul>li.active{background-color: #388cd3;}
.list-products .classify>ul>li.active>a{color: #fff;}
.list-products .classify .classify-son{background-color: #FFF;position: relative;z-index: 3;box-shadow:  0 0 8px #999;display: none;}
.list-products .classify .classify-son li{float: left;width: 33%;height: 38px;line-height: 38px;}
.list-products .content{background-color: #fff;box-shadow:0 0 5px #dfdfdf;padding:0.625rem 0.25rem 0.5035rem 0.25rem;margin-top: 0.5rem;}
.content .classify-sec{font-size: 0.175rem;color: #000;padding-left: 0.5rem;padding-bottom: 0.2rem;border-bottom: 1px solid #eeeeee;}
.content .classify-sec>span{float: left;margin-right: 0.625rem;}
.content .classify-sec>ul{float: left;width: 13.5rem;}
.content .classify-sec>ul>li{float: left;margin-right: 1.05rem;margin-bottom: 0.425rem;}
/*.content .list{margin-top: 0.625rem;}*/
.content .list ul{width: 102%;}
.content .list ul li{float: left;width: 3.975rem;border: 1px solid #eee;margin-right: 0.325rem;margin-bottom: 0.375rem;position: relative;}
.content .list ul li h4{font-size: 14px;color: #000;padding:0.2rem 0.25rem;font-weight: bold;overflow: hidden;height: 70px;}
.content .list ul li h4>a{float: left; vertical-align: top;width: 74%;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.content .list ul li h4>a>span{display: block;font-size: 0.15rem;margin-top: 0.2rem;color: #666;}
.content .list .send-email{background-color: #388cd3;padding:0.125rem;vertical-align: top;cursor: pointer;position: absolute;bottom: 0.1rem;    right: 0.1rem;}
.content .list .send-email i{width: 29px;height: 21px;background: url(/images/icon/icon.png) no-repeat -114px 0;display: block;}
.content .list ul li:hover{background: -webkit-radial-gradient(#fff, #efefef, #e7e7e7); background: -o-radial-gradient(#fff, #efefef, #e7e7e7);
    background: -moz-radial-gradient(#fff, #efefef, #e7e7e7); 
    background: radial-gradient(#fff, #efefef, #e7e7e7);border: 1px solid transparent;}
.content .list ul li:hover>h4{background-color:#388cd3;color: #fff;}
.content .list ul li:hover>h4>a{color: #fff;}
.content .list ul li:hover>h4>a>span{color: #fff;}
.content .list ul li:hover .send-email{background-color:#fff;}
.content .list ul li:hover .send-email i{background-position-y:-34px;}
/*====================pro-list==================================================*/
/*====================get-quoest==================================================*/
.get-quote{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);left:0;top:0;z-index:999;display:none}
.get-quote .form-box{width:460px;position:absolute;top:50%;left:50%;margin-top:-230px;margin-left:-250px;background-color:#fff;padding:50px 20px 20px 20px}
.get-quote .form-box>p{font-size: 0.21rem;color: #388cd3;padding-bottom:0.2rem;}
.get-quote .form-box .name,.get-quote .form-box .email,.get-quote .form-box .phone,.get-quote .form-box .country,.get-quote .form-box .city,.get-quote .form-box .company{width:96%;background-color:rgba(10,7,1,0.3);color:#fff;height:34px;padding-left:16px;margin-bottom:10px}
.get-quote .form-box .message{height:76px;resize:none;width:96%;background-color:rgba(10,7,1,0.3);color:#fff;padding-left:16px;margin-bottom:20px;padding-top:10px;font:13.3333px Arial}
.get-quote .form-box .sub-btn{width:99%;border:none;background-color:#388cd3;line-height:50px;font-size:16px;color:#fff;text-align:center;cursor:pointer}
.get-quote .form-box em{position:absolute;cursor:pointer;width:16px;height:18px;top:16px;right:16px;font-size:22px;color:#000;font-weight:bold;}
/*====================get-quoest==================================================*/
/*====================pro-art==================================================*/
.main-products{margin-bottom: 1rem;}
.main-products img{width: 100%;height: auto;}
.art-header-box .header{background-color: #fff;}
.main-products .pro-info{box-shadow:  0 0 5px #e5e5e5;padding:0.5rem;background-color: #fff;}
.pro-info .img-info{width: 7.725rem;float: left;border: 1px solid #eee;}
.pro-info .info-text{width: 8.25rem;float: right;padding-top: 0.325rem;}
.pro-info .info-text>h2{font-size: 0.6rem;font-weight: bold;color:#388cd3;padding-bottom: 0.525rem;line-height: 0.65rem;}
.pro-info .info-text>p{border-top: 1px solid #eee;border-bottom: 1px solid #eee;padding:0.3rem 0;}
.pro-info .info-text>p>span{font-size: 0.225rem;color:#000;line-height: 30px;display: block;}
.pro-info .info-text>a{font-size: 0.225rem;color: #fff;padding:0.2rem 0.65rem;display: inline-block;background-color: #388cd3;margin-top: 1rem;}
.pro-parameter{margin-top: 0.5rem;box-shadow:  0 0 5px #e5e5e5;padding:0.75rem 0.5rem;background-color: #fff;}
.pro-parameter h2{font-size: 0.45rem;color:#388cd3;font-weight: bold;padding-bottom: 0.45rem;text-align: center;}
.pro-parameter p{margin-bottom: 0.5rem;}
/*====================pro-art==================================================*/
/*====================about==================================================*/
.main-contact{margin-top: -7px;}
.main-about{padding-top:0.75rem;}
.about-list{background-color: #fff;}
.about-list ul{float: left;width: 13.125rem;background: #fff;}
.about-list ul li{float: left;width: 2.9rem;height: 1rem;line-height: 1rem;border-right: 1px solid #eee;color: #000;font-size: 0.225rem;text-align: center;cursor: pointer;}
.about-list ul li:hover{background-color: #388cd3;color: #fff;}
.about-list ul li.active{background-color: #388cd3;color: #fff;}
.about-list .about-bread{float: right;padding-right: 0.375rem;}
.about-list .about-bread a{color: #000;font-size: 0.225rem;line-height: 1rem;}
.about-content{margin-top: 0.75rem;width: 100%;background-color: #fff;padding: 0.75rem 0;}
.about-content h2{font-size: 0.5rem;font-weight: bold;color: #388cd3;text-align: center;padding-bottom: 0.75rem;}

.about-content>div{display: none;}
.about-content>div.on{display: block;}
.about-content h2>span{font-size: 0.2rem;color: #666;display: block;font-weight: 400;}
.company-profile>div{overflow: hidden;}
/*.company-profile>div p:nth-child(1){float: left;width: 8.75rem;}
.company-profile>div p:nth-child(1) img{width: 100%;height: auto;}
.company-profile>div p:nth-child(2){width: 8.25rem;float: right;}
.company-profile>div p:nth-child(2)>span{font-size: 14px;color: #666;line-height: 26px;display: block;}*/
.company-profile>div p:nth-child(1){width: 100%;}
.company-profile>div p:nth-child(1) img{width: 49%;height: auto;}
.company-profile>div p:nth-child(1) img:nth-child(1){margin-right: 1%;}
.company-profile>div p:nth-child(2){width: 99%;margin-top: 1%;}
.company-profile>div p:nth-child(2)>span{font-size: 14px;color: #666;line-height: 26px;display: block;text-align: justify;}
.culture-box{width: 10.675rem;margin:0 auto;height: 4.975rem;position: relative;}
.culture-box .text-change{position: absolute;width: 4.7rem;left: 50%;margin-left: -2.35rem;top: 57%;text-align: center;}
.culture-box .text-change p{font-size: 0.3rem; color: #000;line-height: 24px;display: none;}
.culture-box .text-change p.on{display: block;}
.culture-box .text-change p>span{display: block;font-size: 0.200rem;color: #666;padding-top: 0.225rem;}
.culture-box span{display: block;box-sizing: border-box;cursor: pointer;}
.culture-box>span{position: absolute;width: 186px;height: 186px;border-radius: 50%;border: 1px dashed transparent;padding:20px;}
.culture-box>span>span{border: 1px solid #eee;width:146px;height: 146px;display: block;border-radius: 50%;padding:10px;}
.culture-box>span>span>span{display: block;width: 126px;height: 126px;border-radius: 50%;/*background-color: #388cd3;*/}
.culture-box i{width: 126px;height: 126px;background: url(/images/icon/culture-bg.png)no-repeat;display: inline-block;}
.culture-box>span:nth-child(1){left: 50%;top: 0;margin-left: -1.1625rem;}
.culture-box>span:nth-child(2){top: 0.95rem;left: 1.6rem;}
.culture-box>span:nth-child(3){top: 0.95rem;right: 1.6rem;}
.culture-box>span:nth-child(4){left: 0;bottom: 0;}
.culture-box>span:nth-child(5){right: 0;bottom: 0;}
.culture-box>span:nth-child(1) i{background-position:-252px 0;}
.culture-box>span:nth-child(2) i{background-position:-126px 0;}
.culture-box>span:nth-child(3) i{background-position:-378px 0;}
.culture-box>span:nth-child(4) i{background-position:0 0;}
.culture-box>span:nth-child(5) i{background-position:-504px 0;}
.culture-box>span:hover{border-color: #f0f0f0;}
.culture-box>span:hover>span>span{background-color: #388cd3;}
.culture-box>span:hover>span>span>i{background-position-y:-126px;}
.culture-box>span.active{border-color: #e0d4d4;}
.culture-box>span.active>span>span{background-color: #388cd3;}
.culture-box>span.active>span>span>i{background-position-y:-126px;}
.history-box{padding:0.325rem  0 2.5rem 0; }
.history-box>div{float: left;}
.history-box>div.point{width: 0.175rem;height: 0.175rem;background-color: #e5e5e5;border-radius: 50%;position: relative;cursor: pointer;}
.history-box>div.point .his-year{top: -30px;font-size:0.175rem;color: #333;left: -12px;position: absolute;width: 0.675rem;}
.history-box>div.point .his-info{background-color: #fff;line-height: normal; font-size:0.175rem;color: #333;position: absolute;bottom: -2.225rem;left: -1rem;width: 2.425rem;text-align: center;}
.history-box>div.point .line-colunm{position: absolute;width: 1px;height: 1.75rem;background-color: #e5e5e5;bottom:-1.875rem;left: 0.0875rem;}
.history-box>div.point.even .line-colunm{height: 0.75rem;bottom: -0.875rem;}
.history-box>div.point.even .his-info{bottom: -1.225rem}
.history-box>div.line{width: 1.25rem;height: 0.1rem;background-color:#e5e5e5;margin:3px 3px 0 3px;text-align: center;}
.history-box>div.line.fir{width: 0.825rem;}
.history-box>div.line>em{display: inline-block;width: 5px;height: 5px;border-top: 2px solid #fff;border-right: 2px solid #fff;transform: rotate(45deg);}
.history-box>div.point:hover{background-color: #388cd3;transform: scale(1.1,1.1);}
.history-box>div.point:hover>.his-year{color: #388cd3;}
.history-box>div.point:hover>.his-info{color: #388cd3;}
.honors-box ul{width: 104%;}
.honors-box ul li{float: left;margin:0 0.3rem 0.325rem 0;width: 3.25rem;height: 4.5rem;}
.honors-box ul li img{width: 100%;height: auto;}
/*====================about==================================================*/
/*====================contact==================================================*/
.main-contact h2{font-size: 0.5rem;color: #388cd3;font-weight: bold;text-align: center;padding:1.125rem 0 0.575rem 0;background-color: #f5f5f5;}
.main-contact h2>span{display: block;font-size: 0.2rem;color: #666;padding-top: 0.125rem;font-weight: 400;}
.main-contact .contact-box{background-color: #fff;padding:0.625rem 0 0.875rem 0;}
.contact-box .contact-info{padding-bottom: 0.625rem;border-bottom: 1px dashed #e5e5e5;overflow: hidden;}
.contact-box .contact-info li{float: left;width: 33%;border-right: 1px solid #e5e5e5;padding-top: 0.125rem;text-align: center;}
.contact-box .contact-info li:last-child{border: none;}
.contact-box .contact-info li i{display: inline-block;background: url(/images/icon/icon.png)no-repeat;}
.contact-box .contact-info li:nth-child(1) i{width: 30px;height: 48px;background-position: -163px 0;}
.contact-box .contact-info li:nth-child(2) i{width: 34px;height: 44px;background-position: -205px 0;}
.contact-box .contact-info li:nth-child(3) i{width: 40px;height: 30px;background-position: -250px 0;}
.contact-box .contact-info li span{font-size: 0.225rem;color: #000;padding:0.3rem 0;display: block;}
.contact-box .contact-info li p{font-size: 0.2rem;color: #999;line-height: 24px;}
.contact-box .contact-info li p>a{font-size: 0.2rem;color: #999;line-height: 24px;}
.contact-box .form-box{margin-top: 0.975rem;}
.contact-box .form-box h3{font-size: 0.5rem;color: #388cd3;text-align: center;font-weight: 400;padding-bottom: 0.4rem;}
.contact-box .form-box p{font-size: 0.26rem;color: #999;text-align: center;padding-bottom: 0.4rem;}
.contact-box .form-box ul{overflow: hidden;margin-bottom: 0.25rem;}
.contact-box .form-box ul li{float: left;width: 28.3333%;font-size: 0.175rem;color: #666;margin-bottom: 0.25rem;}
.contact-box .form-box ul li:nth-child(1){text-align: left;}
.contact-box .form-box ul li:nth-child(2){text-align: center;}
.contact-box .form-box ul li:nth-child(3){text-align: right;}
.contact-box .form-box ul li:nth-child(4){text-align: left;}
.contact-box .form-box ul li:nth-child(5){text-align: center;}
.contact-box .form-box ul li:nth-child(6){text-align: right;}
.contact-box .form-box ul li:nth-child(7){text-align: left;width: 100%;}
.contact-box .form-box ul li input{display: inline-block;width: 4.55rem;height: 0.475rem;border: 1px solid #e5e5e5;margin-left: 0.1rem;vertical-align: middle;padding-left: 0.2rem;}
.contact-box .form-box ul li textarea{    font-family: inherit;display: inline-block;width: 97.99%;height: 2.25rem;border: 1px solid #e5e5e5;margin-left: 0.1rem;vertical-align: top;padding:0.2rem 0 0 0.2rem;}
.contact-box .form-box .sub-btn{width: 2.5rem;height: 0.5rem; background-color: #388cd3;font-size: 0.225rem;color: #fff;margin:0 auto;text-align: center;line-height: 0.5rem;cursor: pointer;display: block;}
.contact-box .form-box .sub-btn:hover{transform: scale(1.1,1.1);transition: all .5s ease;}
.contact-wechat{position: fixed;right: 5px;top: 160px;z-index: 99;}
/*====================contact==================================================*/
/*====================news==================================================*/
/*.list-news .news-content{padding-top:50px}*/
.news-banner>img{width:100%;height:auto}
.list-news .news-content h2{font-size: 0.5rem;color: #388cd3;font-weight: bold;text-align: center;padding:1.125rem 0 0.575rem 0;background-color: #f5f5f5;}
.list-news .news-content h2>span{display: block;font-size: 0.2rem;color: #666;padding-top: 0.125rem;font-weight: 400;}
.list-news .news-content>p{font-size:14px;margin-bottom:40px;padding-bottom:40px;border-bottom:1px dashed #333}
.news-content .w1200{padding:0.5rem 0;}
.news-content .n-list{width:110%}
.news-content .n-list li{width:7.25rem;float:left;margin-bottom:0.5rem;padding-bottom:0.375rem;border-bottom:1px dashed #999;margin-right:0.25rem;}
.news-content li .news-img{width:2.5rem;float:left;height: 2.5rem;}
.news-content li .news-info{width:4.25rem;float:right;padding:0.1rem 0.175rem 0px 0.175rem}
.news-content .news-info>h3{font-size:0.225rem;color:#333;height:0.75rem;}
.news-content .news-info>p{font-size:0.175rem;line-height:0.3rem;color:#808080;margin-bottom:29px;padding-top:10px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.news-content .news-info .view-more{padding:0.1rem 0.225rem;background-color: #388cd3;color: #fff;font-size: 0.175rem;display: inline-block;position: relative;overflow: hidden;}
/*.news-content .news-info .more:hover{background-color:#388cd3}*/

.news-content .news-img img{transition:all .3s ease-out;width: 100%;height: 100%;}
.news-content .news-img img:hover{transform:scale(1.1,1.1)}
.main-news{padding:0.5rem 0}
.main-news .con-left{width:11.25rem;float:left;min-height:3.75rem;}
.main-news .con-left h1{font-size:0.275rem;font-weight:500;padding-bottom:0.4375rem;color:#333;text-transform:none}
.main-news .con-left p{line-height:22px;padding-bottom:0.225rem;font-size:14px;color:#333}
.main-news .con-right{width:5rem;float:right;border:1px solid #CCC;padding-bottom:20px}
.main-news .con-right h2{line-height:0.4375rem;background-color:#E1E1E1;font-size:16px;padding-left:0.15rem;font-weight:500;text-transform:none}
.main-news .con-right ul{padding:0.25rem 0}
.main-news .con-right ul li p a{display:block;line-height:24px;border-bottom:1px dashed #CCC;padding:10px 0px;color:#000;padding-left:10px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}
.main-news .con-right ul li p a:hover{color:#388cd3}
.main-news .con-right .view-more a{display:block;width:1.25rem;height:30px;background-color:#999;text-align:center;float:right;margin:15px 6.6% 0 0;line-height:30px;font-size:13px;color:#FFF;border-radius:4px;-webkit-transition:all .4s ease-out;-moz-transition:all .4s ease-out;-ms-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out}
.subpage{padding:0.675rem 0px 0.625rem 0;}
.main-news .con-right .view-more a:hover{background-color:#388cd3;color:#fff}
/*====================news==================================================*/
/*====================catalogue==================================================*/
.main-catalogue{padding:0.75rem 0 1.25rem 0;}
.main-catalogue ul{padding:0.5rem;background-color: #fff;box-shadow: 0 0 5px #e5e5e5;margin-bottom: 0.625rem;overflow: hidden;}
.main-catalogue .cata-top{margin-bottom: 0.5rem;}
.main-catalogue .cata-top h3{font-size: 0.3rem;color: #fff;padding:0.15rem 0.625rem;background-color: #388cd3;display: inline-block;}
.main-catalogue .cata-top span{font-size: 0.2rem;color: #000;line-height: 0.6rem;display: inline-block;margin-left: 0.175rem;padding-right: 26px;position: relative;}
.main-catalogue .cata-top span>i{position: absolute;width: 20px;height: 20px;background: url(/images/icon/icon.png)no-repeat -302px 0;right: 0;top: 50%;margin-top: -10px;}
.main-catalogue ul li{float: left;font-size: 0.2rem;color: #000;margin-right: 0.825rem;margin-bottom: 0.425rem;}
.main-catalogue-01{margin:0.75rem auto 1.25rem auto;padding:0.375rem 0.25rem 1rem 0.25rem;background-color: #fff;}
.main-catalogue-01 .bread{text-align: left;padding:0;}
.main-catalogue-01 .cata-01-con{/*text-align: center;*/}
.main-catalogue-01 .cata-01-con h3{font-size: 0.375rem;color: #000;font-weight: bold;padding-bottom: 0.4rem;text-align: center;}
.main-catalogue-01 .cata-01-con ul{border: 1px solid #e5e5e5;overflow: hidden;box-sizing: border-box;-webkit-box-sizing:border-box;}
.main-catalogue-01 .cata-01-con ul li{float: left;width: 33.33%;border-bottom: 1px solid #e5e5e5;overflow: hidden;}
.cata-01-con ul li>span{font-size: 0.2rem;width: 75%;height: 0.625rem;line-height: 0.625rem;text-align: center;background-color: #f5f5f5;float: left;}
.cata-01-con ul li>a{width: 25%;height: 0.625rem;text-align: center;float: left;}
.cata-01-con ul li>a>em{display: inline-block;width: 26px;height: 26px;background: url(/images/icon/icon.png)no-repeat -164px -68px;text-align: center;margin-top: 0.175rem;}
.cata-01-con ul li:hover>span{color: #388cd3;}
.cata-01-con ul li:hover>a{background-color: #388cd3;}
.cata-01-con ul li:hover>a>em{background: url(/images/icon/icon.png)no-repeat -114px -68px;}
/*====================catalogue==================================================*/