@charset "utf-8";

*{ padding:0; margin:0;}
table { border-collapse:collapse; border-spacing: 0}
a { text-decoration:none; color:#333;}
a:hover { color:#305DC3;}
input { outline:none}
textarea { resize:none}
li { list-style: none}
img { border:none; vertical-align:bottom;}
*, :after, :before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
h1,h2,h3,h4,h5,em,i { font-weight:normal; font-style:normal;}
/*=======================================================*/
body { font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size: 15px; color: #929292; line-height: 1.68; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; outline:0; background-color: #F7F7F7; position: relative;}
.container { width:1200px; margin:0 auto;}
.content { width:1200px; padding-left: 265px; padding-bottom: 50px; margin:0 auto; position: relative;}
.sitecontent { width:1200px; margin:0 auto;}
.sidebar { width: 220px; position: absolute; left: 0; top: 0;}
.sidebar-inner { width: 100%; position: relative;}
.main { width: 100%; min-height: 500px; padding-top: 50px;}
.fl { float: left;}
.fr { float: right;}
.menu-a i{ display:inline;}
.white { background-color: #FFFFFF!important;}
.newnone { display: none; width: 0; height: 0; overflow: hidden;}
/**/
.wrapper { padding:100px 0 0 0;}
.header { width: 100%; height: 100px; position: fixed; transition: all ease .3s; z-index: 99; background-color:#FFF; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.05); transition-property: padding, background}
.header .logo { margin-top: 15px; float: left;}
.header .logo img { transform: scale(1, 1); transition: all 0.3s ease-out 0s; transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height:70px; width: auto}
/**/
.header .menu { float:right; font-size: 18px;}
.header .menu ul li.menuitem { width: auto; height: 100px; line-height: 60px; float: left; position: relative; transition: all 0.4s ease-out 0s; padding: 0px 1px 0px 0px !important;}
.header .menu ul li.menuitem a { color:#4b4b4b;display: inline-block; padding: 20px 26px; }
.header .menu ul li.menuitem a.active, .header .menu ul li.menuitem:hover a { color: #fff;background-color: #305dc3;display: inline-block;padding: 20px 26px;}
.header .menu ul li.menuitem a::after {content:'';display:none;margin-top: -5px;width:30%;height:1px;background:transparent;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.header .menu ul li.menuitem a.active::after {width:60%;background:rgba(0, 0, 0, .5);display: none;}
.header .menu ul li.menuitem:hover a::after {width:100%;background:rgba(0, 0, 0, .4);}
/**/
.header .menu ul li.menuitem ul.submenu { width:192px; background:#fff; border:0; position: absolute; box-shadow: 0 6px 10px rgba(0, 0, 0, .1); top: 88px !important; z-index: 2; transition: all 0.3s ease-out 0s; opacity: 1; visibility: hidden; transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px); left: -30px;}
.header .menu ul li.menuitem:hover ul.submenu { opacity: 1; visibility: visible; transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
/**/
.header .menu ul li.menuitem a { transition: none ease-out .3s; transition-property: color, background, text-indent, opacity;}
.header .menu ul li.menuitem ul.submenu li { border-bottom:1px solid rgba(0, 0, 0, .08); }
.header .menu ul li.menuitem ul.submenu li a { display: block; text-align:center; color: #666; width:100%; padding:14px 0; line-height: 20px;  background:none; font-size: 15px;}
.header .menu ul li.menuitem ul.submenu li a i { display:none; }
.header .menu ul li.menuitem ul.submenu li a:hover { background:#fff; color:#000; text-indent:inherit; }
.header .menu ul li.menuitem ul.submenu li a:hover::after, .header .menu ul li.menuitem ul.submenu li a:after {display:none;}
.header .menu ul li.menuitem ul.submenu li a:hover { background-color:#f5f5f5; }
/**/
.slide { width: 100%; height: 580px; background-size: cover; background-position: center center;}
.slide .slide-img { width: 100%; height: 600px; background-size: cover; background-position: center center;}
.slide .slide-img img { width: 100%; height: 600px;}
/**/
.slide .swiper-container { background-color:rgba(0,0,0,0.4);}
.slide .swiper-slide { width:100%; height:600px; background-repeat:no-repeat; background-size: cover; background-position: center center;}
.slide .swiper-pagination-bullets { bottom: 75px!important;}
.slide .swiper-pagination-bullet { width: 50px; height: 5px; border-radius: 0; background-color: #363636;}
.slide .swiper-pagination-bullet-active { background-color: #FCC900;}
.swiper-button-next, .swiper-button-prev { position:absolute; width:50px; height:50px; margin-top:-22px; z-index: 10; cursor: pointer; background-size: 27px 44px; background-position: center; background-repeat: no-repeat; background-size:30%; background-color:rgba(0,0,0,0.2); border-radius:50px; }
/**/
.banner { width: 100%; height: 200px;}
/**/
.service { width: 100%; height: 300px; position: relative; z-index: 2;}
.service .container { margin: 0 auto; width: 1200px; height: 380px; overflow: hidden; position: relative; top: -100px;}
.servicelist { width: 1200px; height: 380px; overflow: hidden; padding-top: 10px;}
.servicelist li.serviceitem { float: left; width: 33.333%; height: 350px; padding: 20px; background-color: #FFFFFF; transition: all 0.3s ease-out 0s;}
.servicelist li.serviceitem .service-img { width: 100%; height: auto;}
.servicelist li.serviceitem .service-img img { width: 100%; height: auto;}
.service-text { padding-top: 20px;}
.service-text h2 { height: 26px; line-height: 26px; font-size: 18px; color: #000; margin-bottom: 10px;}
.service-text p { font-size: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #A9A9A9;}
/*
.servicelist li.serviceitem:nth-child(1) { background-color:#305DC3;transition: all 0.3s ease-out 0s;} 
.servicelist li.serviceitem:nth-child(2) { background-color:#2d57b6;transition: all 0.3s ease-out 0s;}
.servicelist li.serviceitem:nth-child(3) { background-color:#294da0;transition: all 0.3s ease-out 0s;}
*/
.servicelist li.serviceitem:hover {box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);margin-bottom: 10px;margin-top: -13px;}
/**/
.module {}
.module-title { padding-top: 90px; padding-bottom: 60px; margin: 0 auto;width: 1200px;text-align: center;}
.module-title h2 { font-size: 26px; color: #444; margin-bottom: 8px;}
.module-title p { display: block; width: 478px; color: rgba(191, 191, 191, 0.91); font-size: 15px; margin: 0 auto; border-bottom: 1px #ececec solid; padding-bottom: 10px; margin: 0 auto;}
.module-title p::after{ content:''; background-color: #5181D4; width: 23px; height: 9px; display: block; border-left: 7px #F7F7F7 solid; border-right: 7px #F7F7F7 solid; position: relative;top: 15px; left: 228px; z-index: 9;}
/**/
.pro-category { display: block; padding-bottom: 0px; text-align: center; margin-bottom: 55px;}
.pro-category a { border:none; font-size: 15px; padding:10px 28px; margin-right:4px;  border: 1px #efefef solid;color:#a9a9a9;background-color:#fff; transition: 0.3s;transform-origin: top;}
.pro-category a.active, .pro-category a:hover { color:#fff;transition: 0.3s; background-color:#305dc3;transform-origin: bottom; border: 1px #305dc3 solid;}
/**/
.prolist { margin: 0 -15px;}
.prolist .proitem { float: left; transition: all ease-out .3s; width:33.333%; background:none; padding: 0 15px 25px 15px;}
.prolist .proitem .proitem-body { width: 100%; height:auto; background-color: #FFFFFF; transition: 0.3s;}
.prolist .proitem .proitem-body a::after{conter''; display:block; clear: both;}
.prolist .proitem .proitem-body .proimg { width: 100%; height: 0; padding-top: 100%; overflow: hidden; box-sizing: border-box; position: relative; -webkit-perspective: 150; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-position: center; background-size: cover;}
.prolist .proitem .proitem-body .proimg .adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.prolist .proitem .proitem-body .proimg img { width: 100%; height: 100%; transition: all 0.6s; }
.prolist .proitem:hover .proitem-body { box-shadow: 0px 7px 17px #dedede;}
.prolist .proitem:hover .proitem-body .proimg img { transform: scale(1.1); }
/**/
.prolist .proitem .proitem-body .proinfo { height: auto; padding: 15px 20px; width:100%; position: relative;}
.prolist .proitem .proitem-body .proinfo h2 { font-size: 17px; color: #444; height: 32px; line-height: 32px; text-align: center; margin: 0 auto; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.prolist .proitem .proitem-body .proinfo p { display: block; font-size: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; color: #A9A9A9;}
.prolist .proitem .proitem-body .proinfo .subtitle { border:0px red solid; transition: all ease-out .3s;-webkit-transform-origin: center bottom; -moz-transform-origin: center bottom; transform-origin: center bottom; opacity: 1; -webkit-transform: rotateX(0deg); position:absolute; left:19%; top:-40px; color:#FFFFFF; width:60%; height:40px; line-height: 40px; overflow: hidden; font-size: 15px;text-align: center; padding:0px; background: rgba(48, 93, 195, 0.87); transform: rotateX(90deg);-webkit-transform: rotateX(90deg); margin: 0px; padding: 0 1%;}
.prolist .proitem:hover .proitem-body .proinfo .subtitle { opacity: 1; transform: rotateX(0deg); -webkit-transform: rotateX(0deg);}

.main .prolist { margin: 0 -10px;}
.main .prolist .proitem { float: left; transition: all ease-out .3s; width:33.333%; background:none; padding: 0 10px 25px;}
/**/
.newslist {}
.newslist .newsitem { float: left; width: 580px; height: 160px; margin-bottom: 30px !important; margin-right: 30px !important; background-color: #f7f7f7; padding:20px; position: relative; display: block; transition: all ease-out .3s;}
.newslist .newsitem::after{ content: '';position: absolute; top: 0px;display: block;left: 0; width: 100%; height: 100%; background: #fff; transform: scaleY(0);transition: transform .75s cubic-bezier(.19,1,.22,1); transform-origin: top;transition-delay: 0s!important;}
.newslist .newsitem:hover::after{ z-index: 0; transform-origin:bottom; transform: scaleY(1); box-shadow: 0px 7px 17px #dedede;}
.newslist .newsitem:nth-child(2n){margin-right: 0px !important;}
.newslist .newsitem a.newscontent { display: block; width: 100%; height:120px; z-index: 7; position: relative;}
.newslist .newsitem .newsimg { display:block; width:150px; height: 90px; left: 0; top: 15px; position: absolute; -webkit-perspective: 150; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-position: center; background-size: cover;}
.newslist .newsitem .newsinfo { display: block; width: 100%; padding: 15px 0 0 180px;}
.newslist .newsitem .newsinfo h2 { font-size: 16px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; width: 100%; color: #3c3c3e;}
.newslist .newsinfo .description { height:67px; font-size: 15px; overflow:hidden; color: #A9A9A9; padding-top: 12px; line-height:26px; text-align:left;}
/**/
.newsbody {}
.newsbody-item { transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; height: 120px; margin-bottom: 20px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, .06);}
.newsbody-item-img { display: block; width: 180px; height: 110px; background-position: center; background-size: cover; position: absolute; top: 5px; left: 0;}
.newsbody-item-text { padding-top: 5px;}
.newsbody-item-text h2 { font-size: 18px; line-height: 24px; height: 24px; margin-bottom: 8px; margin-top: 8px; overflow: hidden; color: #000000;}
.newsbody-item-text p { font-size: 15px; color: #B5B5B5; line-height: 22px; height: 44px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/**/
.about { width: 100%; height: 650px; background-color: #F5F5F5; background-repeat: no-repeat;}
.about .container { padding-top: 200px;}
.about-content { width: 1200px; margin: 0 auto; position: relative;}
.about-img { width: 550px; height: 376px; position: absolute; top:-30px; left: 25px;}
.about-info { width: 100%; height: 368px; padding: 70px 80px 70px 650px; background-color: #00a2ea; color: #FFF; position: relative;}
.about-info-head { margin-bottom: 30px;}
.about-info-head h2 { font-size: 24px; color: #FFFFFF; margin-bottom: 10px;}
.about-info-head p { background-color: rgba(88, 124, 205, 0); font-size: 15px; color: rgba(255, 255, 255, 1); width: 80px; text-align: left;}
.about-info-wrap { height: 88px; font-size: 15px; color: rgba(255, 255, 255, 0.75); line-height: 22px; overflow: hidden;}

.about-info-more { width: 67px; height: 36px; position: absolute; top: 280px; right: 80px;}
.about-info-more a { display: block; width: 67px; height: 36px; border-radius: 0px; border: rgba(255, 255, 255, 0.3) 1px solid; background-color: rgba(255,255,255,.0);  background: url(images/jiantou2.png) no-repeat -38px -2px;opacity: 0.6; overflow: hidden; position: relative; color:transparent!important;}
.about-info-more a:hover { transition: all ease-out .3s;background: url(images/jiantou2.png) no-repeat -38px -33px; opacity: 1;border: rgba(255, 255, 255, 0.41) 1px solid;}
/**/
.mpartner { background-color: #FFF; padding: 0 0; border-top: 1px solid rgba(0, 0, 0, .05);}
.mpartnerlist { display: block; width: 100%; height: auto; overflow: hidden;}
.mpartnerlist li { float: left; display: block; width: 111px; height: auto; margin-left: 10px;}
.mpartnerlist li:nth-child(1) { margin-left: 0;} 
.mpartnerlist img { width: 100%; height: auto;}
/**/
.info {}
.info-content { margin-bottom: 50px;}
.info-item { float: left; width: 370px; height: ; margin: 0 45px 25px 0; }
.info-item:nth-child(3n){ margin-right: 0px;}
.info-title { height: 24px; line-height: 24px; margin-bottom: 26px; padding-left: 15px; position: relative;}
.info-title h2 { font-size: 20px; color: #000;}
.info-title:after { width: 3px; height: 20px; content:''; position: absolute; background-color: #305DC3; left: 0; top: 2px;}
.info-img { width: 100%; height: 150px; margin-bottom: 20px; background-color: #E5E5E5;}
.info-img img { width: 100%; height: 150px;}
.info-list { height: 280px;}
.info-list li { display: block; height: 46px; line-height: 46px; font-size: 15px; padding: 0 100px 0 10px; border-bottom: 1px dashed #E0E0E0; position: relative; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.info-list li:after { content:''; width: 4px; height: 4px; position: absolute; background-color: #305DC3; top:21px; left:0px; }
.info-list li span { width: 80px; height: 46px; font-size: 14px; display: block; right: 0; top: 0; position: absolute;}
/**/
.category { background-color: #305DC3; border-radius: 0px 0px 3px 3px; position: relative; overflow: hidden; top: -70px;}
.category-title { width: 220px; background-color: #264EA7; position: relative; height: 150px; padding: 40px 30px;}
.category-title h2 { text-align: left; font-weight: bold; font-size: 25px; padding-bottom: 8px; border-bottom: 1px solid rgba(255, 255, 255, 0.16); letter-spacing: 1px; color: #fff;}
.category-title p { letter-spacing: 1px; font-size: 15px; display: block; color: #EAEAEA; text-align: right;}

.category-list { padding: 15px 15px 30px;}
.category-list a { display: block; font-size: 16px; color: #FFF; height: 44px; line-height:44px; padding-left: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.05); transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.category-list a:hover { padding-left: 26px; background-color: #264EA7;}
/**/
.article { margin-bottom: 100px;}
.article-title { padding-bottom: 40px; padding-top: 70px; text-align: center;}
.article-title h1 { font-size: 26px; color: #444; line-height: 35px; margin-bottom: 8px;}
.article-title p { color: #c1c1c1; font-size: 16px; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}

.article-body { line-height: 24px; font-size: 13px; padding-bottom: 50px; color: #6a6a6a;}
.article-body img { max-width: 100%;}

.article-page { padding-top: 50px; height: 100px; border-top: 1px solid #E5E5E5;}
.article-page a { display: block; display: 40%; height: 28px; line-height: 28px; text-align: left; position: relative;}
.article-page i { display: block; width: 15px; height: 24px; font-size: 24px; line-height: 24px; position: absolute;}
.article-page a.prev { padding-left: 20px; float: left;}
.article-page a.next { padding-right: 20px; float: right; text-align: left;}
.article-page a.prev i { left:0;}
.article-page a.next i { right:0;}
/**/
.article-box-title { height: 40px; line-height: 40px; font-size: 18px;}
.article-box-title h2 {font-size: 18px;}
/**/
.contact { padding-bottom: 100px;}
.contact-title { padding-bottom: 40px; padding-top: 70px; text-align: center;}
.contact-title h2 { color: #444; font-size: 26px; line-height: 35px; margin-bottom: 8px;}
.contact-title p { color: #c1c1c1; font-size: 16px; font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";}

.contact-text { padding: 0 100px;}
.contact-boxed { width: 780px; padding: 50px 0; margin: 0 auto;}
.contact-boxed li { display: block; float: left; width: 33.3333%; text-align: center; position: relative;}
.contact-boxed li:after { content:''; display: block; width: 1px; height: 80px; position: absolute; right: 0; top:0px; }
.contact-boxed li:nth-child(3n):after { display: none;}
.contact-boxed i { display: block; width: 80px; height: 80px; font-size: 70px; margin: 0 auto;}
.contact-boxed h3 { font-size: 18px; color: #444; font-weight: bold;}

.contact-info { padding: 80px 100px; border-top: 1px dotted #E0E0E0;}
.contact-info-item { float: left; width: 50%;}
.contact-info-item h3 { height: 20px; line-height: 20px; font-size: 18px; margin-bottom: 15px; color: #444;}
/**/
.pagebar { padding: 40px 0 0 0;}
.pagebar a, .pagebar span { width: 36px; height: 36px; background-color: #FFF; display: inline-block; color: #A9A9A9; line-height: 36px; text-align: center; font-family: Arial; margin-right: 6px;}
.pagebar a.next, .pagebar a.prev { width: 70px!important;}
.pagebar a.page_tail, .pagebar a.page_index { width: 50px!important;}
.pagebar span.page_now { color: #FFF; background-color: #305DC3;}
.pagebar a:hover { color: #FFF; background-color: #305DC3; }
/**/
.footer { width: 100%; background-color: #FFF;}
.footer-info { padding: 80px 0 68px; background-color: #F7F7F7;}
.footer-info-header { float:left; width:420px; }
.footer-info-header h2 { font-size: 26px; margin-bottom: 8px; color: #666; text-align:left; }
.footer-info-header .subtitle { text-align:left; font-family:"Times New Roman", Times, serif, HELVETICANEUELTPRO-THEX, "微软雅黑"; }

.contactlist { width:760px; float:left; }
.contactinfo { width:760px; float:left; position:relative; }
.contactinfo p { float:left; width:380px; padding-right:40px; margin-top:14px; height:auto; color:#999; font-size:13px; line-height:inherit; }
.contactinfo h3 { color:#696969; }
.contactinfo div { position: absolute; top:50px; left:-220px;}
.contactinfo div img { display: block; width: 120px; height: 120px;}
.contactinfo div:after { content:'关注'; color: #696969; height: 20px; font-size: 16px; line-height: 20px; overflow: hidden; position: absolute; top:-40px; left:0px; }

/*
.contactinfo div a { width: 30px; height: 30px; display: block; margin-right: 10px;text-align: center; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; background-color: rgba(255, 255, 255, 0); color: #9b9b9b; border-radius: 4px; font-size: 16px; border: 2px solid rgba(0, 0, 0, 0); }
#contactinfo div a i {margin-top: 7px;font-size: 16px}
.contactinfo div a:hover { background-color: rgb(48, 93, 195);border-radius: 4px;}
.contactinfo div a:hover i { color:#fff; }
*/
/**/
.copyright { padding: 12px 0; line-height: 20px; background-color: #FFF; color: #444;}
.copyright-body { margin-bottom: 10px;}
.link a { margin-right: 15px;}
/**/
.more { width: 100%; padding: 40px 0 50px;}
.more a { box-shadow: 0 2px 12px #e2e2e2; border: #ddd 0px solid; background: rgba(255,255,255,.0); width: 150px; height: 37px; display: block; margin: 0 auto; line-height: 37px; font-size: 15px; color: #aba8a8; text-indent: 36px; border-radius: 0px; transition: all ease-out .3s; background-color: #fff;}

.more a i { color: transparent; text-indent: -10px; font-size: 24px; color: rgba(255,255,255,.0); transition: all ease-out .3s;}
.more a:hover::after { background-color:  #305DC3;}
.more a:hover { color: #525252;box-shadow: 0px 7px 15px #dedede;}
.more a::after { transition: all 0.4s ease-out 0s; content: ' '; width: 37px; display: block; float: right; height: 37px; background: url(images/jiantou2.png) no-repeat -55px -63px; background-color: #383838;}
/**/
.pro-type { padding: 80px 0;}
.pro-type-info { padding: 0 100px; text-align: center; margin-bottom: 80px;}
.pro-type-info h2 { font-size: 30px; color: #305DC3; margin-bottom: 50px;}

.pro-type-body { padding: 0; box-shadow: 0px 7px 17px #dedede;}
.pro-type-main { width: 100%; padding: 30px 20px; background-color: #FFF; /*border-radius: 30px 30px 0 0;*/}
.pro-type-top { text-align: center; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; position: relative;}
.pro-type-top:after { content: ' '; display: block; width: 80px; height: 4px; bottom: 0; left: 50%; margin-left: -40px; position: absolute; background-color: #305DC3;}
.pro-type-top h3 { font-size: 26px; color: #305DC3;}
.pro-type-list { padding-top: 40px; overflow: hidden;}
.pro-type-list ul { display: block; margin: 0 -8px;}
.pro-type-list li { float: left; display: block; width: 25%; padding: 10px 8px;}
.pro-type-list li a, .pro-type-list li p { display: block; width: 100%; height: 46px; line-height: 46px; text-align: center; color: #FFF; background-color: #305DC3; transition: all ease-out .3s;}
.pro-type-list li a:hover, .pro-type-list li p:hover { background-color: #444; box-shadow: 0px 7px 17px #dedede; cursor: pointer;}
/**/
.promodule { background-color: #FFF;}
.pro-imgae { width: 1200px; padding: 50px 0; margin: 0 auto; text-align: center;}
/**/
.chanpin { padding: 40px 0;}
.pro-imgae { margin-bottom: 30px;}
.pro-imgae img { width: 100%; height: auto;}
.pro-class { position: relative; font-size: 16px; padding: 30px 0; border-top: 2px solid #CCC;}
.pro-class h2 { height: 40px; line-height: 40px; font-size: 16px; font-weight: normal; position: absolute; left: 0; top: 30px;}
.pro-class-list { padding-left: 100px; line-height: 40px;}
.pro-class-list li { display: block; float: left; width: auto;  margin-right: 65px;}

.pro-single { border-top: 2px solid #CCC; padding: 30px 0;}
.pro-single-info { margin-bottom: 60px;}
.pro-single-info:after { clear:both; display:table; content:"";}
.pro-single-image { float: left; width: 470px; height: 210px; padding: 10px; background-color: #FFF; border: 1px solid #EEE;}
.pro-single-image img { width: 100%; height: 100%;}
.pro-single-text { float: right; width: 680px;}
.pro-single-text h2 { font-size: 30px; margin-bottom: 30px; font-weight: normal; color: #305DC3;}
.pro-single-list { padding: 30px 0;}
.pro-single-list li { float: left; display: block; width: 25%; padding-right: 10px; margin-bottom: 10px;}
.pro-single-list li a { display: block; width: 100%; height: 46px; line-height: 46px; background-color: #305DC3; color: #FFF; text-align: center; border-radius:10px;}

.pro-single-title { height: 60px; line-height: 40px; padding-bottom: 20px; border-bottom: 3px solid #305DC3; color: #333;}
.pro-single-title h2 { font-size: 24px; font-weight: bold;}
.pro-single-con { padding: 30px 10px; }
.pro-single-con img { max-width: 100%;}
.pro-single-con p { line-height: 22px; margin-bottom: 10px;}
.pro-single-con h2 { font-size: 16px; margin-bottom: 10px; color: #305DC3;}
/**/
.pro-single-con table { }
.pro-single-con th { border:1px solid #aaa}
.pro-single-con td { border:1px solid #aaa} 
.pro-single-con tr:hover { background-color:#FF9}{}
/**/
.sitecontent-box { max-width: 1700px; margin:0 auto; padding: 0 50px;} 
.pro-standard-title { padding: 60px 0; text-align: center;}
.pro-standard-title h2 { font-size: 32px; color: #305DC3;}
.pro-standard-body { height: auto; position: relative; padding-bottom: 80px;}
.pro-standard-body:after { clear:both; display:table; content:"";}
.pro-standard-body dl { float: left; display: block; width: calc(33.333% - 20px); margin-left: 30px; padding: 20px; box-shadow: 0 6px 20px 0 rgba(0,0,0,.1);}
.pro-standard-body dl:nth-child(1) { margin-left: 0;} 
.pro-standard-body dt { display: block; height: 40px; line-height: 30px; font-size: 24px; color: #305DC3; text-align: center; position: relative; margin-bottom: 40px;}
.pro-standard-body dt:after{ position: absolute; left: 50%; bottom: 0; margin-left: -30px; width: 60px; height: 4px; background-color: #305DC3; content: "";}
.pro-standard-body dd { line-height: 20px; font-size: 15px;}
.pro-standard-body dd p { margin-bottom: 10px;}

/**/
.proitems {}
.proitems-banner { width: 100%; height: 640px; color: #FFFFFF; padding: 0 6%; position: relative; background-size: cover; background-repeat: no-repeat; background-position: center center;}
.proitems-banner:after { display: block; content:""; width: 100%; height: 100%; background-color:rgba(0,0,0,0.3); position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.proitems-banner-info { padding-top: 100px; max-width: 70%; position: relative; z-index: 9;}
.proitems-banner-info h2 { position: relative; display: inline-block; margin-bottom: 50px; font-size: 48px; line-height: 46px; font-weight: bold; color: #fff;}
.proitems-banner-info-text { font-size: 16px; line-height: 36px; color: #fff;}
/**/
.proitems-banner-link { position: absolute; width: 100%; left: 0; right: 0; bottom: 80px; text-align: center; z-index: 9;}
.proitems-banner-link a { display: inline-block; width: 200px; height: 50px; line-height: 50px; border: 1px solid #FFFFFF; margin: 0 15px; color: #FFF; text-align: center; font-size: 16px;}
.proitems-banner-link a:hover, .proitems-banner-link a.on { background-color: #305DC3; color: #FFF; border: 1px solid #305DC3;}
/**/
.proitems-intro { padding: 60px 0; text-align: center;}
.proitems-intro h2 { font-size: 32px; color: #305DC3; margin-bottom: 30px;}
.proitems-intro-text {}

.proitems-texture { margin-bottom: 80px;}
.proitems-texture-top { text-align: center; padding-bottom: 15px; border-bottom: 1px solid #E5E5E5; position: relative;}
.proitems-texture-top:after { content: ' '; display: block; width: 80px; height: 4px; bottom: 0; left: 50%; margin-left: -40px; position: absolute; background-color: #305DC3;}
.proitems-texture-top h3 { font-size: 26px; color: #305DC3;}
.proitems-texture-list { padding-top: 40px; overflow: hidden;}
.proitems-texture-list ul { display: block; margin: 0 -8px;}
.proitems-texture-list li { float: left; display: block; width: 20%; padding: 10px 8px;}
.proitems-texture-list li a, .proitems-texture-list li p { display: block; width: 100%; height: 46px; line-height: 46px; text-align: center; color: #FFF; background-color: #305DC3; transition: all ease-out .3s;}
.proitems-texture-list li a:hover, .proitems-texture-list li p:hover { background-color: #444; box-shadow: 0px 7px 17px #dedede; cursor: pointer;}
/**/
.fdnav { width: 120px; position: fixed; z-index: 999; right: 20px; top: 30%;}
.fdnav li { display: block; margin-bottom: 5px;}
.fdnav a { display: block; width: 100%; height: 40px; line-height: 40px; font-size: 16px; text-align: center; background-color: #FFFFFF; color: #333;}
.fdnav a:hover { background-color: #305DC3; color: #FFF;}
/**/
#fullnav { position: fixed;top: 50%;transform: translateY(-50%);right: 47px; z-index: 999;}
#fullnav li a{display: block;width: 100%;height: 100%;}
#fullnav li{position: relative; width: 10px;height: 10px;margin: 27px 0; border-radius: 100%;background: rgba(255,255,255,.5);}
#fullnav li:hover{background: #fff;}
#fullnav li.active{background: #fff;}
#fullnav li.active:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);box-sizing: border-box;border: 1px solid #fff;width: 22px;height: 22px;border-radius: 100%; content: "";}
/**/
.section { color: #FFF;}
.sbg1, .sbg2, .sbg2-2, .sbg2-2, .sbg3, .sbg4 { background-size: cover; background-repeat: no-repeat; background-position: center center;}
.sbg1 { }
.sbg2 { background-image: url(images/banner/hyy2.jpg);}
.sbg2-2 { background-image: url(images/banner/hyy2-2.jpg);}
.sbg2-3 { background-image: url(images/banner/hyy2-3.jpg);}
.sbg3 { background-image: url(images/banner/hyy3.jpg);}
.sbg4 { background-image: url(images/banner/hyy4.jpg);}
/**/
.slideBox { width:100%; height:100%; overflow:hidden; position:relative; border:1px solid #ddd; color: #FFF;}
.slideBox .hd { position: absolute; top: 50%; right: 200px; font-size: 18px; transform: translateY(-50%); width: 200px; padding-right: 10px; z-index: 2; color:#FFF; }
.slideBox .hd ul li { display: block; margin-right:2px; height:30px; line-height: 30px; margin-bottom: 15px; padding-left: 30px; cursor:pointer; position: relative;}
.slideBox .hd ul li:before { position: absolute; left: 5px; top: 11px; background-color: #FFF; width: 8px; height: 8px; border-radius: 100%; content: "";}
.slideBox .hd ul li.on:after { position: absolute; left: 0; top: 6px; border: 1px solid #FFF; width: 18px; height: 18px; border-radius: 100%; content: "";}

.slideBox .hylist { position:relative; height:100%; z-index:0; }
.slideBox .hylist .hy-item { width: 100%; height: 100%; zoom:1; position: relative; vertical-align:middle; }
.slideBox .hylist .hy-item:after { background-color:rgba(0,0,0,0.4); position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; display: block; content: ""; z-index:1;}
.slideBox .hylist .hyimg { background-size: cover; background-repeat: no-repeat; background-position: center center;}
/**/
.vcenter { position: relative; width: 100%; height: 100%;}
.vcenter-body { width: 100%; height: auto; margin: 0px auto; position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%);}
/**/
.hy-item .container { height: 100%; position: relative; z-index:9;}
.hy-info { width: 780px; color: #FFF;}
.hy-info h4 {margin-bottom: 46px; font-size: 48px; line-height: 44px; color: #fff;}
.hy-info .hy-info-text { font-size: 16px; line-height: 30px; color: #fff;}
.hy-info .hy-info-more { display: flex; flex-wrap: wrap; margin-top: 50px;}
.hy-info .hy-info-more a { width: 20%; margin-right: 5%; height: 50px; box-sizing: border-box;border: 1px solid #fff; text-align: center; font-size: 16px;line-height: 50px; color: #FFF;}
.hy-info .hy-info-more a:last-child { margin-right: 0;}
.hy-info .hy-info-more a:hover { background: #00a2e9; color: #fff; border: none;}
/**/
.modellist { color: #FFF;}
.modellist a { color: #FFF;}
.modellist li { float: left; display: block; width: 33.333%; padding: 10px;}
.modellist .model-item { background-color:rgba(0,0,0,0.2); padding: 30px 20px 20px 20px;  height:120px;  cursor:pointer;}
.modellist .model-item:hover { background-color:rgba(0,0,0,0.6); padding-top: 20px; transition: all ease-out .3s;}
.modellist .model-item h3 { height: 30px; line-height: 30px; font-size: 22px; margin-bottom: 10px;}
.modellist .model-item h4 { opacity: 0; transition: all ease-out .4s;}
.modellist .model-item:hover h4 { opacity: 1;}
.modellist .model-item p { height: 40px; line-height: 20px; font-size: 14px; margin-bottom: 10px;}
/**/
.zlbox {}
.zlbox-info { margin-bottom: 118px;}
.zlbox-info h2 { margin-bottom: 22px; font-size: 48px; line-height: 46px; text-align: center;}
.zlbox-info p { max-width: 925px; margin: 0 auto; font-size: 18px; line-height: 36px;}
.zlbox-body { text-align: center; width: 1136px;}
.zlbox-body li { display: inline-block; margin: 0 100px;}
.zlbox-body a { display: block; color: #FFF;}
.zlbox-body .img { display: block; margin: 0 auto 31px;}
.zlbox-body .t { font-size:30px; line-height: 30px; }
/**/
.cxbox {}
.cxbox-info { margin-bottom: 118px;}
.cxbox-info h2 { margin-bottom: 22px; font-size: 48px; line-height: 46px; text-align: center;}
.cxbox-info p { max-width: 925px; margin: 0 auto; font-size: 18px; line-height: 36px;}

.cxbox-body { width: 1200px;}
.cxbox-body li { display: block; float: left; box-sizing: border-box; padding: 42px 0 0; width: 270px; height: 280px; margin-right: 40px; border-radius: 20px; background: rgba(255,255,255,.3); text-align: center;}
.cxbox-body li:nth-child(4n){ margin-right: 0px !important;}
.cxbox-body a { display: block; color: #fff;}
.cxbox-body .bimg{height: 140px;width: 100%;display: flex;justify-content: center;align-items: center;}
.cxbox-body .img{display: block;}
.cxbox-body .t{padding-top: 21px; font-size:26px;line-height: 32px; }
/**/
#fp-nav ul li a span, .fp-slidesNav ul li a span { background-color: #FFF;}
.fp-slidesNav ul { text-align: center;}
.fp-slidesNav.fp-bottom {}
.fp-controlArrow.fp-prev, .fp-controlArrow.fp-next { display: none;}
/**/
.clear:after, .container:after, .module:after, .content:after, .module-content:after, .prolist:after, .newslist:after, .mpartnerlist:after, .info-content:after, .newsbody:after, .article-body:after, .contact-text:after, .contact-boxed:after, .pro-type-list:after, .footer:after, .modellist:after, .sitecontent:after, .pro-class-list:after { clear:both; display:table; content:"";}
/**/