body, dl, dd, ul, ol ,h1, h2, h3, h4 ,form, input, button, textarea, p, th, td{ margin:0; padding:0;}
body{ font:12px/1.5 'Microsoft YaHei',Arial; color:#222222; font-size:12px; background: #fff;}
img{vertical-align: middle; border:none;max-width: 100%;}
ul,ol{list-style:none outside none;}
table{border-collapse:collapse; border-spacing:0;}
button, input, select, textarea {font-size: 100%; vertical-align:middle;}
a{ color:#333333; text-decoration:none; blr:expression(this.onFocus=this.blur()); }
a:hover{ text-decoration:none; text-decoration:none!important; color: #601986 }
:focus {outline: 0 none;}
h1,h2,h3{ font-size:100%; font-weight:normal;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button;-moz-appearance: button;}
.text,.btn,textarea{font-family:'Microsoft YaHei',arial;}
.clearfix:after{ content:"."; clear:both; height:0; visibility:hidden; display:block;}
.clearfix{*zoom:1;}
em,i{ font-style:normal;}
li{ list-style:none;}
.head{padding:0 100px;height:124px;position: fixed;top:0;left:0;right:0;line-height: 124px;z-index: 999;background: rgba(0,0,0,.2);}
.head h1{float: left;}
#menu{height:124px;float: right;}
#menu > li {text-align: -webkit-right;height:124px;line-height:124px;;}
#menu > li b{font-size:16px;font-weight: normal;color:#fff;padding:0 20px;line-height:124px;float: left;}
#menu > li b a{color:#fff;font-size:16px;}
label.menulist{position:relative;display:inline-block;transition:background 0.3s;cursor:pointer;line-height: 124px;width:40px;height:40px;background:rgba(255, 255, 255, .2);border-radius: 20px;text-align: center;margin:40px auto 0; cursor: pointer;}
input#check01{display:none;}
input#check01:checked ~ ul.submenu{
max-width:100%;
transition:max-width 0.5s ease-in;
z-index: 999;
}
ul.submenu {
  max-width: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
  transition: max-width 0.5s ease-out;
  position: absolute;
  height:124px;
  line-height:124px;
  right:250px;
  top:0;
}

ul.submenu li{float: left;}
ul.submenu li a{
color:#fff;
text-decoration:none;
transition:background .3s;
white-space:nowrap;
text-transform: capitalize;
font-size: 16px;
display: block;
margin:0 25px;
font-weight: 400;
text-align:center;
transition: all 0.5s ease 0s;}
ul.submenu li a::before{content: "";display: none;width:5px;height:5px;border-radius: 20px;background:#fff;float: left;margin: 86% 25% 0 0;}
.fixed ul.submenu li a::before ,.fp-viewing-page2 ul.submenu li a::before,.fp-viewing-page3 ul.submenu li a::before,.fp-viewing-page4 ul.submenu li a::before,.fp-viewing-page5 ul.submenu li a::before,.fp-viewing-page6 ul.submenu li a::before 
{content: "";display: none;width:5px;height:5px;border-radius: 20px;background:#999;margin: 52% 25% 0 0;}

ul.submenu li:first-child a::before{display: none;}
#menu li a.active {color: #3888c0;}
ul.submenu li a:hover{color: #fff;transform: translateY(5px);transition: all 0.5s ease 0s;}
ul.submenu:before {position: absolute;top: -30px;left: 80px;content: "";border-left: 13px solid transparent;border-right: 13px solid transparent;border-bottom: 15px solid #fff;border-top: 15px solid transparent;}
.nav__icon { display: block;position: absolute; width: 16px; height: 3px; top:25%; left:25%; background-color:#fff; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before, .nav__icon:after { content: ''; display: block; width: 16px; height: 3px; position: absolute; background: #fff; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; }
.nav__icon:before { margin-top:16px; }
.nav__icon:after { margin-top:8px; width:10px;height:3px;}
.nav--active .nav__icon { top:45%;left: 28%;  -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.nav--active .nav__icon:before {margin-top: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.nav--active .nav__icon:after {  display: none; }
.nav--active ul.submenu {max-width:100%;}

/*搜索框*/
.search{cursor: pointer;float: left;position: relative;}
.search_logo{width:100%;}
.search_logo h3{line-height: 100px;font-size:14px;color:#999;}
.search_logo h3 img{max-height:17px;max-height:17px;margin-right:15px;}
#search-form {
  -moz-transition: max-height, 0.5s;
  -o-transition: max-height, 0.5s;
  -webkit-transition: max-height, 0.5s;
  transition: max-height, 0.5s;
  position: absolute;
  top:100px;
  left: 0;
  max-height:0;
  overflow: hidden;
  border:none;
}
#search-form.open{width:184px;max-height:45px;height:100%;opacity: 1;border:3px solid #ececec;text-indent: .5em;font-size:14px;color:#bbb;}
@keyframes fadedown {
    from { transform: translateY(-100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.fixed, .fp-viewing-page2 .head, .fp-viewing-page3 .head, .fp-viewing-page4 .head, .fp-viewing-page5 .head, .fp-viewing-page6 .head
{background:#fff;height:80px !important;line-height:80px;}
.fixed h1 img, .fp-viewing-page2 h1 img, .fp-viewing-page3 h1 img, .fp-viewing-page4 h1 img, .fp-viewing-page5 h1 img, .fp-viewing-page6 h1 img
{display: none;}
.fixed h1 a, .fp-viewing-page2 h1 a, .fp-viewing-page3 h1 a, .fp-viewing-page4 h1 a, .fp-viewing-page5 h1 a, .fp-viewing-page6 h1 a
{background:url(../images/logo2.png) no-repeat left center;width:220px;height: 44px;background-size: cover;display: block;margin: 8% auto 0;}
.fixed ul.submenu li a, .fp-viewing-page2 ul.submenu li a, .fp-viewing-page3 ul.submenu li a, .fp-viewing-page4 ul.submenu li a, .fp-viewing-page5 ul.submenu li a, .fp-viewing-page6 ul.submenu li a
{color:#333;}
.fixed label.menulist, .fp-viewing-page2 label.menulist, .fp-viewing-page3 label.menulist, .fp-viewing-page4 label.menulist, .fp-viewing-page5 label.menulist, .fp-viewing-page6 label.menulist
{background: rgba(235, 235, 235, .8);margin:14% auto 0;float: right;}
.fixed .nav__icon:before,.fixed .nav__icon:after, .fp-viewing-page2 .nav__icon:before,.fp-viewing-page2 .nav__icon:after, .fp-viewing-page3 .nav__icon:before,.fp-viewing-page3 .nav__icon:after, .fp-viewing-page4 .nav__icon:before,.fp-viewing-page4 .nav__icon:after, .fp-viewing-page5 .nav__icon:before,.fp-viewing-page5 .nav__icon:after, .fp-viewing-page6 .nav__icon:before,.fp-viewing-page6 .nav__icon:after
{background: #666;}
.fixed .nav__icon, .fp-viewing-page2 .nav__icon, .fp-viewing-page3 .nav__icon, .fp-viewing-page4 .nav__icon, .fp-viewing-page5 .nav__icon, .fp-viewing-page6 .nav__icon
{background: #666;}
.fixed #menu, .fp-viewing-page2 #menu, .fp-viewing-page3 #menu, .fp-viewing-page4 #menu, .fp-viewing-page5 #menu, .fp-viewing-page6 #menu
{height:80px;}
.fixed #menu > li, .fp-viewing-page2 #menu > li, .fp-viewing-page3 #menu > li, .fp-viewing-page4 #menu > li, .fp-viewing-page5 #menu > li, .fp-viewing-page6 #menu > li
{height:80px;}
.fixed #menu > li b, .fp-viewing-page2 #menu > li b, .fp-viewing-page3 #menu > li b, .fp-viewing-page4 #menu > li b, .fp-viewing-page5 #menu > li b, .fp-viewing-page6 #menu > li b
{color:#333;line-height: 80px;}
.fixed #menu > li b a, .fp-viewing-page2 #menu > li b a, .fp-viewing-page3 #menu > li b a, .fp-viewing-page4 #menu > li b a, .fp-viewing-page5 #menu > li b a, .fp-viewing-page6 #menu > li b a
{color:#333;}
.fixed ul.submenu, .fp-viewing-page2 ul.submenu, .fp-viewing-page3 ul.submenu, .fp-viewing-page4 ul.submenu, .fp-viewing-page5 ul.submenu, .fp-viewing-page6 ul.submenu
{height:80px;line-height:80px;}
.fixed ul.submenu li a:hover, .fp-viewing-page2 ul.submenu li a:hover, .fp-viewing-page3 ul.submenu li a:hover, .fp-viewing-page4 ul.submenu li a:hover, .fp-viewing-page5 ul.submenu li a:hover, .fp-viewing-page6 ul.submenu li a:hover
{color: #3888c0;}


.zjq-mnav { width: 100%; height: 100%; padding: 0 0; position: fixed; z-index: 1024; opacity: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: translateY(-100%); transform: translateY(-100%); right: 0; top: 0; overflow: hidden; }
.nav--active .zjq-mnav { top:80px; opacity: 1; height: 100%; background: #0d6fb8; -webkit-transform: translateY(0); transform: translateY(0); padding:1rem 0; }
.zjq-msons { margin: 14px 10px; border-bottom: 1px solid rgba(255, 255, 255, 0.3); }
.zjq-msons dt { font-size: 14px; margin-bottom: 8px; line-height: 1.6rem; text-align: center; }
.zjq-msons a { color: #fff }
.zjq-msons dd { text-align: center; line-height: 24px; padding-bottom: 10px; }
.zjq-msons dd a { margin:0 10px; display: inline-block; color: #e9e8e8 }

.wrap_right{float: right;width:auto;text-align: right;}
.zyw{font-size:14px;color:#999;float: left;margin: 0 15px;}
.zyw a{font-size:14px;color:#999;padding:0 5px;}
.nav--active .zjq-mnav{display: none;}
.wraper{width:100%;margin:0 auto;}

.footer{width:100%;margin:0 auto;background:#222;}
.foonter_top{margin:0 auto;max-width:1320px;padding:4% 0 1%;border-bottom:1px solid #343434;}
.foonter_top_l{float: left;width:68%;}
.foonter_top_l h1 a{background:none;margin:0;}
.foonter_top_l h1 a img{display: block;}
.foonter_top_l ul{margin:2% auto 0;}
.foonter_top_l ul li{color:#666;font-size:16px;margin:1% auto;}
.foonter_top_l ul li a{display: inline-block;color:#fff;font-size:16px;padding:0 5px;}
.foonter_top_l ul li a:nth-child(1){padding-left:0;}
.foonter_top_l ul li b{font-weight: normal;color:#fff;}
.foonter_top_c{float: left;margin:4% auto 0;}
.foonter_top_c dl dt{font-size: 16px;color:#fff;margin:0 auto 5%;}
.foonter_top_c dl dd{background:url(../images/icon_bg.png)no-repeat;width:26px;height:26px;overflow: hidden;display: inline-block;margin:0 10px;}
.foonter_top_c dl dd:nth-child(3){background-position: -26px 0;}
.foonter_top_c dl dd:nth-child(4){background-position: -52px 0;}
.foonter_top_c dl dd:nth-child(5){background-position: -78px 0;}
.foonter_top_c dl dd:hover:nth-child(2){background-position: 0 -26px;}
.foonter_top_r{float: right;width:10%;margin:0 auto;text-align: center;}
.foonter_top_r dl dt{display:block;}
.foonter_top_r dl dd{color:#fff;font-size:14px;margin:5% auto 0;}
.foonter_btm{width:100%;height:75px;line-height:75px;}
.foonter_btm .dl{max-width:1320px;margin:0 auto;text-align: center;border-top:1px solid #171717;}
.foonter_btm .dl dt a{color:#999;font-size:14px;display: inline-block;}

/*honor*/
.about{background: url(../images/about_banner.jpg)no-repeat center center;max-width:1920px;height:360px;width:100%;}

.content_nav{width:100%;margin:0 auto;height:50px;border-bottom:1px solid #eee;}
.content_nav dl{max-width:1200px;margin:0 auto;line-height: 50px;}
.content_nav dl dt,.content_nav dl dd{display: inline-block;font-size:16px;color:#666;}
.content_nav dl dd a:hover{display: inline-block;font-weight: bold;color:#3888c0;}
.content_con{max-width:1200px;margin:3% auto;}
.content_l{max-width:380px;width:32%;float: left;height:100%;}

.list ul{box-shadow: 5px 5px 5px #f8f8f8,-5px -5px 5px #f8f8f8;margin:0 auto;}
.list>ul>li{width:100%;-webkit-transition:.3s ease;-moz-transition:.3s ease;-o-transition:.3s ease;transition:.3s ease;margin:5% auto;}
.list>ul>li p[class=title]{width:92%;text-align:left;background:#fff;height:60px;line-height: 60px;box-shadow: 5px 5px 5px #f8f8f8,-5px -5px 5px #f8f8f8;padding:0;border:none;position:relative;font-size:16px;color:#666;padding:0 0 0 8%;cursor: pointer;font-weight: bold;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.list>ul>li p[class=title] a{color:#3888c0 !important;}
.list>ul>li p[class=title]>span{position:absolute;right:10%;top:31%;width:25px;height:25px;background:#e6e6e6;line-height: 25px;border-radius: 20px;font-size: 16px;font-weight: bold;text-align: center;}
.list>ul>li p[class=title]> .span{background:#d4e7f8;color:#3888c0;}

.list-se{overflow:hidden;display:none}



.list-se>li{position:relative;right:-100%;-webkit-transition:right .5s;-moz-transition:right .5s;-o-transition:right .5s;transition:right .5s;}
.list-se>li>i{color:#666;height:50px;-webkit-box-sizing:border-box;box-sizing:border-box;line-height:50px;display: block;text-indent: 3em;}
.list-se>li>i>a{color:#666;display: block;font-size:14px;}
.list-se>li>i:hover a,.list-se>li>i.hover a{color:#3888c0;}
.list>ul>li>ul.list-se p[class=title]{box-shadow:none !important;border-bottom: 1px solid #e9f3fc;color:#3888c0;}
.list>ul>li>ul.list-se p a{color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;width:85%;}
.list>ul>li>ul.list-se p:hover a{color:#3888c0;}
.content_r{width:63.334%;float: right;}
.main_title h3{font-size:18px;font-weight: bold;color:#333;text-align: center;margin:2% auto 4%;width:42%;}
.main_title h3::before,.main_title h3::after{content: "";display: none;width:100px;height:1px;background:#eee;margin:4% auto 0;}
.main_title h3::before{float: left;}
.main_title h3::after{float:right;}
.main_con>img{max-width:760px;margin:0 auto;display: block;width:100%;}
.main_con em{font-style:oblique;}
.main_con blockquote{margin:0 auto;display: inline-block;}
.main_con blockquote p{margin:3% auto 0;}
.main_con blockquote:nth-child(1){float: left;width:47%;padding-right:3%;}
.main_con blockquote:nth-child(2){width:50%;float: right;}
.main_con blockquote:nth-child(4){width:50%;float: left;}
.main_con blockquote:nth-child(5){float: right;width:48%;padding-left:2%;}

/**/
.main_con dl{width:47.932%;float: left;margin:2.5% 4% 0 0;}
.main_con dl dt{width:100%; padding:1%;border:1px solid #ddd;box-sizing: border-box;overflow: hidden;transition: all 1s ease 0s;}
.main_con dl dt img{width:100%;height: auto;transition: all 1s ease 0s;}
.main_con dl:nth-child(2),.main_con dl:nth-child(4),.main_con dl:nth-child(6){margin-right:0;}
.main_con dl dd a{display: block;font-size:16px;color:#666;font-weight: bold;text-align: center;padding:2% 0;}
.main_con dl dt:hover{border:1px solid #3888c0;transition: all 1s ease 0s;}
.main_con dl dt:hover img{transform: scale(1.2);transition: all 1s ease 0s;}
.main_con dl:hover dd a{color:#3888c0;}

.ym{width:100%;margin:6% auto 0;}
.ym .ym_ul{display: inline-block;width: 100%;text-align: center;}
.ym .ym_ul .ym_li{width:36px;line-height:36px;border-radius: 5px;border:1px solid #ddd;font-size:14px;color:#666;display: inline-block;text-align: center;}
.ym .ym_ul .ym_li:hover,.ym .ym_ul .ym_li.on{color:#fff;background:#3888c0;border:1px solid #fff;}

.pagination{display: inline-block;width: 100%;text-align: center;}
.pagination li{padding:0 15px;margin:0 5px;line-height:36px;border-radius: 5px;border:1px solid #ddd;font-size:14px;color:#666;display: inline-block;text-align: center;}
.pagination li.cur{color:#fff;background:#3888c0;border:1px solid #fff;}

.product_con{margin:0 auto;}
.main_top{position:relative;width:100%;height:100%;}
.ban{width:100%;height:370px;position:relative;overflow: hidden;}
.ban2{ width:77.399%;max-height:370px;float: left;}
.ban2 ul{ position:absolute; left:0; top:0;width: 1800px;height: 1122px;}
.ban2 ul li{max-width:600px;max-height:370px; height:100%;overflow: hidden;display:block;padding:2px 0;}
.ban2 ul li img{width:100%;height:auto;display: block;}
.prev{ float:left; cursor:pointer;}

.min_pic{width:20.32%; padding-top:5%;max-height:370px;float: right;}
.min_pic .num{max-width:152px;width:100%; height:370px;position: absolute;right:0;top:5%;overflow: hidden;box-sizing: border-box;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{width:100%;background:#ddd;margin:.8% auto;padding:1px;box-sizing: border-box;cursor: pointer;}
.num ul li img{max-width:150px;max-height:903px;overflow: hidden;display: inline;}
.num ul li.on{background:#005bac; width:100%;}
.prev_btn1{ cursor:pointer;position: absolute;top:0;right:0;background: url(../images/jt_cn.png) no-repeat;width:152px;height:30px;z-index: 222;}
.next_btn1{ cursor:pointer;position: absolute;bottom:0;right:0;background: url(../images/jt_cn.png) no-repeat;width:152px;height:30px;background-position:0px -31px;z-index: 222;}
.prev_btn1:hover{background-position:0 -62px;}
.next_btn1:hover{background-position:0 -93px;}

.product_con .main_title h3{width:50%;float: left;font-size:20px;font-weight: bold;color:#005bac;}
.tab_hd{width:42%;float: right;}
.tab_hd li{float: left;font-size:14px;color:#333;background:#e8e8e8;line-height: 36px;width:29%;text-align:center;margin-left:4.3%;cursor: pointer;}
.tab_hd li.hover{color:#fff;background:#f1950c;}
.tab_hd li:last-child{float: right;}
.tab_bd{font-size:14px;color:#333;line-height:28px;margin:3% auto 0;}
.tab_bd img{display:block;max-width:100%;height: auto;margin:2% auto;}
.project_center{display: none;}
.main_cons{margin:2.5% auto 0;}
.main_btm{margin:3% auto 0;}
.main_btm_tit h4{font-size:20px;font-weight:bold;color:#3888c0;border-bottom:1px solid #3888c0;}
.main_btm_tit h4::after{content: "";display: block;border-top:1px dashed #3888c0;height:2px;margin-top:1.5%;}


.news{background: url(../images/news_banner.jpg)no-repeat center center;max-width:1920px;height:360px;width:100%;}
.main_wz_tit{margin:2.5% auto 2%;}
.main_wz_tit b{display: block;float: left;width: 85%;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.main_wz_tit b a{display: block;font-size:16px;color:#333;transition: all 1s ease 0s;}
.main_wz_tit i{display: block;float: right;font-size:14px;color:#999;}
.main_wz_con{border-bottom:1px solid #eee;padding-bottom:3%;transition: all 1s ease 0s;}
.main_wz_con p{font-size:14px;line-height: 28px;color:#666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.main_wz_tit b:hover a{color:#3888c0;transform: translateX(10px);transition: all 1s ease 0s;}
.main_con ul li:hover .main_wz_con{border-bottom:1px solid #3888c0;transition: all 1s ease 0s;}

.news_tit{text-align: center;margin:2.5% auto 3%;}
.news_tit h4{font-size: 16px;color:#333;font-weight: bold;}
.news_tit i{font-size:14px;color:#999;display: block;line-height: 30px;}
.news_con{border-bottom:1px dashed #ddd;padding-bottom:5%;}
.news_con img{margin:3% auto;}
.fy{margin:3% auto 0;}
.fy em,.fy em a{display: block;}
.fy em a{font-size:14px;line-height: 28px;color:#666;}
.fy em a:hover{color:#3888c0;}

.contact{background: url(../images/contact_banner.jpg)no-repeat center center;max-width:1920px;height:360px;width:100%;}
.main_cons{position: relative;}
.main_cons p span{display: block;line-height: 30px;margin:2% auto;text-indent: 1em;}
.main_cons span img{width:30px;height:30px;float: left;}
.main_cons p b{font-size:16px;color:#333;display: block;margin:4% auto 0;}
.main_cons blockquote:nth-child(2){float: left;width:80%;}
.main_cons blockquote:nth-child(3){float: right;margin:2% auto 0;}
.main_cons blockquote:nth-child(3) abbr{display:block;}
.main_cons blockquote:nth-child(3) em{display:block;text-align: center;font-size:14px;}
.main_con .map{max-width:760px;max-height:360px;width:100%;height:100%;background:#eee;margin:4% auto 0;}

.main_con h2{font-size:16px;color:#333;font-weight: bold;margin:2.5% auto 0;}
.main_con form input{height: 40px;border:1px solid #ddd;text-indent: 1em;border-radius: 5px;box-sizing: border-box;line-height: 40px;}
.main_con form input:nth-child(1),.main_con form input:nth-child(2){width:49%;margin:2% 2% 2% 0;}
.main_con form input:nth-child(1){float: left;}
.main_con form input:nth-child(2){float: right;margin-right:0;}
.main_con form input:nth-child(3){width:100%;margin:0 auto 2%;}
.main_con form textarea:nth-child(4){width:100%;border:1px solid #ddd;border-radius: 5px;box-sizing: border-box;text-indent: 1em;line-height: 40px;margin:0 auto 2%;height:120px;}
.main_con form>span{display: inline-block;margin-left:2%;font-size: 14px;color:#666;}
.main_con form>span>img{display: inline-block;max-width: 100%;height:40px;}
.main_con form button{float: right;width:150px;height:40px;background:#3888c0;color:#fff;border-radius: 5px;border:none;}

/**/
.section{width: 100%;height:1300px;background-attachment: fixed;position: relative;overflow: hidden;}
/* .section{width: 100%;height:1300px;background-attachment: fixed;position: relative;height:100vh;width:100vw;} */
.page2{background: url(../images/sy_bg1.jpg) no-repeat center center;}
.page3{background: url(../images/sy_bg2.jpg) no-repeat center center;}
.page4{background:#f7f7fb;}
.page5{background: url(../images/sy_bg3.jpg) no-repeat center center;}

.footer,.footer .fp-tableCell{ height: auto!important;width:100%;}
.foot_top{width:100%;line-height:42px;font-size: 14px;font-weight: 600;color:#000;border-bottom:4px solid #d2d2d2;}
.foot_top ul{display: inline-block;width:50%;}
.foot_top ul li{display: inline-block;padding: 0 2%;}
.foot_top ul li a{display: block;}
.foot_top dl{float: right;width:50%;text-align: right;}
.foot_top dl dd{display: inline-block;padding:0 1% 0 0;cursor: pointer;}
.foot_top dl dd:last-child{padding-right:3%;}
.foot_bottom{height:80px;}
.foot_bottom h1{font-size:29px;color:#7d7c7c;text-align: center;font-family: "黑体";line-height: 60px;}
.foot_bottom .ba{font-size:14px;color:#898989;line-height:14px;text-align: right;padding-right:4%;}

/* banner */
.fol_what{ text-align: center; display: block; }
.fol_sao{ display: block; height: 40px; line-height: 40px; text-align: center; font-size: 14px; color: #bdbdbd; }
.pc_banner{display: block;}
.sj_banner{display: none;}
.flex-control-nav {  text-align: center;z-index: 999999; width: 100%; position: absolute; left: 0; bottom:5%; z-index: 999;  }
.flex-control-nav li{ display: inline-block; margin:0 10px; cursor: pointer;  }
.flex-control-nav li a{ display: block; z-index: 999999; transition: all 0.5s ease 0s; font-size: 0;   width: 16px; height: 16px;  background-position:-2px -176px;  }
.flex-control-nav li a.flex-active{background-position:-26px -176px;width: 29px; height: 16px; margin-top: 0px; transition: all 0.5s ease 0s;  }
.flex-direction-nav{ display: block; }
.flex-prev{ position: absolute; left:5%;z-index: 99999;background:url(../images/prev.png) no-repeat; margin-top: -50px;font-size:0; top: 50%; width: 50px; height: 100px; display: block;  }
.flex-next { position: absolute; right:5%;z-index: 99999;background:url(../images/next.png) no-repeat;margin-top: -50px;font-size:0; top: 50%; width: 50px; height: 100px; display: block;  } 
.flexslider {position: relative;width: 100%;height:100vh; margin:0 auto; overflow:hidden;}
.slides li .banner_img{ width:100%; height:100%;}
.slides li { position:relative; width:100%; height:100%;}
.slides {width:100%; height:100%;}
.case{  width: 1340px; left: 50%; top: 50%; transform: translate(-50%,-50%); position: absolute;}
.science{background:url(../images/bannerbj.png) left center repeat; padding: 30px 0 0 30px; box-sizing: border-box; transition: all 0.8s ease 0s; width: 0px; height: 267px; position: relative; }
.sci1,.sci2,.sci6,.part a{background:url(../images/ico3.png) left top no-repeat;}
.sci1{ display: block; height:40px ; width: 88px; background-position: -1px -217px; margin-bottom: 12px;  }
.sci2{ display: block; height: 38px; background-position: -1px -262px; }
.sci4,.sci5{ display: block; height:34px ; line-height: 34px; font-size: 16px; overflow: hidden; }
.sci3{ width: 26px; height: 2px;  display: block; background: #124097; margin:26px 0 20px 0;  }
.sci6{background-position: -1px -1px;  width: 400px; display:block;height: 0; position: absolute; right: 12px; top: -30px;}
.flex-active-slide .science{ width: 824px;transition: all 0.8s ease 0s; }
.flex-active-slide .sci1{-webkit-animation:fadeInUp 0.8s linear 0.6s both;-moz-animation:fadeInUp 0.8s linear 0.6s both; animation:fadeInUp 0.8s ease 0.6s both;}
.flex-active-slide .sci2{-webkit-animation:fadeInUp 0.8s linear 0.7s both;-moz-animation:fadeInUp 0.8s linear 0.7s both; animation:fadeInUp 0.8s ease 0.7s both;}
.flex-active-slide .sci3{  -webkit-animation:fadeInUp 0.8s linear 0.8s both;-moz-animation:fadeInUp 0.8s linear 0.8s both; animation:fadeInUp 0.8s ease 0.8s both;}
.flex-active-slide .sci4{-webkit-animation:fadeInUp 0.8s linear 0.9s both;-moz-animation:fadeInUp 0.8s linear 0.9s both; animation:fadeInUp 0.8s ease 0.9s both;}
.flex-active-slide .sci5{-webkit-animation:fadeInUp 0.8s linear 1s both;-moz-animation:fadeInUp 0.8s linear 1s both; animation:fadeInUp 0.8s ease 1s both;}
.flex-active-slide .sci6{ height: 212px; transition: all 0.8s ease 1.3s; }

/* .slider_SJ{display: none;}
.slider_PC{height: 100vh;font-size: 0;text-align: center;position: absolute;top: 0;left: 0;right: 0;bottom: 0;}
.htmleaf-container{position:relative;overflow:hidden;height:100vh;}
.osSlider-main{position:absolute;top:0;background:no-repeat center center/cover;height:100% !important;width:100vw !important;}
.osSlider-main .slider-btn-prev{position:absolute;z-index:30;top:50%;left:0;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/prev.png) 50% 50% no-repeat ;transition:all .5s linear;cursor: pointer;}
.osSlider-main:hover .slider-btn-prev{left:5px}
.osSlider-main .slider-btn-next{position:absolute;z-index:30;top:50%;right:0;width:40px;height:40px;text-indent:-9999px;margin-top:-20px;background:url(../images/next.png) 50% 50% no-repeat ;transition:all .5s linear;cursor: pointer;}
.osSlider-main:hover .slider-btn-next{right:5px}
.htmleaf-container ul.slider-main li{width:100% !important;height:100% !important;}
.htmleaf-container ul.slider-main li img{width:100vw;height:100vh;}
.osSlider-main .slider-nav{position: absolute;bottom:10%;left:0;right:0;width:100%;height:22px;text-align:center;z-index:25}
.osSlider-main .slider-nav li{display:inline-block;height:15px;width:15px;line-height:20px;margin:0 5px;color:#fff;background:#fff;cursor:pointer;border-radius: 20px;}
.osSlider-main .slider-nav li.active{color:#fff;background:#fff;width:25px;height:15px;}
.osSlider-main .slider-nav li:hover{background:#fff;width:25px;height:15px;} */
/**/
/*:root{--thumbnail-width: 15px;--thumbnail-height: 15px;}
#sections-wrapper{position:relative;overflow:hidden;height:100vh;}
#sections-wrapper section{height:100vh;font-size:0;text-align:center;position:absolute;top:0;left:0;right:0;bottom:0}
.hide-bottom{transform:translateY(100%)}
.hide-top{transform:translateY(-100%)}
.segment{height:100%;display:inline-block;overflow:hidden;position:relative;box-sizing:border-box}
.segment-inner{position:absolute;top:0;background:no-repeat center center/cover;height:100%;width:100vw}
.sections-control{text-align:center;font-size:0;position:absolute;left:0;right:0;bottom:10%;box-sizing:border-box}
.section-thumbnail{width:var(--thumbnail-width);height:var(--thumbnail-height);display:inline-block;margin:0 8px;position:relative;transition:.3s all ease;opacity:.5;cursor:pointer;}
.section-thumbnail:before{content:"";position:absolute;top:50%;left:0;right:0;height:var(--thumbnail-height);margin-top:calc(var(--thumbnail-height)/2 * -1);background:#fff;border-radius: 10px;}
.section-thumbnail:hover{opacity:1}
.section-thumbnail.active{transform:scaleX(2);opacity:1;}
.section-thumbnail.active::before{border-radius: 5px;}*/

/**/
.abous{max-width: 1320px; margin:1% auto 0;}
.abousl{margin-left:2%;width:39.395%;float: left;box-shadow: 5px 5px 10px #dadade,-5px -5px 10px #dadade;overflow: hidden;max-width:520px;max-height: 640px;height:100%;}
.abousl img{width:100%;height:auto;transition: all 1s;}
.abousl:hover img{transform: scale(1.2);transition: all 1s;}
.abousr{float: right;width:55%;}
.abousr_title{margin:11% auto 6%;}
.abousr_title i{font-size:20px;display: block;color:#666;}
.abousr_title h2{font-size: 24px;color:#333;font-weight: bold;margin:.5% auto 0;}
.contact_con{height:80%;}
.abousr_con{height:72%;position: relative;}
.abousr_con .abousr_con_p{font-size:16px;color:#333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.abousr_con em{display: block;cursor: pointer;margin:8% auto 0;position: absolute;bottom:2%;left:0;right:0;}
.abousr_con em a{display: block;line-height: 30px;font-weight: bold;font-size: 14px;color:#3888c0;transition: all 1s;}
.abousr_con em::before{content: "";display:block;float: left;background:url(../images/jt_right.png)no-repeat left top;width: 53px;height:30px;transition: all 1s;}
.abousr_con:hover em::before,.abousr_con:hover em a{transition: all 1s;transform: translateY(-10px);}

.yyui_tab>ul>.yyui_tab_title{cursor:pointer;display:inline-block;background:url(../images/sy_about_bg.jpg) no-repeat;max-width:230px;height: 172px;width:100%;}
.yyui_tab>ul>.yyui_tab_title h3,.yyui_tab>ul>.yyui_tab_title_this h3{line-height: 30px;font-size:20px;font-weight: bold;color:#fff;text-align: center;margin: 28% auto 0;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.yyui_tab>ul>.yyui_tab_title i,.yyui_tab>ul>.yyui_tab_title_this i{display: block;text-align: center;line-height: 20px;color:#fff;font-size:16px;}
.yyui_tab>ul>.yyui_tab_title_this{cursor:pointer;display:inline-block;font-size:13px;background:url(../images/sy_about_bg_hover.jpg) no-repeat;max-width:230px;height: 172px;width:100%;}
.yyui_tab>ul>.yyui_tab_title h3,.yyui_tab>ul>.yyui_tab_title i{color:#999;}
.yyui_tab>.yyui_tab_content{display:none;box-sizing:border-box;padding:10px;}
.yyui_tab>.yyui_tab_content_this{margin-top:-1px;display:block;box-sizing:border-box;padding:10px;height:470px;}

/**/
.kggs{width:100%;margin:6.5% auto 0;height:100%;}
.kggs_title{text-align: center;}
.kggs_title h3{color:#3888c0;font-size: 28px;font-weight: bold;}
.kggs_title i{display: block;font-size:18px;color:#666;margin:1% auto 0;}

.s,.top-tel i,.fd,.fd i,.pos,.area:after,.area:before,.advice a,.gohome,.t24,.mod i,.tolink i,.npage i,.npage span{ background: url(../images/index.png) no-repeat; display: inline-block; vertical-align: middle;}
.cases-list{ position: absolute; left: 0; top: 0; display: none;}
.cases-list.cur{ z-index: 2;}
.cases-list li{ float: left; max-width: 426px; max-height:260px;width:33%;margin:1.5% 1.5% 0 0;overflow: hidden;}
.cases-list li img{width:100%;height:auto;}
.cases-list li:nth-child(3),.cases-list li:nth-child(6){margin-right:0}
.c-block{ display: block; }
.cases-list-box{ position: relative; max-width: 1320px; margin:1% auto 0;}
.cases-list li a{ display: block; position: relative; overflow: hidden; border: 1px solid #fff;}
.redShade{ position: absolute; left: 0; top: 0; background: rgba(46,49,127,0.6); width: 100%; height: 100%;opacity: 0; filter:alpha(opacity=0);}
.cases-list li a:hover .redShade{opacity: 1;filter:alpha(opacity=100);}
.fd{ background-position: 0 -34px; width: 92px; height: 94px; position: absolute; left: 50%; margin-left: -46px; top: 18%; visibility: hidden;}
.fd i{ background-position: -48px 0; width: 28px; height: 29px; position: absolute; left: 12px; top: 12px; }
.cases-list li h3{ font-size: 20px; text-align: center; color: #fff; position: absolute; left: 0; width: 100%; bottom: 20%; visibility: hidden;}
.cases-list li a:hover .fd{ 
	-webkit-animation:fadeInDown 0.4s ease 0s both; 
	-ms-animation:fadeInDown 0.4s ease 0s both; 
	-moz-animation:fadeInDown 0.4s ease 0s both; 
	-o-animation:fadeInDown 0.4s ease 0s both; 
	animation:fadeInDown 0.4s ease 0s both; 
	visibility:visible;
}
.cases-list li a:hover h3{  
	-webkit-animation:fadeInUp 0.4s ease 0s both;
	-ms-animation:fadeInUp 0.4s ease 0s both;
	-moz-animation:fadeInUp 0.4s ease 0s both;
	-o-animation:fadeInUp 0.4s ease 0s both;
	animation:fadeInUp 0.4s ease 0s both; 
	visibility:visible;
}
.cases-list li a:hover i{
	-webkit-animation:fd 2.4s ease 0.2s both infinite;
	-ms-animation:fd 2.4s ease 0.2s both infinite;
	-moz-animation:fd 2.4s ease 0.2s both infinite;
	-o-animation:fd 2.4s ease 0.2s both infinite;
	animation:fd 2.4s ease 0.2s both infinite;
}

.cases-list li.ani{
	-webkit-animation:fadeInUp 0.8s ease 0s both;
	-ms-animation:fadeInUp 0.8s ease 0s both;
	-moz-animation:fadeInUp 0.8s ease 0s both;
	-o-animation:fadeInUp 0.8s ease 0s both;
	animation:fadeInUp 0.8s ease 0s both;
	visibility: visible;
}

@-webkit-keyframes fd{
	0%{
		-webkit-transform:rotate(0deg); 
		-webkit-transform-origin:right bottom;
	}
	50%{
		-webkit-transform:rotate(90deg); 
		-webkit-transform-origin:right bottom;
	}
	100%{
		-webkit-transform:rotate(0deg); 
		-webkit-transform-origin:right bottom;
	}
}
@-ms-keyframes fd{
	0%{
		-ms-transform:rotate(0deg); 
		-ms-transform-origin:right bottom;
	}
	50%{
		-ms-transform:rotate(90deg); 
		-ms-transform-origin:right bottom;
	}
	100%{
		-ms-transform:rotate(0deg); 
		-ms-transform-origin:right bottom;
	}
}
@-moz-keyframes fd{
	0%{
		-moz-transform:rotate(0deg); 
		-moz-transform-origin:right bottom;
	}
	50%{
		-moz-transform:rotate(90deg); 
		-moz-transform-origin:right bottom;
	}
	100%{
		-moz-transform:rotate(0deg); 
		-moz-transform-origin:right bottom;
	}
}
@keyframes fd{
	0%{
		transform:rotate(0deg); 
		transform-origin:right bottom;
	}
	50%{
		transform:rotate(90deg); 
		transform-origin:right bottom;
	}
	100%{
		transform:rotate(0deg); 
		transform-origin:right bottom;
	}
}
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-50px);
        -ms-transform: translateY(-50px);
        transform: translateY(-50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown
}
@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(50px);
        -ms-transform: translateY(50px);
        transform: translateY(50px)
    }

    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}


.new_con{max-width:1320px;margin:2% auto;}
.new_con ul li{float: left;width:17.804%;background:#fff;padding:3%;margin-right:1.5%;transition: all 1s;}
.new_con ul li:last-child{margin-right: 0;}
.new_con ul li h3{font-size:16px;line-height: 30px;font-weight: bold;color:#333;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;height:53px;}
.new_con ul li h3 a{display: block;}
.new_con ul li i{font-size:14px;color:#999;display: block;margin:10% auto;}
.new_con ul li span{display: block;width:100%;height:100%;overflow: hidden;max-width:235px;max-height: 145px;}
.new_con ul li span img{width: 100%;height:auto;transition: all 1s;}
.new_con ul li abbr{display: block;font-size:14px;line-height: 26px;color:#666;margin:8% auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;height:104px ;}
.new_con ul li em{display: block;width:50%;height:38px;background:#888;line-height: 38px;text-align: center;margin:0 auto;transition:1s;}
.new_con ul li em a{color:#fff;display: block;}
.new_con ul li span:hover img{transform: scale(1.2);transition: all 1s;}
.new_con ul li em:hover{width:60%;background:#2e317f;transition: width 1s;}
.new_con ul li:hover{transform: translateY(-10px);transition: all 1s;}
.new_con ul li h3:hover a{color:#3888c0;}
.ckgd{width:100%;line-height:40px;background:#fff;font-size:14px;color:#999;text-align: center;margin:3% auto 0;transition: all 1s;}
.ckgd:hover{transform: translateY(-10px);transition: all 1s;}
.ckgd:hover a{color:#3888c0;}

.lxwm{max-width:1320px;margin:10% auto 8%;}
.lxwm_l{width:56%;float: left;}
.lxwm_l h2{font-size: 24px;color:#333;font-weight: bold;}
.lxwm_l form input{height: 40px;border:1px solid #ddd;text-indent: 1em;border-radius: 5px;box-sizing: border-box;line-height: 40px;background:rgba(255, 255, 255, 0);}
.lxwm_l form input:nth-child(1),.lxwm_l form input:nth-child(2),.lxwm_l form input:nth-child(3){width:32%;margin:2% 2% 2% 0;}
.lxwm_l form input:nth-child(1){float: left;}
.lxwm_l form input:nth-child(2){float: left;}
.lxwm_l form input:nth-child(3){margin-right:0;float: right;}
.lxwm_l form textarea:nth-child(4){width:100%;border:1px solid #ddd;border-radius: 5px;box-sizing: border-box;text-indent: 1em;line-height: 40px;margin:0 auto 2%;background:rgba(255, 255, 255, 0);}
.lxwm_l form>span{display: inline-block;margin-left:2%;font-size: 14px;color:#666;}
.lxwm_l form>span>img{display: inline-block;max-width: 100%;height:40px;}
.lxwm_l form button{float: right;width:150px;height:40px;background:#3888c0;color:#fff;border-radius: 5px;border:none;}

.lxwm_r{width:39%;float: right;}
.lxwm_r p span{display: block;line-height: 30px;margin:2% auto;text-indent: 1em;font-size: 14px;}
.lxwm_r span img{width:30px;height:30px;float: left;}
.lxwm_r p b{font-size:16px;color:#333;display: block;margin:4% auto 0;}

.BMap_pop,.BMap_shadow{display: none;}
.BMap_stdMpZoom{top:0 !important;}
.BMap_stdMpPan{display: none;}
.BMap_Marker img{width: 36px !important;height: 19px !important;}