@charset "utf-8";
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
address,caption,cite,code,dfn,em,th,var,i,b{font-style:normal;font-weight:normal}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
a,area{outline:none;blr:expression(this.onFocus="this.blur"())}
a:focus,a:hover,a:active{outline:none;blr:expression(this.onFocus="this.blur"())}
sub,sup{vertical-align:baseline}
table{border-collapse:collapse;border-spacing:0}
textarea { resize:none}
button,input[type=submit],input[type=text],input[type=button],select,textarea{-webkit-appearance:none;border-radius:0;-webkit-tap-highlight-color:rgba(255,0,0,0);outline:0;outline:0;blr:expression(this.onFocus=this.blur())}
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
a{text-decoration:none;cursor: pointer; color:#666}
a:hover{text-decoration:none}
body,th,td,button,input,select,textarea{ font-family: Arial,"微软雅黑";font-size:12px;color:#000; line-height: 1;}
.layout{ width:1200px; margin:0 auto; clear:both}
.fl{ float:left}
.fr{ float:right}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden; font-size:0; line-height:0}
.clearfix{*zoom:1}
input::-webkit-input-placeholder{color: #999 !important;}
input:-ms-input-placeholder{color: #999 !important;}
/* Slider */
.slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider:focus,.slick-slider:active{outline:none;blr:expression(this.onFocus="this.blur"());cursor: pointer;}
.slick-list{position: relative;display: block;overflow: hidden;margin: 0;padding: 0;}
.slick-list:focus{cursor: pointer;outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-track{position: relative;top: 0;left: 0;display: block;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;outline-style: none;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

/*初始化*/
img{max-width: 100%;max-height: 100%;}
.wrap{max-width: 1300px;margin:0 auto;}
.content{ position: relative;z-index: 99;}

/*header*/
.header{position: relative; width: 100%;height: 100px;z-index: 996; border-top: 4px solid #e5e5e5; background: #fff; box-shadow: 0 1px 10px 0 rgba(0,0,0,.2);}
.h_logo{ float: left;height: 100%;}
.h_logo a{display: inline-block;height: 100%; line-height: 100px;}
.h_logo a img{ display: inline-block;}
.h_ment{ float: right;}
.h_nav{ float: left;}
.h_nav>ul{margin-top: -4px;height: 104px;}
.h_nav>ul>li{position: relative; float: left;width: 104px;height: 100%; border-top: 4px solid #e5e5e5; box-sizing: border-box; text-align: center;}
.h_nav>ul>li>a{ display: block; font-size: 16px; color: #333; line-height: 100px;}
.h_nav>ul>li:hover{ border: 1px solid #e5e5e5; border-top: 4px solid #063190;}
.h_nav>ul>li:hover>a{ color: #063190;}
.h_nav_two{ display: none; position: absolute;top: 100%;left: 50%;min-width: 250px;margin-left: -100px; background: rgba(237,207,166,.75);}
.h_nav_two:before{position: absolute;bottom: 100%;left: 50%;height: 18px;content: "\e62c";margin-left: -15px;font-family:"iconfont" !important;font-size: 30px; color: #80766a;}
.h_nav_two>a{ display: block;position: relative;z-index: 10; width: 100%; height: 50px; padding: 0 32px; box-sizing: border-box; font-size: 14px;color: #fff;text-align: left; line-height: 50px;}
.h_nav_two>a>i{ position: absolute;top: 0;right: 20px; font-size: 12px; color: #fff;}
.h_nav_two>a:after{position: absolute;top: 50%;left: 12px;z-index: 1;width: 8px;height: 8px;content: ''; margin-top: -5px;border-radius: 50%; border: 1px solid #fff; box-sizing: border-box;-webkit-transition: background .15s;transition: background .15s;}
.h_nav_two>a:before{ position: absolute;top: 0;left: 0;z-index: -1;width: 0;height: 100%;content: ''; background: #80766a;-webkit-transition: width .3s;transition: width .3s;}
.h_nav_two>a:hover:after{ background: #fff;}
.h_nav_two>a:hover:before{ width: 100%;}
.h_search{ float: left;width: 104px; height: 100px;margin-left: 20px; border-left: 1px solid #ddd; text-align:center;line-height: 100px;cursor: pointer;}
.h_search i{ display: block; font-size: 18px;font-weight: bold;color: #333;}
.form_box{ display: none; position: fixed;width: 0;left: 0;right: 0;bottom: 0;z-index: 1000;width: 100%;height: 100%;}
.form_box .form_bg{position: absolute;top: 0;left: 0;width: 100%;height: 100%; background: rgba(0,0,0,.1);}
.form_box form{position: absolute;top: 0;left: 0;width: 100%;height: 84px;-webkit-transition: all .5s .5s;transition: all .5s .5s;-webkit-transform: translateX(-100%);transform: translateX(-100%);}
.form_box.on form{-webkit-transform: translateX(0);transform: translateX(0);}
.form_box form input[type='text']{ float:left;width: calc(100% - 80px);height: 100%;padding: 0 20px; border: none;     background-color: #272727; box-sizing: border-box; font-size: 24px; color: #fff;}
.form_box form input[type='button']{ float:left;width: 80px;height: 100%; border: none; background-color: #000; font-size: 30px; color: #fff;cursor: pointer;}
.form_box form input[type='button']:hover{color: #f7c309;}
.form_box form .button{ float:left;width: 80px;height: 100%; border: none; background-color: #000; font-size: 30px; color: #fff;cursor: pointer;}
.form_box form .button{color: #f7c309;}
.push-nav{ display: none;}
.bg-nav{ display: none;}
.head-height{ display: none;}

/*banner*/
.banner{position: relative;z-index: 1;width: 100%;height: 620px;margin-bottom: 30px;}
.banner .slick-list,.banner .slick-track,.banner .banner_box{ height: 100%;}
.banner .bg_img{ height: 100%; background: no-repeat center; background-size: cover; }
.banner .slick-dots{position: absolute;right: 30px;top: 50%;z-index: 999;height: auto;text-align: center;transform: translateY(-50%);}
.banner .slick-dots li{display: block;position: relative;width: 25px;height: 3px;overflow: hidden;margin: 24px 0;text-align: right;}
.banner .slick-dots li:before{position: absolute;top: 0;right: 0;width: 14px;height: 100%;content: ''; background: #fff;-webkit-transition: all .3s;transition: all .3s;}
.banner .slick-dots li.slick-active:before{ width: 25px; background: #d1b482;}
.banner .slick-dots li button{ display: none;}
.banner .banner_lin{ position: absolute;bottom: -38px;left: 50%;width: 180px;height: 100px;overflow: hidden; margin-left: -90px; border: 3px solid #edcfa6; box-sizing: border-box; text-align: center;}
.banner .banner_lin span{ display: block; font-size: 12px; color: #fff; line-height: 60px;}
.banner .banner_lin i{ display: inline-block;height:auto;padding-top: 10px; font-size: 18px; color: #edcfa6; line-height: 1;}
.banner .bg_img .wrap{position: relative;height: 100%;}
.banner .bg_img div.fl{ position: absolute;top: 50%;left: 0; z-index: 99; height: 236px;margin-top: -118px;}
.banner .bg_img div.fl h3{margin-bottom: 46px; font-size: 60px;font-weight: bold; color: #fff;opacity: 0;white-space:nowrap;}
.banner .bg_img div.fl h4{margin-bottom: 20px; font-size: 60px;font-weight: bold; color: #fff;opacity: 0;-webkit-transform: scale(1.4);transform:  scale(1.4);white-space:nowrap;}
.banner .bg_img div.fl h5{ font-size: 50px;font-weight: bold; color: #fff;opacity: 0;-webkit-transform: scale(1.4);transform: scale(1.4);white-space:nowrap;}
.banner .bg_img div.fr{ position: absolute;top: 50%;right: 0; width: 560px;height: 560px;margin-top: -280px; background: url(../images/ba_5.png) no-repeat center;}
.banner .bg_img div.fr i{ position: absolute; width: 223px;height: 233px; background: no-repeat center;}
.banner .bg_img div.fr .ba_1{top: 0;left: 50%;margin-left: -112px; background-image: url(../images/ba_1.png);}
.banner .bg_img div.fr .ba_2{left: 0;top: 50%;margin-top: -112px; background-image: url(../images/ba_2.png);}
.banner .bg_img div.fr .ba_3{right: 0;top: 50%;margin-top: -112px; background-image: url(../images/ba_3.png);}
.banner .bg_img div.fr .ba_4{bottom: 0; left: 50%;margin-left: -112px; background-image: url(../images/ba_4.png);}
.banner .bg_img div.fr i{opacity: 0;-webkit-transform: rotateY(360deg) translateY(-50%);transform: rotateY(360deg) translateY(-50%);-webkit-transition: all 0s ease; transition: all 0s ease;}
.banner .bg_img.on div.fr i{ opacity: 1; -webkit-transform: rotateY(0deg) translateY(0);transform: rotateY(0deg) translateY(0); -webkit-transition: -webkit-transform 1s ease .8s, opacity 1s ease .8s;transition: transform 1s ease .8s, opacity 1s ease .8s;}
.banner .bg_img.on div.fr .ba_2{ opacity: 1; -webkit-transform: rotateY(0deg) translateY(0);transform: rotateY(0deg) translateY(0);-webkit-transition: -webkit-transform 1s ease 1.1s, opacity 1s ease 1.1s;transition: transform 1s ease 1.1s, opacity 1s ease 1.1s;}
.banner .bg_img.on div.fr .ba_3{ opacity: 1; -webkit-transform: rotateY(0deg) translateY(0);transform: rotateY(0deg) translateY(0);-webkit-transition: -webkit-transform 1s ease 1.4s, opacity 1s ease 1.4s;transition: transform 1s ease 1.4s, opacity 1s ease 1.4s;}
.banner .bg_img.on div.fr .ba_4{ opacity: 1; -webkit-transform: rotateY(0deg) translateY(0);transform: rotateY(0deg) translateY(0);-webkit-transition: -webkit-transform 1s ease 1.7s, opacity 1s ease 1.7s;transition: transform 1s ease 1.7s, opacity 1s ease 1.7s;}

.banner .bg_img.on div.fl h3{ opacity: 1; -webkit-transform: translateX(0);transform: translateX(0);-webkit-transition:-webkit-transform .6s .3s, opacity .8s .3s;transition:transform .6s .3s,opacity .8s .3s;}
.banner .bg_img.on div.fl h4{ opacity: 1;-webkit-transform: scale(1);transform:  scale(1);-webkit-transition:-webkit-transform .6s .6s, opacity .8s .6s;transition:transform .6s .6s,opacity .8s .6s;}
.banner .bg_img.on div.fl h5{ opacity: 1;-webkit-transform: scale(1);transform:  scale(1);-webkit-transition:-webkit-transform .6s .6s, opacity .8s .6s;transition:transform .6s .6s,opacity .8s .6s;}


/*footer*/
.foot_top{width: 100%;height: 120px; background: #063190; text-align: center;cursor: pointer;}
.foot_top span{ display: inline-block;padding-top: 28px;  font-size: 20px;color: #fff;}
.foot_top span i{ display: block;margin-bottom: 5px;}
.foot_top span font{ display: block;}
.footer{ padding: 50px 0; background: #1e1e1e url(../images/icon_1.png) no-repeat top right;}
.foot_1 ul li{ float: left;width: 14%;margin-left: 3.2%;}
.foot_1 ul li:first-child{margin-left: 0;}
.foot_1 ul li span{ display: block;padding-bottom: 16px;margin-bottom: 20px; border-bottom: 1px solid #333; font-size: 16px;color: #fff;}
.foot_1 ul li a{ display: block;margin-bottom: 20px; font-size: 14px; color: #9b9b9b;}
.foot_1 ul li a:hover{ color: #007AFF;}
.foot_2{padding-top: 40px; border-top: 1px solid #333;}
.foot_2 .f_yq{margin-bottom: 5px;}
.foot_2 .f_yq span{ float: left; font-size: 13px;color: #9b9b9b;}
.foot_2 .f_yq span a{ position: relative; float: left;padding: 0 15px; font-size: 13px;color: #9b9b9b; line-height: 24px;}
.foot_2 .f_yq span a:before{position: absolute;left: 0;top: 50%; width: 1px;height: 12px;content: '';margin-top: -6px; background: #9b9b9b;}
.foot_2 .f_yq span a:first-child:before{ display: none;}
.foot_2 .f_yq span a:hover{ color: #007AFF;}
.foot_2 .f_yq span{width: calc(100% - 5em);}
.foot_2 .f_yq span:first-child{width: 5em; line-height: 24px;}
.foot_2 .f_bd span{ font-size: 13px;color: #9b9b9b; line-height: 24px;}
.foot_2 .f_bd span font{margin-right: 10px;}

/*index*/
.i_tit{color: #191309; text-align: center;}
.i_tit h3{margin-bottom: 24px; font-size: 36px;}
.i_tit p{ font-size: 15px;}
.index_1{ padding: 90px 0;overflow: hidden;}
.index_1 .i_mian{margin-top: 80px; padding-top: 120px; background: url(../images/pri_1.jpg) no-repeat top center;}
.index_1 .i_mian .i_dh{margin-bottom: 36px;text-align: center;}
.index_1 .i_mian .i_dh ul{ display: inline-block;}
.index_1 .i_mian .i_dh ul li{ float: left;width: 100px; height: 38px;margin: 0 8px; box-sizing: border-box; font-size: 14px;color: #fff; line-height: 38px;cursor: pointer;}
.index_1 .i_mian .i_dh ul li.on{ border: 2px solid #fff; line-height: 34px;}
.index_1 .i_db li{position: relative; float: left;overflow: hidden;margin-left: 20px;}
.index_1 .i_db li:first-child{margin-left: 0;}
.index_1 .i_db li .a_text{position: absolute;bottom: -136px;left: 0;width: 100%;padding: 20px; background: rgba(0,0,0,.5); box-sizing: border-box;-webkit-transition: all .5s;transition: all .5s;}
.index_1 .i_db li .a_text h4{margin-bottom: 20px; font-size: 18px;color: #fff;-webkit-transition: all .5s;transition: all .5s;}
.index_1 .i_db li .a_text p{height: 96px;overflow: hidden; font-size: 14px;color: #fff;line-height: 22px;}
.index_1 .i_db li .a_text h6 a{ font-size: 14px;color: #fff;}
.index_1 .i_db li .a_text h6 a i{margin-left: 10px;font-size: 18px;}
.index_1 .i_db li .a_text h6 a:hover{ color: #007AFF;}
.index_1 .i_db li:hover .a_text{bottom: 0;}
.index_1 .i_db li:hover .a_text h4{margin-bottom: 14px;}
.index_1 .i_db li .a_img{-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);transition-timing-function: cubic-bezier(.19,1,.22,1);    -webkit-transition-duration: 2s;transition-duration: 2s;}
.index_1 .i_db li:hover .a_img{-webkit-transform: scale(1.08);transform:  scale(1.08);}
.index_2{ padding: 80px 0 120px; background: #f8f9fc;overflow: hidden;}
.index_2 .i_mian{margin-top: 50px;}
.index_2 .ib_s{ margin: 0 18px; border: 5px solid #fff;}
.index_2 .ib_s .ib_img{ width: 100%;overflow: hidden;margin-bottom: 30px; text-align: center;}
.index_2 .ib_s .ib_img img{max-width: 100%;}
.index_2 .ib_s .ib_text{ text-align: center;}
.index_2 .ib_s .ib_text h4{margin-bottom: 20px; font-size: 22px;color: #191309;}
.index_2 .ib_s .ib_text p{ height: 72px;overflow: hidden; font-size: 14px;color: #a2a2a1;line-height: 24px;}
.index_2 .ib_s .ib_text h6{margin-top: 10px;}
.index_2 .ib_s .ib_text h6 a{ display: inline-block;width: 150px;height: 50px; background: #fff; font-size: 14px;color: #333; line-height: 50px;}
.index_2 .ib_s:hover{border-color:#063190;}
.index_2 .ib_s:hover .ib_text h6 a{ background:#063190;color: #fff;}
.index_2 .ib_s .ib_img img{-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);transition-timing-function: cubic-bezier(.19,1,.22,1);    -webkit-transition-duration: 2s;transition-duration: 2s;}
.index_2 .ib_s:hover .ib_img img{-webkit-transform: scale(1.08);transform:  scale(1.08);}
.index_2 .i_mian>button{position: absolute;top: 50%; z-index: 99; width: 40px; height: 40px; margin-top: -20px; border: none; background: transparent; font-size: 0; text-align: center;cursor: pointer;}
.index_2 .i_mian>.slick-prev{left: -40px;}
.index_2 .i_mian>.slick-next{right: -40px;}
.index_2 .i_mian>button:before{ display: inline-block; font-family:"iconfont" !important; font-size: 36px; color: #999;}
.index_2 .i_mian>button:hover:before{ color: #063190;}
.index_2 .i_mian>.slick-prev:before{ content: '\e610';}
.index_2 .i_mian>.slick-next:before{ content: '\e614';}
.index_3{padding: 40px 0;overflow: hidden;}
.index_3 .i_mian>div.fl{width: 400px;}
.index_3 .i_mian>div.fl h3{position: relative;padding-bottom: 42px; margin-bottom: 30px; font-size: 30px; font-weight: bold; color: #063190;}
.index_3 .i_mian>div.fl h3:before{position: absolute;left: 0;bottom: 0;width: 116px;height: 3px;content: ''; background: #063190;}
.index_3 .i_mian>div.fl h5{ margin-bottom: 20px; font-size: 18px; font-weight: bold; color: #1e1e1e; line-height: 30px;}
.index_3 .i_mian>div.fl p{height: 158px;overflow: hidden;margin-bottom: 20px; font-size: 14px;color: #797979; line-height: 24px;}
.index_3 .i_mian>div.fl h6 a{ display: block; background: #363636; font-size: 16px;color: #fff; text-align: center; line-height: 80px;}
.index_3 .i_mian>div.fl h6 a:hover{ background: #063190;}
.index_3 .i_mian>div.fr{width: calc(100% - 450px);height: 440px;overflow: hidden;}
.index_3 .i_mian>div.fr i{ display: block;width: 100%;height: 100%; background: url(../images/pri_4.jpg) no-repeat center; background-size: cover;}
.index_3 .i_mian>div.fr i{-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);transition-timing-function: cubic-bezier(.19,1,.22,1);    -webkit-transition-duration: 2s;transition-duration: 2s;}
.index_3 .i_mian>div.fr:hover i{-webkit-transform: scale(1.08);transform:  scale(1.08);}

.index_4{padding: 50px 0;}
.index_4 .gs_news{width: 40%;}
.index_4 .hx_news{width: 56%;}
.index_4 .i_not{padding-bottom: 20px;margin-bottom: 30px;border-bottom: 3px solid #063190;}
.index_4 .i_not span.fl{ font-size: 22px;color: #1e1e1e;}
.index_4 .i_not a.fr{ font-size: 12px;color: #ccc;line-height: 22px;}
.index_4 .i_not a.fr i{ font-size: 12px; vertical-align: middle;}
.index_4 .gs_news .bo_img{margin-bottom: 28px;overflow: hidden;}
.index_4 .gs_news .bo_img img{width: 100%;-webkit-transition-timing-function: cubic-bezier(.19,1,.22,1);transition-timing-function: cubic-bezier(.19,1,.22,1);    -webkit-transition-duration: 2s;transition-duration: 2s;}
.index_4 .gs_news:hover .bo_img img{-webkit-transform: scale(1.08);transform:  scale(1.08);}
.index_4 .gs_news .bo_text h4{margin-bottom: 15px;font-weight: bold; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; font-size: 1.1rem;}
.index_4 .gs_news .bo_text h4 a{ font-size: 18px;color: #000;}
.index_4 .gs_news .bo_text p{height: 96px;overflow: hidden; font-size: 14px;color: #797979; line-height: 24px;}
.index_4 .gs_news .bo_text h6{margin-top: 15px;}
.index_4 .gs_news .bo_text h6 a{ font-size: 14px;color: #999;}
.index_4 .gs_news .bo_text h6 a:hover{color: #063190;}
.index_4 .gs_news .bo_text h4 a:hover{color: #063190;}
.index_4 .hx_news ul li{position: relative; padding: 5% 10% 7% 0; border-bottom: 1px dashed #a3a3a3;}
.index_4 .hx_news ul li a{ display: block;}
.index_4 .hx_news ul li h6{margin-bottom: 20px;}
.index_4 .hx_news ul li h6 span{position: relative; display: inline-block;padding: 0 10px; font-size: 12px;color: #797979; line-height: 14px;}
.index_4 .hx_news ul li h6 span i{ display: inline-block;margin-right: 5px; font-size: 14px; vertical-align: middle;}
.index_4 .hx_news ul li h6 span:first-child{padding-left: 0;}
.index_4 .hx_news ul li h6 span:first-child:before{position: absolute;top: 50%;right: 0;width: 1px;height: 12px;content: '';margin-top: -6px; background: #797979;}
.index_4 .hx_news ul li h4{ font-size: 16px;color: #000;}
.index_4 .hx_news ul li>i{position: absolute;top: 50%;right: 5%;margin-top: -20px; font-size: 40px;font-family: arial; color: #063190;-webkit-transition: transform .5s;
transition: transform .5s;cursor: pointer;}
.index_4 .hx_news ul li:hover h4{ color: #063190;}
.index_4 .hx_box{ cursor: pointer;}
.index_4 .hx_down{ display: none; padding: 3% 0 0;}
.index_4 .hx_down p{ font-size: 12px; color: #666; line-height: 24px;}
.index_4 .hx_news ul li.on>i{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}


.index_5{ padding: 60px 0; background: #f8f9fc;}
.index_5 .i_mian{margin-top: 40px;}
.index_5 .i_mian ul{ padding: 10px; border: 1px solid #e0e0e0;}
.index_5 .i_mian ul li{position: relative; float: left;width: 16.66%; overflow: hidden; font-size: 0; border: 1px dashed #E0E0E0; box-sizing: border-box;  text-align: center; line-height: 110px;}
.index_5 .i_mian ul li a{ display: inline-block;}
.index_5 .i_mian ul li a img{ -webkit-transition: all .5s;transition: all .5s;}
/*.index_5 .i_mian ul li.border_bootom{border-bottom: none;}
.index_5 .i_mian ul li.border_left{border-left: none;}*/
.index_5 .i_mian ul li:hover a img{opacity: .6;}

/*sub_banner*/
.sub_banner{width: 100%;height: 173px;padding-top: 100px; background: no-repeat center; background-size: cover; box-sizing: border-box;}
.sub_banner h3{position: relative; padding-top: 24px;font-size: 26px;color: #fff;}
.sub_banner h3:before{position: absolute;top: 0;left: 0;width: 40px; height: 2px;content: ''; background: #fff;}

/*sub_ment*/
.sment_two{position: static;top: 0;left: 0;z-index: 999; width: 100%; height: 50px; background: #f9f9f9;line-height: 50px;}
.sment_two ul.fl li{ position: relative; float: left;padding: 0 24px;}
.sment_two ul.fl li a{position: relative; display: inline-block;}
.sment_two ul.fl li:before{position: absolute;top: 50%;left: 0;width: 1px;height: 12px;content: '';margin-top: -6px; background: #aaa;}
.sment_two ul.fl li:first-child{padding-left: 0;}
.sment_two ul.fl li:first-child:before{ display: none;}
.sment_two ul.fl li.on a,.sment_two ul.fl li a:hover{  color: #063190;}
.sment_two ul.fl li.on a:before,.sment_two ul.fl li a:hover:before{position: absolute;bottom: 0;left: 0;width: 100%;height: 3px;content: ''; background: #063190;}
.sment_two ul.fl li a{ font-size: 15px;color: #000;}
.sment_two div.fr a{ float: left; font-size: 14px; color: #6c6c6c;vertical-align: middle;}
.sment_two div.fr i{ float: left;padding: 0 10px; font-size: 12px; color: #ccc;vertical-align: middle;}
.cont_box{padding: 100px 0;}

/*分页*/
.s_paging{padding: 40px 0; text-align: center;}
.s_paging a{ border: 1px solid #ddd;padding: .5rem 1rem;}
.s_paging .current{color: #fff;background: #063190; padding:.5rem 1.3rem;}
.s_paging a:hover{ background: #063190;color: #fff;}

/*供应产品*/
.product .s_mian{margin-bottom: 50px;}
.product .ib_s{ float: left; width: 410px; margin: 0 11px;margin-bottom: 15px; border: 5px solid #f8f9fc; box-sizing: border-box;}
.product .ib_s .ib_img{ width: 100%;overflow: hidden;margin-bottom: 30px; text-align: center;}
.product .ib_s .ib_img img{max-width: 100%;}
.product .ib_s .ib_text{ text-align: center;}
.product .ib_s .ib_text h4{margin-bottom: 20px; font-size: 22px;color: #191309;}
.product .ib_s .ib_text p{ height: 72px;overflow: hidden; font-size: 14px;color: #a2a2a1;line-height: 24px;}
.product .ib_s .ib_text h6{margin-top: 10px;}
.product .ib_s .ib_text h6 a{ display: inline-block;width: 150px;height: 50px; background: #f8f9fc; font-size: 14px;color: #333; line-height: 50px;}
.product .ib_s:hover{border-color:#063190;}
.product .ib_s:hover .ib_text h6 a{ background:#063190;color: #fff;}

/*产品详情*/
.product_x{overflow:hidden;}
.product_x .spx_1{margin-bottom: 30px; height: 447px; background: #f8f9fc;}
.product_x .spx_1 div.fl{ width: 50%;height: 100%; padding: 30px 50px; box-sizing: border-box;}
.product_x .spx_1 .px_tit{margin-bottom: 20px; font-size: 38px;color: #333;}
.product_x .spx_1 .px_bq{height: 54px;overflow: hidden;}
.product_x .spx_1 .px_bq span{ float: left;height: 22px; padding: 0 10px;margin-right: 10px;margin-bottom: 6px; border: 1px solid #d4d8dc; box-sizing: border-box; background: #f2f4f6; font-size: 13px;color: #999; line-height: 22px;cursor: default;}
.product_x .spx_1 .px_bq span:hover{ background: #063190;color: #fff;}
.product_x .spx_1 .px_mian dl{ float: left;min-width: 160px; margin-right: 30px;}
.product_x .spx_1 .px_mian dl dt{padding-bottom: 12px;margin-bottom: 10px; border-bottom: 1px solid #063190; font-size: 18px;color: #063190;}
.product_x .spx_1 .px_mian dl dd{position: relative; padding-left: 20px; font-size: 13px;color: #333;line-height: 24px;}
.product_x .spx_1 .px_mian dl dd:before{position: absolute;top: 50%;left: 5px;width: 4px;height: 4px;content: '';margin-top: -2px; background: #063190;}
.product_x .spx_1 .px_img{position: relative; margin-top: 10px;}
.product_x .spx_1 .px_img img{width: 100%;}
.product_x .spx_1 .px_img .im_m{ float: left; width: 0; margin: 0 1%;}
.product_x .spx_1 .px_img>button{position: absolute;top: 50%; z-index: 99; width: 40px; height: 40px; margin-top: -20px; border: none; background: transparent; font-size: 0; text-align: center;cursor: pointer;}
.product_x .spx_1 .px_img>.slick-prev{left: -30px;}
.product_x .spx_1 .px_img>.slick-next{right: -30px;}
.product_x .spx_1 .px_img>button:before{ display: inline-block; font-family:"iconfont" !important; font-size: 24px; color: #999;}
.product_x .spx_1 .px_img>button:hover:before{ color: #063190;}
.product_x .spx_1 .px_img>.slick-prev:before{ content: '\e610';}
.product_x .spx_1 .px_img>.slick-next:before{ content: '\e614';}
.product_x .spx_1 div.fr{position: relative; width: 50%;height: 100%; background: url(../images/pri_7.jpg) no-repeat center; text-align: center;cursor: pointer;}
.product_x .spx_1 div.fr iframe{z-index: 1;position: relative;}
.product_x .spx_1 div.fr>i{ display: inline-block; font-size: 60px;color: #fff; line-height: 447px;}
.product_x .spx_2 ul li{ float: left;width: 32%; margin: 0 .66%; border: 5px solid #f8f9fc;box-sizing: border-box;}
.product_x .spx_2 ul li .ib_img{ width: 100%;overflow: hidden;margin-bottom: 30px; text-align: center;}
.product_x .spx_2 ul li .ib_img img{max-width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.product_x .spx_2 ul li .ib_text{ text-align: center;}
.product_x .spx_2 ul li .ib_text h4{margin-bottom: 20px; font-size: 22px;color: #191309;}
.product_x .spx_2 ul li:hover{border: 5px solid #063190;}
.product_x .spx_2 ul li:hover .ib_img img{-webkit-transform: scale(1.05);transform: scale(1.05);}
/*公司新闻*/
.News .n_1 {margin-bottom: 50px;}
.News .n_1 .aa{ float: left; width: 32%; margin-left: 2%; border: 1px solid #ddd; box-sizing: border-box;}
.News .n_1 .aa:first-child{margin-left: 0;}
.News .n_1 .aa .n_img{overflow: hidden;}
.News .n_1 .aa .n_img img{width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.News .n_1 .aa .n_img:hover img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.News .n_1 .aa .n_text{ padding: 32px 28px; background: #f8f9fc;}
.News .n_1 .aa .n_text h4{ height: 60px;overflow: hidden; margin-bottom: 15px; font-size: 18px; font-weight: bold; color: #000; line-height: 30px;}
.News .n_1 .aa .n_text h6{ font-size: 14px;color: #797979;}
.News .n_1 .aa .n_text h6 span{ display: inline-block; position: relative; padding-right: 18px;}
.News .n_1 .aa .n_text h6 span:before{position: absolute;left: -10px;top: 50%; width: 1px;height: 12px;content: '';margin-top: -6px; background: #bfbfbf;}
.News .n_1 .aa .n_text h6 span:first-child:before{ display: none;}
.News .n_1 .aa .n_text h6 span i{padding-right: 10px; vertical-align: middle;}
.News .n_1 .aa:hover .n_text h4{color: #063190;}
.News .n_2 ul li{padding: 40px 0; border-bottom: 1px dashed #a3a3a3;}
.News .n_2 ul li:first-child{padding-top: 0;}
.News .n_2 ul li a{ display: block;}
.News .n_2 ul li div.fl{width: 16%; overflow: hidden;}
.News .n_2 ul li div.fl img{width: 100%;-webkit-transition: all .5s ease;transition: all .5s ease;}
.News .n_2 ul li div.fr{ position: relative; width: 82%;padding-right: 5%; box-sizing: border-box;}
.News .n_2 ul li div.fr>i{position: absolute;top: 50%;right: 2%;margin-top: -15px; font-size: 30px;color: #063190;cursor: pointer;-webkit-transition: all .5s;transition: all .5s;}
.News .n_2 ul li div.fr h4{margin-bottom: 15px; font-size: 16px;font-weight: bold; line-height: 24px;}
.News .n_2 ul li div.fr h4 a{ color: #000;}
.News .n_2 ul li div.fr h6{margin-bottom: 15px; font-size: 14px;color: #797979;}
.News .n_2 ul li div.fr h6 span{ display: inline-block; position: relative; padding-right: 18px;}
.News .n_2 ul li div.fr h6 span:before{position: absolute;left: -10px;top: 50%; width: 1px;height: 12px;content: '';margin-top: -6px; background: #bfbfbf;}
.News .n_2 ul li div.fr h6 span:first-child:before{ display: none;}
.News .n_2 ul li div.fr h6 span i{padding-right: 10px; vertical-align: middle;}
.News .n_2 ul li div.fr p{ font-size: 14px;color: #5a5a5a; line-height: 24px;}
.News .n_2 ul li div.fr .n_text{ display: none;}
.News .n_2 ul li:hover div.fr h4 a{color: #063190;}
.News .n_2 ul li:hover div.fl img{-webkit-transform: scale(1.05); transform: scale(1.05);}
.News .n_2 ul li.on div.fr>i{-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/*新闻详情*/
.News_x .nx_tit{margin-bottom: 50px;}
.News_x .nx_tit h3{margin-bottom: 24px; font-size: 36px;font-weight: bold;color: #000;}
.News_x .nx_tit h6{ line-height: 20px;}
.News_x .nx_tit h6 span{ display: inline-block; position: relative;margin-left: 18px; font-size: 14px;color: #797979;}
.News_x .nx_tit h6 span i{padding-right: 10px; color: #063190; vertical-align: middle;}
.News_x .nx_tit h6 span:before{position: absolute;right: -10px;top: 50%; width: 1px;height: 12px;content: '';margin-top: -6px; background: #bfbfbf;}
.News_x .nx_tit h6 span:first-child{margin-left: 0;}
.News_x .nx_tit h6 em{ display: inline-block;margin-left: 18px; font-size: 14px;color: #797979;}
.News_x .nx_tit h6 a{  display: inline-block;width: 20px;height: 20px;margin-left: 10px; border-radius:5px; font-size: 12px;color: #fff; text-align: center;}
.News_x .nx_tit h6 a.a1{ background: #ff7f31;}
.News_x .nx_tit h6 a.a2{ background: #ffbd1d;}
.News_x .nx_tit h6 a.a3{ background: #52cd3e;}
.News_x .nx_p1{position: relative; padding: 20px 90px;margin-bottom: 20px; border: 1px solid #e1e1e1; background: #f9f9f9; box-sizing: border-box;}
.News_x .nx_p1:before{position: absolute; left: 20px;top: 10px;width: 46px;height: 40px;content: ''; background: url(../images/icon_2.png) no-repeat center;}
.News_x .nx_p1:after{position: absolute; right: 20px;bottom: 10px;width: 46px;height: 40px;content: ''; background: url(../images/icon_3.png) no-repeat center;}
.News_x .nx_p1 h4{margin-bottom: 10px; font-size: 30px;color: #52648d;}
.News_x .nx_p1 p{ font-size: 14px;color: #000; line-height: 24px;}
.News_x .nx_p2 p{ font-size: 14px;color: #666; line-height: 24px;}
.News_x .nx_p2 p iframe{ width: 56%;height:450px;}
.News_x .nx_p2{ padding: 20px 0 40px; border-bottom: 1px solid #e4e4e4;}
.News_x .nx_p2 img{ height: auto;}
.News_x .nx_bottom{margin-top: 30px;}
.News_x .nx_bottom .bot_1{border-top: 2px solid #ccc; border-bottom: 2px solid #ccc;}
.News_x .nx_bottom .bot_1>div{ line-height: 60px;}
.News_x .nx_bottom .bot_1>div.a1{ border-bottom: 1px solid #ddd;}
.News_x .nx_bottom .bot_1>div span{ float: left;width: 120px; background: #f7f7f8; font-size: 14px;color: #333; text-align: center;}
.News_x .nx_bottom .bot_1>div span i{ padding-left: 12px;vertical-align: middle;}
.News_x .nx_bottom .bot_1>div a{ float: left; padding: 0 24px; font-size: 14px;color: #666;}
.News_x .nx_bottom .bot_1>div a:hover{color: #063190;}
.News_x .nx_bottom .bot_1>div font{ float: right;font-size: 14px;color: #666;}
.News_x .nx_bottom .bot_2{margin-top: 15px; text-align: right;}
.News_x .nx_bottom .bot_2 a{ display: inline-block;width: 140px;height: 40px; border: 1px solid #cacaca; background: #fafafa; box-sizing: border-box; font-size: 14px;color: #333; text-align: center; line-height: 38px;}
.News_x .nx_bottom .bot_2 a i{padding: 0 10px; vertical-align: middle;}
.News_x .nx_bottom .bot_2 a:hover{color: #fff; background: #063190;}

/*项目案例*/
.case .s_mian{margin-bottom: 30px;}
.case .s_mian ul li{position: relative; float: left;overflow: hidden;margin-left: 20px;}
.case .s_mian ul li:first-child{margin-left: 0;}
.case .s_mian ul li .a_text{position: absolute;bottom: -136px;left: 0;width: 100%;padding: 20px; background: rgba(0,0,0,.5); box-sizing: border-box;-webkit-transition: all .5s;transition: all .5s;}
.case .s_mian ul li .a_text h4{margin-bottom: 20px; font-size: 18px;color: #fff;-webkit-transition: all .5s;transition: all .5s;}
.case .s_mian ul li .a_text p{height: 96px;overflow: hidden; font-size: 14px;color: #fff; line-height: 24px;}
.case .s_mian ul li .a_text h6 a{ font-size: 14px;color: #fff;}
.case .s_mian ul li .a_text h6 a i{margin-left: 10px;font-size: 18px;}
.case .s_mian ul li .a_text h6 a:hover{ color: #007AFF;}
.case .s_mian ul li:hover .a_text{bottom: 0;}
.case .s_mian ul li:hover .a_text h4{margin-bottom: 14px;}

/*项目案例详情弹出*/
.case_x{ display: none; position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 999;width: 100%;height: 100%;}
.case_x .slick-list,.case_x .slick-track{ height: 100%;}
.case_x .ca_bg{ width: 100%;height: 100%;z-index: 999; background: rgba(0,0,0,.5);}
.case_x .case_mian{position: absolute;top: 50%;left: 50%; width: 1024px;height: 800px;margin-left: -512px;margin-top: -400px; padding: 15px 15px 0; background: #fff; box-sizing: border-box;}
.case_x .case_mian>i{ display: inline-block; position: absolute;top: 0;right: 0;z-index: 9;width: 28px;height: 28px; background: #007AFF; font-size: 24px;color: #fff; text-align: center; line-height: 28px;}
.case_x .ca_hd{width: 100%;height: 80%;}
.case_x .ca_hd .swiper-slide{width: 100%; height: 100%;overflow: hidden; }
.case_x .ca_hd .swiper-slide .s_img{ display: block; width: 100%;height: 90%;background: no-repeat center;background-size: cover;}
.case_x .ca_hd .swiper-slide .s_tit{ display: block;width: 100%;height: 10%;padding-left: 86px; box-sizing: border-box; font-size: 16px;color: #333;}
.case_x .ca_bd{position: relative; width: 100%; height: 20%; padding: 0 48px; border-top: 1px solid #f2f2f2; box-sizing: border-box;}
.case_x .ca_bd .slick-list{height: 100%; padding: 15px 0; box-sizing: border-box;}
.case_x .ca_bd .swiper-slide{position: relative; width: 100%; height: 100%; margin-right:15px; background: no-repeat center;background-size: cover;}
.case_x .ca_bd .slick-arrow{position: absolute;top: 0; width: 40px; height: 100%; border: none; background: none; font-size: 0;}
.case_x .ca_bd .slick-arrow.slick-prev{left: 0;box-shadow: 1px 0 5px 0 rgba(0,0,0,.2);}
.case_x .ca_bd .slick-arrow.slick-next{right: 0;box-shadow: -1px 0 5px 0 rgba(0,0,0,.2);}
.case_x .ca_bd .slick-arrow:before{ display: inline-block; font-family:"iconfont" !important; font-size: 36px; color: #bababa;}
.case_x .ca_bd .slick-arrow:hover:before{ color: #52CD3E;}
.case_x .ca_bd .slick-arrow.slick-prev:before{ content: '\e610';}
.case_x .ca_bd .slick-arrow.slick-next:before{ content: '\e614';}
.case_x .ca_bd .slick-current:before{position: absolute;top: 0;left: 0; width: 100%;height: 100%;content: ''; border: 3px solid #52CD3E; box-sizing: border-box;}
.case_x .ca_bd .slick-current:after{position: absolute;top: -14px;left: 50%; content: '\e62c';margin-left: -12px; font-family:"iconfont" !important; font-size: 24px;color: #52CD3E;}
.case_x .ca_jj{position: absolute;left: 15px;top: 75%;width: 86px; text-align: center;}
.case_x .ca_jj span{ display: inline-block; font-size: 30px; color: #808080;}
.case_x .ca_jj span:first-child{color: #91d72b;}

/*在线留言*/
.Leaving{ border: 1px solid #ececec; background: url(../images/icon_4.png) no-repeat top right; box-sizing: border-box;}
.Leaving form{padding: 50px 76px 80px;}
.Leaving form .l_text{margin-bottom: 36px;}
.Leaving form .l_text>h3{margin-bottom: 24px; font-size: 36px;font-weight: bold; color: #000;}
.Leaving form .l_text>p{ font-size: 14px; color: #797979; line-height: 24px;}
.Leaving form .l_text>p span{margin-right: 10px;}
.Leaving form .l_text>p span:first-child{ color: #063190;}
.Leaving form .l_input{position: relative; width: 510px; margin-bottom: 20px;}
.Leaving form .l_input:before{position: absolute;right: -20px;top:50%; content: '*';color: #f00;}
.Leaving form .l_input input{width: 100%;height: 50px; padding: 0 20px; border: 1px solid #ececec; background: #fafafa; box-sizing: border-box; font-size: 14px;color: #666;}
.Leaving form .l_textarea {position: relative; width: 820px; margin-bottom: 50px;}
.Leaving form .l_textarea:before{position: absolute;right: -20px;top:50%; content: '*';color: #f00;}
.Leaving form .l_textarea textarea{width: 100%; height: 140px; padding: 20px; border: 1px solid #ececec; background: #fafafa; box-sizing: border-box;}
.Leaving form .l_but{width: 158px;height: 54px;}
.Leaving form .l_but input{width: 100%;height: 100%; border: none; background: #063190; font-size: 16px;color: #fff;}


/*发展历程*/
.history {overflow: hidden;}
.history div.fl{ width: 40%;padding: 0 5%; box-sizing: border-box;}
.history div.fl ul li{ display: none;}
.history div.fl ul li:first-child{ display: block;}
.history div.fl img{ display: block; width: 100%;box-shadow: 1px 1px 15px 0 rgba(0,0,0,.3);}
.history div.fr{position: relative; width: 60%;height: 524px;overflow: hidden;}
.history div.fr ul{ border-left: 1px solid #063190;}
.history div.fr ul li{position: relative;z-index: 2; padding-left: 130px;margin-bottom: 54px;cursor: pointer;}
.history div.fr ul li>i{position: absolute;top: 5px;left: -11px;z-index: 2; width: 20px;height: 20px; border: 2px solid #063190; border-radius: 50%; box-sizing: border-box; background: #fff;}
.history div.fr ul li>i:before{position: absolute;top: 50%;left: 50%;z-index: 3;width: 4px;height: 4px;content: '';margin-left: -2px;margin-top: -2px; border-radius: 50%; background: #063190;}
.history div.fr ul li>i:after{position: absolute;top: 50%;left: 100%;z-index: -1;width: 110px;height: 1px;content: ''; border-radius: 50%; background: #ddd;}
.history div.fr .h_box h4{margin-bottom: 10px; font-size: 18px;color: #063190;}
.history div.fr .h_box h4 font{ font-size: 30px;}
.history div.fr .h_box p{ font-size: 16px;color: #767676; line-height: 30px;}
.history .swiper-wrapper{width: 100% !important;}
.history .swiper-slide {padding: 0 20px; width: 100%; background: #fff;box-sizing: border-box;}
.history .swiper-scrollbar { background: none; position: absolute; right: 3px; top: 0; height: 100%; width: 5px; z-index: 2; }
.history .swiper-scrollbar .swiper-scrollbar-drag { background:rgba(0,0,0,0.3);opacity: 1 !important;}

/*招贤纳士*/
.join_1{padding: 0 100px; margin-bottom: 50px; box-sizing: border-box;}
.j_hd{ padding: 0 80px;}
.j_hd .j_ing{position: relative;z-index: 5; width: 164px;height: 164px; margin: 0 30px;   color: #666; text-align: center;cursor: pointer;}
.j_hd .j_ing .bb{ width: 100%;height: 100%; border: 2px solid #ddd; border-radius: 50%;box-sizing: border-box;-webkit-transition: all .5s ease;transition: all .5s ease;}
.j_hd .j_ing .bb>div{ display:block; width: 100%;height: 100%; border-radius: 50%; background: #f9f9f9;-webkit-transition: all .3s;transition: all .3s;}
.j_hd .j_ing i{ display: block;padding-top: 30px; font-size: 18px;}
.j_hd .j_ing span{ display: block;padding-top: 20px; font-size: 18px;}
.j_hd .j_ing font{ display: block;padding-top: 20px; font-size: 14px;}
.j_hd .slick-list{padding-bottom: 60px;}
.j_hd .on{ color: #fff;}
.j_hd .on .bb{ border: 2px solid #063190;padding: 10px;}
.j_hd .on .bb>div{ background: #063190;}
.j_hd .on:before{position: absolute;top: 105%;left: 50%; content: '\e62f'; margin-left: -21px;font-family:"iconfont" !important;font-size: 42px;color: #0b318e;}
.j_hd .slick-arrow{position: absolute;top: -30px; width: 40px; height: 100%; border: none; background: none; font-size: 0;}
.j_hd .slick-arrow.slick-prev{left: 0;}
.j_hd .slick-arrow.slick-next{right: 0;}
.j_hd .slick-arrow:before{ display: inline-block; font-family:"iconfont" !important; font-size: 36px; color: #bababa;}
.j_hd .slick-arrow:hover:before{ color: #0b318e;}
.j_hd .slick-arrow.slick-prev:before{ content: '\e610';}
.j_hd .slick-arrow.slick-next:before{ content: '\e614';}
.j_hd .slick-arrow.slick-disabled{ display: none !important;}
.j_bd ul li{ display: none; padding: 40px 50px; border: 1px solid #e2e2e2; border-radius: 15px; box-sizing: border-box;}
.j_bd ul li h4{margin: 14px 0; font-size: 16px;font-weight: bold;color: #0b318e;}
.j_bd ul li p{ font-size: 14px;color: #666; line-height: 24px;}
.join_2{position: relative;width: 100%; height: 274px;padding-top: 70px; background: url(../images/pri_12.jpg) no-repeat center; background-size: cover; box-sizing: border-box; text-align: center;}
.join_2 h4{margin-bottom: 40px; font-size: 30px; color: #fff;}
.join_2 p{ font-size: 14px;color: #fff; line-height: 24px;}
.join_2:before{position: absolute;bottom: 15%;left: 50%;width: 2px;height: 28px;content: '';margin-left: -1px; background: #fff;}
.join_3{ padding: 45px 0; background: #f8f9fc; text-align: center;}
.join_3 ul{ display: inline-block;}
.join_3 ul li{ float: left; width: 160px; margin: 0 28px;}
.join_3 ul li i{ display: block; height: 60px;margin-bottom: 15px; background: no-repeat center;}
.join_3 ul li span{ display: block;margin-bottom: 15px; font-size: 20px;font-weight: bold; color: #0b318e;}
.join_3 ul li font{ display: block; font-size: 13px;color: #444451; line-height: 18px;}
.join_3 ul li.j_a1 i{ background-image: url(../images/icon_5.png);}
.join_3 ul li.j_a2 i{ background-image: url(../images/icon_6.png);}
.join_3 ul li.j_a3 i{ background-image: url(../images/icon_7.png);}
.join_3 ul li.j_a4 i{ background-image: url(../images/icon_8.png);}
.join_3 ul li.j_a5 i{ background-image: url(../images/icon_9.png);}
.join_3 ul li.j_a6 i{ background-image: url(../images/icon_10.png);}
.join_4{margin-top: 120px; text-align: center;}
.join_4 .bb{ display: none;}

/*关于我们*/
.about_1{ margin-bottom: 70px;}
.about_1 div.fl{width: 46%;height: 568px;}
.about_1 div.fl h4{ position: relative;padding-bottom: 28px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px;}
.about_1 div.fl h4 font{color: #063190;}
.about_1 div.fl h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_1 div.fl p{ font-size: 16px;color: #666; line-height: 36px;}
.about_1 div.fl h6{margin-top: 60px;}
.about_1 div.fl h6 a{ display: inline-block;width: 240px;height: 70px; background: #302d2c; font-size: 16px;color: #fff; text-align: center; line-height: 70px;}
.about_1 div.fl h6 a:hover{ background: #063190;}
.about_1 div.fr{width: 50%;height: 568px;overflow: hidden;}
.about_1 div.fr .f_img{ display: none;}
.about_1 div.fr .f_bg{width: 100%;height: 100%; background: no-repeat center right; -webkit-transition: all .5s ease;transition: all .5s ease;}
.about_1 div.fr:hover .f_bg{-webkit-transform: scale(1.05);transform: scale(1.05);}
.about_2 div.fl{ width: 50%; height: 570px; background: no-repeat center;}
.about_2 div.fr{ width: 50%; height: 570px; padding: 40px 82px; background: #f8f9fc; box-sizing: border-box;}
.about_2 div.fr h4{ position: relative;padding-bottom: 20px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px; line-height: 56px;}
.about_2 div.fr h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_2 div.fr ul li{ padding: 24px 0; border-top: 1px dashed #9e9fa1;}
.about_2 div.fr ul li:first-child{border-top: none;}
.about_2 div.fr ul li span.fl{width: 38px;height: 49px; background: url(../images/icon_11.png) no-repeat center; font-size: 30px;font-weight: bold;color: #fff; line-height: 38px; text-align: center;}
.about_2 div.fr ul li span.fr{ width: calc(100% - 60px);}
.about_2 div.fr ul li span.fr font{ display: block;margin-bottom: 10px; font-size: 22px;color: #063190;}
.about_2 div.fr ul li span.fr em{ display: block; font-size: 15px;color: #747474; line-height: 24px;}
.about_3{ height: 298px;}
.about_3>div{ height: 100%; background: url(../images/pri_18.jpg) no-repeat center; background-size: cover; text-align: center;}
.about_3>div>h4{ padding: 50px 0 30px; font-size: 30px;color: #fff; text-align: center;}
.about_3>div ul{ display: inline-block;}
.about_3>div ul li{ float: left; width: 23%; margin: 0 1%;}
.about_4{ margin: 70px auto;}
.about_4 div.fl{width: 40%;}
.about_4 div.fl h4{ position: relative;padding-bottom: 28px;margin-bottom: 24px; font-size: 36px;color: #333; line-height: 56px;}
.about_4 div.fl h4 font{color: #063190;}
.about_4 div.fl h4:before{ position: absolute;left: 0;bottom: 0;width: 32px;height: 3px;content: ''; background: #063190;}
.about_4 div.fl p{ font-size: 16px;color: #666; line-height: 36px;}
.about_4 div.fl h6{margin-top: 60px;}
.about_4 div.fl h6 a{ display: inline-block;width: 240px;height: 70px; background: #302d2c; font-size: 16px;color: #fff; text-align: center; line-height: 70px;}
.about_4 div.fl h6 a:hover{ background: #063190;}
.about_4 div.fr{width: 50%;}
.about_5{ padding: 50px 0; background: #f9f9f9;}
.about_5 .ab_tit{ position: relative; text-align: center;}
.about_5 .ab_tit h3{padding-bottom: 30px; font-size: 36px;color: #333;}
.about_5 .ab_tit h3:before{ position: absolute;bottom: 0;left: 50%; width: 30px;height: 3px;content: '';margin-left: -15px; background: #063190;}
.about_5 .ab_hd{ margin: 30px auto; text-align: center;}
.about_5 .ab_hd ul{ display: inline-block;}
.about_5 .ab_hd ul li{ float: left; width: 75px;height: 38px; margin: 0 15px;  box-sizing: border-box; font-size: 14px; color: #4c4c4c; line-height: 38px;cursor: pointer;}
.about_5 .ab_hd ul li.on{ border: 2px solid #063190; line-height: 34px;}
.about_5 .ab_box {position: relative; width: 100%; overflow: hidden;}
.about_5 .ab_box .swiper-wrapper,.about_5 .ab_box .swiper-slide{  height: auto !important;}
.about_5 .ab_box .swiper-slide p{ text-align: center; font-size: 16px;}
.about_5 .ab_box .swiper-slide{ width: 308px; padding: 0 5px; box-sizing: border-box;}
.about_5 .ab_box .swiper-slide img{width: 100%;}
.about_5 .ab_box  ._ipn{ position: absolute;top: 50%; width: 50px; height: 50px;margin-top: -25px; background: rgba(255,255,255,.5); text-align: center; line-height: 50px;cursor: pointer;}
.about_5 .ab_box  ._ipn i{ font-size: 24px; color: #333;}
.about_5 .ab_box  ._ipn._prev{left: 0;}
.about_5 .ab_box  ._ipn._next{right: 0;}
/*联系我们*/
.Contact{position: relative; width: 1200px; overflow: hidden;}
.Contact #map{ margin: 0 auto;}
.Contact .map_mian .mm i{ position: absolute;width: 16px;height: 16px; background: url(../images/icon_16.png) no-repeat center;cursor: pointer;}
/*.Contact .map_mian .mm i:hover:before{position: absolute;top: 100%;left: 50%; width: 6em;margin-left: -3em; font-size: 16px; color: #333; text-align: center;}*/
.Contact .map_mian .mm.map_1 i{top: 690px;right: 390px;}
.Contact .map_mian .mm.map_2 i{top: 662px;right: 382px;}
.Contact .map_mian .mm.map_3 i{top: 646px;right: 375px;}
.Contact .map_mian .mm.map_4 i{top: 660px;right: 358px;}
.Contact .map_mian .mm.map_5 i{top: 665px;right: 342px;}
.Contact .map_mian .mm.map_6 i{top: 312px;right: 350px;}
.Contact .map_mian .mm.map_7 i{top: 618px;right: 288px;}
/*.Contact .map_mian .mm.map_8 i{top: 500px;right: 390px;}*/

/* .Contact .map_mian .mm.map_1 i{top: 690px;right: 390px;}
.Contact .map_mian .mm.map_2 i{top: 662px;right: 382px;}
.Contact .map_mian .mm.map_3 i{top: 646px;right: 375px;}
.Contact .map_mian .mm.map_4 i{top: 660px;right: 358px;}
.Contact .map_mian .mm.map_5 i{top: 665px;right: 342px;}
.Contact .map_mian .mm.map_6 i{top: 312px;right: 350px;}
.Contact .map_mian .mm.map_7 i{top: 512px;right: 350px;}
.Contact .map_mian .mm.map_8 i{top: 500px;right: 390px;} */
.Contact .map_tc ul li{ display: none; position: absolute;top: 50%;left: 50%; width: 412px;height: 350px; padding: 50px; margin-left: -206px;margin: -175px; border: 1px solid #aaa; background: rgba(255,255,255,.7); box-sizing: border-box;}
.Contact .map_tc ul li h3{margin-bottom: 20px; font-size: 24px; font-weight: bold; color: #0e0e0e;}
.Contact .map_tc ul li h4{ position: relative; margin-bottom: 20px; padding-bottom: 15px; font-size: 20px; color: #0e0e0e;}
.Contact .map_tc ul li h4:before{ position: absolute;bottom: 0;left: 0;width: 20px;height: 3px;content: ''; background: #063190;}
.Contact .map_tc ul li p{margin-bottom: 20px; font-size: 14px;color: #999;}
.Contact .map_tc ul li p span{ display: inline-block;padding-left: 15px; color: #333;}
.Contact .map_tc ul li i{ position: absolute;top: 10px;right: 10px; font-size: 20px;color: #333;cursor: pointer;}
.Contact .map_img{position: absolute;bottom: 0;right: 0;}

@media(max-height:800px){
/*项目案例详情弹出*/
	.case_x .case_mian{top: 0; margin-top: 0;height: 100%;}
}
@media(max-width:1366px){
	.wrap{width: 100%; padding: 0 3%;box-sizing: border-box;}
/*banner*/
	.banner .wrap div.fl{-webkit-transform-origin:0 50%;
	transform-origin:0 50%;left: 3%;}
	.banner .wrap div.fr{-webkit-transform-origin:100% 50%;
	transform-origin:100% 50%;right: 3%;}
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.8);transform: scale(.8);}

/*index*/
	.index_1 .i_db li{width: 24%;margin-left: 1.33%;}
	.index_1 .i_db li:first-child{margin-left: 0;}
	.index_1 .i_db li img{width: 100%;}
	.index_2 .i_mian>.slick-prev{left: 0;}
	.index_2 .i_mian>.slick-next{right: 0;}

/*供应产品*/
	.product .ib_s{width: 32%; margin: 0 .667%;margin-bottom: 12px;}

/*项目案例*/
	.case .s_mian ul li{width: 24%;margin-left: 1.33%;}
	.case .s_mian ul li:first-child{margin-left: 0;}
	.case .s_mian ul li img{width: 100%;}
/*在线留言*/
	.Leaving form{padding: 50px 0 80px;}

/*招贤纳士*/
	.join_3 ul li{width: 13%; margin: 0 1.83%;}

/*关于我们*/
	.about_2 div.fr{padding: 30px 40px;}
	.about_2 div.fr ul li{ padding: 15px 0;}

/*联系我们*/
	.Contact.wrap{max-width: 1200px; width: auto; margin:0 auto; padding: 0;}
}
@media(max-width:1220px){

/*header*/
	.head-height{ display: block;width: 100%; height: 60px;}
	.header{position: fixed;top: 0;left: 0;width: 100%;height: 60px; border-top: none;}
	.h_logo a{display: inline-block; height: 60px; padding: 10px 0; box-sizing: border-box; line-height: normal;}
	.h_logo a img{height: 100%;}
	.h_ment { float: none;}
	.h_nav{ position: fixed;top: 0;right: 0;z-index:998; width: 300px; height: 100%;overflow-x: hidden; margin: 0; padding: 30px 25px 10px 45px; box-sizing: border-box; background: #000;}
	.h_nav>ul{ height: auto; margin-top: 0;}
	.h_nav>ul>li{ float: none;width: auto;padding: 20px 0; border-top: none; line-height: 1; text-align: left;}
	.h_nav>ul>li>a{ display: inline-block; font-size: 18px; color: #fff; line-height: 1;}
	.h_nav>ul>li:hover{ border: none;}
	.h_nav>ul>li:hover>a{color: #fff;}
	.h_nav.close-nav{ -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1); -webkit-transform: translate(300px,0); transform: translate(300px,0);}
	.h_nav.open-nav{ -webkit-transform: translate(0,0) !important; transform: translate(0,0) !important; -webkit-transition: -webkit-transform 430ms cubic-bezier(0.3,0,0,1); transition: transform 430ms cubic-bezier(0.3,0,0,1);}
	.h_nav_two{ display: none; position: static;min-width: auto;margin-left: 0;margin-top: 20px; background: transparent;}
	.h_nav_two:before{display: none;}
	.h_nav_two a{position: relative; line-height: 50px;}
	.h_search{ float: right;width: 50px;height: 60px;margin-left: 0;margin-right: 56px; border-left: none; text-align:center;line-height: 60px;cursor: pointer;}
	.h_search i{ font-size: 24px;}
	.push-nav{display: block;position: fixed; top: 0; right: 3%; z-index: 999;width: 56px; height: 60px;}
	.push-nav .nav-toggle{ display: block;position: absolute;left: 50%;top: 50%; border: 0; background-image: none; border-radius: 4px; cursor: pointer;-webkit-transform: translate(-50%,-40%);transform: translate(-50%,-40%);}
	.push-nav .nav-toggle span{display: block; position: relative; z-index: 1; width: 36px; height: 3px; margin-bottom: 8px;background: #191309;border-radius: 3px;-webkit-transform-origin: 33px;transform-origin: 33px;-webkit-transition: all .5s;transition: all .5s;}
	.push-nav .nav-toggle.animate span:nth-last-child(1){ background: #fff; opacity: 1; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
	.push-nav .nav-toggle.animate span:nth-last-child(2) { opacity: 0;}
  	.push-nav .nav-toggle.animate span:nth-last-child(3) { background: #fff; opacity: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg);}
	.bg-nav{ display: none; position: fixed;top: 0;left: 0;z-index: 997; width: 100%; height: 100%; background: rgba(0,0,0,0.75);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;}

/*banner*/
	.banner{ height: 480px;}
	.banner .banner_lin{width: 140px;height: 80px; margin-left: -70px;}
	.banner .banner_lin span{ display: block; line-height:40px;}
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.7);transform: scale(.7);}
/*footer*/
	.foot_2 .f_bd span{ display: block; float: none;}
	.cont_box{padding: 80px 0;}

/*index*/
	.index_1{padding: 70px 0;}
	.index_1 .i_mian{padding-top: 80px;}
	.index_1 .i_db li .a_text{bottom: 0;padding: 15px;}
	.index_1 .i_db li .a_text h4{margin-bottom: 15px;}
	.index_1 .i_db li .a_text p{ display: none;}
	.index_2{ padding: 50px 0;}
	/*.index_4 .hx_news ul li{padding: 25px 0;}*/

/*产品详情*/
	.product_x .spx_1{height: auto;}
	.product_x .spx_1 div.fl{ float: none;width: 100%;padding: 30px;}
	.product_x .spx_1 div.fr{ float: none;width: 100%;height: 400px;}
	.product_x .spx_1 div.fr>i{ font-size: 50px; line-height: 400px}
	.product_x .spx_1 .px_bq{ height: auto;margin-bottom: 15px;}

/*公司新闻*/
	.News .n_1 .aa .n_text{padding: 24px 5%;}

/*项目案例*/
	.case .s_mian ul li .a_text{bottom: 0;padding: 15px;}
	.case .s_mian ul li .a_text h4{margin-bottom: 15px;}
	.case .s_mian ul li .a_text p{ display: none;}
/*招贤纳士*/
	.j_hd .j_ing{margin: 0 20px;}

/*联系我们*/
	#map{ display: none;}
	.map_mian,.map_img{ display: none;}
	.Contact.wrap{ width: 100%; padding: 0 3%;}
	.Contact .map_tc ul li{ display: block !important; position: static; width: 100%; height: auto;margin: 0 !important; border: none; border-bottom: 1px solid #ddd;}
	.Contact .map_tc ul li>i{ display: none !important;}

/*关于我们*/
	.about_5 .ab_box .swiper-slide{ width: 270px;}
}
@media(max-width:1024px){
/*banner*/
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.6);transform: scale(.6);}
/*项目案例详情弹出*/
	.case_x .case_mian{width: 100%;left: 0;margin-left: 0;}
	.case_x .ca_bd{padding: 0 38px;}
	.case_x .ca_bd .slick-arrow{width: 30px;}
	.case_x .ca_bd .slick-arrow:before{ font-size: 28px;}
	.case_x .ca_jj span{ font-size: 20px;}

/*招贤纳士*/
	.join_2{height: 200px;padding-top: 20px;}
	.join_3 ul li{width: 30%; margin: 0 1.6%;margin-bottom: 10px;}
	.join_4{margin-top: 50px;}

}
@media(max-width:900px){
/*header*/
	.form_box form{left: 0;width: 100%;height: 60px; box-sizing: border-box;}

/*banner*/
	.banner{ height: 420px;}
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.5);transform: scale(.5);}

/*footer*/
	.foot_top{height: 90px;}
	.foot_top span{padding-top: 16px; font-size: 18px;}
	.footer{padding: 30px 0;}
/*index*/
	.i_tit h3{margin-bottom: 18px; font-size: 28px;}
	.i_tit p{ font-size: 13px;}
	.index_1{padding: 50px 0;}
	.index_1 .i_mian{padding-top: 50px;margin-top: 50px;}
	.index_1 .i_db li .a_text h4{margin-bottom: 10px;font-size: 14px;}
	.index_1 .i_db li .a_text h6 a{ font-size: 12px;}
	.index_1 .i_db li .a_text h6 a i{ font-size: 12px;}
	.index_2{ padding: 40px 0;}
	.index_3 .i_mian>div.fl{float: none;width: 100%; height: auto;}
	.index_3 .i_mian>div.fl h3{padding-bottom: 30px; font-size: 24px;}
	.index_3 .i_mian>div.fl p{ height: auto;margin-bottom: 40px;}
	.index_3 .i_mian>div.fr{float: none;width: 100%; height: 200px; margin-bottom: 20px;}
	.index_5 .i_mian ul li{ width: 25%;}

/*sub_ment*/
	.sment_two{ height: auto;}
	.sment_two div.fr{ float: none;width: 100%;}
	.sment_two div.fr a{ font-size: 14px;}
	.sment_two div.fr i{padding: 0 8px;}
	.sment_two ul.fl{ float: none;width: 100%;}
	.sment_two ul.fl li{width: 20%;padding: 0; text-align: center;}
	.sment_two ul.fl li a{ font-size: 12px;}
	.cont_box{padding: 60px 0;}

/*供应产品*/
	.product .ib_s{ width: 48%;margin: 0 1%;margin-bottom: 12px;}

/*产品详情*/
	.product_x .spx_1 .px_tit{font-size: 30px;}
	.product_x .spx_2 ul li .ib_text h4{font-size: 18px;}
	.product_x .spx_2 ul li{width: 100%;margin: 0;margin-bottom: 15px;}

/*公司新闻*/
	.News .n_1 .aa{ float: none; width: 100%; margin: 0; margin-bottom: 15px;}
	.News .n_1 .aa .n_text h4{height: auto;}
	.News .n_2 ul li div.fl{float: none;width: 100%;margin-bottom: 20px;}
	.News .n_2 ul li div.fl img{width: 100%;}
	.News .n_2 ul li div.fr{float: none;width: 100%;padding: 0 3%;}
	.News .n_2 ul li div.fr>i{ display: none;}
	.News .n_2 ul li div.fr .n_text{display: block !important;}

/*新闻详情*/
	.News_x .nx_tit{margin-bottom: 30px; text-align: center;}
	.News_x .nx_tit h3{ margin-bottom: 20px;font-size: 30px;}
	.News_x .nx_p1{ padding: 20px 50px;}
	.News_x .nx_p1:before{ left: 0; background-size: 60%;}
	.News_x .nx_p1:after{ right: 0; background-size: 60%;}
	.News_x .nx_bottom .bot_1>div{ text-align: center;}
	.News_x .nx_bottom .bot_1>div span{ display: block; float: none;width: 100%; line-height: 30px;}
	.News_x .nx_bottom .bot_1>div a{ display: block; float: none; width: 100%;margin-top: 10px; box-sizing: border-box; line-height: 24px;}
	.News_x .nx_bottom .bot_1>div font{ display: block; float: none; width: 100%;margin-bottom: 10px; line-height: 24px;}
	.News_x .nx_bottom .bot_2{ text-align: center;}
	.News_x .nx_bottom .bot_2 a{ width: 100%;}

/*项目案例*/
	.case .s_mian ul li .a_text h4{margin-bottom: 10px;font-size: 14px;}
	.case .s_mian ul li .a_text h6 a{ font-size: 12px;}
	.case .s_mian ul li .a_text h6 a i{ font-size: 12px;}
/*在线留言*/
	.Leaving{ background-size: 100%;}
	.Leaving form .l_input{width: 100%;}
	.Leaving form .l_input:before{right: 10px;}
	.Leaving form .l_textarea{width: 100%;}
	.Leaving form .l_textarea:before{right: 10px;}

/*发展历程*/
	.history .h_mian{padding: 0 10%;}
	.history div.fl{ float: none; width: 100%;margin-bottom: 30px; padding: 0; }
	.history div.fr{ float: none;width: 100%;}

/*招贤纳士*/
	.j_hd{padding: 0 40px;}
	.j_hd .j_ing{margin: 0 15px;}
	.j_hd .j_ing i{padding-top: 30px;}
	.j_hd .j_ing span{ padding-top: 12px;}
	.j_hd .j_ing font{padding-top: 12px;}
	.j_hd .slick-arrow:before{ font-size: 30px;}
	.j_bd ul li{padding: 30px;}

/*关于我们*/
	.about_1 div.fl{ float: none; width: 100%; height: auto;}
	.about_1 div.fl h4{ font-size: 28px; line-height: 36px;}
	.about_1 div.fl h6{margin-top: 45px;}
	.about_1 div.fl h6 a{ width: 200px; height: 60px; line-height: 60px;}
	.about_1 div.fr{ float: none; width: 100%; height: auto; margin-bottom: 30px;}
	.about_1 div.fr .f_bg{ background: none !important;}
	.about_1 div.fr .f_img{ display: block;}
	.about_1 div.fr .f_img img{width: 100%;}
	.about_2 div.fl{ float: none; width: 100%; height: 400px;}
	.about_2 div.fr{ float: none; width: 100%;height: auto;}
	.about_2 div.fr h4{ font-size: 28px;}
	.about_3{ height: auto;}
	.about_3>div>h4{padding: 20px 0;}
	.about_3>div ul{padding: 0 15%;}
	.about_3>div ul li{ width: 40%; margin: 0 5%; margin-bottom: 20px;}
	.about_4 div.fl{ float: none; width: 100%;}
	.about_4 div.fr{ float: none; width: 100%;margin-bottom: 30px;}
	.about_4 div.fl h4{ font-size: 28px; line-height: 36px;}
	.about_4 div.fl h6{margin-top: 45px;}
	.about_4 div.fl h6 a{ width: 200px; height: 60px; line-height: 60px;}
	.about_5 .ab_box .swiper-slide{ width: 240px;}

}
@media(max-width:768px){

/*header*/
	.head-height,.header,.h_logo a,.push-nav{height: 50px;}
	.h_search{ width: 40px; height: 50px;line-height: 50px;}
	.h_search i{ font-size: 20px; }
	.form_box form input[type='text']{width: calc(100% - 60px);font-size: 16px;}
	.form_box form input[type='button']{width: 60px;font-size: 20px;}
	.push-nav .nav-toggle span { width: 25px; height: 2px; margin-bottom: 6px; -webkit-transform-origin: 24px; transform-origin: 24px; }
/*banner*/
	.banner{ height: 320px;}
	.banner .banner_lin{ bottom: -24px; width: 120px;height: 50px; margin-left: -60px;}
	.banner .banner_lin span{ display: block; line-height:20px;}
	.banner .banner_lin i{padding-top: 5px;}
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.4);transform: scale(.4);}

/*footer*/
	.foot_top{height: 70px;}
	.foot_top span{padding-top:10px; font-size: 16px;}
	.foot_1 ul li{ float: none;width: 100%;margin-left: 0;margin-bottom: 15px;}
	.foot_1 ul li span{ float: left;margin: 0;padding: 0; border: none;}
	.foot_1 ul li a{ float: left;padding: 0 15px;margin: 0; font-size: 13px;color: #9b9b9b; line-height: 24px;}
	.foot_2 {padding-top: 20px;}
	.foot_2 .f_bd span font{ display: block;}

/*index*/
	.i_tit h3{margin-bottom: 15px; font-size: 24px;}
	.i_tit p{ font-size: 12px;}
	.index_1 .i_mian{margin-top: 30px;}
	.index_1 .i_mian .i_dh ul{ display: block; width: 90%; margin: 0 auto;}
	.index_1 .i_mian .i_dh ul li{width: 25%;margin: 0;}
	.index_1 .i_db li{width: 48%;margin: 0 1% 12px 1% !important;}
	.index_1 .i_db li .a_text{padding: 10px;}
	.index_2{ padding: 30px 0;}
	.index_3 .i_mian>div.fl h6 a{line-height: 60px;}
	.index_4{padding: 30px 0;}
	.index_4 .gs_news{ float: none; width: 100%;margin-bottom: 30px;}
	.index_4 .hx_news{ float: none; width: 100%;}
	.index_4 .i_not{margin-bottom: 18px;}
	.index_5 .i_mian ul li{ width: 33.33%;}

/*产品详情*/
	.product_x .spx_1 .px_mian dl{ float: none; width: 100%;margin-bottom: 15px;}
	.product_x .spx_1 div.fr{height: 300px;}
	.product_x .spx_1 div.fr>i{ font-size: 40px; line-height: 300px}
	.product_x .spx_1 .px_tit{font-size: 24px;}
	.product_x .spx_2 ul li .ib_text h4{font-size: 16px;}
/*项目案例*/
	.case .s_mian ul li{width: 48%;margin: 0 1% 12px 1% !important;}
	.case .s_mian ul li .a_text{padding: 10px;}

/*发展历程*/
	.history div.fr ul li{padding-left: 80px;}
	.history div.fr ul li>i:after{width: 70px;}

/*招贤纳士*/
	.j_hd .slick-arrow:before{ font-size: 28px;}
	.join_2 h4{margin-bottom: 15px;}
	.join_3 ul li span{ margin-bottom: 10px; font-size: 16px;}
	.join_3 ul li font{ font-size: 12px;}
	.join_4 .aa{ display: none;}
	.join_4 .bb{ display: block;}

/*关于我们*/
	.about_1{ margin-bottom: 50px;}
	.about_1 div.fl p{ font-size: 14px;line-height: 30px;}
	.about_2 div.fl{ height: 350px;}
	.about_3>div ul{padding: 0 10%;}
	.about_4{ margin: 50px auto;}
	.about_5 .ab_tit h3{ font-size: 24px;}

/*联系我们*/
	.Contact .map_tc ul li{padding: 40px 30px;}


}
@media(max-width:640px){

/*banner*/
	.banner{ height: 240px;}
	.banner .slick-dots{right: 5px;}
	.banner .slick-dots li{height: 2px;margin: 16px 0;}
	.banner .wrap div.fr,.banner .wrap div.fl{-webkit-transform: scale(.25);transform: scale(.25);}

/*footer*/
	.foot_top{height: 50px;}
	.foot_top span{padding-top:5px; font-size: 14px;}
	.foot_1 ul li span{ font-size: 14px;}
	.foot_1 ul li a{padding: 0 5px; font-size: 12px;}
	.foot_2 { padding-top: 20px; font-size: 12px !important;}
/*index*/
	.index_1{padding: 20px 0;}
	.index_2{ padding: 20px 0;}
	.index_3{padding: 20px 0;}
	.index_3 .i_mian>div.fl h3{margin-bottom: 15px;padding-bottom:20px; font-size: 18px;}
	.index_3 .i_mian>div.fl h5{margin-bottom: 15px;font-size: 14px;}
	.index_3 .i_mian>div.fl h6 a{line-height: 50px;}
	.index_4{padding: 20px 0;}
	.index_4 .i_not{padding-bottom: 10px;margin-bottom: 20px;border-bottom: 2px solid #063190;}
	.index_4 .i_not span.fl{ font-size: 18px;}
	.index_4 .i_not a.fr{ line-height: 18px;}
	/*.index_4 .hx_news ul li{padding: 15px 0;}*/
	.index_4 .hx_news ul li h6{margin-bottom: 10px;}
	.index_4 .hx_news ul li h4{font-size: 14px;}
	.index_4 .hx_news ul li a:before{ margin-top: -14px; font-size: 28px;}
	.index_5 .i_mian ul li{ width: 50%;}
    .index_1 .i_mian .i_dh ul{width: 100%;}
    .index_1 .i_mian .i_dh ul li{width: 20%;font-size: 12px;}

/*sub_banner*/
	.sub_banner	{ height: 150px;padding-top: 60px;}
	.sub_banner h3{padding-top: 15px; font-size: 20px;}
	.sub_banner h3:before{ width: 30px;height: 1px;}

/*sub_ment*/
	.sment_two div.fr{padding-top: 15px; line-height: 30px;}
	.sment_two div.fr a{ font-size: 12px;}
	.sment_two div.fr i{padding: 0 5px;}
	.cont_box{padding: 40px 0;}

/*供应产品*/
	.product .s_mian{margin-bottom: 20px;}
	.product .ib_s{width: 100%;margin: 0; margin-bottom: 12px;}

/*分页*/
	.s_paging{ padding: 20px 0;}
	.s_paging ul li{width: 30px;height: 30px;}
	.s_paging ul li a{ line-height: 28px;}

/*产品详情*/
 	.product_x .spx_1 div.fl{padding: 30px 15px;}
	.product_x .spx_1 div.fr{height: 200px;}
	.product_x .spx_1 div.fr>i{ font-size: 30px; line-height: 200px}

/*新闻详情*/
	.News_x .nx_tit{margin-bottom: 30px; text-align: center;}
	.News_x .nx_tit h3{ margin-bottom: 20px;font-size: 20px;}
	.News_x .nx_p1{ padding: 20px 40px;margin-bottom: 0;}
	.News_x .nx_p1:before{ background-size: 40%;}
	.News_x .nx_p1:after{ background-size: 40%;}
	.News_x .nx_p2{padding: 30px 0;}
	.News_x .nx_bottom .bot_1>div span{ font-size: 12px;}
	.News_x .nx_bottom .bot_1>div a{ font-size: 12px;}
	.News_x .nx_bottom .bot_1>div font{ font-size: 12px;}

/*发展历程*/
	.history div.fr ul li{padding-left: 60px;margin-bottom: 36px;}
	.history div.fr ul li>i:after{width: 50px;}
	.history div.fr .h_box h4{font-size: 18px;}
	.history div.fr .h_box h4 font{ font-size: 24px;}
	.history div.fr .h_box p{font-size: 14px;line-height: 24px;}

/*招贤纳士*/
	.j_hd{padding: 0 30px;}
	.j_hd .j_ing{margin: 0 8px;}
	.j_hd .j_ing i{padding-top: 20px;}
	.j_hd .j_ing span{ padding-top: 10px; font-size: 14px;}
	.j_hd .j_ing font{padding-top: 10px;}
	.j_hd .slick-arrow:before{ font-size: 24px;}
	.j_bd ul li{padding: 20px;}
	.join_3 ul li{width: 46%; margin: 0 2%;margin-bottom: 10px;}

/*关于我们*/
	.about_1{ margin-bottom: 40px;}
	.about_1 div.fl h4{ font-size: 24px;}
	.about_1 div.fl p{ font-size: 12px;line-height: 24px;}
	.about_1 div.fl h6{margin-top: 30px;}
	.about_1 div.fl h6 a{ width: 180px; height: 50px; font-size: 14px; line-height: 50px;}
	.about_2 div.fl{ height: 300px;}
	.about_2 div.fr{ padding: 20px;}
	.about_2 div.fr h4{padding-bottom: 12px; margin-bottom: 15px; font-size: 18px;}
	.about_2 div.fr ul li span.fr font{ margin-bottom: 6px; font-size: 16px;}
	.about_2 div.fr ul li span.fr em{ font-size: 12px; line-height: 20px;}
	.about_3>div ul{padding: 0 3%;}
	.about_4{ margin: 40px auto;}
	.about_4 div.fl h4{ font-size: 24px;}
	.about_4 div.fl p{ font-size: 12px;line-height: 24px;}
	.about_4 div.fl h6{margin-top: 30px;}
	.about_4 div.fl h6 a{ width: 180px; height: 50px; font-size: 14px; line-height: 50px;}
	.about_5 .ab_hd ul{ width: 100%;}
	.about_5 .ab_hd ul li{width: 33.33%; margin: 0; box-sizing: border-box;}
	/*.about_5 .ab_box .ab_img{ margin: 0 6px;}*/
	.about_5 .ab_box .swiper-slide{ width: 200px;}
/*联系我们*/
	.Contact .map_tc ul li{padding: 20px;}
}



/*AM*/
.Animation{ opacity: 0;}

.banner.Animation.on{-webkit-animation: fadeIn .5s ease forwards;animation: fadeIn .5s ease forwards;opacity: 1;}
.i_tit.Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;}
.index_1 .i_dh.Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;}

.index_1 .i_db li.Animation.on{-webkit-animation: fadeInUp .5s ease  forwards;animation: fadeInUp .5s ease forwards;opacity: 1;}
.index_1 .i_db li:nth-child(1){-webkit-transition: opacity .5s .2s;transition: opacity .5s .2s;}
.index_1 .i_db li:nth-child(2).Animation.on{-webkit-transition: opacity .5s .4s;transition: opacity .5s .4s;}
.index_1 .i_db li:nth-child(3).Animation.on{-webkit-transition: opacity .5s .6s;transition: opacity .5s .6s;}
.index_1 .i_db li:nth-child(4).Animation.on{-webkit-transition: opacity .5s .8s;transition: opacity .5s .8s;}
.index_2 .i_mian.Animation.on{-webkit-animation: zoomIn .5s ease forwards;animation: zoomIn .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;}

.index_3 div.fl.Animation.on{-webkit-animation: fadeInLeft .5s ease forwards;animation: fadeInLeft .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;}
.index_3 div.fr.Animation.on{-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;}

.index_4 div.fl.Animation.on{-webkit-animation: fadeInLeft .5s ease forwards;animation: fadeInLeft .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;}
.index_4 div.fr.Animation.on{-webkit-animation: fadeInRight .5s ease forwards;animation: fadeInRight .5s ease forwards;opacity: 1;-webkit-transition: opacity .5s .5s;transition: opacity .5s .5s;}

.index_5 .i_mian.Animation.on{-webkit-animation: fadeInUp .5s ease forwards;animation: fadeInUp .5s ease forwards;opacity: 1;}
.foot_top.Animation.on{-webkit-animation: fadeIn .5s ease forwards;animation: fadeIn .5s ease forwards;opacity: 1;}
.footer.Animation.on{-webkit-animation: fadeIn .5s ease forwards;animation: fadeIn .5s ease forwards;opacity: 1;}

/*渐显动画*/
@keyframes fade-in {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: cubic-bezier(0.3,0,0,1);
        animation-timing-function: cubic-bezier(0.3,0,0,1)
    }

    76.92% {
        opacity: 1;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fade-in {
    0% {
        opacity: 0
    }

    76.92% {
        opacity: 1
    }

    100% {
        opacity: 1
    }
}







@media (max-width: 900px)
{
.News_x .nx_p2 p iframe{ width: 80%;height:300px;}
}
@media (max-width: 650px)
{
.News_x .nx_p2 p iframe{ width: 80%;height:250px;}
}
@media (max-width: 450px)
{
.banner {
    height: 200px;
}
.News_x .nx_p2 p iframe{ width: 100%;height:200px;}
}

@media (max-width: 400px)
{
.banner {
    height: 180px;
}
}


@media (max-width: 350px)
{
.banner {
    height: 160px;
}
}