@charset "utf-8";
/* by Sean Lu 20180711 */
/*reset*/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0; }
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display: block; }
body { font-size: 100%; font-family: microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);  background: #f1f1f1; overflow-x: hidden; }
textarea { resize: none; }
iframe,img { border:0; }
ul,ol { list-style:none; }
input, select, textarea { outline: 0; -webkit-user-modify: read-write-plaintext-only; }
input { -webkit-appearance: none; }
a{ text-decoration: none; }
a:hover { color: #CF4C82; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.fl { float: left; }
.fr { float: right; }

/* 圆细滚动条样式 20180601 */
::-webkit-scrollbar{width:5px;height:5px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:black}
::-webkit-scrollbar-track-piece{background:#FFF}
::-webkit-scrollbar-thumb:vertical{background-color:#c2c2c2;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#A0A0A0}
::-webkit-scrollbar-corner:vertical{background-color:#535353}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00}

/* 拖选文字样式 20160628 */
::selection { background: #CF4C82; color: #fff; }
::-moz-selection { background: #CF4C82; color: #fff; }

.wrapper { width: 1200px; margin: 0 auto; }

.topbar { background: #f5f5f5; border-bottom: 1px solid #dedede; line-height: 20px; height: 20px; padding: 10px 0; font-size: 12px; color: #999; }
.topbar .tip { float: left; }
.topbar .links { float: right; }
.topbar .links .split { margin: 0 10px; color: #dedede; }
.topbar .links a { color: #999; padding-left: 26px; background: url(../img/china.jpg) no-repeat left center; }
.topbar .links a.en { background-image: url(../img/us.jpg); }
.topbar .links a:hover { text-decoration: underline; color: #CF4C82; }

.header { height: 90px; background: #fff; }
.header .logo { float: left; height: 90px; display: -webkit-box; -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.header .logo img { display: block; }
.header .hotline { float: right; margin-top: 26px; text-align: right; padding-right: 36px; background: url(../img/hotline.png) no-repeat right center; }
.header .hotline span { display: block; font-size: 12px; color: #999; }
.header .hotline strong { font-size: 20px; color: #CF4C82; margin: 0 4px; font-family: arial; }




.hline { height: 4px; background: #0073aa url(../img/bannerbottombg.jpg) no-repeat center; }

.navbar { background: #0073aa; }
.navbar .nav { height: 40px; width: 100%; display: table; }
.navbar .nav .nli { display: table-cell; position: relative; text-align: center; vertical-align: middle; height: 100%; }
.navbar .nav .nli .na { display: block; height: 100%; line-height: 24px; padding: 8px 10px; position: relative; font-size: 14px; color: #fff; -webkit-transition: all .2s; transition: all .2s; }
.navbar .nav .nli .na:hover { background: #005b87; }

.homebox01 { padding: 50px 0; background: #fff; }
.homebox01 .tit { margin-bottom: 20px; }
.homebox01 .tit .more { float: right; }
.homebox01 .tit .more a { line-height: 30px; border: 1px solid #dedede; padding: 0 30px; font-size: 14px; color: #666; display: block; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .tit .more a:hover { background: #CF4C82; color: #fff; border-color: #CF4C82; }
.homebox01 .tit h3 { font-size: 26px;color: #333; font-weight: normal; }
.homebox01 .con { font-size: 14px; line-height: 24px; color: #666; }
.homebox01 .list { overflow: hidden; margin-top: 30px; }
.homebox01 .list .item { width: 32%; float: left; margin-right: 2%; background: #f9f9f9; color: #666; }
.homebox01 .list .item:last-child { margin-right: 0; }
.homebox01 .list .item .nam { padding: 20px 30px; font-size: 22px;}
.homebox01 .list .item .txt { padding: 0 30px; font-size: 14px; line-height: 24px; min-height: 120px; }
.homebox01 .list .item .btn { padding: 20px 30px 30px; }
.homebox01 .list .item .btn a { display: inline-block; width: 30%; line-height: 30px; border-radius: 4px; font-size: 14px; color: #0073aa; border: 1px solid #0073aa; text-align: center; -webkit-transition: all .2s; transition: all .2s; }
.homebox01 .list .item .btn a:hover { color: #fff; background: #0073aa; }

.homebox02 { padding: 50px 0; background: #f7f7f7; }
.homebox02 .tit { margin-bottom: 20px; }
.homebox02 .tit .more { float: right; }
.homebox02 .tit .more a { line-height: 30px; border: 1px solid #dedede; padding: 0 30px; font-size: 14px; color: #666; display: block; -webkit-transition: all .2s; transition: all .2s; }
.homebox02 .tit .more a:hover { background: #CF4C82; color: #fff; border-color: #CF4C82; }
.homebox02 .tit h3 { font-size: 26px;color: #333; font-weight: normal; }
.homebox02 .con { font-size: 14px; line-height: 24px; color: #666; }
.homebox02 .list { overflow: hidden; margin-top: 30px; }
.homebox02 .list a { float: left; width: 18%; margin: 0 1%; height:44px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;box-sizing: border-box; text-align: center; border: 2px solid #0073aa; color: #0073aa; font-size: 14px; line-height: 40px; -webkit-transition: all .2s; transition: all .2s; }
.homebox02 .list a:hover { color: #fff; background: #0073aa; }
.homebox02 .list a.on { color: #CF4C82; border-color: #CF4C82; }
.homebox02 .list a.on:hover { color: #fff; background: #CF4C82; }

.homebox03 { background: url(../img/homebox03.jpg) no-repeat center; height: 214px; color: #fff; text-align: center; }
.homebox03 .txt { font-size: 24px; padding-top: 40px; line-height: 36px; margin-bottom: 20px; }
.homebox03 .btn { }
.homebox03 .btn a { display: block; border-radius: 4px; border: 2px solid #fff; width: 20%; color: #fff; line-height: 40px; margin: 0 auto; -webkit-transition: all .2s; transition: all .2s; }
.homebox03 .btn a:hover { background: #fff; color: #295ae7; }

.homebox04 { padding: 50px 0; background: #fff; }
.homebox04 .tit { margin-bottom: 20px; }
.homebox04 .tit .more { float: right; }
.homebox04 .tit .more a { line-height: 30px; border: 1px solid #dedede; padding: 0 30px; font-size: 14px; color: #666; display: block; -webkit-transition: all .2s; transition: all .2s; }
.homebox04 .tit .more a:hover { background: #CF4C82; color: #fff; border-color: #CF4C82; }
.homebox04 .tit h3 { font-size: 26px;color: #333; font-weight: normal; }
.homebox04 .con { font-size: 14px; line-height: 24px; color: #666; }
.homebox04 .wrapper { overflow: hidden; }
.homebox04 .item { float: left; width: 48%; margin-right: 4%; }
.homebox04 .item:last-child { margin-right: 0; }
.homebox04 .item .list { margin-top: 30px; }
.homebox04 .item .list li { line-height: 20px; margin: 5px 0; overflow: hidden; height: 20px; border-bottom: 1px dashed #dedede; padding: 5px 0; font-size: 14px; color: #666; }
.homebox04 .item .list li:before { content: '·'; margin-right: 4px; color: #999; }
.homebox04 .item .list li .time { float: right; font-size: 12px; color: #999; }
.homebox04 .item .list li a { font-size: 14px; color: #666; }
.homebox04 .item .list li a:hover { text-decoration: underline; color: #0073aa; }


.homebox05 { line-height: 40px; height: 40px; background: #f7f7f7; font-size: 12px; color: #666; overflow: hidden; }
.homebox05 a { color: #666; }
.homebox05 a:hover { color: #0073aa; text-decoration: underline; }
.homebox05 .split { color: #999; margin: 0 6px; }


.footer { background: #333; color: #ccc; text-align: center; padding: 30px 0; font-size: 12px; line-height: 24px; }
.footer img { max-height: 20px !important; width: auto !important; }
.footer a { color: #ccc; margin: 0 4px; }
.footer a:hover { color: #fff; }








.bannerslide { height: 560px; position: relative; }
.bannerslide .swiper-slide { background-position: center; background-size: cover; position: relative; }
.bannerslide .swiper-slide .wrapper { height: 100%; }
.bannerslide .swiper-slide a { display: block; height: 100%; }
.bannerslide .swiper-slide .cover { background: rgba(0,0,0,.1); color: #fff; text-align: center; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: 0; -webkit-transition: all .2s; transition: all .2s; }
.bannerslide .swiper-slide:hover .cover { opacity: 1; }
.bannerslide .swiper-slide .cover .text { font-weight: bold; font-size: 30px; padding: 98px 0 50px; }
.pagination { position: absolute; left: 0; text-align: center; bottom:80px; width: 100%; z-index: 9; }
.swiper-pagination-bullet-active { background: #e33438; }
.pro-yf,.news-box.download{min-height:515px;}

@media (max-width: 1200px){
	.wrapper { width: 100%; padding: 0 20px; box-sizing: border-box; }
	
	.bannerslide { height: 400px; }
}

@media (max-width:1100px){
    .pro-list{}
}

@media (max-width: 800px){
	.bannerslide { height: 180px; }
	
	.topbar .tip, .header .hotline { display: none; }
	.header .logo { float: none; }
	.header .logo img { height: 50px; }
	.navbar .nav { padding: 10px 0; display: block; height: auto; overflow: hidden; }
	.navbar .nav .nli { width: 25%; float: left; display: block; }
	.navbar .nav .nli .na { padding: 4px 0; font-size: 12px; }
	
	.homebox01 .list .item { width: 100%; float: none; margin: 0 0 20px; }
	.homebox01 .list .item .txt { min-height: auto; }
	
	.homebox02 .list a { width: 100%; float: none; margin: 0 0 10px; display: block; }
	
	.homebox03 .txt { font-size: 20px; }
	.homebox03 .btn a { width: 60%; }
	
	.homebox04 .item { float: none; width: 100%; margin: 0 0 20px; }
	.homebox04 .item:first-child { margin-bottom: 60px; }
	
	.footer p { text-align: left !important; }

}