html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15;-webkit-tap-highlight-color: rgba(0,0,0,0);}
body{margin:0;line-height: 1.42857143;font-size: 14px;min-width: 1230px;background: #fff;color: #333;}
* { margin:0; padding:0;}
figure{margin:1em 40px;}
hr{box-sizing:content-box;height:0;overflow:visible;}
a{-webkit-text-decoration-skip:objects;background-color:transparent;}
abbr[title]{border-bottom:none;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}
b,strong{font-weight:bolder;}
dfn{font-style:italic;}
mark{background-color:#ff0;color:#000;}
small{font-size:80%;}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sub{bottom:-.25em;}
sup{top:-.5em;}
audio:not([controls]){display:none;height:0;}
img{border-style:none;}
img { border:0px;}
li{ list-style:none; float:left;}
svg:not(:root){overflow:hidden;}
button,input,optgroup,select,textarea{line-height:1.42857143;margin:0;outline: none;}
body, button, input, select, textarea {text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;-moz-font-feature-settings: "liga","kern";font-family: "Microsoft Yahei",PingFangSC-Regular,"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
button,input{overflow:visible;}
button,select{text-transform:none;}
button,html [type=button],/* 1 */
[type=reset],[type=submit]{-webkit-appearance:button;}
button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0;}
button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText;}
fieldset{padding:.35em .75em .625em;}
legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}
progress{display:inline-block;vertical-align:baseline;}
textarea{overflow:auto;    background: none;}
[type=checkbox],[type=radio]{box-sizing:border-box;padding:0;}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto;}
[type=search]{-webkit-appearance:textfield;outline-offset:-2px;}
[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none;}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}
summary{display:list-item;}
article,aside,footer,header,nav,section,figcaption,figure,main,details,/* 1 */
menu{display:block;}
pre,code,kbd,samp{font-family:monospace, monospace;font-size:1em;}
audio,video,canvas{display:inline-block;}
template,[hidden]{display:none;}
.clearfix{zoom:1;}
.clearfix:before,.clearfix:after{display:table;line-height:0;content:"";}
.clearfix:after{clear:both;}
a {color: #333;text-decoration: none;}
a:hover {color: #3282c7;}
ul {margin: 0;list-style: none;padding: 0;}
.fl{float: left;}
.fr{float: right;}
.wrap{max-width: 1400px;margin: 0 auto;}

.container {padding: 0 15px;min-width: 1200px;margin: 0 auto;max-width: 1400px;}
/******************************
 ** 首页
 ******************************/
.topper { height:42px; line-height:42px;  color:#333333;border-bottom: 1px solid #dcdcdc; font-size: 12px;overflow: hidden;}
.topper .wel {    float: left;}
.topper .ui {float: right;background: url(../images/tel.png)no-repeat left center;font-size: 14px;padding-left: 32px;}
.topper .ui b{color: #0061ae;font-size: 18px;font-family: impact;font-weight: normal;}


/*header*/
.header { height:88px; background:#fff; margin-top:15px; margin-bottom:10px;}
.header .logo { float:left;margin-top: 8px; }
.header .logo img { display:block; float:left;}
.header .logo span {
    display: block;
    width: 411px;
    height: 38px;
    line-height: 38px;
    float: left;
    padding-left: 24px;
    border-left: 1px solid #B9B9B9;
    margin-top:10px;
	margin-left:15px;
    font-size: 24px;
    color: #303030;
}
.header .hea_right {
    float: right;
    text-align: right;
}
.header .hea_right em {
    display: block;
    font-size: 22px;
    line-height: 35px;
    color: #333333;
    margin-bottom: 9px;
    font-style: normal;
	float:left;
}
.header .hea_right img {
	float:left;
}

.nav{height:48px; width:100%; background:#0061ae;}
.nav ul{margin:0 auto; width:1200px;display: -webkit-flex;display: flex;justify-content: space-between;flex-wrap: wrap;}
.nav li{position:relative;z-index:20;padding:0 20px;}
.nav li:hover,.nav li.cur{}
.active {background: #ffc600;}
.nav li:hover a,.nav li.curr a{color: #fff;font-weight: bold;}
.nav li:hover dd a,.nav li.curr dd a{color: #ffffff;font-weight: normal;}
.nav li a{height:48px; display:block; text-align:center; line-height:48px;color: #fff;font-size: 16px;}
.nav li:first-child a{padding:0 20px;}
.nav dl{ position:absolute;width:100%; background:#0060ae;top:48px;left:0;display:none;}
.nav dd a{ display:block;height:48px; line-height:48px;width:100%; text-align:center;color:#ffffff;font-size: 16px;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.nav dd a:hover{ background:#ffc600;color:#ffffff;}

/*banner*/
.banner{width:100%; overflow:hidden; position:relative;height:660px; }
.banner ul{ position:absolute;height:660px;} 
.banner li{width:100%;height:660px;float:left; text-align:center;}
.banner .tip{position:absolute;bottom:56px;left:50%; z-index:10;    margin-left: -165px;}
.banner .tip em{ display:block; height:6px; width:38px; float:left;margin:0 14px; cursor:pointer;float:left;background:url(../images/b_cu.png)no-repeat;}
.banner .tip .cur{ background:url(../images/b_cur.png)no-repeat;}
.minbanner{position: relative;height: 364px;}
/*.minbanner .img img{width: 100%;    display: block;}*/


/*bottom*/
.bottom{}




/*footer*/
/*.footer{background: #333333;color: #ffffff;    position: relative;padding: 30px 0;border-top: 1px solid #666666;padding-bottom: 1px solid #666666;}
.footer .footer_tit{background: url(../images/tit.png)no-repeat left bottom;    line-height: 76px;}
.footer .footer_tit h1{font-size: 18px;}
.footer .footer_tit span{font-size: 14px;color: #999999;font-weight: normal;}
.footer .footer-info{width: 310px;}
.footer .footer-info .add{margin-top: 20px;}
.footer .footer-info .add p{line-height: 24px;margin: 7px 0;}
.footer .footer-info .add b{font-weight: normal;font-size: 18px;}
.footer .footer-sao{width: 300px; position: absolute;top: 0;left: 50%;margin-left: -150px;}
.footer .footer-sao .dlogo{width: 240px;    margin: 42px auto 35px;}
.footer .footer-sao .dlogo img{max-width: 240px;}
.footer .footer-sao .dsao{}
.footer .footer-sao .dsao dd{float: left;width: 120px;    margin: 0 15px;}
.footer .footer-sao .dsao dd img{width: 120px;    display: block;}
.footer .footer-sao .dsao dd span{display: block;line-height: 44px;text-align: center;}
.footer .footer-nav{width: 240px;}
.footer .footer-nav ul{margin-top: 15px;}
.footer .footer-nav li{width: 50%;line-height: 42px;}
.footer .footer-nav li a{color: #ffffff;}*/

/*copy*/
.copy{height: 45px;line-height: 45px;color: #7b7b7b;background: #111111;}




.section {padding: 60px 0;}
.section-title {margin-bottom: 60px;}
.section-title strong {display: block;color: #333333;font-size: 40px;}
.section-title small {display: block;color: #999999;text-transform: uppercase;font-size: 16px;}
.section-title-center {text-align: center;}
.section-title-2 {margin-bottom: 60px;font-size: 48px;color: #333333;font-weight: bold;}
.section-title-2 small {display: block;text-transform: uppercase;font-size: 133%;line-height: 1;color: #cccccc;font-weight: normal;}

.aboutbox{margin-top: 40px;}
.aboutbox .section-title{position: relative;    background: #ffffff;    margin-bottom: 80px;}
.aboutbox .section-title .tit{text-transform: uppercase;font-family: Impact;font-weight: bold;color: #eeeded;font-size: 60px;position: absolute;    bottom: -130px;
    z-index: -2;}
.aboutbox .section-title .tit i{font-style: normal;font-size: 230px;}



.in-about {}
.in-about .pic {float: right;width: 56%;margin-top: -470px;position: relative;}
.in-about .pic .img-center {margin-right: 30px;position: relative;}
/*.in-about .pic .img-center:before {position: absolute;right: -30px;bottom: -70px;width: 100%;height: 100%;border: 1px solid #ddd;content: '';border-radius: 20px;}
*/.in-about .pic .img-center img {position: relative;}
.in-about .pic ul {font-size: 0;text-align: center;position: absolute;padding: 70px 0 0 70px;    top: 0;    width: 300px;}
.in-about .pic li {display: inline-block;vertical-align: middle;color: #3282c7;width: 104px;height: 94px;border: 1px solid #ffffff;line-height: 94px;margin: 0 24px 24px 0;border-radius: 4px;}
.in-about .pic li .wrap {}
.in-about .pic li:first-child .wrap {border-left: 0;}
.in-about .pic li span {display: inline-block;font-size: 24px;background: no-repeat 0 center;font-weight: bold;color: #ffffff;}
.in-about .text {margin-right: 56%;padding-right: 40px;}
.in-about .text h4 {font-size: 30px;margin: 0;}
.in-about .text h4 span {color: #3282c7;}
.in-about .text h5 {margin: 0;font-size: 24px;color: #333333;font-weight: normal;    margin-top: 40px;}
.in-about .text .desc {margin-top: 20px;padding-top: 15px;color: #666;font-size: 16px;line-height: 1.8;text-align: justify;}
.in-about .text .desc p {margin: 0;text-indent: 2em;}

.bg1 {background: url(../images/bg1.png) no-repeat center / cover;color: #fff;}
.bg2 {background: url(../images/bg2.png) no-repeat center / cover;}
.bg3 {background: url(../images/bg3.jpg) no-repeat center / cover;}
.bg4 {background: url(../images/bg4.png) no-repeat center / cover;color: #fff;}
.bg4 .section-title strong {color: #fff;}
.bg4 .section-title small {color: #fff;opacity: 0.5;}
.bg5 {background: url(../images/bg5.png) no-repeat center / cover;}
.bg6 {background: url(../images/bg6.png) no-repeat center bottom / cover #f5f5f5;}
.bg7 {background: url(../images/bg7.png) no-repeat center / cover;}
.bg8 {background: url(../images/bg8.png) no-repeat center / cover;color: #fff;overflow: hidden;}
.bg9 {background: url(../images/bg9.jpg) no-repeat center / cover;}
.bg10 {background: url(../images/bg10.png) no-repeat center / cover;}
.bg11 {background: url(../images/bg11.jpg) no-repeat center / cover;}
.bg12 {background: url(../images/bg12.jpg) no-repeat center / cover;}
.bg13 {background: url(../images/bg13.png) no-repeat center / cover;    padding: 50px 0 80px;}
.bg22{background: url(../images/bg22.jpg) no-repeat center / cover;}
.bg23{background: url(../images/bg23.jpg) no-repeat center / cover;}
.bg24{background: url(../images/bg24.png) no-repeat center / cover #ffffff;}
.igoao{background: url(../images/igoao_bg.png) no-repeat center / cover;}
.case{background: url(../images/case_bg.png) no-repeat center / cover;}
.in-total {font-size: 0;text-align: justify;}
.in-total li {display: inline-block;vertical-align: middle;}
.in-total li strong {display: block;font-size: 60px;font-family: Impact;line-height: 1;letter-spacing: 3px;}
.in-total li small {font-size: 24px;font-weight: normal;margin-left: 10px;}
.in-total li span {display: block;font-size: 16px;margin-top: 15px;}

.swiper-button-prev,.swiper-button-next {border: 1px solid #1583c8;width: 48px;height: 48px;margin-top: -24px;border-radius: 50%;background: no-repeat center;}
.swiper-button-prev.swiper-button-white,.swiper-button-next.swiper-button-white {border-color: #fff;}
.swiper-button-prev {background-image: url(../images/icon6.png);left: 0;}
.swiper-button-next {background-image: url(../images/icon7.png);right: 0;}
.swiper-button-prev.swiper-button-white {background-image: url(../images/icon9.png);}
.swiper-button-next.swiper-button-white {background-image: url(../images/icon10.png);}

.in-jcxm {padding: 0 70px;position: relative;}
.in-jcxm .swiper-container {padding: 50px 0;}
.in-jcxm .img-center img {transition: all 0.5s;}
.in-jcxm .img-center:hover img {transform: scale(1.05);}
.in-jcxm .swiper-pagination {position: static;text-align: center;margin-top: 30px;}
.in-jcxm .swiper-pagination-bullet {margin: 0 5px;}

.in-fwys {position: relative;width: 450px;margin-top: 230px;}
.in-fwys:before {position: absolute;content: '';width: 840px;height: 840px;border-radius: 50%;background-color: #3282c7;opacity: 0.6;left: -240px;top: -80px;}
.in-fwys .swiper-slide i {display: block;text-align: left;margin-bottom: 40px;}
.in-fwys .swiper-slide h4 {margin: 0;color: #fff;font-size: 30px;}
.in-fwys .swiper-slide h4:after {content: '';display: block;width: 20px;height: 2px;background-color: #fff;margin-top: 10px;}
.in-fwys .swiper-slide p {font-size: 16px;text-align: justify;line-height: 1.8;margin: 20px 0 0;color: #fff;}
.in-fwys .ctrl {font-size: 0;margin-top: 40px;position: relative;}
.in-fwys .swiper-button-prev,.in-fwys .swiper-button-next {position: static;margin: 0;display: inline-block;}
.in-fwys .swiper-button-prev {margin-right: 20px;}
.in-fwys .swiper-pagination {float: right;position: static;font-size: 24px;width: auto;line-height: 50px;color: #899bcf;}
.in-fwys .swiper-pagination-current {font-size: 40px;color: #fff;}

.in-yqsb {position: relative;}
.in-yqsb .title{display: none;}
.in-yqsb .swiper-slide {width: 78%;transition: all 0.5s;transform: scale(0.8);}
.in-yqsb .swiper-slide-active,.in-yqsb .swiper-slide-duplicate-active {transform: scale(1);}
.in-yqsb .swiper-slide .img-center {float: left;width: 56%;}
.in-yqsb .swiper-slide .text {margin-left: 56%;padding: 0 0 0 4%;transition: all 0.5s;opacity: 0;}
.in-yqsb .swiper-slide .text h4 {margin: 0;color: #333333;font-size: 24px;    display: inline-block;    width: 100%;background: url(../images/text.png)no-repeat bottom left;padding-bottom: 27px;}
.in-yqsb .swiper-slide .text p {margin: 20px 0 0;font-size: 16px;line-height: 1.8;color: #666;text-align: justify;}

.in-yqsb .swiper-slide .text .more {display: inline-block;margin-top: 30px;transition: all 0.5s;color: #ffffff;text-transform: uppercase;font-size: 14px;    width: 132px;
    height: 36px;background: #1583c8;line-height: 36px;text-align: center;border-top-right-radius: 20px;    border-bottom-left-radius: 20px;}
.in-yqsb .swiper-slide .text .more:hover {transform: translateX(10px);}
.in-yqsb .swiper-slide-active .text,.in-yqsb .swiper-slide-duplicate-active .text {opacity: 1;transition-delay: 0.5s;}
.in-yqsb .ctrl {left: 58%;bottom: 0;position: absolute;width: 350px;z-index: 2;font-size: 0;}
.in-yqsb .swiper-button-prev,.in-yqsb .swiper-button-next {position: static;margin: 0;display: inline-block;}
.in-yqsb .swiper-button-prev {margin-right: 20px;}
.in-yqsb .swiper-pagination {position: relative;font-size: 24px;width: auto;line-height: 14px;color: #899bcf;float: left;    margin: 30px 0 60px 0;}
.in-yqsb .swiper-pagination span{position: relative;width: 64px; text-align: left;font-size: 16px;color: #cccccc;height: 14px;}
.in-yqsb .swiper-pagination span i{width: 12px;height: 1px;background: #cccccc;float: left;display: block;position: absolute;top: 7px;right: 17px;}
.in-yqsb .swiper-pagination span:last-child i{display: none;}
.in-yqsb .swiper-pagination span.swiper-pagination-bullet-active{color: #127fc5;}
.in-yqsb .swiper-pagination-current {font-size: 40px;color: #3282c7;}
.in-yqsb-more {position: absolute;right: 0;top: 0px;width: 100%;text-align: right;}
.in-yqsb-more .more-big{margin-top: 10px;}
.in-yqsb .swiper-slide .text{position: relative;}
.in-yqsb .swiper-slide .text .tit{}
.in-yqsb .swiper-slide .text .tit .section-title{}
.in-yqsb .swiper-slide .text .tit .section-title strong{}
.in-yqsb .swiper-slide .text .tit .section-title small{}
.in-yqsb .swiper-slide .text .tit .in-yqsb-more{    top: 0;}
.in-yqsb .swiper-slide .text .tit .in-yqsb-more .more-big{margin-top: 10px;}
.in-ryzz-desc {max-width: 1200px;margin: 0 auto;text-align: center;font-size: 16px;line-height: 1.8;}

.in-ryzz {padding: 0 70px;position: relative;margin-top: 40px;}
.in-ryzz .swiper-slide {transform: scale(0.6);transform-origin: center bottom;transition: all 0.5s;}
.in-ryzz .swiper-slide-active,.in-ryzz .swiper-slide-duplicate-active {transform: scale(1);}

/*baner_b*/
.baner_b{height: 50px;    margin-top: -26px;position: relative;z-index: 2;}
.baner_b .zi{background: url(../images/zi.png)no-repeat left center;height: 50px;    padding-left: 66px;    width: 834px;}
.baner_b .zi h2{    background: #0061ae;height: 50px;font-size: 16px;font-weight: normal;color: #ffffff;line-height: 50px;    padding: 0 20px;}
.baner_b .searcher{width:445px;height:50px;float: right;background: url(../images/baner.png)no-repeat right center;padding-right: 55px; }
.baner_b .searcher .submit{width:48px;height:50px;float:right;border:0px;
   color: #333;cursor:pointer;background: url(../images/ss.png) no-repeat center center #ffffff;    border-top: 1px solid #0061ae;
    border-bottom: 1px solid #0061ae;}
.baner_b .searcher .txt{width:397px;height:48px;line-height:48px;float:right; text-indent: .5em;
background:#ffffff;border: none;    border-top: 1px solid #0061ae;
    border-bottom: 1px solid #0061ae;}






/*products*/
.products{padding-top: 64px;}
.products .titbox{overflow: hidden;border-bottom: 1px solid #cccccc;}
.products .titbox .tit{float: left;margin-bottom: 10px;}
.products .titbox .tit h2{font-size: 30px;line-height: 35px;}
.products .titbox .tit span{font-size: 16px;color: #9a9999;line-height: 20px;}
.products .titbox ul{float: right;margin-top: 4px;}
.products .titbox ul li{ background: url(../images/tment.png)no-repeat center;  background-size: contain;  width: 170px;
    height: 48px;line-height: 48px;text-align: center;}
.products .titbox ul li a{display: block;font-size: 16px;}
.products .titbox ul li:hover{background: url(../images/tment_h.png)no-repeat center;background-size: contain; }
.products .titbox ul li:hover a{color: #ffffff;}
.products .productlist .brand{    height: 340px;}
.products .productlist .brand .title{line-height: 340px;}
.products .productlist .brand ul li{    margin: 34px 6px;}
.products .submian {padding:30px 0 16px;}
.products .submian .productlist{display: none;}

/*recom*/
.recom{background: url(../images/products_bg.jpg)no-repeat center bottom / cover;padding-bottom: 56px; margin-top:40px;}
.recom .tit{overflow: hidden;border-bottom: 1px solid #cccccc;    margin-bottom: 30px;position: relative;}
.recom .tit h2{font-size: 30px;float: left;line-height: 59px;}
.recom .tit h2 em{font-style: normal;color: #999999;font-weight: normal;font-size: 14px;margin-left: 10px;}
.recom .tit .zx{width: 115px;height: 44px;background: #0074c9;position: absolute;bottom: 0;right: 0;color: #ffffff;text-align: center;line-height: 44px;font-size: 18px;}
.recom ul{}
.recom ul li{float: left;width: 333px;height: 278px;border: 1px solid #bfbfbf;margin: 0 20px 20px 0; transition: all ease 300ms;}
.recom li .img{width: 333px;height: 200px;margin: 0 auto;display: block;    overflow: hidden;}
.recom li .img img{max-width:100%;max-height:100%;transition: all ease 300ms; display:block; margin:auto;}
.recom li:hover .img img{ transform: scale(1.05);}
.recom li .des{padding: 8px 16px 10px 18px;}
.recom li .des .box{float: left;}
.recom li .des .box a{}
.recom li .des .box h3{font-size: 18px;font-weight: normal;line-height: 32px;}
.recom li .des .box span{line-height: 28px;color: #666666;}
.recom li .des .zixun{float: right;    padding: 7px 9px;margin-top: 5px;width: 30px;
    background: #0061ae;line-height: 17px;color: #ffffff;}
.recom li:nth-child(4n){margin-right: 0;}
.recom li:hover{box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15);}
.recom .more{background: url(../images/more.png)no-repeat;width:264px;height: 52px;display: block;margin: 20px auto 0;color: #ffffff;text-align: center;line-height: 52px;font-size: 16px;}

/*about*/
.about{background: url(../images/about_bg.png) no-repeat center / cover;color: #ffffff;}
.about .about_top{}
.about .des{width: 700px;}
.about .des .tit{}
.about .des .tit span{line-height: 24px;}
.about .des .tit h2{font-size: 30px;font-weight: bold;line-height: 36px;}
.about .des .tit i{width: 60px;height: 1px;background: #bfbfbf;display: block;margin-top: 24px;}
.about .des .box{font-size: 16px;line-height: 24px;margin-top: 24px;height: 212px;}
.about .des .more{width: 110px;height: 40px;color: #ffffff;float: right;line-height: 40px;border-top: 1px solid #ffffff;border-bottom: 1px solid #ffffff;text-align: center;}
.about .img{width: 637px;}
.about .img img{display: block;width: 100%;}
.about .casebox{    width: 1248px;margin: 40px auto 0;    position: relative;}
.about .casebox img{max-width: 100%;}

.casebox .swiper-button-next,
.casebox .swiper-button-prev { width: 50px; height: 78px;    top: auto; display: block; position: absolute;    bottom: 70px; border: none;    border-radius: initial;}
.casebox .swiper-button-prev {  left:0; margin-left: -75px; background: url(../images/btn_pl.png) center no-repeat;    background-color: rgba(255, 255, 255, 0.35);}
.casebox .swiper-button-next {  right:0; margin-right: -75px; background: url(../images/btn_pr.png) center no-repeat;    background-color: rgba(255, 255, 255, 0.35); }
.casebox .swiper-button-prev:hover { background: url(../images/btn_pl.png) center no-repeat;  background-color: rgba(255, 255, 255, 0.55);}
.casebox .swiper-button-next:hover { background: url(../images/btn_pr.png) center no-repeat;background-color: rgba(255, 255, 255, 0.55); }



.advan{    padding: 0;background: url(../images/advan_bg.png) no-repeat center / cover;padding-bottom: 59px;}
.advan .tit{text-align: center;color: #ffffff;    padding: 33px 0 65px;}
.advan .tit h2{font-size: 30px;position: relative;line-height: 50px;}
.advan .tit h2::after{content:"";width: 10px;height: 10px;background: #ffffff;display: block;position: absolute;line-height: 50px;    right: 50%;
    top: 21px;margin-right: -117px; border-radius: 10px;}
.advan .tit h2::before{content:"";width: 10px;height: 10px;background: #ffffff;display: block;position: absolute;line-height: 50px;    left: 50%;
    top: 21px;margin-left: -117px; border-radius: 10px;}    
.advan .tit span{text-transform:uppercase;    letter-spacing: 14px;line-height: 30px;}
.advan ul{    margin-bottom: 25px;}
.advan ul li{float: left;width:50%;margin-bottom: 43px;}
.advan ul li .img{float: left;width: 317px;height: 290px;}
.advan ul li .img img{width: 100%;}
.advan ul li .des{float: left;width: 310px;margin-left: 26px;}
.advan ul li .des img{}
.advan ul li .des p{line-height: 28px;margin-top: 16px;}
.advan .zx{background: #0061ae; display: block;width: 146px;height: 40px;padding: 5px;margin: 0 auto;}
.advan .zx span{display: block;margin: 0 auto;
    text-align: center;line-height: 40px;color: #ffffff;border: 1px solid #f5f5f5;width: 144px;height: 38px;}

.igoao .fl{padding-left: 150px;}
.igoao .fl h2{background: url(../images/tel02.png)no-repeat left center;font-size: 18px;padding-left: 40px;font-weight: normal;color: #ffffff;    margin: 20px 0 0;}
.igoao .fl h2 span{font-size: 30px;}
.igoao .fr{    margin: 34px 110px 0 0;}

.case{overflow: hidden;}
.case .casebox{display: inline-block;}
.case .casebox .fl{width: 46.5%;}
.case .casebox .fl img{width: 100%;height: 100%;    display: block;border-radius: 4px;    box-shadow: 4px 0 10px rgba(0, 61, 100, 0.25);}
.case .casebox .fr{width: 46.5%;}
.case .casebox .fr .tit{}
.case .casebox .fr .tit h2{font-size: 40px;color: #333333;    margin: 0;}
.case .casebox .fr .tit span{font-size: 16px;color: #999999;}
.case .casebox .fr .tit p{font-size: 16px;color: #999999;    margin: 31px 0 30px;}
.case .casebox .fr .more{background: url(../images/icon1.png)no-repeat right center;    padding-right: 74px;line-height: 3;margin: 10px 0 50px;float: left;}
.case .casebox .fr ul{    overflow: hidden;width: 100%;}
.case .casebox .fr ul li{float: left;width: 47%;}
.case .casebox .fr ul li:first-child+li{float: right;}
.case .casebox .fr ul a{display: block;}
.case .casebox .fr ul img{width: 100%;height: 100%; border-radius: 4px;display: block;}
.case .casebig{margin: 50px 0 0 -44px;}
.case .casebig dd{    float: left;width: 20%;padding: 0; margin: 0;}
.case .casebig dd a{display: block;margin: 0 0 0 44px;padding: 0;}
.case .casebig dd img{width: 100%;height: 100%; border-radius: 4px;}
.case .case02{display: none;}


.igoao{padding: 68px 0 38px;overflow: hidden;}
.igoao li{width: 20%;}
.igoao li img{width: 62px;height: 62px;display: block;margin: 0 auto;    transition: all 0.5s;}
.igoao li span{display: block;text-align: center;color: #ffffff;font-size: 18px;    line-height: 82px;}
.igoao li:hover img{transform: rotate(360deg) scale(1.1);}

.cases{background: url(../images/cases_bg.png)no-repeat center;padding: 55px 0 60px;}
.cases .box{border-bottom: 1px solid #cccccc;}
.cases .box .tit{float: left;}
.cases .box .tit h2{ float:left; font-size: 30px;line-height: 62px;margin-right: 10px;}
.cases .box .tit span{ float:left;color: #999999;line-height: 62px;}
.cases .investment_f {}
.cases .investment_f .investment_title {   height:48px;  float: right;margin: 4px 0 10px;}
.cases .investment_title div {width:188px;height:48px; float:left; display:inline;text-align:center;line-height:48px; color:#333; cursor:pointer; position: relative;margin-left: 2px;}
.cases .investment_title div h1{font-weight: normal;font-size:18px;}
.cases .investment_title div.on {color:#ffffff; background: #0061ae; }
.cases .investment_con {clear:both;margin-top: 25px;}
.cases .investment_con_list {display:none;}
.cases .investment_title div{background: url(../images/tment.png)no-repeat center;}
.cases .investment_title div.on{background: url(../images/tment_h.png)no-repeat center;}
.cases .investment_con_list{}
.cases .investment_con_list dl{}
.cases .investment_con_list dt{float: left;width: 670px;}
.cases .investment_con_list dt img{max-width: 100%;}
.cases .investment_con_list dd{float: right;width: 730px;   }
.cases .investment_con_list dd .box{float: left; position: relative;
    display: block;cursor: pointer; width: 335px;height: 250px;margin: 0 0 25px 30px;}
.cases .investment_con_list dd .img{    position: absolute;top: 0;
    width: 335px;height: 250px;}
.cases .investment_con_list dd .img a{display: block;}
.cases .investment_con_list dd .img img{    width: 100%;}
.cases .investment_con_list dd .line{    position: absolute;
    display: block;
    left: 16px;
    top: 16px;
    right: 16px;
    bottom: 16px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.8);
    transition: all ease 300ms;
    z-index: 3;}
.cases .investment_con_list dd i{    width: 100%;
    height: 100%;
    background: -webkit-linear-gradient(180deg, #5f6de8, #71b7ea);
    background: -o-linear-gradient(180deg, #5f6de8, #71b7ea);
    background: -moz-linear-gradient(180deg, #5f6de8, #71b7ea);
    background: linear-gradient(180deg, #5f6de8, #71b7ea);
    display: block;
    position: absolute;    opacity: 0.5;
    top: 0;
    display: none;}    
.cases .investment_con_list dd h4{    display: none;
    z-index: 2;
    position: relative;
    text-align: center;
    color: #ffffff;font-size: 18px;font-weight: bold;line-height: 250px;
   }
.cases .investment_con_list dd .box:hover .line{opacity: 1;filter: alpha(opacity=100);transform: scale(1); }
.cases .investment_con_list dd .box:hover i,.cases .investment_con_list dd .box:hover h4{display: block;}
.cases .more{background: url(../images/more.png)no-repeat;width:264px;height: 52px;display: block;margin: 25px auto 0;color: #ffffff;text-align: center;line-height: 52px;font-size: 16px;}



.cooper{overflow: hidden;}
.cooper .tit01{display: inline-block;width: 100%;position: relative;}
.cooper .tit01 i{width: 200px;height: 2px;display: block;background: #006699;margin-bottom: 42px;transition:all 200ms ease;  -webkit-transition:all 200ms ease;}
.cooper .tit01:hover i{width: 100%;}
.cooper .tit01 .fl{}
.cooper .tit01 .fl h2{font-size: 14px;color: #999999;font-weight: normal;line-height: 24px;}
.cooper .tit01 .fl h3{font-size: 30px;line-height: 38px;}
.cooper .tit01 .fr{color: #999999;    text-transform: uppercase;position: absolute;bottom: 0;right: 0;}
.cooper .office,.cooper .plant{width: 642px;}
.cooper ul{    margin-top: 40px;}
.cooper ul li{ transition: all 300ms ease;position: relative;float: left;width: 318px;height: 238px;overflow: hidden;border: 1px solid #ffffff;}
.cooper ul li a{ display: block;}
.cooper ul li .img{ width: 100%;height: 100%;overflow: hidden;}
.cooper ul li img{width: 100%;height: 100%;}
.cooper ul li:hover img{ transform: scale(1.1,1.1);}
.cooper ul li .dtbg{background: url(../images/show.png) center center repeat; position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: none;}
.cooper ul li:hover .dtbg{display: block;}

.in-news{}
.in-news .tit02{border-bottom: 1px solid #cccccc;    float: left;width: 100%;}
.in-news .tit02 p{float: left;color: #999999;line-height: 56px;}
.in-news .tit02 p b{font-size: 30px;color: #333333;    float: left;}
.in-news .tit02 span{float: right;font-size: 16px;line-height: 56px;}




.in-news-left {float: left;width: 864px;}
.in-news-left .news_fl{    display: inline-block;margin-top: 45px;}
.in-news-left .news_fl dl{position: relative;width: 272px;float: left;margin-right: 24px;}
.in-news-left .news_fl a{display: block;}
.in-news-left .news_fl dl .img{width: 272px;}
.in-news-left .news_fl dl .img img{width: 100%;height: 204px;}
.in-news-left .news_fl dl .date{width: 66px;height: 66px;background: #0061ae;color: #ffffff;top: -20px;left: 14px;position: absolute;}
.in-news-left .news_fl dl .date h2{font-weight: normal;font-size: 12px;line-height: 21px;margin: 12px 0 0 12px;}
.in-news-left .news_fl dl .date h3{font-weight: normal;font-size: 16px;line-height: 23px;margin-left: 12px;}
.in-news-left .news_fl dl .des{padding: 0 8px;}
.in-news-left .news_fl dl .des h4{font-size: 18px;line-height: 24px;margin:20px 0 12px;font-weight: normal;    height: 48px; -webkit-box-orient: vertical;
   text-overflow: ellipsis;
   overflow: hidden;
  word-break: break-all;
    display: -webkit-box;
  -webkit-line-clamp: 2;}
.in-news-left .news_fl dl .des p{color: #666666;line-height: 24px;height: 82px; }
.in-news-left .news_fl dl .des span{color: #333333;}
.in-news-left .news_fl dl:last-child{margin-right: 0;}
.in-news-left .news_fl dl:hover .des h4,.in-news-left .news_fl dl:hover .des span{color: #0061ae;}
.in-news-right {float: right;width: 500px;}
.in-news-right ul {display: inline-block;margin-top: 6px;}
.in-news-right li {transition: all 0.5s;border-bottom: 1px solid #a6a6a6;}
.in-news-right li a {display: block;}

.in-news-right li .top{    display: inline-block;width: 100%;line-height: 44px;margin-top: 5px;}
.in-news-right li h4 {margin: 0;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;font-size: 18px;font-weight: normal;float: left;}
.in-news-right li:hover h4,.in-news-right li:hover span{color: #0061ae;}
.in-news-right li span {display: block;font-size: 16px;color: #999;float: right;}
.in-news-right li p {overflow: hidden;line-height: 24px;font-size: 14px;color: #666;text-align: justify;height: 56px;/*transform: translateY(10px);*/opacity: 1;transition: all 0.5s;margin-bottom: 10px;}
.in-news-right li a:hover p {opacity: 1;/*transform: translateY(0);*/color: #1583c8;}
.in-hzhb-bg {padding: 50px 0;background-color: #f7f7f7;}
.in-hzhb {padding: 0 30px;position: relative;}
.in-hzhb .swiper-slide{position: relative;}
.in-hzhb .swiper-slide .line{    position: absolute;
    display: block;
    left: 15px;
    top: 15px;
    right: 15px;
    bottom: 15px;
    border: 1px solid rgba(255, 255, 255, 0.5);
    opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.6);
    transition: all ease 300ms;    z-index: 3;}
.in-hzhb .swiper-slide .box{position: absolute;
    display: block;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;transform: scale(0.8);
    transition: all ease 300ms;    z-index: 2;}
.in-hzhb .swiper-slide:hover .box,
.in-hzhb .swiper-slide.on .box{
  background: url(../images/hzhb.png) no-repeat center center; filter: alpha(opacity=100);
  transform: scale(1);
}    
 
.in-hzhb .swiper-slide .titbox{position: absolute; z-index: 4;width: 80%;top: 0;margin:40px 10%;color: #ffffff;text-align: center; opacity: 0;
    filter: alpha(opacity=0);
    transform: scale(0.6);} 
.in-hzhb .swiper-slide:hover .titbox{ filter: alpha(opacity=100);transform: scale(1);opacity: 1;}
.in-hzhb .swiper-slide .titbox h2{font-size: 24px;font-weight: normal;margin: 0;}  
.in-hzhb .swiper-slide .titbox span{font-size: 12px;    text-transform: uppercase;} 
.in-hzhb .swiper-slide .titbox em{width: 24px;height: 4px;background: #ffffff;display: block;border-radius: 4px;margin:20px auto;}
.in-hzhb .swiper-slide .titbox p{font-size: 16px;height: 158px;}
.in-hzhb .swiper-slide .titbox .more{    display: inline-block;
    margin-top: 30px;
    transition: all 0.5s;
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    width: 132px;
    height: 36px;
    background: #1583c8;
    line-height: 36px;
    text-align: center;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;}   
    
.in-hzhb .swiper-slide:hover .line,
.in-hzhb .swiper-slide.on .line {
  opacity: 1;
  filter: alpha(opacity=100);
  transform: scale(1);
}
.in-hzhb .swiper-slide .img-center {}
.in-hzhb .swiper-button-prev,.in-hzhb .swiper-button-next {border: 0;width: 10px;height: 18px;margin-top: -9px;display: none;}
.in-hzhb .swiper-button-prev {left: 0;background-image: url(../images/icon12.png);}
.in-hzhb .swiper-button-next {right: 0;background-image: url(../images/icon13.png);}
.in-news-right li:hover{background: url(../images/news-right.png)no-repeat left center;}
.footer {background-color: #0d3065;color: #ffffff;padding-top: 30px;    border-top: 1px solid #666666;}
.footer .container {position: relative;}
.footer a {color: #fefefe;}
.footer a:hover {color: #fff;}
.footer-copy {padding: 10px 0;border-top: 1px solid rgba(255, 255, 255, 0.1);margin-top: 50px; overflow: hidden;background: #0d2c65;}
.footer-copy a{color: #cccccc;}
.footer-copy p {margin: 0;color: #cccccc;}
.footer-copy .sup {float: right;}
.footer-copy .copy_big{display: none;}
.footer-ewm {float: right;width: 150px;}
.footer-ewm p {margin: 10px 0 0;text-align: center;}
.footer-info {float: left;color: #ffffff;}
.footer .footer_tit{background: url(../images/tit.png)no-repeat left bottom;    line-height: 76px;}
.footer .footer_tit h1{font-size: 18px;}
.footer .footer_tit span{font-size: 14px;color: #999999;font-weight: normal;}
.footer .footer-info{width: 310px;}
.footer .footer-info .add{margin-top: 20px;}
.footer .footer-info .add p{line-height: 24px;margin: 7px 0;}
.footer .footer-info .add b{font-weight: normal;font-size: 18px;}

.footer .footer-nav{width: 240px;}
.footer .footer-nav ul{margin-top: 15px;}
.footer .footer-nav li{width: 50%;line-height: 42px;}
.footer .footer-nav li a{color: #ffffff;}

.footer-top {background: url(../images/icon14.png) no-repeat center 0;padding-top: 70px;width: 60px;display: none;    background-size: 50px;
    position: fixed;
    bottom: 90px;
    right: 10px;
    z-index: 66;}
.footer .footer-sao{width: 300px; position: absolute;top: 0;left: 50%;margin-left: -150px;}
.footer .footer-sao .dlogo{width: 240px;    margin: 12px auto 35px;}
.footer .footer-sao .dlogo img{max-width: 240px;}
.footer .footer-sao .dsao{}
.footer .footer-sao .dsao dd{float: left;width: 120px;    margin: 0 15px;}
.footer .footer-sao .dsao dd img{width: 120px;    display: block;}
.footer .footer-sao .dsao dd span{display: block;line-height: 44px;text-align: center;}
.banner-sub {height: 760px;background: no-repeat center / cover;}



 /*悬浮*/

.side-bar {
	width: 56px;
	position: fixed;
	top: 30%;
	right: 6px;
	z-index: 500;
    border-radius: 6px;background: #0061ae;  
}
.side-bar a {
	background-repeat: no-repeat;
	width: 56px;
	height: 56px;
	display: block;
	color: #fff; text-align: center; line-height: 135px; 
	font-size: 14px;
}
.side-bar a:hover {
	color:#ba2023;
}


.side-bar .icon-chat {
	background: url(../images/wei.png) no-repeat center;
}

.side-bar .icon-chat:hover .chat-tips {
	display: block;
}
.icon-xcx .chat-tips{    top: 163px;}

.side-bar .icon-rx{
	background: url(../images/stel.png) no-repeat center;
}

.side-bar .icon-top{
		background: url(../images/top.png) no-repeat center;
	
}

.side-bar .icon-tel{
		background: url(../images/xin.png) no-repeat center;
	
}

.chat-tips {
	
	border-radius: 4px;
	box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
	border: 1px solid #d4ecf9;
	position: absolute;
	right: 62px;
	top: 76px;
	background-color: #ffffff;
	width: 132px;
	height: 132px; display: none;
	
}
.chat-tips img{width:100%;}
.side-bar .icon-ewm:hover .chat-tips {
	display: block;
}

.rTel_tips{  
    border-radius: 4px;
    box-shadow: 0 0 4px 2px rgba(0,0,0,0.1);
    border: 1px solid #d1d2d6;
    position: absolute;
    right: 100px;
    top: 0;
    background-color: #ffffff;
    width: 215px;
    height: 60px;
	line-height: 60px;
    display: none;
	font-size: 18px;
	color: #121214;
}
.rTel_tips i {
	width: 5px;
	height: 10px;
	display:block;
	position: absolute;
	right: -5px;
	top: 17px;
}











.about-1 {position: relative;margin: 0;}
.about-1 .img-center {position: absolute;left: 50%;width: 50%;bottom: -80px;min-width: 800px;}
.about-1 .text {width: 47%;font-size: 18px;line-height: 1.8;text-align: justify;color: #666;}
.about-1 .text strong {color: #3282c7;font-size: 160%;}
.about-1 .text span {color: #3282c7;}

.lanmu {margin-top: -69px;border-top: 1px solid rgba(255,255,255,0.3);    position: relative;
    z-index: 22;}
.lanmu ul {font-size: 0;text-align: center;}
.lanmu li {display: inline-block;vertical-align: middle;width: 12.5%;}
.lanmu li a {display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #fff;line-height: 68px;}
.lanmu li i {display: inline-block;vertical-align: middle;width: 32px;height: 32px;margin-right: 10px;background: no-repeat center / contain;}
.lanmu li span {display: inline-block;vertical-align: middle;font-size: 18px;}
.lanmu li.active,.lanmu li a:hover {background-color: #3282c7;}

.curmbs {background-color: #f5f5f5;line-height: 50px;color: #666;}
.curmbs a {color: #666;}
.curmbs a:hover {color: #3282c7;}
.curmbs em {font-style: normal;}
.curmbs span {background: url(../images/nygy2.png) no-repeat 0 center / 14px 13px;padding-left: 20px;}

.about-2 {margin: 0 auto;text-align: center;max-width: 1000px;}
.about-2 dt {color: #3282c7;font-weight: bold;font-size: 48px;}
.about-2 dd {margin: 30px 0 0;line-height: 1.8;font-size: 18px;}

.about-3 {font-size: 0;text-align: justify;width: 50%;    margin-top: 30px;}
.about-3 li {display: inline-block;vertical-align: middle;width: 25%;text-align: center;}
.about-3 li .img-center {height: 60px;line-height: 60px;}
.about-3 li h4 {margin: 30px 0 20px;font-size: 24px;font-weight: normal;}
.about-3 li p {margin: 0;font-size: 14px;}

.titbox-3{width: 45%;}
.titbox-3 h2{font-size: 48px;text-transform: uppercase;opacity: 0.3;    margin: 0;font-weight: normal;    line-height: 1;}
.titbox-3 h3{font-size: 40px; margin: 0;}
.titbox-3 p{font-size: 24px;}

.about-4 {position: relative;}
.about-4 .swiper-container {padding-bottom: 30px;}
.about-4 .swiper-slide {width: 62%;}
.about-4 .swiper-slide .img-center {float: left;width: 56%;position: relative;}
.about-4 .swiper-slide .img-center:before {position: absolute;content: '';right: -30px;bottom: -30px;width: 100%;height: 100%;background-color: #8ca1ca;border-radius: 25px;opacity: 0;transition: all 0.5s;}
.about-4 .swiper-slide .img-center img {position: relative;border-radius: 25px;}
.about-4 .swiper-slide-active .img-center:before,.about-4 .swiper-slide-duplicate-active .img-center:before {opacity: 1;}
.about-4 .swiper-slide .text {margin-left: 56%;padding: 0 4% 0 6%;}
.about-4 .swiper-slide .text .date {font-family: Impact;color: #3282c7;font-size: 60px;}
.about-4 .swiper-slide .text h4 {margin: 0;font-size: 30px;font-weight: normal;}
.about-4 .swiper-slide .text p {margin: 0;font-size: 16px;line-height: 1.8;color: #666;text-align: justify;height: 100px;}
.about-4 .swiper-slide .text .time {font-size: 0;background: url(../images/icon24.png) no-repeat 0 center;padding-left: 30px;margin-top: 30px;}
.about-4 .swiper-slide .text .time span {display: inline-block;vertical-align: middle;font-size: 16px;}
.about-4 .swiper-slide .text .time i {display: inline-block;vertical-align: middle;width: 96px;height: 2px;background: url(../images/icon25.png) no-repeat center;margin: 0 10px;}
.about-4 .ctrl {left: 58%;bottom: 0;position: absolute;width: 350px;z-index: 2;font-size: 0;}
.about-4 .swiper-button-prev,.about-4 .swiper-button-next {position: static;margin: 0;display: inline-block;}
.about-4 .swiper-button-prev {margin-right: 20px;}

.about-5 .text {float: left;width: 48%;}
.about-5 .text h4 {margin: 0;font-weight: normal;color: #3282c7;font-size: 36px;}
.about-5 .text h4:after {display: block;content: '';width: 40px;height: 2px;background-color: #3282c7;margin-top: 10px;}
.about-5 .text strong {display: block;color: #98a4ad;font-size: 60px;margin-top: 10px;text-transform: uppercase;font-family: 'sy-light';}
.about-5 .text p {font-size: 18px;line-height: 1.8;margin: 20px 0 0;}
.about-5 .pic {float: right;width: 50%;position: relative;}
.about-5 .pic .swiper-container {margin: 0 70px;}

.about-6 .swiper-slide {background-color: #fff;}
.about-6 .swiper-slide .img-center {height: 300px;line-height: 300px;}
.about-6 .swiper-slide p {margin: 0 20px;border-top: 1px solid #eee;text-align: center;line-height: 50px;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.about-6 .ctrl {text-align: center;margin-top: 30px;}
.about-6 .swiper-button-prev,.about-6 .swiper-button-next {position: static;margin: 0 20px;display: inline-block;vertical-align: middle;}

.sycd .swiper-slide a {display: block;background-color: #fff;border-radius: 20px;padding: 20px;}
.sycd .swiper-slide .img-cover {padding-top: 65%;border-radius: 20px;}
.sycd .swiper-slide p {text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 20px 0 0;}
.sycd .ctrl {text-align: center;margin-top: 30px;}
.sycd .swiper-button-prev,.sycd .swiper-button-next {position: static;margin: 0 20px;display: inline-block;vertical-align: middle;}

.list-1 {margin: -50px 0 0 -200px;}
.list-1 li {float: left;width: 50%;}
.list-1 li a {display: block;padding-right: 30px;padding-top: 30px;margin: 60px 0 0 200px;}
.list-1 li .img-cover {padding-top: 62%;border-radius: 20px;}
.list-1 li .pic {position: relative;}
.list-1 li .pic:before {position: absolute;right: -30px;top: -30px;content: '';width: 100%;height: 100%;background: url(../images/icon28.png) no-repeat center / cover;border-radius: 20px;}
.list-1 li p {text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 20px 0 0;}

.pages {margin: 60px 0 0;text-align: center;font-size: 0;}
.pages a {display: inline-block;font-size: 14px;line-height: 35px;padding: 0 14px;margin: 5px;border-radius: 20px;transition: all 0.5s;border: 1px solid #ccc;min-width: 7px;vertical-align: middle;}
.pages .prev,.pages .next {font-size: 0;height: 48px;line-height: 48px;border: 1px solid #3282c7;border-radius: 50%;padding: 0;width: 48px;background: no-repeat center;}
.pages .prev {margin-right: 50px;background-image: url(../images/icon6.png);}
.pages .next {margin-left: 50px;background-image: url(../images/icon7.png);}
.pages a.active {background-color: #3282c7;color: #fff;border-color: #3282c7;}

.yq-content-pic {float: left;width: 28%;}
.yq-content-pic .img-center {position: relative;}
.yq-content-pic .img-tit{display: none;}
.yq-content-pic .img-center img {position: relative;}
/*.yq-content-pic .img-center:before {position: absolute;right: -30px;top: -30px;content: '';width: 100%;height: 100%;background: url(../images/icon28.png) no-repeat center / cover;border-radius: 20px;}
*/.yq-content-text {margin-left:36%;width: 54%;}
.yq-content-text h1 {margin: 0;font-weight: normal;font-size: 24px;}
.yq-content-text span{font-size: 12px;    text-transform: uppercase;}
.yq-content-text i{width: 24px;height: 4px;border-radius: 4px;background: #cccccc;display: block;margin: 30px 0;}
.yq-content-text .tit {font-size: 30px;}
.yq-content-text .con {line-height: 1.8;font-size: 16px;margin-top: 10px;margin-bottom: 60px;}
.yq-content-text .con:last-child {margin-bottom: 0;}
.yq-content-text .con p {margin: 0;}
.yq-content-text .con img {max-width: 100% !important;height: auto !important;width: auto !important;}
.yq-content-text ul {overflow: hidden;}
.yq-content-text li {float: left;width: 50%;}
.yq-content-text li dl {margin: 0 0 60px;overflow: hidden;}
.yq-content-text li dt {float: left;border-radius: 50%;border: 1px solid #3282c7;width: 68px;height: 68px;line-height: 68px;}
.yq-content-text li dd {margin-left: 85px;font-size: 36px;color: #3282c7;line-height: 1;}
.yq-content-text li dd small {display: block;font-size: 24px;margin-top: 10px;}

.content-exp {padding-top: 30px;margin-top: 60px;border-top: 1px solid #ddd;}
.content-exp li {float: left;width: 50%;}
.content-exp li a {display: block;font-size: 16px;line-height: 50px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;/*background: url(../images/icon31.png) no-repeat 0 center;padding-left: 70px;*/}
.content-exp li:last-child a {text-align: right;/*padding: 0 70px 0 0;background-position: right center;background-image: url(../images/icon32.png);*/}

.list-2 {margin: -50px 0 0 -50px;}
.list-2 li {float: left;width: 25%;}
.list-2 li a {display: block;background-color: #fff;border-radius: 20px;padding: 20px;margin: 50px 0 0 50px;}
.list-2 li .img-cover {padding-top: 65%;}
.list-2 li p {text-align: center;font-size: 18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;margin: 20px 0 0;}

.list-3 {padding: 1px 0 0 1px;}
.list-3 li {float: left;width: 31%;margin: 0 3.5% 3% 0;}
.list-3 li:nth-child(3n){margin-right: 0;}
.list-3 li a {display: block;padding: 10% 5%;background: #f5f5f5;}
.list-3 li .tag {float: right;font-size: 14px;margin-top: 48px;}
.list-3 li .date {font-size: 14px;}
.list-3 li .date strong {display: block;color: #333333;line-height: 1;font-size: 48px;}
.list-3 li .img-cover {padding-top: 52%;margin: 5% 0;}
.list-3 li h4 {margin: 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-size: 18px;}
.list-3 li p {margin: 10px 0 0;line-height: 1.8;height: 75px;overflow: hidden;font-size: 16px;}
.list-3 li a:hover {color: #fff;background-color: #3282c7;}
.list-3 li a:hover .date strong {color: #fff;}
.list-3 li .img-cover span{    border-top-right-radius: 10px; border-top-left-radius: 10px;}


.list-4 {margin: -50px 0 0 -35px;}
.list-4 li {float: left;width: 50%;}
.list-4 li a {display: block;margin: 70px 20px 0 35px;position: relative;}
/*.list-4 li a:before {position: absolute;right: -20px;top: -20px;content: '';width: 100%;height: 100%;background: url(../images/icon39.png) no-repeat center / cover;}
*/.list-4 li .wrap {position: relative;background: url(../images/icon40.png) no-repeat center / cover #fff;padding: 40px 30px;overflow: hidden;transition: all 0.5s;    border-radius: 10px;}
.list-4 li .download {float: right;text-align: center;}
.list-4 li .download i {display: block;background: url(../images/icon38.png) no-repeat center / cover;width: 64px;height: 64px;margin-bottom: 10px;}
.list-4 li .arr {position: absolute;right: 30px;top: 50%;background: url(../images/icon33.png) no-repeat center / contain;height: 64px;width: 64px;margin-top: -32px;}
.list-4 li h4 {margin: 0 80px 0 0;color: #333333;font-size: 18px;overflow: hidden;transition: all 0.5s;    line-height: 2;}
.list-4 li span{    line-height: 2;}
.list-4 li a:hover .wrap {color: #fff;background-image: url(../images/icon41.png);background-color: #1583c8;}
.list-4 li a:hover h4 {color: #fff;}
.list-4 li a:hover .arr {background-image: url(../images/icon42.png);}

.map p {margin: 0;width: 100%;height: 100%;}
.map iframe {width: 100%;height: 100%;}
.contact-wrap,.wrap_1340 {max-width: 1340px;margin: 0 auto;position: relative;z-index: 1;}
.contact-left {float: left;width: 35%;}
.contact-left .wrap {padding: 60px;}
.contact-left dt h2{font-size: 24px;margin: 0;}
.contact-left dt h3{font-size: 14px;margin: 0;font-weight: normal;}
.contact-left dd{padding-left: 50px;margin: 0;}
.contact-left dd.dd01{background: url(../images/dd01.png)no-repeat left center;}
.contact-left dd.dd02{background: url(../images/dd02.png)no-repeat left center;}
.contact-left dd.dd03{background: url(../images/dd03.png)no-repeat left center;}
.contact-left p {margin: 60px 0 0;font-size: 16px;}
.contact-left p span {display: block;font-size: 18px;color: #3282c7;font-weight: bold;}
.contact-right {float: right;background-color: #fff;margin-top: -100px;width: 50%;position: relative;left: -15px;}
.contact-right .wrap {padding: 60px;}
.contact-right .tit {font-size: 36px;}
.message {margin-top: 30px;}
.message form {overflow: hidden;display: block;margin: -20px 0 0 -60px;}
.message .form-group {float: left;margin: 20px 0 0 60px;width: 385px;}
.message .form-label {display: block;margin-bottom: 10px;}
.message .form-label span {color: red;}
.message .form-content {border: 1px solid #ddd;background-color: #fff;padding: 10px 15px;}
.message .form-control {border: 0;background-color: transparent;padding: 0;line-height: 30px;font-size: 14px;width: 100%;display: inline-block;vertical-align: middle;}
.message .form-submit {display: block;background: #3282c7;color: #fff;border: 0;padding: 0;cursor: pointer;outline: none;height: 54px;font-size: 16px;width: 100%;}
.message .form-group.full {float: none;width: auto;}
.message .form-tips {text-align: center;color: #666;margin-top: 10px;}
.message .form-tips span {color: red;}

.join-1 {max-width: 1000px;margin: 0 auto;font-size: 18px;text-align: center;line-height: 1.8;}

.join-2 {font-size: 0;text-align: justify;margin-top: 60px;}
.join-2 li {display: inline-block;vertical-align: middle;}
.join-2 li dl {margin: 0;background: no-repeat 0 7px;padding-left: 60px;}
.join-2 li dt {color: #3282c7;font-size: 36px;}
.join-2 li dd {margin: 20px 0 0;background: url(../images/icon48.png) no-repeat 0 0;font-size: 18px;padding-top: 20px;}

.join-3 {background: #0054ac;}
.join-3 li {float: left;line-height:65px;font-size: 18px;}
.join-3 li span {display: block;padding-left: 30px;color: #ffffff;font-weight: bold;}
.join-3 li.l1 {width: 20%;}
.join-3 li.l2 {width: 10%;}
.join-3 li.l3 {width: 20%;}
.join-3 li.l4 {width: 25%;}
.join-3 li.l5 {width: 25%;}

.join-4 {}
.join-4 dl {margin: 1px 0 0;background-color: #fff;border: 2px solid transparent;background: #f5f5f5;}
.join-4 dt {overflow: hidden;cursor: pointer;position: relative;}
.join-4 dt span {float: left;line-height: 60px;font-size: 16px;color: #666666;}
.join-4 dt span i {font-style: normal;padding-left: 30px;}
.join-4 dt span.l1 {width: 20%;}
.join-4 dt span.l2 {width: 10%;}
.join-4 dt span.l3 {width: 20%;}
.join-4 dt span.l4 {width: 25%;}
.join-4 dt span.l5 {width: 25%;}
.join-4 dt em {width: 30px;height: 30px;background: url(../images/icon49.png) no-repeat center / contain;position: absolute;right: 20px;top: 50%;margin-top: -15px;}
.join-4 dd {margin: 0;display: none;}
.join-4 dd .con {padding: 30px;line-height: 1.8;font-size: 14px;color: #333333;    background: #ffffff;}
.join-4 dd .con h4 {margin: 0 0 10px;color: #3282c7;}
.join-4 dd .con p {margin: 5px 0 0;text-indent: 2em;}
.join-4 dd .con .mail {margin-top: 30px;text-align: right;}
.join-4 dd .con .mail a {display: inline-block;vertical-align: middle;padding: 11px 46px;    font-size: 16px;background-color: #ffc600;color: #fff;border-radius: 56px;}
.join-4 dl.open {border-color: #f5f5f5;}
.join-4 dl.open dt {background-color: #f5f5f5;color: #fff;}
.join-4 dl.open dt em {background-image: url(../images/icon50.png);}
.join-4 dl.open dd {display: block;}

.recruit{max-width: 1340px;margin: 0 auto;}
.recruit02{display: none;}

.product-lister{}
.product-lister .topclass{text-align: center;margin-bottom: 50px;}
.product-lister .topclass h2{font-size: 36px;text-transform: uppercase;opacity: 0.1;margin: 0;line-height: 1;}
.product-lister .topclass h3{font-size: 36px;margin: 0;font-weight: normal;line-height: 1;}
.product-lister dl{}
.product-lister .item{    margin: 0 0 40px;position: relative;}
.product-lister .item .img{width: 100%;}
.product-lister .item .img img{width: 100%;    border-radius: 8px; display: block;}
.product-lister .item .txt{width: 360px;height: 308px;background: #ffffff;border-radius: 6px; position: absolute;top:28px;left: 28px;}
.product-lister .item:nth-child(2) .txt{right: 28px;    left: unset;}
.product-lister .item .txt h4{text-align: center;font-size: 24px;}
.product-lister .item .txt i{width: 36px;height: 4px;border-radius: 4px;background: #3282c7;display: block;margin: 0 auto 20px;}
.product-lister .item .txt p{width: 240px;margin: 0 auto;    line-height: 2;}

.jcxm-pic {float: right;width: 34%;}
.jcxm-text {margin-right: 39%;}
.jcxm-text h2 {color: #3282c7;margin: 0;font-size: 48px;}
.jcxm-text .item {margin-top: 50px;}
.jcxm-text .item:first-child {margin-top: 0;}
.jcxm-text .tit {font-size: 36px;margin-bottom: 15px;font-weight: bold;}
.jcxm-text .con {font-size: 16px;color: #666;line-height: 1.8;text-align: justify;}
.jcxm-text .con2 {font-size: 24px;}
.jcxm-text .ico {border-bottom: 1px solid #ddd;}
.jcxm-text .ico ul {font-size: 0;margin: 40px 0 0 -70px;}
.jcxm-text .ico li {display: inline-block;vertical-align: top;margin-left: 70px;margin-bottom: 40px;text-align: center;}
.jcxm-text .ico li .i {width: 98px;height: 98px;line-height: 98px;border: 2px solid #3282c7;border-radius: 98px;margin: 0 auto;}
.jcxm-text .ico li p {margin: 15px 0 0;font-size: 18px;}

.jcxm-cover {background: no-repeat center / cover;overflow: hidden;color: #fff;}
.jcxm-cover .text {position: relative;margin-top: 450px;    text-align: center;}
.jcxm-cover .text:before {position: absolute;content: '';width: 904px;height: 904px;border-radius: 50%;background-color: #3282c7;opacity: 0.8;left: 50%;top: -200px;    margin-left: -452px;    z-index: 1;}
.jcxm-cover .text:after{position: absolute;content: '';width: 668px;height: 668px;border-radius: 50%;background-color: #3282c7;opacity: 1;left: 50%;top: -100px;    margin-left: -334px;    z-index: 2;}
.jcxm-cover .text h4 {margin: 0 0 20px;position: relative;font-size: 48px;    z-index: 4;}
.jcxm-cover .text h5 {margin: 0;position: relative;font-size: 36px;    z-index: 4;font-weight: normal;}
.jcxm-cover .text p {margin: 0;position: relative;font-size: 24px;    z-index: 4;}

.content-title {margin-bottom: 40px;text-align: center}
.content-title h1 {font-size: 24px;margin: 0;font-weight: normal;}
.content-title p {margin: 15px 0 0 -10px;font-size: 12px;color: #999;}
.content-title p span {display: inline-block;margin-left: 10px;}
.content-body {line-height: 1.8;}
.content-body img {max-width: 100% !important;height: auto !important;width: auto !important;}


.pages .pagination {
    height: auto;
    text-align: center;
}
.pages .pagination p {
    float: none;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    padding: 0 14px;
    margin: 5px;
    border-radius: 20px;
    transition: all 0.5s;
    border: 1px solid #ccc;
    min-width: 7px;
    vertical-align: middle;
    height: auto;
}
.pages .pagination a {
    float: none;
    display: inline-block;
    font-size: 14px;
    line-height: 35px;
    padding: 0 14px;
    margin: 5px;
    border-radius: 20px;
    transition: all 0.5s;
    border: 1px solid #ccc;
    min-width: 7px;
    vertical-align: middle;
    height: auto;
}
.pages .pagination a:hover {
    border-color: #3282c7;
    color: #3282c7;
}
.pages .pagination a.cur {
    background-color: #3282c7;
    color: #fff;
    border-color: #3282c7;
}
.pages .pagination p.pageRemark {
    display: none;
}

.map {
    position: relative;width: 62%;float: right;
}
.map_bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.map_text {
    position: relative;
    z-index: 9;
}
.contact_main{
    position: relative;
    z-index: 11;
}
.contact-right {
    position: relative;
    z-index: 11;
}


.yunu-link {padding: 20px 0;}
.yunu-link h4 {border-bottom: 1px solid #ddd;margin: 0;font-size: 18px;color: #1048a0;padding-bottom: 15px;}
.yunu-link h4 small {text-transform: uppercase;font-size: 16px;font-weight: normal;color: #999;}
.yunu-link ul {margin-left: -20px;}
.yunu-link li {float: left;margin-left: 20px;margin-top: 20px;}

.footer-fix {box-shadow: 0 0 10px rgba(0,0,0,0.2);position: fixed;bottom: 0;left: 0;width: 100%;background-color: #fff;z-index: 10;display: none;}
.footer-fix li {float: left;width: 25%;}
.footer-fix li a {display: block;text-align: center;padding: 7px 0;font-size: 12px;line-height: 1;}
.footer-fix li i {display: block;height: 20px;background: no-repeat center;background-size: contain;margin-bottom: 4px;}
.footer-fix li i.i1 {background-image: url(../images/f_01.png);}
.footer-fix li i.i2 {background-image: url(../images/f_02.png);}
.footer-fix li i.i3 {background-image: url(../images/f_03.png);}
.footer-fix li i.i4 {background-image: url(../images/f_04.png);}

.kf{width:180px;position:fixed;/* right: 20px; */right:-180px;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:10;}
.kt-top{height:40px;line-height:40px;background:url(../images/kefu.png) 12px center no-repeat #008eff;-ms-background-size:auto 20px;background-size:auto 20px;padding-left:46px;font-size:14px;color:#fff;}
.kt-top span:hover{-webkit-transform:rotate(90deg);transform:rotate(90deg);}
.kt-top span{width:18px;height:16px;float:right;position:relative;margin:10px 10px 0 0;cursor:pointer;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;}
.kt-top span b{width:100%;height:2px;background:#fff;display:block;position:absolute;top:50%;left:0;}
.kt-top span b:first-child{transform:rotate(45deg);-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);}
.kt-top span b:last-child{transform:rotate(-45deg);-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);}
.kf .con{overflow:hidden;background:#008eff;}
.kf .qq{color: #ffffff;    overflow: hidden;margin-left: 22px;}
.kf .qq dt{font-size: 16px;}
.kf .qq dd{float: left;     margin: 5px 0;}
.kf .qq dd h2{float: left;font-size: 14px;margin: 0;font-weight: normal;color: #ffffff; }
.kf .qq dd span{float: left;width: 64px;height: 20px;color: #008eff;background: url(../images/QQ.png)no-repeat  5px #ffffff;    padding-left: 22px;    border-radius: 3px;margin-left: 5px;}
.kf .tel{color: #ffffff;margin: 10px 0 20px 22px;}
.kf .tel h3{font-size: 14px;font-weight: normal;    margin: 0;}
.kf .tel h4{font-size: 18px;font-weight: normal;    margin: 0;}
.kf .con h5{height:26px;line-height:26px;margin-top:12px;background:url(../images/lianxi.png) 16px center no-repeat;padding-left:45px;color:#fff;font-size:16px;margin-bottom: 0;}
.kf .con .sao{}
.kf .con .sao li{}
.kf .con .sao li img{width: 120px;margin: 0 auto;    display: block;}
.kf .con .sao li p{text-align: center;color:#fff;}
.kf .contact{margin-top:1px;height: auto;}
.kf .contact p{height:26px;line-height:26px;color:#666;font-size:14px;padding-left:22px;margin: 0;}
.kf .contact p:nth-child(2n){padding-left:32px;}
.kf .con h5.qr-icon{background:url(../images/erweima.png) 16px center no-repeat;}
.kf .con .qr{margin-top:10px;padding-left:40px;}
.kf .con .qr img{width:110px;height:110px;}
.kf .backTop{width:100%;height:40px;margin-top:1px;background:url(../images/huidaodingbu.png) center center no-repeat #008eff;background-size:18px auto;cursor:pointer;}
.kf-side{padding:18px 11px 10px;background:#008eff;position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);left:-37px;cursor:pointer;    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;}
.kf-side b{display:block;color:#fff;line-height:18px;font-size:14px;font-weight:400;}
.kf-side span.arrow{width:12px;height:12px;background:url(../images/jt-1.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;display:block;margin-top:10px;}
.kf-side span.on{background:url(../images/jt-2.png) no-repeat;-ms-background-size:auto 12px;background-size:auto 12px;}

.bottom{background: #0e72d9;color: #ffffff;}
.bottom dl{float: left;    width: calc((100% - 160px) / 4);padding: 20px;}
.bottom dl.icon01 dd{background: url(../images/bottom01.png)no-repeat left center;}
.bottom dl.icon02 dd{background: url(../images/bottom02.png)no-repeat left center;}
.bottom dl.icon03 dd{background: url(../images/bottom03.png)no-repeat left center;}
.bottom dl.icon04 dd{background: url(../images/bottom04.png)no-repeat left center;}
.bottom dl dd{padding-left: 64px;}
.bottom dl dd h2{font-weight: normal;font-size: 18px;}
.bottom dl dd h3{font-weight: normal;font-size: 14px;}


@media screen and (min-width: 768px) {
    .view-body {padding-top: 80px;}
    .view-body .header {background-color: #3282c7;}
    .view-body .header .logo {height: 50px;line-height: 50px;}
    .view-body .header .tel {line-height: 80px;font-size: 20px;}
    .view-body .header .sc {margin-top: 19px;}
    .view-body .header .nav li>a {line-height: 80px;}
    .view-body .header .nav li>a:after {bottom: 16px;}
    
   
}

@media screen and (max-width: 1630px) {
    .in-yqsb .swiper-slide .text h4 {font-size: 24px;}
    .in-yqsb .swiper-slide .text li {font-size: 28px;margin-left: 50px;}
    .in-yqsb .swiper-slide .text li small {font-size: 20px;}
}

@media screen and (max-width: 1470px) {
    .header .nav li {margin: 0 18px;}
    .header .nav li>a {font-size: 16px;}

    .in-about .pic {margin-top: -450px;}
    .in-about .text .desc {font-size: 14px;}

    .in-yqsb .swiper-slide .text p {font-size: 14px;}
    .in-yqsb .swiper-slide .text li {font-size: 24px;}
    .in-yqsb .swiper-slide .text li small {font-size: 16px;}

    .in-news-left {width: 45%;}
    .in-news-left .text h4 {font-size: 20px;}
    .in-news-left .text span {font-size: 14px;}
    .in-news-right ul {}
    .in-news-right li {  padding-left: 0;}
     .in-news-right li:hover{background: none;}
    .in-news-right li h4 {font-size: 20px;}
    .in-news-right li span {font-size: 14px;}
    .in-news-right li p {font-size: 14px;height: 50px;}

    .banner-sub {height: 560px;}

    .lanmu {margin-top: -55px;}
    .lanmu li a {line-height: 54px;}
    .lanmu li i {width: 19px;height: 19px;}
    .lanmu li span {font-size: 16px;}

    .about-4 .swiper-slide .img-center:before {right: -20px;bottom: -20px;}
    .about-4 .swiper-slide .text .date {font-size: 50px;}
    .about-4 .swiper-slide .text h4 {font-size: 24px;}
    .about-4 .swiper-slide .text p {font-size: 14px;}
    .about-4 .swiper-slide .text .time i {width: 60px;}

    .about-5 .text strong {font-size: 50px;}

    .list-1 {margin-left: -100px;}
    .list-1 li a {margin-left: 100px;}

    .list-2 {margin: -30px 0 0 -30px;}
    .list-2 li a {margin: 30px 0 0 30px;}

    .list-3 li .date strong {font-size: 60px;}
    .list-3 li .tag {margin-top: 60px;}

    .jcxm-text h2 {font-size: 38px;}
    .jcxm-text .tit {font-size: 30px;}
    .jcxm-text .con {font-size: 16px;}
    .jcxm-text .con2 {font-size: 20px;}
    .jcxm-text .item {margin-top: 35px;}
    .jcxm-text .ico ul {margin-top: 40px;margin-left: -50px;}
    .jcxm-text .ico li {margin-left: 50px;margin-bottom: 50px;}
    .jcxm-text .ico li p {font-size: 16px;}
    .jcxm-text .ico li .i {width: 90px;height: 90px;line-height: 90px;}
    
    .case .casebox .fr .tit p{margin: 10px 0;}
    .case .casebox .fr .more{    margin: 10px 0 32px;}
    
    .igoao .fl {padding-left: 19px;}
    .igoao .fr {margin: 34px 20px 0 0;}
    
    
}





.submenu-box{display: flex; flex-wrap: wrap;justify-content: center; position:relative; bottom: 0;left: 0;width: 100%;background: #0069d7;line-height: 68px;}
.submenu-box a{font-size: 20px;padding: 0 26px;color: #ffffff;}
.submenu-box a.active,.submenu-box a:hover{background: #ffc600;}

.sobtitle{position: absolute;color: #ffffff;background: url(../images/slide.png)no-repeat left center;margin-left: 30px;padding-left: 62px;bottom:130px ;}
.sobtitle h2{font-size: 30px;line-height: 42px;}
.sobtitle h3{font-size: 16px;font-weight: normal;text-transform:uppercase;line-height: 18px;}
.sobtitle .sitepath{    line-height: 1;margin-top: 18px;}
.sobtitle .sitepath a{color: #ffffff;}

.submian{    padding: 46px 0;}
.submian .subleft{width: 1100px;}
.submian .subleft .tit{text-align: center;}
.submian .subleft .tit h2{font-size: 30px;color: #333333;font-weight: bold;line-height: 1;}
.submian .subleft .tit i{width: 44px;height: 2px;background: #999999;display: block;margin: 22px auto;}
.submian .subleft .singlelist{}
.submian .subright{width: 240px;background: #ffffff;}
.submian .subright .title{width: 100%;    background: #0054ac;height: 72px;margin: 0 auto;display: block;position: relative;}
.submian .subright .title h3{font-size: 20px;font-weight: bold;color: #ffffff;line-height: 26px;text-align: center;padding-top: 15px;}
.submian .subright .title span{display: block;text-align: center;text-transform:uppercase;color: #a3b6d8;line-height: 18px;}
/*.submian .subright .title i{width: 20px;height: 3px;background: #ffc600;display: block;    position: absolute;
    bottom: -2px;left: 50%;margin-left: -10px;}*/
.submian .subright ul{width: 200px;margin: 0 auto;display: block;}
.submian .subright ul li{width: 100%;border-bottom: 1px solid #dfdfdf;color: #333333;line-height: 24px;padding: 14px 8px;    margin-left: -8px;}
.submian .subright ul li:last-child{border-bottom: none;}
.submian .subright .subbox{position: relative;width: 228px;    margin: 0 auto;height: 214px;}
.submian .subright .subbox img{width: 228px; height: 171px;display: block;}
.submian .subright .subbox .swiper-pagination{    left: 50%;margin-left: -30px;}
.submian .subright .subbox span{margin: 10px 5px;    background: #bfbfbf;}
.submian .subright .subbox span.swiper-pagination-bullet-active{background: #000000;}
.submian .subright .zixun{background: url(../images/submian.png)no-repeat;height: 63px;line-height: 63px;text-align: center;}
.submian .subright .zixun a{background: url(../images/subb.png)no-repeat right center;color: #ffffff;padding-right: 36px;    display: inline-block;}

.newslist{}
.newslist ul{}
.newslist li{width: 100%;height: 110px;margin-bottom: 30px;}
.newslist li a.fl{background: #f5f5f5;height: 110px;}
.newslist li .date{width: 90px;float: left;text-align: right;color: #666666;font-family: impact;margin-top: 20px;}
.newslist li .date h2{font-size: 60px;line-height: 54px;font-weight: normal;}
.newslist li .date h3{font-size: 18px;line-height: 20px;font-weight: normal;}
.newslist li .des{width: 730px;float: left;margin:0 50px;color: #333333;}
.newslist li .des h4{font-size: 20px;line-height:35px;margin-top: 8px;}
.newslist li .des p{line-height: 28px;}
.newslist li .more{float: right;width: 172px;background: #eeeeee;line-height: 110px;text-align: center;font-size: 18px;}
.newslist li .more span{width: 106px;height: 47px;/*border:1px solid rgba(255, 255, 255, 0);*/line-height: 47px;text-align: center;display: inline-block;}
.newslist li:hover .date,.newslist li:hover .des h4,.newslist li:hover .more span{color: #0054ac;}
.newslist li:hover .des{    width: 738px;}
.newslist li:hover .more span{/*border: 1px solid #ffffff;*/}
/* pager */
.pager {display: block;width: 100%;height: auto;padding: 25px 0 5px;text-align: center;clear: both;margin-bottom: 5px;}
.pager span,
.pager a {display: inline-block;border: 1px solid #eee;height: 36px;line-height: 36px;padding: 0px 14px;text-decoration: none;margin: 0 5px;}
.pager a:hover {background: #0071e5;border-color: #0071e5;color: #fff;text-decoration: none;}
.pager .cur {background: #0071e5;border-color: #0071e5;font-weight: bold;color: #FFF;}
.pager span.dot {background: #0071e5;border-color: #0a6c00;font-weight: bold;color: #FFF;}
.pager .current{    background: #0071e5; color: #ffffff; border: 1px solid #0071e5;}

/*recommend-form*/
.recommend-form{position: relative;
    z-index: 666;}
.recommend-form .main { width:518px;    float: left; padding: 0 45px;    box-shadow: 4px 0 16px rgba(0, 0, 0, 0.12);background: #ffffff;    position: relative;border-bottom: 6px solid #0e72d9;}
.recommend-form .main .tit{padding-top: 28px;}
.recommend-form .main .tit h2{font-size: 48px;color: #232323;font-weight: normal;line-height: 58px;}
.recommend-form .main .tit h3{font-size: 18px;color: #999999;font-weight: normal;line-height: 32px;}
.recommend-form .main .tit span{font-size: 16px;color: #232323;line-height: 1;margin-top: 25px;    display: block;}
.recommend-form .main > * { width:100%; clear:both; margin-bottom:20px; position:relative; }
.recommend-form .row-1 { width:100%; height:auto; border-bottom:1px solid #bfbfbf; }
.recommend-form .row-2 { width:100%; height:auto; border-bottom:1px solid #bfbfbf; }
.recommend-form .row-3 { width:100%; height:auto; margin-bottom: 56px;}
.recommend-form .txt { width:100%; height:36px; line-height:36px; background:#fff; border:0; color:#999999; }
.recommend-form .text { width:100%; border:0; background:#FFF; line-height:20px; height:108px; color:#999; }
.recommend-form .submit{ width:218px; height:68px; border:0; cursor:pointer; color:#FFF; font-size:18px;  background:#0054ac; display: block;margin: 0 auto;text-align: center;}
.recommend-form .submit:hover { background:#084d84; }
.BMap_bubble_content{font-size: 12px;line-height:1.4;}

.recommend-form .contactbox{width: 550px;    float: left;margin-left: 140px;padding-top: 45px;}
.recommend-form .contactbox h2{font-size: 48px;color: #232323;font-weight: normal;line-height: 58px;}
.recommend-form .contactbox h3{font-size: 18px;color: #999999;font-weight: normal;line-height: 32px;}
.recommend-form .contactbox h4{font-size: 18px;color: #333;line-height: 1;font-weight: normal;margin-top: 25px;}
.recommend-form .contactbox ul{}
.recommend-form .contactbox li{}
.recommend-form .contactbox li.li01{font-size: 16px;background: url(../images/madd.png)no-repeat left center;line-height: 60px;margin-top: 12px;}
.recommend-form .contactbox li.li02{background: url(../images/mtel.png)no-repeat left top 14px;}
.recommend-form .contactbox li span{font-size: 24px;color: #0061ae;line-height: 50px;}
.recommend-form .contactbox li p{font-size: 16px;line-height: 40px;}



.submian .mapbox{width: 100%;margin-top: -182px;    height: 500px;}
.submian .mapbox img{}


/*recruit*/
.recruit{margin: 0 auto;}
.recruit02{display: none;}

/*conBox*/
.conBox{width: 1030px;}
.conBox .ArticleTitle h1{font-size: 30px;color: #333333;text-align: center;line-height: 1;}
.conBox .ArticleMessage{color: #999999;text-align: center;margin: 20px auto;}
.conBox .ArticleTencont{}
.conBox .ArticleTencont img{max-width: 100%;}

.recommend-news{width: 320px;}
.recommend-news .main{background: #f5f5f5;margin-bottom: 40px;   padding-bottom: 44px;}
.recommend-news .main:first-child+ .main{padding: 0;}
.recommend-news .main h1{height: 72px;background: #0054ac;line-height: 72px;text-align: center;font-size: 24px;font-weight: normal;color: #ffffff;}
.recommend-news .main ul{margin: 16px auto 30px;}
.recommend-news .main ul li{line-height: 50px;margin: 0 20px;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.recommend-news .main ul li a{font-size: 16px;color: #666666;}
.recommend-news .main ul li:hover a{color: #0061ae;}
.recommend-news .main .more{width: 164px;height: 40px;line-height: 40px;font-size: 16px;background: #ffc600;text-align: center;color: #ffffff;display: block;margin: 0 auto; }
.recommend-news .main .more:hover{ width: 200px;   background: #054a82;}
.recommend-news .main dl{margin: 20px auto;}
.recommend-news .main dl dd{font-size: 16px;line-height: 24px;margin: 16px 22px;}
.recommend-news .main .zixun{background: url(../images/submian02.png)no-repeat;height: 63px;line-height: 63px;text-align: center;}
.recommend-news .main .zixun a{background: url(../images/subb.png)no-repeat right center;color: #ffffff;padding-right: 36px;    display: inline-block;    font-size: 16px;
    font-weight: bold;}


.reLink {height: 30px;width: 100%;margin: 30px auto;overflow:hidden;font-size: 16px;}
.reLink .prevLink {float: left;margin-left: 10px;height: 30px;line-height: 30px;    width: 45%;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.reLink .nextLink {float: right;margin-right: 10px;height: 30px;line-height: 30px;    width: 45%;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}


.side-menu dl{border-bottom: 1px solid #bfbfbf;}
.side-menu dl dd{float: left;margin: 0 30px;line-height: 72px;position: relative;}
.side-menu dl dd a{font-size: 16px;color: #666666;}
.side-menu dl dd:hover a,.side-menu dl dd.cur a{color: #333333;font-weight: bold;/*border-bottom: 3px solid #ffc600;line-height: 70px;height: 70px;display: block;*/}
.side-menu dl dd a::after{content: "";width: 0;}
.side-menu dl dd:hover a::after,.side-menu dl dd.cur a::after{content: "";width: 100%;height: 3px;background: #ffc600;display: block;    position: absolute;
    bottom: 0px;}


.downlist{}
.downlist ul{}
.downlist li{float: left;width: 500px;height: 58px;background: #f5f5f5;border-radius: 4px;margin: 0 25px 30px;line-height: 58px;transition: all 300ms ease;}
.downlist li .des{}
.downlist li h4{float: left;padding-left: 20px;font-weight: normal;}
.downlist li .down{float: right;background: url(../images/down01.png)no-repeat left center; padding: 0 0 0 30px;width: 91px; height: 30px;line-height: 30px;    margin: 14px 15px 0 0;
    border-radius: 3px;position: relative;}
.downlist li .down p{line-height: 16px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;}
/*.downlist li:hover{background: url(../images/down_h.png)no-repeat;color: #ffffff;}
*/
.downlist li a{    width: 100px;
    height: 30px;
    display: block;
    position: absolute;
    top: 0;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    left: 0;}
.downlist li:hover h4{color: #0054ac;}
.downlist li:hover .down{color: #ffffff;  }
.downlist li:hover .down{background: url(../images/down02.png)no-repeat left center  #ffc600;  }


.news_list02{padding-bottom:100px;}
.news_list02 .rect-5665{padding-bottom:56.65%;}
.news_list02 ul{position:relative;}
.news_list02 ul:after{content:''; background:#bcbcbc; position:absolute; top:0; left:13%; height:100%; width:1px; z-index:3}
.news_list02 ul .item{height:202px; margin-bottom:15px;    width: 100%;}
.news_list02 ul .item_l{width:23.5%; float:left; position:relative; height:100%;}
.news_list02 ul .item_l:after{content:''; position:absolute; top:0; right:83px; width:0; height:202px;width:505px; background:url(../images/news_list02.png) no-repeat center; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_r{width:76.5%; float:left; height:100%; background:#ffffff; position:relative;}
.news_list02 ul .item_r:after{content:''; position:absolute; top:0; right:0; background:#fafafa; height:100%; width:0; transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_l .time{width:65%; float:left; font-family:impact; line-height:1; text-align:center; position:absolute; height:64px; top:50%; margin-top:-32px; color:#0061ae; z-index:5; font-size:18px}
.news_list02 ul .item_l .time .d{font-size:60px; margin-bottom:3px;}
.news_list02 ul .item_l .time:after{content:''; background:#dddddd; position:absolute; width:46px; height:2px; top:50%; right:-72px;transition:all .5s ease; -webkit-transition:all .5s ease;}
.news_list02 ul .item_r .box{}
.news_list02 ul .item_r .intro_box .tit{font-size:22px; font-weight:bold; color:#333f48; line-height:24px; margin-bottom:20px;    text-align: left;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.news_list02 ul .item_r .intro_box .tit a{display:block;}
.news_list02 ul .item_r .intro_box .list_tool{margin-bottom:10px; color:#999999; font-size:14px;}
.news_list02 ul .item_r .intro_box .list_tool .share_more{margin-left:10px; vertical-align:middle;}
.news_list02 ul .item_r .intro_box .list_tool .time{margin-left:10px;}
.news_list02 ul .item_r .intro_box .con{font-size:14px; color:#303030;  line-height:28px;     -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 3;}
.news_list02 ul .item_r .intro_box .more{    width: 114px;height: 31px;background: #f5f5f5;float: right;text-align: center;line-height: 31px; border-radius: 3px;}
.news_list02 ul .item:hover .item_r .intro_box .more{background: #ffc600;color: #ffffff;}
.news_list02 ul .item_r .intro_box{width:100%; float:left;}
.news_list02 ul .item.hover,.news_list02 ul .item:hover{background:#ffffff;}
.news_list02 ul .item.hover .item_l .time,.news_list02 ul .item:hover .item_l .time{color:#fff;}
.news_list02 ul .item.hover .item_l .time:before,.news_list02 ul .item:hover .item_l .time:before,.news_list02 ul .item .item_l .time:before{content:''; position:absolute;  right:-7px; top:50%; margin-top:-11px; z-index:3;width: 22px;
    height: 22px;background: #0061ae;transform: rotate(45deg);}
.news_list02 ul .item.hover .item_l .time:after,.news_list02 ul .item:hover .item_l .time:after{}
.news_list02 ul .item.hover .tit,.news_list02 ul .item:hover .tit a{color:#0061ae;}
.news_list02 ul .item.hover .item_l:after,.news_list02 ul .item:hover .item_l:after{width:505px;background:url(../images/news_list02_1.png) no-repeat center;}
.news_list02 ul .item:last-child{margin-bottom:0;}
.news_list02 .widgets_common_pages_6{padding-left:15%;}
.fix:before, .fix:after {
    display: table;
    clear: both;
    content: '';
}

/*videolist*/
.videolist{}
.videolist ul{}
.videolist li{margin: 0 22px 12px;}
.videolist li a{display: block;}
.videolist li .img{width: 320px;height: 240px;}
.videolist li .img img{width: 100%;display: block;}
.videolist li span{display: block;text-align: center;line-height: 82px;font-size: 16px;}

.fdspbf{ width:650px; height:550px; position:fixed; left:50%; top:50%; margin:-265px 0 0 -315px; background:url(../images/ico_navbjh.png) repeat; padding:10px; z-index:99;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;}
.fdspbf .spclose{   position: absolute;
  top: calc(42px + -14%);
  right: -18%;
  width: 30px;
  height: 30px;
  cursor: pointer;
  background: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2030%2030'%3E%3Cg%20fill%3D'%23fff'%3E%3Cpath%20d%3D'M0%2C1L1%2C0L30%2C29L29%2C30z'%2F%3E%3Cpath%20d%3D'M29%2C0L29%2C0L30%2C1L1%2C30L0%2C29z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;}


/*honorlist*/
.honorlist{}
.honorlist ul{}
.honorlist li{margin: 0 44px 36px 0;width: 336px; height:300px; overflow:hidden;}
.honorlist li:nth-child(3n){margin-right: 0;}
.honorlist li a{display: block;}
.honorlist li .img{width: 334px;height: 251px;border: 1px solid #bfbfbf; overflow:hidden;}
.honorlist li .img img{width: 100%;display: block;}
.honorlist li span{display: block;text-align: center;line-height: 70px;font-size: 16px;    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.honorlist li:hover .img{box-shadow: 1px 0 12px hsla(0, 0%, 0%, 0.15);}

/*salelist*/
td {border: 1px solid #dddddd;padding: 2px;}
table {border-collapse: collapse;border-spacing: 0;}
.salelist{}
.salelist h2{font-weight: normal;font-size: 16px;line-height: 36px;}
.salelist h3{font-weight: normal;font-size: 18px;margin: 40px 0 26px;}
.salelist table{margin: 0 auto;}
.salelist table td b{color: #0061ae;}
.salelist table td{line-height: 36px;font-size: 16px;    padding: 2% 4%;}
.salelist table .firstRow td{border-top: none;}
.salelist table .firstRow td:first-child,.salelist table .twoRow td:first-child{border-left: none;}
.salelist table .firstRow td:first-child+td,.salelist table .twoRow td:first-child+td{border-right: none;}
.salelist table .twoRow td{border-bottom: none;}
.salelist .salebox{}
.salelist .salebox span{line-height: 50px;font-size: 18px;color: #ffffff;background: #005db8;display: block;margin: 64px auto 30px;width: 498px;text-align: center;}
.salelist .salebox dl{    display: flex;flex-wrap: wrap;justify-content: center;width: 100%;}
.salelist .salebox dd{float: left;    margin: 0 12px 24px;}
.salelist .salebox dd img{width: 278px;height: 206px;display: block;border: 1px solid #dddddd;}
.salelist .salebig{}
.salelist .salebig .titlt{display: flex;flex-wrap: wrap;justify-content: center;width: 100%;margin: 50px auto 30px;}
.salelist .salebig .titlt span{float: left;    line-height: 50px;border: 1px solid #dddddd;border-radius: 4px;padding: 0 20px;font-size: 18px;font-weight: bold;margin-left: 24px;}
.salelist .salebig .titlt span:first-child{margin: 0;}
.salelist .salebig .titlt span b{color: #ea3d3d;}
.salelist .salebig .img{}
.salelist .salebig .img img{    max-width: 100%;display: block;margin: 0 auto;}

/*company*/
.company{background: url(../images/company_bg.png)no-repeat;padding: 76px 0 100px;}
.company .fl{width: 941px;}
.company .fl img{max-width: 100%;}
.company .fl h2{font-size: 30px;font-weight: normal;margin: 50px 0 32px;}
.company .fl p{font-size: 16px;line-height: 32px;}
.company .fr{}
.company .fr img{width: 342px;}

.realizebox{background: url(../images/realizebox_bg.png)no-repeat bottom;overflow: hidden;}
.realizebox .realize{}
.realizebox .realize .realizetop{overflow: hidden;}
.realizebox .realize .realizetop .img{width: 336px;height: 186px;float: left;}
.realizebox .realize .realizetop .img img{width: 100%;display: block;}
.realizebox .realize .realizetop .des{padding-left: 376px;margin-top: 5px;}
.realizebox .realize .realizetop .des h3{background: url(../images/realize_xian.png)no-repeat bottom left;font-size: 24px;line-height: 77px;font-weight: normal;margin-bottom: 26px;}
.realizebox .realize .realizetop .des p{font-size: 16px;line-height: 32px;}
.realizebox .realize .realizetxt{font-size: 16px;line-height: 32px;margin: 20px 0 56px;}

.realizebox .culture{}
.realizebox .culture .titlt{margin-bottom: 40px;}
.realizebox .culture .titlt h2{font-size: 30px;font-weight: normal;text-align: center;line-height: 77px;}
.realizebox .culture .titlt i{width: 40px;height: 2px;display: block;margin: 0 auto;background: #dddddd;}
.realizebox .culture table{margin: 0 auto 60px;}
.realizebox .culture table td b{font-size: 18px;line-height: 64px;}
.realizebox .culture table td{line-height: 24px;font-size: 14px;    padding: 1% 2%;    text-align: center;}
.realizebox .culture table td img{max-width: 100%;display: block;margin: 0 auto;}
.realizebox .culture table .firstRow td{border-top: none;}
.realizebox .culture table .firstRow td:first-child,.realizebox .culture table .twoRow td:first-child{border-left: none;}
.realizebox .culture table .twoRow td{border-bottom: none;}
.realizebox .culture table .firstRow td.et3{border-bottom: none;border-right: none;}

/*processbox*/
.processbox{background: url(../images/process_bg.jpg)no-repeat;    padding: 0;}
.processbox .process{}
.processbox .process .tit{margin-top: 26px;}
.processbox .process .tit h2{font-size: 30px;text-align: center;line-height: 72px;}
.processbox .process .tit i{width: 44px;height: 2px;background: #999999;display: block;margin: 0 auto;}
.processbox .process .processbig{width: 1161px;height: 318px;background: url(../images/process.png)no-repeat center;position: relative;margin: 54px auto 120px;}
.processbox .process .processbig dl{position: absolute;width: 198px;text-align: center;}
.processbox .process .processbig dl dt{line-height: 52px;font-size: 24px;font-style: italic;margin-top: 20px;color: #ffffff;}
.processbox .process .processbig dl dd{font-size: 16px;line-height: 24px;margin-top: 20px;}
.processbox .process .processbig dl:first-child+dl{left: 120px;top:120px;}
.processbox .process .processbig dl:first-child+dl+dl{left: 240px;top:0;}
.processbox .process .processbig dl:first-child+dl+dl+dl{left: 360px;top:120px;}
.processbox .process .processbig dl:first-child+dl+dl+dl+dl{left: 480px;top:0;}
.processbox .process .processbig dl:first-child+dl+dl+dl+dl+dl{left: 600px;top:120px;}
.processbox .process .processbig dl:first-child+dl+dl+dl+dl+dl+dl{left: 720px;top:0;}
.processbox .process .processbig dl:first-child+dl+dl+dl+dl+dl+dl+dl{left: 840px;top:120px;}
.processbox .process .processbig dl:first-child+dl+dl+dl+dl+dl+dl+dl+dl{left: 960px;top:0;}

/*leftnav*/
.leftnav{width: 240px;background: #eeeeee;}
.leftnav .list{    overflow: hidden;}
.leftnav .list h4{background: url(../images/leftnav.jpg)no-repeat;line-height: 88px;font-size: 24px;height: 88px;    overflow: hidden;text-align: center;color: #ffffff;}
.leftnav .list.list02 h4,.leftnav .list.list03 h4{font-size: 22px;}
.leftnav .list.list02  dl dd{    width: 100%;}
.leftnav .list ul{}
.leftnav .list ul li{display: block;height: 56px;line-height: 56px;    width: 100%;border-top: 1px solid #f5f5f5;}
.leftnav .list ul li a{width: 182px;background:url(../images/left.png)no-repeat center right ;    display: block;
    margin: 0 auto;font-size: 16px;}
.leftnav .list ul li:hover,.leftnav .list ul li.hover,.leftnav .list ul li.on{background: url(../images/lnav.jpg)no-repeat;}
.leftnav .list ul li:hover a,.leftnav .list ul li.hover a,.leftnav .list ul li.on a{color: #ffffff;background:url(../images/left_h.png)no-repeat center right ;}
.leftnav .list dl{padding: 15px 0;}
.leftnav .list dl dd{float: left;line-height: 40px;width: 80px;text-align: center;}
.leftnav .list dl dd a{}
.leftnav .contact2{border-top: 1px solid #f5f5f5;}
.leftnav .contact2 .tel{padding: 15px 30px;}
.leftnav .contact2 .tel span{font-size: 16px;line-height: 24px;}
.leftnav .contact2 .tel h2{color: #0054ac;font-family: impact;font-size: 24px;font-weight: normal;line-height: 26px;}
.leftnav .contact2 .more{background: #0e72d9;height: 56px;line-height: 56px;}
.leftnav .contact2 .more a{background: url(../images/subb.png)no-repeat right center;color: #ffffff;font-size: 18px;width: 128px;    display: block;    padding-left: 28px;}

.infobox{width: 1112px;float: right;}
.infobox .photo{  }
.infobox .photo .img{width: 605px;float: left;}
.infobox .photo .img img{max-width: 100%;box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15);}
.infobox .photo .des{float: right;width: 480px;}
.infobox .photo .des h2{text-align: center;color: #0061ae;font-size: 30px;line-height: 42px;}
.infobox .photo .des h3{text-align: center;font-size: 18px;font-weight: normal;margin: 17px 0 55px;}
.infobox .photo .des .tel{background: #f5f5f5;height: 60px;line-height: 60px;width: 374px;display: block;margin: 0 auto;border-radius:5px ;}
.infobox .photo .des .tel span{background: url(../images/ptel.png)no-repeat center left;padding-left: 45px;font-size: 20px;    display: block;margin-left: 14px;}
.infobox .photo .des .tel b{font-size: 24px;font-weight: normal;}
.infobox .photo .des .zixun{background: #0054ac;height: 60px;line-height: 60px;width: 374px;display: block;margin: 35px auto 0;font-size: 24px;text-align: center;color: #ffffff;}

.infobox .investment_f {margin: 50px 0;    background: url(../images/investment_f_bg.png);}
.infobox .investment_f .investment_title {height:50px;   border-bottom: 1px solid #dddddd;}
.infobox .investment_title div {width:168px;height:50px; float:left; display:inline;text-align:center;line-height:50px; color:#333; cursor:pointer; position: relative;margin-right: 8px;background: #f5f5f5;}
.infobox .investment_title div h1{font-weight: normal;font-size:20px;padding-left: 30px;    margin-left: 22px;}
.infobox .investment_title div.on {color:#ffffff; background: #0061ae; }
.infobox .investment_con {clear:both;margin-top: 20px;}
.infobox .investment_con_list {display:none;}
.infobox .investment_con_list img{max-width: 100%;}
.infobox .investment_con_list .list{ overflow: hidden;    margin-bottom: 20px;     padding-bottom: 20px;   border-bottom: 1px dashed #bdbdbd;}
.infobox .investment_con_list .list dt{    font-size: 18px;
    font-weight: bold;
    color: #0061ae;
    line-height: 30px;overflow: hidden;}
.infobox .investment_con_list .list dt h5{    float: left;font-size: 18px;}
.infobox .investment_con_list .list dt .dianji{    float: right;}
.infobox .investment_con_list .list dd{    width: 50%;
    float: left;}
.infobox .investment_con_list .list03{width: 100%;overflow: hidden;}
.infobox .investment_title div.tab01 h1{background: url(../images/tab1.png)no-repeat center left;}
.infobox .investment_title div.tab02 h1{background: url(../images/tab2.png)no-repeat center left;}
.infobox .investment_title div.tab03 h1{background: url(../images/tab3.png)no-repeat center left;}
.infobox .investment_title div.on.tab01 h1{background: url(../images/tab11.png)no-repeat center left;}
.infobox .investment_title div.on.tab02 h1{background: url(../images/tab22.png)no-repeat center left;}
.infobox .investment_title div.on.tab03 h1{background: url(../images/tab33.png)no-repeat center left;}
.infobox .tit{text-align: center;}
.infobox .tit h2{font-size: 30px;color: #333333;font-weight: bold;line-height: 1;}
.infobox .tit i{width: 44px;height: 2px;background: #999999;display: block;margin: 22px auto;}
.infobox .singlelist img{    max-width: 100%;}
/*productlist*/
.productlist{width: 1112px;float: right;}
.productlist .brand{border: 1px solid #eeeeee;margin-bottom: 24px;    height: 280px;
    overflow: hidden;}
.productlist .brand .title{width: 135px; float: left;    text-align: center;
    line-height: 280px;}
.productlist .brand .title h2{}
.productlist .brand ul{width: 975px;float: left;    overflow-x: hidden;
    overflow-y: auto;    height: 100%;}
.productlist .brand ul::-webkit-scrollbar {
width:8px;
height:8px;
}    
.productlist .brand ul::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:#0061ae;
}
.productlist .brand ul::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1);
}   
.productlist .brand ul li{float: left;text-align: center;    margin: 16px 6px;}
.productlist .brand ul li a{display: block;}
.productlist .brand ul li h3{font-size: 16px;font-weight: normal;line-height: 36px;}
.productlist .brand ul li .img{ width: 180px;height: 66px;overflow: hidden;}
.productlist .brand ul li img{ width: 80%;height: auto;transition: all ease 300ms;}
.productlist .brand ul li:hover img{transform: scale(1.05);}
.productlist .brand ul li.cur a{ color:#3282c7;}
/*.productlist .brand{border: 1px solid #eeeeee;}
.productlist .brand td.et2{font-size: 18px;font-weight: bold;width: 130px;text-align: center;}
.productlist .brand td{border: none;padding: 0 8px;}
.productlist .brand td img{    width: 180px;height: 66px;}
.productlist .brand td h3{text-align: center;font-weight: normal;font-size: 16px;line-height: 50px;}*/
.productlist .brand2{border: 1px solid #eeeeee;margin-bottom: 24px;height: 230px;
    overflow: hidden;}
.productlist .brand2 .title{width: 135px; float: left;    text-align: center;
    line-height: 230px;}
.productlist .brand2 .title h2{}
.productlist .brand2 dl{width: 975px;float: left;    padding: 15px 0;overflow-x: hidden;
    overflow-y: auto;    height: 198px;}
.productlist .brand2 dd{float: left;line-height: 40px;    width: 32px;margin: 0 37px;}
.productlist .brand2 dd a{display: block;}
    .productlist .brand2 dd.cur a {
        color: #3282c7;
    }
.productlist .brand2 dl::-webkit-scrollbar {
width:8px;
height:8px;
}    
.productlist .brand2 dl::-webkit-scrollbar-thumb {
border-radius:100px;
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
background:#0061ae;
}
.productlist .brand2 dl::-webkit-scrollbar-track {
-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);
border-radius:0;
background:rgba(0,0,0,0.1);
} 

/*.listpic{border: 1px solid #cccccc;}
.listpic dl{height: 64px;background: #f5f5f5;line-height: 64px;border-bottom: 1px solid #cccccc;}
.listpic dl dd{float: left;border-right:1px solid #cccccc;}
.listpic dl dd a{display: block;}
.listpic ul{}
.listpic ul li{}
.listpic ul li a{display: block;}
.listpic ul li div{float: left;}
.listpic ul{}*/

.listpic{}
.listpic table{width: 100%;    border: 1px solid #dddddd;}
.listpic .firstRow{height: 64px;background: #f5f5f5;line-height: 64px;}
.listpic .firstRow td{font-size: 18px;text-align: center;}
.listpic .Row{ }
.listpic .Row td{    border-right: none;border-left: none;}
.listpic .Row td a{line-height: 58px;display: block;text-align: center;}
.listpic .Row:hover{background: #c7f2f6;}


.recommend{    margin-bottom: 30px;}
.recommend .head{    height: 38px;
    line-height: 38px;
    position: relative;
    border: 1px solid #ddd;}
.recommend .head h2{    font-size: 18px;
    color: #ed2f2f;
    border-left: 5px solid #ed2f2f;
    padding: 0 0 0 20px;}
.recommend ul{    margin-top: 10px;}
.recommend ul li{    width: 170px;
    margin: 10px 6px;}
.recommend.recommend2 ul li{width: 127px;}
.recommend li a{}
.recommend li img{width: 100%;}
.recommend li h3{text-align: center;
    font-size: 16px;
    font-weight: normal;}

.recommend.recommend2 ul li{}

.listpices{}
.listpices ul{}
.listpices li{float: left;    margin: 0 44px 36px 0; width: 340px;  transition: all ease 300ms;}
.listpices li a{}
.listpices li .img{width: 338px;height: 207px;border: 1px solid #bfbfbf;    overflow: hidden;}
.listpices li .img img{max-width: 100%;max-height: 100%;display: block; transition: all ease 300ms; display:block; margin:auto;}
.listpices li:nth-child(3n) {margin-right: 0;}
.listpices li:hover .img img{ transform: scale(1.05);}
.listpices li:hover .img{box-shadow: 1px 0 15px rgba(0, 0, 0, 0.15);}
.listpices li .des{overflow: hidden;line-height: 70px;}
.listpices li .des h2{float: left;font-size: 18px;-webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    width: 50%;}
.listpices li .des p{float: right;-webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    width: 50%;    text-align: right;}


@media (max-width: 1440px){
.wrap,.container {width: 1200px;}
.header .nav li {margin: 0 0px;padding: 0 13px;}	
.baner_b .zi{    width: 700px;}
.baner_b .searcher{    width: 379px;}
.baner_b .searcher .txt{    width: 331px;}
.products .titbox ul li{    width: 150px;}
.productlist{width: 934px;}
.productlist .brand ul,.productlist .brand2 dl{width: 797px;}
.recom ul li{width: 384px;    height: 313px;}
.recom li .img {
    width: 384px;
    height: 235px;}
.recom ul li:nth-child(3n){margin-right: 0;}
.recom li:nth-child(4n) {margin-right: 20px;}
.about .des{width: 610px;}
.about .img{width: 570px;}
.about .des .box{height: 189px;}
.about .casebox{    width: 1050px;}
.advan ul li .img{width: 274px; height: 251px;}
.advan ul li .des{    width: 287px;margin-left: 18px;}	
.cases .investment_con_list dt{    width: 590px;}	
.cases .investment_con_list dd{    width: 610px;}
.cases .investment_con_list dd .box,.cases .investment_con_list dd .img{    width: 274px;height: 204px;}	
.cases .investment_con_list dd h4{line-height: 204px;}	
.cooper .office, .cooper .plant{    width: 580px;}	
.cooper ul li{width: 288px;height: 216px;}	
.in-news-left{    width: 660px;}	
.in-news-left .news_fl dl,.in-news-left .news_fl dl .img{    width: 204px;}	
.in-news-left .news_fl dl .img img{    height: 153px;}	
.company .fl{    width: 836px;}	
.company .fr img{    width: 325px;}	
.infobox{width: 934px;}
.infobox .photo .img{    width: 520px;}	
.infobox .photo .des{    width: 400px;}	
.infobox .tit{    text-align: center;}
.infobox .tit h2{    font-size: 30px;
    color: #333333;
    font-weight: bold;
    line-height: 1;}
.infobox .tit i{    width: 44px;
    height: 2px;
    background: #999999;
    display: block;
    margin: 22px auto;}
.conBox{    width: 860px;}	
.recommend-news{    width: 310px;}	
.downlist li{    width: 420px;}	
.downlist li .down{    width: 70px;}	
.submian .subleft{    width: 940px;}	
.honorlist li{    margin: 0 36px 36px 0;width: 280px;}	
.honorlist li .img{    width: 280px;height: 210px;}	
.news_list02 ul .item.hover .item_l .time:before, .news_list02 ul .item:hover .item_l .time:before, .news_list02 ul .item .item_l .time:before{    right: 6px;}	
.news_list02 ul .item_r{    width: 72.5%;}	
.recommend-form .main{    width: 480px;    padding: 0 30px;}	
.recommend-form .contactbox{    width: 580px;    margin-left: 80px;}	
.newslist li .des{    width: 620px;}	
.newslist li .more{width: 128px;}	
.newslist li:hover .des{width: 622px;}	
.videolist li{    margin: 0 16px 12px;}	
.videolist li .img{    width: 280px;height: 210px;}	
	
.recommend ul li{    }	
.recommend li h3{  }	
	
	
.listpices li{    width: 280px;}	
.listpices li .img {
    width: 278px;
    height: 170px;}		
	
	
	
	
	
	
	
	
	
}
@media screen and (max-width: 767px) {
    body {min-width: 320px;padding-top: 50px;}
    .container {width: 100%;min-width: auto;max-width: none;}

 .footer-fix {display: block;}
    .kf {display: none;}
    
    .more-big {margin-top: 20px;background-size: auto 20px;padding-right: 50px;}

    .header {padding: 10px 0;background-color: #1583c8;}
    .header .logo {height: 30px;line-height: 30px;float: none;padding: 0;}
    .header .sc-btn {display: block;}
    .header .sc {margin: 0;float: none;position: absolute;top: 50px;left: 0;width: 100%;border-bottom: 0;background-color: #3282c7;padding: 0 15px;box-sizing: border-box;display: none;}
    .header .sc input {width: 100%;box-sizing: border-box;}
    .header .sc button {right: 15px;}
    .header .nav {margin: 10px -15px -10px;display: none;float: none;text-align: left;
    padding: 0 15px;border-top: 2px solid #ffffff;}
    .header .nav li {display: block;margin: 0;border-top: 1px solid rgba(255,255,255,0.2);float: left;    width: 50%;}
    .header .nav li a {line-height: 40px;font-size: 16px;}
    .header .nav li>a:after {display: none;}
    .header .nav li .arr {display: block;position: relative;z-index: 1;}
    .header .nav li.active a, .header .nav li.open a, .header .nav li a:hover {}
    .header .nav li.open .arr:after {border-color: #0b4e9c;transform: rotate(225deg);}
    .header .nav .dropdown-box {position: static;background-color: #f5f5f5;width: auto;text-align: left;margin: 0;box-shadow: none;}
    .header .nav .dropdown-box a {color: #333 !important;border-top: 1px dotted #ddd;padding: 0 15px;line-height: 40px;background-color: transparent !important;border-bottom: 0;}
    .menu-btn {display: block;}
    .header .nav li.tel{display: block;width: 100%;text-align: center;}

    .banner .swiper-slide {height: 400px;min-height: 400px;}
    .banner .swiper-slide:before {width: 320px;height: 320px;right: -200px;top: -260px;}
    .banner .swiper-slide .box:before {width: 320px;height: 320px;left: -30px;top: -80px;}
    .banner .swiper-slide h4 {font-size: 22px;margin-top: 0;}
    .banner .swiper-slide small {font-size: 14px;}
    .banner .swiper-pagination-bullet {display: inline-block;margin: 0 4px !important;}
    .banner .swiper-pagination {bottom: 10px;width: 100%;right: 0;transform: translateY(0);}
    .banner .djxh {display: none;}
    .banner .swiper-pagination-bullet-active{width: 36px;height: 10px;}
    .banner .swiper-slide .box img{    width: 80%;}
    
    
    .section {padding: 30px 0;}
    .section-title {margin-bottom: 20px;text-align: center;}
    .section-title strong {font-size: 22px;}
    .section-title small {font-size: 14px;}
    .section-title-2 {text-align: center;margin-bottom: 20px;font-size: 20px;}
    .aboutbox .section-title{text-align: left;}
    .aboutbox .section-title .tit{    font-size: 46px;    bottom: -95px;}
    .aboutbox .section-title .tit i {    font-size: 170px;}
    .aboutbox {}

    .in-about .pic {float: none;width: auto;    margin-top: 30px;}
    .in-about .pic .img-center {margin: 0;}
    .in-about .pic .img-center:before {display: none;}
    .in-about .pic ul {    padding: 30px 0 0 30px;}
    .in-about .text {padding: 0;margin: 20px 0 0;width: auto;    position: relative; }
    .in-about .text h4 {font-size: 20px;}
    .in-about .text h5 {font-size: 16px;}
    .in-about .text .desc {margin-top: 15px;padding-top: 10px;}
    .in-about .more {text-align: center;    position: absolute;right: 0;top: 0;}

    .in-total li:nth-child(4) {width: 100%;margin-top: 30px;}
    .in-total li:last-child {display: none;}
    .in-total li strong {font-size: 30px;}
    .in-total li span {margin-top: 10px;font-size: 14px;}
    .in-total li small {font-size: 18px;margin-left: 5px;}

    .in-jcxm {padding: 0 40px;}
    .in-jcxm .swiper-container {padding: 0;}
    .in-jcxm .img-center:hover img {transform: scale(1);}
    .in-jcxm .swiper-pagination {margin-top: 20px;}

    .swiper-button-prev, .swiper-button-next {width: 30px;height: 30px;margin-top: -16px;background-size: 10px auto;}

    .in-jcxm .swiper-pagination-bullet{background: #cccccc;}
    .in-jcxm .swiper-pagination-bullet-active{background: #1583c8;}
    
    .igoao{    position: relative;}
    .igoao .fl{    margin: 0 auto;    padding: 0;}
    .igoao .fl img{max-width: 100%;}
    .igoao .fr {position: absolute;bottom: 20px;right: 0;    margin: 0;}
    .igoao .fr img{     margin: 10px auto; width: 50%;float: right;padding-right: 15px;}
    .igoao .fl h2{    font-size: 14px;padding-left: 25px;font-weight: normal; color: #ffffff;width: 50%;margin: 20px 0 0;background-size: 20px;}
    .igoao .fl h2 span {font-size: 15px;}
    
    
    .in-about .pic li{    width: 30%;height: auto;line-height: 3;}
    
    
    .in-fwys {width: auto;padding: 0 40px;margin-top: 80px;}
    .in-fwys:before {width: 400px;height: 400px;left: 50%;top: 50%;margin: -200px 0 0 -200px;}
    .in-fwys .ctrl {margin: 20px 0 0;position: static;}
    .in-fwys .swiper-button-prev, .in-fwys .swiper-button-next {position: absolute;top: 50%;margin: -16px 0 0;}
    .in-fwys .swiper-pagination {text-align: center;float: none;font-size: 18px;line-height: 1;}
    .in-fwys .swiper-pagination-current {font-size: 24px;}
    .in-fwys .swiper-slide i {text-align: center;margin-bottom: 20px;height: 60px;}
    .in-fwys .swiper-slide h4 {text-align: center;font-size: 20px;}
    .in-fwys .swiper-slide h4:after {margin: 10px auto 0;}
    .in-fwys .swiper-slide p {font-size: 14px;text-align: center;margin-top: 10px;height: 100px;overflow: hidden;}
    .in-fwys .swiper-slide .more-big {display: block;width: 70px;margin: 20px auto 0;}

    .in-yqsb .swiper-slide {width: 100%;padding: 0 15px;box-sizing: border-box;transition: none;transform: none;}
    .in-yqsb .swiper-slide .img-center {float: none;    width: 80%;margin: 0 10%;}
    .in-yqsb .swiper-slide .text {margin: 20px 0 0;padding: 0;text-align: center;opacity: 1;}
    .in-yqsb .swiper-slide .text h4 {font-size: 18px;}
    .in-yqsb .swiper-slide .text p {margin-top: 10px;}
    .in-yqsb .swiper-slide .text ul {display: none;}
    .in-yqsb .swiper-slide .text .more {font-size: 12px;background: none;padding-right: 0;margin-top: 15px;    border: 2px solid #cccccc;color: #1583c8;}
    .in-yqsb .ctrl {    position: absolute;width: 100%;text-align: center;left: 0;top: 30%;bottom: unset;}
    .in-yqsb .swiper-button-prev, .in-yqsb .swiper-button-next {margin: 0 10px;    position: absolute;}
    .in-yqsb .swiper-slide .text h4{background: none;padding-bottom:0;}
    .in-yqsb .swiper-pagination {display: none;}
    .in-yqsb-more {position: static;text-align: center;}
    
    .in-yqsb .title{display: block;text-align: center;    margin-bottom: 20px;}
    .in-yqsb .title h2{    display: block;color: #333333;    margin: 0;}
    .in-yqsb .title span{color: #999999;text-transform: uppercase;}
    .in-yqsb .tit{display: none;}

    .in-ryzz-desc {font-size: 14px;text-align: justify;}
    .in-ryzz {padding: 0 40px;}
    .in-ryzz .swiper-slide {transition: none;transform: none;}

    .in-news-left,.in-news-right {width: auto;float: none;}
    .in-news-left .text {padding: 15px;     background: url(../images/icon1.png) no-repeat right 38px;   margin-right: 10px;background-size: 50px;}
    .in-news-left .text h4 {font-size: 16px;}
    .in-news-left .text span {font-size: 12px;margin-top: 5px;}
    .in-news-right ul {margin-top: 0;}
    .in-news-right li h4 {font-size: 16px;}
    .in-news-right li span {font-size: 12px;}
    .in-news-right li p {opacity: 1;transform: none;}
    .in-news-left:hover .text{ background: url(../images/icon1.png) no-repeat right 38px;   margin-right: 10px;background-size: 50px;color: #1583c8;}

 
    .icase img{width: 100%;    border-radius: 4px;}
    .case .case01{display: none;}
    .case .case02{display: block;}
    .icase .swiper-pagination{margin-top: 20px;position: static;text-align: center;}
    .icase .swiper-pagination .swiper-pagination-bullet{background: #cccccc;}
    .icase .swiper-pagination .swiper-pagination-bullet-active{background: #1583c8;}
    .icase{}
    .icase .tit{text-align: center;}
    .icase .tit h2{margin: 0;}
    .icase .tit p{margin: 10px 0 20px;font-size: 12px;}

    .lanmu{    margin: 0;background: #3282c7;}
    .lanmu ul{    overflow: hidden;}
    .lanmu li{    width: 33.3%;float: left;}
    
    .in-hzhb-bg {padding: 30px 0;}
    
    .in-hzhb{ }
    .in-hzhb .swiper-slide .titbox h2{margin-top: 20px;font-weight: bold;}
    .in-hzhb .swiper-button-prev, .in-hzhb .swiper-button-next{    top: 30%;display: block;}
    .in-hzhb .swiper-slide .img-center{    padding: 0 5%;}
    .in-hzhb .swiper-slide .line,.in-hzhb .swiper-slide .box,.in-hzhb .swiper-slide .titbox span,.in-hzhb .swiper-slide .titbox em,.in-hzhb .swiper-slide .titbox .more{display: none;}
    .in-hzhb .swiper-slide .titbox{    width: 100%;    color: #333333;margin: 0;
    position: relative;    opacity: 1;    transform: scale(1);}
    .in-hzhb .swiper-slide .titbox p{height: auto;color: #666666;}
    

    .footer {padding-top: 30px;    padding-bottom: 50px;}
    .footer-top {display: block;}
    .footer-ewm {float: none;width: auto;}
    .footer-ewm .img-center {height: 110px;line-height: 110px;}
    .footer-info {float: none;text-align: center;margin-top: 20px;}
    .footer-info .nav {display: none;}
    .footer-info .adder p {margin-top: 5px;}
    .footer-contact {float: none;width: auto;text-align: center;margin: 20px 0 0;}
    .footer-contact h3{    font-size: 24px; text-align: left;font-weight: normal;}
    .footer-contact p {margin-top: 5px;    text-align: left;font-size: 14px;}
    .footer-copy {font-size: 12px;margin-top: 30px;text-align: center;}
    .footer-copy .sup {display: none;}
    .footer-copy .container{display: none;}
    .footer-copy .copy_big{display: block;    line-height: 1.7;}
    .footer-sao{display: block;text-align: center;margin: 30px auto 0;} 
    .footer-sao img{max-width: 50%;}
    .footer-sao p{opacity: 0.5;}
     
    .footer-contact .imassge .item,.footer-contact .imassge .mj{width: 100%;}
    .footer-nav,.footer-info .dlogo{display: none;}
    .footer-info .we p,.footer-info .tel{    font-size: 24px;    padding-left: 26px;background-size: 18px;}
    .footer-info .we span{    font-size: 14px; padding-left: 26px;}
    
    .product-lister .topclass{    margin-bottom: 20px;}
    .product-lister .topclass h2{    font-size: 133%;}
    .product-lister .topclass h3{font-size: 26px; }
    .product-lister .item .txt{position: unset;width: 100%;    height: auto;}
    .product-lister .item .txt p{width: 100%;}
    .product-lister .item .txt h4{    font-size: 20px;margin: 20px 0;}
    .product-lister .item .txt i{    margin: 0 auto 10px;}
    
    .banner-sub {height: 150px;}

    .curmbs {display: none;}

    .about-1 .img-center {position: static;width: auto;min-width: auto;}
    .about-1 .text {width: auto;margin-top: 20px;font-size: 14px;}

    .about-2 dt {font-size: 18px;}
    .about-2 dd {margin-top: 10px;font-size: 14px;text-align: justify;}

    .about-3 {    width: 100%;}
    .about-3 li {min-width: auto;}
    .about-3 li .wrap {padding: 10px;}
    .about-3 li .img-center {height: 40px;line-height: 40px;}
    .about-3 li h4 {margin: 15px 0 10px;font-size: 18px;}
    .about-3 li p {font-size: 12px;text-align: justify;line-height: 1.8;height: 84px;overflow: hidden;}
    .titbox-3{width: 100%;}

    .about-4 .swiper-container {padding-bottom: 0;}
    .about-4 .swiper-slide {width: 100%;padding: 0 15px;box-sizing: border-box;}
    .about-4 .swiper-slide .img-center {float: none;width: auto;}
    .about-4 .swiper-slide .img-center:before {display: none;}
    .about-4 .swiper-slide .img-center img {border-radius: 10px;}
    .about-4 .swiper-slide .text {margin: 20px 0 0;padding: 0;}
    .about-4 .swiper-slide .text .date {font-size: 40px;}
    .about-4 .swiper-slide .text h4 {font-size: 20px;}
    .about-4 .ctrl {position: static;width: auto;margin-top: 20px;text-align: center;}
    .about-4 .swiper-button-prev, .about-4 .swiper-button-next {margin: 0 10px;}

    .about-5 .text,.about-5 .pic {float: none;width: auto;}
    .about-5 .text h4 {font-size: 20px;}
    .about-5 .text h4:after {width: 30px;}
    .about-5 .text strong {font-size: 30px;}
    .about-5 .text p {font-size: 14px;margin-top: 10px;}
    .about-5 .pic {margin-top: 20px;}
    .about-5 .pic .swiper-container {margin: 0 40px;}

    .about-6 .ctrl {margin-top: 20px;}
    .about-6 .swiper-slide p {line-height: 40px;font-size: 16px;}
    .about-6 .swiper-slide .img-center {height: 250px;line-height: 250px;}

    .pages {margin-top: 20px;}
    .pages a {font-size: 12px;line-height: 30px;padding: 0 12px;}
    .pages .prev, .pages .next {width: 30px;height: 30px;line-height: 30px;background-size: 10px auto;}
    .pages .prev {margin-right: 10px;}
    .pages .next {margin-left: 10px;}

    .sycd .swiper-slide a {padding: 15px;}
    .sycd .swiper-slide p {font-size: 16px;margin-top: 15px;}

    .list-1 {margin: -15px 0 0 -15px;}
    .list-1 li {width: 100%;}
    .list-1 li a {margin: 15px 0 0 15px;padding: 0;}
    .list-1 li p {font-size: 14px;margin-top: 10px;}
    .list-1 li .pic:before {display: none;}

    .yq-content-pic {float: none;width: auto;}
    .yq-content-pic .img-tit{display: block;text-align: center;font-size: 24px;font-weight: bold;    line-height: 2;}
    .yq-content-text h1,.yq-content-text span,.yq-content-text i{display: none;}
    .yq-content-pic .img-center {margin: 0;}
    .yq-content-pic .img-center:before {display: none;}
    .yq-content-text {margin: 20px 0 0;padding: 0;    width: 100%;}
    .yq-content-text h1 {font-size: 20px;margin-bottom: 20px;}
    .yq-content-text .tit {font-size: 18px;}
    .yq-content-text .con {font-size: 14px;margin-bottom: 20px;}
    .yq-content-text li dl {margin-bottom: 20px;}
    .yq-content-text li dt {width: 38px;height: 38px;line-height: 38px;}
    .yq-content-text li dt img {width: 16px;}
    .yq-content-text li dd {margin-left: 50px;font-size: 20px;}
    .yq-content-text li dd small {font-size: 14px;margin-top: 5px;}
    .content-exp {margin-top: 20px;padding-top: 20px;}
    .content-exp li a {font-size: 12px;line-height: 20px;background-size: contain;}
    .content-exp li:last-child a {padding-left: 0;}

    .list-2 {margin: -15px 0 0 -15px;}
    .list-2 li {width: 50%;}
    .list-2 li a {margin: 15px 0 0 15px;padding: 15px;}
    .list-2 li p {font-size: 16px;margin-top: 15px;}

    .list-3 li {width: 48%;margin: 0 4% 3% 0;}
    .list-3 li a {padding: 15px;}
    .list-3 li .date {font-size: 14px;display: none;}
    .list-3 li .date strong {font-size: 34px;}
    .list-3 li .tag {margin-top: 34px;font-size: 14px;display: none;}
    .list-3 li p{display: none;}
    .list-3 li .img-cover {margin: 15px 0;}
    .list-3 li h4 {font-size: 16px;}
    .list-3 li:nth-child(3n){margin: 0 4% 3% 0;}
    .list-3 li:nth-child(2n){margin-right: 0;}

    .list-4 {margin: -10px 0 0 0;}
    .list-4 li {width: 100%;}
    .list-4 li a {margin: 30px 10px 0 0;}
    .list-4 li a:before {top: -10px;right: -10px;}
    .list-4 li .wrap {padding: 15px;}
    .list-4 li .download {font-size: 12px;}
    .list-4 li .download i {width: 50px;height: 50px;}
    .list-4 li .arr {width: 40px;height: 40px;margin-top: -20px;right: 15px;}
    .list-4 li h4 {font-size: 16px;margin-right: 60px;}

    .contact-left {float: none;width: auto;margin: 20px 0 0;}
    .contact-left .wrap {padding: 20px;}
    .contact-left .logo {height: 30px;}
    .contact-left p {margin-top: 20px;font-size: 14px;}
    .contact-left p span {font-size: 18px;}
    .contact-right {float: none;width: auto;margin: 0;left: 0;}
    .contact-right .wrap {padding: 20px;}
    .contact-right .tit {font-size: 20px;}
    .contact-left dd{    padding-left: 36px;}
    .contact-left dd.dd01,.contact-left dd.dd02,.contact-left dd.dd03{    background-size: 26px;}
    .map{width: 100%;margin-top: 20px;}
    .map img{max-width: 100%;}
    
    .message {margin-top: 20px;}
    .message form {margin-left: 0;margin-top: -15px;}
    .message .form-group {float: none;width: auto;margin: 15px 0 0;}
    .message .form-content {padding: 5px 15px;}
    .message .form-submit {height: 44px;width: 100%;}

    .join-1 {font-size: 14px;text-align: justify;}

    .join-2 {margin-top: 0;}
    .join-2 li {min-width: 150px;margin-top: 20px;}
    .join-2 li:last-child {margin: 0;}
    .join-2 li dl {padding-left: 30px;background-size: 24px auto;background-position: 0 4px;}
    .join-2 li dt {font-size: 16px;}
    .join-2 li dd {margin-top: 10px;padding-top: 10px;font-size: 14px;}

    .join-3 {padding-bottom: 1px;border: 0;}
    .join-3 .container {}
    .join-3 li.l1{width: 100%;}
    .join-3 li span{line-height: 3;}

    .join-4 {}
    .join-4 dt span {width: 100% !important;line-height: 40px;font-size: 14px;}
    .join-4 dt span i {padding-left: 15px;}
    .join-4 dt em {width: 20px;height: 20px;right: 10px;top: 10px;margin: 0;}
    .join-4 dd .con {padding: 15px;font-size: 14px;}
    .join-4 dd .con .mail a {font-size: 12px;}
    .join-4 dd .con ul{}
    .join-4 dd .con li{border-bottom: 1px solid #f5f5f5;color: #666666;    line-height: 3;
    padding: 0 10px;}
    
    .recruit01{display: none;}
    .recruit02{display: block;}

    .jcxm-pic {display: none;}
    .jcxm-text {margin: 0;}
    .jcxm-text h2 {font-size: 22px;}
    .jcxm-text .item {margin-top: 20px;}
    .jcxm-text .tit {font-size: 18px;}
    .jcxm-text .con {font-size: 14px;}
    .jcxm-text .ico ul {margin-top: 20px;margin-left: 0;}
    .jcxm-text .ico li {margin-left: 0;margin-bottom: 20px;width: 33.333333%;}
    .jcxm-text .ico02 li{width: 25%;}
    .jcxm-text .ico li p {font-size: 14px;margin-top: 10px;}
    .jcxm-text .ico li .i {width: 70px;height: 70px;line-height: 70px;border-radius: 10px;}
    .jcxm-text .ico li .i img {height: 30px;}

    .jcxm-cover .text {margin-top: 100px;}
    .jcxm-cover .text:before {width: 400px;height: 400px;top: -50px;left: -130px;}
    .jcxm-cover .text h4 {font-size: 22px;}
    .jcxm-cover .text h5 {font-size: 18px;}
    .jcxm-cover .text p {font-size: 14px;margin-top: 5px;}

    .content-title {margin-bottom: 20px;}
    .content-title h1 {font-size: 18px;}
    .content-title p {margin-left: -5px;font-size: 12px;margin-top: 10px;}
    .content-title p span {margin-left: 5px;}

.recruit01{display: none;}
    .recruit02{display: block;}



}






/*imsg*/
.imsg{ height: 112px;background: rgba(0, 0, 0, 0.8);position: fixed;left: 0;bottom: 0;width: 100%; z-index: 999;   }
.imsg .wrap{position: relative;}
.imsg .zi{margin-top: 10px;color: #fff;    height: 217px;
    position: absolute;
    bottom: -112px;background: url(../images/pointer.png)left bottom no-repeat;padding-left: 130px;}
.imsg .zi p{font-size: 14px;margin-top: 130px;}
.imsg .zi h2{font-size: 24px;}
.imsg .comt{ }
.imsg .kuang .li{ margin-right: 24px;float: left;margin-top: 24px; }
.imsg .li input{background: none;height: 44px;line-height: 44px;border: none;*border: 0;text-indent: 2em;*padding-left:10px;*text-indent: 0;
   width:300px;border: 1px solid #fff;color: #fff;}
.imsg .button1{background: #f2433a;color: #fff;float: left;margin-top: 24px;border: none;*border: 0;
width: 168px;height: 46px;line-height: 46px;text-align: center;}
.imsg .comt p{line-height: 30px;color: #fff; }
.imsg .close{background: url(../images/close2.png) no-repeat center;width: 36px;height: 36px;cursor: pointer; position: absolute;right: 2px;top: -42px;
*top: 0;    transition: All 0.4s ease-in-out;
    -webkit-transition: All 0.4s ease-in-out;
    -moz-transition: All 0.4s ease-in-out;
    -o-transition: All 0.4s ease-in-out;}
.imsg .close:hover{transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg);}
.imsg-pointer { position: fixed; left: 0; bottom: 0; z-index: 100; cursor: pointer; display:none; }
.imsg-pointer .des { display:block;background: url(../images/imsg-pointer.png)no-repeat;width: 263px;height: 217px; color: #fff;}
.imsg-pointer .des h2{font-size: 14px;padding: 136px 0 0 90px;}
.imsg-pointer .des h3{font-size: 20px;padding: 0 0 0 90px;}
.imsg-pointer .des h4{font-size: 14px;padding: 0 0 0 90px;}

.page-num-current{background: #0071e5;color: #ffffff;border: 1px solid #0071e5;}