*{padding:0px; margin:0px;}



html{font-size:62.5%;}



body{font-size:14px; color:#666; letter-spacing:1px; font-family:'Microsoft YaHei',Arial,sans-serif;}



body,ul,ol,dl,dd,h1,h2,h3,h4,h5,h6,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{list-style:none;}



input,select,button{font-size:14px; border:0; background:none; outline:none; vertical-align:middle; font-family:'Microsoft YaHei',Arial,sans-serif;}



button{overflow:visible}



img{border:none;}



li{list-style:none;}



a{color:#666; text-decoration:none;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



a:hover{color:#04388f; text-decoration:none !important;}



div{max-height:9999999999999999999999999999999999999px;}



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



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



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



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



::-webkit-scrollbar-thumb:hover{background-color:#5b5b5b;}



::-webkit-scrollbar-thumb:active{background-color:#04388f;}



@media only screen and (max-width:640px) {



body{font-size:20px; font-weight:normal; max-width:640px; margin:0 auto;}



h1,h2,h3,h4,h5,h6{font-weight:normal;}



input,select,button{font-size:22px;}



input,textarea{-webkit-appearance:none; border-radius:0;}



.container{padding:0 15px;}



}







@media only screen and (max-width:640px) {



html.on{width:100%; height:100%; position:fixed; top:0; left:0; overflow:hidden;}



}







body{transition:all .5s;



-webkit-transition:all .5s;



-moz-transition:all .5s;



-ms-transition:all .5s;



-o-transition:all .5s;}



@media only screen and (max-width:640px) {



body.on{transform:translateX(-60%);



-webkit-transform:translateX(-60%);



-moz-transform:translateX(-60%);



-ms-transform:translateX(-60%);



-o-transform:translateX(-60%);}



}







@media only screen and (max-width:640px) {



.sj_bj{width:100%; height:100%; background-color:rgba(0,0,0,.5); position:absolute; top:0; left:0; content:""; z-index:99999; display:none;}



}







.header{width:100%; position:fixed; top:0; left:0; z-index:9999;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.header:hover{background:rgba(255,255,255,0.85)}



.header.on{box-shadow:0 0 10px #aaa;background:rgba(255,255,255,0.85);background: rgba(255,255,255,0.85);}



.header .logo{width:372px; float:left; 



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; margin: 0 0}



.header.on .logo{width:372px; }



.header .logo img{width:100%; height:auto;display:block}



.header .logo .img2 { display: none}



.header.on .logo .img1{ display:none}



.header.on .logo .img2 { display:block}



.header:hover .logo .img2 { display:block}



.header:hover .logo .img1 { display:none}











.header .s_ch{width:35px; height:75px; border-radius:18px; line-height:75px; text-align:center; color:#333;  float:right; cursor:pointer; font-weight:bold}



.header .s_ch i{ font-size:18px; color:#fff}



.header.on .s_ch i{ font-size:18px; color:#04388f}



.header .an{position:absolute; top:50%; right:15px; height:18px; width:25px; display:none;



transform:translate(0,-50%);



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



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



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



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



.header .an span{width:25px; height:2px; background-color:#555; display:block; position:absolute;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.header .an span.a1{top:0; left:0;}



.header .an span.a2{top:8px; left:0;}



.header .an span.a3{top:16px; left:0;}



.header .an.n span.a2{display:none;}



.header .an.n span.a1{top:8px; width:30px;



transform:rotate(45deg);



-o-transform:rotate(45deg);



-ms-transform:rotate(45deg);



-moz-transform:rotate(45deg);



-webkit-transform:rotate(45deg);}



.header .an.n span.a3{top:8px; width:30px;



transform:rotate(135deg);



-o-transform:rotate(135deg);



-ms-transform:rotate(135deg);



-moz-transform:rotate(135deg);



-webkit-transform:rotate(135deg);}



.header.on .right {margin-top: 20px;}



.header.on .language{margin-top: 22px;}







.header .right { float:right; margin-left:10px; margin-top:20px;}



.header.on .right {margin-top:15px;}



.right .dh {float: left;margin-left: 10px;padding-top: 7px;}



.header .right a { display:block; line-height:32px; float:left; color:#fff; font-size:18px; margin-right:12px; border: solid 1px #ccc; width:32px;border-radius: 50%;text-align: center}



.header.on .right a {color: #333;}



.header .right a.a2 { background:url(../Images/ss.png) center no-repeat;}



.header .right a.a4 { }



.header:hover .right a.a2 { background:url(../Images/s.png) center no-repeat;}



.header:hover .right a.a4 { color: #333 }



.header:hover .weixin a.wb{background:url(../Images/top9.png) center no-repeat; }



.header.on .right a.a2 { background:url(../Images/s.png) center no-repeat;}



.header.on .right a.a4 {  }



.header.on .weixin a.wb{background:url(../Images/top9.png) center no-repeat; }



.weixin{  height:32px; float:left;position:relative; font-size:12px; text-align:center; width:25px}



.weixin a{ height:32px; display:block; position:absolute; left:0; top:0;background:url(../Images/top9s.png) no-repeat center top; }



.weixin .weixin_nr{width:110px; height:120px; padding:10px; background:#fff; text-align:center; position:absolute; left:-35px; top:55px; display:none; z-index:99999}



.weixin .weixin_nr img{ margin-bottom:0px;}



.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}



.weixin.on .weixin_nr{ display:block;}



.weixin.on a{ }



.weixin a.wb{ height:32px; line-height:32px; display:block; position:absolute; left:0; top:0;background:url(../Images/top9s.png) center no-repeat; width:32px;border-radius: 50%;border: solid 1px #ccc;  }



.weixin.on a.wb { background:url(../Images/top9s.png) center no-repeat;}



.header .nav{float:right;}



.header .y_y{float:right; height:26px; margin-top:25px; margin-left:15px; border:1px solid #04388f; border-radius:5px; overflow:hidden;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.header.on .y_y{margin-top:25px;}



.header .x_z{float:right; background:#04388f; width:100px; height:26px; line-height:26px;border-radius: 5px; text-align:center; margin-top:25px; font-size:14px}



.header .x_z a{ color:#fff}



.header .y_y:hover{border:1px solid #04388f;}



.header .y_y a{display:inline-block; width:30px; height:24px; font-size:14px; line-height:24px; color:#333; text-align:center; vertical-align:top;}



.header .y_y:hover a{color:#008dd5;}



.header .y_y a.on{color:#fff; background-color:#04388f;}



.header.on .y_y a{display:inline-block; width:30px; height:24px; font-size:14px; line-height:24px; color:#333; text-align:center; vertical-align:top;}



.header.on .y_y a.on{color:#fff; background-color:#04388f;}







.header .nav i{font-size:15px; color:#666; line-height:54px; text-align:right; position:absolute; width:50%; height:54px; right:0px; top:50%; display: block;



transform:translate(0,-50%);



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



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



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



-o-transform:translate(0,-50%);background: url(../Images/icon001.png) right center no-repeat; margin-right:15px}



.header.on .nav{ float:right; }



.header .nav ul li{margin:0 2px; line-height:75px; float:left; position:relative; padding:0 10px;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.header.on .nav ul li{line-height:75px;}



.header .nav ul li a{display:block; font-size:14px; color:#fff; text-transform:capitalize; font-weight:bold}



.header .nav ul li.on a{ color:#fff;}



.header.on .nav ul li.on a{ color:#04388f;}



.header.on .nav ul li a{display:block; font-size:14px; color:#333;}



.header:hover .nav ul li a{display:block; font-size:14px; color:#333;}



.header:hover .s_ch i{ font-size:18px; color:#04388f}



.header .nav ul li span{width:0; height:2px; background-color:#fff; 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); display:none}



.header.on .nav ul li span{background-color:#04388f;}



.header:hover .nav ul li span{background-color:#04388f;}



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



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



.full_text {display: none}



.full_text.on {display:block}



.nav .y_j{position:relative;}



.nav .e_j{width:300px; background-color:rgba(255,255,255,0.9); position:absolute; top:75px; left:0; display:none; z-index:9999;border-radius: 0 ;}



.header .nav .e_j.cp {width: 200px;}



.header.on .nav .e_j {top:75px;}



/*.header.on .nav .e_j{box-shadow:0 2px 2px #aaa;}*/



.header .nav ul li .e_j a{display:block; font-size:14px; font-weight:normal; color:#000; line-height:40px; border-bottom:1px solid rgba(0,0,0,0.15); text-align: left;transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;padding-left:10px;}



.header.on .nav ul li.on .e_j a{ color:#04388f;}



.nav .e_j .ejy { position:relative}



.nav .e_j .s_j {width:300px; background-color:rgba(255,255,255,0.9); position:absolute; top:0px; left:300px; display:none; z-index:9999;border-left:1px solid rgba(0,0,0,0.15);border-radius: 0; }



.nav .e_j .s_j.jr {width:120px;}



.nav .e_j .s_j a {font-size: 12px !important;}



.header .nav .e_j a:hover{background-color:#0c4a97; color:#fff; padding-left:15px;}



.header.on .nav ul li.on .e_j a:hover{ color:#fff;}







.nav ul li .e_j .ejy:hover .s_j { display:block}







@media (min-width:1024px){







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



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



.head_h { height: 68px; display: none}



}











@media (max-width:1368px){







.header .nav ul li .e_j a {



    display: block;



    font-size: 14px;



    color: #000;



    line-height: 38px;



}







}











@media (max-width:1200px){



.header .nav ul li{margin:0 20px;}



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



}



@media only screen and (max-width:1024px){



.head_h { height: 60px; display:block}



.header{border:0; height:60px; background:#fff; width:100%}



	.weixin a.wb {



    height: 30px;



    line-height: 30px;



    background: url(../Images/top9.png) center no-repeat;



}



.header .container{ padding:0; overflow:hidden; width:94%}



.header .logo{width:250px; margin:10px auto;}



.header .logo .img1 {



    display: none;



}



.header .logo .img2 {



    display: block;



}



.header.on .logo{width:250px; margin:10px auto;}



.header .right { margin-right:60px; margin-top:15px;



}



.header.on .right {



    margin-top: 15px;



}



.header .right a {



    line-height: 30px;



    width: 30px; color:#666



}



.header .right a.a2 {



    background: url(../Images/s.png) center / 20px no-repeat;



}



.searchIpt { right:150px;



    top:15px; width:190px;



}



.searchIpt .search_txt {



    width: 122px;



}



.header .nav ul li.on a{ color:#04388f;}



.header .an{display:block; right:10px;}



.header .an span { background-color:#999}



.header .nav ul { width: 100%;}



.header.on .nav {width:60%}



.header .nav{width:60%; padding:15px 5%; background-color:#fff; height:100%; position:fixed; top:60px; right:-70%; z-index:9999; overflow:auto;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; margin-top:0}



.header .nav.on{right:0;}



.header.on .nav ul li a { font-size: 14px;color: #333;}



.header.on .nav .e_j {



    top:0;



}



.header .nav i{display:block;}



.header .nav ul li{line-height:40px; text-align:left; border-bottom:1px solid #ccc; float:none; margin:0; padding:0}



.header .nav ul li::after { background: rgba(0,0,0,0);}



.header.on .nav ul li{line-height:60px;}



.header .nav .e_j { width: 100%; border-top: 1px solid #ccc; background: none; position: relative;display: none;top: auto; left: auto; margin: 0;padding-bottom: 10px;}



	



.header .nav ul li .e_j a { color:#666; text-align:left; line-height:40px; font-size:15px;}



.header .nav ul li .e_j a:hover { color:#fff}



.header .nav .e_j a{border-top:0; font-size:12px; color:#aaa; line-height:32px;}



.header .nav .e_j a:hover{background:none;}



.header .nav ul li:hover .e_j{display:none;}



.nav .e_j .s_j {



    width: 100%;



    position: relative;



    top:0px;



    left:0px; border:0



}



.header .nav ul li a{font-size:14px; color:#333;}



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



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



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



.header .y_y{ margin-right:60px}



}



@media only screen and (max-width:600px){



.header .container{ padding:0; overflow:hidden; width:94%}



.header .s_ch{width:30px; height:60px; border-radius:16px; line-height:60px; text-align:center; color:#333;  float:right; cursor:pointer; font-weight:bold; margin-right:30px}







.header .logo{width:200px;margin: 12px 0 0;}



.header .right {



    margin-right: 60px;



}



.header.on .logo{width:200px; margin:12px  0 0;}



.header.on .right a.a2 {



    background: url(../Images/s.png) center / 20px no-repeat;



}



.header .x_z{float:right; background:#04388f; width:80px; height:26px; line-height:26px;border-radius: 5px; text-align:center; margin-top:18px; font-size:14px}



.header .y_y{float:right; height:26px; margin-top:18px; margin-left:5px; border:1px solid #04388f; border-radius:5px; overflow:hidden;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; margin-right:50px}



.header.on .y_y{margin-top:18px;}



.header .an {



    display: block;



    right: 10px;



}



.header .s_ch i{ font-size:18px; color:#04388f}







}



@media only screen and (max-width:375px){



.header .container{ padding:0}



	.header .logo {



    width: 107px;



    margin: 5px 0 0 ;



}



	.header.on .logo {



    width: 107px;



    margin: 5px 0 0;



}







}



.z_lang{float: right; width: 120px; margin-top:25px}



.z_lang a{margin-left: 15px;width: 22px;height: 22px; float:left}



.z_lang a img{ width:100%}







.pc_ban{width:100%; position:relative; overflow:hidden; height:800px}



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



.pc_ban .swiper-button-prev{width:40px; height:40px; background:url(../images/banner-l.png) no-repeat center; left:0%; margin-top:-20px; opacity:0;



background-size:40px 40px;



-webkit-background-size:40px 40px;



-moz-background-size:40px 40px;



-ms-background-size:40px 40px;



-o-background-size:40px 40px;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.pc_ban:hover .swiper-button-prev{left:3%; opacity:1;}



.pc_ban .swiper-button-next{width:40px; height:40px; background:url(../images/banner-r.png) no-repeat center; right:0%; margin-top:-20px; opacity:0;



background-size:40px 40px;



-webkit-background-size:40px 40px;



-moz-background-size:40px 40px;



-ms-background-size:40px 40px;



-o-background-size:40px 40px;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.pc_ban:hover .swiper-button-next{right:3%; opacity:1;}



.pc_ban .container{position:absolute; top:50%; left:50%; z-index:99;



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



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



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



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



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



.pc_ban .w_z{width:80%; margin:0 auto; color:#fff; text-align:center; position:relative;}



.pc_ban .w_z h2{font-size:50px; font-weight:bold; line-height:70px;color:#fff;}



.pc_ban .w_z p{font-size:22px; text-transform:uppercase; line-height:32px; margin-top:15px;}







@media only screen and (max-width:640px) {



.pc_ban .swiper-button-prev{display:none;}



.pc_ban .swiper-button-next{display:none;}



.pc_ban{width:100%; position:relative; overflow:hidden; height:26vh; margin-top:60px}



.pc_ban img{ width:100%; height:100%}



.pc_ban .container{position:absolute; top:50%; left:0; z-index:99;



transform:translate(0,-50%);



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



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



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



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



.pc_ban .w_z{width:100%; margin:0 auto; color:#fff; text-align:center; position:relative;}



.pc_ban .w_z h2{font-size:20px; font-weight:bold; line-height:40px;color:#fff;}



.pc_ban .w_z p{font-size:14px; text-transform:uppercase; line-height:32px; margin-top:5px;}







}







.gy_bt{text-align:center; margin-bottom:40px;}



.gy_bt h3{font-size:32px; color:#04388f; margin-bottom:18px; font-weight:bold}



.gy_bt h4{font-size:16px; text-transform:uppercase;}



.gy_bt em{width:45px; height:4px; border-radius:4px; background-color:#04388f; display:block; margin:0 auto 12px; position:relative;}



@media only screen and (max-width:640px) {



.gy_bt{text-align:center; margin-bottom:20px;}



.gy_bt h3{font-size:18px; color:#04388f; margin-bottom:10px; font-weight:bold}



.gy_bt h4{font-size:12px; text-transform:uppercase;}



.gy_bt em{width:35px; height:4px; border-radius:4px; background-color:#04388f; display:block; margin:0 auto 12px; position:relative;}



.z_lang{float: right; width: 100px; margin-top:13px; margin-right:35px}



.z_lang a{margin-left: 10px;width: 22px;height: 22px; float:left}







}











.sy_gy{width:100%; padding:0 0 40px; height:auto; overflow:hidden;}



.sy_gy .gy_nr{width:100%; background:url(../images/gy_bj.jpg) no-repeat center / cover fixed; padding:100px 0 180px; position:relative;}



.sy_gy .gy_nr:after{width:50%; height:100%; background-color:rgba(4,56,143,.7); position:absolute; top:0; right:0; content:"";}



.sy_gy .gy_nr .container{position:relative; z-index:9;}



.sy_gy .gy_nr .row{margin:0 -50px; display:flex; align-items:center; justify-content:space-between;}



.sy_gy .gy_nr .col-12{padding:0 50px;}



.sy_gy .gy_nr .video{border:5px solid #fff;}



.sy_gy .gy_nr .video img{width:100%;}



.sy_gy .gy_nr .w_z{color:#fff;}



.sy_gy .gy_nr .w_z h3{font-size:24px; font-weight:bold; letter-spacing:2px; line-height:36px; color:#fff}



.sy_gy .gy_nr .w_z em{width:50px; height:5px; background-color:#fff; display:block; margin:15px 0 20px;}



.sy_gy .gy_nr .w_z p{font-size:15px; line-height:28px; height: auto; margin-bottom:30px; overflow:hidden; display:-webkit-box;



line-clamp:7;



-webkit-line-clamp:7;



-moz-line-clamp:7;



-ms-line-clamp:7;



-o-line-clamp:7;



-webkit-box-orient:vertical;}



.sy_gy .gy_nr .w_z a{width:120px; height:38px; border:1px solid #fff; font-size:15px; line-height:36px; text-align:center; color:#fff; display:block;}



.sy_gy .gy_nr .w_z a:hover{background-color:#fff; color:#804f21;}



.sy_gy .wrap{padding:30px; box-shadow:0 0 20px #aaa; background-color:#fff; position:relative; z-index:99; margin-top:-100px;}



.sy_gy .wrap ul li{float:left; width:25%; padding:0px 10px; text-align:center; }



.sy_gy .wrap ul li img{max-width:100%; height:auto; margin-bottom:10px;}



.sy_gy .wrap ul li p{font-size:16px; margin-bottom:7px;}



.sy_gy .wrap em{display:block; margin:0 auto; width:20px; height:1px; background-color:#666; margin-bottom:7px;}



.sy_gy .wrap ul li span{display:block; text-transform:uppercase; font-size:13px;}



@media only screen and (max-width:992px){



.sy_gy{padding:20px 0 20px;}



.sy_gy .gy_nr{background:url(../images/gy_bj.jpg) no-repeat center / cover; padding:20px 0 100px;}



.sy_gy .gy_nr .row{margin:0 -15px; display:block}



.sy_gy .gy_nr .col-12{padding:0 15px;}



.sy_gy .gy_nr .w_z{text-align:center; margin-top:20px;}



.sy_gy .gy_nr .w_z h3{font-size:16px; letter-spacing:0; line-height:26px;}



.sy_gy .gy_nr .w_z em{width:40px; height:4px; margin:10px auto 10px;}



.sy_gy .gy_nr .w_z p{font-size:14px; line-height:22px; height: auto; margin-bottom:20px}



.sy_gy .gy_nr .w_z a{width:100px; height:30px; font-size:12px; line-height:30px; margin:0 auto 20px;}



.sy_gy .wrap{padding:10px; }



.sy_gy .wrap .n_r{margin-bottom:20px;}



.sy_gy .wrap ul li img{max-width:60%; height:auto; margin-bottom:10px;}







.sy_gy .wrap .s_z{font-size:30px; text-align:center;}



.sy_gy .wrap .s_z b{font-size:56px; padding-right:10px;}



.sy_gy .wrap em{width:50px;}



.sy_gy .wrap ul li p{font-size:12px; margin-bottom:0;}



.sy_gy .wrap ul li span{display:none;}



.sy_gy .wrap em{ display:none}



}







.sy_td{width:100%; padding:60px 0; overflow:hidden;background: url(../images/ab_b1.png) no-repeat center;}



.sy_td .td_zs{height:0; overflow:hidden;}



.sy_td .td_zs.dk{height:auto;}



.sy_td .product_TabTitle{margin-bottom:40px;}



.sy_td .product_TabTitle li{display:inline-block; min-width:120px; padding:7px 17px; text-align:center; border:solid 1px #000; font-size:15px; margin:0px 10px; cursor:pointer;}



.sy_td .product_TabTitle li.on{border:solid 1px #04388f; background-color:#04388f; color:#FFF;}



.sy_td .product_TabTitle li:hover{border:solid 1px #04388f; background-color:#04388f; color:#FFF;}



.sy_td .product_TabTitle{text-align:center;}



.sy_td .swiper-td .swiper-button-prev{background:url(../images/zj.png) no-repeat; width:34px; height:34px; top:auto; bottom:0; left:50%; margin-left:-60px; opacity:.5;}



.sy_td .swiper-td .swiper-button-next{background:url(../images/yj.png) no-repeat; width:34px; height:34px; top:auto; bottom:0; right:50%; margin-right:-60px; opacity:.5;}



.sy_td .swiper-td .swiper-button-prev:hover{opacity:1;}



.sy_td .swiper-td .swiper-button-next:hover{opacity:1;}



.sy_td .swiper-td .n_r{	border:1px solid #ddd; background:#fff}



.sy_td .swiper-td .x_q{text-align:center; width:40px; height:34px; position:absolute; bottom:0; left:50%; margin-left:-20px;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-ms-transition:all .3s;



-o-transition:all .3s;



transition:all .3s;}



.sy_td .swiper-td .x_q a{display:block; border:1px solid #04388f; color:#04388f; font-size:15px; line-height:32px; text-align:center;



transition:all .5s;



-webkit-transition:all .5s;



-moz-transition:all .5s;



-ms-transition:all .5s;



-o-transition:all .5s;}



.sy_td .swiper-td .x_q:hover{background-color:#04388f;}



.sy_td .swiper-td .x_q:hover i{color:#FFF;}



.sy_td .swiper-td .x_q:hover a{border:1px solid #04388f;}



.sy_td .swiper-td{padding-bottom:50px;}



.sy_td .swiper-pagination{bottom:0;}



.sy_td .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#3b3b3b;}



.sy_td .swiper-pagination-bullet-active{background-color:#04388f;}



.sy_td .t_p{width:100%; overflow:hidden;}



.sy_td .t_p img{width:100%; height:auto; display:block;



-webkit-transition:all 3s;



-moz-transition:all 3s;



-ms-transition:all 3s;



-o-transition:all 3s;



transition:all 3s;}



.sy_td .w_z{padding:15px;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-ms-transition:all .3s;



-o-transition:all .3s;



transition:all .3s; border-top:1px solid #ddd;}



.sy_td .n_r:hover .w_z{background-color:#04388f;}



.sy_td .w_z h3{font-size:16px;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-ms-transition:all .3s;



-o-transition:all .3s;



transition:all .3s; text-align:center;}



.sy_td .n_r:hover .w_z h3{color:#fff;}



.sy_td .w_z em{width:100%; height:1px; background-color:#333; display:block; margin-bottom:15px;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-ms-transition:all .3s;



-o-transition:all .3s;



transition:all .3s; display:none}



.sy_td .n_r:hover .w_z em{background-color:#fff;}



.sy_td .n_r:hover img{transform:scale(1.1);



-moz-transform:scale(1.1);



-o-transform:scale(1.1);



-webkit-transform:scale(1.1);



-ms-transform:scale(1.1);}



@media only screen and (max-width:640px) {



.sy_td{padding:20px 0  ;}



.sy_td .product_TabTitle{margin-bottom:20px; text-align:center; height:auto; overflow:hidden}



.sy_td .product_TabTitle li{display:inline-block; width:105px; padding:7px 0 ; font-size:14px; margin:0 4px 4px 0; min-width:inherit; float:left;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}



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



.sy_td .product_TabTitle li.on{border:solid 1px #04388f; background-color:#04388f; color:#FFF;}



.sy_td .product_TabTitle li:hover{border:solid 1px #04388f; background-color:#04388f; color:#FFF;}



.sy_td .product_TabTitle{text-align:center;}



.sy_td .swiper-td{padding-bottom:60px;}



.sy_td .w_z{padding:10px 0; border-top:1px solid #ddd;}



.sy_td .w_z h3{font-size:14px; margin:0;}



.sy_td .w_z em{display:none;}



}







.sy_fa{width:100%; padding:20px 0 60px; }



.sy_fa .fa_cn{width:1430px; padding:0 5px; overflow:hidden; margin:0 auto}



.sy_fa .fa_cn ul li{width:calc(33.33% - 10px); margin:0 5px 10px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; float:left;}



.sy_fa .fa_cn .fa_bj{width:100%; height:100%; position:absolute; top:0; left:0; opacity:.32;



-webkit-transition:all .3s;



-moz-transition:all .3s;



-ms-transition:all .3s;



-o-transition:all .3s;



transition:all .3s; background:#000;}



.sy_fa .fa_cn .fa_wz{color:#FFF; text-align:center; font-size:22px; display:block; margin:0 auto; padding:100px 0; z-index:3; width:100%; position:relative; z-index:99;}



.sy_fa .fa_cn .fa_wz i{display:block; width:25px; height:1px; background-color:#FFF; margin:0 auto; margin-top:25px;}



.sy_fa .fa_cn ul li a:hover .fa_bj{opacity:.3;}



@media only screen and (max-width:640px) {



.sy_fa{padding:10px 0px ;}



.sy_fa .fa_cn{padding:0 15px;width:100%;}



.sy_fa .fa_cn ul li{width:calc(50% - 10px); margin:0 5px 10px; background-repeat:no-repeat; background-position:center; background-size:cover; position:relative; float:left;}







.sy_fa .fa_cn .fa_wz{font-size:16px; padding:20px 0;}



.sy_fa .fa_cn .fa_wz i{width:35px; height:3px; margin-top:15px;}



}







.sy_xw1{width:100%; padding:60px 0 50px; overflow:hidden;}



.sy_xw1 .t_p{overflow:hidden;}



.sy_xw1 .t_p img{width:100%; height:auto; display:block;



transition:all 1s;



-webkit-transition:all 1s;



-moz-transition:all 1s;



-ms-transition:all 1s;



-o-transition:all 1s;}



.sy_xw1 .tw_nr:hover .t_p img{transform:scale(1.1);



-webkit-transform:scale(1.1);



-moz-transform:scale(1.1);



-ms-transform:scale(1.1);



-o-transform:scale(1.1);}



.sy_xw1 .w_z h3{font-size:16px; font-weight:bold; line-height:28px; margin-bottom:6px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.sy_xw1 .tw_nr:hover .w_z a{color:#3866ad;}



.sy_xw1 .x_w ul li:hover .w_z a{color:#3866ad;}



.sy_xw1 .tw_nr{background-color:#f7f7f7; padding:25px 20px;}



.sy_xw1 .tw_nr .w_z{margin-top:15px;}



.sy_xw1 .tw_nr .w_z .s_j{font-size:14px; margin-bottom:5px;}



.sy_xw1 .tw_nr .w_z p{line-height:24px; height:48px; color:#888; overflow:hidden; display:-webkit-box;



line-clamp:2;



-webkit-line-clamp:2;



-moz-line-clamp:2;



-ms-line-clamp:2;



-o-line-clamp:2;



-webkit-box-orient:vertical; font-size:14px}



.sy_xw1 .x_w .row{margin:0 -30px; display:flex; align-items:center; justify-content:space-between;}



.sy_xw1 .x_w .col-3{padding:0 30px;}



.sy_xw1 .x_w .col-9{padding:0 30px; border-left:1px solid #ddd;}



.sy_xw1 .x_w .r_q{text-align:center; color:#777; line-height:24px;}



.sy_xw1 .x_w .r_q strong{font-size:20px; color:#333; display:block; line-height:32px;}



.sy_xw1 .x_w ul li{margin-bottom:27px; padding:25px 30px; background-color:#f7f7f7;}



.sy_xw1 .x_w .w_z p{line-height:24px; height:48px; color:#888; overflow:hidden; display:-webkit-box;



line-clamp:2;



-webkit-line-clamp:2;



-moz-line-clamp:2;



-ms-line-clamp:2;



-o-line-clamp:2;



-webkit-box-orient:vertical; font-size:14px}



@media only screen and (max-width:992px){



.sy_xw1{padding:20px 0 10px;}



.sy_xw1 .w_z h3{font-size:15px; line-height:26px; margin-bottom:0}



.sy_xw1 .tw_nr{margin-bottom:10px;padding: 10px;}



.sy_xw1 .tw_nr .w_z{margin-top:10px;}



.sy_xw1 .tw_nr .w_z .s_j{font-size:12px; margin-bottom:0;}



.sy_xw1 .tw_nr .w_z p{font-size:14px; line-height:22px; height: auto;}



.sy_xw1 .x_w .row{margin:0 -15px;}



.sy_xw1 .x_w .col-3{padding:0 15px;}



.sy_xw1 .x_w .col-9{padding:0 15px;}



.sy_xw1 .x_w .r_q{line-height:30px;}



.sy_xw1 .x_w .r_q strong{font-size:16px; line-height:26px;}



.sy_xw1 .x_w ul li{margin-bottom:10px; padding:10px;}



.sy_xw1 .x_w .w_z{padding-left:5px;}



.sy_xw1 .x_w .w_z p{font-size:14px; line-height:22px; height: auto;}



}











.sy_cp{width:100%; padding:60px 0; background-color:#fafafa; overflow:hidden;}



.sy_cp .row{margin:0 -5px;}



.sy_cp .col-lg-3{padding:0 5px;}



.sy_cp .n_r{position:relative; overflow:hidden;}



.sy_cp img{width:100%; height:auto; display:block;}



.sy_cp .b_j{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(196,37,44,.6); opacity:0;



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;}



.sy_cp .n_r:hover .b_j{opacity:1;}



.sy_cp .t_b{width:70px; position:absolute; top:40%; left:50%; margin-left:-35px; margin-top:-35px;}



.sy_cp .t_b img{transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;}



.sy_cp .n_r:hover .t_b img{transform:rotateY(180deg);



-webkit-transform:rotateY(180deg);



-moz-transform:rotateY(180deg);



-ms-transform:rotateY(180deg);



-o-transform:rotateY(180deg);}



.sy_cp .w_z{width:100%; padding:30px 0 10px; position:absolute; bottom:0; left:0; text-align:center; color:#fff; background:-webkit-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background:-moz-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background:-ms-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background:-o-linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1)); background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;}



.sy_cp .n_r:hover .w_z{background:-webkit-linear-gradient(rgba(196,37,44,0),rgba(155,5,12,.9)); background:-moz-linear-gradient(rgba(196,37,44,0),rgba(155,5,12,.9)); background:-ms-linear-gradient(rgba(196,37,44,0),rgba(155,5,12,.9)); background:-o-linear-gradient(rgba(196,37,44,0),rgba(155,5,12,.9)); background:linear-gradient(rgba(196,37,44,0),rgba(155,5,12,.9));}



.sy_cp .w_z h3{font-size:20px; margin-bottom:10px;}



.sy_cp .w_z h4{font-size:16px;}



.sy_cp .w_z i{height:0; font-size:16px; line-height:24px; overflow:hidden;



transition:all .3s;



-o-transition:all .3s;



-ms-transition:all .3s;



-moz-transition:all .3s;



-webkit-transition:all .3s;}



.sy_cp .n_r:hover .w_z i{height:24px; margin-top:20px;}



@media only screen and (max-width:640px) {



.sy_cp{padding:50px 0 40px;}



.sy_cp .row{margin:0 -10px;}



.sy_cp .col-lg-3{padding:0 10px;}



.sy_cp .n_r{margin-bottom:20px;}



.sy_cp .t_b{width:80px; top:40%; margin-left:-40px; margin-top:-40px;}



.sy_cp .w_z{padding:30px 0 10px;}



.sy_cp .w_z h3{font-size:24px; margin-bottom:15px;}



.sy_cp .w_z h4{font-size:20px;}



.sy_cp .w_z i{font-size:22px;}



.sy_cp .n_r:hover .w_z i{margin-top:15px;}



}







.sy_hb{width:100%; padding:60px 0; overflow:hidden;}



.sy_hb .hz_hb{padding:0 60px; position:relative;}



.sy_hb .swiper-button-prev{background:url(../images/zj1.png) no-repeat; width:35px; height:35px; left:0; margin-top:-18px;}



.sy_hb .swiper-button-prev:hover{background:url(../images/zj1_1.png) no-repeat;}



.sy_hb .swiper-button-next{background:url(../images/yj2.png) no-repeat; width:35px; height:35px; right:0; margin-top:-18px;}



.sy_hb .swiper-button-next:hover{background:url(../images/yj2_1.png) no-repeat;}



.sy_hb img{width:100%; height:auto; display:block; margin:10px 0; border:1px solid #ddd;}



@media only screen and (max-width:640px) {



.sy_hb{padding:20px 0;}



.sy_hb .hz_hb{padding:0 35px;}



.sy_hb img{width:100%; height:auto; display:block; margin: 0; border:1px solid #ddd;}







}







.ny_ban{width:100%; height:360px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}



.ny_ban:before{width:100%; height:100%; content:""; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.3);}



.ny_ban .container{position:absolute; top:56%; left:50%; text-align:center; color:#fff; transform:translate(-50%,-50%); 



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



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



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



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



.ny_ban .w_z h3{font-size:36px; line-height:50px;}



.ny_ban .w_z h4{font-size:18px; line-height:32px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif;}



@media only screen and (max-width:640px) {



.ny_ban{height:20vh; background-attachment:scroll;}



.ny_ban .container{width:100%; top:53%;}



.ny_ban .w_z h3{font-size:16px; line-height:30px; font-weight:bold}



.ny_ban .w_z h4{font-size:14px; line-height:26px;}



}







.ny_pr{width:100%;border-bottom:1px solid #e7e7e7; background-color:#f7f7f7; padding:25px 0; font-size:14px; color:#777; overflow:hidden;}



.ny_pr span{color:#04388f;}



.ny_pr i{font-size:16px; color:#04388f; margin-right:6px;}



@media only screen and (max-width:640px){



.ny_pr{padding:15px 0; font-size:14px;}



}







.ny_cp{width:100%; padding:50px 0 70px; min-height:600px; overflow:hidden;}



.ny_cp .ny_lm{padding:10px; background: #04388f url(../images/lm_bj.png) no-repeat top center / 100% auto;}



.ny_cp .ny_lm .b_t{margin:10px 5px 15px;}



.ny_cp .ny_lm .b_t h3{font-size:22px; line-height:32px; color:#fff;}



.ny_cp .ny_lm .b_t h4{font-size:16px; line-height:30px; color:#ccc; font-family:Arial; text-transform:uppercase;}



.ny_cp .ny_lm .b_t em{width:44px; height:2px; margin:8px 0 5px; background-color:#aaa; display:block;}



.ny_cp .ny_lm .l_b{display:none; padding:0 15px; font-size:24px; color:#fff; text-align:left; line-height:80px; background-color:#04388f; position:relative;}



.ny_cp .ny_lm .l_b i{position:absolute; top:50%; right:15px;



transform:translate(0,-50%);



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



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



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



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



.ny_cp .ny_lm .l_m{padding:7px 7px 0 7px; background-color:#fff;}



.ny_cp .ny_lm .l_m ul li{display:block; background-color:#f7f7f7; margin-bottom:7px;}



.ny_cp .ny_lm .l_m a{display:block; padding:0 15px; font-size:15px; line-height:44px;}



.ny_cp .ny_lm .l_m ul li:hover a{background-color:#04388f; color:#fff;}



.ny_cp .ny_lm .l_m ul li.on a{background-color:#04388f; color:#fff;}



.ny_cp .ny_lm .l_m a.e_j{position:relative;}



.ny_cp .ny_lm .l_m em{position:absolute; top:0; right:0; width:44px; height:44px; display:block; font-size:22px; color:#777; text-align:center;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.ny_cp .ny_lm .l_m ul li:hover em{color:#fff;



transform:rotate(45deg);



-webkit-transform:rotate(45deg);



-moz-transform:rotate(45deg);



-ms-transform:rotate(45deg);



-o-transform:rotate(45deg);}



.ny_cp .ny_lm .l_m ul li.on em{color:#fff;



transform:rotate(45deg);



-webkit-transform:rotate(45deg);



-moz-transform:rotate(45deg);



-ms-transform:rotate(45deg);



-o-transform:rotate(45deg);}



.ny_cp .ny_lm .s_j{display:none;}



.ny_cp .ny_lm .l_m ul li.on .s_j{display:block;}



.ny_cp .ny_lm .s_j a{font-size:13px; text-indent:15px; line-height:36px; color:#555;}



.ny_cp .ny_lm .l_m ul li:hover .s_j a{background:none; color:#555;}



.ny_cp .ny_lm .l_m ul li:hover .s_j a:hover{color:#04388f;}



.ny_cp .ny_lm .l_m ul li.on .s_j a{background:none; color:#555;}



.ny_cp .ny_lm .l_m ul li.on .s_j a.n{color:#04388f;}



.ny_cp .ny_lx{margin-top:20px;}



.ny_cp .ny_lx .d_h{padding:30px; background:url(../images/lx_bj.jpg) no-repeat center / 100% 100%; font-size:26px; font-weight:bold; line-height:32px; font-family:Arial; color:#0089c6; height:116px}



.ny_cp .ny_lx .d_h h3{font-weight:bold; margin-bottom:6px;}



.ny_cp .ny_lx .x_x{background-color:#f7f7f7; padding:15px; line-height:26px;}



.ny_cp .lm_bt{height:51px; border-bottom:1px solid #e7e7e7; margin-bottom:20px;}



.ny_cp .lm_bt .m_c{font-size:20px; color:#04388f; line-height:40px; padding-bottom:10px; border-bottom:1px solid #000; display:inline-block; font-weight:bold}



.ny_cp .gy_nr{margin-top:30px; font-size:15px; line-height:30px; color:#777;}



.ny_cp .gy_nr img{width:100%; height:auto; display:block;}



.ny_cp .cp_lb .row{margin:0 -10px;}



.ny_cp .cp_lb .col-md-4{padding:0 10px;}



.ny_cp .cp_lb .n_r{margin-bottom:20px; background-color:#f7f7f7;}



.ny_cp .cp_lb .n_r img{width:100%; height:auto; border:1px solid #e7e7e7; display:block;}



.ny_cp .cp_lb .n_r p{padding:10px; font-size:15px; line-height:32px; text-align:center;}



.ny_cp .xw_lb .row{margin:0 -10px;}



.ny_cp .xw_lb .col-lg-3{padding:0 10px;}



.ny_cp .xw_lb .col-lg-9{padding:0 10px;}



.ny_cp .xw_lb ul li{padding-bottom:20px; margin-bottom:20px; border-bottom:1px dotted #ccc;}



.ny_cp .xw_lb .t_p img{width:100%; height:auto; display:block;}



.ny_cp .xw_lb .w_z h3{font-size:18px; line-height:32px; font-weight:bold; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.ny_cp .xw_lb ul li:hover .w_z h3 a{color:#04388f;}



.ny_cp .xw_lb .w_z span{color:#888; padding-right:15px; float:left;}



.ny_cp .xw_lb .w_z i{padding-right:5px;}



.ny_cp .xw_lb .w_z p{margin-bottom:10px; font-size:14px; line-height:26px; height:52px; color:#888; overflow:hidden; display:-webkit-box;



line-clamp:2;



-webkit-line-clamp:2;



-moz-line-clamp:2;



-ms-line-clamp:2;



-o-line-clamp:2;



-webkit-box-orient:vertical;}



.ny_cp .zs_lb ul{margin:0 -10px;}



.ny_cp .zs_lb ul li{padding:0 10px;}



.ny_cp .zs_lb .t_w{margin-bottom:20px; overflow:hidden;}



.ny_cp .zs_lb .t_p{overflow:hidden;}



.ny_cp .zs_lb .t_p img{width:100%; height:auto; display:block;



transition:all 3s;



-webkit-transition:all 3s;



-moz-transition:all 3s;



-ms-transition:all 3s;



-o-transition:all 3s;}



.ny_cp .zs_lb ul li:hover .t_p img{transform:scale(1.1);



-webkit-transform:scale(1.1);



-moz-transform:scale(1.1);



-ms-transform:scale(1.1);



-o-transform:scale(1.1);}



.ny_cp .zs_lb .w_z{border:1px solid #e7e7e7; padding:15px;}



.ny_cp .zs_lb .w_z h3{font-size:16px; padding-bottom:15px; border-bottom:1px solid #e7e7e7; margin-bottom:10px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



.ny_cp .zs_lb .w_z p{font-size:12px; color:#888; line-height:22px; height:44px; margin-bottom:10px; overflow:hidden; display:-webkit-box;



line-clamp:2;



-webkit-line-clamp:2;



-moz-line-clamp:2;



-ms-line-clamp:2;



-o-line-clamp:2;



-webkit-box-orient:vertical;}



.ny_cp .zs_lb .w_z i{padding-right:5px; color:#777;}



.ny_cp .zs_lb .w_z span{color:#aaa; font-size:12px; padding-right:15px;}



.ny_cp .lx_xx{background-color:#f7f7f7; overflow:hidden; margin:30px 0 50px;}



.ny_cp .lx_xx .z_c{width:50%; float:left;}



.ny_cp .lx_xx .z_c img{width:100%; height:auto; display:block;}



.ny_cp .lx_xx .y_c{width:50%; float:right; padding:30px;}



.ny_cp .lx_xx .y_c h3{font-size:22px; color:#333; margin-bottom:25px;}



.ny_cp .lx_xx .y_c em{width:50px; height:3px; background-color:#04388f; display:block; margin-bottom:15px;}



.ny_cp .lx_xx .y_c p{font-size:15px; line-height:32px;}



.ny_cp .bd_dt{margin-bottom:30px;}



.ny_cp .bd_dt img{width:100%; height:auto; display:block;}



.ny_cp .zx_ly{width:100%; padding:50px 100px; background-color:#fff; margin:0 auto;}



.ny_cp .zx_ly input{width:100%; padding:0 10px; background-color:#fff; border:1px solid #ddd; line-height:56px; font-size:14px; margin-bottom:30px;}



.ny_cp .zx_ly textarea{width:100%; height:110px; padding:15px 10px; background-color:#fff; border:1px solid #ddd; font-size:14px; line-height:26px; resize:none; outline:none; margin-bottom:30px;}



.ny_cp .zx_ly button{width:150px; height:40px; background-color:#04388f; font-size:16px; line-height:40px; margin:0 auto; color:#fff; display:block;}



.ny_cp .zx_ly h3{font-size:26px; line-height:40px; color:#000; margin-bottom:10px; text-align:center;}



.ny_cp .zx_ly h4{font-size:18px; color:#555; margin-bottom:10px; text-align:center;}



.ny_cp .zx_ly p{font-size:15px; line-height:30px; color:#888; margin-bottom:30px; text-align:center;}



.ny_cp .zx_ly em{width:50px; height:3px; background-color:#04388f; display:block; margin:0 auto 15px;}



.ny_cp .zx_ly a{color:#04388f;}



.ny_cp .zx_ly a:hover{text-decoration:underline;}



.ccp{float:left; width:23%; margin:1%;}
.ccp img{ width:100%; height:170px}
.ccp2{float:left; width:48%; margin:1%;}
.ccp2 img{ width:100%; height:430px}
@media only screen and (max-width:640px){

.ccp{float:left; width:48%; margin:1%;}	

	.ccp img{ width:100%; height:120px}
	
	.ccp2{float:left; width:100%;}
.ccp2 img{ width:100%; height:auto}



.ny_cp{padding:20px 0 20px; min-height:inherit}



.ny_cp .ny_lm{padding:0; background-color:#fff; margin-bottom:10px;}



.ny_cp .ny_lm .l_b{display:none; padding:0 15px; font-size:16px; color:#fff; text-align:left; line-height:50px; background-color:#04388f; position:relative;}







.ny_cp .ny_lm .b_t{display:none;}



.ny_cp .ny_lm .l_b{display:block;}



.ny_cp .ny_lm .l_m{padding:0;}



.ny_cp .ny_lm .l_m ul{display:none; border:1px solid #e7e7e7; border-top:0;}



.ny_cp .ny_lm .l_m ul li{display:block; width:100%; border-top:1px solid #e7e7e7; background:none;margin:0;}



.ny_cp .ny_lm .l_m ul li:first-child{border-top:0;}



.ny_cp .ny_lm .l_m ul li a{background:none; padding:0; border:0; font-size:14px; text-align:center; line-height:40px;}



.ny_cp .ny_lm .l_m ul li:hover a{background:none; color:#04388f;}



.ny_cp .ny_lm .l_m ul li.on a{background:none; color:#04388f;}



.ny_cp .ny_lm .l_m ul li a.e_j{text-align:left; padding:0 15px;}



.ny_cp .ny_lm .l_m ul li:hover a.e_j{background-color:#f7f7f7;}



.ny_cp .ny_lm .l_m ul li.on a.e_j{background-color:#f7f7f7;}



.ny_cp .ny_lm .l_m ul li:hover em{color:#04388f;}



.ny_cp .ny_lm .l_m ul li.on em{color:#04388f;}



.ny_cp .ny_lx{display:none;}



.ny_cp .lm_bt{display:none;}



.ny_cp .gy_nr{margin:0; font-size:14px; line-height:26px;}



.ny_cp .cp_lb .n_r p{padding:5px 0; font-size:14px; line-height:30px;}



.ny_cp .xw_lb ul li{padding-bottom:10px; margin-top:10px; margin-bottom:0;}



.ny_cp .xw_lb .w_z h3{font-size:16px; font-weight:bold; line-height:30px; margin-bottom:5px; margin-top:5px}



.ny_cp .xw_lb .w_z span{font-size:12px;}



.ny_cp .xw_lb .w_z p{font-size:14px; line-height:24px; height: auto;}



.ny_cp .zs_lb .row{margin:0 -10px;}



.ny_cp .zs_lb .col-md-4{padding:0 10px;}



.ny_cp .zs_lb .t_w{margin-bottom:20px;}



.ny_cp .zs_lb .w_z h3{font-size:22px;}



.ny_cp .zs_lb .w_z p{font-size:18px; line-height:28px; height:56px;}



.ny_cp .zs_lb .w_z span{font-size:18px; padding-right:0; display:block; margin-top:5px;}



.ny_cp .lx_xx{margin:0 0 10px ;}



.ny_cp .lx_xx .y_c em{width:40px; height:3px; background-color:#04388f; display:block; margin-bottom:10px;}







.ny_cp .lx_xx .z_c{width:100%; float:none;}



.ny_cp .lx_xx .y_c{width:100%; float:none; padding:20px}



.ny_cp .lx_xx .y_c h3{font-size:20px; margin-bottom:10px}



.ny_cp .lx_xx .y_c p{font-size:14px; line-height:26px;}



.ny_cp .bd_dt{margin-bottom:0;}



.ny_cp .zx_ly{padding:0 20px ; background:none;}



.ny_cp .zx_ly input{padding:0 10px; line-height:40px; font-size:14px; margin-bottom:10px;}



.ny_cp .zx_ly textarea{height:110px; padding:0 10px; font-size:14px; line-height:26px; margin-bottom:10px;}



.ny_cp .zx_ly button{width:100%; height:40px; font-size:16px; line-height:40px;}



.ny_cp .zx_ly h3 {



  font-size: 20px; margin-bottom:5px}



.ny_cp .zx_ly h4{font-size:16px; color:#555; margin-bottom:10px; text-align:center;}



.ny_cp .zx_ly p{font-size:14px; line-height:26px;}



.ny_cp .zx_ly em{width:40px;}



}







.cp_xq{overflow:hidden; position:relative;}



.cp_xq .swiper-zs{padding-bottom:30px; border:1px solid #d7d7d7;}



.cp_xq .swiper-zs img{width:100%; height:auto; display:block;}



.cp_xq .swiper-pagination{bottom:10px;}



.cp_xq .swiper-pagination-bullet{width:10px; height:10px; border-radius:50%; background-color:#555;}



.cp_xq .swiper-pagination-bullet-active{background-color:#04388f;}



.cp_xq .cp_cs .n_r{padding:5px;}



.cp_xq .cp_cs .b_t{font-size:22px; font-weight:bold; color:#04388f; line-height:40px; border-bottom:1px solid #e7e7e7; padding-bottom:10px; margin-bottom:10px;}



.cp_xq .cp_cs .c_s ul li{margin-bottom:5px; padding-left:15px; font-size:14px; line-height:26px; position:relative;}



.cp_xq .cp_cs .c_s ul li:before{width:6px; height:6px; border-radius:50%; background-color:#555; content:""; position:absolute; top:10px; left:0;}



.cp_xq .cp_cs a{display:inline-block; margin-top:20px; background-color:#04388f; font-size:16px; line-height:46px; color:#fff; padding:0 30px;} 



.cp_xq .cp_js{margin-top:40px;}



.cp_xq .cp_js .hd{overflow:hidden; border-bottom:1px solid #d7d7d7; margin-bottom:30px;}



.cp_xq .cp_js .hd ul li{float:left; padding:0 30px; font-size:16px; line-height:44px; text-align:center; color:#555; background-color:#f7f7f7; margin-right:5px; cursor:pointer;}



.cp_xq .cp_js .hd ul li.on{background-color:#04388f; color:#fff;}



.cp_xq .cp_js .n_r{font-size:15px; line-height:28px; min-height:200px;}



.cp_xq .cp_js .n_r a{display:block; font-size:15px; line-height:28px; color:#04388f; margin-bottom:10px;}



.cp_xq .cp_js .n_r a:hover{text-decoration:underline !important;}



@media only screen and (max-width:640px){



.cp_xq .cp_cs{margin-top:20px;}



.cp_xq .cp_cs .b_t{font-size:16px; font-weight:bold; color:#04388f; line-height:40px; border-bottom:1px solid #e7e7e7; padding-bottom:0px; margin-bottom:10px;}







.cp_xq .cp_cs .n_r{padding:0;}



.cp_xq .cp_cs .c_s ul li{margin-bottom:5px; padding-left:15px; font-size:14px; line-height:26px;}



.cp_xq .cp_cs .c_s ul li:before{width:6px; height:6px; top:10px;}



.cp_xq .cp_cs a{font-size:14px; line-height:36px; padding:0 20px;} 



.cp_xq .cp_js .hd{border-bottom:0;margin-bottom: 10px;}



.cp_xq .cp_js .hd ul li{width:33.33%; padding:0; border-right:1px solid #fff; font-size:15px; line-height:36px; margin-right:0;}



.cp_xq .cp_js .hd ul li:last-child{border-right:0;}



.cp_xq .cp_js .hd ul li.on{background-color:#04388f; color:#fff;}



.cp_xq .cp_js .n_r{font-size:14px; line-height:26px;}



.cp_xq .cp_js .n_r a{font-size:20px; line-height:40px;}



}











.table { width: 100%; border-collapse: collapse; line-height: 28px; margin-left: auto; margin-right: auto; }



.table tr td { padding: 3px; border: 1px solid #ccc; background: #fff; font-size: 14px; font-size: 1.4rem; }



.table table { width: 100%; border-collapse: collapse; line-height: 28px; }



.table table tr td { padding: 5px; border: 1px solid #ccc; }







.cpyy li{ float:left; margin-right:2%; width:32%; margin-bottom:10px}



.cpyy li img{ width:100%}



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











.zs_sp{width:100%; padding:60px 0; background-color:#f5f7f8; overflow:hidden;}



.zs_sp .n_r{margin-bottom:30px;transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.zs_sp .n_r:hover{box-shadow:0 8px 20px #ddd;}



.zs_sp .t_p{overflow:hidden; position:relative;}



.zs_sp .t_p img{width:100%; height:auto; display:block;}



.zs_sp .t_p:after{width:100%; height:100%; content:""; position:absolute; top:0; left:0; background-color:rgba(0,0,0,.4);



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.zs_sp .n_r:hover .t_p:after{background-color:rgba(0,0,0,.2);}



.zs_sp .b_f{width:50px; height:50px; background:url(../images/a11.png) no-repeat center / 100% 100%; position:absolute; z-index:99; top:50%; left:50%; margin:-25px 0 0 -25px;}



.zs_sp .w_z{background-color:#fff; padding:20px; font-size:16px; line-height:28px; color:#333; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}



@media only screen and (max-width:640px){



.zs_sp{padding:20px 0;}



.zs_sp .n_r{margin-bottom:20px;}



.zs_sp .w_z{font-size:14px; line-height:26px; padding:10px 5px}



}











.ljxz{ width:120px; height:36px; line-height:34px; border:#04388f 1px solid; text-align:center; margin-top:20px}



.ljxz a{ color:#04388f}







.yema{margin-top:30px; text-align:center;}



.yema ul li{display:inline-block; margin:2px;}



.yema ul li a{min-width:32px; height:32px; border:1px solid #e7e7e7; padding:0 10px; font-size:14px; line-height:30px; text-align:center; color:#555; display:inline-block;}



.yema ul li a:hover{background-color:#04388f; color:#fff;}



.yema ul li a.on{background-color:#04388f; color:#fff;}



@media only screen and (max-width:640px){



.yema{margin-top:20px;}



.yema ul li a{min-width:30px; height:30px; padding:0 5px; font-size:12px; line-height:28px;}







.ljxz{ width:100px; height:30px; line-height:28px; border:#04388f 1px solid; text-align:center; margin-top:20px; font-size:14px}



.ljxz a{ color:#04388f}



}







.footer{width:100%; padding:30px 0; background-color:#222; font-size:14px; color:#999;}



.footer h3{font-size:18px; line-height:32px; color:#fff; margin-bottom:10px; font-weight:bold}



.footer em{width:22px; height:3px; margin-bottom:15px; background-color:#04388f; display:block;}



.footer .ft_lx{margin-right:50px; min-height:190px; border-right:1px solid #666;}



.footer .ft_lx img{max-width:140px; height:auto; display:block;}



.footer .ft_lx h4{margin:25px 0 6px; font-size:14px; color:#919090; line-height:24px;}



.footer .ft_lx .d_y{max-width:300px;}



.footer .ft_lx input{width:65%; height:36px; float:left; padding:0 10px; border:1px solid #595959; background-color:#333; font-size:13px; color:#fff; line-height:34px;}



.footer .ft_lx button{width:25%; height:36px; float:left; background-color:#595959; font-size:14px; line-height:36px; color:#fff; text-align:center; outline:none;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.footer .ft_lx button:hover{background-color:#e62028;}



.footer .s_j{margin-top:15px;}



.footer .s_j a{display:inline-block; width:32px; height:32px; border-radius:50%; border:1px solid #666; color:#aaa; line-height:30px; text-align:center; margin-right:10px; vertical-align:middle;}



.footer .s_j a:hover{background-color:#e62028; border:1px solid #e62028; color:#fff;}



.footer .s_j i.icon-aui-icon-qq{font-size:22px;}



.footer .s_j i.icon-weixin{font-size:16px; line-height:32px;}



.footer .s_j i.icon-weibo{font-size:20px;}



.footer .ft_xx{ line-height:30px}



.footer .ft_xx input{width:100%; height:36px; float:left; padding:0 10px; border:1px solid #595959; font-size:13px; color:#fff; line-height:34px; display:block; margin-bottom:10px;}



.footer .ft_xx textarea{width:90%; height:82px; float:left; padding:5px 10px; border:1px solid #595959; font-size:13px; color:#fff; line-height:24px; display:block; margin-bottom:10px; resize:none; background:none} 



.footer .ft_xx .button{width:120px; height:36px; background: #04388f; font-size:14px; line-height:36px; color:#fff; text-align:center; outline:none; display:block;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; border: 0px;}



.footer .ft_xx .button:hover{background-color:#0283a3;}



.footer .ft_dh ul li{float:left; width:50%;}



.footer .ft_dh ul li a{line-height:36px; color:#999;}



.footer .ft_dh ul li a:hover{color:#ddd;}



.footer .ft_em{ float:right}



.footer .ft_em img{max-width:100%; height:auto; display:block; margin:0 ;}



.footer .ft_em p{margin-top:10px; text-align:left;}



.footer .ft_yl{margin-top:30px; color:#595959;}



.footer .ft_yl span{color:#ddd;}



.footer .ft_yl a{display:inline-block; color:#999; padding:0 10px;}



.footer .ft_yl a:hover{color:#ddd;}



.footer .col-lg-2{ padding-left:70px}



@media only screen and (max-width:640px){



.footer{padding:20px 0 10px; font-size:14px; line-height:24px; text-align:center; display:none}



.footer h3{font-size:16px; line-height:32px; color:#ddd; margin-bottom:0px;}



.footer .ft_dh{display:none;}



.footer .ft_xx{ line-height:24px; text-align:left}



.footer .ft_em{ text-align:left; margin-top:10px}



.footer .col-lg-2 {padding-left: 15px; display:none}



.footer .col-6{ padding-left:10px; padding-right:10px}



}







.banquan{width:100%; padding:15px 0; background-color:#1c1c1c; font-size:14px; text-align:center; line-height:26px; color:#ddd;}



.banquan .b_q{float:left;}



.banquan .z_c{float:right;}



.banquan span{padding-right:6px;}



.banquan a{color:#ddd;}



.banquan a:hover{color:#ccc;}



@media only screen and (max-width:640px){



.banquan{margin-bottom:50px; font-size:12px; line-height:22px;}



.banquan .b_q{float:none;}



.banquan .z_c{float:none;}



.banquan span{padding-right:0; display:inline-block;}



}











.e_m{width:100%; height:100%; position:fixed; top:0; left:0; background-color:rgba(0,0,0,.9); z-index:99999; display:none;}



.e_m .n_r{width:200px; padding:10px; background-color:#fff; position:absolute; top:50%; left:50%; text-align:center;



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



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



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



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



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



.e_m .n_r img{width:100%; height:auto; display:block;}



.e_m .n_r p{font-size:15px; color:#888; margin-top:10px;}



@media only screen and (max-width:640px) {



.e_m .n_r{width:280px; padding:15px;}



.e_m .n_r p{font-size:14px;}



}







.pc_kf{width:46px; position:fixed; right:10px; bottom:5%; z-index:99999;}



.pc_kf .nr{width:46px; height:46px; font-size:18px; text-align:center; line-height:46px; background-color:#fff; box-shadow:0 0 2px #ddd; margin-bottom:4px; position:relative;}



.pc_kf .nr.wx{display:none;}



.pc_kf .tel{width:160px; background-color:#04388f; font-size:18px; line-height:46px; color:#fff; position:absolute; top:0; right:-160px; opacity:0;}



.pc_kf .nr:hover .tel{right:46px; opacity:1;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.pc_kf .ewm{width:130px; padding:10px; background-color:#04388f; font-size:18px; line-height:46px; color:#fff; position:absolute; bottom:0; right:-180px; opacity:0;}



.pc_kf .ewm img{width:100%; height:auto; display:block;}



.pc_kf .nr:hover .ewm{right:46px; opacity:1;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.pc_kf .nr a{display:block;}



.pc_kf .nr i{color:#bbb;}



.pc_kf .nr a:hover i{color:#04388f;}



.pc_kf .fh{width:46px; height:46px; background-color:#04388f; font-size:22px; text-align:center; line-height:46px; color:#fff; cursor:pointer;}



@media only screen and (max-width:640px) {



.pc_kf{width:100%; background-color:#04388f; position:fixed; right:0; bottom:0;}



.pc_kf .nr{width:25%; height:50px; border-right:1px solid rgba(255,255,255,.6); font-size:16px; line-height:50px; background:none; box-shadow:none; margin-bottom:0; float:left;}



.pc_kf .nr.wx{display:block;}



.pc_kf .nr.em{display:none;}



.pc_kf .tel{display:none;}



.pc_kf .ewm{display:none;}



.pc_kf .nr a{display:block;}



.pc_kf .nr i{color:#fff;}



.pc_kf .nr a:hover i{color:#fff;}



.pc_kf .fh{width:25%; height:50px; font-size:28px; line-height:50px; float:left;}



}











.sy_ys{width:100%; padding:60px 0 30px; overflow:hidden;}



.sy_ys .t_b{width:92px; height:92px; border-radius:50%; border:1px solid #04388f; margin:0 auto; position:relative;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.sy_ys .n_r:hover .t_b{border:1px solid #fff;}



.sy_ys .t_b:after{width:80px; height:80px; border-radius:50%; position:absolute; top:5px; left:5px; background-color:#daeafa; content:"";



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.sy_ys .n_r:hover .t_b:after{background-color:#daeafa;}



.sy_ys .b{width:90px; height:90px; border-radius:50%; margin:0 auto; background-position:top center; background-repeat:no-repeat; background-size:100% auto; overflow:hidden;



position:relative; z-index:9;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.sy_ys .n_r:hover .b{background-position:bottom center;}



.sy_ys .n_r{padding:30px 20px; border-radius:10px; height:500px; text-align:center; margin-bottom:30px;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s; box-shadow: 0 5px 20px 0 rgba(95,125,158,.1); border:#ccc 1px solid}



.sy_ys .n_r:hover{background-color:#04388f; box-shadow:0 8px 15px 0 rgba(0,52,102,.2);}



.sy_ys .n_r h3{font-size:20px; font-weight:bold; color:#000; line-height:30px; margin:15px 0;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.sy_ys .n_r:hover h3{color:#fff;}



.sy_ys .n_r p{font-size:15px; color:#777; line-height:26px;



transition:all .5s;



-o-transition:all .5s;



-ms-transition:all .5s;



-moz-transition:all .5s;



-webkit-transition:all .5s;}



.sy_ys .n_r:hover p{color:#fff;}



.sy_ys a.sy_an{width:100%;



background-image:-webkit-linear-gradient(left, #e5402c, #cc0001);



background-image:-moz-linear-gradient(left, #e5402c, #cc0001);



background-image:-ms-linear-gradient(left, #e5402c, #cc0001);



background-image:-o-linear-gradient(left, #e5402c, #cc0001);



background-image:linear-gradient(left, #e5402c, #cc0001);}



@media only screen and (max-width:990px){



.sy_ys{padding:20px 0 0;}



.sy_ys .n_r{padding:15px; margin-bottom:20px; height:auto}



.sy_ys .n_r h3{font-size:16px; line-height:28px; margin:10px 0;}



.sy_ys .n_r p{font-size:14px; line-height:24px;}



}











.xiaocms-page { padding:14px 0 10px;font-family:\5b8b\4f53; margin-right: 10px;}



.xiaocms-page a { display:inline-block; height:22px; line-height:22px; background:#fff; border:1px solid #e3e3e3; text-align:center; color:#333; padding:0 10px;margin-left: 1px;}



.xiaocms-page a:hover { background:#f1f1f1; color:#000; text-decoration:none; }



.xiaocms-page span { display:inline-block; height:22px;padding:0 10px; line-height:22px; background:#5a85b2; border:1px solid #5a85b2; color:#fff; text-align:center;margin-left: 1px; }