﻿::-webkit-scrollbar{width:8px; height:4px;}
::-webkit-scrollbar-track {background-color:#fff;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}
::-webkit-scrollbar-thumb {background-color:#999;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}






* { margin: 0; padding: 0; }
legend {color: #000;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, ul, li, ol, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; }
abbr, acronym, address, caption, cite, code, dfn, em, var, h1, h2, h3, h4, h5, h6 { font-style: normal; font-weight: normal; font-variant: normal;}
input, textarea, select, optgroup, option, button { margin: 0; padding: 0; font-size: 100%; background: #fff; }
input, textarea, select, optgroup, option, button { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; *font-size: 100%;}
ol, ul, li { list-style: none; }
blockquote, q { quotes: none; }
a:visited { text-decoration: none !important; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; }
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
html { margin: 0; padding: 0; border: 0; overflow: auto; }
table { font-size: inherit; }
h1, h2, h3, h4, h5, h6 { margin: 0; font-weight: bold; }
h1 { font-size: 36px; line-height: 45px; }
h2 { font-size: 24px; line-height: 30px; }
h3 { font-size: 16px; line-height: 22px; }
h4 { font-size: 16px; line-height: 20px; }
h5 { font-size: 14px; line-height: 16px; }
h6 { font-size: 12px; line-height: 16px; }




body{margin: 0px; padding: 0px;border: 0;  font-size: 16px; font-family:"PingFang SC","Microsoft Yahei"; background: #fff;color: #333; overflow-x: hidden;}
ul,li{list-style: none; margin: 0px; padding: 0px;}


a{font-size: 16px; text-decoration:none; color:#333;font-family:"PingFang SC","Microsoft Yahei";}
a:hover{text-decoration:none; color:#f00;}

.mask-box{background:rgba(0,0,0,.8);position: fixed; left:0px; top:0px; bottom:0px; right:0px; z-index:1002; display:flex; }





.header{width: 100%;position: fixed;top: 0;left: 0;right: 0;margin: auto;z-index: 1000; box-sizing: border-box;background: #fff;}

.header .hip{border-bottom: 1px #eee solid; height: 56px;line-height: 56px;}
.header .hip ul{width: 1240px; margin: auto;display: flex;align-items: center;justify-content: space-between;}
.header .hip .welcome{font-size: 14px;}
.header .hip .tel{display: flex;align-items: center;}
.header .hip .tel span{font-size: 14px;padding: 0 4px;}
.header .hip .tel strong{color: #0B48B2;font-size: 20px;}


.header .nav_logo{width: 1240px; margin: auto;display: flex;align-items: center;justify-content: space-between;padding: 32px 0;}
.header .nav_logo ul{display: flex;align-items: center;justify-content: space-between; width: 100%;}
.header .nav_logo .nav{text-align:right;}
.header .nav_logo .nav a{font-size:18px;color: #333; margin-left: 28px;}
.header .nav_logo .nav a:hover{color: #0B48B2;}


.fixeds_top{background: #fff;box-shadow: 1px 1px 10px #eee;}





.fullSlide{position:relative;  height:520px; overflow:hidden; width: 100%;margin-top: 188px;}
.fullSlide .bd{ position:relative; z-index:0; width: 100%;}
.fullSlide .bd ul{width:100% !important; }
.fullSlide .bd li{ width:100% !important;  height:520px;}
.fullSlide .bd li .siteWidth{ width:1000px; position:relative; margin:0 auto;height:520px;}
.fullSlide a{display: block; height: 100%; width: 100%;}
.fullSlide .hd{ width:100%;  position:absolute; z-index:1; bottom:0; left:0; height:40px; line-height:40px; text-align:center;}
.fullSlide .hd ul li{cursor:pointer; display:inline-block; *display:inline; zoom:1;  background: rgba(255,255,255,.2); width: 16px; height: 16px; line-height: 999; margin: 0 2px;border-radius: 100px;}
.fullSlide .hd ul .on{cursor:pointer; display:inline-block; *display:inline; zoom:1;  background: #fff; width: 16px; height:16px;}

.fullSlide .text{width: 1400px; margin: auto;color: #fff; margin-top: 400px;}





.big_title{display: block;text-align: center; margin:60px 0;}
.big_title strong{font-size: 28px;color: #333; margin-bottom: 4px;display: block;text-align: center;font-weight: bold;}
.big_title small{font-size: 16px;display: block;text-align: center;color: #666;}
.big_title span{font-size: 28px;color: #333; margin-bottom: 4px;display: block;text-align: center;font-weight: bold; position: relative;}
.big_title span::after{content: '';border-top: 2px #0B48B2 solid; width: 60px;position: absolute;left: 0;right: 0;bottom: -5px; margin: auto;}





.index_jjfa{width: 1240px; margin: auto;border-top: 1px solid transparent; margin-bottom: 60px;}
.index_jjfa ul{display: flex;align-items: center;justify-content: space-between;}
.index_jjfa a{width: 270px;}
.index_jjfa p{width: 270px;height: 270px;overflow: hidden;}
.index_jjfa img{display: block;transition: 1s all ease;}
.index_jjfa img:hover{transition: 1s all ease;transform: scale(1.1);}
.index_jjfa span{font-size: 20px;font-weight: bold;display: block;text-align: center; padding: 16px 0;position: relative;}
.index_jjfa span::after{content: '';border-top: 1px #0B48B2 solid; width: 16%;position: absolute;left: 0;right: 0;bottom: 10px; margin: auto;}
.index_jjfa small{display: block;text-align: center;color: #333;font-size: 14px;line-height: 24px;}





.index_pro{background: url(../image/bg.png) no-repeat top center;background-size: 100% 100%;border: 1px transparent solid;padding-bottom: 32px;}
.index_pro .list{width: 1240px; margin: auto;}
.index_pro .list li{width: 380px;float: left;margin-right: 50px;}
.index_pro .list li:nth-child(3n){margin: 0;}
.index_pro .list li span{display: block;text-align: center;padding: 16px 0;}
.index_pro .list img{width: 380px; height: 300px;border: 1px #eee solid;box-shadow: 1px 1px 10px #eee;transition: 1s all ease;}
.index_pro .list img:hover{transition: 1s all ease;transform: scale(1.1);}
.index_pro .list p{width: 380px;height: 300px;overflow: hidden;background: #fff;}





.more{display: block;text-align: center;height: 100px;line-height: 100px; margin-top: 8px;}
.more a{border: 1px #0B48B2 solid; width: 120px; height: 40px;line-height: 40px;text-align: center;font-size: 14px;display: inline-block;background: #0B48B2;color: #fff;}
.more a:hover{background: #fff;color: #0B48B2;border: 0;border: 1px #0B48B2 solid;}





.index_khal{width: 1240px;background: #fff;margin: auto;padding-bottom: 32px;}
.index_khal ul{display: flex;align-items: center;justify-content: space-between;}
.index_khal ul li{width: 270px;  height: auto;text-align: center;}
.index_khal img{width: 270px; height: 270px;transition: 1s all ease;}
.index_khal img:hover{transition: 1s all ease;transform: scale(1.1);}
.index_khal p{width: 270px; height: 270px;overflow: hidden;}
.index_khal ul span{background: rgba(238,238,238,.5);display: block; padding: 8px 0;}





.index_about{background: url(../image/bg.png) no-repeat top center;background-size:100% 100%; border-top: 1px solid #fff; padding-bottom: 24px;}
.index_about .box{width: 1240px; margin: auto;display: flex;align-items: center;}
.index_about .box .t{display: block;text-align: left; margin-bottom: 16px;}
.index_about .box .t small{color: #999;font-size: 32px;display: block;}
.index_about .box .t strong{font-size: 32px;font-weight: bold;color: #333;line-height: 50px;}
.index_about .text{flex: 1; margin-right: 32px;line-height: 32px;}





.index_news{padding-bottom: 40px;}
.news_box{width: 1240px; margin: auto;display: flex; justify-content: space-between;}

.news_box .list{width: 700px; padding: 0 32px; box-sizing: border-box; height: auto;}
.news_box .list .note{padding: 24px; box-sizing: border-box;}
.news_box .list a{border-bottom: 1px #ccc dotted;display: flex;justify-content: space-between;align-items: center;}
.news_box .list span{font-size: 16px;display: block; white-space: nowrap;text-overflow: ellipsis; overflow: hidden; padding: 17px 0; width: 500px;}
.news_box .list small{font-size: 14px;}





.slideBox{ width:540px; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:24px; overflow:hidden; position:absolute; right:10px; bottom:4px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;}
.slideBox .hd ul li{ float:left; margin-right:2px;  width:16px; height:16px; line-height:16px; text-align:center; background:#fff; cursor:pointer;font-size: 11px; }
.slideBox .hd ul li.on{ background:blue; color:#fff;}

.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:540px; height:410px; display:block;border-radius: 5px; overflow: hidden;}
.slideBox .bd ul li a{display: block; position: relative;height: 410px;}
.slideBox .bd ul li .note{padding: 0 16px;box-sizing: border-box;position: absolute;bottom: 0; left: 0;right: 0;background: rgba(0,0,0,.6); height: 40px;line-height: 40px;}
.slideBox .bd ul li .note span{color: #fff;white-space: nowrap;text-overflow: ellipsis; width: 80%;overflow: hidden;display: inline-block;}





.footer{display: block;text-align: center;background: #323333;padding: 48px;box-sizing: border-box;font-size: 14px;color: #fff;line-height: 32px;}
.footer a{color: #fff;font-size: 14px;line-height: 32px;}
.footer .nav{display: flex;align-items: center;justify-content: space-between; width: 1240px;margin: auto;border-bottom: 1px rgba(255,255,255,.1) solid; padding-bottom: 16px; margin-bottom: 20px;}





.loct{width: 1240px; margin: auto; padding: 24px 0 24px 24px; box-sizing: border-box; border-bottom: 1px #eee solid; background: #fff; position: relative;}
.loct::after{content: ''; position: absolute;left: 0px;top: 0; bottom: 0; margin: auto;  border-radius: 100px; width: 10px; height: 10px;display: inline-block; border: 2px #D5493A solid;}
.loct span{font-size: 16px;color: #333;}





.ny_content{width: 1240px; margin: auto;  padding:32px 0; box-sizing: border-box;font-size: 16px;min-height: 600px; margin-bottom: 100px; line-height:32px; margin: auto;}
.ny_content p{font-size: 16px; line-height: 32px;text-align: justify;}
.ny_content img{max-width: 100%; }

.nybt{font-size: 24px;font-weight: bold;color: #D5493A;text-align: center;}
.nyhi{text-align: center;}




.navs{display: block;text-align: center; margin: 40px auto auto auto;font-size: 0;}
.navs a{border: 1px #eee solid; width: 120px; height: 40px;line-height: 40px;text-align: center;font-size: 16px;display: inline-block;background: #fff; margin: 0 4px;}
.navs a:hover,.navs a.active{background: #0B48B2;color: #fff;border: 1px #0B48B2 solid;}





.support{width: 1240px; margin:40px auto;}
.support ul{display: flex;align-items: center;justify-content: space-between;}
.support li{width:400px;height:180px;border:1px solid #eaeaea;float:left;margin-right:19px}
.support .pic{height:50px;width:50px;float:left;margin:31px 0 0 36px}
.support .right{width:235px;height:200px;float:left;margin:34px 0 0 20px;line-height:45px}
.support .name{color:#222;line-height:5px;height:16px;font-size:20px;margin-bottom:16px}
.support .info{margin:0;line-height: 25px; padding-top: 20px;}





.pic_list{width: 1240px; margin: auto;}
.pic_list ul{display: block;min-height: 600px;}
.pic_list ul li{width: 300px;float: left;margin:30px 12px 0 0;}
.pic_list ul li:nth-child(4n){margin-right: 0;}
.pic_list ul li p{width: 300px;height: 220px; overflow: hidden;}
.pic_list img{width: 300px;height: 220px;border: 1px #eee solid;transition: 1s all ease;}
.pic_list img:hover{ transform: scale(1.1);transition: 1s all ease;}
.pic_list span{display: block;text-align: center;font-size: 16px; margin-top: 16px;line-height: 24px;min-height: 48px;}






.ny_newslist{width: 1240px; margin: 20px auto auto auto;min-height: 500px;}
.ny_newslist ul{display: block; margin-bottom: 30px;}
.ny_newslist ul li{border-bottom: 1px #ccc dotted; height: 64px;line-height: 64px;}
.ny_newslist ul li a{display: flex;justify-content: space-between;align-items: center;}
.ny_newslist ul li span::before{content: ''; background: #ccc; width: 7px; height: 7px;display: inline-block;border-radius: 100px;margin-right: 8px;}
.ny_newslist ul li small{font-size: 14px;}





.page{display: block;text-align: center;font-size: 16px; margin-bottom: 60px;}
.page span{font-size: 16px;}
.page table{display: block; width: 100%;}
.page td{text-align: center;}





.xf_list{width: 100%; margin: auto;}

.xf_list li{display: flex;align-items: center;justify-content: space-between;}
.xf_list li:nth-child(odd){background: rgb(247, 247, 247); padding: 40px 0;}
.xf_list .box{width: 1240px; margin: auto; padding: 32px 0;box-sizing: border-box;display: flex;align-items: center;justify-content: space-between;}
.xf_list .box img{width: 520px;height: auto;}
.xf_list .box .text{flex: 1; margin-right: 48px;}
.xf_list .box strong{display: block;font-size: 24px; margin-bottom: 8px;}
.xf_list .box span{display: block;line-height: 32px;text-align: justify;}




.prolist{width: 1240px; margin: 24px auto auto auto;min-height: 600px;}
.prolist ul{display: block;}
.prolist ul li{width: 393px;float: left;margin:24px 12px 0 0;}
.prolist ul li:nth-child(3n){margin-right: 0;}
.prolist img{width: 393px;height: 310px;border: 2px #eee solid;}
.prolist img:hover{border: 2px #1573C2 solid;}
.prolist span{display: block;text-align: center;font-size: 16px; margin-top: 16px;line-height: 24px;min-height: 48px;}



.nys_content{width: 1240px; margin: auto; background: #fff; padding:32px 0; box-sizing: border-box;font-size: 16px;min-height: 500px; margin-bottom: 100px; line-height:32px; margin: auto;}
.nys_content p{font-size: 16px; line-height: 32px;text-align: justify;}
.nys_content img{max-width: 100%;}

.nys_content .nybt{padding:20px 40px;}

.nys_content .title{margin: 30px 0 50px 0!important;}
.nys_content .title span{line-height: 21px!important;color: #ccc; text-transform: Uppercase;}