@charset "utf-8";



@font-face {

  font-family: 'COND';

  src: url('../font/AKZIDENZGROTESK-COND.OTF');

}



body{margin:0px; font-size:14px; color:#444; font-family:"微软雅黑"; background:#ffffff;}

*{padding:0px; margin:0px; box-sizing: border-box;}

body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,h7,p,i,b,em,span,form,fieldset,legend,input,textarea,select,button,th,td {margin:0; padding:0; font-style:normal;}

h1,h2,h3,h4,h5,h6,h7 {list-style:none; font-weight:normal;}

input,select,button{font-size:12px;  border:0; background:none; outline:none; vertical-align:middle;}

button {overflow:visible}

img{border:none; vertical-align:middle;}

img {    

image-rendering: -moz-crisp-edges; /* Firefox */     

image-rendering: -o-crisp-edges; /* Opera */      

image-rendering: -webkit-optimize-contrast; /*Webkit (non-standard naming) */ image-rendering: crisp-edges; \

-ms-interpolation-mode: nearest-neighbor; /* IE (non-standard property) */

}

li{list-style:none;}

a{color:#444; text-decoration:none;}

a:hover{color:#000;}

.clear{overflow:hidden; clear:both; height:0px;}

.clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;}

.clearfix {/*兼容 IE*/zoom: 1;}



::-webkit-scrollbar{width:5px;}

::-webkit-scrollbar-track{background-color:#666;}

::-webkit-scrollbar-thumb{background-color:#ddd;}

::-webkit-scrollbar-thumb:hover{background-color:#286EFE ;}

::-webkit-scrollbar-thumb:active{background-color:#286EFE ;}





.fl {float: left;display: inline;}/* 左浮动 */

.fr {float: right;display: inline;}/* 右浮动 */



.con { width:1300px; margin:0px auto;}







.header{width:100%; position:fixed; top:0; left:0; z-index:99; background:#fff; }

.header.on{ background: rgba(255, 255, 255, 0.99);}

.header .logo{width:240px; float:left; margin-top:22px;}

.header .logo img{display:block;}







.header .nav{float:right;}

.header .nav ul li{margin:0px; line-height:70px; float:left; position:relative; padding:0px 0px 0px 70px;transition:all .5s;-o-transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;

-webkit-transition:all .5s; font-size:18px;}

.header .nav ul li a { font-size:18px;}

.header .nav ul li span{width:0; height:4px; background:#286EFE ; position:absolute; left:50%; bottom:0;

transition:all .3s;

-o-transition:all .3s;

-ms-transition:all .3s;

-moz-transition:all .3s;

-webkit-transition:all .3s;

transform:translate(-50%,0);

-webkit-transform:translate(-50%,0);

-moz-transform:translate(-50%,0);

-ms-transform:translate(-50%,0);

-o-transform:translate(-50%,0);}

.header .nav ul li:hover span{width:100%;}

.header .nav ul li.on span{width:100%;}

.header .nav ul li.on a{color:#286EFE; font-weight: bold;}

.header .nav ul li:hover a { color:#286EFE ;}

.nav .y_j{position:relative;     display: block;

    position: relative;

    line-height: 70px;

    -webkit-box-flex: 1;

    -moz-box-flex: 1;

    -webkit-flex: 1;

    -ms-flex: 1;

    flex: 1;

    transition: line-height 0.5s;}

.nav .e_j{position: absolute;

    top: 70px;

    left: 70px;

    width: 280px;

    background-color: #f6f6f6;

    z-index: 999;

    padding: 0px;

    opacity: 0;

    visibility: hidden;

    transform: translateY(20px);

    transition: all 0.5s; }

	.header .nav ul li:hover .e_j {

    opacity: 1;

    transform: translateY(0px);

    visibility: visible;

    transition: all 0.5s;

}	

.header .nav ul li .e_j a{display:block; font-size:16px; color:#333; line-height:50px; text-align:left;  font-weight:normal; padding-left: 20px; }

.header .nav .e_j a:hover{ color:#fff; background:#286EFE ;}

.header .nav .e_j{display:none !important;}

.header .nav ul li:hover .e_j{display:block !important;}









.head_h{width:100%; height:70px;}







.gallery-top{width:100%; position:relative; height: auto; }

.gallery-top .swiper-slide img{width:100%; height: auto; display:block;}

.gallery-top .swiper-button-next{width:45px; height:45px; background:url(../images/h_yj.png) no-repeat; right:20px;background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}

.gallery-top .swiper-button-prev{width:45px; height:45px; background:url(../images/h_zj.png) no-repeat; left:20px; background-size:45px 45px; -webkit-background-size:45px 45px; -moz-background-size:45px 45px; -ms-background-size:45px 45px; -o-background-size:45px 45x;}







.gy_bt{width:100%;  text-transform:uppercase; margin-bottom: 30px; text-align: center; }

.gy_bt h3{font-size:36px;height:55px; font-weight: bold;}

.gy_bt i { width: 44px; height: 4px; background:#286EFE; display: block; margin:10px auto;}





.sy_cp { width:1300px; margin:80px auto;}

.sy_cp .tab{ width:100%; margin:20px auto 50px;}

.sy_cp .tab-hd { overflow:hidden; zoom:1; height: 70px; border-bottom: 1px solid #e7e7e7; }

.sy_cp .tab-hd li{ display: inline-block; width: auto;font-size: 18px; margin-right: 40px;

    font-weight: 400;

    color: #838383;

    line-height: 66px; cursor:pointer; border-bottom: 3px solid #fff;}

.sy_cp .tab-hd li.active{ border-bottom: 3px solid #286EFE; font-size: 18px;

    font-weight: 400;

    color: #286EFE;

    line-height: 66px;}

.sy_cp .tab-bd li{display:none; padding:55px 0px 0px 0px;}

.sy_cp .tab-bd li.thisclass{ display:list-item;}

.sy_cp .tab-bd li .zcz { width: 835px; float: right; } 

.sy_cp .tab-bd li .zcz h2{ font-size: 24px; color: #333333;height: 50px;}

.sy_cp .tab-bd li .zcz .z1 { font-size: 16px; position: relative; line-height: 32px; height: 160px;color: #666;}

.sy_cp .tab-bd li .yct { width: 450px; text-align: center; float:left; }







.sy_an a {width: 211px; height: 38px; line-height: 38px; text-align: center; border:1px solid #286EFE; display: block; margin:35px 0px 0px 0px; color: #286EFE; font-size: 16px; }

.sy_an i { margin-left: 10px;color: #286EFE;}

.sy_an:hover a { background:#286EFE; color: #fff;}

.sy_an:hover i {color: #fff;}





.swiper-js{width:100%; }

.swiper-js .swiper-slide {  position: relative;}

.swiper-js .swiper-slide .tp { width:616px; height: 400px; }

.swiper-js .swiper-slide .tp img {object-fit: cover; width: 100%; height: 100%;}

.swiper-js .swiper-slide .wz { position: absolute; width: 100%; background: rgba(55,136,255,.8); left: 0; bottom: 0; padding:15px; }

.swiper-js .swiper-slide .wz h1 { font-weight: bold; font-size: 19px; color: #fff;}

.swiper-js .swiper-slide .wz h1 a {color: #fff;}

.swiper-js .swiper-slide p { font-size: 14px; line-height: 24px; color: #fff;}

.swiper-js .swiper-button-next{width:26px; height:40px; background:url(../images/z_j.png) no-repeat; right:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}

.swiper-js .swiper-button-prev{width:26px; height:40px; background:url(../images/h_j.png) no-repeat; left:0; margin-top:-30px; background-size:26px 40px; -webkit-background-size:26px 40px; -moz-background-size:26px 40px; -ms-background-size:26px 40px; -o-background-size:26px 40px;}





.sy_xw { width: 100%; margin:0px auto; padding: 60px 0px 75px 0px; background: #f5f7f6;}

.sy_xw .zc { width: 616px; float: left; margin-top: 15px;position: relative; }

.sy_xw .yc { width: 650px; float: right;}

.sy_xw .yc ul li { padding: 11px 0px; border-bottom: 1px solid #ddd;}

.sy_xw .yc ul li h4 { font-size: 20px; height:35px; font-weight: bold;}

.sy_xw .yc ul li h4 font { color: #286EFE;}

.sy_xw .yc ul li h4 a:hover {color: #286EFE;}

.sy_xw .yc ul li p { font-size: 15px; line-height: 26px; color: #666; display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden; margin-bottom: 10px; }

.sy_xw .yc ul li span { font-size: 13px; color: #666;}

.more { width:100%; height: 1px; background: #cccccc; display: block; position: relative; margin-top: 58px;}

.more .an {width: 127px;height: 30px; background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 15px; font-size: 16px; color: #999; line-height: 30px; top: -15px; position: absolute; left: 50%; text-align: center; margin-left: -63px;}

.more .an a {color: #999;}

.more:hover {background: #286EFE;}

.more:hover a {background: #286EFE;border: 1px solid #286EFE; color: #fff; display: block; border-radius: 15px;}







.sy_gy { width:100%; overflow:hidden; background: #f6f6f6; }

.sy_gy .left { width:50%; float:left; position: relative; }

.sy_gy .left .tp { width: 100%; height: auto;}

.sy_gy .left .tp img { width: 100%; height: auto;}

.sy_gy .left .wz { position: absolute; top:63px; right:75px; width: 575px;}

.sy_gy .left .wz h3{font-size:36px; height:58px;  color:#fff; font-weight: bold; border-bottom: 1px solid #fff; }

.sy_gy .left .wz p { font-size:16px; line-height:36px; text-align:justify; color:#fff;  text-indent: 36px; }

.sy_gy .right { float: right; width: 50%; position: relative; z-index: 1; }

.sy_gy .right .bj { position: absolute; left: 0; top:0; width: 100%; padding-top: 25.5%; text-align: center; height:100%; display: none; background: rgba(0,0,0,.4); z-index: 9;}

.sy_gy .right:hover .bj { display: block;}



.sy_al { width: 1300px; margin: 90px auto;}

.sy_al .sz { width: 1120px; margin: 30px auto 40px auto; font-size: 18px;font-weight: 400;color: #000000;line-height: 30px; text-align: center;}

.sy_al .tp { width: 100%;}

.sy_al .tp .zc { float: left; width: 426px; overflow: hidden;}

.sy_al .tp .zc img {-webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.sy_al .tp .zc:hover img {-webkit-transform: scale(1.07);

    -moz-transform: scale(1.07);

    -o-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    transition: all 2s;}

.sy_al .tp .zj { float: left; width:436px;}

.sy_al .tp .zj ul li { margin-left: 10px; float: left; margin-bottom: 10px; overflow: hidden;}

 

.sy_al .tp .zj ul li img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    transition: all 2s;

}

.sy_al .tp .zj ul li:hover img {

    -webkit-transform: scale(1.07);

    -moz-transform: scale(1.07);

    -o-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    transition: all 2s;

}

.sy_al .tp .zj ul li:nth-child(4n) {background: url(../images/shouye_35.jpg) no-repeat center left/cover; width: 208px; line-height: 144px; height: 144px; color: #fff; font-size: 17px; text-align: center;}

.sy_al .tp .zj ul li:nth-child(4n) a { color: #fff;}

.sy_al .tp .zj ul li:nth-child(4n):hover a {background: url(../images/sbhg_03.jpg) no-repeat center left/cover; display: block;}

.sy_al .tp .yc { float: right; width: 426px; overflow: hidden;}

.sy_al .tp .yc img {

    -webkit-transform: scale(1);

    -moz-transform: scale(1);

    -o-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1);

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    transition: all 2s;

}



.sy_al .tp .yc:hover img {

    -webkit-transform: scale(1.07);

    -moz-transform: scale(1.07);

    -o-transform: scale(1.07);

    -ms-transform: scale(1.07);

    transform: scale(1.07);

    -webkit-transition: all 2s;

    -moz-transition: all 2s;

    transition: all 2s;

}





.sy_hz { width: 100%; background: url(../images/shouye_40.jpg) no-repeat center left/cover; padding: 55px 0px;}

.sy_hz .zj { width: 1300px; margin: 0px auto; background: #fff; padding-top: 53px;}







.footer{width:100%; padding-top:75px; background:#000000;}

.footer h3{font-size:24px; color:#ccc; margin-bottom:18px; }

.footer em{width:40px; height:1px; background:#ccc; margin-bottom:20px; display:block;}

.footer .col-md-42 {float:left; margin-right: 155px; }

.footer .col-md-42 p a{ color:#ccc; line-height:36px; font-size: 15px;}

.footer .col-md-42 p a:hover { color:#2870fa;}

.footer .ycwx { width: 248px; float: right;}

.footer .ycwx .wx h4 {color: #ccc; font-size: 16px; height: 30px;}

.footer .ycwx .wx { width: 108px;}

.footer .ycwx .wa { width: 248px; font-size: 23px; color: #ccc; text-align: justify;padding-top: 16px; letter-spacing:1px;}

.footer .ycwx .wa font { display: block; font-size: 15px;text-align: justify;}

.footer .x_x{padding:120px 0 38px 0; width: 100%; color:#CCCCCC; text-align: center; font-size: 16px; }





.main-im{ position:fixed; right: 10px; bottom:100px; z-index: 100; width: 135px; height: 220px; }

.main-im .qq-container { z-index: 99; position: absolute; width:135px; height:220px; right:0;}

.main-im .im_main {display: block;}

.main-im .close-im { position: absolute; right: 58px; top: -23px; z-index: 100; width: 19px; height: 23px; }

.main-im .close-im a { display: block; width: 19px; height: 23px; background: url(../images/gb.png) no-repeat left top; }

.main-im .close-im a:hover { text-decoration: none; }

.main-im .open-im { cursor: pointer; position: absolute; bottom:100px; right:0; margin-left: 68px; width: 46px; height: 46px; background: url(../images/gzh_12.png) no-repeat left top; }







/*内页css*/

.nban{ width:100%; height:auto; font-size:0; overflow:hidden; position:relative;}

.nban .bj { position: absolute; left: 0; top:0; height: 100%; width: 100%; background:rgba(0,0,0,.1);}

.nban .wz { position: absolute; left: 50%; top:38%; z-index: 5; width: 1300px;margin-left:-650px;}

.nban .wz h1 { font-size: 58px; height:90px;  color: #fff; font-weight: bold; }

.nban .wz p { font-size: 28px; background: #fff; color: #32bcfd; text-align: center; width: 145px; height: 35px; line-height: 35px; font-family: Arial, Helvetica, sans-serif;}





.gy_wm { width: 1170px; margin: 68px auto;}

.gy_wm .zc { width: 270px; float: left;}

.gy_wm .zc ul { width: 100%; background: #ededed; padding: 28px 0px;}

.gy_wm .zc ul li { height: 65px; line-height: 65px; font-size: 18px; color: #666; padding-left: 50px;}

.gy_wm .zc ul li.on {height: 55px; line-height: 55px; margin: 5px 0px; font-size: 18px; font-weight: bold; color:#286EFE; border-left: 4px solid #286EFE; background: #fff;}

.gy_wm .zc ul li.on a {color: #286EFE;}



.gy_wm .zc ul li:hover {height: 55px; line-height: 55px; margin: 5px 0px; font-size: 18px; font-weight: bold; color:#286EFE; border-left: 4px solid #286EFE; background: #fff;}

.gy_wm .zc ul li:hover a {color: #286EFE;}

.gy_wm .yc { width: 810px; float: right;}

.gy_wm .yc h1 {font-size: 30px; height: 65px; text-align: center;font-weight: 500;color: #000; }

.gy_wm .yc font{color: #999999; font-size: 15px; text-align: center; display: block;}

.gy_wm .yc .tp { width: 100%; margin-bottom: 110px;}

.gy_wm .yc .tp1 { margin: 45px 0px 0px 0px;}

.gy_wm .yc .tp2 { margin: 120px 0px 0px 0px;}

.gy_wm .yc .tp3 { margin: 100px 0px 0px 0px;}

.zxns { width: 100%; margin-top: 40px;}

.zxns .bbt { width:100%; height: 1px; border-bottom:1px dashed #286EFE; display: block; position: relative;}

.zxns .bbt .an {width: 133px;

    height: 31px;

    background: #FFFFFF;

    border: 1px solid #286EFE;

    border-radius: 15px;color:#286EFE; line-height: 30px; top: -15px; position: absolute; left:-1px; text-align: center; font-size: 20px;}

    .zxns .wz { margin: 50px 0px; font-size: 20px;

        font-weight: 400;

        color: #666666;

        line-height: 48px;}

.zxns .xfl {margin: 50px 0px;}

.zxns .xfl ul li { height: 31px;background: #E9E9E9;border-radius: 15px; float: left; width: 120px; margin: 0 18px 18px 0; text-align: center; font-size: 20px;}

.zxns .xfl ul li:nth-child(6n) { margin-right: 0;}







.conn { width: 1170px; margin: 0px auto;}

.con1 { width: 1200px; margin: 0px auto;}



.ndh { width:100%; margin:0px auto; overflow:hidden; background:#4E88FF;} 

.ndh ul li { display:inline-block; width:auto; line-height:60px; font-size:20px;  color:#fff;}

.ndh ul li a {font-size:20px; padding:0px 20px; color:#fff;  line-height:60px;display:block; }

.ndh ul li:hover a { background:#ffffff; color:#286EFE;}

.ndh ul li.on {background:#ffffff;  color:#286EFE;}

.ndh ul li.on a {color: #286EFE;}







.ny_cp { width: 1170px; margin: 60px auto 100px auto;}

.ny_cp ul li { width:370px; float: left; margin: 0 30px 30px 0;background: #FFFFFF; overflow: hidden;

    box-shadow: 0px 0px 12px 0px rgba(171, 171, 171, 0.35);

    border-radius: 10px;}

.ny_cp ul li .tp { width: 100%; height: auto; overflow: hidden;}

.ny_cp ul li .tp img { width: 100%; height: auto; -webkit-transform:scale(1); -moz-transform:scale(1); -o-transform:scale(1); -ms-transform:scale(1); transform:scale(1); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_cp ul li .tp:hover img {-webkit-transform:scale(1.07); -moz-transform:scale(1.07); -o-transform:scale(1.07); -ms-transform:scale(1.07); transform:scale(1.07); -webkit-transition: all 2s; -moz-transition: all 2s; transition: all 2s;}

.ny_cp ul li .wz {padding:30px 20px;}

.ny_cp ul li .wz h2 {font-size: 20px; font-weight: bold; color: #000; height: 50px; line-height: 25px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;
-webkit-box-orient: vertical; margin-bottom:10px;}

.ny_cp ul li .wz h2 a {color: #000;}

.ny_cp ul li .wz h2 a:hover {color: #286EFE;}

.ny_cp ul li .wz p{font-size: 16px; line-height: 28px; color: #999; height: 112px;}

.ny_cp ul li:nth-child(3n) { margin-right: 0;}





.nybt {font-size: 16px;color: #999999;line-height: 65px; margin: 30px auto; text-align: right;}



.al_xq {width: 1170px; margin:0px auto 100px auto;}

.al_xq h1{font-size: 36px;font-weight: bold; color:#333333;line-height: 65px; text-align: center;}

.al_xq h2 {font-size: 15px;color: #999999;line-height: 65px; text-align:center; width: 100%;}

.al_xq .wz { padding: 30px 0px;}

.al_xq .wz p{font-size: 18px;color: #333333;line-height: 36px; text-indent: 34px;}

.al_xq .wz .tp { text-align: center; width: 100%; padding: 30px 0px;}





.lxwm { padding:90px 0;}

.lxwm .zc {width: 700px; float: left;}

.lxwm .yc { width: 455px; float: right;}

.lxwm .yc h1 {font-size: 28px; color: #666; height: 65px; font-weight: 500;}

.lxwm .yc .dz {color: #888888; margin-bottom: 18px;}

.lxwm .yc .dz i { float: left; padding-top: 3px;}

.lxwm .yc .dz .wz { font-size: 20px; float: left; padding-left: 10px;}

.lxwm .yc .dz .wz font { font-size: 16px; display: block; line-height: 42px;}





.lxbd {background: #f3f3f3;padding: 50px 35px; margin-bottom: 90px;}

.lxbd h3 {font-size: 33px; line-height: 50px; color: #666; text-align: center; padding-bottom: 40px;}

.lxbd h4 { font-size: 18px; color: #666666; line-height: 50px;}

.lxbd .txt {width: 550px;height: 36px;background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; color: #999; padding: 0px 10px; }

.lxbd .zc { width: 550px; float: left;} 

.lxbd .yc { width: 550px; float: right;} 

.lxbd .txtt {background: #FFFFFF;border: 1px solid #CCCCCC;border-radius: 5px; font-size: 16px; margin-bottom:15px; height: 130px; color: #999; padding: 0px 10px; width: 100%; line-height: 30px;}

.lxbd .anniu { width: 210px; height: 40px; margin: 16px auto 0px auto; border: 1px solid #286EFE; line-height: 40px;background: #fff; border-radius: 5px; color: #286EFE; font-size: 18px; text-align: center; display: block;cursor:pointer; }

.lxbd .anniu:hover  {width: 210px; height: 40px; background: #286EFE; border: 1px solid #286EFE;color: #fff; display: block; border-radius: 5px;}