@charset "utf-8";

html,body { margin:0; padding:0; width:100%; }
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,img,div,dl,dd,dt,s,del,i,em{margin:0;padding:0;border:0; text-decoration:none; font-style:normal; outline:none;}
ul,ol,li,dl,dd,dt{list-style-type:none;}
select,input,img,select,button,textarea{vertical-align:middle;font-size:0.18rem; outline:none;font-family:tahoma,Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';font-weight: 400;}
a {color:#222;text-decoration:none;}
a:hover{ text-decoration:none; color:#05b}
*:focus {outline:none !important;text-decoration:none !important}

html{display:block;-webkit-text-size-adjust: none;}
body{background:#f4f5fa;color:#222;font-size:0.18rem; font-family:tahoma,  Microsoft YaHei, "微软雅黑",'Microsoft Jhenghei', '微軟正黑體';font-weight: 400; }


html{font-size: 100px;}
@media (max-width: 1366px){html{font-size: 94px;}}
@media (max-width: 1199px){html{font-size: 88px;}}
@media (max-width: 991px){html{font-size: 78px;}}
/*
@media (max-width: 639px){html{font-size: 60px;}}
*/

h2, .h2 {font-size: 0.36rem;}
h3, .h3 {font-size: 0.26rem;}
/* 在线链接服务仅供平台体验和调试使用，平台不承诺服务的稳定性，企业客户需下载字体包自行发布使用并做好备份。 */
@font-face {
  font-family: 'iconfont';  /* Project id 2495631 */
  src: url('//at.alicdn.com/t/c/font_2495631_vwps5i39sm.woff2?t=1745738571313') format('woff2'),
       url('//at.alicdn.com/t/c/font_2495631_vwps5i39sm.woff?t=1745738571313') format('woff'),
       url('//at.alicdn.com/t/c/font_2495631_vwps5i39sm.ttf?t=1745738571313') format('truetype');
}
.iconfont{font-family:"iconfont" !important; font-size:0.16rem;font-style:normal; -webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; line-height:100%}


@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:200;src:url('font/QualcommWeb-Light.woff') format('woff'), url('font/QualcommWeb-Light.ttf') format('truetype');} 
@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:400;src:url('font/QualcommWeb-Regular.woff') format('woff'), url('font/QualcommWeb-Regular.ttf') format('truetype');} 
@font-face{font-family:'QualcommWeb';font-style:normal;font-weight:600;src:url('font/QualcommWeb-Semibold.woff') format('woff'), url('font/QualcommWeb-Semibold.ttf') format('truetype');} 
@font-face{font-family:'QualcommBoing';font-style:normal;font-weight:200;src:url('font/QualcommBoing-Thin.woff') format('woff'), url('font/QualcommBoing-Thin.ttf') format('truetype');} 
@font-face{font-family:'QualcommNext';font-style:normal;font-weight:200;src:url('font/QualcommBoing-Thin.woff') format('woff'), url('font/QualcommBoing-Thin.ttf') format('truetype');} 
@font-face{font-family:'QualcommNext';font-style:normal;font-weight:400;src:url('font/QualcommNext-Regular.woff') format('woff'), url('font/QualcommNext-Regular.ttf') format('truetype');}
@font-face {font-family:"Montserrat-Regular";src:url("font/Montserrat-Regular.eot?") format("eot"),url("font/Montserrat-Regular.woff") format("woff"),url("font/Montserrat-Regular.ttf") format("truetype"),url("font/Montserrat-Regular.svg#Montserrat-Regular") format("svg");font-weight:normal;font-style:normal;}


@font-face{font-family:'brandon-bold';font-style:normal;font-weight:200;src:url('font/brandon-bold.ttf') format('truetype');} 
@font-face{font-family:'brandon';font-style:normal;font-weight:200;src:url('font/brandon.ttf') format('truetype');} 
@font-face{font-family:'Rajdhani-SemiBold';font-style:normal;font-weight:200;src:url('font/Rajdhani-SemiBold.ttf') format('truetype');} 
@font-face{font-family:'Rajdhani-Bold';font-style:normal;font-weight:200;src:url('font/Rajdhani-Bold.ttf') format('truetype');} 
@font-face{font-family:'Rajdhani-Regular';font-style:normal;font-weight:200;src:url('font/Rajdhani-Regular.ttf') format('truetype');} 


/* --------------浏览器滚动条----------------------- */
::-webkit-scrollbar {height:11px;width:11px}
::-webkit-scrollbar-button {height:0;width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment {display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement {display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-style:solid;border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box;background-color:#fff;}
::-webkit-scrollbar-thumb {-webkit-box-shadow:inset 1px 1px 0 rgba(0,0,0,.1),inset 0 -1px 0 rgba(0,0,0,.07);background-clip:padding-box;background-color:rgba(0,0,0,.2);min-height:28px;padding-top:100}
::-webkit-scrollbar-thumb:hover {-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,.25);background-color:rgba(0,0,0,.4)}
::-webkit-scrollbar-thumb:active {-webkit-box-shadow:inset 1px 1px 3px rgba(0,0,0,.35);background-color:rgba(0,0,0,.5)}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal {border-width:0;}
::-webkit-scrollbar-track:hover {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.1);background-color:rgba(0,0,0,.05)}
::-webkit-scrollbar-track:active {-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,.14),inset -1px -1px 0 rgba(0,0,0,.07);background-color:rgba(0,0,0,.05)}

@-webkit-keyframes spinAround {from {-webkit-transform: rotate(0deg)}to {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spinAround {from {-moz-transform: rotate(0deg)}to {	-moz-transform: rotate(360deg);}}
@keyframes spinAround {from {transform: rotate(0deg)}to {transform: rotate(360deg);}}

:-moz-placeholder {color: #aaa;}
::-moz-placeholder {color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder {color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #aaa;}

.video-play{ position:fixed; left:0;top:0; z-index:99999; width:100%; height:100%; display:none}
.video-play .mask{ position:absolute; left:0;top:0; width:100%; height:100%;background:#000;filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7; z-index:1 }
.video-play .box{ width:900px; height:600px; position:absolute; left:50%; margin-left:-450px;top:50%; margin-top:-285px; z-index:3; }
.video-play .close-btn{ background:url(../images/close2.gif) no-repeat center center; display:block; text-indent:-10000px; width:50px; height:50px; position:absolute; left:50%; margin-left:390px;top:50%; margin-top:-275px; z-index:4;-webkit-transition: -webkit-transform 1s;}
.video-play .close-btn:hover{-webkit-transform:rotate(180deg); }
#con_video_div{ background:#000}

@media (max-width: 767px) {
	.container {padding-right:20px;padding-left: 20px;}
	.row {margin-right: -5px; margin-left: -5px;}
	.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{ padding-left:5px; padding-right:5px}
}


.b{font-weight:bold}
.red{ color:#ee4433 !important}


.weui-cell{width:100%; height:100%; position: relative; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-align: center; -webkit-align-items: center; align-items: center;}
.weui-cell_primary{min-width: 1px; -webkit-box-align: start; -webkit-align-items: flex-start; align-items: flex-start;}
.weui-cell__bd{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}
.weui-cell__ft{text-align: right; color: #999999;}
.weui-flex{display: -webkit-box; display: -webkit-flex; display: flex;}
.weui-flex__item{-webkit-box-flex: 1; -webkit-flex: 1; flex: 1;}


#message{ width:400px; padding:30px 40px 40px; background:#fff; margin:0 auto; border:1px #ddd dashed; position:relative;top:150px; text-align:center}
#message .msg{ margin-bottom:20px; font-size:15px; font-weight:bold;font-family:Tahoma, "microsoft Yahei"; line-height:26px;}
#message .msg a{ text-decoration:underline; color:#0066cc} 
#message .msg a:hover{ color:#ff0000; text-decoration:none}


.load{position:fixed;top:0;left:0;width:100%;height:100%;background:#fff;overflow:hidden;z-index:5000;color:#00499a}
.load.active{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0);-webkit-transition:all 0.8s cubic-bezier(.77,0,.175,1);-o-transition:all 0.8s cubic-bezier(.77,0,.175,1);transition:all 0.8s cubic-bezier(.77,0,.175,1)}
.load_con{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)!important;text-align:center}
.load_text{-webkit-animation:0.8s .2s fadeInUp both;animation:0.8s .2s fadeInUp both}
.load_logo{display:inline-block;vertical-align:top;height:0.8rem;width:auto}
.load_sign{margin-top:0.3rem}
.load_sign .icon_jiazai{display:inline-block;vertical-align:middle;line-height:1;-webkit-animation:loader 0.8s linear infinite;animation:loader 0.8s linear infinite;font-size:0.3rem}

@-webkit-keyframes loader{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}
@keyframes loader{
	0%{-webkit-transform:rotate(0);transform:rotate(0)}
	100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}
}


.header{height:0.8rem; position:fixed;left:0;top:0;border-bottom:1px rgba(255,255,255,0.2) solid;background:rgba(255,255,255,1);width:100%;z-index:888;-webkit-transition: all .4s;transition: all .4s;}
.header-wrapper{ position:relative}
.header .logo{ display:block; width:2.11rem; height:0.45rem; background:url(../images/logo.png?s22s) no-repeat center center;background-size:cover;margin-top:0.18rem;float:left;  z-index:2;-webkit-transition: all .4s;transition: all .4s;}
.header .nav-bar{ float:right; }
.header .nav-bar ul{ position:relative}
.header .nav-bar li{ float:left; position:relative; z-index:2;padding:0 0.15rem; }
.header .nav-bar li span{ display:block;  }
.header .nav-bar li span a{ display:block;padding:0.15rem 0; text-align:center; line-height:0.5rem; overflow:hidden; font-size:600;font-size:0.18rem; position:relative;-webkit-transition: all .4s;transition: all .4s;}
.header .nav-bar li span a i.down-icon{font-size:0.14rem;margin-left:3px;color:#333;position:relative;top:-1px}
.header .nav-bar li span a:after {content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:3px;background-color:#008bd0 ; transition: all .3s; transform: translateX(-50%); }
.header .nav-bar li span a:hover{ color:#008bd0 !important}
.header .nav-bar li span a:hover:after{width:100%;}

.sub-nav{position:fixed;left:0;top:0.8rem;right:0;height:0.55rem; display:none;background-color:#008bd0; box-shadow: 0 4px 4px rgba(0,0,0,0.07); }
.sub-nav dl{ position:absolute;left:50%;top:0;}
.sub-nav dl dd{ display:inline-block;padding:0 0.2rem}
.sub-nav dl dd a{ display:inline-block;line-height:0.55rem;color:#fff;padding:0;position:relative;font-size:0.15rem}
.sub-nav dl dd a:after{content:"";display:block; width:0;position:absolute;left:50%;bottom:0;height:3px;background-color:#008bd0 ; transition: all .3s; transform: translateX(-50%);}
.sub-nav dl dd a:hover{color:#6bd4f4 }
.sub-nav dl dd a:hover:after{width:100%;}
.sub-nav dl dd a.current{color:#009aff}
.sub-nav dl dd a.current:after{width:100%;}



.header-btn{ position:absolute; right:0;top:0;}
.header-btn .search-btn{ float:left;  margin-top:0.29rem  }
.header-btn .search-btn a{ color:#fff;}
.header-btn .search-btn i{ font-size:0.26rem; position:relative;top:0.04rem; line-height:0.2rem; }

.header-btn .zhanqun-btn{ position:relative; z-index: 20; float: right;margin-left:0.3rem}
.header-btn .zhanqun-btn a{ position:relative; color:#fff; background-color:#436dc2;z-index:99;-webkit-transition: all .4s;transition: all .4s;text-align:center; display:block; padding:0.16rem;height:0.8rem;}
.header-btn .zhanqun-btn a i{ font-size:0.3rem; margin-left:0.05rem; line-height:0.3rem;font-weight:normal}
.header-btn .zhanqun-btn a span{display:block;font-size:0.14rem;}
.header-btn .zhanqun-btn a:hover{ background-color:#008bd0;color:#fff}


.header.hover{ background-color:#fff;box-shadow: 0 10px 10px hsla(0,0%,93.3%,.5);left:0;top:0; right:0;height:0.7rem}
.header.hover .logo{margin-top:0.13rem}
.header.hover .sub-nav{top:0.7rem}
.header.hover .nav-bar li span a{line-height:0.4rem}
.header.hover .header-btn .zhanqun-btn a{height:0.7rem;padding:0.1rem 0.16rem}



.menu-box{ position:fixed;top:0.85rem; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #eee solid; z-index:998; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(255,255,255,0.4);box-shadow: 0px 10px 35px 0 rgba(0, 0, 0, 0.2);}
.menu-box .menu-wrapper{ margin-top:1rem}
.menu-box .menu-wrapper dl{ width:12.5%; float:left}
.menu-box .menu-wrapper dl dt{ font-size:0.24rem; font-weight:normal; margin-bottom:0.3rem}
.menu-box .menu-wrapper dl dt i{ display:none}
.menu-box .menu-wrapper dl dd{ margin-bottom:0.15rem;}
.menu-box .menu-wrapper dl dd a{display:block;padding:0.08rem 0}
.menu-box.show{ height:100vh;visibility:visible; background-color:rgba(255,255,255,1);}

.search-box{ position:fixed;top:0; left:0; width:100%; height:0; visibility:hidden; overflow:hidden;border-top:1px #eee solid; z-index:887; transition: .3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1); -o-transition: 0.3s cubic-bezier(0.215,.61,.215,1); background-color:rgba(0,0,0,0.4);}
.search-box .search-wrapper{background:#fff; width:50%; max-width:5rem; height:0.6rem;margin:20% auto 0; padding-right:0.8rem; position:relative}
.search-box .search-wrapper input{ display:block; width:100%; background:none; border:0; height:0.6rem; padding:0 0.2rem}
.search-box .search-wrapper button{ width:0.8rem; height:0.6rem; background:none; border:0; position:absolute; right:0;top:0; text-align:center; }
.search-box .search-wrapper button i{ font-size:0.3rem}
.search-box.show{ height:100vh;visibility:visible; background-color:rgba(0,0,0,0.5);}

@media (max-width:767px){
	.search-box .search-wrapper{ width:80%;}
}

.menubtn{ position:relative; z-index: 20; float: right; transition: 0.4s; width: 0.85rem; height:0.85rem; box-shadow: 1px 2px 8px rgba(0,0,0,0.1);cursor: pointer;display:none }
.menubtn:hover{}
.menuiphone{ display: none;}
.menubtn span{ display:block; width:0.24rem; height:2px; background:#222; border-radius:2px; margin:auto; top:50%; margin-top:-1px; position:relative; vertical-align: middle; }
.menubtn span:after,
.menubtn span:before { content: ""; position: absolute; display: inline-block; width: 0.3rem; height: 2px;border-radius:2px; left: 0; background-color: #222;  -webkit-transition-duration: .3s,.3s; -moz-transition-duration: .3s,.3s; -ms-transition-duration: .3s,.3s; -o-transition-duration: .3s,.3s; transition-duration: .3s,.3s;-webkit-transition-delay: .3s,0s; -moz-transition-delay: .3s,0s; -ms-transition-delay: .3s,0s; -o-transition-delay: .3s,0s; transition-delay: .3s,0s;}
.menubtn span:before {top: -10px;-webkit-transition-property: top,transform;-moz-transition-property: top,transform;-ms-transition-property: top,transform;-o-transition-property: top,transform;transition-property: top,transform;}
.menubtn span:after {bottom: -10px;-webkit-transition-property: bottom,transform;-moz-transition-property: bottom,transform;-ms-transition-property: bottom,transform;-o-transition-property: bottom,transform;transition-property: bottom,transform;}
.menubtn.active span {background-color: transparent !important;-webkit-transition-delay: 0s,0s;-moz-transition-delay: 0s,0s;-ms-transition-delay: 0s,0s;-o-transition-delay: 0s,0s;transition-delay: 0s,0s}
.menubtn.active span:after,.menubtn.active span:before {-webkit-transition-delay: 0s,.3s;-moz-transition-delay: 0s,.3s; -ms-transition-delay: 0s,.3s; -o-transition-delay: 0s,.3s; transition-delay: 0s,.3s}
.menubtn.active span:before {top: 0px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg)}
.menubtn.active span:after {bottom:0px;-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);}

.header.hover .menubtn span{ background-color:#222}
.header.hover .menubtn span:after,
.header.hover .menubtn span:before{ background-color:#222}
.header.current .menubtn span{ background-color:#222}
.header.current .menubtn span:after,
.header.current .menubtn span:before{ background-color:#222}



@media (max-width: 1249px) {
	.header .zhanqun-btn{ display:none}
}


@media (max-width: 1099px) {
	.index-wrapper{ padding:0;width:100%}	
	.header .nav-bar{ display:none}
	.header .menubtn{ display:block}
}

@media (max-width: 767px) {
	.header { height:auto; overflow:hidden;}
	.header .logo{position:relative;float:none;margin-top:0;margin-left:0.1rem; width:65%;height:0.8rem; background-size:contain; background-position:0 center;	max-width:150px}
	.header-btn{}
	.header-btn .search-btn{display:block;margin-right:0.2rem;margin-top:0.26rem;}
	.header-btn .search-btn a{color:#444}
	.header .index-nav-bar{display:none;border-top:0.06rem #265ac8 solid;float:none}
	.header .index-nav-bar li span a{color:#265ac8;font-size:0.2rem;line-height:0.3rem}
	.header .index-nav-bar li{width:25%;background:url(../images/nav-li-bg.jpg) no-repeat;background-size:cover}
	.header .container{padding:0}
	.menubtn{ width:0.8rem; height:0.8rem;left:0;right:auto;box-shadow: 1px 2px 8px rgba(0,0,0,0.1);margin-left:0;}
	.menubtn span{ width:0.36rem; background-color:#444}
	.menubtn span:after,
	.menubtn span:before{background-color:#444;width:0.36rem}
	.menu-box{top:0.8rem;background-color:#f4f5fa !important;box-shadow:none}
	.menu-box .menu-wrapper{margin-top:0;padding:4%;}
	.menu-box .container{padding:0}
	.menu-box .menu-wrapper dl{ width:100%; float:none; margin-bottom:0.1rem;background-color:#fff;border-radius:0.06rem;padding:0.15rem 0.3rem }
	.menu-box .menu-wrapper dl dt{ font-size:0.24rem; margin-bottom:0}
	.menu-box .menu-wrapper dl dt.hasSub{}
	.menu-box .menu-wrapper dl dt a{ display:block; position:relative;}
	.menu-box .menu-wrapper dl dt a i{ display:block; font-size:0.14rem; color:#666; position:absolute; right:0.1rem;top:50%; margin-top:-0.07rem;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-webkit-transition:all 0.3s ease;transition:all 0.3s ease; }
	.menu-box .menu-wrapper dl dt.hover a i{transform:rotate(0deg);-webkit-transform:rotate(0deg);}
	.menu-box .menu-wrapper dl dd{display:none;padding-top:0.2rem}
	.menu-box .menu-wrapper dl dd a{display:block;color:#888;font-size:0.2rem;padding:0.05rem 0}
	.menu-box .menu-wrapper dl:last-child{border-bottom:0;}
	.search-box{top:0.8rem}
}


.banner{ position:relative;overflow:hidden;height:7rem}
.banner-loading{position:absolute;left:0;top:0;width:100%;height:100%;z-index:10;background-color:#6bd4f4;transition: .3s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);}
.banner-loading img{width:40px;height:40px;position:absolute;left:50%;top:50%;margin-left:-20px;margin-top:-20px;}
.banner-slider{ overflow:hidden;height:100%;width:100%; }
.banner-slider .image{position:relative;width:100%;height:100%; background-position:center center; background-size:cover;transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00); }
.banner-slider .image img{width:100%}
.banner-slider .slide-inner {height:100%;position:relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;color:#fff;}
.banner-slider .swiper-slide { overflow:hidden;}
.banner-slider .textbox{position: absolute; left:0; top: 0; width: 100%; height: 100%; color: #ea2837; text-align: left;}
.banner-slider .weui-cell{width: 100%; height: 100%;}
.banner-slider .textbox strong{ display:block; font-size:0.45rem; font-weight:normal; line-height:1.3;  padding-left:20%; color:#fff; text-shadow: rgba(0,0,0,0.5) 1px 1px 6px; -webkit-animation: fadeOutUp 1.5s; animation: fadeOutUp 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;} 
.banner-slider .textbox p{ margin-top:0.3rem; color:#fff; font-size:0.55rem; line-height:1.3; font-weight:bold;letter-spacing:0.02rem; padding-left:20%;text-shadow: rgba(0,0,0,0.5) 1px 1px 15px;-webkit-animation: fadeOutDown 1.5s; animation: fadeOutDown 1.5s; -webkit-animation-fill-mode: both; animation-fill-mode: both;}
.banner-slider .textbox .banner-text{transform: scale(0.5); transition:1.5s cubic-bezier(0.215,.61,.215,1);opacity:0;background:url(../images/scig-banner-text.png) no-repeat center center;background-size:contain;height:1.98rem;margin:0 10%}
.banner-slider .swiper-pagination{ bottom:0.3rem;width:100%;}
.banner-slider .swiper-pagination-bullet{ opacity:1; text-indent:inherit; width:0.52rem; height:0.2rem; background:url(../images/banner-dot.png) no-repeat 0.3rem center; margin-right:0}
.banner-slider .swiper-pagination-bullet i{ display:block; width:0.2rem; height:0.2rem; border-radius:0;background:none;border:2px rgba(0,0,0,0) solid;border-radius:50%;opacity:1;position:relative}
.banner-slider .swiper-pagination-bullet i:after{content:""; position: absolute;width:0.07rem;height:0.07rem; top: 50%;left: 50%;margin-top:-0.03rem; margin-left:-0.03rem;background-color:#fff; border-radius:50%;}
.banner-slider .swiper-pagination-bullet:last-child{ width:0.23rem}
.banner-slider .swiper-pagination-bullet-active i{ background-position:0 bottom;animation: load 5s linear infinite;border-top:2px #fff solid;border-left:2px #fff solid;}
.banner-slider .swiper-pagination-bullet-active i:after{background-color:#fff}
.banner-slider .swiper-slide-active .textbox .esd-text{transform: scale(1) !important;opacity:1 !important}
.banner-slider .swiper-slide-active .textbox .banner-text{transform: scale(1) !important;opacity:1 !important}
.banner-slider .swiper-button-prev{left:-0.5rem;width:0.5rem;height:0.5rem;background-size: 0.2rem 0.2rem;background-position:center center;border-radius:0.25rem;border:1px #fff solid;transition: .3s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);}
.banner-slider .swiper-button-next{right:-0.5rem;width:0.5rem;height:0.5rem;background-size: 0.2rem 0.2rem;background-position:center center;border-radius:0.25rem;border:1px #fff solid;transition: .3s cubic-bezier(0.215,.61,.215,1);- webkit-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-moz-transition: 0.3s cubic-bezier(0.215,.61,.215,1);-o-transition: 0.3s cubic-bezier(0.215,.61,.215,1);}
.banner-slider:hover .swiper-button-prev{left:0.3rem}
.banner-slider:hover .swiper-button-next{right:0.3rem}

.banner-slider .swiper-slide { height:100%;background:#ccc}
.banner-slider .swiper-slide video{ height:100%;display: block;vertical-align: baseline;}
.banner-slider .swiper-slide .index-banner{position:absolute;width:100%;height:100%;left:0;top:0;}
.banner-slider .swiper-slide .index-banner:before{content:"";display:block;position:absolute;left:0;top:0;z-index:1;width:100%;height:100%;background:#000;opacity:0.6}
.banner-slider .swiper-slide .index-banner-text{position:absolute;z-index:2;left:0;top:50%;margin-top:-0.3rem;width:100%;text-align:center;color:#fff}
.banner-slider .swiper-slide .index-banner-text strong{display:block;font-size:0.5rem;letter-spacing:0.05rem;font-weight:normal;line-height:0.5rem}
.banner-slider .swiper-slide .index-banner-text em{margin:0 0.1rem;font-size:0.16rem}
.banner-slider .swiper-slide .index-banner-text strong em{position:relative;top:-0.1rem}
.banner-slider .swiper-slide .index-banner-text p{font-size:0.2rem;margin-top:0.1rem}

/*
.banner-slider .swiper-slide-active .image{-webkit-animation: scaleBigToSmall 0.5s; animation: scaleBigToSmall 0.5s;}
*/


@keyframes load {
	0% {
		transform: rotate(0deg);
	}
	100%{
		transform: rotate( 360deg);
	}
}

@-webkit-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@-moz-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@-o-keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}
@keyframes scaleBigToSmall {
	0% {transform: scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);-webkit-transform:scale(1.2);-o-transform:scale(1.2);}
	to {transform: scale(1.00);-ms-transform:scale(1.00);-moz-transform:scale(1.00);-webkit-transform:scale(1.00);-o-transform:scale(1.00);}
}


@media screen and (max-width: 992px){
	.banner{height:23vh;position:relative;}
	.banner{margin-top:0.8rem}
	.banner-slider .swiper-pagination{ bottom:15px}
	.banner-slider .weui-cell{ height: 90%;}
	.banner-slider .swiper-button-prev{display:none}
	.banner-slider .swiper-button-next{display:none}
}

/*---------首页新闻---------------*/

.index-slider{ width:50%;  padding-right:0.2rem; }
.index-slider .txt{ background-color:rgba(0,0,0,0.5); position:absolute; width:100%; left:0;bottom:0; z-index:3; padding:0.15rem;}
.index-slider .txt strong{ display:block; font-weight:normal; padding-right:0.85rem;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;color:#fff} 
.index-slider .full {position: absolute;}
.index-slider .image{ height:100%; background-repeat:no-repeat; background-size:cover; background-position:center center}
.index-slider .swiper-pagination{ text-align:right; padding-right:0.15rem; bottom:0.15rem}
.index-slider .swiper-pagination-bullet{ width:0.13rem; height:0.13rem; background:url(../images/slide_off.png) no-repeat center center; background-size:cover;opacity:1;}
.index-slider .swiper-pagination-bullet-active{ background-image:url(../images/slide_on.png)}
.index-slider .swiper-container{ height:100%}
.index-slider .swiper-button-prev{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; left:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-next{ background-color:rgba(0,0,0,0.5); width:40px; height:80px; background-size:18px 29px; right:-10px; margin-top:-40px;-webkit-transition: all .3s;transition: all .3s;opacity:0;}
.index-slider .swiper-button-prev:hover{ background-color:#009ee3;}
.index-slider .swiper-button-next:hover{ background-color:#009ee3;}
.index-slider:hover .swiper-button-prev{opacity:1; left:0;}
.index-slider:hover .swiper-button-next{opacity:1; right:0}
.index-news { width:50%; float:right;position:relative;padding-left:0.2rem;min-height:3.4rem}
.index-news h3{height:0.51rem; line-height:0.5rem;  border:1px #e8e8e8 solid; }
.index-news h3 a{ display:block; float:left; width:33.33333333%;font-weight:bold; text-align:center; background-color:#fff;color:#555;border-right:1px #e8e8e8 solid;font-size:0.18rem;transition: all .3s;}
.index-news h3 a:last-child{border-right:0;}
.index-news h3 a.current{ background-color:#008bd0;font-weight:bold; color:#fff}
.index-news .con{ margin-top:0;min-height:3.3rem;background:#fff;border:1px #e8e8e8 solid;padding:0.22rem 0.3rem}
.index-news .con dl{ border-bottom:1px #ddd solid; padding-bottom:0.15rem; margin-bottom:0.15rem; position:relative;}
.index-news .con dl a{ line-height:1.5;font-size:0.18rem; display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/li.gif) no-repeat 0 center; padding-left:0.12rem; font-weight:bold;margin-right:1rem}
.index-news .con dl span{position: absolute; right:0;top:0.03rem; display:inline-block;font-size:0.14rem; color:#999;}
.index-news .con dl p{font-size: 0.14rem; margin-top: 0.1rem;line-height: 1.4; color: #aaa; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
.index-news .con li{ padding:0.05rem 0;  position:relative}
.index-news .con li a{ display:block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap; background:url(../images/li.gif) no-repeat 0 center; margin-right:1rem; padding-left:0.12rem; color:#333; }
.index-news .con li a:hover{ color:#05a}
.index-news .con li span{ font-size:0.14rem; color:#999; position:absolute; right:0;top:0.09rem;}
.index-news .con li:last-child{ padding-bottom:0}
.index-news a.more{ position:absolute; right:0.1rem;top:0.15rem; color:#888; display:none;}


.index-bg{ background-color:#fff;padding-top:0.5rem }
.index-bg .container{ padding-bottom:50px;}
@media (min-width:993px){
	.index-col{display: -webkit-box;display: -webkit-flex;display: -moz-box;display: -ms-flexbox; display: flex;}
}

@media (max-width:992px){
	.index-bg{padding-top:0.3rem }
	.index-bg .container{padding-top:0;padding-bottom:20px;}
	.index-slider{ width:100%; padding:0; height:3rem; float:none;border-radius:10px;overflow:hidden}
	.index-slider .txt strong{font-size:0.2rem}
	.index-slider .swiper-pagination-bullet{margin:0 2px!important}
	.index-news{ width:100%; padding:0;  float:none; margin-top:0.3rem}
	.index-news h3 a{font-size:0.24rem}
	.index-news .con dl a{background-position:0 0.1rem;font-weight:normal;font-size:0.2rem;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	.index-news .con li a{font-size:0.2rem}
	.index-news .con dl span{font-size:0.16rem;top:0.03rem}
	.index-news .con dl p{font-size:0.18rem}
	.index-news .con li span{font-size:0.16rem;top:0.1rem}
}







.index-bg2{background:#436dc2;background-size:cover;padding:0.6rem 0;position:relative;overflow:hidden }
.index-bg2 .bg{position:absolute;left:0;top:0;width:100%;height:100%}
.index-bg2 .bg canvas{height:100% !important}
.index-product{position:relative;z-index:2}
.index-product h2{ text-align:center; font-size:0.26rem; font-weight:300; padding-bottom:0.3rem; color:#fff}
.index-product h2 em{ display:inline-block;  width:0.6rem; border-bottom:1px #58d5ff solid; position:relative;top:-0.06rem;}
.index-product h2 span{ display:inline-block; margin:0 0.1rem;}
.index-product .more{ text-align:center; margin-top:0.3rem;}
.index-product .more a{ display:inline-block; width:140px; line-height:44px; border:1px #fff solid; border-radius:30px; text-align:center; color:#fff;transition: all 0.3s; -webkit-transition: all 0.3s; font-size:16px;}
.index-product .more a i{transition: all 0.3s; -webkit-transition: all 0.3s; background:url(../images/more.png?ss) no-repeat; width:25px; height:25px; display:inline-block; position:relative; margin-left:5px;top:7px}
.index-product .more a:hover{ background-color:#fff; color:#436dc2;}
.index-product .more a:hover i{ background-position:-25px 0}



@media (max-width:992px) {
	.index-other{display:none}
	.index-bg2{padding:0.4rem 0}
}




/*---------网站底部---------------*/
.footer{  background-color:#3d3e40; padding:0.5rem 0 0.2rem;}
.footer .footer-about{ width:35%; float:left; padding-right:0.8rem;}
.footer .footer-about h3{ font-size:0.16rem; font-weight:600; line-height:1; margin-bottom:0.2rem;color:#fff; position:relative}
.footer .footer-about h3 span{ position:absolute; right:0;top:0; font-size:14px; font-weight:normal}
.footer .footer-about p{ font-size:0.15rem; line-height:2.2;color:#fff }
.footer .footer-about a{display:inline-block;padding:0.07rem 0.15rem;font-size:0.14rem;border-radius:0.2rem;margin-top:0.1rem;color:#009ee3;border:1px #009ee3 solid;line-height:1;transition:all 0.3s;}
.footer .footer-about a i{font-size:0.14rem}
.footer .footer-about a:hover{background:#009ee3;color:#fff;}

.footer .footer-menu{ width:52%; float:left; display: flex;  justify-content: space-between; }
.footer .footer-menu dl{ font-size:0.14rem;}
.footer .footer-menu dl dt{ font-weight:normal; color:#fff; margin-bottom:0.25rem; font-size:0.15rem; line-height:0.2rem; position:relative}
.footer .footer-menu dl dt:before {content: "";position: absolute;display: block; height:1px; width: 0.3rem; border-bottom:1px rgba(255,255,255,0.2) dotted; left:0; top:30px;}
.footer .footer-menu dl dd{ margin-bottom:8px;}
.footer .footer-menu dl dd a{ color:#fff;color:rgba(255,255,255,0.5);}
.footer .footer-menu dl dd a:hover{ color:#009ee3; text-decoration:underline}
.footer .footer-menu ul{ font-size:0.15rem;}
.footer .footer-menu ul li{ margin-bottom:15px;color:#fff; line-height:0.2rem;}
.footer .footer-menu ul li a{ color:#fff;}
.footer .footer-menu ul li a:hover{ color:#009ee3; text-decoration:underline}
.footer .footer-qr{ width:13%; float:right;max-width:1.5rem; padding-left:0.3rem;}
.footer .footer-qr .image{}
.footer .footer-qr .image img{ width:100%; border-radius:4px; display:block; background-color:#fff}
.footer .footer-qr p{ text-align:center; margin-top:10px; font-size:0.14rem; color:#fff}

.footer-bar{ padding-top:0.25rem; overflow:hidden; border-top:1px rgba(255,255,255,0.1) solid; margin-top:0.25rem;font-size:0.14rem; line-height:1;}
.footer-bar .left-con{ float:left;color:rgba(255,255,255,0.5); }
.footer-bar .left-con span{ margin:0 0.15rem; font-size:0.12rem;}
.footer-bar .left-con a{ margin-left:0.1rem}
.footer-bar .left-con a:hover{ text-decoration:underline}
.footer-bar .right-con{ float:right; color:#fff;}
.footer-bar .right-con a{ color:#fff}
.footer-bar .right-con a:hover{ color:#009ee3}
.footer-bar .right-con span{margin:0 0.08rem;font-size:0.12rem;position:relative;top:-1px;color:#999}
.footer-bar .right-con img{margin-right:3px;position:relative;top:-1px}

@media (max-width:1199px){
	.footer .footer-menu{ width:87%}
	.footer .footer-about{ display:none}
}

@media (max-width: 991px) {
	.footer{padding:0.3rem 0;}
	.footer .footer-about{ display:block; width:100%; float:none; padding-right:0; text-align:center;}
	.footer .footer-about h3{ display:none}
	.footer .footer-about .links{ max-width:100%; display:none}
	.footer .footer-about p{font-size:0.18rem;line-height:1.8}
	.footer .footer-menu{ display:none}
	.footer .footer-qr{ width:100%;max-width:100%;float:none; padding:0; margin-top:0.2rem;text-align:center}
	.footer .footer-qr .image{ width:40%; max-width:100px; margin:0 auto }	
	
	.footer-bar{  text-align:center!important}
	.footer-bar .left-con{ float:none}
	.footer-bar .left-con span{display:none}
	.footer-bar .right-con{ display:none}
	.footer-bar .right-con .icp{ display:none}
	.footer-bar .right-con a.linking{ float:none; display:inline-block; width:140px; height:14px; background-size:cover}
}

#follow-btn{display:none; position:fixed; right:0.3rem; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.2); color:#aaa; width:0.6rem; height:0.6rem; text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{font-size:0.3rem; line-height:0.6rem; color:#fff}
#follow-btn a:hover{ background-color:#2965bd; color:#FFF}

@media (max-width:1199px){
	#follow-btn{ display:none}
}



.body-mask{ width:100%; height:100%; position:fixed; z-index:10000; left:0;top:0; background-color:#000;opacity: 0;filter:alpha(opacity=50);visibility:hidden;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide{ width:380px; height:100%; position:fixed; z-index:10001; right:-380px; visibility:hidden;top:0; background-color:#fff;transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s; -webkit-transition: all 0.6s cubic-bezier(0.71, -0.01, 0.07, 0.99) 0s;}
.right-slide h2{ height:0.8rem; background-color:#008bd0; padding:0.3rem 0.3rem 0; color:#fff; font-size:0.18rem;display: -webkit-flex; display: -ms-flex; display: flex; }
.right-slide h2 i{ font-size:0.24rem; margin-right:0.05rem;}
.right-slide div{ padding:0.3rem}
.right-slide div h3 a{ font-size:0.15rem;display:block; width:50%; float:left; line-height:0.5rem; text-align:center; background-color:#eee}
.right-slide div h3 a.current{ background-color:#f16921; color:#fff; position:relative}
.right-slide div h3 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;}
.right-slide div ul{ }
.right-slide div ul li{ margin-bottom:0.1rem; text-align:right; font-size:0.15rem }
.right-slide div ul li a{ float:left}
.right-slide div ul li i{ font-size:0.15rem; color:#aaa}
.right-slide .close-btn{width: 46px;height:46px;display: block;position:absolute;right:30px;top:18px;transition: 300ms;-webkit-transition: 300ms;z-index: 100; cursor:pointer}
.right-slide .close-btn i{background: url(../images/close4.png) no-repeat scroll center center; background-size:cover;width: 100%;height: 100%;display: block;transition: 400ms;-webkit-transition: 400ms;}
.right-slide .close-btn:hover i{transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);-moz-transform: rotate(90deg);}

.right-slide-on .body-mask{opacity: 0.5;visibility:visible;}
.right-slide-on .right-slide{ right:0;visibility:visible;}


/* --------------右侧跟随---------------------- */
#follow-btn{ position:fixed; bottom:-200px; z-index:1001;transition: all 850ms cubic-bezier(0.215,.61,.215,1);-webkit-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-moz-transition: all 850ms cubic-bezier(0.215,.61,.215,1);-o-transition: all 850ms cubic-bezier(0.215,.61,.215,1);}
#follow-btn a{ display:block; background-color:rgba(0,0,0,0.05); color:#aaa; width:50px; height:50px;  text-align:center; -webkit-transition:background-color 0.3s;-moz-transition:background-color 0.3s;transition: background-color 0.3s; position:relative;border-radius:3px }
#follow-btn a i{font-size:28px; line-height:50px;}
#follow-btn a:hover{ background-color:#0062a6; color:#FFF}

@media (max-width:1250px){
	#follow-btn{ display:none}
}


#pages{ text-align:center; padding:0.3rem 0 0.3rem;font-family:Arial, Helvetica, sans-serif;}
#pages a{ display:inline-block; padding:0.1rem 0.18rem; background-color:#fff;background: linear-gradient(148deg,hsla(0,0%,100%,0),#fff);  -webkit-box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%);  box-shadow: 0 0 13px 0 rgb(95 95 95 / 15%);    border-radius: 6px; color:#888; margin:0 0.03rem;-webkit-transition-duration: 0.25s;-moz-transition-duration: 0.25s;-o-transition-duration: 0.25s;}
#pages a:hover{ background:#008bd0;color:#fff}
#pages a.active{ background:#008bd0; color:#fff}
#pages span{display:inline-block; padding:0.1rem 0.18rem; color:#888; position:relative;}



.page{position:relative;z-index:10;padding:0.5rem 0}
.page-box{position:relative;background-color:#fff;padding:4%;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);}
.max-box{max-width:1080px;margin:0 auto}

@media (max-width: 767px) {
	.page{padding:4%;}
	.page:before {display:none;}
	.page:after{display:none;}	
	.page .container{padding:0;width:100%}
	.page-box{background:none;padding:0;box-shadow:none}
}


.page-top{background:#fff;border-bottom:1px rgba(0,0,0,0.08) solid}
.page-top .box{position:relative;z-index:10; }
.page-top .sub-cate{ float:left}
.page-top .sub-cate a{ display:block; line-height:0.7rem; float:left; position:relative;margin-left:0.5rem;}
.page-top .sub-cate a i{ display:block; width:0; height:2px; position:absolute; left:0;bottom:-1px; background-color:#008bd0;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.page-top .sub-cate a span{position:relative;z-index:2}
.page-top .sub-cate a.hover{ color:#008bd0; font-weight:bold}
.page-top .sub-cate a.hover i{width:100%;}
.page-top .sub-cate a:first-child{margin-left:0}
.page-top .location{ float:right; border:0; padding:0;line-height:0.7rem;color:#aaa;font-size:0.14rem}
.page-top .location a{color:#aaa}
.page-top .location i{margin-right:0.05rem}
.page-top .location a:last-child{}

@media (max-width:1199px){
	.page-top .sub-cate a{ margin-left:0.3rem}
}
@media (max-width:992px){
	.product-top{display:none}
	.page-top{margin-bottom:4%;background:none;border:0}
	.page-top .location{display:none}
	.page-top .box{padding:0 2%;margin:-0.3rem auto 0;border-radius:10px;box-shadow: 0px 0px 15px rgba(0,0,0,.08);background-color:#fff}
	.page-top .sub-cate{float: none;   display: box; display: -webkit-box; display: -moz-box; display: -ms-box; -webkit-box-orient: horizontal; box-orient: horizontal;}
	.page-top .sub-cate a{ line-height:0.7rem; text-align: center; float: none;  padding: 0; margin:0; position: relative;  font-size: 0.2rem;  display: block;  box-flex: 1;  -webkit-box-flex: 1;  -moz-box-flex: 1;}
	.page-top .sub-cate a.hover i{display:none}
}


.page-nav{text-align:center;margin-bottom:0.4rem;}
.page-nav a{display:inline-block;line-height:0.5rem;padding:0 0.35rem;background-color:#fff;box-shadow: 0px 0px 15px rgba(0,0,0,.08);border-radius:5px;margin:0 0.03rem;}
.page-nav a.current{border-color:#ea2837;color:#fff;background:url(../images/nav-a-bg.jpg) center center;background-size:100% 100%;background-color:#ea2837;font-weight:bold}


@media (max-width:767px){
	.page-nav{margin-bottom:0.2rem;}
	.page-nav a{ padding:0 0.2rem;margin-bottom:0.15rem;font-weight:bold;}
}


.page-banner{ height:4.5rem; position:relative; }
.page-banner .image{ position:relative; height:100%;overflow:hidden  }
.page-banner .image .pic{ position:absolute;height:100%; width:105%; background-position:center center; background-repeat:no-repeat; background-size:cover}
.page-banner .textbox{position:absolute; left:0;top:20%; right:0;bottom:0; z-index:2;line-height:1.2}
.page-banner .textbox strong{ font-size:0.5rem;letter-spacing:0.03rem;font-weight:normal; display:inline-block; color:#fff;text-shadow: 0px 0.02rem 0.05rem rgba(13, 57, 117, 0.2);}
.page-banner .textbox p{ font-family:"Rajdhani-SemiBold"; text-transform:uppercase;letter-spacing:-1px; font-size:0.3rem; color:rgba(255,255,255,0.7); display:block}
.page-banner .textbox .title img{position:relative;max-height:2rem;max-width:95%}
.phone-hide{display:block !important}
.phone-show{display:none !important}

.contact-banner{height:4rem}
.contact-banner .textbox{top:60%}

@media (max-width:767px){
	.phone-hide{display:none !important}
	.phone-show{display:block !important}
	.page-banner{ height:2rem !important;margin-top:0.8rem}
	.page-banner .image:after {display:none;height:100%; width:100%; background-color:#0057bb; position:absolute; opacity:0.8;content:"";}
	.page-banner .textbox strong{font-size:0.4rem;text-align:center;display:block}
	.page-banner .textbox p{display:none}
	.page-banner .textbox{top:-0.3rem}
}

.topic-banner .textbox{ display:block;top:0;text-align:center}
.topic-banner .image .pic{background-image:url(../images/topic-banner-bg.jpg)}
@media (max-width:767px){
	.topic-banner{ height:3.5rem !important}
	.topic-banner .textbox{ display:block;top:0.8rem;text-align:center}
}


.about-title{text-align:center;margin-bottom:0.3rem}
.about-title span{display:inline-block;font-size:0.3rem;position:relative}
.about-title span:before{display:block;content:"";width:0.5rem;height:1px;background:#ddd;position:absolute;left:-0.7rem;top:50%}
.about-title span:after{display:block;content:"";width:0.5rem;height:1px;background:#ddd;position:absolute;right:-0.7rem;top:50%}

.about-item-b{margin-top:0.4rem}
.about-item-b .con{ display: flex;flex-wrap: wrap;justify-content: space-between;max-width:9rem;margin:0 auto 0;text-align:center;}
.about-item-b .con .item{margin:0.1rem;}
.about-item-b .con .item em{display:block;border:1px #ddd solid;background:#fff;border-radius:0.1rem;padding:0.2rem}
.about-item-b .con .item em i{font-size:0.6rem}
.about-item-b .con .item span{display:block;margin-top:0.1rem;font-weight:bold}

.about-item-c{margin-top:0.4rem}
.about-item-c .con{ display: flex;justify-content: space-between;max-width:9rem;margin:0 auto 0}
.about-item-c .con .item{border:1px #ddd solid;padding:0.2rem;margin:0 0.1rem;background:#fff}
.about-item-c .con .item img{max-width:100%;}

.about-content{ line-height:1.8; font-size:0.18rem;text-align:justify}
.about-content .intro{background-color:#f2f2f2;padding:0.3rem;}
.about-content p{margin-bottom:0.15rem}
.about-content img{max-width:100%}

@media (max-width: 767px) {
	.about-content{font-size:0.22rem}
	.about-content{background-color:#fff;padding:4%;border-radius:10px}
	.about-item-b{margin-top:0.4rem}
	.about-item-b .con{justify-content:left}
}

.honor-info{background-color:#f4f7fa;border:1px #e5e5e5 solid;padding:0.3rem;margin-bottom:0.3rem;text-indent:2em;line-height:1.8}

.history-top{background:url(../images/history-bg.jpg) no-repeat center bottom #f4f4f4;height:1.6rem;padding:0 0.3rem}
.history-top strong{font-size:0.22rem;font-weight:normal;display:block}
.history-top span{font-size:0.4rem;color:#aaa;display:block;margin-top:0.08rem;font-family:"Rajdhani-Regular";letter-spacing:-2px;}

.history-wrap { }
.history-wrap .tit-box {text-align:center;}
.history-wrap .tit-box h4 {font-size:0.4rem;line-height:0.5rem;font-family:"Base-font";color:#19110f;}
.history-wrap .tit-box .st {font-size:0.16rem;line-height:0.2rem;color:#777;}
.history-wrap .cent-wrap {position:relative;}
.history-wrap .cent-wrap ul:after,.history-wrap .cent-wrap li:after {display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:".";}
.history-wrap .cent-wrap ul,.history-wrap .cent-wrap li {width:100%;}
.history-wrap .cent-wrap ul {position:relative;z-index:2;padding-top:0.5rem;}
.history-wrap .cent-wrap li { position:relative;margin-bottom:0.3rem;opacity:0;transition:0.5s;-webkit-transform:translateY(30px);-ms-transform:translateY(30px);-o-transform:translateY(30px);transform:translateY(30px)}
.history-wrap .cent-wrap li .cont-box {padding-left:1.5rem}
.history-wrap .cent-wrap li .year {font-size:0.4rem;position:absolute;left:0rem;top:-0.1rem;line-height:0.5rem;color:#008bd0;font-weight:bold;font-family:"Rajdhani-Bold";letter-spacing:-0.03rem;}
.history-wrap .cent-wrap li .word {display:block;font-size:0.16rem;line-height:1.6;text-align:justify;color:#666;}
.history-wrap .cent-wrap li .word p{margin-bottom:0.2rem;position:relative}
.history-wrap .cent-wrap li .word p:after{display:block;width:0.07rem;height:0.07rem;border-radius:0.07rem;background-color:#ddd;position:absolute;left:-0.34rem;top:0.1rem;overflow:hidden;content:"";}
.history-wrap .cent-wrap li .img {display:block;opacity:0;width:10.8%;border-radius:50%;overflow:hidden;margin-top:0.08rem;}
.history-wrap .cent-wrap li .img img {width:100%;height:auto;}
.history-wrap .cent-wrap li .point {display:inline-block;width:0.18rem;height:0.18rem;border:1px solid #d0121c;background-color:#fff;position:absolute;left:1.11rem;text-align:center;border-radius:50%;top:0.05rem;}
.history-wrap .cent-wrap li .point i {display:none;width:0.1rem;height:0.1rem;margin-top:0.03rem;vertical-align:top;background-color:#d0121c;border-radius:50%;}
.history-wrap .cent-wrap li.show {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0);}
.history-wrap .cent-wrap li.show .point i {display:inline-block;}
.history-wrap .cent-line-box {width:1px;height:100%;position:absolute;left:1.2rem;top:0;z-index:1;margin-left:-1px;}
.history-wrap .cent-line-box .line {display:block;width:1px;height:100%;background-color:#ccc;}
.history-wrap .cent-line-box .point-h {position:fixed;display:none;width:0.1rem;height:0.1rem;background-color:#000;left:50%;border-radius:50%;margin-left:-0.05rem;top:50%;margin-top:-0.05rem;}
.history-wrap .bot-tit {line-height:0.36rem;font-size:0.14rem;text-align:center;color:#999;margin-top:0.16rem}

@media (max-width:992px){
	.history-wrap .cent-wrap li{}
	.history-wrap .cent-wrap li .year{position:relative;left:0;top:0;margin-bottom:0.2rem}
	.history-wrap .cent-wrap li .cont-box{padding-left:0.2rem}
	.history-wrap .cent-wrap li .point{display:none}
	.history-wrap .cent-wrap li .word p{font-size:0.2rem}
	.history-wrap .cent-wrap li .word p:after{left:-0.23rem}
	.history-wrap .cent-line-box .line{background-color:#ddd}
	.history-wrap .cent-line-box{left:1px}
	.history-wrap .cent-wrap{margin:0;padding:0}
	.history-wrap .bot-tit{display:none}
}



/*
.team{ }
.team .item{ background-color:#f5f8ff; margin-bottom:0.3rem;position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5}
.team .item .image{height:2.4rem;background-position:center center;background-size:cover;}
.team .item .text{padding:0.45rem 0.3rem 0.25rem;border:1px #e5ebf7 solid;position:relative}
.team .item strong{font-size:0.26rem;color:#222;float:left}
.team .item span{display:block;font-size:0.18rem;line-height:0.45rem;float:right;color:#66758a}
.team .item em{display:inline-block;line-height:0.2rem;color:#fff;padding:0.03rem 0.85rem 0.03rem 0.2rem;background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(67, 109, 194, 0.92) 100%);position:absolute;left:0;top:0}

@media (max-width: 767px) {
	.team .item{background-color:#fff;border-radius:10px;overflow:hidden; margin-bottom:0.2rem}
	.team .item span{font-size:0.2rem}
	.team .row{margin:0}
	.team  .col-sm-6{padding:0}
}
*/
.team{ }
.team .item{ background-color:#f5f8ff; margin-bottom:0.3rem;position:relative;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5}
.team .item .text{padding:0.3rem;border:1px #e5ebf7 solid;position:relative}
.team .item strong{font-size:0.26rem;color:#222;}
.team .item span{display:block;font-size:0.18rem;color:#66758a;margin-top:0.05rem}
.team .item em{display:none}
.team .item.s1{text-align:center}

@media (max-width: 767px) {
	.team .item{background-color:#fff;border-radius:10px;overflow:hidden; margin-bottom:0.2rem}
	.team .item span{font-size:0.2rem}
	.team .row{margin:0}
	.team  .col-sm-6{padding:0}
	.team  .col-sm-12{padding:0}
	.team .item.s1{text-align:left}
}


.member-list{}
.member-list .item{ margin-bottom:0.3rem; }
.member-list .item a{ display:block;background-color:#f8f8f8; padding:0.2rem 0.2rem 0.2rem 1.9rem; border-radius:0.1rem; border:1px #e8e8e8 solid; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; position:relative}
.member-list .item .image{ width:1.4rem; border-radius:50%; overflow:hidden; position:absolute; left:0.2rem;top:0.2rem; border:0.08rem #fff solid}
.member-list .item .image img{ display:block; width:100%}
.member-list .item .text{ height:1.4rem; position:relative;padding:0.1rem 0 }
.member-list .item .text strong{ display:block; font-size:0.2rem;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.member-list .item .text p{margin-top:0.1rem; font-size:0.15rem; color:#999; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;  -webkit-box-orient: vertical;}}

@media (min-width:768px) {
	.member-list .item a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0); background-color:#fff}
}
@media (max-width:767px) {
	.member-list .row{margin:0}
	.member-list .col-sm-6{padding:0 }
	.member-list .item{ margin-bottom:0.2rem;}
	.member-list .item a{padding:0.2rem 0.2rem 0.2rem 1.8rem;}
	.member-list .item .image{ left:0.2rem;top:0.2rem}
	.member-list .item .text strong{font-size:0.24rem;line-height:1.3;white-space: normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}
	.member-list .item .text p{font-size:0.18rem;-webkit-line-clamp: 2; }
}

.member-view{ }
.member-view .title{ color:#333; text-align:center; padding-bottom:0.3rem}
.member-view .title strong{font-size:0.28rem;line-height:1.5; text-align:center}
.member-view .title p{  color:#bbb;font-size:0.16rem;  margin-top:0.05rem; display:none}
.member-view .content{ line-height:1.8; font-size:0.16rem; margin:0.2rem 0px; overflow:hidden}
.member-view .content p{ margin-bottom:0.15rem;}
.member-view .content p img{ margin-bottom:0.1rem}
.member-view .content img{ max-width:800px;_width:800px}
.member-view .contact-info{ border-top:0.05rem #eee solid; padding-top:0.3rem}
.member-view .contact-info h3{ font-size:0.18rem; font-weight:bold; margin-bottom:0.2rem}
.member-view .contact-info .map{ height:2.5rem}
.member-view .contact-info ul li{ margin-bottom:0.1rem}
.member-view .contact-info ul li label{ font-weight:normal; color:#888; margin-right:0.05rem}
.member-view .contact-info ul li a{ color:#008bd0;}
.member-view .contact-info ul li a:hover{ text-decoration:underline}

@media (max-width: 767px) {
	.member-view{}
	.member-view .container{padding:0}
	.member-view .title{ padding-bottom:0rem}
	.member-view .title strong{line-height:1.4; padding:0;font-size:0.26rem;}
	.member-view .content{ line-height:1.6;font-size:0.2rem;}
	.member-view .content img{ max-width:100%}
	.member-view .contact-info ul{ margin-top:0.3rem; font-size:0.2rem}
	.member-view .contact-info ul li{ margin-bottom:0.05rem}
}


.wow {visibility: hidden;}


.business .item{position:relative; }
.business .item .container{ }
.business .item .text{ width:50%; float:left;min-height:3.5rem;padding:4% 4% 4% 0 }
.business .item .text h2{ font-size:0.3rem;}
.business .item .text p{ line-height:1.8; margin-top:0.3rem;text-align:justify;color:#555}
.business .item .image{ overflow:hidden; width:50%; height:100%; position:absolute; right:0;top:0}
.business .item .image .pic{ background:url(../images/business-pic1.jpg) no-repeat center center; background-size:cover; position:relative; height:100%; transition: transform 2s ease; -webkit-transition: transform 2s ease;}
.business .item.s2 .text{ float:right;padding:4% 0 4% 4% }
.business .item.s2 .image{ right:auto; left:0}
.business .item:hover .image .pic{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1)}


@media (max-width: 992px) {
	.business{ padding-top:0.3rem;}
	.business .item{ height:auto; margin-bottom:0.4rem;}
	.business .item .text{ width:100%; float:none;min-height:auto; padding:0.3rem; border:1px #eee solid; border-top:0}
	.business .item .text h2{ text-align:center; font-size:0.24rem;}
	.business .item .text p{ line-height:1.5; margin-top:0.15rem}
	.business .item .image{ position:relative; width:100%; height:2.4rem;}
	.business .item.s2 .text{ float:none; padding:0.3rem}
}


.business-list{  }
.business-list h2{text-align:center;margin-bottom:0.5rem}
.business-list h2 span{display:inline-block;color:#8ec320;font-size:0.32rem;position:relative}
.business-list h2 i{font-size:0.45rem;margin-right:0.07rem;}
.business-list h2.s2 span{color:#a64a98}
.business-list h2.s3 span{color:#f08300}
.business-list h2.s4 span{color:#008cd6}
.business-list .item{margin-bottom:3%;position:relative; display:block; background-color:#f8f8f8;border-radius:3px;min-height:2.5rem;overflow:hidden;}
.business-list .item .image{ width:38%; float:left; position:absolute; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.business-list .item .text{ width:62%; float:right;padding:3%; position:relative;}
.business-list .item .text span{ display:block; color:#aaa; font-family:"Rajdhani-SemiBold";margin-top:0.3rem}
.business-list .item .text strong{ display:inline-block; font-size:0.2rem;font-weight:normal;padding:1px 10px;background-color:#8ec320;color:#fff;position:relative}
.business-list .item .text strong:before{ content:""; width:6px;height:100%; background-color:#8ec320;position:absolute; right:-8px;top:0;}
.business-list .item .text strong.s2{background-color:#a64a98}
.business-list .item .text strong.s2:before{background-color:#a64a98}
.business-list .item .text strong.s3{background-color:#f08300}
.business-list .item .text strong.s3:before{background-color:#f08300}
.business-list .item .text strong.s4{background-color:#008cd6}
.business-list .item .text strong.s4:before{background-color:#008cd6}
.business-list .item .text p{ margin-top:0.2rem; font-size:0.16rem; line-height:1.8; color:#555;text-align:justify}


@media (max-width: 767px) {
	.business-list h2{margin-bottom:0}
	.business-list{ min-height:60vh;padding:0;padding-top:0.3rem}
	.business-list .item {min-height:auto;padding:0.2rem;border-bottom:2px #f2f2f2 solid;background:#fff}
	.business-list .item .image{width:100%;float:none;position:relative;height:2.5rem}
	.business-list .item .text{ padding:0;margin-top:0.2rem;width:100%;float:none;}
	.business-list .item .text strong{ font-size:0.2rem}
	.business-list .item .text p{ line-height:1.5;margin-top:0.1rem;font-size:0.17rem;color:#888}
	.business-list .item:last-child{border-bottom:0;margin-bottom:0;}
}


.rexian p{position:relative;background:#f4f5fa;padding:0.3rem 0.4rem}
.rexian p strong{display:block;color:#005bac}


.style{background-color:#fff; padding:0.4rem;position:relative; z-index:98;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); margin-top:-1rem}
.style h2{text-align:center;margin-bottom:0.4rem}
.style h2 span{display:inline-block;font-size:0.3rem;font-weight:bold;color:#0e66b7;position:relative}
.style h2 span:before{ content:""; width:0.3rem; height:1px; background-color:#0e66b7;position:absolute; left:-0.4rem;top:50%;}
.style h2 span:after{ content:""; width:0.3rem; height:1px; background-color:#0e66b7;position:absolute; right:-0.4rem;top:50%;}
.style .item{display:block;margin-bottom:0.3rem}
.style .item .image{height:2rem;background-position:center center;background-size:cover}
.style .item .text{text-align:center;margin-top:0.1rem}
@media (max-width:992px) {
	.style{ padding:0.25rem;margin-top:0}
	.style .item{margin-bottom:0.2rem}
}

.more-btn{  width:1.1rem; height: 0.34rem; border:1px #ddd solid; color:#008bd0;border-radius:0.2rem; overflow:hidden;  display: block; line-height: 0.32rem; text-align: center; position: relative; z-index: 1; margin:0.3rem auto 0;transition: all 0.5s;}
.more-btn:before{ content:""; width:100%; height:100%; background-color:#008bd0; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.more-btn i{font-size:0.12rem; margin-left:0.03rem; position:relative;top:-1px}
.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.more-btn:hover{color:#fff}


.search-top{ padding:0.3rem;margin-bottom:0.3rem; background-color:#f2f2f4;}
.search-top span{ color:#ee0000; margin:0 0.1rem}

.news-list{padding:0.5rem 0;min-height:3rem }
.news-list .list{  }
.news-list .list li{ border-bottom:1px #eee solid;margin-bottom:0.3rem;padding-bottom:0.3rem;}
.news-list .list li a{ display:block;display: -ms-flex;display: -webkit-flex;display: flex; position:relative; overflow:hidden;transition: all 0.5s; -webkit-transition: all 0.5s; }
.news-list .list li .image{ min-width:1.5rem;min-height:0.9rem;background-size:cover;background-position:center center;position:relative;overflow:hidden}
.news-list .list li .date{ min-width:1.3rem; font-size:0.2rem; color:#f39800; line-height:0.3rem}
.news-list .list li .text{padding-right:0.3rem;min-width:70%}
.news-list .list li .text strong{ font-size:0.2rem; font-weight:normal;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list .list li .text p{margin-top:0.15rem; font-size:0.15rem; line-height:1.6; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:2;-webkit-box-orient: vertical;}
.news-list .list li .text span{display:none}
.news-list .list li .more{ position:absolute; top:0; width:100%;right:-100%; height:100%; background-color:#06b; color:#fff; text-align:center; box-shadow: -100px 0 142px #f2f6f7; opacity: 0;transition: all 0.3s; -webkit-transition: all 0.3s;}
.news-list .list li .more i{ font-size:0.3rem; position:absolute; top:50%; margin-top:-0.25rem; left:50%; margin-left:-0.15rem}
.news-list .list li .more span{position:absolute; top:50%; margin-top:0.1rem; left:0;text-align:center;width:100%; font-size:0.14rem }
.news-list .list li a:hover .more{ right:0;opacity: 1; width:100%;}

@media (max-width: 767px) {
	.news-list{padding:0.3rem 0;min-height:60vh;  background-color: #fff;  padding: 4%;    border-radius: 10px;}
	.news-list .list{}
	.news-list .list li{ font-size:0.2rem;line-height:1.5;}
	.news-list .list li a{}
	.news-list .list li .date{display:none}
	.news-list .list li .text{min-width:75%}
	.news-list .list li .text p{ display:none}
	.news-list .list li .text strong{ font-size:0.22rem}
	.news-list .list li .text span{display:block;font-size:0.12rem;color:#888;margin-top:0.1rem}
	.news-list .list li .image{min-height:auto}
}


.service-list{}
.service-list .item{ margin-bottom:0.1rem;}
.service-list h2{ background-color:#f9f9f9; line-height:0.7rem; color:#333; font-size:0.18rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;padding-left:0.85rem; position:relative; cursor:pointer;transition-duration: 0.3s;}
.service-list h2:before {content:"";display:block;width:0.7rem;height:0.7rem;position:absolute; left:0; top:0; background:url(../images/service-icon.png) no-repeat top center #0068c4 ;background-size:100% auto;transition-duration: 0.3s;}
.service-list h2:hover{ background-color:#eee}
.service-list h2.hover:before { background-position:center -0.7rem;}
.service-list .content{ line-height:1.6; padding:0.4rem; border:1px #ddd solid; border-top:0; display:none}
.service-list .content p{ margin-bottom:0.1rem;}


.project-list{  }
.project-list .top-news{margin-bottom:0.3rem}
.project-list .top-news a{ position:relative; display:block; background-color:#fff;border-radius:3px;overflow:hidden}
.project-list .top-news .image{ width:38%; float:left; position:absolute; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.project-list .top-news .text{ width:62%; float:right; padding:0.3rem 0.3rem 0.9rem 0.3rem;border:1px #ddd solid; position:relative;}
.project-list .top-news .text span{ display:block; color:#aaa; font-family:"Rajdhani-SemiBold";margin-top:0.3rem}
.project-list .top-news .text strong{ display:block; font-size:0.22rem;font-weight:normal }
.project-list .top-news .text p{ margin-top:0.2rem; font-size:0.14rem; line-height:1.7; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.project-list .top-news .text .more-btn{ font-size:0.14rem; position:absolute; right:0.3rem;bottom:0.3rem;margin:0}
.project-list .top-news .text .more-btn:hover{ color:#fff}
.project-list .top-news .text .more-btn:before{ background-color:#008bd0}


@media (max-width: 767px) {
	.project-list{ padding:0;padding-top:0.3rem;min-height:60vh}
	.project-list .top-news{ margin-bottom:0.2rem}
	.project-list .top-news a{border-radius:10px;overflow:hidden;box-shadow: 0px 2px 15px rgba(0,0,0,.09);}
	.project-list .top-news .image{width:100%;float:none;position:relative;height:2.2rem}
	.project-list .top-news .text{padding:0.2rem;border:0;width:100%;float:none}
	.project-list .top-news .text strong{ font-size:0.24rem;font-weight:bold;text-align:center;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
	.project-list .top-news .text p{ line-height:1.5; font-size:0.18rem; margin-top:0.1rem; -webkit-line-clamp: 2; }
	.project-list .top-news .text .more-btn{display:none}
}


.news-list3{  }
.news-list3 .item{margin-bottom:3%;}
.news-list3 .item a{ position:relative; display:block; background-color:#fff;border-radius:3px;overflow:hidden;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); }
.news-list3 .item .image{ width:38%; float:left; position:absolute; height:100%;  background-repeat:no-repeat; background-position:center center; background-size:cover}
.news-list3 .item .text{ width:62%; float:right;padding:3%; position:relative;}
.news-list3 .item .text span{ display:block; color:#aaa; font-family:"Rajdhani-SemiBold";margin-top:0.3rem}
.news-list3 .item .text strong{ display:block; font-size:0.24rem;}
.news-list3 .item .text p{ margin-top:0.2rem; font-size:0.16rem; line-height:1.5; color:#aaa;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news-list3 .item .text .more-btn{ background-color:#fff; color:#999;font-size:0.14rem; position:relative; margin:0;margin-top:0.2rem}
.news-list3 .item .text .more-btn:hover{ color:#fff}

@media (max-width: 767px) {
	.news-list3{ padding:0;min-height:60vh}
	.news-list3 .item {}
	.news-list3 .item .image{width:100%;float:none;position:relative;height:2.5rem}
	.news-list3 .item .text{ padding:0.2rem;width:100%;float:none}
	.news-list3 .item .text strong{ font-size:0.22rem}
	.news-list3 .item .text p{ line-height:1.5;-webkit-line-clamp: 3;margin-top:0.1rem;font-size:0.2rem}
}

.news-list6{min-height:30vh}
.news-list6 ul li{ position:relative; margin-bottom:0.1rem}
.news-list6 ul li a{ display:block;padding:0.25rem 1.5rem; position:relative; background-color:#fff;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);}
.news-list6 ul li .time-wrap{ position:absolute;line-height:1; font-size:0.18rem;left:0;top:50%; margin-top:-0.09rem; color:#1c5cb0; padding-left:0.3rem;  z-index:2}
.news-list6 ul li .txt-wrap{overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-weight:normal; font-size:0.2rem; position:relative; z-index:2; }
.news-list6 ul li a:after{content: ""; display: block; width:1.2rem; height: 100%; position: absolute;top:0;right:0; background:url(../images/doc_on.png) no-repeat center center #1c5cb0; background-size:auto 40%; transition: all 0.5s; -webkit-transition: all 0.5s;}
.news-list6 ul li a:hover:after{ background-image:url(../images/doc_on.png);background-color:#436dc2}
.news-list6 ul li a.nonelink{ cursor:default;}
.news-list6 ul li a.nonelink:hover{color:#111}
.news-list6 ul li a.nonelink .txt-wrap span{color:#aaa}
.news-list6 ul li a.nonelink:hover:before{opacity:0}
.news-list6 ul li a.nonelink:hover:after{ background-image:url(../images/doc.png);background-color:#1c5cb0 }
@media (max-width:992px) {
	.news-list6{min-height:40vh}
	.news-list6 ul li a{ padding:0.2rem; height:auto;border-radius:0.1rem}
	.news-list6 ul li .time-wrap{ display:block;font-size:0.2rem;position:relative;top:inherit; margin-top:0;bottom:0.2rem; left:0;bottom:0; padding-left:0;font-size:0.15rem; color:#aaa; letter-spacing:0}
	.news-list6 ul li .txt-wrap{font-size:0.22rem;margin-top:0.1rem; font-weight:normal;overflow: hidden;white-space:inherit;  text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical; }
	.news-list6 ul li a:after {display:none}	
}



.pic-list{}
.pic-list .item{display:block;background-color:#fff;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);margin-bottom:0.35rem;position:relative;transition:.5s;overflow:hidden}
.pic-list .item .image{height:2.2rem;overflow:hidden;z-index:2}
.pic-list .item .image .pic{position:relative;height:100%;background-position:center center;background-size:cover;transition:.8s;}
.pic-list .item .text{position:relative;padding:0.2rem 0.3rem 0.5rem;z-index:2}
.pic-list .item .text strong{display:block;line-height:1.5;min-height:0.55rem;font-size:0.18rem;font-weight:normal;overflow: hidden;white-space:normal;text-overflow: ellipsis;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.pic-list .item .text span{font-size:0.14rem;margin-bottom:0.07rem;color:#aaa;display:block;}
.pic-list .item .text em{position:absolute;right:0.3rem;bottom:0.2rem;font-size:0.14rem;color:#aaa;color:#005bac}
.pic-list .item .text em i{position:relative;top:1px}

@media (min-width:993px){
	.pic-list .item:hover .image .pic{transform: scale(1.1);}
}
@media (max-width:992px){
	.pic-list .item{margin-bottom:0.2rem;background-image: linear-gradient(180deg, #f3f5f8, #fff); border: 2px solid #fff; box-shadow: 8px 8px 20px rgba(55, 99, 170, .1), -8px -8px 20px #fff; border-radius: 4px;overflow:hidden}
	.pic-list .item .text strong{font-size:0.24rem}
	.pic-list .item .text span{margin-top:0.2rem;font-size:0.2rem;}
}



.product-view{ background-color:#f4f5fa}
.product-view .box{background-color:#fff; padding:4%;position:relative; z-index:98;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);margin-top:-1.6rem}
.product-view .item-a{ }
.product-view .item-a .image{ width:40%;  float:left;  position:relative }
.product-view .item-a .image img{ width:100%; display:block; }
.product-view .item-a .image:after {content:"";display:none;width:100%;height: 30px; background:url(../images/shadow.png) no-repeat;position:absolute; left:0px;bottom:-31px; }
.product-view .item-a .content{ width:55%; float:right; }
.product-view .item-a .content .title{margin-bottom:0.2rem;padding-bottom:0.2rem;border-bottom:1px #e2e2e2 solid;}
.product-view .item-a .content .title h1 strong{ display:block;font-size:0.32rem;}
.product-view .item-a .content .title p{color:#999;padding-top:0.1rem}
.product-view .item-a .content .description p{line-height:1.8;background-color:#f4f5fa;padding:0.25rem;}
.product-view .item-a .content .description span{display:block;padding-bottom:0.1rem}
.product-view .item-a .content .share{margin-top:0.3rem;color:#999;font-size:0.14rem}

.product-view .table{margin-bottom:0}
.product-view .table td{padding:0.3rem;}
.product-view .table td.th{background:#f4f5fa;min-width:1.4rem}
.product-view .table td i{color:#ee0000;margin-right:3px;font-size:0.2rem}
.product-view .table td a{color:#1377d0}
.product-view .table td a:hover{text-decoration:underline}

@media (max-width: 992px) {
	.product-view{ }
	.product-view .box{ padding:0.15rem;padding:0;position:relative;margin-top:-1.2rem}
	.product-view .item-a{padding:0.2rem;box-shadow:none; margin-top:0.3rem}
	.product-view .item-a .image{ width:100%; float:none; }
	.product-view .item-a .content{ width:100%; float:none; margin-top:0.3rem;}
	.product-view .item-a .content .description{font-size:0.2rem}
	.product-view .item-a .content .share{display:none}
	
}

.product-view .item-b{margin-top:0.4rem;position:relative;border-top:1px #ddd solid;padding-top:0.4rem;}
.product-view .item-b h2{ font-size:0.25rem;line-height:1;font-weight:bold}
.product-view .item-b .content{line-height:1.8;margin-left:20%;position:relative;margin-top:-0.24rem}
.product-view .item-b .content p{margin-bottom:0.1rem;}
.product-view .item-b .content p img{max-width:700px;margin:0 auto;display:block}
.product-view .item-b .content p.guige{position:relative;padding-left:0.8rem}
.product-view .item-b .content p.guige a{display:block;background:#436dc2;color:#fff;padding:0.2rem;}
.product-view .item-b .content p.guige i{margin-right:0.05rem;text-align:center;padding:0.2rem;display:block;position:absolute;left:0;top:0;width:0.8rem;height:100%;background:#1377d0;color:#fff;font-size:0.3rem;}
.product-view .item-b .list-content p{ margin-bottom:0.1rem; padding-left:30px; position:relative}
.product-view .item-b .list-content p:before {content:"";display:block;width:16px;height: 16px; background:url(../images/gou.png) no-repeat;position:absolute; left:0px;top:6px; }

@media (max-width: 992px) {
	.product-view .item-b{padding:0.2rem;margin-top:0.3rem;padding-top:0.3rem}
	.product-view .item-b h2{ }
	.product-view .item-b .content{margin-left:0;margin-top:0.3rem;font-size:0.2rem}
	.product-view .item-b .content p img{width:100%;max-width:100%}
	.product-view .table{margin:0}
	.product-view .table td.th{min-width:0}
}

.product-view .item-c{ padding:0.5rem 0}
.product-view .item-c h2{ font-size:0.25rem;height:0.4rem;margin-bottom:0.2rem}
.product-view .item-c h2 i{font-size:0.25rem;margin-right:0.05rem;color:#005bac}
.product-view .item-c  .item{ position:relative;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);}
.product-view .item-c  .item .image{ overflow:hidden}
.product-view .item-c  .item img{ width:100%; -webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration:1s;}
.product-view .item-c  .item p{ text-align:center; background-color:#fff; padding:0.2rem 0 0.2rem}
.product-view .item-c  .item:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);}

@media (max-width: 992px) {
	.product-view .item-c  .item{margin-bottom:0.3rem}
	.product-view .item-c  .item p{font-size:0.18rem}
}


.product-view .item-d{ background-color:#fff;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);padding:0px 0.5rem 0.4rem;}
.product-view .item-d h2{ font-size:0.24rem; border-bottom:1px #ccc solid; height:0.8rem; padding-top:0.4rem; margin-bottom:0.3rem;}
.product-view .item-d .content{  line-height:1.8}
.product-view .item-d .content p{ margin-bottom:10px; position:relative}
.product-view .item-d .content img{ max-width:100%}

@media (max-width: 992px) {
	.product-view .item-d{ padding:0;}
}

.product-view .item-e{ background-color:#fff;border-top:1px #eee solid;box-shadow: 0 5px 15px 0 rgba(0,0,0,0.05);padding:0.4rem}
.product-view .item-e .item{margin-bottom:0.2rem}
.product-view .item-e .item img{width:100%}
.product-view .item-e .item p{text-align:center;margin-top:0.1rem;line-height:0.25rem;height:0.5rem}

@media (max-width: 992px) {
	.product-view .item-e{ padding:0;}
}




p.none-msg{ padding:10vh  0;text-align:center; color:#aaa; font-size:0.18rem}
p.none-msg i{ display:block; font-size:0.8rem; margin-bottom:0.1rem}

.share span{ float:left; line-height:22px;}
.share a{ padding-left:20px; height: 20px; margin-left:6px; display: inline-block; background: url(../images/share.png); float: left;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; }
.share a.i1{ background-position: 0px 0px;}
.share a.i2{ background-position: -50px 0px;}
.share a.i3{ background-position: -95px 0px;}
.share a.i1:hover{ background-position: 0px -20px;}
.share a.i2:hover{ background-position: -50px -20px;}
.share a.i3:hover{ background-position: -95px -20px;}


.news-view{ }
.news-view .box{background-color:#fff; padding:4%;position:relative; z-index:98;box-shadow: 0 1px 30px rgba(113, 129, 205, .1);margin-top:-1.6rem}
.news-info{border-bottom:1px #eee solid}
.news-info .title{ color:#333; text-align:center; }
.news-info .title h1{font-size:0.28rem;line-height:1.5;font-weight:bold; }
.news-info .title p{  color:#888;font-size:0.32rem; font-weight:bold;  color:#008bd0; padding-bottom:0.1rem;}
.news-info .info{color:#bbb; position:relative; padding-bottom:0.2rem;font-size:0.14rem;margin-top:0.3rem }
.news-info .info span.source{background: url(../images/new_i3.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.date{background: url(../images/new_i1.png) no-repeat scroll left center;padding: 2px 0px 2px 22px;margin-right: 0.15rem;}
.news-info .info span.hits{background: url(../images/new_i2.png) no-repeat scroll left center;padding: 2px 0px 2px 28px;}
.news-info .info em{ display:none}
.news-info .info .share{ position:absolute; right:0;top:0px;}
.news-view .title-info{text-align:center;font-size:0.15rem;color:#aaa;margin-top:0.1rem}
.news-view .title-info span{margin:0 0.1rem}
.news-view .job-info{background-color:#f4f5fa;display:flex;margin-top:0.2rem;padding:0.1rem 0}
.news-view .job-info span{display:block;border-right:1px #ddd solid;width:20%;text-align:center;}
.news-view .job-info span:last-child{border:0}

.news-view .content{ line-height:1.8; font-size:0.18rem;margin:0.3rem 0px; overflow:hidden}
.news-view .content p{ margin-bottom:0.15rem;}
.news-view .content p img{ margin-bottom:0.1rem}
.news-view .content img{ max-width:800px;_width:800px;width:100%;}
.news-view .content h1{font-size:0.24rem;margin-bottom:0.15rem;}
.news-view .content h2{font-size:0.2rem;margin-bottom:0.15rem;}
.news-view .content .item-title{font-weight:bold;margin-bottom:0.2rem}
.news-view .content section._editor{max-width:9rem;margin:0 auto}
.news-view .content section p{margin-bottom:0;line-height:1.5}
.news-view .content section p img{margin-bottom:0}

.news-view table{display:table;border-collapse:separate;border-spacing:0px;border-color:#666;max-width:100%;margin:0 auto}
.news-view table td{border:1px #666 solid !important;}

.news-view .other{ border-top:1px #eee solid; padding-top:0.2rem;font-size:0.16rem;color:#777;}
.news-view .other{ color:#777; }
.news-view .other p{  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;margin-bottom:0.1rem; }
.news-view .other p a{ margin-left:3px;}
.news-view .download{ border-top:1px #e8e8e8 solid; padding:0.3rem 0; margin-top:0.3rem; }
.news-view .download h2{ font-size:0.18rem; margin-bottom:0.2rem;}
.news-view .download p{ padding:5px 0px;font-size:0.16rem }
.news-view .download p a{color:#008bd0;}
.news-view .download p i{ font-size:0.2rem; margin-right:0.05rem; color:#aaa}
.news-view .download p a:hover{ text-decoration:underline}

.news-view .slider-wrapper{  position:relative; margin:30px auto 0px; }
.news-view .swiper-container{overflow:hidden;}
.news-view .swiper-slide{ text-align:center;}
.news-view .swiper-slide img{max-width:800px; height:450px;}
.news-view .swiper-slide .title{ margin-top:15px; font-size:0.14rem}
.news-view .swiper-pagination{position: absolute; z-index: 20; bottom:60px; width: 100%; text-align: center;}

.news-view .news-video-con{width:720px;margin:50px auto}
.news-view .news-video-con p{ text-align:center;margin-top:15px;}

@media (max-width: 767px) {
	.news-view{box-shadow:none; padding:0; z-index:1;}
	.news-view .container{padding:0}
	.news-view .box{ padding-top:0.3rem; margin-top:0}
	.news-info .title{ padding-bottom:0.15rem;text-align:left }
	.news-info .title p{font-size:0.24rem;font-weight:700}
	.news-info .title h1{line-height:1.4; padding:0;font-size:0.26rem;}
	.news-info .info{ border-bottom:0; text-align:left;  background:none; font-size:0.18rem; padding-bottom:0.2rem ;margin-top:0}
	.news-info .info span{ background:none !important; padding-left:0!important}
	.news-info .info span.source{ color:#008bd0}
	.news-info .info em{}
	.news-info .info .hits{ display:none }
	.news-view .title-info{text-align:left}
	.news-view .title-info span{margin:0;margin-right:0.1rem}
	.news-view .content{ line-height:1.7;font-size:0.22rem;}
	.news-view .content img{ max-width:100%}
	.news-view .other{ font-size:0.18rem}
	.news-view .download p{font-size:0.18rem }
	.news-view .swiper-button-next{ display:none !important}
	.news-view .swiper-button-prev{ display:none !important}
	.share{ display:none}
	.news-view .swiper-slide img{width:100%;height:auto}
	.news-view .news-video-con{width:100%;margin:20px auto}
}



.bid-list{ }
.bid-list .item{position:relative; padding:0.3rem 0.3rem;border-bottom:1px #ddd solid;background-color:#fff;transition: all 0.5s; -webkit-transition: all 0.5s; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;  position:relative; }
.bid-list .item a{ display:block;-webkit-transition: background-color .25s;transition:background-color .25s;}
.bid-list .item .date{font-family:"Rajdhani-Bold";letter-spacing:-0.01rem;}
.bid-list .item .date strong{ display:block; padding:0 0.2rem; line-height:0.6rem; background-color:#828d95; text-align:center; font-size:0.4rem; font-weight:normal;color:#fff;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s; font-weight:normal}
.bid-list .item .date span{ display:block;padding:0 0.2rem; line-height:0.24rem; text-align:center; font-size:0.13rem; color:#fff; margin-top:1px; background-color:#ccc;-webkit-transition-duration: 0.3s;-moz-transition-duration: 0.3s;-o-transition-duration: 0.3s;}
.bid-list .item .text{  position:relative; padding-left:0.2rem; width:100% }
.bid-list .item .text .title{ display:block; line-height:1.5; font-size:0.2rem;margin-right:1rem; min-height:0.54rem}
.bid-list .item .text .other{ margin-top:0.05rem; color:#aaa;font-size:0.13rem}
.bid-list .item .text .other i{ margin-right:3px; position:relative;top:2px; font-size:0.2rem}
.bid-list .item .text .other span{ margin:0 0.1rem; color:#ccc}
.bid-list .item .text a.more{position: absolute;right: 0;top: 0.05rem; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex;transition: all 0.3s; -webkit-transition: all 0.3s; background-color:#008bd0;border-radius:3px; padding:0 0.2rem;color:#fff; line-height:0.4rem; font-size:0.14rem; text-align:center}
.bid-list .item .text a.more i{ margin-right:2px; font-size:0.2rem; line-height:0.4rem; font-weight:normal}
.bid-list .item .text a.more:hover{ background-color:#0087c2}
.bid-list .item .text a.off{ background-color:#ccc !important}

@media (max-width: 767px) {
	.bid-list{ }
	.bid-list .item{padding:0.2rem;margin-bottom:0.2rem;border-radius:10px;overflow:hidden;box-shadow: 0px 2px 15px rgba(0,0,0,.09); }
	.bid-list .item .text .title{ font-size:0.2rem;line-height:1.3;text-align:justify}
	.bid-list .item .text a.more{padding:0 0.1rem;}
}

.file-down-list{ padding:0.3rem;}
.file-down-list p{margin-bottom:0.15rem;padding-bottom:0.15rem; border-bottom:1px #eee solid}
.file-down-list p:last-child{border-bottom:0}
.file-down-list p i{color:#aaa;margin-right:0.05rem;}
.file-down-list p a{color:#008bd0;font-weight:bold}
.file-down-list p a:hover{text-decoration:underline}
@media (max-width: 767px) {
	.file-down-list{ padding:0; font-size:0.18rem}
}

.bid-view{  background-color:#f2f2f4; padding:0.5rem 0}
.bid-view .box{background-color:#fff; padding:4%;position:relative; z-index:99;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05); margin-top:-2rem}
.bid-view .bid-con{background-color:#fafafa; padding:0.4rem; margin-top:0.3rem}
.bid-view .item{ position:relative; line-height:1.8; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom:0.2rem}
.bid-view .item .content{ width:100%;  }
.bid-view .item .content p{ margin-bottom:0.15rem;}
.bid-view .item .content img{max-width:100%;}
.bid-view .item label{ display:block; width:1rem; text-align:right;  font-weight:normal; color:#999}
.bid-view .file{ position:relative; margin-top:0.4rem;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; margin-bottom:0.2rem }
.bid-view .file h2{font-size:0.18rem;line-height:0.3rem; width:1.5rem; font-weight:bold}
.bid-view .file h2 em{ display:inline-block; width:0.4rem;height:0.4rem; background-color:#009fd6; color:#fff; line-height:0.4rem; text-align:center;border-radius:0.2rem; margin-right:0.1rem; }
.bid-view .file h2 em i{ font-size:0.3rem; line-height:0.4rem; font-weight:normal;}
.bid-view .file .con{ width:100%; padding-top:0.14rem}
.bid-view .file p{ margin-bottom:0.1rem}
.bid-view .file p a{ color:#008bd0}
.bid-view .file p a:hover{ text-decoration:underline}

@media (max-width: 767px) {
	.bid-view{box-shadow:none; padding:0;z-index:1; font-size:0.2rem}
	.bid-view .container{padding:0}
	.bid-view .box{ padding-top:0.3rem; margin-top:0}
	.bid-view .bid-con{ padding:0.3rem}
	.bid-view .item{ line-height:1.6}
	.bid-view .item label{ width:1.3rem}
}

.topic-list .item{ overflow:hidden;box-shadow: 0px 0px 15px rgba(0,0,0,.08);border-radius:0.1rem;border-radius:3px; background-color:#fff;margin-bottom:0.2rem}
.topic-list .item img{width:100%}
.topic-list .item .txt-wrap{text-align:center;padding:0.15rem 0.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
@media (max-width:767px){
	.topic-list .item .txt-wrap{font-size:0.22rem}
}


.video-list{}
.video-list .item{ position:relative;margin-bottom:0.3rem;border:1px #ddd solid; }
.video-list .item .image-wrap{background-color:#f4f5fa;padding:0.1rem}
.video-list .item .image{width:100%;overflow:hidden;position:relative;background-position:center center;background-size:100% 100%;background-repeat:no-repeat;height:2.4rem }
.video-list .item img{display:block;width:100%;transform:scale(1.1);-webkit-transform:scale(1.1);-webkit-transition-duration: 2s;}
.video-list .item a{ display: block; overflow:hidden;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s  }
.video-list .item i{ display:block; position:absolute; font-size:0.6rem; width:0.6rem;height:0.6rem; left:50%; margin-left:-0.3rem;top:50%; margin-top:-0.6rem;color:#fff; }
.video-list .item .title{ overflow: hidden;text-align:center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; padding:0.15rem}

@media (min-width:768px) {
	.video-list .item a:hover img{transform:scale(1);-webkit-transform:scale(1);}
}


@media (max-width: 767px) {
	.service-list{padding-top:4%}
	.video-list .item{margin-bottom:0.2rem;background-color:#fff;border-radius:10px;overflow:hidden; }
	.video-list .item .title{ font-size:0.2rem}
}


.btn{padding: 0.05rem 0.15rem; font-size: 0.13rem; line-height: 1.5; border-radius: 0.05rem;}
.btn.focus,.btn:focus{box-shadow: 0 0 0 .04rem rgba(0,123,255,.25)}
.btn-primary.focus,.btn-primary:focus { box-shadow: 0 0 0 .04rem rgba(38,143,255,.5)}
.close{font-size:0.16rem}
.modal-title{font-size:0.2rem;float:left}
.modal-content{border-radius:3px}
.modal-header,.modal-body{padding: 0.2rem; }
.modal-header .close {padding: 0.25rem; margin: -0.2rem -0.2rem -0.2rem auto;}
.modal-footer{padding:0.2rem}
.modal-footer>*{margin:0.05rem}

.pic-view img{width:100%}

.news-list2{background-color:#f2f2f4; padding:0.5rem 0 }
.news-list2 .item-a{margin-bottom:0.3rem}
.news-list2 .item-a a{ display:block; position:relative; height:4.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s;}
.news-list2 .item-a .image{ position:absolute; left:0;top:0; right:0;bottom:0; background-repeat:no-repeat; background-position:center center; background-size:cover}
.news-list2 .item-a .text{ position:absolute; left:0;bottom:0; right:0; z-index:2; padding:0.3rem; color:#fff; }
.news-list2 .item-a .text strong{ display:block; font-size:0.2rem;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  margin-right:1rem}
.news-list2 .item-a .text span{font-family:"MontserratAlternates-Medium"; position:absolute; right:0.3rem;top:0.4rem}
.news-list2 .item-a .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.15rem}
.news-list2 .item-a .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#fff}
.news-list2 .item-b{  margin-bottom:0.3rem}
.news-list2 .item-b a{ display:block;position:relative;height:3.8rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s; border:1px #ddd solid; border-top:0;}
.news-list2 .item-b .image{ height:60%; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news-list2 .item-b .text{ position:relative; height:40%; background-color:#fff;   z-index:2; padding:0.2rem 0.3rem 0.3rem;}
.news-list2 .item-b .text strong{ display:block;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;  font-size:0.18rem; line-height:1.5; height:0.6rem; overflow:hidden; font-weight:normal}
.news-list2 .item-b .text span{font-family:"MontserratAlternates-Medium"; display:block; margin-top:0.2rem; color:#aaa}
.news-list2 .item-b .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.1rem; display:none}
.news-list2 .item-b .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#808689}

@media (max-width: 767px) {
	.news-list2{ padding:0.3rem 0}
	.news-list2 .item-a{ margin-bottom:0.2rem; border-radius:0.05rem; overflow:hidden}
	.news-list2 .item-b{  margin-bottom:0.2rem}
	.news-list2 .item-a a{ height:2.7rem}
	.news-list2 .item-a .text{ padding:0.18rem 0.2rem 0.15rem; }
	.news-list2 .item-a .text i{ right:0.2rem; bottom:0.2rem}
	.news-list2 .item-a .text p{ font-size:0.2rem; font-weight:bold}
	.news-list2 .item-b a{ height:1.4rem}
	.news-list2 .item-b .image{ width:36%; height:100%; float:left}
	.news-list2 .item-b .text{ padding:0.25rem; height:100%; width:64%; float:right}
	.news-list2 .item-b .text strong{ height:0.5rem; line-height:1.4; font-weight:normal; font-size:0.2rem }
	.news-list2 .item-b .text i{ right:0.2rem; bottom:0.2rem; font-size:0.16rem; color:#ddd}
	
}
@media (min-width:768px) {
	.news-list2 .item-a a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
	.news-list2 .item-b a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
}


.news-list5{}
.news-list5 .item{padding:4px;border:1px #ddd solid; box-shadow: 0px 1px 3px 0px rgb(0 0 0 / 10%);  margin-bottom:0.3rem;position:relative; cursor:pointer}
.news-list5 .item a{ position:absolute; z-index:2; width:100%; height:100%; left:0;top:0}
.news-list5 .item:before {content: "";position: absolute;display: block; height:1px; width:0px; background: #bebed2; left:0;bottom:-1px;transition: all 1s ease; -webkit-transition: all 1s ease;}
.news-list5 .item .image{ overflow:hidden}
.news-list5 .item .image img{ width:100%; display:block;transition: transform 2s ease; -webkit-transition: transform 2s ease;}
.news-list5 .item .text{ padding:0.2rem 0 0.25rem;text-align:center;line-height:1.3}
.news-list5 .item .text h2{  font-size:18px; line-height:1.3}
.news-list5 .item .text .date{ font-family:Georgia, "Times New Roman", Times, serif; color:#aaa; font-style:italic}
.news-list5 .item .LGallery-OpenBtn{display:none !important}
.news-list5 figure{margin-bottom:0.2rem}

.pswp__caption__center{ text-align:center !important}

@media (min-width: 992px) {
	.news-list5 .item{margin-bottom:0.15rem}
	.news-list5 .item:hover .image img{transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1)}
	.news-list5 .item:hover:before{ width:100%;}
	.pswp__bg{background:#151515 !important}
	.pswp__top-bar, .pswp__caption{ background:none !important}
	.pswp__img{  box-shadow: 0 0px 35px rgba(0,0,0,0.3)}
}

.news-list4{background-color:#f2f2f4; padding:0.5rem 0 }
.news-list4 .item-b{  margin-bottom:0.3rem}
.news-list4 .item-b a{ display:block;position:relative;height:2.4rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.news-list4 .item-b .image{ height:100%; width:40%; float:left; background-repeat:no-repeat; background-size:cover; background-position:center center;}
.news-list4 .item-b .text{ position:relative; height:100%; width:60%; float:left; background-color:#fff;   z-index:2; padding:0.4rem;}
.news-list4 .item-b .text strong{ display:block; font-size:0.22rem; line-height:1.5; }
.news-list4 .item-b .text span{font-family:"FjallaOne-Regular"; display:block; margin-top:0.2rem; color:#aaa}
.news-list4 .item-b .text p{ font-size:0.15rem; line-height:1.7; margin-top:0.1rem;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;  }
.news-list4 .item-b .text i{ position:absolute; right:0.3rem;bottom:0.3rem; font-size:0.20rem; color:#808689}

@media (max-width: 767px) {
	.news-list4{ padding:0.3rem 0}
	.news-list4 .item-b{  margin-bottom:0.2rem}
	.news-list4 .item-b a{ height:1.4rem}
	.news-list4 .item-b .image{ width:36%; height:100%; float:left}
	.news-list4 .item-b .text{ padding:0.25rem; height:100%; width:64%; float:right}
	.news-list4 .item-b .text strong{ height:0.5rem; line-height:1.4; font-weight:normal; font-size:0.2rem }
	.news-list4 .item-b .text p{ display:none}
	.news-list4 .item-b .text i{ right:0.2rem; bottom:0.2rem; font-size:0.16rem; color:#ddd}
	

}
@media (min-width:768px) {
	.news-list4 .item-b a:hover{box-shadow: 0 16px 48px rgba(32,41,50,.2); transform: translate3d(0,-5px, 0);}
}





.product-list{}
.product-list .item{ margin-bottom:0.3rem}
.product-list .item img{ width:100%}
.product-list .item .text{ padding:0.2rem; position:relative; background-color:#fff}
.product-list .item .text strong{ font-size:0.18rem; line-height:1; overflow:hidden; display:block; font-weight:normal}
.product-list .item .text i{ position:absolute; right:0; bottom:0; font-size:0.14rem; color:#aaa; padding:0.2rem;-webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.product-list .item a{display:block;  box-shadow: 0 1px 30px rgba(113, 129, 205, .1); overflow:hidden; position:relative; -webkit-transition:all 0.5s;-o-transition:all 0.5s;-moz-transition:all 0.5s;transition:all 0.5s}
.product-list .item .content{ display:none}





.product-view .image img{ width:100%}
.product-view .text{ font-size:0.15rem; margin-top:0.2rem;}



.download-list{ background-size:cover; }
.download-list .item{ margin-bottom:5px}
.download-list table{ background-color:#ddd; width:100%; }
.download-list table th{ background-color:#fafafa; padding:0.2rem 0; text-align:center; font-weight:normal; color:#05b;;}
.download-list table th i{ color:#ff0000; margin-right:0.05rem;}
.download-list table td{ background-color:#fff; padding:0.25rem 0.2rem; position:relative;  }
.download-list table td a{ font-size:0.18rem;}
.download-list table td a i{ margin-left:0.05rem; font-weight:normal}
.download-list table tr span{ position:absolute; right:0.2rem;top:50%; margin-top:-10px; line-height:22px; cursor:pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size:0.16px }
.download-list table tr span i{ display:inline-block; width:22px; height:22px;  background:url(../images/down-icon.png) no-repeat; background-size:cover; margin-left:3px;transform:rotate(-180deg);transition: all 0.3s; -webkit-transition: all 0.3s; }
.download-list table tr span.hover i{transform:rotate(0deg);}
.download-list table tbody{ display:none}
.download-list table tbody td{ border-top:1px #e8e8e8 solid}
.download-list table tbody th{ border-top:1px #e8e8e8 solid}
.download-list table thead td{ cursor:pointer; borde:0;}
.download-list table thead td b{ font-weight:normal; color:#aaa; margin-left:5px; }
.download-list .w15 { width: 15%; min-width:1rem;}

@media (max-width:992px) {
	.download-list{ padding:0.3rem 0}
}


.map{ padding:0.5rem 0 0}
.map .info{ line-height:1.8; font-size:0.16rem}
.map .info p{ margin-bottom:0.2rem}
.map .map-con{ margin-top:0.9rem;background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc}
.map .map-con h2{ text-align:center; position:relative; margin-top:-0.75rem}
.map .map-con h2 a{ display:inline-block; line-height:0.6rem; padding:0 0.4rem; background-color:#eee; font-size:0.22rem}
.map .map-con h2 a i{ font-size:0.28rem; margin-right:0.05rem; position:relative;top:3px}
.map .map-con h2 a.current{ background-color:#f16921; color:#fff; position:relative}
.map .map-con h2 a.current:after{content: ""; display: block; width: 0; height: 0; border-left: 6px solid transparent; border-right: 6px solid transparent; border-top: 6px solid #f16921; position: absolute; left: 50%; margin-left:-6px;top:100%;}
.map .map-wrapper{ margin-top:0.4rem; text-align:center; padding:0.5rem 0}
.map .map-wrapper img{ max-width:100%}

@media (max-width:992px) {
	.map .map-con h2 a{ padding:0 0.2rem; font-size:0.18rem}
}

.jubao{ }
.jubao h1{ text-align:center; font-size:0.24rem; }
.jubao .content{ line-height:1.8; margin-top:0.3rem}
.jubao .content p{ margin-bottom:0.15rem}
.jubao .btns{ text-align:center;}
.jubao .btns a{ display:inline-block; line-height:0.6rem; padding: 0 0.3rem; background-color:#888; color:#fff}
.jubao .btns a.btn1{ background-color:#0099e3}
.jubao .item{ border:1px #ddd solid; padding:0.3rem; background-color:#f8f8f8}
.jubao .form{ padding:0 !important; margin-top:0.4rem}

@media (max-width: 767px) {
	.jubao{}
	.jubao .item{ padding:0;}
}

.culture{ padding-top:0.5rem}
.culture .item-a{ }
.culture .item-a .item{  box-shadow: 0 1px 30px rgba(113, 129, 205, .1); background:#fff; padding:0.4rem}
.culture .item-a .item h2{ color:#38b1e6; font-size:0.2rem; margin-bottom:0.1rem;}
.culture .item-a .item p{ line-height:1.8;font-size:0.16rem;}
.culture .item-a .item p b{font-size:0.22rem}

.culture .item-b{ background:url(../images/culture-bg1.jpg) no-repeat center center; background-size:cover; position:relative; color:#333}
.culture .item-b .text{width:67%; padding:50px; background-color:rgba(120,210,245,0.8);}
.culture .item-b .text .item{ margin-bottom:30px; }
.culture .item-b .text .item h1{font-size:0.16rem;background:#008bd0;color:#fff;display:inline-block;padding:0.08rem 0.15rem;border-radius:0.3rem 0.3rem 0.3rem 0;}
.culture .item-b .text .item h2{ font-size:0.22rem;margin-bottom:0.15rem; line-height:1; border-left:5px #008bd0 solid; padding-left:0.1rem; color:#008bd0}
.culture .item-b .text .item p{  line-height:1.6; font-size:0.16rem;}
.culture .item-b .text .item p strong{font-size:0.22rem;font-weight:bold;display:block;margin-top:0.1rem}
.culture .item-b .image{ width:33%; right:0;top:0; background-color:#38b1e5; position:absolute;height:100%;}
.culture .item-b .image img{ width:100%}
.culture .item-b .con{position:relative}
.culture .item-b hr{margin:0.3rem 0}





.hr-item-a{padding:0.7rem 0; background:url(../images/mask-bg.png) no-repeat center bottom #e5f5fc; }
.hr-item-a .text{ padding-bottom:0.4rem; text-align:center}
.hr-item-a .text h2{ font-size:0.3rem; padding-bottom:0.2rem; position:relative}
.hr-item-a .text h2:after { content: ""; display: block; width:0.8rem;height:4px; border-radius:4px; background-color:#005bac;position:absolute; left:50%; margin-left:-0.4rem;bottom:0;  }
.hr-item-a .text p{ line-height:1.7; font-size:0.18rem; text-align:center; margin:0.3rem auto 0}
.hr-item-a  .icons{ position:relative;}
.hr-item-a  .icons .item{ position:relative;background-color:#fff; width:33.333333%; border-right:1px #e8e8e8 solid; border-bottom:1px #e8e8e8 solid; float:left; text-align:center; padding:0.3rem;transition:all .4s;}
.hr-item-a  .icons .item .imgbox {position:relative;overflow:hidden;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s; width:1rem; margin:0 auto}
.hr-item-a  .icons .item .imgbox img {display:block; width:100%;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.hr-item-a  .icons .item .imgbox .act {opacity:0;position:absolute;left:0;top:0;z-index:2;}
.hr-item-a  .icons .item .imgbox i {display:block;width:100%;height:100%;position:absolute;left:0;top:0;-webkit-transition:all .4s;-o-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0);background:#009ee3;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;}
.hr-item-a  .icons .item .tebox {padding:0.15rem 0.3rem;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.hr-item-a  .icons .item .tebox .tl {color:#444444;font-size:20px; font-weight:bold;margin-bottom:10px;}
.hr-item-a  .icons .item .tebox .te {color:#999999;line-height:1.4; font-size:16px; height:48px; overflow:hidden}
.hr-item-a  .icons .item:last-child{border:0}
.hr-item-a  .icons .item:hover { z-index:2;-webkit-box-shadow:1px 2px 20px 0px rgba(52,53,54,0.18);-moz-box-shadow:1px 2px 20px 0px rgba(52,53,54,0.18);box-shadow:1px 2px 20px 0px rgba(52,53,54,0.18); }
.hr-item-a  .icons .item:hover .imgbox {border-color:#184799;}
.hr-item-a  .icons .item:hover .imgbox .nor {opacity:0;}
.hr-item-a  .icons .item:hover .imgbox .act {opacity:1;}
.hr-item-a  .icons .item:hover .imgbox i {-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1);}
.hr-item-a  .icons .item:nth-child(1) {margin-top:0;}

@media (max-width: 767px) {
	.hr-item-a{padding:0.3rem 0;}
	.hr-item-a .text p{font-size:0.2rem}
	.hr-item-a  .icons .item{width:100%;margin-bottom:0.2rem;border:0;padding-bottom:0.2rem}
}


.more-btn{  width:200px; height: 60px; background-color:#009ee3; border-radius:5px; overflow:hidden;  display: block; line-height: 60px; text-align: center; position: relative; z-index: 1; margin:30px auto 0;transition: all 0.5s;}
.more-btn:before{ content:""; width:100%; height:100%; background-color:#fff; z-index: -1; position:absolute; left:0; bottom:0px; transform-origin:100%; -webkit-transform-origin:100%; -webkit-transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:-webkit-transform .42s cubic-bezier(.4,0,.2,1); transition:transform .3s cubic-bezier(.4,0,.2,1); transition:transform .42s cubic-bezier(.4,0,.2,1),-webkit-transform .42s cubic-bezier(.4,0,.2,1); transform:scaleX(0); -webkit-transform:scaleX(0);  visibility:hidden\9; }
.more-btn i{ margin-left:10px;}
.more-btn span{ padding-right:030px;position: relative; font-size:16px; color:#fff}
.more-btn span i{position: absolute; right: 0; top: 50%; margin-top:-8px; transition: .42s cubic-bezier(.4,0,.2,1); }
.more-btn:hover{box-shadow: 0px 0px 0.2rem 0 rgba(0, 0, 0, 0.15);}
.more-btn:hover:before{ transform:scaleX(1); -webkit-transform:scaleX(1); -moz-transform:scaleX(1); transform-origin:0; -webkit-transform-origin:0;visibility:visible\9;}
.more-btn:hover span{ color: #555;}
.more-btn:hover span i{ background-position: right center;}


.job-list{background:url(../images/about-bg.jpg) no-repeat center center; background-size:cover; padding:0.7rem 0;background-size: cover; background-attachment: fixed; }
.job-list .item{ margin-bottom:5px}
.job-list table{ background-color:#fff; width:100%; font-size:16px;box-shadow: 0 1px 20px 0 rgba(0,0,0,0.05);}
.job-list table th{ background-color:#fafafa; padding:20px 0; text-align:center; font-weight:normal; color:#888;}
.job-list table th i{ color:#ff0000; margin-right:5px;}
.job-list table td{ background-color:#fff; padding:25px 20px; position:relative; }
.job-list table tr span{ position:absolute; right:20px;top:50%; margin-top:-10px; line-height:22px; cursor:pointer; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; font-size:0.16px }
.job-list table tr span i{ display:inline-block; width:22px; height:22px;  background:url(../images/down-icon.png) no-repeat; background-size:cover; margin-left:3px;transform:rotate(-180deg);transition: all 0.3s; -webkit-transition: all 0.3s; }
.job-list table tr span.hover i{transform:rotate(0deg);}
.job-list table tbody{ display:none}
.job-list table tbody td{ border-top:1px #e8e8e8 solid}
.job-list table tbody th{ border-top:1px #e8e8e8 solid}
.job-list table thead td{ cursor:pointer; borde:0;}
.job-list table thead td b{ font-weight:normal; color:#aaa; margin-left:5px; }
.job-list .w15{ width:15%; min-width:100px;}
.job-list .content{ line-height:1.7;}
.job-list a.apply-btn{ background-color:#005bac; color:#fff; display:block; width:1.5rem; text-align:center; font-size:0.16rem; line-height:0.45rem; border-radius:50px; margin-top:20px;transition: all 0.3s; -webkit-transition: all 0.3s;}
.job-list a.apply-btn:hover{ background-color:#2899e1; color:#fff;}
.job-list a.apply-btn.over{ background-color:#ddd; color:#888;text-decoration:none; cursor:default}


.job-view{background-color:#fff; padding:40px; position:relative }
.job-view-left{ position:absolute; left:40px;top:40px; width:190px;background:url(../images/jianli.png) no-repeat center 30px #fff; padding-top:220px; }
.job-view-left a{  display:block; font-size:16px; line-height:45px;  text-align:center; border:1px #008bd0 solid; color:#008bd0; border-radius:35px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s; width:90%; margin-left:3%; position:relative}
.job-view-left a i{ font-size:12px; position:absolute; right:28px;top:0; line-height:45px;-webkit-transition-duration: 0.25s;transition-duration: 0.25s;opacity: 0;}
.job-view-left a:hover{ background-color:#008bd0; color:#fff; padding-right:20px}
.job-view-left a:hover i{opacity:1;}
.job-view-right{ margin-left:260px;}
.job-view h1{ margin-bottom:30px; border-bottom:1px #e8e8e8 solid;height:50px;}
.job-view h1 strong{ display:inline-block; border-bottom:2px #008bd0 solid; font-size:24px; font-weight:600; height:50px; overflow:hidden; color:#333;}
.job-view .job-info table{ width:100%; background:#fff; font-size:16px;border-spacing:1px;border-collapse: separate;  }
.job-view .job-info table th{ background:#eee; padding:10px 15px; font-weight:normal; text-align:left; }
.job-view .job-info table td{ background:#fafafa; padding:10px 15px; color:#888}
.job-view .job-info table td h2{ font-size:22px; color:#747979}
.job-view .item{ margin-top:40px; line-height:180%; color:#5c5c5c; font-size:16px;}
.job-view .item h3{ font-size:22px; font-weight:normal; color:#333; margin-bottom:15px;}
.job-view .item p{ margin-bottom:10px;}
.job-view .share{ margin-top:20px; height:40px;}
.job-view .btns{ margin-top:20px;}
.job-view .btns a{ display:block; width:100px; font-size:16px; font-weight:bold; text-align:center; padding:15px 30px; background:url(../images/time-bg.png) no-repeat; font-size:14px;  color:#fff; margin:0 auto;-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);}
.job-view .btns a:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}
.job-view .item ul{ margin-top:10px;}
.job-view .item li a{ color:#0088e6; background:url(../images/word.gif) no-repeat 0 center; padding-left:25px;}
.job-view .item li a:hover{ text-decoration:underline}




input[type=checkbox], input[type=radio]{  margin: 4px 0 0;}





.contact{  background-color:#fff;padding:0.3rem}
.contact .icons{ width:30%; float:left;}
.contact .icons .item{ padding-bottom:0.2rem; margin-bottom:0.2rem; border-bottom:1px #eee solid; padding-left:1rem; position:relative}
.contact .icons .item strong{ font-size:0.22rem; font-weight:normal}
.contact .icons .item em{ position:absolute; left:0;top:0px;}
.contact .icons .item i{ font-size:0.5rem; color:#aaa;}
.contact .icons .item p{ margin-top:5px; color:#888;}
.contact .icons .item:last-child{ border-bottom:0;margin-bottom:0}
.contact .map-con{ width:70%; float:left;padding-left:0.4rem}
.contact #Gmap{ }

@media (max-width: 767px) {
	.contact{ padding:0.3rem 0}
	.contact .icons{ width:100%; float:none;padding:0.15rem}
	.contact .map-con{ width:100%; float:none; padding:0}
	.contact .icons .item p{ line-height:1.5; font-size:0.22rem}
	.contact .icons .item em{ left:15px;}
	.contact #Gmap{height:2.5rem !important}
}


.sitemap{}
.sitemap dl{position:relative;min-height:0.6rem;border-bottom:1px #ddd dotted;padding-bottom:0.3rem;margin-bottom:0.3rem}
.sitemap dl dt{border-left:6px #008bd0 solid;padding-left:0.15rem;margin-bottom:0.1rem;line-height:1}
.sitemap dl dd{padding-left:0.2rem}
.sitemap dl dd a{margin-right:3%;color:#008bd0}
.sitemap dl dd a:hover{text-decoration:underline}

@media (max-width: 767px) {
	.sitemap{ padding:0.3rem 0;font-size:0.2rem}
}

.contact-item-b{margin-top:0.5rem}
.contact-item-b .item{  background-color: #fff; box-shadow: 0 1px 30px rgba(113, 129, 205, .1);padding:0.3rem 0.3rem 0.3rem 1.8rem;position:relative}
.contact-item-b .item i{color:#fff;position:absolute;left:0;top:50%;margin-top:-0.3rem;font-size:0.6rem;width:1.5rem;text-align:center; z-index:3}
.contact-item-b .item:before{display:block;content:"";width:1.5rem;height:100%;left:0;top:0;background:#005bac;position:absolute}
.contact-item-b .item strong{display:block;}
.contact-item-b .item p{margin-top:0.1rem;line-height:1.6}

@media (max-width: 767px) {
	.contact-item-b{margin-top:0.3rem}
	.contact-item-b .item{margin-bottom:0.2rem;font-size:0.22rem}
}




.form-control{ border-radius:0;height:0.5rem;padding:0.15rem;line-height:1;font-size:0.15rem; -webkit-appearance: none;box-shadow:none !important;}
.form-horizontal .control-label{padding-top:0.15rem}
.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.15rem}

.report{background:url(../images/banner1.jpg) no-repeat center center;background-size: cover;background-attachment: fixed;min-height:100vh}
.report .box{background-color:#ebf0f5; min-height:100vh;box-shadow: 0 16px 48px rgba(0,0,0,.2);}
.report .logo{background: #fff;padding:0.5rem; position:relative}
.report .logo img{max-width:100%}
.report .logo span{ font-size:0.3rem; border-left:1px #ddd solid; position:relative;top:0.07rem; margin-left:0.2rem; padding-left:0.2rem}
.report .logo .back-btn{ display:inline-block; padding:0.15rem 0.3rem; border-radius:0.5rem; background-color:#eee; position:absolute; right:0.5rem;top:0.5rem; color:#888}
.report .logo .back-btn i{ margin-right:0.05rem}
.report .logo .back-btn:hover{ color:#008bd0}
.form{padding:0.5rem}
.form .item{padding-bottom:0.4rem;margin-bottom:0.4rem;border-bottom:1px #e8e8e8 solid}
.form .item h2{font-size:0.2rem;font-weight:600;color:#008bd0}
.form .item h2:after{content: "";display: inline-block;width: 0;height: 0;border-left: 0.05rem solid transparent;border-right:0.05rem solid transparent;border-top: 0.07rem solid #008bd0;position:relative;top:-0.03rem;margin-left:2px}
.form .item .con{margin-top:0.3rem}
.form .item img{padding-top:0.15rem}
.form .item .btns{margin-top:0.3rem}
.form .item .btn1{background-color:#008bd0;color:#fff;border:0;padding:0.2rem 0.6rem}
.form .item .btn2{background-color:#ccc;color:#fff;border:0;padding:0.2rem 0.6rem;margin-left:0.05rem}
.form .item label span{margin-right:0.02rem;color:#ee4433; }
.form .item .view-con{ padding-top:0.2rem; color:#888}
.form .form-group{ margin-bottom:0.25rem}
.form .form-group label{margin-bottom:0}
.form .btn-up{ background-color:#ee0000; color:#fff; padding:0.12rem 0.3rem; margin-bottom:0.2rem; display:inline-block;}
.form a.link{ margin-left:0.1rem; color:#008bd0}
.form a.link:hover{ text-decoration:underline}
.report .apply-footer{ text-align:center; font-size:0.16rem; color:#888}
.form select{ background:url(../images/select-icon.png) no-repeat right center; background-size:20px 20px}

input[type=checkbox], input[type=radio]{  margin: 0.04rem 0 0;}

@media (max-width: 767px) {
	.report .logo .back-btn{ display:none}
	.form-horizontal .form-group{margin-right: -5px; margin-left: -5px;}
	.report .container { padding:0.2rem}
	.report .logo{padding:0.3rem; background-color:#fff}
	.report .logo img{ width:50%}
	.report .logo span{ font-size:0.22rem; font-weight:bold}
	.form{padding:0; }
	.form label{ font-size:0.20rem; }
	.form .form-control{ font-size:0.20rem; }
	.form .control-label{ margin-top:0.1rem}
	.form .radio-inline{ color:#888}
	.checkbox-inline+.checkbox-inline, .radio-inline+.radio-inline{ }
	.form-group{ margin-bottom:0}
	.form .checkbox-inline{ color:#888}
	.form .item{margin-bottom:0; padding-bottom:0;border-bottom:0;}
	.form .item h2{font-size:0.24rem; background-color:#008bd0; color:#Fff; padding-left:0.3rem; line-height:0.8rem}
	.form .item h2:after{border-top: 0.07rem solid #fff;}
	.form .item .con{margin-top:0rem;padding:0.15rem 0.3rem;}
	.form-horizontal .control-label{padding-top:0.1rem}
	.form-horizontal .checkbox, .form-horizontal .checkbox-inline, .form-horizontal .radio, .form-horizontal .radio-inline{padding-top:0.1rem}	
	.form .item .btns{ text-align:center; padding-bottom:0.3rem}
	.form .item button{padding:0.15rem 0.4rem !important; font-size:0.22rem}
	.report .apply-footer{ padding:0.2rem 0 0.3rem; background-color:#fff}
	.form .item .btn2{ display:none}
	.form .form-group{ margin-bottom:0.15px}
}


.site-map{ }
.site-map dl{  border-bottom:1px #e6e6e6 dotted; padding:0.3rem 0}
.site-map dl:last-child{ border-bottom:0}
.site-map dt{ float:left;  width:10%; font-weight:bold; padding-top:0.1rem;}
.site-map dd{ float:left;  width:90%}
.site-map dd a{ margin:0 5px; display:inline-block; padding:0 0.2rem;text-align:center;line-height:0.5rem; background-color:#f5f5f5; margin-bottom:0.1rem;}


.jsmodern-share{position:fixed;top:50%;left:50%;width:300px;height:335px;z-index:999999;background:#fff;border:#ccc solid 1px;border-radius:10px;  box-shadow: 0px 0px 40px 0 rgba(0, 0, 0, 0.3);
overflow:hidden;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.jsmodern-share p{display:block;height:20px;text-align:center;font-size:18px;margin:15px 0 20px 0}
.jsmodern-share div{width:260px;height:260px;margin:0 auto}
.jsmodern-share b{position:absolute;width:20px;height:20px;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAACNiR0NAAAA/UlEQVQ4T8WU7ZEBQRCGHxFciQARIBJEcGRABFYEZIAIEAkyIAMhqFdtV7WpabuOqptfM9Pdz0x/NvjyalTwesAg0TkAp8guAg6BJdAODC/ADNin8hxwA/zWjIR0J143Bb4DM84T1APl5s69dga6wU9T2cjc90DFpVUCbkATGAPrBCoX9Svp/JQy2Xa0N6CyeQwMPdRguYf6yr4BC2Cecc8DJNbPcjDJFkBRBZSiQbWPYP8H/LPLX0+KYvBJ2VytTV8Vth6IelnDQV7Zyha2lUXdPjbYtsz+4/zpcHiCRUDdq69XrhXTmlfMpnXHlzdWnAT3SzPw7QEbDJnq6ztc3EQVa6MIgAAAAABJRU5ErkJggg==);right:4px;top:4px;cursor:pointer;color:#ccc;opacity:.1;transition:.1s}
.jsmodern-share b:hover{opacity:.5}
.jsmodern-marquee{overflow:hidden}
.jsmodern-marquee-inner{float:none!important;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-default,.jsmodern-marquee-repeat{float:left;margin:0!important;padding:0!important;background:transparent!important}
.jsmodern-marquee-part{display:block;float:left}
.jsmodern-picture-container{display:block;position:relative;overflow:hidden}
.jsmodern-picture-container a{display:block;color:#fff;text-decoration:none}
.jsmodern-picture-container img{border:0}
.jsmodern-picture-inner{position:absolute;height:100%;top:0;left:0;overflow:hidden;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.jsmodern-picture-part{overflow:hidden}
.jsmodern-picture-fade{width:100%}
.jsmodern-picture-fade .jsmodern-picture-part{position:absolute;display:none}
.jsmodern-picture-slide .jsmodern-picture-part{float:left}
.jsmodern-picture-slide img{display:block}
.jsmodern-picture-dot{position:absolute;bottom:15px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}
.jsmodern-picture-dot b{display:block;float:left;width:10px;height:10px;background:#777;border-radius:5px;cursor:pointer;margin:0 5px;transition:.4s}
.jsmodern-picture-dot b.active{background:#fff}
.jsmodern-picture-prev,.jsmodern-picture-next{display:block;position:absolute;top:50%;width:17px;height:32px;margin-top:-16px;cursor:pointer;background:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAB7klEQVR42s3XbUtaYRzH8euhqUetZC1Dy1q1mLhX0hvxjeyBIIMV1YpuHOkiBmNsc60dvGmNQS/KfR/8ghAOF8frXLIHH5D/+d898fjXjMfj/4JL8XPsIiW7is10kSI+ootAuooVZ7XIIjr4hjKMlBXrKMfrIvP4gB4qk88V6yln3tciBVzgBqtReXp2o9xC0ovkcYZbVG35yrlVTT6pRXI4QYh1xayUG6o257pIgPfo4wVMHKrpq0cw7SJZHGKATcViU+1AvbJxF8lgHyNswzjaVq999bYvosR3uMOOYs7U6069M7ZF0niLe7yCSZJ63mtGOmqRObTwBzUYT2qa0cLc5CIpNPEXdRjP6prV1Gxj9OENHvAaZhY060GzU4/vig5CLM1qEc0KNTt4GvwkPpeJnPf04TI+4xrPfC2h3teatRz19S3hC66gAyc56nmlGSXbC20FX9GFDhx36tVV7xXrm1XK+I5LLLguoR6X6lmO+6NXwQ+0oWsrPtW21asy7Rmwhp84RyHuEqo5V48118Ooil84RR5xrrpT1VaTOhU3EOLYdm1JTrmhao3NNNfWkeXaCpSjq87P34ktDHEQcW1l9WyoXK9/sF5ihL2JAyej2Eg5Jg6Xa+s3WkhJS7GprjrXA6eBrDQUMx4X8e8fwj0L7GH1LqcAAAAASUVORK5CYII=) no-repeat}
.jsmodern-picture-prev{margin-left:15px}
.jsmodern-picture-next{right:0;margin-right:15px;background-position:-17px 0}
.jsmodern-video{background:#000;position:relative;overflow:hidden;z-index:10}
.jsmodern-video-panel{position:absolute;bottom:0;left:0;z-index:2147483648;width:100%;height:40px;line-height:40px;color:#fff;background:rgba(0,0,0,.8);-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-panel.jsmodern-video-panelFull{left:50%;-webkit-transform:translate(-50%,-10px);-ms-transform:translate(-50%,-10px);transform:translate(-50%,-10px);padding:3px 5px;border-radius:8px}
.jsmodern-video-linebox{height:6px;background:rgba(255,255,255,.25);border-radius:3px;width:460px;width:-webkit-calc(100% - 305px);width:-moz-calc(100% - 305px);width:calc(100% - 305px);float:left;margin:17px 0 0 15px;position:relative;cursor:pointer}
.jsmodern-video-pass{position:absolute;border-radius:3px;height:100%;background:#F06000}
.jsmodern-video-linedot{width:6px;height:6px;background:#fff;border-radius:3px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-panel b{cursor:pointer}
.jsmodern-video-panel b,.jsmodern-video-panel span{display:block;float:left}
.jsmodern-video-panel span{font-size:12px;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none}
.jsmodern-video-start{margin-left:10px}
.jsmodern-video-start+span{width:14px;height:12px;text-align:center;line-height:12px;font-size:10px;overflow:hidden;margin-top:13px;-webkit-transform:scale(1,0.9) translateY(1px);-ms-transform:scale(1,0.9) translateY(1px);transform:scale(1,0.9) translateY(1px);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}
.jsmodern-video-start,.jsmodern-video-end{width:39px;text-align:center}
.jsmodern-video-volumebox{width:80px;height:6px;background:rgba(255,255,255,.25);border-radius:3px;float:left;margin:18px 0 0 7px;position:relative;cursor:pointer}
.jsmodern-video-volumeline{width:40px;height:6px;background:#F06000;border-radius:3px;margin-top:0}
.jsmodern-video-volumedot{width:6px;height:6px;background:#fff;border-radius:3px;margin:-6px 0 0 37px;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8);position:absolute}
.jsmodern-video-play,.jsmodern-video-volume,.jsmodern-video-fullin{width:18px;height:18px;margin-top:11px;background-position:center;background-repeat:no-repeat}
.jsmodern-video-play{margin-left:10px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAe0lEQVR42q2UQRGAIBREiWAEIhjhRzCKDbCBRjGCDaQBRqDBdzntgRvLm3nXN6sMhIa7G0xBgqHGC1c9RNKcENeZHiInXLQQKdDUUL9OD3GdGOrXaSGSZ4QuddEDo/KPPrgpx1/hwc8YC90wKlckQ1MubYW79IzwOMf4AZCzZlJ6pNv5AAAAAElFTkSuQmCC)}
.jsmodern-video-pause{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAANUlEQVR42u3MMQoAAAgCwP4/9aR+VjQINtTcoNBicobkTNiS/vEQvSBBggR9hILOD8h5i74A46kzKYwr0EYAAAAASUVORK5CYII=)}
.jsmodern-video-volume{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAqklEQVR42tWT0QmDMBCGHcENXMEBhGaL9rEjZATffKwDZJdmgy7QHZo33zz/0AscBmNaCOIPH3Ke+USTq84ZIrqDdnXPgGuuoAVP4KMi0TddSlCDB5BR3GvEcy/wCYUCF8HNNwFtiBwwQco9jSKKBZQQaa4brt+en0W8eAJGiN2/IusRIiouKv9puA5bP7uXhDfsbP8gtn8GOnUgx8wD6XJHxO6NSNGhPT4LSrtjI5LQNtEAAAAASUVORK5CYII=)}
.jsmodern-video-muted{background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAA00lEQVR42s2UsQ3CMBBFqZAokNLQoozgCWJ3NAxAg5QRGIEFEOkpgBFgAbIKC0AoU5nv6CJ9GQI6lIIvPcXxyd93di4D730v9Gf0Xc1mOTA0pTMKi8EFBDm1EQIJ2AKWldiw64wcsMQC3EGsDEzBhLPAM5XBi0r/XjNwBUfKxMimhcYoAzsZ78mkAkZlJBUc5L1uTbSlWbrJWuZOYU5tFJVzbsvUGs3BDTzEkMtsDnsdsQJVR0YbsOTrlzXJpw+yACwnsfGvLVLqWkTftCM2+r//0RPE3HMNwpwYwQAAAABJRU5ErkJggg==)}
.jsmodern-video-fullin{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAKlBMVEVMaXH////////////////////////////////////////////////////m1kuZAAAADXRSTlMAYBAw79DwIM9wgG9/QM+KqQAAAF5JREFUeNqNj0sSwCAIQ6Pit+X+1y2GOs7UTbNA8kYjQE05wpTK7LG8EwcdrwZB7hrcBx1FYfcDCY9UEGdbrFbiBIqpFf90PmGo7NDvtwJt1x7slmN0graWEwIny+sDBBUDznqlFGYAAAAASUVORK5CYII=)}
.jsmodern-video-fullout{margin-left:15px;background-image:url(data:img/jpg;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAMAAADXqc3KAAAAJ1BMVEVMaXH////////////////////////////////////////////////c+C/6AAAADHRSTlMAgBDQz39QIMBAML9Nf8RqAAAAaElEQVR42r2QQQ7AIAgEV6CIlv+/t3Ap3E2cyyojxIBb7JfqQu/+z+ZCIAU0QtzqEbtMGcCIcCZ0454iIuvFLDHRICkhvUNHsICVqThBnyBHZSqK4+/2Ok9OEdGNOdcSuS1xW2+3jUt8eaUDz3DmFVcAAAAASUVORK5CYII=)}
b.jsmodern-video-fullFalse{opacity:.5;cursor:default}
.jsmodern-dialog-container{position:fixed;width:100%;height:100%;z-index:2147483649;top:0;left:0;background:rgba(0,0,0,.6);opacity:0}
.jsmodern-dialog{position:fixed;top:-10px;left:50%;width:500px;min-width:500px;height:auto;overflow:hidden;padding:15px;-webkit-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);background:#fff;border-radius:6px;border:#555 solid 1px;box-shadow:0 0 15px rgba(0,0,0,.4);opacity:0}
.jsmodern-dialog-title{text-align:left;font-size:16px;font-weight:bold;color:#000;word-wrap:break-word;word-break:normal}
.jsmodern-dialog-content{width:100%;height:auto;min-height:60px;overflow:hidden;word-wrap:break-word;word-break:normal;margin-top:10px;font-size:14px;color:#333;line-height:160%}
.jsmodern-dialog>span{display:block;float:right;height:30px;line-height:30px;font-size:13px;padding:0 12px;cursor:pointer;margin:13px 0 0 10px;border-radius:4px;border:#ccc solid 1px;transition:.25s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
.jsmodern-dialog>span.jsmodern-dialog-sure{background:#2F7CBE;border-color:#2F7CBE;color:#fff}
.jsmodern-dialog>span.jsmodern-dialog-sure:hover{background:#1563A6;border-color:#1563A6}
.jsmodern-dialog>span.jsmodern-dialog-cancel:hover{background:#eee}
.jsmodern-scrollBar-container{overflow:hidden;position:relative}
.jsmodern-scrollBar-inner{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-scrollbar{position:absolute;top:0;right:2px;width:6px;background:rgba(0,0,0,.3);border-radius:3px;z-index:10px;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.jsmodern-lazyload{display:block;opacity:0}
.jsmodern-page-content{text-align:center;margin-left:auto;margin-right:auto}
.jsmodern-page-target>*{display:none}
.jsmodern-page{height:38px;display:inline-block;overflow:hidden;border-radius:19px;border:#e8e8e8 solid 1px;margin:0 auto}
.jsmodern-page>div i,.jsmodern-page>i{display:block;float:left;width:40px;height:38px;line-height:38px;font-size:13px;text-align:center;cursor:pointer;font-style:normal;background:#f5f5f5;transition:.15s;font-weight:bold;color:#333}
.jsmodern-page i{border-right:#e3e3e3 solid 1px;border-left:#fff solid 1px}
.jsmodern-page>div{float:left;max-width:420px;overflow:hidden}
.jsmodern-page>div div{height:38px}
.jsmodern-page i.active{background:#E04636;color:#fff;box-shadow:rgba(0,0,0,.2) 0 0 10px inset;border-right-color:#fff}
.jsmodern-page i:hover{color:#E04636}
.jsmodern-page i.active:hover{color:#fff}
.jsmodern-page>i span{display:inline-block;font-size:20px}
.jsmodern-page>i:first-child{border-radius:19px 0 0 19px}
.jsmodern-page>i:last-child{border-radius:0 19px 19px 0}
i.jsmodern-page-first,i.jsmodern-page-last,i.jsmodern-page-next,i.jsmodern-page-prev{line-height:33px}