@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;}
table { border-collapse: collapse; max-width:100%!important;}
table, th, td { padding: .35rem; line-height: 1.71rem; border: 1px solid #DDD!important;}
th { font-weight: 600;}
/*=======================================================*/
body { font-family: -apple-system, BlinkMacSystemFont, 'Microsoft YaHei', sans-serif; font-size: 14px; color: #929292; line-height: 1.68; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color:transparent; outline:0; background-color: #F7F7F7;}
.container { width:1200px; margin:0 auto;}
.content { width:1200px; padding-bottom: 50px; margin:0 auto; position: relative;}
.sitecontent { width:1200px; margin:0 auto;}
.sidebar { float: left; width: 260px;}
.sidebar-inner { width: 100%; margin-top: -70px; position: relative;}
.main { float: right; width: calc(100% - 300px); min-height: 300px; padding-top: 30px;}
.fl { float: left;}
.fr { float: right;}
.menu-a i{ display:inline;}
.white { background-color: #FFF!important;}
/**/
.wrapper { padding: 0;}
.header { width: 100%; height: auto; transition: all ease .3s; z-index: 99; background-color:#FFF;}
.header-top { background-color: #F5F5F5; height: 36px; line-height: 36px;}
.header-top h2 { float: left; font-size: 14px;}
.header-top .header-page { float: right;}
/**/
.header-con { height: 90px;}
.header-con .logo { margin-top: 20px; height: 50px; float: left;}
.header-con .logo img { height: 50px; width: auto}
.header-con .m-logo { float: left; display: none; width: auto; height: 50px;}
.header-con .m-logo img { height: 50px; width: auto}
.header-con .tel { float: right; height: 48px; padding-left: 55px; margin-top: 26px; background: url(images/tel.jpg) no-repeat left center;}
.header-con .tel h5 { font-size: 14px; line-height: 18px;}
.header-con .tel h3 { display: block; font-size: 28px; font-family: Impact; line-height: 1; color: #015cb5;}
/**/
.menu { height: 60px; font-size: 16px; background-color: #305dc3; color: #FFF;}
.menu-con { width:1200px; margin:0 auto;}
.menu li { float: left; width: 14%; text-align: center; line-height: 60px; position: relative;}
.menu li:after { content:''; display: block; width: 1px; height: 18px; background-color: #6788D3; position: absolute; top: 21px; right: 0;}
.menu li:last-child:after { display: none;}
.menu a { display: block; color: #FFF;}
/**/
.menubutton { display:none; position: absolute; top: 25px; right: 10px; z-index: 5; cursor:pointer; }
.menubutton.open { top: 20px;}
.menubutton svg { width: 40px; fill: #222; transform-origin: center;}
.menubutton svg .one, .menubutton svg .two, .menubutton svg .three { transform-origin: center; -webkit-transition:.5s; transition:.5s;}
.menubutton svg .one { animation: firstLineShow 0.3s ease-in-out;}
.menubutton svg .two { animation: secondLineReverse 0.3s ease-in-out;}
.menubutton svg .three { animation: thirdLineShow 0.3s ease-in-out;}
.menubutton.open .one { transform: rotate(45deg) translate(8px, 38px); animation: firstLineAnimation 0.3s ease-in-out;}
.menubutton.open .two { transform: scale(0); animation: secondLineAnimation 0.3s ease-in-out;}
.menubutton.open .three { transform: rotate(135deg) translate(15px, 0); animation: thirdLineHide 0.3s ease-in-out;}
/**/
.slide { width: 100%; height: 30vw; 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 { height:100%; background-color:rgba(0,0,0,0.4);}
.slide .swiper-slide { width:100%; height:100%; 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; }
/**/
.nbanner { width: 100%; height: 200px; background-size: cover; background-position: center center;}
/**/
.service { width: 100%; height: 200px; 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: 250px; 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;}

.servicelist li.serviceitem:nth-child(1) { background-color: #305DC3;}
.servicelist li.serviceitem:nth-child(2) { background-color: #2D57B6;}
.servicelist li.serviceitem:nth-child(3) { background-color: #294DA0;}

.servicelist li.serviceitem:hover {box-shadow: 0 12px 20px rgba(0, 0, 0, 0.1);margin-bottom: 10px;margin-top: -13px;}
/**/
.crumbs { height: 40px; line-height: 20px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px dashed #DDD;}
.crumbs h2 { float: left; font-size: 18px; color: #222; font-weight: 600;}
.crumbs h3 { float: right; font-size: 14px; color: #999;}
.crumbs h3 a{ color: #999;}
/**/
.module {}
.module-title { padding: 50px 0 30px; margin: 0 auto; 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: 14px; 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: 14px; 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: 80%; overflow: hidden; box-sizing: border-box; position: relative;}
.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: 20px 80px 20px 20px; width:100%; position: relative;}
.prolist .proitem .proitem-body .proinfo:after{ content: ''; display: block; width: 50px; height: 50px; background: url(images/cut-right.png) no-repeat right center; background-size: cover; position: absolute; right: 15px; top: calc(50% - 25px);;}
.prolist .proitem .proitem-body .proinfo h2 { font-size: 15px; color: #3C3C3C; height: 32px; line-height: 32px; margin: 0 auto; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.prolist .proitem .proitem-body .proinfo p { display: block; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.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;}
.prolist .pro-item { float: left; transition: all ease-out .3s; width:33.333%; background:none; padding: 0 10px 25px;}
.prolist .pro-item .pro-item-body { width: 100%; height:auto; background-color: #FFFFFF; transition: 0.3s;}
.prolist .pro-item .pro-item-body a::after{conter''; display:block; clear: both;}
.prolist .pro-item .pro-item-body .pro-img { width: 100%; height: 0; padding-top: 80%; overflow: hidden; box-sizing: border-box; position: relative;}
.prolist .pro-item .pro-item-body .pro-img .adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.prolist .pro-item .pro-item-body .pro-img img { width: 100%; height: 100%; transition: all 0.6s; }
.prolist .pro-item:hover .pro-item-body { box-shadow: 0px 7px 17px #dedede;}
.prolist .pro-item:hover .pro-item-body .pro-img img { transform: scale(1.1); }
.prolist .pro-item .pro-item-body .pro-info { height: auto; padding: 20px 20px; width:100%; position: relative; text-align: center;}
.prolist .pro-item .pro-item-body .pro-info h2 { font-size: 15px; color: #3C3C3C; height: 32px; line-height: 32px; margin: 0 auto; width: 100%; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/**/
.xgpro { border: 1px solid #DDD;}
.xgpro-title { height: 46px; line-height: 46px; padding: 0 20px; background-color: #305DC3; color: #FFF;}
.xgpro-title h2 { font-size: 18px; font-weight: 600;}
.xgpro-con { padding: 15px 5px;}
.xgpro-con li { float: left; width: 20%; padding: 0 5px;}
.xgpro-item {}
.xgpro-item-img { width: 100%; height: 0; padding-top: 80%; overflow: hidden; box-sizing: border-box; position: relative;}
.xgpro-item-img .adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.xgpro-item-img img { width: 100%; height: 100%;}
.xgpro-item h2 { height: 30px; line-height: 30px; font-size: 14px; padding: 0 10px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/**/
.related {}
.related-title { height: 46px; line-height: 46px; padding: 0 20px; background-color: #305DC3; color: #FFF;}
.related-title h2 { font-size: 18px; font-weight: 600;}
.related-con { padding: 10px 0;}
.related-con li { float: left; width: calc(50% - 15px); margin-left: 30px;}
.related-con li:nth-child(odd) { margin-left: 0; }
.related-new-item { padding: 15px 0; border-bottom: 1px dashed #DDD;}
.related-new-item-date { display: block; width: 60px; text-align: center; position: absolute; left: 0; top: 0;}
.related-new-item-date .year { display: block; font-size: 18px; line-height: 30px; padding: 0px;}
.related-new-item-date .md { display: block; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.41);}
.related-new-item-text { height: 50px; padding-left: 75px; position: relative;}
.related-new-item-text h2 { font-size: 16px; line-height: 30px; color: #000; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.related-new-item-text p { font-size: 14px; line-height: 20px; overflow: hidden; color: #999; text-overflow:ellipsis; white-space: nowrap;}
.related a:hover { color: #3C3C3C;}
/**/
.news-tab { height: 40px; margin-bottom: 40px; text-align: center;}
.news-tab div { display: inline-block; width: 110px; height: 40px; line-height: 40px; text-align: center; background-color: #F1F1F1; margin: 0 15px; cursor:pointer;}
.news-tab div.on { background-color: #305dc3; color: #FFF;}
.newslist {}
.newslist-body { display:none;}
.newslist li { float: left; width: calc(50% - 15px); margin-bottom: 20px; margin-left: 30px;}
.newslist li:nth-child(odd) { margin-left: 0; }

.new-one { background-color: #F7F7F7; padding: 20px;}
.new-one-image { width: 100%; height: 270px; margin-bottom: 20px;}
.new-one-image img { width: 100%; height: 100%;}
.new-one-con {}

.new-item { padding: 15px; background-color: #F7F7F7;}
.new-item-date { display: block; width: 60px; text-align: center; position: absolute; left: 0; top: 0;}
.new-item-date .year { display: block; font-size: 18px; line-height: 30px; padding: 0px; color: #3C3C3C;}
.new-item-date .md { display: block; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.41);}
.new-item-text { height: 50px; padding-left: 75px; position: relative;}
.new-item-text h2 { font-size: 16px; line-height: 30px; color: #3C3C3C; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.new-item-text p { font-size: 14px; line-height: 20px; overflow: hidden; color: rgba(0, 0, 0, 0.41); text-overflow:ellipsis; white-space: nowrap;}

/**/
.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;}
.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; overflow:hidden; color: #909090; 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: 80px; margin-bottom: 20px; position: relative; border-bottom: 1px solid rgba(0, 0, 0, .06);}

.new-item-date { display: block; width: 60px; text-align: center; position: absolute; left: 0; top: 0;}
.new-item-date .year { display: block; font-size: 18px; line-height: 30px; padding: 0px;}
.new-item-date .md { display: block; font-size: 13px; line-height: 20px; color: rgba(0, 0, 0, 0.41);}

.newsbody-item-text { position: relative; padding-left: 80px;}
.newsbody-item-text h2 { font-size: 16px; line-height: 24px; height: 24px; margin-bottom: 8px; margin-top: 8px; overflow: hidden; color: #000000;}
.newsbody-item-text p { font-size: 13px; color: #B5B5B5; line-height: 22px; height: 50px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/**/
.about { width: 100%; height: 570px; background-color: #FFF; background-repeat: no-repeat; background-size: cover;}
.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: 370px; padding: 70px 80px 70px 650px; background-color: #305dc3; color: #FFF; position: relative;}
.about-info-head { margin-bottom: 45px;}
.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: 14px; color: rgba(255, 255, 255, 0.58); width: 80px; text-align: left;}
.about-info-wrap { height: 88px; font-size: 13px; color: rgba(255, 255, 255, 0.75); line-height: 22px; overflow: hidden;}

.about-info-more { width: 67px; height: 36px; position: absolute; bottom: 40px; 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;}
/**/
.category { background-color: #305DC3; position: relative; overflow: hidden;}
.category-title { width: 100%; 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; 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: 30px; 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-tags { margin-bottom: 30px;}

.article-page { padding-top: 30px;}
.article-page a { display: block; width: 40%; height: auto; line-height: 20px; 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 { float: left;}
.article-page a.next { float: right; text-align: left;}
.article-page a.prev i { left:0;}
.article-page a.next i { right:0;}
/**/
.cpbox { margin-bottom: 40px;}
.cpbox-pic { float: left; width: 40%; border: 1px solid #EEE; background-color: #FFF;}
.cpbox-img { width: 100%; height: 0; padding-top: 100%; box-sizing: border-box; position: relative;}
.cpbox-img img { width: 100%; height: 100%;}
.cpbox-img .adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}

.cpbox-info { float: left; width: 60%; padding-left: 40px;}
.cpbox-info h1 { font-size: 18px; color: #264EA7; font-weight: 600; margin-bottom: 15px;}
.cpbox-text P { line-height: 28px;} 
.cpbox-text strong { color: #333;}

.cpbox-title { height: 40px; line-height: 40px; border-bottom: 2px solid #333; margin-bottom: 50px;}
.cpbox-title h2 { font-size: 16px; color: #000; font-weight: 600;}
/**/
.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;}
/**/
.casebox { width: 100%; height: 0; padding-top: 37.5%; box-sizing: border-box; position: relative;}
.casebox-adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.caselist { width: 100%; height: 100%; position: relative;}
.caselist li { display: block; position: absolute;}
.caselist li:first-child { margin-left: 0;}
.caselist li:nth-child(1) { width: 23.5%; left: 0; top: 0;}
.caselist li:nth-child(2) { width: 50%; left: 25%; top: 0;}
.caselist li:nth-child(3) { width: 23.5%; right: 0; top: 0;}
.caselist li:nth-child(4) { width: 23.5%; left: 0; bottom: 0;}
.caselist li:nth-child(5) { width: 23.5%; right: 0; bottom: 0;}

.caseitem { width: 100%; height: 0; padding-top: 75%; box-sizing: border-box; position: relative; background-size: cover; background-position: center center;}
.caseitem .adaptive { position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.caseitem:hover { box-shadow: 0px 7px 17px #dedede;}
.caseitem h2 { display: block; font-size: 14px; width: 100%; height: 40px; line-height: 40px; padding: 0 20px; color: #FFF; position: absolute; left: 0; right: 0; bottom: 0; background-color:rgba(0,0,0,0.3);}
.case-img { width: 100%; height: 190px;}
.case-info { width:100%; height: auto; padding: 15px 10px;}
.case-info h2 { font-size: 16px; color: #3C3C3C; height: 32px; line-height: 32px; margin: 0 auto; width: 100%;}
.case-info p { display: block; color: #909090; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
/**/
/**/
.advantage { height: 640px; overflow: hidden; background-color: #305dc3;}
.advantage .module-title h2 { color: #FFF; }
.advantage .module-title p { color: #FFF; }
.advantage .module-title p::after{ content:''; background-color: #FFF; width: 23px; height: 9px; display: block; border-left: 7px #305dc3 solid; border-right: 7px #305dc3 solid; position: relative;top: 15px; left: 228px; z-index: 9;}

.advantage-con { width:100%; height:414px; background: rgba(0,0,0,0.52); padding: 50px 97px;}
.advantage-con ul{ width:100%; height: auto; overflow: hidden;}
.advantage-con ul li { width: calc(50% - 40px); height: 90px; float: left; border-radius: 45px; margin-bottom: 15px; padding: 8px 30px; cursor:pointer;}
.advantage-con ul li:nth-child(2n) { float: right;}
.advantage-icon { width:73px; height: 73px; line-height: 68px; border:1px solid #FFF; border-radius: 52%; text-align: center; float: left;}
.advantage-icon i { font-size:38px; color: #FFF;}
.advantage-info { width: calc(100% - 73px); height: 100%; float: left; padding-left: 20px;}
.advantage-info h3 { font-size: 18px; color: #FFFFFF; line-height: 40px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.advantage-info p { font-size: 12px; color: #FFF; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.advantage-con ul li:hover { background: #FFF;}
.advantage-con ul li:hover i { color:#289a80; font-size: 42px}
.advantage-con ul li:hover h3, .advantage-con ul li:hover p { color:#333333}
/**/
.probox { width: 1200px; padding: 50px 0; margin:0 auto;}
.probox-item { margin-bottom: 30px;}
.probox-title { height: 50px; line-height: 50px; padding: 0 20px; background-color: #F8F8F8; border-left: 8px solid #305dc3;}
.probox-title h2 { font-size: 18px; color: #305dc3; font-weight: 600;}
.probox-list { padding: 10px; border: 1px solid #EEE;}
.probox-list li { float: left; width: 25%; padding: 10px;}
.probox-list li a { display: block; width: 100%; height: 40px; line-height: 40px; text-align: center; background-color: #CCCCCC; color: #333; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
/**/
.pagebar { padding: 40px 0 0 0;}
.pagebar a, .pagebar span { width: auto;  padding: 0 10px; height: 36px; background-color: #FFF; display: inline-block; color: #A9A9A9; line-height: 36px; text-align: center; font-family: Arial; margin-right: 6px;}
.pagebar span.page_now { color: #FFF; background-color: #305DC3;}
.pagebar a:hover { color: #FFF; background-color: #305DC3; }
/**/
.footer { background-color: #305dc3; color: rgba(255, 255, 255, 0.75);}
.footer-info { padding: 60px 0 20px;}
.footer-logo { float: left;}
.footer-con { float: left; line-height: 24px; padding-left: 20px;}
.footer-ewm { float: right; width: 100px; height: 100px;}
.footer-ewm img { width: 100%; height: 100%;}

.copyright { border-top: 1px solid #396bde; padding: 25px 0; text-align: center;}
.footer a { color: rgba(255, 255, 255, 0.75);}
/**/
.scontact { background-color: #F1F1F1;}
.scontact-title { height: 56px; line-height: 56px; padding: 0 25px; background-color: #264EA7; color: #FFF;}
.scontact-title h2 { font-size: 18px; font-weight: 600;}
.scontact-con { padding: 20px 15px;}

.scontact-tel { height: 48px; padding-left: 55px; margin-bottom: 20px; background: url(images/tel.png) no-repeat left center;}
.scontact-tel h5 { font-size: 14px; line-height: 18px;}
.scontact-tel h3 { display: block; font-size: 28px; font-family: Impact; line-height: 1; color: #015cb5;}
/**/
.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: 14px; 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;}
/**/
.m-bottom { display: none; width: 100%; height: 54px; position: fixed; background-color: #222; font-size: 15px; font-weight: 600; left: 0; right: 0; bottom: 0; z-index: 999999; box-shadow: 0 6px 10px 0 rgba(0,0,0,.2);}
.m-bottom li { float: left; display: block; text-align: center; width: 33.333%; height: 54px; line-height: 54px; border-left: 1px solid #555;}
.m-bottom li:nth-child(1) { border-left: none;}
.m-bottom li a { display: block; width: 100%; height: 54px; color: #fff;}
.m-bottom li span { display: inline-block; padding-left: 30px;}
.m-bottom li em { display: none;}

.m-bottom li span.ico-bot-home { background: url(images/ico-bot-home.png) no-repeat left center; background-size:auto 22px;}
.m-bottom li span.ico-bot-about { background: url(images/ico-bot-about.png) no-repeat left center; background-size:auto 22px;}
.m-bottom li span.ico-bot-tel { background: url(images/ico-bot-tel.png) no-repeat left center; background-size:auto 22px;}
/**/
.clearfix:after, .container:after, .module:after, .content:after, .module-content:after, .prolist:after, .newslist:after, .mpartnerlist:after, .newsbody:after, .article-body:after, .contact-text:after, .contact-boxed:after, .article-page:after { clear:both; display:table; content:"";}
/**/
/**/
.provinces { padding:10px 0; background-color:#F1F1F1; color:#222; height:44px; line-height:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.citylist { padding:10px 0; background-color:#E8E8E8; color:#222; height:44px; line-height:24px; font-weight:normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.provinces a, .citylist a { margin-right:8px; color:#B3B3B3}
.provinces .container, .citylist .container { overflow: hidden;}
/**/
.city { background-color: #305DC3;}
.city-title { height: 56px; line-height: 56px; padding: 0 25px; background-color: #264EA7; color: #FFF;}
.city-con { color: #FFF; line-height: 24px; padding: 15px; }
.city-con a { float:left; display:block; margin-right:15px; color: #FFF;}
.city-con:after { clear:both; display:table; content:"";}
.city-con-body {  max-height: 96px; line-height: 24px; overflow: hidden; }
/**/
.block { padding: 60px 0; background-color: #FFF;}
.block-left { float: left; width: 260px;}
.block-con { float: right; line-height: 24px; width: calc(100% - 300px);}
.block-con img { max-width: 100%;}
.block-con p { margin-bottom: 10px;}


@media screen and ( max-width: 1250px) { 
	.container { width: 100%; padding: 0 10px;}
	.content { width: 100%;}
	.sitecontent { width:100%; padding: 0 10px;}
	.probox { width:100%; padding: 30px 10px;}
	/**/
	.about { width: 100%; height: auto;}
	.about .container { padding-top: 200px;}
	.about-content { width: 100%;}
}
@media screen and (max-width: 980px) { 
	.header-top { display: none;}
	.header-con { height: 70px; padding: 10px 0;}
	.tel { display: none;}
	.logo { display: none;}
	.m-logo { display: block!important;}
	/**/
	.menubutton {display:block;}
	.menu { display: none; width: 100%; height: auto; background-color: #111; position: absolute; left: 0; top: 70px; border-radius: 0 0 10px 10px; border-bottom: 10px solid #C40000; z-index: 99999;}
	.menu.open { display: block;}
	.menu.open li { float: none; width:100%; height: 46px; line-height: 46px; margin:0; padding: 0 15px; overflow:hidden; text-align:left; border-bottom: 1px solid #333;}
	.menu.open li a { display:block; width:100%; padding: 0 10px; color:#FFF;}
	.menu li.active:after { display: block; width: 3px; height: 46px; background-color: #C40000; content:""; bottom: 0; left: 0; position: absolute;} 
	.menu ul { float: none; width: 100%; margin-right: 0;}
	/**/
	.service { width: 100%; height: auto; position: relative; z-index: 2;}
	.service .container { width: 100%; height: auto; top: 0; padding: 0;}
	.servicelist { width: 100%; height: auto; overflow: hidden; padding-top: 0;}
	.servicelist li.serviceitem { float: left; width: 33.333%; height: auto; padding: 5px; background-color: #FFFFFF; transition: all 0.3s ease-out 0s;}
	/**/
	.module-title { padding: 30px 0; }
	.module-title h2 { font-size: 20px; margin-bottom: 0px;}
	.module-title p { width: 180px; font-size: 13px; padding-bottom: 10px;}
	.module-title p::after{ top: 15px; left: 76px;}
	.advantage .module-title p::after{ top: 15px; left: 77px; z-index: 9;}
	
	.prolist { margin: 0 -5px;}
	.prolist .proitem { float: left; width: 50%; padding: 0 10px 20px 10px;}
	.prolist .pro-item { float: left; width: 50%; padding: 0 10px 20px 10px;}
	.prolist .pro-item .pro-item-body .pro-info { padding: 15px 10px;}
	/***/
	.about .container { padding-top: 50px;}
	.about-img { width: 100%; height: auto; position: static; top:-30px; left: 25px;}
	.about-img img { width: 100%; height: auto;}
	.about-info { width: 100%; height: auto; padding: 30px 30px 80px 30px;}
	
	.advantage-info h3 { font-size: 16px; color: #FFFFFF; line-height: 40px;}
	/**/
	.probox-list { padding: 10px 0; border: 1px solid #EEE;}
	.probox-list li { float: left; width: 33.333%; padding: 8px 5px;}
	.probox-list li a { display: block; width: 100%; font-size: 14px; }
}
@media screen and (max-width: 790px) { 
	.content { width:100%; padding: 0 10px; padding-bottom: 50px; margin:0 auto; position: relative;}
	.main { float: right; width: 100%; min-height: 300px; padding-top: 30px;}
	/**/
	.prolist .proitem .proitem-body .proinfo { height: auto; padding: 8px 10px; width:100%; position: relative;}
	.prolist .proitem .proitem-body .proinfo:after{ display: none; }
	.prolist .proitem .proitem-body .proinfo h2 { font-size: 14px; height: 28px; line-height: 28px;}
	.prolist .proitem .proitem-body .proinfo p { font-size: 12px; line-height: 18px;}
	/**/
	.main .prolist { margin: 0 -10px;}
	.main .prolist .proitem { float: left; transition: all ease-out .3s; width: 50%; background:none; padding: 0 10px 25px;}
	.banner { width: 100%; height: 120px;}
	/**/
	.advantage { height: auto; }
	.advantage-con { width:100%; height: auto; padding: 30px 30px;}
	.advantage-con ul li { width: calc(50% - 20px); height: 90px; float: left; border-radius: 45px; margin-bottom: 15px; padding: 8px 30px; cursor:pointer; background: #3a6bdb;}
	.advantage-info h3 { font-size: 16px; color: #FFFFFF; line-height: 40px;}
	/**/
	.article-title { padding-bottom: 30px; padding-top: 20px; text-align: center;}
	/**/
	.casebox { width: 100%; height: auto; padding-top: 0; position: static;}
	.casebox-adaptive { position: static; left: 0; top: 0; width: 100%; height: 100%;}
	.caselist { width: 100%; height: auto; position: static;}
	.caselist li { display: block; width: calc(50% - 10px)!important; float: left; position: static; margin-left: 20px; margin-bottom: 20px;}
	.caselist li:nth-child(odd) { margin-left: 0;}
	.caselist li:nth-child(5) { display: none;}
	/**/
	.newslist li { float: none; width: calc(100%); margin-bottom: 20px; margin-left: 0;}
	.newslist li:nth-child(odd) { margin-left: 0; }
	/**/
	.sidebar { display: none;}
	.article-page a { width: 45%;}
	.article-title h1 { font-size: 20px;}
	/**/
	.new-one-image { width: 100%; height: 160px; margin-bottom: 20px;}
	/**/
	.footer { padding-bottom: 54px;}
	.footer-info { padding: 60px 0 20px;}
	.footer-logo { float: none; text-align: center; margin-bottom: 30px;}
	.footer-con { float: none; line-height: 24px; padding-left: 20px; margin-bottom: 30px;}
	.footer-ewm { float: none; width: 100px; height: 100px; margin: 0 auto;}
	.footer-ewm img { width: 100%; height: 100%;}
	.related-con li { float: left; width: 100%; margin-left: 0; margin-bottom: 10px;}
	/**/
	.crumbs { height: auto; line-height: 20px; padding-bottom: 20px; margin-bottom: 30px; border-bottom: 2px dashed #DDD;}
	.crumbs h2 { float: none; font-size: 16px;}
	.crumbs h3 { float: none;}
	.m-bottom { display: block;}
}
@media screen and (max-width: 580px) { 
	.service { display: none;}
	.advantage-con ul li { width: 100%; height: 90px; float: none; border-radius: 45px; margin: 0 auto 15px auto; padding: 8px 30px; cursor:pointer;}
	.advantage-con ul li:nth-child(2n) { float: none;}
	.nbanner { width: 100%; height: 100px;}
	/**/
	.about-info-wrap { height: auto;}
	/**/
	.cpbox { margin-bottom: 40px;}
	.cpbox-pic { float: none; width: 100%; margin-bottom: 20px;}
	.cpbox-info { float: none; width: 100%; padding-left: 0px;}
	
	.probox-list li { width: 50%;}
	.probox-list li a { font-size: 13px; }
}