body,div,address,blockquote,iframe,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,pre,caption,form,legend,fieldset,input,button,select,textarea {margin:0px;padding:0px;}
body {font-size:14px;}
ol,ul {list-style:none;}
a img,img {border:0px;}
input,textarea,select,button {outline:none;}
.clear {clear:both;height:0px;overflow:hidden;}
.clearfix:after {content:"";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clearfix {zoom:1;}
.sp-title h1 {font-size:16px;margin-top:50px;}
.place {margin:50px 15px 15px 15px;}
#products_info,#banners img {max-width:100%;}
.article_key {margin-top:20px;border-top:1px solid #bbb1b1;padding-top:20px;}
.article_key span{color:red;}
.footer_links li {display:inline-block;}
.iproducts3:nth-child(1) {display:block;}
/*.product_news {width:750px;font-size:18px;}
*/.new-product {margin:30px 20px 30px 20px;}
.product1_img {min-height:160px;}
.new-product h2:nth-child(1) {background-color:yellow;padding: 15px;}
.index_area {display:flex;flex-wrap:wrap;margin:0 auto;padding-top: 25px;}
.index_area ul li{display:inline;}
/*=============================================??????=========================================*/
.series1,.series2 {display:flex;flex-wrap:wrap;}
.series1 {margin-top:20px;}
.series1 a {font-size:18px;color:#FF8A00;font-weight:bold;}
.series2 span {line-height:24px;white-space:nowrap;height:auto;padding-right:20px;font-size:14px;margin-top:5px;}
/*======================================================================================*/
.article_editorc div:last-child{padding-bottom: 15px;color:red;font-weight: 900;}

.editorc_box  table{width: 100%;}
.editorc_box  table tr td{text-align: center;}
.editorc_box  table.article2 tr td:nth-child(1),.editorc_box  table.article1 tr td:nth-child(1){
    background-color:#1168ad ;color: white;height: 30px;font-weight: 900;
}
.editorc_box  table.article1 tr td:nth-child(3){background-color:#1168ad ;}

.iproducts3  ul li{position: relative;}
.top,.right,.bottom,.left{position: absolute;}
.top{width: 0;height: 6px;top:0;left: 0;background-color: #008dd7;z-index: 2;}
.right{width: 6px;height: 0;right: 0;bottom: 0;background-color: #008dd7;z-index: 2;}
.bottom{width: 0;height: 6px;right: 0;bottom: 0;background-color: #008dd7;z-index: 2;}
.left{width: 6px;height: 0;left: 0;bottom:0;background-color: #008dd7;z-index: 2;}
.iproducts3  ul li:hover .top{width: 100%;transition:0.5s;}
.iproducts3  ul li:hover .right{height: 100%;transition:0.5s;}
.iproducts3  ul li:hover .bottom{width: 100%;transition:0.5s;}
.iproducts3  ul li:hover .left{height: 100%;transition:0.5s;}


@media screen and (min-width:992px) {

    .gc-inews{display: flex;flex-wrap: wrap;justify-content: space-between;}
    .gc-inews li img{width:380px;height: 200px;}
    .gc-inews .gots{  height: 40px;text-align: center;font-size: 20px; margin-top: 10px;}
    /* ====================================================================================== */
    .article-left{width: 15%;float: left;}
    .article-left h2{background-color:#008dd7 ;text-align: center;font-size: 32px;}
    .article-left ul li a{padding:0 12px 0 20px;}
    .article-left ul li{line-height: 30px;background-color:#b9cbde; margin-top: 12px;font-size: 20px;}
    .article-right{width: 80%;float: left;margin-left: 20px;}
    .index_area {width: 1200px;}
    .map {width:1200px;margin:0 auto;}
    .location {width:45%;margin:0 auto;}
    #nav_bg {width:100%;height:50px;background-color:#018ad7;}
    #nav_blk {position:relative;z-index:99;margin:0px auto;width:1200px;height:inherit;background-color:#018ad7;}
    #nav {width:1210px;}
    #nav li {float:left;position:relative;margin-right:10px;width:141px;height:inherit;}
    #nav li>a {display:block;width:100%;height:inherit;color:#fff;font-size:16px;line-height:50px;text-align:center;}
    #nav li>a.nav_over {background-color:#ffb400;}
    #nav li:hover>a {background-color:#ffb400;}
    #nav li p {position:absolute;top:50px;left:0px;display:none;padding:8px 0px;width:100%;background-color:#018ad7;}
    #nav li p a {display:block;padding:5px 5px 6px 5px;color:#fff;text-align:center;}
    #nav li p a:hover {text-decoration:underline;}
    /*======================================================================================*/   
     .logo {position:absolute;top:24px;left:0px;}
    .logo_str {position:absolute;top:25px;left:105px;padding-left:20px;height:70px;color:#0189d7;font-size:25px;line-height:70px;border-left:1px solid #dadada;}
    .header_tel {position:absolute;top:50px;right:6px;padding-left:140px;height:44px;color:#ffb400;font-size:22px;font-family:Arial;line-height:22px;text-align:justify;background:url(../images/header_tel_bg.jpg) no-repeat 0px 3px;}
    .header_tel h5 {font-size:22px;}
    .header_tel h5:last-child {color:#018ad7;letter-spacing:1.1px;}
    .img_alibaba {position:absolute;right:0px;top:50px;bottom:10px;}
    /*======================================================================================*/    
    #banners,#footer1,#float_nav,.icases_box,.product1,.mobile_banner,.m_banner,#header1,.index-banner-mobile {display:none;}
    .banner_products {min-width:1200px;height:300px;}
    .banner {min-width:1200px;height:300px;background:url(/uploadfiles/20180921-154520.jpg) no-repeat center top;}
    .product_banner {min-width:1200px;height:300px;}
    .pc_banner {min-width:1200px;height:300px;}
    .index_new ul li {line-height:31px;overflow:hidden;white-space: nowrap; text-overflow:ellipsis;height:37px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
    .index_new {float:right;width:32%;}
    .index-video {width:1200px;margin:0 auto;}
    .index-video ul li {width:45%;display:inline-block;margin:16px;}
    .index-video ul li a {margin:0px 0px 0px 30px;font-size:18px;}
    /*======================================================================================*/    
    #certify {position:relative;width:1200px;margin:0 auto}
    #certify .swiper-slide {width:520px;height:408px;background:#fff;box-shadow:0 8px 30px #ddd;}
    #certify .swiper-slide img {display:block;width:520px;max-height:297px;}
    #certify .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.4em;margin:0;}
    #certify .swiper-pagination {width:100%;bottom:20px;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
    #certify .swiper-button-prev {right:113px;top:39%;width:45px;height:45px;background:url(/images/btn_l.png) no-repeat;background-position:0 0;background-size:100%;}
    #certify .swiper-button-prev:hover {background-position:0 -46px;background-size:100%}
    #certify .swiper-button-next {right:113px;top:39%;width:45px;height:45px;background:url(/images/btn_r.png) no-repeat;background-position:0 0;background-size:100%;}
    #certify .swiper-button-next:hover {background-position:0 -139px;background-size:100%}
    /*======================================================================================*/    .aboutus_name {position:relative;margin-top:30px;text-align:center;}
    .aboutus_name h2 {position:relative;z-index:2;display:inline-block;padding:0px 20px;color:#018ad7;font-size:28px;font-weight:normal;background-color:#fff;}
    .aboutus_name:before {position:absolute;top:50%;left:0px;margin-top:2px;width:100%;height:1px;content:"";vertical-align:middle;background-color:#c3c3c3;}
    .about_image1 {font-size:0px;}
    .about_image1 a {display:inline-block;margin:25px 25px 0px 0px;width:220px;font-size:0px;text-align:center;vertical-align:top;}
    .about_image1 a:nth-child(5n) {margin-right:0;}
    .about_image1 a img {padding:4px;width:210px;height:158px;transition:none;border:1px solid #ddd;}
    .about_image1 a img:hover {padding:3px;border:2px solid #018ad7;}
    .about_image1 a p {padding-top:8px;font-size:14px;line-height:1.4;}
    .about_image2 {font-size:0px;}
    .about_image2 a {display:inline-block;margin:25px 20px 0px 0px;width:220px;font-size:0px;text-align:center;vertical-align:top;}
    .about_image2 a:nth-child(5n) {margin-right:0;}
    .about_image2 a img {padding:4px;width:210px;height:280px;transition:none;border:1px solid #ddd;}
    .about_image2 a img:hover {padding:3px;border:2px solid #018ad7;}
    .about_image2 a p {padding-top:8px;font-size:14px;line-height:1.4;}
    .about_image3 {font-size:0px;}
    .about_image3 li {display:inline-block;margin:25px 24px 0px 0px;width:180px;font-size:0px;text-align:center;vertical-align:top;}
    .about_image3 li:nth-child(6n) {margin-right:0;}
    .about_image3 li img {padding:3px;width:172px;height:86px;transition:none;border:1px solid #ddd;}
    .about_image3 li p {padding-top:5px;font-size:14px;line-height:1.4;}
    /*======================================================================================*/    #factory {font-size:0px;}
    #factory li {margin-top:30px;text-align:center;}
    #factory li img {width:750px;height:auto;}
    #factory li p {margin-top:8px;font-size:16px;}
    #video {font-size:0px;}
    #video a {display:inline-block;margin:28px 28px 0px 0px;width:279px;font-size:0px;text-align:center;vertical-align:top;}
    #video a:nth-child(4n) {margin-right:0;}
    #video a img {padding:4px;width:269px;height:143px;transition:none;border:1px solid #ddd;}
    #video a img:hover {padding:3px;border:2px solid #1a7cc3;}
    #video a p {padding-top:8px;font-size:14px;line-height:1.4;}
    #video_play {width:1000px;height:560px;font-size:0px;overflow:hidden;}
    /*======================================================================================*/    
    #banner {position:relative;z-index:1;width:100%;min-width:1200px;overflow:hidden;}
    #banner_ul {position:absolute;top:0px;left:50%;z-index:1;margin-left:-960px;width:1920px;height:530px;overflow:hidden;}
    #banner_ul li {width:1920px;height:530px;text-align:center;font-size:0px;}
    #banner_button {position:absolute;bottom:20px;left:0px;z-index:2;width:100px;height:14px;font-size:0px;text-align:center;}
    #banner_button a {display:inline-block;margin:0px 5px;width:14px;height:14px;text-indent:100px;border-radius:50%;background-color:#018ad7;overflow:hidden;}
    #banner_button a:hover {background-color:#ffb400;}
    #banner_button a.activeSlide {background-color:#ffb400;}
    /*======================================================================================*/    #iyoushi {margin:50px auto 0px auto;width:1200px;font-size:0px;}
    #iyoushi li {position:relative;display:inline-block;margin-right:90px;width:232px;height:327px;text-align:center;vertical-align:top;background:url(../images/iyoushi_bg1.jpg) no-repeat;}
    #iyoushi li:last-child {margin-right:0;}
    #iyoushi li>span {position:absolute;top:-44px;left:50%;display:block;margin-left:-44px;width:78px;height:78px;color:#ffb400;font-size:50px;font-weight:bold;font-family:Arial;line-height:78px;text-align:center;border-radius:50%;border:5px solid transparent;}
    #iyoushi li h3 {position:relative;padding:55px 15px 0px 15px;height:52px;color:#333;font-size:18px;font-weight:normal;}
    #iyoushi li h3:after {position:absolute;bottom:0px;left:50%;display:block;margin-left:-10px;width:20px;height:2px;content:"";background-color:#018ad7;}
    #iyoushi li p {position:absolute;top:130px;left:16px;width:200px;height:84px;font-size:16px;line-height:28px;overflow:hidden;}
    #iyoushi li p span {color:#018ad7;}
    #iyoushi li img {position:absolute;bottom:30px;left:50%;margin-left:-34px;width:68px;height:68px;}
    #iyoushi li:hover {background-image:url(../images/iyoushi_bg2.jpg);}
    #iyoushi li:hover span {border-color:#ffb400;background-color:#fff;}
    #iyoushi li:hover h3 {color:#fff;}
    /*======================================================================================*/    
    #inews_box {position:relative;margin:30px auto 0px auto;width:1200px;}
    .inews_box{position:relative;margin:30px auto 0px auto;width:1200px;}
    .inews_box ul.gc-inews li{width:28%}
    .inews_box ul.gc-inews li img{width: 100%;height: auto;}
    .inews {width:1200px;height:470px;overflow:hidden;}
    .inews .swiper-container {width:1200px;height:470px;overflow:hidden;}
    .inews>div {float:left;}
    .inews .swiper-slide {width:380px;height:470px;}
    ul.inews li {float:left;display:block;position:relative;width:25%;height:470px;border-bottom:3px solid #017cd2;}
    ul.inews li .index-new:hover{background-color: #00aef3;}
    .index-new:hover{color:white;}
    ul.inews li .index-new{margin-right:30px;padding:10px;box-sizing:border-box;border:1px solid #d4d4d4;overflow:hidden;}
    .inews .index-new img {width:240px;height: 144px;}
    .inews .index-new div {margin:0px auto;height:68px;border-bottom:1px solid #d5d5d5;}
    .inews .index-new div h4 {padding:15px 0px 5px 0px;font-size:14px;font-weight:normal;}
    .inews .index-new div span {font-size:12px;}
    .inews .index-new p {margin:10px auto 0px auto;width:250px;height:69px;font-size:12px;line-height:23px;overflow:hidden;text-indent: 1.4em;}
    .inews_more {bottom:30px;left:50%;display:block;margin-left:35px;padding-left:30px;width:120px;height:42px;line-height:42px;font-size:14px;border-radius:21px;background:url(../images/more_bg.png) no-repeat 95px center #eee;}
    .inews a:hover {border-color:#018ad7;border-bottom-color:#ffb400;background-color:#018ad7;}
    .inews .index-new:hover div {border-bottom-color:#fff;}
    .inews .index-new:hover .inews_more {color:#fff;background-color:#ffb400;background-image:url(../images/more_bg2.png);}
    .inews_button {position:absolute;top:160px;display:block;width:55px;height:55px;background:url(../images/inews_arrow.png) no-repeat;cursor:pointer;}
    .inews_button_left {left:-65px;}
    .inews_button_left:hover {background-position:left bottom;}
    .inews_button_right {right:-65px;background-position:right top;}
    .inews_button_right:hover {background-position:right bottom;}
    /*======================================================================================*/    
    #icases {position:relative;margin:0px auto;width:1200px;height:343px;}
    .poster-main {position:relative;margin:50px auto;}
    .poster-item {position:absolute;left:0;top:0;font-size:0px;}
    .poster-main .poster-btn {position:absolute;top:0;cursor:pointer;}
    .poster-main .poster-prev-btn {left:0;background:url("/images/btn_l.png") no-repeat center center;}
    .poster-main .poster-next-btn {right:0;background:url("/images/btn_r.png") no-repeat center center;}
    .footer_links {width:1125px;line-height:15px;margin:0 auto;}
    .footer_links a {margin-right:20px;color:#707070;}
    .footer_links a:hover {color:#000;}
    .ipro {margin:40px auto 0px auto;width:1200px;overflow:hidden;}
    .ipro img {float:left;width:27%;}
    .ipro_p {float:left;width:50%;margin:15px 9px 15px 150px;}
    .ipro_p p {line-height:23px;}
    /*======================================================================================*/    
    #iproducts_class {padding:3% 2% 0px 2%;height:80px;width:1200px;margin:0 auto;font-size:0px;background:url(/images/iproducts_class_bg.jpg) repeat-x left bottom;overflow:hidden;}
    #iproducts_class li {display:inline-block;padding:5px 0px;width:25%;height:70px;text-align:center;vertical-align:top;}
    #iproducts_class li.active {background-color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
    #iproducts_class li img {height:50px;}
    #iproducts_class li p {font-size:1.3rem;}
    .iproducts3 {padding-bottom:3%;font-size:0px;}
    .iproducts3 ul {width:1200px;margin:0 auto;}
    .iproducts3 li {display:inline-block;margin:3% 3% 0px 0px;padding:6px;width:22.5%;font-size:0px;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #ddd;}
    .iproducts3 li:nth-child(4n) {margin:3% 0px 0px 0px;}
    .iproducts3 li img {width:100%;min-height:256px;}
    .iproducts3 li h3 {padding:5px 0px;font-size:1.1rem;font-weight:normal;}
    .iproducts_ts span {display:inline-block;width:31.33%;height:20px;color:#fff;font-size:13px;line-height:22px;vertical-align:top;background-color:#0189d7;overflow:hidden;}
    .iproducts_ts span:nth-child(2) {margin:0px 3%;background-color:#f4ac00;}
    .iproducts_ts span:nth-child(3) {background-color:#96cd4e;}
    .iproducts_as {margin-top:3%;padding:3%;border-top:1px dotted #d0d0d0;background-color:#4c4c4c;}
    .iproducts_as a {display:inline-block;width:99.5%;height:22px;color:#fff;font-size:16px;font-weight:bold;line-height:23px;vertical-align:top;background-color:#4c4c4c;overflow:hidden;}
    .iproducts_more {position:relative;text-align:center;width:1200px;margin:0 auto;}
    .iproducts_more:before {position:absolute;top:50%;left:0px;z-index:1;margin-top:-2px;width:100%;height:1px;content:"";background-color:#ddd;}
    .iproducts_more a {position:relative;z-index:2;display:inline-block;width:40px;height:12px;background:url(/images/t2.gif) no-repeat center center #fff;background-size:auto 12px;}
    #header1 {position:relative;z-index:99;padding:8px 3%;width:94%;height:34px;background-color:#fff;}
    /*======================================================================================*/
    #contents .editorc_box {padding-top:28px;margin:0 auto;}
    #contents .product_news {width:77%;}
    .product_news img{width:750px;}
    .new_article img {display:block;margin:0 auto;max-width: 800px;}
    #products {font-size:0px;float: left;width: 933px;}
    .list_product{width: 220px;float: left;margin: 28px 0 0 0;}
    .list_product ul{padding-right: 60px;}
    .list_product ul li{line-height: 40px;font-size: 20px; border-bottom: #c0c0c0 1px dashed;}
    #products a {display:inline-block;margin:28px 28px 0px 0px;width:279px;font-size:0px;text-align:center;vertical-align:top;}
    #products a:nth-child(3n) {margin-right:0;}
    #products a img {padding:4px;width:269px;height:269px;transition:none;border:1px solid #ddd;}
    #products a img:hover {padding:3px;border:2px solid #1a7cc3;}
    #products a h2 {padding-top:8px;font-size:16px;line-height:1;}
    #products_show {position:relative;width:1028px;margin:25px auto 0px auto;}
    #products_image {float:left;width:45%;font-size:0px;}
    #products_image img {padding:9px;width:400px;height:400px;border:1px solid #ddd;}
    #products_info {float:right;width:52%;padding-bottom:112px;}
    #products_name {margin-bottom:12px;color:#000;font-size:22px;font-weight:normal;}
    #products_thumb {position:absolute;bottom:110px;left:360px;width:670px;font-size:0px;}
    #products_thumb img {margin:12px 12px 0px 0px;padding:2px;width:98px;height:98px;font-size:0px;border:1px solid #ccc;cursor:pointer;}
    #products_thumb img:nth-child(5n) {margin-right:0;}
    #products_thumb img.active {border-color:#018ad7;}
    #products_thumb a {position:absolute;bottom:0px;right:0px;display:block;width:120px;height:35px;color:#fff;font-size:14px;line-height:35px;text-align:center;border-radius:3px;background-color:#018ad7;}
    #products_thumb a:hover {background-color:#ffb400;}
    .products_title {padding:40px 0px 8px 0px;color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #e5e5e5;}
    /*======================================================================================*/
    .fypage li {display:inline-block;}
    #products_page {margin-top:40px;width:100%;}
    #news_page {margin-top:40px;width:100%;}
    .fypage {height:28px;text-align:center;overflow:hidden;}
    .fypage li {display:inline-block;margin:0px 4px;padding:0px 8px;height:26px;line-height:24px;font-size:14px;color:#888;border:1px solid #e5e5e5;background-color:#f5f5f5;text-align:center;vertical-align:top;box-sizing:border-box;overflow:hidden;}
    .fypage li:hover {color:#fff;border-color:#018ad7;background-color:#018ad7;}
    .fypage span.fypage_current {color:#fff;border-color:#018ad7;background-color:#018ad7;}
    .fypage_sl {display:inline-block;margin:0px 4px;padding:0px 6px;height:28px;color:#999;line-height:28px;vertical-align:top;}
    #fypage_gov {display:inline-block;margin:0px 4px;padding:0px 6px;width:40px;height:28px;line-height:28px;color:#333;font-size:12px;text-align:center;vertical-align:top;border:1px solid #e5e5e5;box-sizing:border-box;background:#fff;}
    #fypage_gobtn:hover {color:#fff;border-color:#018ad7;background-color:#018ad7;cursor:pointer;}
    /*======================================================================================*/    
    h1,.bshare-custom {margin:0 auto;font-size:16px;}
    #prevnext {position:relative;margin-top:50px;color:#999;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;overflow:hidden;}
    #prevnext li {display:inline-block;padding:25px 0px;width:48%;box-sizing:border-box;border-right:1px solid #e0e0e0;}
    #prevnext li:first-child {padding-left:35px;background:url(../images/prevnext_arrow1.png) no-repeat left center;}
    #prevnext li:last-child {padding-right:35px;text-align:right;border-right:none;background:url(../images/prevnext_arrow2.png) no-repeat right center;}
    #prevnext li p {height:40px;color:#999;line-height:40px;}
    #prevnext li a:hover {color:#0774c6;}
    #prevnext_back {position:absolute;top:12px;right:0px;}
    /*======================================================================================*/
    #title_cur {position:relative;margin:0px auto;padding-left:25px;width:1175px;height:50px;color:#666;line-height:50px;border-bottom:1px solid #ddd;background:url(../images/home.png) no-repeat left center;overflow:hidden;}
    #title_cur a {color:#f30e0e;}
    #title_cur a:hover {color:#018ad7;}
    #title_cur strong {color:#ffb400;font-weight:normal;}
    #title_cur h2 {position:absolute;top:0px;left:0px;color:#ff0000;font-size:24px;font-weight:normal;line-height:normal;}
    #title_cur a.title_back {position:absolute;top:10px;right:0px;display:block;padding:0px 15px 0px 45px;height:30px;color:#fff;line-height:28px;border-radius:3px;background:url(../images/title_back_bg.png) no-repeat 13px center #018ad7;}
    #title_cur a.title_back:hover {background-color:#ffb400;}
}




@media screen and (max-width:960px) {
    #products_page,.inews_more,.list_product,#header_blk,#header_top,.banner,.title_back,#iabout_box,#title_cur a.title_back,#footer_blk,#float_os,.banner14,.ititle_1,#footer_links_bg,.icases_box1,.product2,.pc_banner,.index-banner-pc,.article-left,.new-product,div.title_menu {display:none;}
    .map {width:90%;margin:0 auto;}
    .location {width:90%;margin:0 auto;}
    h1.title_menu a{font-size:1rem;margin: 0 0 12px 0;padding: 6px 35px;}
    h1{font-size: 16px;}
    #nav li p {display:none}
    body{padding:15px 8px 15px 8px;}
    .links h1 {margin:20px;font-size:1em;}
    #banner {width:100%;font-size:0px;}
    #banner img {width:100%;}
    .banner_products,.product_banner img,.banner_products img {width:100%;max-height:300px;}
    #products_image img {width:80%;}
    .index_new {margin:20px 25px 20px 25px;}
    .index_new ul li {overflow:hidden;}
    .index_new ul li a {white-space:nowrap;text-overflow: ellipsis;}
    #prevnext {margin-top:25px;color:#999;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0;}
    #prevnext li a:hover {color:#0774c6;}
    ul.e2 {margin:0 15px;}
    .index-video ul li {width:95%;padding:0 9px 0 9px;display:inline-block;}
    .index-banner-mobile img{width: 100%;}

    .gc-inews{display: flex;flex-wrap: wrap;justify-content: space-between;}

    .gc-inews .gots{  height: 40px;text-align: center;font-size: 20px; margin-top: 10px;}

    .inews_box ul.gc-inews li{margin: 10px;padding: 15px;}

    .inews_box ul.gc-inews li img{width: 100%;height: auto;}
    .gc-inews li img{width:100%;height: auto;}
    .gc-inews li {margin: 10px;padding: 15px;}

    /*======================================================================================*/    
    #title_cur {position:relative;padding:0 25px;color:#666;border-bottom:1px solid #ddd;background:url(../images/home.png) no-repeat left center;overflow:hidden;}
    #title_cur a {color:#f30e0e;}
    #title_cur a:hover {color:#018ad7;}
    #title_cur strong {color:#ffb400;font-weight:normal;}
    #title_cur h2 {position:absolute;top:0px;left:0px;color:#ff0000;font-size:24px;font-weight:normal;line-height:normal;}

  /*======================================================================================*/ 
    ul.inews li {float:left;display:block;position:relative;width:50%;}
    .index-new:nth-child(0){margin-right: 15px;}
    .index-new:nth-child(2){margin-right: 15px;}
    ul.inews li .index-new{margin:12px;box-sizing:border-box;border:1px solid #d4d4d4;overflow:hidden;}
     .index-new:nth-child(2n){margin:0}
    .inews .index-new img {width:100%;max-height:161px;}
    .inews .index-new div {margin:0px auto;width:100%;height:68px;border-bottom:1px solid #d5d5d5;}
    .inews .index-new div h4 {font-size:14px;font-weight:normal;width:100%;    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
    .inews .index-new div span {color:#999;font-size:12px;padding:15px 5px 5px 5px;}
    .inews .index-new p {margin:10px auto 0px auto;height:69px;color:#999;font-size:12px;line-height:23px;overflow:hidden;text-indent: 1.4em;padding:15px 5px 5px 5px;}
    /*======================================================================================*/    
    .about_image3 {position:relative;font-size:0px;}
    .about_image3:before {position:absolute;top:0px;left:50%;width:1px;height:100%;content:"";background-color:#e5e5e5;}
    .about_image3 li {display:inline-block;padding:8px;width:50%;font-size:0px;text-align:center;vertical-align:top;box-sizing:border-box;border-top:1px solid #e5e5e5;border-left:1px solid #fff;}
    .about_image3 li:nth-child(1) {border-top:none;}
    .about_image3 li:nth-child(2) {border-top:none;}
    .about_image3 li img {width:100%;}
    .about_image3 li p {margin-top:6px;font-size:14px;font-weight:normal;line-height:1.4;}
    .aboutus_name {position:relative;height:40px;box-shadow:inset 0px 0px 12px rgba(0,0,0,0.4);background-color:#018ad7;}
    .aboutus_name h2 {position:absolute;top:0px;left:3%;color:#fff;font-size:16px;line-height:42px;}
    .fypage li {display:inline-block;    font-size: 16px;padding: 0 15px 0 2px;}
    .fypage{padding: 15px 0 15px 0;}
    #products_page{padding: 15px 0 15px 0;}
    /*======================================================================================*/    #certify {position:relative;width:100%;margin:0 auto}
    #certify .swiper-slide {width:520px;height:408px;background:#fff;box-shadow:0 8px 30px #ddd;}
    #certify .swiper-slide img {display:block;width:100%;}
    #certify .swiper-slide p {line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.4em;margin:0;}
    #certify .swiper-pagination {width:100%;bottom:20px;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet {margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1;}
    #certify .swiper-pagination-bullets .swiper-pagination-bullet-active {border:3px solid #00aadc;background-color:#fff;}
    #certify .swiper-button-prev {right:113px;top:39%;width:45px;height:45px;background:url(/images/btn_l.png) no-repeat;background-position:0 0;background-size:100%;}
    #certify .swiper-button-prev:hover {background-position:0 -46px;background-size:100%}
    #certify .swiper-button-next {right:113px;top:39%;width:45px;height:45px;background:url(/images/btn_r.png) no-repeat;background-position:0 0;background-size:100%;}
    #certify .swiper-button-next:hover {background-position:0 -139px;background-size:100%}
    /*======================================================================================*/    #factory {width:100%;font-size:0px;text-align:center;}
    #factory li {margin-top:3%;}
    #factory li img {width:100%;}
    #factory p {padding:8px 0px 15px 0px;font-size:14px;}
    #about_image3 {position:relative;font-size:0px;}
    #about_image3:before {position:absolute;top:0px;left:50%;width:1px;height:100%;content:"";background-color:#e5e5e5;}
    #about_image3 li {display:inline-block;padding:8px;width:50%;font-size:0px;text-align:center;vertical-align:top;box-sizing:border-box;border-top:1px solid #e5e5e5;border-left:1px solid #fff;}
    #about_image3 li:nth-child(1) {border-top:none;}
    #about_image3 li:nth-child(2) {border-top:none;}
    #about_image3 li img {width:100%;}
    #about_image3 li p {margin-top:6px;font-size:14px;font-weight:normal;line-height:1.4;}
    .video_play {width:100%;height:240px;font-size:0px;background-color:#000;}
    /*======================================================================================*/   
     .ipro img {width:40%;float: left; padding:1rem 1rem 1rem 1rem;}
    .ipro_p {margin:1.6rem;}
    /*======================================================================================*/    #icases_box {padding:3%;}
    #icases1 {width:100%;font-size:0px;}
    #icases1 .swiper-wrapper {width:100%;height:auto;}
    #icases1 .swiper-slide img {width:100%;}
    #icases1 .swiper-slide p {padding:6px 0px 12px 0px;font-size:14px;text-align:center;}
    #icases1 .swiper-pagination {position:static;left:0px;bottom:0px;width:100%;height:8px;font-size:0px;}
    #icases1 .swiper-pagination span {margin:0px;width:8px;height:8px;font-size:0px;border-radius:50%;background:#018ad8;opacity:1;overflow:hidden;}
    #icases1 .swiper-pagination span.swiper-pagination-bullet {margin:0px 3px;}
    #icases1 .swiper-pagination span.swiper-pagination-bullet-active {background:#ffb400;}
    #icases1 .swiper-button-prev {margin-top:-50px;width:20px;height:40px;background:url(/mobile/images/icases_prev.png) no-repeat center center;background-size:20px 40px;}
    #icases1 .swiper-button-next {margin-top:-50px;width:20px;height:40px;background:url(/mobile/images/icases_next.png) no-repeat center center;background-size:20px 40px;}
    /*======================================================================================*/    #iproducts_class {padding:3% 2% 0px 2%;height:80px;font-size:0px;background:url(../images/iproducts_class_bg.jpg) repeat-x left bottom;overflow:hidden;}
    #iproducts_class li {display:inline-block;padding:5px 0px;width:25%;height:70px;text-align:center;vertical-align:top;}
    #iproducts_class li.active {background-color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
    #iproducts_class li img {height:50px;}
    #iproducts_class li p {font-size:12px;}
    .iproducts {padding-bottom:3%;font-size:0px;}
    .iproducts ul {padding-bottom:3%;font-size:0px;}
    .iproducts li {display:inline-block;margin:3% 0px 0px 3%;padding:6px;width:45.5%;font-size:0px;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #ddd;}
    .iproducts li img {width:100%;}
    .iproducts li h2 {padding:5px 0px;font-size:12px;font-weight:normal;}
    .iproducts_ts span {display:inline-block;width:31.33%;height:20px;color:#fff;font-size:10px;line-height:22px;vertical-align:top;background-color:#0189d7;overflow:hidden;}
    .iproducts_ts span:nth-child(2) {margin:0px 3%;background-color:#f4ac00;}
    .iproducts_ts span:nth-child(3) {background-color:#96cd4e;}
    .iproducts_as {margin-top:3%;padding:3%;border-top:1px dotted #d0d0d0;background-color:#4c4c4c;}
    .iproducts_as a {display:inline-block;width:48.5%;height:22px;color:#fff;font-size:10px;font-weight:bold;line-height:23px;vertical-align:top;background-color:#4c4c4c;overflow:hidden;}
    .iproducts_as a:last-child {margin-left:3%;}
    .iproducts_more {position:relative;text-align:center;}
    .iproducts_more:before {position:absolute;top:50%;left:0px;z-index:1;margin-top:-2px;width:100%;height:1px;content:"";background-color:#ddd;}
    .iproducts_more a {position:relative;z-index:2;display:inline-block;width:40px;height:12px;background:url(../images/t2.gif) no-repeat center center #fff;background-size:auto 12px;}
    /*======================================================================================*/    #inews>div {float:left;}
    #inews index-new {float:left;display:block;position:relative;margin-right:30px;padding:10px;width:380px;height:470px;font-size:0px;box-sizing:border-box;border:1px solid #d4d4d4;border-bottom:3px solid #017cd2;overflow:hidden;}
    #inews index-new img {width:358px;height:215px;}
    #inews index-new div {margin:0px auto;width:330px;height:68px;border-bottom:1px solid #d5d5d5;}
    #inews index-new div h2 {padding:15px 0px 5px 0px;font-size:18px;font-weight:normal;}
    #inews index-new div span {color:#999;font-size:12px;}
    #inews index-new p {margin:10px auto 0px auto;width:330px;height:69px;color:#999;font-size:14px;line-height:23px;overflow:hidden;}
    .inews_more {bottom:30px;left:50%;margin-left:35px;padding-left:30px;width:120px;height:42px;line-height:42px;font-size:14px;border-radius:21px;background:url(../images/more_bg.png) no-repeat 95px center #eee;}
    #inews index-new:hover {border-color:#018ad7;border-bottom-color:#ffb400;background-color:#018ad7;}
    #inews index-new:hover * {color:#fff;}
    #inews index-new:hover div {border-bottom-color:#fff;}
    #inews index-new:hover .inews_more {color:#fff;background-color:#ffb400;background-image:url(../images/more_bg2.png);}
    .inews_button {position:absolute;top:160px;display:block;width:55px;height:55px;background:url(../images/inews_arrow.png) no-repeat;cursor:pointer;}
    #inews_button_left {left:-65px;}
    #inews_button_left:hover {background-position:left bottom;}
    #inews_button_right {right:-65px;background-position:right top;}
    #inews_button_right:hover {background-position:right bottom;}
    /*======================================================================================*/    .ititle {padding-top:15px;text-align:center;border-top:8px solid #eee;}
    .ititle h2 {color:#000;font-size:16px;}
    .ititle p {position:relative;color:#999;font-size:12px;}
    .ititle p span {position:relative;z-index:2;display:inline-block;padding:0px 10px;background-color:#fff;}
    .ititle p:before {position:absolute;top:50%;left:0px;z-index:1;width:100%;height:1px;content:"";background-color:#ddd;}
    .ititle p:after {position:absolute;top:50%;left:0px;z-index:1;width:100%;height:1px;content:"";background-color:#ddd;}
    /*======================================================================================*/    #iyoushi {font-size:0px;}
    #iyoushi li {display:inline-block;padding:15px 3%;width:50%;height:auto;text-align:center;vertical-align:top;box-sizing:border-box;}
    #iyoushi li:nth-child(1) {border-right:1px solid #eaeaea;border-bottom:1px solid #eaeaea;}
    #iyoushi li:nth-child(2) {border-bottom:1px solid #eaeaea;}
    #iyoushi li:nth-child(3) {border-right:1px solid #eaeaea;}
    #iyoushi li span:nth-child(1) {display:none;}
    #iyoushi li img {width:60px;}
    #iyoushi li h3 {padding:10px 0px;font-size:14px;}
    #iyoushi li p {font-size:12px;}
    #iyoushi li p span {color:#018ad7;}
    #iyoushi li p:before {display:block;margin:0px auto;width:32px;height:10px;content:"";border-top:2px solid #ffaa01;}
    /*======================================================================================*/    #iproducts_class {padding:3% 2% 0px 2%;height:80px;font-size:0px;background:url(/images/iproducts_class_bg.jpg) repeat-x left bottom;overflow:hidden;}
    #iproducts_class li {display:inline-block;padding:5px 0px;width:25%;height:70px;text-align:center;vertical-align:top;}
    #iproducts_class li.active {background-color:#fff;box-shadow:0px 0px 5px rgba(0,0,0,0.5);}
    #iproducts_class li img {height:50px;}
    #iproducts_class li p {font-size:12px;}
    .iproducts3 {padding-bottom:3%;margin:0 12px;font-size:0px;}
    .iproducts1 ul {padding-bottom:3%;font-size:0px;}
    .iproducts3 li {display:inline-block;margin:3% 0px 0px 3%;padding:6px;width:45.5%;font-size:0px;text-align:center;vertical-align:top;box-sizing:border-box;border:1px solid #ddd;}
    .iproducts3 li img {width:100%;}
    .iproducts3 li h2 {padding:5px 0px;font-size:12px;font-weight:normal;}
    .iproducts3 li h3 {padding: 5px 0px;font-size: 1.1rem;font-weight: normal;}
    .iproducts_ts span {display:inline-block;width:31.33%;height:20px;color:#fff;font-size:10px;line-height:22px;vertical-align:top;background-color:#0189d7;overflow:hidden;}
    .iproducts_ts span:nth-child(2) {margin:0px 3%;background-color:#f4ac00;}
    .iproducts_ts span:nth-child(3) {background-color:#96cd4e;}
    .iproducts_as {margin-top:3%;padding-top:3%;border-top:1px dotted #d0d0d0;}
    .iproducts_as a {display:inline-block;width:48.5%;height:22px;color:#fff;font-size:10px;font-weight:bold;line-height:23px;vertical-align:top;background-color:#4c4c4c;overflow:hidden;}
    .iproducts_as a:last-child {margin-left:3%;}
    .iproducts_more {position:relative;text-align:center;}
    .iproducts_more:before {position:absolute;top:50%;left:0px;z-index:1;margin-top:-2px;width:100%;height:1px;content:"";background-color:#ddd;}
    .iproducts_more a {position:relative;z-index:2;display:inline-block;width:40px;height:12px;background:url(/images/t2.gif) no-repeat center center #fff;background-size:auto 12px;}
    #header1 {position:relative;z-index:99;padding:8px 3%;width:94%;height:34px;background-color:#fff;}
    /*==================================================================================*/    #logo1 {display:inline-block;height:34px;vertical-align:top;}
    #logo_str1 {display:inline-block;margin-left:10px;padding-left:10px;height:34px;color:#018ad7;font-size:14px;line-height:34px;vertical-align:top;border-left:1px solid #ddd;}
    #header_menu1 {position:absolute;top:15px;right:15px;height:20px;}
    #nav1 {position:absolute;top:50px;right:-0px;z-index:98;display:none;width:33%;}
    #nav1 li a {display:block;padding:8px 3px;color:#fff;font-size:14px;text-align:center;border-bottom:1px solid #353a3e;background-color:rgba(0,0,0,0.8);}
    #nav1 li a:hover {background-color:#0183cd;}
    .nav1 {position:absolute;top:50px;right:-0px;z-index:98;display:none;width:33%;}
    .nav1 li a {display:block;padding:8px 3px;color:#fff;font-size:14px;text-align:center;border-bottom:1px solid #353a3e;background-color:rgba(0,0,0,0.8);}
    .nav1 li a:hover {background-color:#0183cd;}
    #search {display:none;padding:3%;font-size:0px;border-bottom:1px solid #ddd;background-color:#e5e5e5;}
    #search input {display:inline-block;padding:0px 8px;width:calc(100% - 77px);height:30px;color:#333;border:none;background-color:#fff;}
    #search span {display:inline-block;width:60px;height:30px;color:#333;font-size:14px;line-height:30px;text-align:center;border-left:1px solid #ddd;background-color:#fff;}
    #contents {margin:0px auto;max-width:100%;}
    .article_list_image img {width:100%;height:150px;transition:all ease-out 0.5s;}
    #article li {position:relative;margin-top:30px;padding-left:39%;height:180px;border-bottom:1px solid #ddd;overflow:hidden;}
    .article_list_image {position:absolute;top:0px;left:0px;display:block;width:37%;height:150px;overflow:hidden;}
    .title_menu {padding:20px 0px 0px 0px;text-align:center;min-width:100%;}
    .editorc_box {margin:0px auto;padding:22px 15px;max-width:768px;overflow:hidden;line-height: 26px;}
    #footer1 {padding:10px 3% 10px 3%;font-size:16px;color:#999;text-align:center;background-color:#f5f5f5;}
    #footer1 a {color:#999;}
    #footer_logo1 {padding-bottom:12px;font-size:0px;text-align:center;}
    #footer_logo1 img {display:inline-block;height:22px;vertical-align:middle;}
    #footer_tel1 {display:inline-block;margin-left:15px;padding-left:85px;height:40px;font-size:16px;text-align:left;line-height:1.2;vertical-align:middle;background:url(/mobile/images/footer_tel.png) no-repeat;background-size:auto 30px;}
    #footer_tel a {color:#ffb400}
    #footer_tel a:last-child {color:#018ad7;letter-spacing:0.7px;}
    #footer_content1 {line-height:1.6;}
    #float_nav {bottom:0px;left:0px;z-index:999;width:100%;height:65px;font-size:0px;background:#0572d7;overflow:hidden;}
    #float_nav li {display:inline-block;width:33.33%;height:65px;}
    #float_nav li:first-child {background-color:rgb(240,169,1);}
    #float_nav li:last-child a {border-right:none;}
    #float_nav li a {display:block;padding-top:7px;height:43px;color:#fff;text-align:center;}
    #float_nav li img {height:20px;}
    #float_nav li span {display:block;margin-top:1px;font-size:16px;}
    /*====================================???????==============================================*/   
     .editorc_box img {width:100%!important;height:auto!important;text-indent:0}
    #products_image {margin:0 auto;width:70%;}
    #products_info {margin:20px 15px 20px 50px;}
    #products_name {margin-bottom:12px;color:#000;font-size:22px;font-weight:normal;text-align:center;}
    #products_image img {padding:9px;border:1px solid #ddd;}
    #products_thumb a {position:absolute;bottom:0px;right:0px;display:block;width:120px;height:35px;color:#fff;font-size:14px;line-height:35px;text-align:center;border-radius:3px;background-color:#018ad7;}
    #products {font-size:0px;}
    #products a {display:inline-block;margin:28px 28px 0px 0px;width:45%;font-size:0px;text-align:center;vertical-align:top;}
    #products a:nth-child(2n) {margin-right:0;}
    #products a img {padding:4px;width:100%;height:auto;transition:none;border:1px solid #ddd;}
    #products a img:hover {padding:3px;border:2px solid #1a7cc3;}
    #products a h2 {padding-top:8px;font-size:16px;line-height:1;white-space: nowrap;overflow: hidden; text-overflow: ellipsis;}
    #products_show {position:relative;margin-top:25px;}
    #products_thumb {position:absolute;bottom:20px;left:530px;width:670px;font-size:0px;}
    #products_thumb img {margin:12px 12px 0px 0px;padding:2px;width:98px;height:98px;font-size:0px;border:1px solid #ccc;cursor:pointer;}
    #products_thumb img:nth-child(5n) {margin-right:0;}
    #products_thumb img.active {border-color:#018ad7;}
    #products_thumb a:hover {background-color:#ffb400;}
    .products_title {padding:40px 0px 8px 0px;color:#333;font-size:14px;font-weight:bold;border-bottom:1px solid #e5e5e5;}
    /*======================================================================================*/

}
@media screen and (max-width:700px) {
    ul.inews li{width:100%}
    .inews .index-new div h4 {font-size:14px;font-weight:normal;    white-space: nowrap; text-overflow: ellipsis;overflow: hidden;}
    .inews .index-new div span {font-size:12px;padding:15px 15px 15px 15px;}
    .inews .index-new p{padding:15px 15px 15px 15px;}

}

/*======================================================================================*/
.article-intro{padding: 40px;background: rgba(248, 248, 248);margin-bottom: 10px;}
@media screen and (max-width:700px){
    .article-intro{padding: 10px;background: rgba(248, 248, 248);margin-bottom: 10px;}
}