/* ==========================================================================
   Global
   ========================================================================== */

html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #0064b8; }
body { color: #666; font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; text-transform: capitalize; }
.wrapper { max-width: 1200px; _width: 1200px; padding: 0 10px; margin-left: auto; margin-right: auto; }
.wrapper:after { content: ""; display: table; clear: both; }
.wrapper02 { max-width: 1280px; _width: 1280px; padding: 0 10px; margin-left: auto; margin-right: auto; }
.wrapper02:after { content: ""; display: table; clear: both; }
.wrapper03 { max-width: 1220px; _width: 1220px; padding: 0 10px; margin-left: auto; margin-right: auto; }
.wrapper03:after { content: ""; display: table; clear: both; }


.Briefbox{padding:20px 0;background:#fafafa }
.Briefbox .Title{text-align: left;border-bottom:1px solid #666;}
.Briefbox .Title .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
.Briefbox .Title .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.Briefbox .briefmain{padding-top:20px;}
.Briefbox .briefmain .imgarea{width:470px; height: 340px;display: inline-block; *display:inline; zoom: 1;  float:left;}
.Briefbox .briefmain .imgarea .pic01{width:434px; height: 340px; overflow: hidden;}
.Briefbox .briefmain .imgarea .pic01 img { transition: all 0.5s; width: 100%; }
.Briefbox .briefmain .imgarea .pic01:hover img { transform: scale(1.1); }
.Briefbox .briefmain .txtarea{width:650px; float:left;text-indent:2em; display: inline-block; *display:inline; zoom: 1; font: 300 16px/24px microsoft yahei;}
@media only screen and (max-width: 860px) {
    .Briefbox .briefmain .txtarea{margin-top: 20px;}
}
@media only screen and (max-width: 470px) {
    .Briefbox .briefmain .imgarea{width:100%; height:auto;display: inline-block; *display:inline; zoom: 1; background: url(../image/about05.png) no-repeat bottom right;}
    .Briefbox .briefmain .imgarea .pic01{width:100%;height:auto;overflow: hidden;}
    .Briefbox .briefmain .txtarea{width:100%;padding-left:10px;}
}
/* ==========================================================================
   homecase
   ========================================================================== */
.homecase { padding: 30px 0; height: 460px; overflow: hidden; background:#fafafa }
.homecase .titlle { text-align: left;border-bottom:1px solid #666; margin-bottom: 40px; margin-top: 10px; }
.homecase .titlle .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.homecase .titlle .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
.homecase .Owl-list { padding: 0 60px; }
.homecase .casebox { width: calc(100% - 20px); margin: 0 10px; height: 340px; background: #fff; cursor: pointer; position: relative; }
.homecase .casebox .casemod01 { width: 100%; height: 340px; text-align: center; }
.homecase .casebox .casemod01 .inco { width: 100%; height: 230px; overflow: hidden; line-height: 230px; }
.homecase .casebox .inco img{ max-width: 100%; }
.homecase .casebox .casemod01 .title { height: 110px; line-height: 110px; background: url('../image/inco05.png') no-repeat top center; font: 700 18px/110px microsoft yahei; color: #016cbd; }

.homecase .casebox .cover { position: absolute; top: 0; left: 0; height: 100%; padding: 0 10%; visibility: hidden; opacity: 0; width: 100%; filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2000000', endColorstr='#B2000000'); background: rgba(0,0,0,0.7); color: #fff; text-align: center; -webkit-transition: all 0.35s ease-in-out; -moz-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; }
.homecase .casebox .cover h2 { font: 300 18px/40px microsoft yahei; margin: 50px 0 10px 0; }
.homecase .casebox .cover .desc { font: 300 14px/24px microsoft yahei; height: 96px; overflow: hidden; color: #e6e6e6; text-align: left; margin-bottom: 40px; }
.homecase .casebox .cover .more { color: #fff; border: 1px solid #707070; padding: 10px 20px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.homecase .casebox .cover .more:hover { background: #016cbd; border-color: #016cbd; }
.homecase .casebox:hover .cover { visibility: visible; opacity: 1; }

.homecase .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); box-shadow: 3px 3px 3px rgba(0,0,0,0.12); }
.homecase .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background: url('../image/left.png') no-repeat center center #fff; }
.homecase .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; background: url('../image/right.png') no-repeat center center #fff; }
.homecase .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background: url('404.png') no-repeat center center #016cbd; }
.homecase .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: url('404.png') no-repeat center center #016cbd; }

@media only screen and (max-width: 420px) {
    .homecase .Owl-list { padding: 0; }
    .homecase .owl-theme .owl-controls .owl-buttons div { display: none; }
}
/* ==========================================================================
   homeproduct
   ========================================================================== */
.homeproduct { padding: 30px 0; height: 590px; overflow: hidden; background:#fafafa }
.homeproduct .titlle { text-align: left;border-bottom:1px solid #666; margin-bottom: 20px; margin-top: 30px; }
.homeproduct .titlle .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.homeproduct .titlle .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
.homeproduct .Owl-list { padding: 0 60px; }
.homeproduct .probox { width: calc(100% - 20px); margin: 0 10px; text-align: center; height: 400px; overflow: hidden; background: #257ed0; background-image: -webkit-linear-gradient(top,#86d0ff 0%,#267ed1 100%); background-image: -moz-linear-gradient(top,#86d0ff 0%,#267ed1 100%); background-image: linear-gradient(top,#86d0ff 0%,#267ed1 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#86d0ff', StartColorStr='#267ed1'); border: 1px solid #86d0ff; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.homeproduct .probox:hover { background: #257ed0; background-image: -webkit-linear-gradient(top,#7bcbfe 0%,#1970c2 100%); background-image: -moz-linear-gradient(top,#7bcbfe 0%,#1970c2 100%); background-image: linear-gradient(top,#7bcbfe 0%,#1970c2 100%); filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, EndColorStr='#7bcbfe', StartColorStr='#1970c2'); border: 1px solid #7bcbfe; }

.homeproduct .probox .inco { width: 90%; height: 200px; overflow: hidden; margin-top: 30px;margin-left: 5%;}
/*.homeproduct .probox .inco { width: 65%; height: 160px; overflow: hidden; margin-top: 30px;  border-radius: 50%;margin-left: 20%;  }*/
.homeproduct .probox .inco img{ max-width: 100%; }
.homeproduct .probox .title { width: 100%; height: 60px; font: 300 24px/24px microsoft yahei; margin-top: 10px; }
.homeproduct .probox .title p { font-size: 18px; }
.homeproduct .probox .prolink { margin-left: 10%; }
.homeproduct .probox .prolink li { width: 100px; float: left; text-align: left; font: 300 16px/28px Arial; background: url('../image/inco10.png') no-repeat left center; }
.homeproduct .probox .prolink .last { background: url('../image/inco11.png') no-repeat left center; font: 300 14px/30px microsoft yahei; }
.homeproduct .probox .prolink li a { color: #fff; margin-left: 20px; }
.homeproduct .probox .prolink li a:hover { text-decoration: underline; }
.homeproduct .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; width: 49px; height: 49px; margin-top: -25px; display: block; border-radius: 0; font-size: 0; opacity: 1; transition: all 0.5s linear; -o-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear; -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -ms-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); -o-box-shadow: 3px 3px 3px rgba(0,0,0,0.12); box-shadow: 3px 3px 3px rgba(0,0,0,0.12); }
.homeproduct .owl-theme .owl-controls .owl-buttons div.owl-prev { left: 0; background: url('../image/left.png') no-repeat center center #fff; }
.homeproduct .owl-theme .owl-controls .owl-buttons div.owl-next { right: 0; background: url('../image/right.png') no-repeat center center #fff; }
.homeproduct .owl-theme .owl-controls .owl-buttons div.owl-prev:hover { background: url('404.png') no-repeat center center #016cbd; }
.homeproduct .owl-theme .owl-controls .owl-buttons div.owl-next:hover { background: url('404.png') no-repeat center center #016cbd; }

@media only screen and (max-width: 420px) {
    .homeproduct .Owl-list { padding: 0; }
    .homeproduct .owl-theme .owl-controls .owl-buttons div { display: none; }
}

/* ==========================================================================
   homeIndustry
   ========================================================================== */
.homeIndustry { padding: 30px 0; overflow: hidden; background:#fafafa }
.homeIndustry .titlle { text-align: left;border-bottom:1px solid #666; margin-bottom: 20px; margin-top: 30px; }
.homeIndustry .titlle .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.homeIndustry .titlle .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
.homeIndustry .industy_box { margin: 0 auto; text-align: center; padding-left: 100px; }
.homeIndustry .industy_box .Item { width: 206px; height: 340px; overflow: hidden; background: url('../image/inco12.png') left top no-repeat; }
.homeIndustry .industy_box .Item:nth-child(1) { }
.homeIndustry .industy_box .owl-item:nth-child(5) .Item { background: url('../image/inco51.png') left top no-repeat; margin-left: 25px; }
.homeIndustry .industy_box .imgarea { width: 100%; height: 221px; overflow: hidden; text-align: center; line-height: 221px; }
.homeIndustry .industy_box .txtarea { padding: 0 5px; text-align: center; }
.homeIndustry .industy_box .txtarea h2 { font: 700 18px/30px microsoft yahei; }
.homeIndustry .industy_box .txtarea h2 a { color: #016cbd; }
.homeIndustry .industy_box .txtarea .desc { font: 300 14px/24px microsoft yahei; }

@media only screen and (max-width: 1000px) {
    .homeIndustry .industy_box .Item:nth-child(1) { margin-left: 0; }
}

@media only screen and (max-width: 420px) {
    .homeIndustry .industy_box .Item { width: 193px; margin-left: -5px; }
    .homeIndustry .industy_box .Item:nth-child(1) { width: 195px; }
}
/* ==========================================================================
   homeNews
   ========================================================================== */
.homeNews { padding: 30px 0;  height: 500px; overflow: hidden; background:#fafafa }
.homeNews .titlle { text-align: left;border-bottom:1px solid #666; margin-bottom: 20px; margin-top: 30px; }
.homeNews .titlle .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.homeNews .titlle .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
.homeNews .News_left {  height: 460px;width: calc(50% - 50px); float: left; margin-right: 10px; padding: 20px; background: #fff; }
.homeNews .News_right { width: calc(50% - 10px); float: left; margin-left: 10px; }
.homeNews .News_right img { max-width: 100%; }
.homeNews .News_left .Hnewlist li {width: 92%;margin-left: 20px; font: 300 14px/24px microsoft yahei; border-bottom: 1px dashed #c7c5c5; padding: 10px 0; }
.homeNews .News_left .Hnewlist li:nth-child(5) { border-bottom: none; }
.homeNews .News_left .Hnewlist li a { width: calc(100% - 100px); display: block; float: left; height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.homeNews .News_left .Hnewlist li span { float: right; }

@media only screen and (max-width: 1100px) {
    .homeNews .News_left .Hnewlist li { padding: 7px 0; }
}

@media only screen and (max-width: 980px) {
    .homeNews .News_left .Hnewlist li { padding: 4px 0; }
}

@media only screen and (max-width: 880px) {
    .homeNews .News_left .Hnewlist li { padding: 0; }
}

@media only screen and (max-width: 768px) {
    .homeNews .News_left { width: calc(100%); float: none; padding: 20px 20px 10px 20px; background: #fff; margin-bottom: 20px; }
    .homeNews .News_left .Hnewlist li { padding: 5px 0; }
    .homeNews .News_right { width: 100%; float: none; margin-left: 0; text-align: center; }
}
/* ==========================================================================
   homepartner
   ========================================================================== */
.homepartner { padding: 30px 0; overflow: hidden; background: #fafafa; }
.homepartner .titlle { text-align: center; margin-bottom: 20px; margin-top: 30px; }
.homepartner .titlle .txten { font: 700 36px/40px Arial; color: #016cbd; text-transform: Uppercase; }
.homepartner .titlle .txtcn { font: 700 24px/40px microsoft yahei; color: #333333; }
#partner { position: relative; }
.partner-wrapper { width: 1090px; margin: 0 auto; overflow: hidden; }
#partner ul { overflow: hidden; }
#partner > ul > li > a { display: block; }
#partner ul li { height: 180px; text-align: center; float: left; overflow: hidden; }

@media only screen and (max-width: 1200px) {
    .r3 { padding-bottom: 60px; }

    .partner-wrapper { width: 725px; overflow: hidden; }
}

@media (max-width:767px) {
    .partner-wrapper { width: 545px; overflow: hidden; }
}

@media (max-width:480px) {
    .partner-wrapper { width: 370px; overflow: hidden; }
}

.partnermode01 { width: 180px; height: 80px; overflow: hidden; position: relative; text-align: center; line-height: 80px; }
.partnermode01 img { filter: grayscale(100%); filter: alpha(opacity=100); opacity: 1; -webkit-filter: grayscale(60%); -moz-filter: grayscale(60%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); }
.partnermode01:hover img { filter: grayscale(0%); filter: alpha(opacity=100); opacity: 1; -webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%); -o-filter: grayscale(0%); }
.partnermode01 .cover { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255,255,255,0.5); content: ''; -webkit-transition: -webkit-transform 0.6s; transition: transform 0.6s; -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0); }
.partnermode01:hover .cover { -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0); }

/* ==========================================================================
   Footer
   ========================================================================== */
/*footer { color: #c5c5c5; font-size: 12px; min-height: 90px; background-color: #2e2f30; padding: 25px 0; font-family: microsoft yahei; }*/
/*footer a { color: #fff; }*/
/*footer a:hover { text-decoration: underline; }*/
/*footer .footleft { width: calc(100% - 550px); float: left; font: 300 14px/24px microsoft yahei; padding-top: 15px; }*/
/*footer .footleft .footnav { color: #656565; }*/
/*footer .footleft .footnav a { color: #fff; margin: 0 5px; }*/

.footlink { float: left; margin-top: 25px; }
.company-x { width: 217px; position: relative; line-height: 31px; color: #78797a; }
.company-x h4 { height: 31px; padding-left: 10px; font-weight: normal; background: url(../image/comicon.png) no-repeat right center; cursor: pointer; border: 1px solid #545555; }
.com_list { text-indent: 10px; line-height: 27px; display: none; width: 217px; position: absolute; bottom: 31px; }
.com_list ul li { float: left; width: 217px; color: #fff; background: #403E3E; }
.com_list ul li:hover { background-color: #82878f; }
.com_list ul li a { color: #fff; }
.company-x:hover .com_list { display: block; }
.footright { width: 270px; height: 86px; overflow: hidden; float: right; }
.footright .ewm_img { float: left; }
.footright .ewmtxt { float: left; width: 184px; height: 86px; padding: 10px; overflow: hidden; border: 1px solid #3c3d3e; display: flex; align-items: center; }

@media only screen and (max-width: 900px) {
    footer .footleft { width: 100%; float: none; }
}

@media only screen and (max-width: 500px) {
    .footlink { float: none; margin: 25px 0; }
    .footright { float: none; }
}

@media only screen and (max-width: 640px) {
    .homecase { padding: 20px 0; height: auto; }
    .homecase .titlle { margin-bottom: 20px; margin-top: 0; }
    .homecase .titlle .txten { font: 700 24px/32px Arial; }
    .homecase .titlle .txtcn { font: 700 18px/32px microsoft yahei; }
    .homeproduct { padding: 20px 0; height: auto; }
    .homeproduct .titlle { margin-bottom: 10px; margin-top: 0; }
    .homeproduct .titlle .txten { font: 700 24px/32px Arial; }
    .homeproduct .titlle .txtcn { font: 700 18px/32px microsoft yahei; }
    .homeIndustry { padding: 20px 0; }
    .homeIndustry .titlle { margin-bottom: 20px; margin-top: 0; }
    .homeIndustry .titlle .txten { font: 700 24px/32px Arial; }
    .homeIndustry .titlle .txtcn { font: 700 18px/32px microsoft yahei; }
    .homeNews { padding: 20px 0; }
    .homeNews .titlle { margin-bottom: 10px; margin-top: 0px; }
    .homeNews .titlle .txten { font: 700 24px/32px Arial; }
    .homeNews .titlle .txtcn { font: 700 18px/32px microsoft yahei; }
    .homepartner { padding: 20px 0; }
    .homepartner .titlle { margin-bottom: 10px; margin-top: 0; }
    .homepartner .titlle .txten { font: 700 24px/32px Arial; }
    .homepartner .titlle .txtcn { font: 700 18px/32px microsoft yahei; }
}


#footer{position:relative;z-index:104;min-height: 200px;}
#footer .f_top{padding:10px 0;min-height: 140px; background:#3f3f3f;}
#footer .f_top .f_li{width:28%; margin-left:5%;}
#footer .f_top .f_no{background:none;}
#footer .f_top .f_li .f_name{height:40px; line-height:40px; font-size:14px; font-weight:bold; color:#888;}
#footer .f_top .f_li .f_row{margin-top:5px;}
#footer .f_top .f_li .f_row li{height:38px; width:35%; line-height:38px; font-size:12px; overflow:hidden;}
#footer .f_top .f_li .f_row li a{color:#fff;}
#footer .f_top .f_li .f_row li:hover a{ text-decoration:underline;}
/*neko*/
#footer .f_top .f_li .f_row li.lis{width: 33%;}
/*neko*/
#footer .f_top .f_li .f_row .f_lab{width:200px;}
#footer .f_top .f_li .f_row .f_lab .phone{height:50px; line-height:50px;  font-size:24px; color:#fff; font-family:"Myriad Pro";}
#footer .f_top .f_li .f_row .f_wei{width:80px; margin-top:-35px;}
#footer .f_top .f_li .f_row .f_wei .pic{width:80px; height:80px; overflow:hidden;}
#footer .f_top .f_li .f_row .f_wei .pic img{width:100%;}
#footer .f_top .f_li .f_row .f_wei .w_tit{height:28px; line-height:28px; font-size:12px; color:#fff; text-align:center;}

#footer .f_bottom{padding:20px 5% 20px; background:#393939;color: white;text-align: center}

@media (max-width:1200px) {
    #footer{position:relative;z-index:104;}
    #footer .f_top{padding:10px 0; background:#3f3f3f;}
    #footer .f_top .f_li{width:90%; margin-left:5%;}
    #footer .f_top .f_li .f_row .f_wei{width:100%; margin-top:35px;}
    #footer .f_top .f_li .f_row .f_wei .w_tit{text-align: left;margin-left: 10px;}

}