@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;outline:0}input.hidefocus::-moz-focus-inner{border:0}table{border-collapse:collapse;border-spacing:0;empty-cells:show}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{font-size:100%}i,em{font-style:normal}small{font-size:12px;display:block}* html .clearfix{zoom:1}*+html .clearfix{zoom:1}.clearfix:after{height:0;visibility:hidden;content:".";display:block;clear:both}a{text-decoration:none;color:#333;outline:none;}a:hover{color:#999!important;text-decoration:none}body{font-size:14px; font-size:.875rem;font-family:'Source Han Sans CN';color:#666;line-height:24px;background:#fff}.clear{clear:both}.shouji{display:none}.invisible{ visibility:hidden}
*{padding:0;margin:0}
.jyjc{ background:#fafafa; line-height:25px; border-bottom:1px solid #f8f8f8}
.jyjc .jyTel{ max-width:1200px;margin:0 auto; color:666}
.jyjc span{width:auto;float:right; padding-left:27px}
.jyjc .jyTel h1{ display:inline; font-weight:normal; font-size:14px}
/*head*/
.header1 {max-width:1200px;margin:0 auto 30px;padding-top:20px; backgground:#ffffff;position:relative;z-index:3;margin-bottom:30px}
.header1 .logo{ width:28.65%;float:left}
.header1 .logo .a{display:block;width:auto;float:left;}
.header1 .logo .a img{display:block}
.header1 .menu { float: right; width:70%;}
.header1 .menu ul li { float: left; width: 11.45%; text-align: center; padding-left: 2px; }
.header1 .menu ul li a{ font-size: 14px; color: #666; height: 47px; line-height: 47px; display: block; }
.header1 .menu ul li:hover { border-top: 1px solid #23274c;}
.header1 .menu ul .currentNav{ border-top: 1px solid #23274c;}
#currentNav{ border-top: 1px solid #23274c;}

/*foot*/
.foot { width: 100%; background: #242424}
.foot .foot-nei{ width: 1200px; margin: 0 auto;}
.foot-nei .foot-logo { width: 100%; text-align: center; padding-top: 70px;}
.foot-nei .foot-logo a { display: block;}
.foot-nei .foot-menu { width: 100%;}
.foot-nei .foot-menu ul li { float: left; width: 171px; height: 93px; line-height: 93px; text-align: center}
.foot-nei .foot-menu ul li a {display: block; color: #fff;}
.foot-nei .foot-message { width: 100%;padding-bottom: 10px;}
.foot-nei .foot-message .mess{ float: left; width: 50%;}
.foot-nei .foot-message .mess p { color: #fff; height: 30px; line-height: 30px;}
.foot-nei .foot-message .mess img{ float: left }
.foot-nei .foot-message .mess .addre img { margin-left:4px; }
.foot-nei .foot-message .mess .qq img { margin-left:2px; }
.foot-nei .foot-message .mess .email img { margin-left:4px; }
.foot-nei .foot-message .wx { float: left; width: 50%;}
.foot-nei .foot-message .wx img { width: 120px; height: 120px;}
.foot-nei .foot-copy { width: 100%; border-top: 1px solid #2e2e2e; padding: 10px 0;}
.foot-nei .foot-copy p { color: #fff; text-align: center;}
.foot-nei .foot-copy p a { color: #fff;}
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:1009;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;font:14px/54px Arial, Helvetica, sans-serif;}
.side ul li .sidebox1{ display:block;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;overflow:hidden;width:40px;height:40px; padding-top:14px; padding-left:14px}
.side ul li .sidebox1:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}
/*banner*/
.banner{width:100%}
.about_banner {
    background:url(../images/about_banner.jpg) no-repeat center top; height:290px; width:100%
}
.about_banner p {
    width: 1200px;
    margin: 0 auto;
}
.about_banner p span {
    font-size:30px; color:#fff;font-family:'华文新魏'; display:block; padding-top:86px; float:right; line-height:47px;
}
.contact_banner {
    background:url(../images/contact_banner.jpg) no-repeat center top; height:290px; width:100%;
}
.contact_banner p {
    width: 1200px;
    margin: 0 auto;
}
.contact_banner p>span{
    font-size:40px; color:#fff;font-family:'黑体'; display:block; padding-top:125px;text-align:center;text-shadow: 5px 2px 6px #000;
}
.contact_banner p>span>span {
    color:#ffba00;
}
.hiSlider-item{width:100%}
.product_banner>.banner-eps {
    background:url(../images/EPS_banner.jpg) no-repeat center top; height:290px;
}
.product_banner>.banner-grc {
    background:url(../images/GRC_banner.jpg) no-repeat center top; height:290px;
}
.product_banner>.banner-product {
    background:url(../images/chanpin_banner.jpg) no-repeat center top; height:290px;
}

.product_banner>.banner p {
    width:1200px; margin:0 auto;
}
.product_banner>.banner p .eps {
    padding-top:10px!important;
    padding-left:90px;
}
.product_banner>.banner p span:first-child {
    font-size:32px; color:#fff; text-align:center; font-family:'微软雅黑'; display:block; padding-top:86px
}
.product_banner>.banner p span:last-child {
    display:block; text-align:center; font-family:'微软雅黑'; color:#fff; padding-top:46px;font-size: 18px;
}
/*case*/
.case_banner{width:100%;background:url(../images/case_banner.jpg) no-repeat center top; height:290px;}
.case_banner img{width:100%}
.case_banner p {
    width:1200px; margin:0 auto;
}
.case_banner p span:first-child {
    font-size:32px; color:#fff; text-align:center; font-family:'微软雅黑'; display:block; padding-top:86px
}
.case_banner p span:last-child {
    display:block; text-align:center; font-family:'微软雅黑'; color:#fff; padding-top:46px;font-size: 18px;
}
/*.case_list li img{ float:left; margin:20px; width:19%}*/
/*.case_list li .title{ font-size:29px; color:#262a4e; line-height:63px; float:right; width:77%; border-bottom:1px dashed #666}*/
/*.case_list li .more{ float:right;background:#262a4e;color:#fff;width:81px;text-align:center; border-radius:5px; margin-top:57px}*/
.case_list li {
    box-sizing: border-box;
    padding:20px 10px;
}
.case_list li a .box {
    width: 100%;
    border: 1px solid #ebebeb;
    box-sizing: border-box;
    padding: 10px;
    overflow: hidden;
}
.case_list li a .box img {
    height: 200px;
}
.case_list li a p {
    text-align: center;
}
/*content*/
#content{max-width:1200px;margin:0 auto;padding-bottom:85px;}
#content p {line-height: 24px}
/*left*/
#content .left{margin-bottom:10px;line-height:54px;border-bottom:1px solid #eaeaea;height:54px; overflow:hidden}
#content .left ul{margin-bottom:10px; display:table;float:left;font-size:16px}
#content .left ul li{display:table-cell;}
#content .left ul .left_none a{background-image:none}
#content .left ul li a{display:block;padding:0 13px;line-height:54px;color:#000; text-align:center; font-size:15px}
#content .left ul li a:hover,#content .left ul li .left_currentNav{background:#21254b;color:#fff!important}
#content .left p{text-align:right;float:right;padding-right:22px;display:inline-table;color:#999;padding-left:30px;background:url(../images/fw.png) no-repeat left center; line-height: 54px}
#content .left p a{color:#999;}
/*newslist*/
.news_banner{width:100%;background:url(../images/chanpin_banner.jpg) no-repeat center top; height:290px;width: 100%}
.news_banner img{width:100%}
.news_banner p {
    width:1200px; margin:0 auto;
}
.news_banner p span:first-child,.contact_banner p span:first-child {
    font-size:32px; color:#fff; text-align:center; font-family:'微软雅黑'; display:block; padding-top:86px
}
.contact_banner p span:last-child,.news_banner p span:last-child {
    display:block; text-align:center; font-family:'微软雅黑'; color:#fff; padding-top:46px;font-size: 18px;
}
.newslist{padding-bottom:20px;padding-top:35px}
.newslist li{margin-bottom:40px;float:left; width:30%; padding:20px 20px 0px 20px}
.newslist .none{border-top:0}
.newslist .img{display:block;overflow:hidden;position:relative;width:360px; height:240px}.newslist .img img{display:block;margin:0 auto;width:100%;position:relative;}
.newslist .desc{position:relative;height: 152px;overflow:hidden;}.newslist .date a:hover{color:#fff!important}
.newslist .desc .h2{line-height:40px;color:#333;font-size:16px;display:block; text-align:center; height:40px;font-weight:bold}
.newslist .desc .h2 h3 {color:#333;font-size:16px;}
.newslist .desc p{ font-weight:normal; line-height:18px; font-size:14px; color:#666; height:72px;overflow: hidden; text-indent: 2em}
.newslist .desc .more1{position:absolute;bottom:0;color:#999l; width:100%}
.newslist .desc .more1 time{display:inline-table;width:auto;float:right;color:#999;font-size:12px;font-weight:normal}
.newslist .desc .more1 .gengduo{ float:right}
/*news*/
.tuijianxinwen{float:left;width:24.7%;background:#f2f2f2;margin-top:40px}
.tuijianxinwen .xgwz{color: #fff;font-weight: bold;padding-left:20px;line-height:86px;background: #21254b no-repeat 82% center;border-bottom:1px solid #2da0a1}
.xgwz_ul{margin:0 auto 50px;width:90%;}
.xgwz_ul li{line-height:58px;border-top: 1px dashed #d4d3d3;}.xgwz_ul .linenone{border-top:none}
.xgwz_ul li a{color:#666;font-size:14px;}
.info_news{float:right;width:68.8%;margin-top:40px}
.info > .h2 {font-size:24px;color: #141414;line-height:30px;font-weight:bold;margin-bottom:16px}
.info .date{padding:0 16px 0 33px;line-height:40px;margin-bottom:28px;display:block;color:#999}
.news_info_info{padding:0 12px}
.news_info_info p a {color:#666;font-size:14px;}
.info .fenxiang{line-height:15px;text-align:left;padding:20px 0;border-bottom:1px dashed #e4e4e4}.info .fenxiang div{padding-left:247px;}.info .fenxiang .addthis_toolbox1{width:290px}.info .fenxiang .bdsharebuttonbox2{padding-left:207px;}
.bdsharebuttonbox1{display:inline-block;float:right;margin-top:11px;}.bdsharebuttonbox1 span{float:left;display:inline-block;width:auto;line-height:28px}#ckepop .button, #ckepop .jiathis_txt{font-size:15px!important}
.info .syp{padding-top:20px;}
.prenext{padding:10px 0;line-height:38px;color:#999}.prenext a{color:#999}
/*products*/
.product_banner{width:100%}
.product_banner img{width:100%}
.product span{ }
#content .title_ch{ font-size:30.76px; color:#25294e;font-weight:bold; line-height:85px; padding-right:15px; float:left;width:100%;}
#content .title_en{ font-size:14px; color:#666;font-weight:bold; line-height:85px; padding-right:15px}
.product_list li {width:23%; float:left; padding:12px}
.product_list li a span {
    display: block;
    width: 276px;
    height: 207px;
    overflow: hidden;
}
.product_list li img{ width:100%; height:auto}
.product_list li .title{ display:block; text-align:center}
/*honer*/
.honer_list{margin:0 auto;padding-top:40px}
.honer_list li{float:left;width:22.7%;margin-right:3%;margin-bottom:30px; overflow:hidden}
.honer_list li a{display:table;width:99%;border:1px solid #e4e4e4;margin-bottom:15px; overflow:hidden}
.honer_list .cha{margin-right:0}
.honer_list li .img{display:block;width:100%;height:200px;padding:10px 0;
display: table-cell;vertical-align:middle;*display: block;*font-size:174.6px;*font-family:Arial;overflow:hidden; position:relative; text-align:center;}.honer_list li .img img{max-height:238px;}
.honer_list li .title{height:50px;line-height:50px;text-align:center}
/*aboutinfo*/
.about_banner{ width:100%}
.about_banner img{ width:100%}
.aboutinfo .about_title span{text-align:right;color:#25294e;font-size:30.76px;font-weight:bold;padding-right:15px;line-height:85px}
.aboutinfo #aboutinfo{padding:46px 36px 60px}
.aboutinfo #aboutinfo .left1 img{float:left;margin-right:50px}
.aboutinfo #aboutinfo .right1 img{float:right;margin-left:50px}
/*人才招聘*/
.right h1{ font-size:21px; text-align:center}
/*联系我们*/
.contact_banner{ width:100%}
.contact_banner img{ width:100%}
.contact_info{padding:20px 0 60px; background:#fbfbfb; width:1200px; position:relative}
#faqbox{ position:absolute; bottom:107px; background:#fff; width:26%; left:90px;padding-top:20px;}
#faqbox .lianxifangshi{ 
    line-height: 36px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    box-sizing: border-box;
    padding: 4px;
}
#faqbox .rexian{ float:left; color:#565656;margin-left:20px;}
#faqbox .lianxifangshi .dianhua{ float:left; font-size:28px; color:#333;margin-left:10px;}
#faqbox .faqline{ line-height:2em; padding-bottom:5px;text-align:left; margin-bottom:5px; padding-left:25px}
#faqbox .faqline .faqtit{width:110px; display:block; float:left;text-align:right; height:30px; line-height:30px;}
#faqbox .Content{ line-height:2em; height:105px; text-align:left; margin-bottom:5px; padding-left:25px}
#faqbox .Content .faqtit{width:110px; display:block; float:left; clear:both; text-align:right; height:30px; line-height:30px;}
#faqbox .Content textarea { height:100px; width:74%}
#faqbox .faqline .input{ width:74%}
#faqbox .faqline .login_verification{ width:36%}
#faqbox .faqline .submit{ margin:0 auto; display:block; width:25%; background:#155dab; color:#fff}
#faqbox .faqline .font{color:#f00}
.contact_info .xinxi{width:94.17%;padding:0 3% 0}.contact_info .xinxi a{color:#666}
.contact_info .xinxi .h2{font-size:22px;padding-left:20px;color:#155dab;line-height:60px}
.contact_info .xinxi ul{padding-top:15px}
.contact_info .xinxi li{padding-left:40px;line-height:40px; float:left; font-size:14px; color:#666}
@media all and (min-width:0) and (max-width:768px)
{
    .shouji{display:block}
    .shoujinone{display:none !important}
    img{width:100%}

.header1 { width: 100%;padding-top:10px!important; margin: 0!important;position: relative;z-index: 3;}
.header1 .logo{width:75%!important;}
.header1 .logo .a { margin-left: 10px;}
.header1 .logo .a img{width: 70%;height: auto;}


/*left*/
#content .left{height:40px;margin-bottom:0;}
    #content .title_ch {font-size: 24px;line-height:42px;}
#content .left ul{display:none}#content .left p{font-size:12px;padding-right:10px;}
/*content*/
#content{width:93.75%;padding-bottom:30px;}.info{width:93.75%;margin:0 auto}

/*products*/
.info .p1{margin:0 auto 10px;width:100%}.info .p1 hr{top:-21px}
/*case*/
.swiper-container .swiper-wrapper .swiper-slide{ width:300px; height:300px}
/*newslist*/
.newslist{padding-top:20px;width:93.75%;margin:0 auto}
.newslist li{margin-bottom:10px;padding-left:0;border-bottom:1px #dfdfdf solid;padding-bottom:10px; float:none; width:100%; height:150px}
.newslist .img{width:100%;height:11.5rem; overflow:hidden;float:left}
.newslist .img img{height:auto; width:100%;margin:0 auto}
.newslist .desc{padding-bottom:0;width:100%}
.newslist .desc .h2{line-height:20px;font-weight:800;border-bottom:none;margin-bottom:0;height: 2rem;}
.newslist .desc .h2 h3 {height: 2rem;line-height: 2rem}
.newslist .desc .h2 span{float:none;display:block}
.newslist .desc .more{display:none}
.newslist .desc p{ line-height:22px}
/*news*/
.tuijianxinwen{float:none;width:93.75%;background:#f2f2f2;margin:0 auto}
.tuijianxinwen .xgwz{color: #fff;font-weight: bold;padding-left:20px;line-height:86px;background: url(../images/tj.gif) #43c6c7 no-repeat 82% center;border-bottom:1px solid #2da0a1}
.xgwz_ul{margin:0 auto 50px;width:90%;}
.xgwz_ul li{line-height:58px;border-top: 1px dashed #d4d3d3;}
.xgwz_ul .linenone{border-top:none}
.xgwz_ul li a{color:#666}
.info_news{float:none;margin-top:20px}
.bdsharebuttonbox1{float:none;}
.info .date{padding:0;margin-bottom:0;background:none;height:auto;line-height:18px}
.news_info_info{padding:0}
.info > .h2 {font-size:18px;margin-bottom:10px; text-align:center}
.info .fenxiang div{padding-left:0;}
.info .fenxiang .bdsharebuttonbox2{padding-left:0;}
.info .syp{padding-top:10px;}
.prenext{padding:5px 0;line-height:20px;}
/*productlist*/
.product_list li img{ height:auto}
.product_list{padding-top:0;}
.product_list li{width:47%;margin:4px;padding:0;}
.product_list li .imga{width:100%;padding-top:10px}
.product_list li .title{line-height:40px;font-size:13px}
.product_list li .morety{display:none}.product_list li .more{display:none}
#content .title_en{ font-size:13px;line-height:42px;}
/*aboutinfo*/
.aboutinfo p img{ margin:5px !important; width: 100% !important; padding: 0px !important;}
.aboutinfo .about_title span{width:100%;text-align:center;font-size:18px;padding-right:0;line-height:40px}
.aboutinfo #aboutinfo{padding:10px 0 20px;width:93.75%;margin:0 auto}.aboutinfo #aboutinfo .left1 img{float:none;margin-right:0}.aboutinfo #aboutinfo .right1 img{float:none;margin-left:0}
.aboutinfo .about_title1{margin-bottom:20px}.aboutinfo .about_title1 span{display:inline-table;width:122px;text-align:center;color:#fff;line-height:27px;background:#40c3c4}
#demo{width:100%;}#demo table{top:0}#demo img{width:auto;height:130px;margin-right:10px}
/*honer*/
.honer_list{margin-top:0;padding-top:20px;width:93.75%;background:#fff}.honer_list li{margin-bottom:10px;width:47%;margin-right:0}.honer_list li a{width:98%;height:auto;}.honer_list li .title{line-height:18px;padding-top:8px}
.honer_list li .img{height:133px;*font-size:116.109px;margin:0;width:190px;display:table-cell; overflow:hidden;padding: 0;}.honer_list li .img img{max-width:95%;max-height:130px;width:auto!important;height:auto!important}
.honer_list .right_h{float:right}
/*联系我们*/
#faqbox{ position:static; width:93.75%; margin:0 auto; padding-top:20px}
#faqbox .lianxifangshi .rexian{ text-align:center; font-size:20px; color:#21254b; float:left}
#faqbox .lianxifangshi .dianhua{ font-size:29px}
#faqbox .faqline img{ width:50%; display:block; margin:0 auto}
.contact .right{ float:left; font-size:30.76px; color:#25294e; font-weight:bold}
.contact .right font{ font-size:14.3px; color:#666}
.contact_info{padding-bottom:20px;padding-top:0px;width:100%;margin:0 auto; background:none}
#dituContent{float:none;height:300px !important;width:100%; left:0}
.contact_info .erweima{float:none;margin:0 auto 20px}
.contact_info .erweima img{display:block;width:100%}
.contact_info .xinxi{float:none;width:100%;margin:0 auto 20px;padding:0px;}
.contact_info .xinxi .h2{ font-size:21px;padding-left:0;line-height:42px;padding-top:0;}
.contact_info .xinxi ul{padding-top:0;}
.contact_info .xinxi li{padding-left:0;}
#faqbox .faqline{ padding-left:0px;padding-bottom: 14px;height: 1.5rem}
#faqbox .Content{ padding-left:0px}
#faqbox .faqline .input{ width:84%}
#faqbox .Content textarea{ width:84%}
    .product_list li a span {
        width: auto;
        height: auto;
    }
    .newslist .desc .h2 h3 {
        font-size: 14px;
        text-align: left;
    }
    .newslist li {
        height: auto;
    }
    .newslist .desc {
        height: auto;
    }
    .newslist .desc .more1 {
        position: static;
    }
/*case*/
.news_bg {
    width: 100%;
    box-sizing: border-box;
    padding: 0 4%;
}
    #faqbox .lianxifangshi {
        margin-bottom: 1rem;
    }

    .product_banner>.banner-eps,.product_banner>.banner-grc,.product_banner>.banner-product,.news_banner,.about_banner,.contact_banner {
        background-size: 100%;
        height: 55px;
    }
    .product_banner>.banner p ,.news_banner p,.about_banner p,.contact_banner p{
        width: 100%;
    }
    .product_banner>.banner p span:first-child,.product_banner>.banner p span:last-child,.news_banner p span:last-child{
        font-size: 12px;
        padding-top: 16px;
    }
    .about_banner p span {
        font-size: 12px;
        padding-top: 10px;
        padding-right: 23px;
        line-height: 18px;
    }
    .news_banner p span:last-child {
        font-size: 12px;
        padding-top: 4px;
    }
    .news_banner p span:first-child {
        font-size: 12px;
        padding-top: 8px;
    }
    .about_bg {
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
    }
    .contact_banner p>span {
        font-size: 20px;
        padding-top: 16px;
    }
/*搜索*/
.ss_list li{line-height:24px;padding:5px 5px 18px}.ss_list li font{float:none;position:absolute;right:0;bottom:0}
    .swiper-pagination swiper-pagination-bullets {
        display: none;
    }
}
@media (min-width:320px) and (max-width:359px){.jiejuefangan .ul5 div p{padding-top:1%}}
@media (min-width:460px) and (max-width:800px){
.honer_list li{width:30.3%;margin:0 1.5%}
}
@media (min-width:460px) and (max-width:800px){
.contact_info .contactinfo_left dl dt{line-height:62px}
}