.banner1{width:100%; position: relative; }
.banner-box1{ min-width:1200px; height:500px; position:relative; margin:0 auto;  z-index: 0;}
.banner-box1 .bd, .banner-box .bd ul{ width:100% !important; }
.banner-box1 .bd li{ width:100% !important; height:500px; background-position: center; background-repeat: no-repeat; background-color: #eee}
.banner-box1 .bd li a{ display:block; background-size:auto;width: 100%;height: 80%;position: relative;z-index: 998;}
.banner-btn1{ width: 100%; position: absolute; top:210px; left: 0; margin-left: 0; height: 300px; overflow: hidden; }
.banner-btn1 a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out; z-index: 999;}
.banner-btn1 a.prev{ left:-50px; background:url(../uploadfile/image/20220902/20220902152021_363528835.jpg) no-repeat 0 0; } 
.banner-btn1 a.next{ right:-50px; background:url(http://login.114my.cn/memberpic/0322641/uploadfile/image/20220826/20220826101730_866471131.png) no-repeat -49px 0; }
.banner-box1 .hd { position:absolute; bottom:30px; width: 100%; display: block; }
.banner-box1 .hd ul{ text-align: center}
.banner-box1 .hd ul li{ width:12px; height:12px; border-radius :20px; text-indent:-9999px; cursor:pointer; display:inline-block; margin:0 5px; transition:0.3s all ease-in-out; background: #fff;}
.banner-box1 .hd ul li.on{ background:#001961; width: 15px; }
.banner-box1:hover .banner-btn1 a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box1:hover .banner-btn1 a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }
.banner-box1 .banner-btn1 a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; }

.ny_propic a:before{ background:none !important;}
.ny_propic a:hover img {transform: scale(1.1);transition-duration: 0.5s;}

.copy_tab{border-top:none !IMPORTANT;}
/*banner_page*/

#banner_pr{width:100%; background:url(../uploadfile/image/20220902/20220902152021_363528835.jpg) top center no-repeat; height:500px; position: relative;}
#banner_oem{width:100%; background:url(../uploadfile/image/20220902/20220902152021_363528835.jpg) top center no-repeat; height:500px; position: relative;}
#banner_com{width:100%; background:url(../uploadfile/image/20220901/20220901140621_1620634102.jpg) top center no-repeat; height:500px; position: relative;}
#banner_news{width:100%; position: relative;background:url(../uploadfile/image/20220901/20220901093710_118530640.jpg) top center no-repeat; height:500px;}
#banner_con{width:100%; position: relative; background:url(../uploadfile/image/20220901/20220901093710_376243364.jpg) top center no-repeat; height:500px;}
#banner_feed{width:100%; position: relative; background:url(../uploadfile/image/20220901/20220901093710_1787215157.jpg) top center no-repeat; height:500px;}
#banner_news:before {  content: '';width: 100%;height: 100%;/*background: rgba(22,16,7,0.3); */ position: absolute;top: 0;left: 0;}
#banner_hz{width:100%; position: relative; background:url(../uploadfile/image/20220901/20220901093710_1787215157.jpg) top center no-repeat; height:500px;}
#banner_hz:before {content: '';  width: 100%;height: 100%;background: rgba(20,45,75,0.3); position: absolute;top: 0; left: 0;}
#banner_feed:before { content: '';
    width: 100%;
    height: 100%;
background: rgba(51,51,51,0.5);
    position: absolute;
    top: 0;
    left: 0;
}
#banner_ry{width:100%; position: relative; background:url() top center no-repeat; height:500px;}
#banner_ry:before {content: '';  width: 100%;height: 100%;background: rgba(0,0,0,0.2); position: absolute;top: 0; left: 0;}


.backg{background: #f2f2f2;}

.in_page_banner{width: 100%;height:500px;position: relative;background-attachment: fixed !important}
.in_page_banner > .page{height: 100%;position: relative;}
.in_page_banner > .page > .in_page_banner_tit{position: absolute;top:36%;left:50%;width:500px;margin-left: -300px;}
.in_page_banner > .page > .in_page_banner_tit strong{color: #fff;font-size: 50px;display: block;line-height: 50px;text-align: center;}
.in_page_banner > .page > .in_page_banner_tit p{color: #fff;line-height: 40px;font-size:20px;font-weight: lighter;text-align: center;}

.btn_next_box > .obj_time_box > div{top: -100%;}
.btn_prev_box > .obj_time_box > div{top: 100%;}
.time_con_box > div{display: none;}
.time_con_box > div:first-child{display: block;}
.disab{pointer-events: none; opacity: 0;}
.com_title.an_on.animated.fadeInUp{font-size: 36px; text-align: center; line-height: 50px; display: block; padding:30px 0 0px 0}
.com_title.an_on.animated.fadeInUp .small{display: block; line-height: 40px; font-size: 18px; font-weight: lighter; color: #888;}
.news_page_in{padding: 0 0 80px;background: #f5f5f5;}
.newsAll-banner{width: 100%; height: 400px; position: relative; float: none;}
.newsAll-banner ul li{position: relative; width: 860px; height: 400px; overflow: hidden;}
.newsAll-banner ul li a{display: block;}
.newsAll-banner ul li a p{display: block; position: absolute; width: 720px; padding: 20px 30px; background: rgba(0,0,0,0.6); color: #999; bottom: -110px; line-height: 20px; left: 50%; margin-left: -390px; transition: 0.3s all ease; color:rgba(255,255,255,0.6); z-index:3;}
.newsAll-banner ul li:hover a p{bottom: 40px;}
.newsAll-banner ul li a p:hover{background: rgba(47,96,192,0.8);}
.newsAll-banner ul li a p strong{display: block;line-height:30px;font-weight: normal;color: #fff;font-size: 18px;}
.newsAll-banner_cont{float: left;}
.newsAll-banner_nav{float: right; width: 500px; height: 400px;}
.newsAll-banner:after{content: ''; display: block; clear: both;}
.newsAll-banner_nav .newsAll-banner_nav_li{height: 54px; padding: 23px 150px 22px 35px; display: block; background: #fff; margin-top: 1px; position: relative; overflow: hidden;}
.newsAll-banner_nav .newsAll-banner_nav_li:first-child{margin-top: 0;height: 55px;}
.newsAll-banner_nav .newsAll-banner_nav_li strong{display: block; font-size: 16px; font-weight: normal; line-height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #777; position: relative; z-index: 2; transition:0.3s all ease;}
.newsAll-banner_nav .newsAll-banner_nav_li p{font-size: 13px; color: #ccc; line-height: 25px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; position: relative; z-index: 2; transition:0.3s all ease;}
.newsAll-banner_nav .newsAll-banner_nav_li span{position: absolute; right: 0px; line-height: 20px; bottom: 0; font-family: arial; font-size: 13px; color: #b5b5b5; padding: 25px 40px;z-index: 2; transition:0.3s all ease; text-align: center;}
.newsAll-banner_nav .newsAll-banner_nav_li span i{display: block; height: 30px; line-height: 30px; font-size: 28px; font-style: normal; font-family: arial; color: #666;}
.newsAll-banner_nav .newsAll-banner_nav_li.on span i{color: #666;}
.newsAll-banner_nav .newsAll-banner_nav_li:after{content: ""; position: absolute; height: 0%; right: 0; top: 0; width: 5px; z-index: 1; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;
background: #001961;
background: linear-gradient(0deg, #001961, #2580e6);}
.newsAll-banner_nav .newsAll-banner_nav_li.on{/*! background: #eee; */} .newsAll-banner_nav .newsAll-banner_nav_li.on:after{height: 100%;}
.newsAll-banner_nav .newsAll-banner_nav_li.on strong{color: #001961;}
.newsAll-banner_nav .newsAll-banner_nav_li.on p{color: #454545; opacity: 0.6;}
.newsAll-banner_nav .newsAll-banner_nav_li.on span{opacity: 1; color: #666;}
.news_page_in_row1{/*! padding: 40px; */ /*! background: #fff; */ position: relative; margin-top: -100px; background: #f5f5f5;}


.news_page_in_row3{ margin-top: 2px;padding: 30px 0 96px 0;margin-bottom: 0px;}
.news_page_in_row3 > .pagination a.first_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/first_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.previous_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -4px;background:url(../images/pre_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.next_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -3px;background:url(../images/next_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a.Last_page:after{content: '';display: block;width: 7px;height: 7px;position: absolute;top: 50%;left:50%;margin-top: -3.5px;margin-left: -2px;background:url(../images/last_page.gif) no-repeat center;}
.news_page_in_row3 > .pagination a{display: inline-block;vertical-align: middle;width: 50px;height: 50px;border: 1px solid #ddd;line-height: 50px;text-align: center;border-radius: 50%;font-size: 18px;font-family: arial;color: #666;margin: 3px;transform: rotate(0deg);position: relative;transition: 0.3s all ease;}
.news_page_in_row3 > .pagination a.cur_page,.news_page_in_row3 > .pagination a:hover{background: #001961;border: 1px solid rgba(255,255,255,0);color: #fff;}
.news_page_in_row3 > .pagination{font-size: 0;text-align: center;}

em{margin: 0px;padding: 0px;font-style: normal;font-family: Arial;font-weight: bold;}



#etalage { display: none; /*
    height: 550px !important; */
    float: left; }

/* Large thumbnail: */
#etalage .etalage_thumb{ background: white url(../images/loading.gif) center no-repeat; border: 1px solid #ddd; padding: 6px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }
/* Large thumbnail - image (in case you want to add a border around the image within the frame) */
#etalage .etalage_thumb_image{ }

/* Small thumbnails: */
#etalage .etalage_small_thumbs li{ background: white; border: 1px solid #ddd; margin: 10px; padding: 3px; }
/* The one on the left that makes them slide */
#etalage ul li.etalage_smallthumb_first{ }
/* The one on the right that makes them slide */
#etalage ul li.etalage_smallthumb_last{ }
/* The currently active one */
#etalage ul li.etalage_smallthumb_active{ -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; border: 1px #d3281b solid; background: #d3281b;}
/* Zoomed image area: */
#etalage .etalage_zoom_area,
.etalage_zoom_area{ background: white url(../images/loading.gif) center no-repeat; border: 1px solid #ddd; padding: 6px; -webkit-box-shadow: 0 0 10px #ddd; -moz-box-shadow: 0 0 10px #ddd; box-shadow: 0 0 10px #ddd; }

/* Magnifier area (thumbnail hovering rectangle): */
#etalage .etalage_magnifier{ background: white; border: 1px solid #bbb; }

/* Icon that will apear at the left bottom of the large thumbnail (optional): */
#etalage .etalage_icon{ background: url(../images/zoom.png) no-repeat; width: 14px; height: 14px; }

/* Hint that will apear at the top right of the large thumbnail (optional): */
#etalage .etalage_hint{ background: url(../images/hint.gif) no-repeat; width: 130px; height: 57px; }

/* Description area (optional) */
#etalage .etalage_description{ background: white; font-style: italic; margin: 10px; padding: 6px 10px; }

/*
 * ------------------------------------ FUNCTIONALITY --------------------------------------
 * The following CSS serves to make Etalage function properly. Don't edit or edit carefully.
 * -----------------------------------------------------------------------------------------
 */

.etalage, .etalage_thumb, .etalage_thumb_image, .etalage_source_image, .etalage_zoom_preview, .etalage_icon, .etalage_hint{ display:none }
.etalage, .etalage ul, .etalage li, .etalage img, .etalage_hint, .etalage_icon, .etalage_description{ margin:0; padding:0; border:0; list-style:none }
.etalage, .etalage_magnifier div, .etalage_magnifier div img, .etalage_small_thumbs ul, ul .etalage_small_thumbs li, .etalage_zoom_area div, .etalage_zoom_img{ position:relative }
.etalage img, .etalage li{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.etalage, .etalage_small_thumbs li{ float:left }
.etalage_right{ float:right }
.etalage li{ position:absolute; }
.etalage img{ vertical-align:bottom; max-width:none }
.etalage_magnifier{ cursor:default }
.etalage_magnifier div, .etalage_small_thumbs{ overflow:hidden }
.etalage_magnifier div img{ display:none }
.etalage_icon, .etalage_hint{ cursor:default; width:0; height:0; overflow:hidden }
.etalage_small_thumbs li.vertical{ float:none }
.etalage_zoom_area{ z-index:996 }
.etalage_zoom_area div{ overflow:hidden; z-index:997 }
.etalage_zoom_preview{ position:absolute; z-index:998 }
.etalage_zoom_img, .etalage_hint{ z-index:999 }
.etalage{ direction:ltr; }
div.etalage_description{ position:absolute; bottom:0; left:0; z-index:999 }
div.etalage_description.rtl{ direction:rtl; text-align:right }


.etalage_small_thumbs {
    position: absolute;
/*    left: 680px;
    top: 300px !important;*/
}


.allpage-class{ border-bottom:1px solid #dedede; text-align: center; position: relative;padding-top: 50px;}
.allpage-class .theme{ display: none; }
.allpage-class .sub .item{ display: inline-block; *display: inline; *zoom: 1; padding: 30px 12px; position: relative; }
.allpage-class .sub .item.on:before{ content: ""; width: 2px; height: 22px; background-color:#d3281b; position: absolute; left: 50%; bottom: 8px; margin-left: -1px; }
.allpage-class .sub .item.on:after{ content: ""; width: 12px; height: 12px; border: 2px solid #d3281b; position: absolute; left: 50%; bottom: 0px; margin-left: -8px; margin-bottom: -8px; z-index: 11; border-radius: 50%; background: #fff;}
.allpage-class .sub .item .word{ display: inline-block; *display: inline; *zoom: 1; height: 30px; line-height: 30px; font-size: 15px; color: #666; border-radius: 5px; padding: 0 10px; transition: all .5s ease; }
.allpage-class .sub .item.on .word{ background-color: #d3281b; color: #fff; }

.allpage-class .sub .item:hover .word{ background-color: #d3281b; color: #fff; }

.pro_list_m{position: relative;margin-bottom: 20px;width:100%;}
.pro_list_m,.pro_list{width: 310px;background: #fff;}
.pro_list_in,.pro_list_in_1{position: relative;width: 100%;}
.pro_list_in:after,.pro_list_in_1:after{content: '';display: block;height: 0%;position: absolute;width: 4px;left: 0;background:#28a7e1;top:0;z-index:2;transition:0.3s all ease;}
.pro_list_in:hover:after,.pro_list_in.active:after{height: 100%;}
.pro_list_in .vcon{display: none; padding: 25px 0; position: relative;}
.pro_list_in:first-child .vcon{display: block;}
.pro_list_in > a,.pro_list_in_1 > a{display: block;line-height: 70px;height: 70px;width: 100%;position: relative;overflow: hidden;}
.pro_list_in > a >span,.pro_list_in_1 > a >span{display: block;font-size: 15px;color: #343434;height: 100%;position: relative;z-index: 3;padding:0 40px;transition: 0.3s all ease;}
.pro_list_in.active > a > span{color: #177ec7;font-weight: bold;font-size: 17px;}
.pro_list_in > a:before,.pro_list_in_1 > a:before{position: absolute;content: '';background: #eee;width: 100%;height: 1px;top: 0;left: 0;z-index: 1;}
.pro_list_in > a:after{content: '';display: block;height: 70px;background: url(../images/prod_list_2.png) no-repeat center;left: -100%;top: 0;position: absolute;width: 100%;z-index: 2;transition: 0.3s all ease-in-out;}
.pro_list_in.active > a:after{left:0;}
.pro_list_in.active .vcon:after{content: '';display: block;width: 306px;height: 1px;background: #eee;position: absolute;top: 0;right: 0;z-index: 0;}
.pro_list_in > .vcon > ul > li > a{display: block; color: #888; line-height: 40px; padding: 0 40px; transition: 0.3s all ease; font-size: 13px;}
.pro_list_in > .vcon > ul > li > a:hover{color:#177ec7;}
.pro_list_in > a > em{display: block; position: absolute; right: 10px; top: 0; width: 70px; height: 70px; background: url(../images/prod_list_cur.png) no-repeat 25px center; transition: 0.3s all ease; z-index: 3; transform: rotate(0deg); filter: grayscale(100%); opacity: 0.4;}
.pro_list_in.active > a > em{transform: rotate(90deg); filter: grayscale(0%); opacity: 1;}
.pro_list_in:first-child .vcon{display: block;}
.pro_list_in .vcon{display: block;max-height: 0px;overflow: hidden; transition:0.3s all ease;padding: 0 0;}
.pro_list_in.active .vcon{display: block;max-height: 400px;}
.pro_list_in.active .vcon > ul > li:first-child{padding-top: 35px;}
.pro_list_in.active .vcon > ul > li:last-child{padding-bottom: 35px;} */
.product_big_l.product_big_l1 .pro_list_in a span{font-size: 20px;}
.pro_list_in .vcon > ul > li > a{font-size: 16px;}
.pro_list_in .vcon{position: absolute; left: 0; width: 100%; background: rgba(0,0,0,0.65); z-index: 333; padding: 10px 0; display: none; z-index: 335;} .pro_list_in{float: left; width: 20%; text-align: center; /*! position: relative; */ background: #fff;box-shadow: 0 0px 0px 1px #f5f5f5;} .pro_list_m:after{content: ''; display: block; clear: both;} .pro_list_in > a{display: block; line-height: 60px; overflow: hidden; position: relative;} .pro_list_in a span{display: block; font-size: 16px; color: #454545; position: relative;z-index: 333; letter-spacing: -0.4px} .pro_list_in .vcon > ul > li > a{display: block; line-height: 40px; font-size: 14px; color: #ccc; padding: 0 10px; transition: .3s all ease;}
.pro_list_in .vcon > ul > li > a:hover{color:#fff}
.pro_list_in.active a span{color:#0c5aab}
.pro_list_in > a:after{transition: .3s all ease;content: '';display: block;clear: both;width: 100%;height: 100%;background: #1a85cb;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFhODVjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwNzU5YWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #1a85cb 0%, #0759af 100%);
background: -webkit-linear-gradient(left, #1a85cb 0%,#0759af 100%);
background: linear-gradient(to right, #1a85cb 0%,#0759af 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1a85cb', endColorstr='#0759af',GradientType=1 );position: absolute;bottom: -100%;left: 0;}
.pro_list_in:hover a span{color: #fff}
.pro_list_in:hover > a:after{bottom: 0;}
.product_item{float: left;margin-right: 1%;margin-bottom:1%;width: 24.25%;}
.product_item img{display: block;width:100%;height:auto;background:#fff ;}
.product_item p{font-size: 13px; line-height: 46px; background: #fff; margin-top: 1px; padding: 0 20px; color: #565656; position: relative; transition: 0.3s all ease; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product_item p:after{content:'';display: block;position: absolute;right: 20px;top: 15px;width: 16px;height: 16px;background:url(../images/product_item_btn.png) no-repeat -22px center;transition: 0.3s all ease;}
.product_item:nth-child(4n){margin-right: 0;}
.product_item:hover p{background: #0759af;color: #fff;}
.product_item:hover p:after{background-position-x: 3px}
.pro-list.pro-list_xz{padding: 80px 0 60px; background: #f5f5f5;}
.pro_list_in .vcon > ul > li{display: inline-block;}

.pro_list_m{position: relative; margin-bottom: 20px; width: 80%; float: left;} .pro_list_in .vcon > ul{text-align: center;}

.product_item{float: left;margin-right: 1%;margin-bottom:1%;width: 24.25%;}
.product_item img{display: block;width:100%;height:auto;background:#fff ;}
.product_item p {
    font-size: 13px;
    line-height: 46px;
    background: #fff;
    margin-top: 1px;
    padding: 0 20px;
    color: #565656;
    position: relative;
    transition: 0.3s all ease;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product_item p:after{content:'';display: block;position: absolute;right: 20px;top: 15px;width: 16px;height: 16px;background:url(../images/product_item_btn.png) no-repeat -22px center;transition: 0.3s all ease;}
.product_item:nth-child(4n){margin-right: 0;}
.product_item:hover p{background: #0759af;color: #fff;}
.product_item:hover p:after{background-position-x: 3px}


.pro-list_xz{padding: 80px 0 60px; background: #f5f5f5;}






/* 内容区 */

.channel_content{min-height:300px; padding:100px 0 100px 0;}



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

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



/* 联系我们 */

.contact_us01{padding-bottom:65px;}

.contact_us01 .li_{float:left; width:32%; margin-right:2%; position:relative; border:1px solid #EEE; box-sizing:border-box; margin-bottom:35px;}

.contact_us01 .li_three{margin-right:0;}

.contact_us01 .li_box{text-align:center; padding:40px 20px 50px;}

.contact_us01 .li_ .icon{width:64px; height:64px; margin:0 auto 20px;}

.contact_us01 .li_ .tit{font-size:30px; line-height:30px; color:#1f1f1f; margin-bottom:18px;}

.contact_us01 .li_ .con{font-size:16px; line-height:28px; color:#444; max-height:56px; margin-bottom:25px;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}

.contact_us01 .li_ .circle_btn span{font-size:17px; line-height:28px; color:#1f1f1f; font-weight:bold;}

.contact_us01 .li_ .txt{font-size:16px; line-height:28px; color:#1f1f1f; font-weight:bold; position:relative; cursor:pointer;}

.contact_us01 .li_ .txt .pic{padding:10px 10px 10px 10px; box-shadow:0 16px 16px rgb(0 0 0 / 10%); background:#fff; position:absolute; bottom:54px; left:50%; transform:translateX(-50%); display:none}

.contact_us01 .li_ .txt .pic:after{content:''; width:0px; height:0; border:12px solid transparent; border-top-color:#fff; position:absolute; left:50%; transform:translateX(-50%); top:100%}

.contact_us01 .li_ .txt .pic img{width:130px; height:130px;}

.contact_us01 .li_ .txt:hover{color:#001961;}

.contact_us02 .rect-35{}

.contact_us02 .item01{width:48.75%; float:left;}

.contact_us02 .item02{width:48.75%; float:right;}

.contact_us02 .item{position:relative;}

.contact_us02 .item .intro{position:absolute; left:0; top:0; width:100%;}

.contact_us02 .item .intro{display:flex; flex-direction:column; justify-content:center; align-items:center; text-align:center;}

.contact_us02 .item .box .tit{font-size:30px; line-height:30px; color:#fff; margin-bottom:30px; margin-top:80px; font-weight:bold; text-shadow: 5px 0 10px rgba(0,0,0,.6);}

.contact_us02 .item .box .common_btn{padding:12px 70px 12px 30px; background:#fff;}

.contact_us02 .item .box .common_btn span.text{font-size:15px; }

.contact_us02 .item .box .common_btn span.icon{width:26px; height:10px; background-size:cover; margin-top:-5px; right:25px;}

.contact_us02 .item .box .common_btn:hover span.icon{right:15px;}

.contact_us03{padding-top:100px;}

.contact_us03 .infor .tit{font-size:30px; line-height:30px; color:#02001c; text-align:center; font-weight:bold;}

.contact_us03 .content{margin-top:50px;}

.contact_us03 .content .inp_wrap{float:left; width:48%; margin-right:4%; margin-bottom:35px;}

.contact_us03 .content .inp_wrap_two{margin-right:0;}

.contact_us03 .content .inp_wrap label{display:block; font-size:16px; font-weight:bold; color:#02001c; margin-bottom:10px;}

.contact_us03 .content .inp_wrap label em{color:#001961; display:inline-block; margin-right:5px;}

.contact_us03 .content .inp_wrap .inp{width:100%; border:1px solid #EAEAEA; height:40px; line-height:40px; padding:0; text-indent:27px; font-size:15px;}

.contact_us03 .content .inp_wrap_last{width:100%;}

.contact_us03 .content .inp_wrap_last .inp{line-height:35px; height:125px; padding:20px; box-sizing:border-box;}

.contact_us03 .content .btn_wrap{text-align:center; margin-bottom:92px;}

.contact_us03 .content .btn_wrap .btns{display:inline-block; width:280px; height:41px; line-height:41px;  margin:0; background:#001961; color:#fff; font-size:16px; border:none; /*transform:skewX(-20deg);*/ box-sizing:border-box; cursor:pointer;}

.contact_us03 .content .btn_wrap .btns span{display:block; transform:skewX(20deg); font-size:15px;}

.contact_us03 .content .btn_wrap .btns i{display:inline-block; padding-left:10px; transition:all 0.5s ease;}

.contact_us03 .content .btn_wrap .btns:hover i{padding-left:30px;}

.contact_us03 .infor .tit{font-size:30px; line-height:30px; color:#02001c; text-align:center; font-weight:bold;}



/* 圆形箭头按钮 */

.circle_btn{display:block;}

.circle_btn span{position:relative; display:inline-block; padding-right:58px; font-size:12px; line-height:27px; color:#a2a2a2;}

.circle_btn span:after{content:""; position:absolute; right:0; top:0; width:48px; height:27px; background:url(/skin/home/images/circle_btn.png) no-repeat center; transition:right 0.3s;}

.circle_btn:hover span:after{right:-5px;}





/* 公共按钮-白底红字 */

.common_btn{display:inline-block; position:relative; background:#fff; padding:18px 120px 18px 45px; overflow:hidden;}

.common_btn:after{content:''; display:block; position:absolute; left:0; top:0; width:110%; height:100%; transform-origin:right top; transform:translateX(-101%); transition:all .5s ease; background:#001961;}

.common_btn span.text{display:block; font-size:18px; color:#001961;  position:relative; z-index:1;}

.common_btn span.icon{display:block; transform:skewX(10deg); position:absolute; width:36px; height:20px; right:53px; top:50%; margin-top:-10px; background:url(../images/common_btn_jt1.png) no-repeat center; z-index:1; transition:all .5s ease}



.common_btn:hover span.text{color:#fff;}

.common_btn:hover span.icon{background:url(../images/common_btn_jt2.png) no-repeat center; right:45px;}

.common_btn:hover:after {transform:translateX(0); transform-origin:left top;}

/* 公共按钮-白底红字 */



/* 常量设置 */

.wrap { transition:all 0.5s ease;}






.wrap{width:1520px; margin:auto; }
.container{ width:1520px; margin:auto; }

@media (max-width: 1600px){	}
@media (max-width: 1500px){
	.container{ width:90%;}
	.wrap{ width:90%;}
}
@media (max-width: 1366px){
	.container{ width:90%;}
	.wrap{ width:90%;}
}	
@media (max-width: 1200px){
	.container{ width:90%;}
	.wrap{ width:90%;}
}


/*内*/

.inside-banner { position:relative; overflow:}

.inside-banner img { display:block; width:100%}

.inside-banner .ban-info { position:absolute; text-align:center; top:46%; z-index:10; width:100%; color:#fff}

.inside-banner .ban-info h2 { margin-bottom:2px; font-size:44px; line-height:60px;color: #fff; font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial;}

.inside-banner .ban-info p { font-size:20px; line-height:46px;color: #fff;}

.inside-banner .case-ban-info { position:absolute; left:0; top:28.5%; z-index:10; width:100%; text-align:center; color:#fff}

.inside-banner .case-ban-info h2 { font-size:54px; line-height:64px}

.inside-banner .case-ban-info .case-desc { margin-bottom:25px; font-size:24px; line-height:42px}

.inside-banner .feature .item { display:inline-block; vertical-align:top; *display:inline; *zoom:1; padding:0 57px}

.inside-banner .feature .center { position:relative}

.inside-banner .feature .center span { position:absolute; top:10px; bottom:16px; width:1px; background:url(../images/bk2p.png) repeat-y 0 0}

.inside-banner .feature .center .before { left:0}

.inside-banner .feature .center .after { right:0}

.inside-banner .feature h3 { font-size:18px; line-height:38px; text-align:left}

.inside-banner .feature h4 { font-size:90px; line-height:104px}

/*解决方案 */

.footer-content {width:86%;margin: auto;position: relative;}

.wp { margin:8% auto 3%;}

@media screen and (min-width:1000px) and (max-width:1219px) {.wp {width: 980px;margin:40px auto;}}
@media screen and (max-width:999px) {.wp {width: 95%;margin:40px auto;}}

.wp ul li:nth-child(1){ margin-left:0 !important;}
.wp ul li:nth-child(4){ margin-left:0 !important; }
.wp ul li:nth-child(7){ margin-left:0 !important; }
.wp ul li:nth-child(6){}
@media screen and (min-width:1220px) {.no_margin{margin-left: auto!important;}}
@media screen and (min-width:1000px) and (max-width:1219px) {.no_margin{margin-left: auto!important;}}
 
.syp{ padding-bottom: 5px;position: relative;}
.sypbt1{display: block;font-size:24px;font-size:2.4rem;line-height: 26px;text-align: center;}
.sypbt2{display: block;font-size: 40px;font-size: 4rem;font-weight: bold;text-align: center;margin-top: 8px;margin-bottom: 12px;}
.sypbt3{display: block;text-align: center;font-size:18px;font-size:1.8rem;color: #888888;line-height: 26px;margin-bottom: 73px;}
.phang{padding-top: 52px;margin-bottom: 80px;}
.phang1{background: url(../images/sybg1.jpg) no-repeat center top;}
.phang2{background: url(../images/sybg2.jpg) no-repeat center top;}
.sypbox{text-align: center;background: #fff;transition: 0.5s;box-shadow: none;padding-bottom:24%;position: relative;z-index: 9;}
.wp ul li{margin-left:3%; float: left; width:31.3%; margin-bottom:6%;}
.syptu{display: block;}
.syptu img{display: block;width: 100%; transition: 0.5s; overflow:hidden;}
.sypxia{padding-top:32px; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);width:88.2%;position: absolute;bottom: 0;height:215px;left:6%;background:#fff;}
.sypxia a{display: block;}
.sypp1{font-size:23px;line-height: 27px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; color:#333;}
.sypp2{font-size:16px; color: #666666; line-height:30px;  overflow: hidden; margin:20px auto; width:83%;}
.sypp3{width: 135px;height: 36px;line-height: 36px;text-align: center;border-radius: 18px;margin: 0 auto;border: 1px solid #888;color: #444;}
.sypp1:hover{color: #156BFF;}
/*.sypp2:hover{color: #156BFF;}*/
.sypp3:hover{color: #fff;background: #156BFF;border: 1px solid #156BFF; }
.sypbox:hover .sypcon{box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2);}
.sypbox:hover .syptu img{transform: scale(1.1);}
.sypcon{position: relative; overflow:hidden;}

.sypbox:hover .sypxia{top:13%; display: inline-block; opacity: .9;}

.sypbox:hover .sypp1{ color:#156BFF; padding-top:8px;}
.sypxia :hover{top:24%; display: inline-block; opacity: .9;}
.sypcover{position: absolute;left: 0;top: -100%;width: 100%;height: 100%;background: url(../images/sypcover.png);}
.sypbox:hover .sypcover{top: 0;}
#canvas{position: absolute; top: 0; left: 0; width: 100%;height: 100%;}
@media screen and (max-width:1219px) {
    .sypbox{margin-left: 30px;width: 306px;}
}
@media screen and (max-width:999px) {
    .syp{padding-top: 40px;}
    .sypbt1{font-size:20px;}
    .sypbt2{font-size: 30px;}
    .sypbt3{margin-bottom: 40px;}
    .sypbox{width: 31.3333%;margin: 0 1%;}
    .sypxia{padding-left: 15px;padding-right: 15px;}
    .sypp1{font-size:16px;}
    .sypp2{font-size:14px;}
    .sypcover{display: none;}
}
@media screen and (max-width:767px) {
    .phang{margin-bottom: 45px;}
    .sypbt2{font-size:24px;}
    .sypbt3{font-size:16px;}
    .sypp3{width: 114px;}
}
@media screen and (max-width:500px) {
    .sypbox{width: 48%;margin-bottom: 20px;}
    .phang{margin-bottom: 25px;padding-top: 25px;}
    .sypbt3{margin-bottom: 25px;}
    .sypp3{width: 100px;}
}


.page-section-banner {position: relative;width: 100%;overflow: hidden;color: #fff;}
.page-section-banner .text{position: absolute;width: 40%;left:8.9%;top:55%;z-index: 11;transform: translateY(-50%);}
.page-section-banner .text .title {overflow: hidden;}
.page-section-banner .text .title .text-5{margin-top: 2%; font-weight:normal;}
.page-section-banner .text .title .text-5 strong{color: #fff;}
.page-section-banner .date {position: absolute;width: 50%;right: 10%;top: 50%;z-index: 11;transform: translateY(-5%);text-align: right;}
.page-section-banner .date .item-1{display: inline-block;min-width: 24%;text-align: left;border-bottom: 1px solid rgba(255,255,255,.4);padding:1% 0;overflow: hidden;margin-left: 20px;}
.page-section-banner .date .item-1 .number-3{display: inline-block;vertical-align: top;}
.page-section-banner .date .item-1 .title-3{display: inline-block;vertical-align: top;margin-top: 2%;margin-left:6px;}
.page-section-banner .img .pic{animation: srmgani 4000ms 1 ease forwards;}

.page-section-banner .img .pic::before{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: rgba(10, 37, 114, .1);}
.page-section-banner .img .pic::before{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 100%;background: rgba(14, 40, 118, .1);}
.page-section-banner .img .pic::after{content: "";position: absolute;left: 0;top: 0;z-index: 5;width: 100%;height: 64%;background: linear-gradient(180deg, rgba(10, 37, 114, .4), rgba(10, 37, 114, 0));}

.page-section-banner .text.none,.page-section-banner .date.none{display: none;}

.section-banner-nav {position: absolute;width:84%;left:8%;bottom:7%;z-index: 11;border-top: 1px solid rgba(255,255,255,.2);border-bottom: 1px solid rgba(255,255,255,.2);}
.section-banner-nav a{display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;color: #fff;opacity: .8;padding: 1.5% 0;}
.section-banner-nav a.cur,.section-banner-nav a.cur:hover{opacity: 1;color: #fff;}
.section-banner-nav a:hover {color: #156BFF;opacity: 1;}

.section-banner-top-nav {position: fixed;top:0px;left: 0;width: 100%;z-index: 11111;transform: translateY(-100px);transition:all .4s ease;
	background: #fff;bottom: auto;text-align: center;border-top: 1px solid rgba(0,0,0,.2);border-bottom: 1px solid rgba(0,0,0,.2);}
.section-banner-top-nav a {color: #666;display: inline-block;vertical-align: middle;margin-right: 40px;font-size: 18px;padding: 1.5% 0;position: relative;}
.section-banner-top-nav a::after{content: '';width: 0px;height: 1px;background: #156BFF;position: absolute;left: 0;bottom: 0;z-index: 11;transition:all .4s ease;}
.section-banner-top-nav a.cur {color: #156BFF;}
.section-banner-top-nav a.cur::after {width: 100%;}
.section-banner-top-nav a:hover::after {width: 100%;}
.section-banner-top-nav.position-fixed {transform: translateY(0px);}



.nyby{height: 290px; display: flex; align-items: center; }
.nyby_txt{width: 100%; text-align: center; margin-bottom:3%;}
.nyby_txth{font-size:2.5vw; color:#1a1a1a; text-transform: uppercase; font-weight:bold; font-family: Microsoft YaHei;}
.nyby_txtp{font-size: 30px; color: #333333;}


.khflbox{position: relative; display: flex; flex-wrap: wrap;}
.khflboxdw{position: absolute; left: 0; bottom: 4px; width: 100%; height: 60px; background-color: #f1f1f1; z-index: -1;}
.khflbox .khflbox_item{background-color: #f1f1f1; width:20%; height: 60px; line-height: 60px; font-size:20px; color: #333333; text-align: center; margin-bottom:54px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.khflbox .khflbox_item:hover{background-color:#001961; color: #fff;}
.khflbox .khflbox_item.cur{background-color:#001961; color: #fff;}
.fanrqbox_rbox .content table{padding:2% 0 4% 0;}