@charset "utf-8";
body{ margin:0px; padding:0px;position: relative;}
a{ text-decoration:none;}
ul{ list-style:none; margin:0px; padding:0px;}
h1, h2, h3, h4, h5, h6, dd{ list-style:none;margin:0;padding:0px;}
p{ margin:0px;}
.width{ width:1200px; margin:0 auto;}
.both{ clear:both;}
a{ color:#000; transition:0.5s;}
#box{ width:100%; position:relative; overflow:hidden; height:500px;}
#box img{ transition:0.3s; position:absolute; top:0px; left:0px; height:100%; width:100%; object-fit:cover;}
.arrow{width:100%;}
.arrow a{ position:absolute; top:45%; background-color:rgba(255,255,255,0.8);border-radius:50%; color:#333; font-size:24px; padding:10px 15px; opacity:0;}
#box:hover .arrow a{ opacity:1;}
#foot_nav {
    display: none;
}

/*top*/
.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #777777;
    background:#000000;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#777777;
}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
        margin: 0;
        color:#777777;
}
/*head&nav*/
.head {
    height: 120px;
}

.head .logo {
    color: #0057b8;
    font-size: 38px;
    font-weight: bold;
    margin-top: 22px;
        width: 50%;
}
.head .logo img{
	width:100%;
}
.head .tel {
    padding-top: 25px;
}

.logo_tel {
	padding-top: 12px;
	height: 100px;
	float: right;
	box-sizing: border-box;
	margin-top: 7px;
}
.logo_tel p {
height: 30px;
    line-height: 24px;
    float: left;
    color: #333;
    background: url(../img/tel.png) -4px -5px no-repeat;
    font-size: 16px;
    margin-left: 22px;
    display: block;
    text-indent: 24px;
    padding-top: 10px;
}
.logo_tel p span {
	display: block;
	font-size: 32px;
	color:#000;
	font-weight: bold;
	margin-top: 5px;
    text-indent:0px;
}

.nav {
    font-size: 0;
    background-size: 100%;
    background: #0093dd;
}

.nav .breadcrumbnav {
    background:#0093dd;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 198px;
    line-height: 50px;
    position: relative;
}
.nav .breadcrumbnav li:first-child:before{
	display: none;
}
.nav .breadcrumbnav li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 27px;
    transform: translateY(-50%);
    height: 27px;
    width: 1px;
    background: linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0.4),rgba(255,255,255,0));
}

.nav .breadcrumbnav li a {
    font-size: 16px;
    color: #fff;
}

.nav .breadcrumbnav li:hover {

}

.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #0057b8;
    display: none;
    z-index: 9999;
}

.nav .breadcrumbnav .nav_list a {
    color: #fff;
    font-size: 16px;
}

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}

.page{}
.bg{ width: 100%;}

.fl { float: left;}
.fr {float: right;}

/*左右浮动清除*/
.clear { clear: both;height: 0px; overflow: hidden;}


/*é—´éš™*/
.top10 {padding-top: 10px;}
.top20 {padding-top: 20px;}
.top30 {padding-top: 30px;}
.top40 {padding-top: 40px;}
.top50 {padding-top: 50px;}
.top60 {padding-top: 60px;}
.top70 {padding-top: 70px;}
.top80 {padding-top: 80px;}
.top90 {padding-top: 90px;}
.top100 {padding-top: 100px;}


/*英文样式*/
.font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;}
.t{text-align: center;}
.t p{font-size:35px;color:#333;}
.t p>b{color: #0093dd;}
.t span{display: block;margin-top: 6px;font-size: 18px;position: relative;}
.xinw {
    background: #f5f5f5;
    padding: 39px 0;
}


/*简介*/
.com_bg{background: url(../img/20201015174450_1873788353.jpg)no-repeat center bottom;padding-bottom:70px;}
.com_r{width: 660px;}
.com_w1{font-size: 24px;color: #333;margin-top: 20px;}
.com_w {
    font-size: 15px;
    line-height: 28px;
    margin-top: 29px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
}
.com_w a{color: #0093dd;font-size: 15px;}
.com_wt{margin-top:40px;}
.com_wt a{float: left;display: block;width: 205px;text-align: center;overflow: hidden;margin-right: 22px;}
.com_wt a:last-child{margin-right: 0px;}
.com_wt a>p{background: #222;height: 32px;line-height: 32px;color: #fff;}

/*产品中心*/
.prod_list{margin-top:10px;}
.prod_con_in { width: 98% !important; margin: 0 auto; position: static !important; }
a.gengduocp {
    text-align: center;
    margin: 0 auto;
    display: block;
    font-size: 20px;
}

.prod_con{height: auto !important;}

.tFocusBtn { position: relative; height: 100px; width: 100%; }

.prod_list .page { position: relative; height: auto; }

.prod_prev,.prod_next{ position: absolute; width: 44px; height: 56px; background: url(../img/20201017090401_1815391246.png) no-repeat 0 0; cursor: pointer; z-index: 3; top: 22px; left: -50px; }

.prod_next{ background-position: -44px 0; left: auto; right: -50px}

.prod .tempWrap { height:auto; width: 100% !important; position: relative; margin: 0 auto; overflow: hidden; }

.prod .tempWrap ul {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.prod .tempWrap ul li {
    text-align: center;
    margin: 0 0 10px;
    background: #0093dd;
    display: inline-block;
    padding: 9px 14px;
}

.prod .tempWrap ul li img { display: block; margin: 0 auto; width:35px; height: 35px;margin-bottom: 6px;}

.prod .tempWrap ul li a { display: block; text-align: center; color: #fff; font-size: 15px; line-height: 20px;  filter: alpha(opacity=70); }


.prod {
    padding: 20px 0 30px;
    height: auto;
    width: 100%;
    overflow: hidden;
}


.prod_con_in table tr td{display: block;float: left;width: 19%;background: #fff;margin: 0.4999999%;position: relative;overflow: hidden;-webkit-box-sizing: border-box;box-sizing: border-box;}
.prod_con_in table tr td img{display: block;right: 0;top: 0;width: 99%;height: auto;border: 1px #eee solid;transition: all linear 0.5s;-moz-transition: all linear 0.5s;-ms-transition: all linear 0.5s;-webkit-transition: all linear 0.5s;}
.prod_con_in table tr td span{font-size: 14px;font-weight: normal;color: #999;display: block;line-height: 20px;font-family: arial,microsoft yahei;position: relative;z-index: 3;padding: 7px 10px;background: #f5f5f5;}
.prod_con_in table tr td span a{font-weight: bold;font-size: 16px;display: block;line-height: 36px;overflow: hidden;height: 36px;width: 100%;text-overflow: ellipsis;overflow: hidden;}
.prod_con_in table tr td br{display: none;}
.prod_con_in table tr td:hover img{-webkit-transform: scale(1.12, 1.12);transform: scale(1.12, 1.12);}
.prod_con_in table tr td:hover span{background: #0093dd;}
.prod_con_in table tr td:hover span a{color: #fff;}
/*问题*/
.problem_bg{background:url(../img/20201015191504_1014844094.jpg)no-repeat center;height: 427px;overflow: hidden;}
.problem_t{color: #fff;margin-top:140px;}
.problem_t p{font-size: 30px;font-weight: lighter;}
.problem_t span{display: block;font-size: 40px;font-weight: bold;}
.problem_img{margin-top: 60px;}
.problem_wt{}
.problem_wt li{float: left;width: 223px;height: 223px;border-radius: 50%;background: #fff;border:8px #33a9e4 solid;margin-top:53px;text-align: center;}
.problem_wt li:nth-child(2){margin: 0px 47px;width: 180px;height: 180px;margin-top:20px;margin-top: 60px;}
.problem_wt li:nth-child(3){margin-top: 30px;}
.problem_wt li p{color: #0093dd;font-size: 30px;font-weight: bold;margin-top:42px;}
.problem_wt li em{display: block;margin: 16px auto;width: 53px;height: 1px;background: #eee;}
.problem_wt li span{display: block;font-size: 14px;line-height: 24px;}
.problem_wt li:nth-child(2) p{font-size: 24px;}
.problem_wt li:nth-child(2) em{width: 42px;margin: 10px auto;}
.problem_wt li:nth-child(2) span{font-size: 13px;line-height: 20px;}

/*优势*/
.adv_bg{background: url(../img/20201015201856_2132124233.jpg)no-repeat center top;height: 2007px;}
.adv_t{text-align: center;}
.adv_t p{color: #fff;font-weight: bold;font-size: 40px;}
.adv_t span{display: block;font-size: 18px;color: #7bcdfd;}
.adv_wt{-webkit-box-shadow: 0px 0px 30px rgba(0,0,0,.08);box-shadow: 0px 0px 30px rgba(0,0,0,.08);height: 458px;background: #fff;padding: 27px;}
.adv_w1{background: url(../img/20201015203216_149338214.jpg)no-repeat center;width: 150px;height: 92px;line-height: 92px;text-align: center;color: #fff;font-size: 60px;font-weight: bold;}
.adv_w2{margin-left: 27px;margin-top:10px;}
.adv_w2 p{font-weight: bold;font-size: 32px;color: #333;}
.adv_w2 span{display: block;font-size: 24px;}
.adv_w2 span>t{color: #0093dd;}
.adv_tt{width:100%;height: 1px;background: #eee;margin-top:30px;}
.adv_ll{width: 594px;}
.adv_w {
    font-size: 15px;
    line-height: 24px;
    margin-top: 40px;
    padding-right: 20px;
}
.adv_w p{position: relative;padding-left:30px;}
.adv_w p:before{content: "";position: absolute;top:7px;left: 0px;background: url(../img/20201015204324_165929665.png);width: 17px;height: 11px;}
.adv_w p+p{margin-top:26px;}
.adv_ww{width: 406px;height: 58px;line-height: 58px;text-align: center;color: #fff;font-size: 28px;font-weight: bold;background: #f39800;border-radius: 58px;margin-top:80px;}

.adv_tt1{width:600px;}
.adv_tt2{background: url(../img/20201015205047_237772819.jpg)no-repeat;height: 5px;}
.adv_img{margin-top: 30px;}
.adv_rr1{margin-top: 30px;}

/*æ–°é—»*/
.news_top{width:551px;margin:40px auto;}
.news_wz{ height:48px;line-height: 36px; }
.news_wz b{font-size:26px;}
.news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;}
.news_wz em{font-size:16px; font-weight:200; display: block;     color: #999;}
.news_tab{margin-top:10px;}
.news_tab li{float:left;background: #fff; -webkit-box-shadow: 0px 0px 20px #eee; box-shadow: 0px 0px 20px #eee; width: 171px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;}
.news_tab li+li{margin-left:19px;}
.news_tab li a{font-size:18px;font-weight:100;}
.news_tab li.cur{color:#fff; background:#0093dd;width: 171px; height: 42px; line-height: 42px;}
.news_tab li.cur a{color:#fff;}
.news_a{margin-right: 17px;}
.news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;}
.news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;}
.news_a .sPrev{right: 5px;-webkit-transform: rotate(-90deg);transform: rotate(-90deg);}
.news_a .sNext{left: 5px;-webkit-transform: rotate(90deg);transform: rotate(90deg);}
.news_a i:hover{color:#0093dd;}
.news_list1{height:501px;width: 100%;overflow: hidden;}
.news_list1 .tempWrap {width: 100% !important;}
.news_list1 .news_div{height:500px;}
.news_list1 .news_div+.news_div{}
.news_list1 .news_div_item{width: 19.7%;display: inline-block;position: relative;height:459px;-webkit-transition:0.5s;transition:0.5s; padding: 20px; border: 1px #eee solid;}
.news_list1 .news_div_item+.news_div_item{margin-left:2%;}
.news_list1 .news_div_item_date{position: absolute;top:265px;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;}
.news_list1 .news_div_item_date::before{position:absolute;content:'';background:url(../img/20201017090512_1211157140.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;}
.news_list1 .news_div_item_content{position: absolute;top:300px;left: 19px;padding-right: 14px;}
.news_list1 .news_div_item_year, .news_list1 .news_div_item_month, .news_list1 .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;}
.news_list1 .news_div_item_title{}
.news_list1 .news_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;    height: 40px;position:relative;-webkit-transition:0.3s;transition:0.3s; font-weight: 	normal;}
.news_list1 .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 130px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #666;font-size: 15px;-webkit-transition:0.5s;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100;}
.news_list1 .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(../img/20201017090538_573361937.png) no-repeat center;width: 18px;height: 14px;left: 130px;-webkit-transition:0.5s;transition:0.5s;}
.news_list1 .news_div_item_body {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}
.news_list1 .news_div_item_pic, .news_list1 .news_div_item_pic a, .news_list1 .news_div_item_image{width:100%;height:auto;display: block;}

.news_list1 .news_div_item:hover .news_div_item_a{color: #0093dd;-webkit-transition:0.3s;transition:0.3s;}
.news_list1 .news_div_item:hover .news_div_item_a::before{background: #f8f8f8;-webkit-transition:0.5s;transition:0.5s;padding-left:40px;}
.news_list1 .news_div_item:hover .news_div_item_a::after{left:110px;-webkit-transition:0.5s;transition:0.5s;}
img.news_div_item_image {
    height: 217px !important;
}
.linkTagcs
{ 
}
.linkTagcs ul
{margin:0px;padding:0px;list-style-type:none;}
.linkTagcs li
{list-style:none;margin:0px;  padding-right:10px;line-height:38px;float:left;}
.linkTagcs li a
{color:#999;word-break:break-all;}
.linkTagcs li img
{border:0px;}
/*底部*/
.links{width:100%; overflow:hidden; padding:25px 0; background: #fff;}
.linksW{}
.links_l{float:left; width:117px; border-right:solid 1px #ccc;}
.links_lm{font-size:16px; line-height:18px; color:#333;}
.links_len{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:30px; color:#ccc; filter:Alpha(opacity=40); opacity:0.4;}
.links_r{float:left; width:1000px; padding-top:5px; color:#999; padding-left: 30px;}
.links_r a{font-size:15px; color:#999;}

.Foot{background:#222;}

.Foot .Ft2 {
    float: left;
    padding: 40px 0px 0px;
    width: 100%;
}
.Foot .Ft2 dl{width:129px;float:left;border-right: 1px #333 solid;padding: 0px 62px;}
.Foot .Ft2 dt{font-size:19px;color:#fff; padding-bottom:9px;}
.Foot .Ft2 dt::after{content:"";display:block;width:14px;height:1px;background:#333333;margin-top:22px;}
.Foot .Ft2 dd a{display:block;font-size:15px;color:#999;line-height:32px;}
.fooer_bottom{ margin-top: 40px;}

.Foot .Ft3{float:right;width:210px;border-left:1px #4d4d4d solid;border-right:1px #4d4d4d solid;background:#3f3f3f;overflow:hidden;padding:40px;}
.Foot .Ft3 .imgt{border-radius: 5px;
    background: #fff;
    color: #333;
    padding: 14px;
    text-align: center;}
.Foot .Ft3 .imgt img{    width: 110px;
    display: block;
    margin: 0 auto;}
.Foot .Ft3 .imgt:nth-child(2){margin-left:20px;}
.Foot .Ft3 .ttx{text-align:center;font-size:14px;color:#ccc;line-height:20px;}
.Foot .Ft3 .ttx span{display:block;color:#fff;font-size:27px;font-family:"DIN";line-height:30px;}
.Foot .Ft3 .ttx b{font-size:12px;color:#fff;line-height:20px;}
.fooer_bottom {
    margin-top: 40px;
    color: #fff;
}

.copy_row3 {margin: 0 auto;font-size: 15px;font-weight: 100;color:#fff;line-height:50px;position:relative;height:50px;}
.copy_row3 a{color:#fff;font-size:15px;}
.copy_n{line-height:50px; color:#fff;font-size:15px; float: left;width:74.3%;}
.copy_n a{ display: inline-block;color:#fff;font-size: inherit; font-size: 15px;}
.copy_nr{float: right;color:#fff;width:25.7%;text-align:center;}
.copy_row3:before {content:"";width:67.8%;position: absolute;height:100%;background:#0093dd;left:0px;top:0px;z-index:-1;}
.copy_row3:after {content:"";width:32.2%;position: absolute;height:100%;background:#0093dd;right:0px;top:0px;z-index:-1;}
.Foot .Ft2 dl:nth-child(3) {padding:0px 62px;}
.Foot .Ft2 dl:nth-child(4) {padding:0px 62px;border-right:none !important;}
.clearfix:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
.cl-cplb-3ndfl4-3-01-con dl:nth-child(4n) {
    margin-right: 0;
}
.cl-cplb-3ndfl4-3-01-con dl {
    width: 22.8%;
    float: left;
    border: 1px solid #d5d5d5;
    background: #fff;
    margin-bottom: 2%;
    margin-right: 2%;
    border-bottom: 5px solid #0093dd;
}
.cl-cplb-3ndfl4-3-01-con dt img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    height: 189px;
    transition: .5s;
}
.cl-cplb-3ndfl4-3-01-con dl:hover {
    border-color: #0093dd;
}
.cl-cplb-3ndfl4-3-01-con dt:hover img{transform:scale(1.1)}
.cl-cplb-3ndfl4-3-01-con dt{
    overflow: hidden;
}
.cl-cplb-3ndfl4-3-01-con dd {
    padding: 0 12px 6px;
}
.cl-cplb-3ndfl4-3-01-con h4 {
    height: 38px;
    font-size: 16px;
    font-weight: normal;
    line-height: 38px;
    overflow: hidden;
}
.cl-cplb-3ndfl4-3-01-con h4 a {
    color: #767676;
    display: block;
    height: 38px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
}



@media screen and (max-width: 980px) {
*{-webkit-text-size-adjust:none;}
#box{ height:300px;}
.width{ width:98%;}
#foot_nav{ display:block; position:fixed; bottom:0px; width:100%; left:0px;}
#foot_nav li{ list-style:none;}
#foot_nav li a{ width:calc(100% / 1); text-align:center; height:50px; line-height:50px; background:#e7272d; color:#fff; float:left; font-size:28px;    font-weight: bold;}


.head .tel img {
    width: 100%;
}
.head .tel {
    padding-top: 25px;
    width: 40%;
}
.head .logo {
    color: #0057b8;
    font-size: 38px;
    font-weight: bold;
    margin-top: 33px;
    width: 57%;
}
.head {
    height: 103px;
}
.com_bg {
    background: url(../img/20201015174450_1873788353.jpg)no-repeat center bottom;
    padding-bottom: 70px;
    background-size: 100%;
}
.com_l.fl {
    width: 100%;
}
.com_l.fl img {
    width: 100%;
}
.com_r {
    width: 100%;
}
.com_wt {
    margin-top: 40px;
    width: 100%;
}
.com_wt a:last-child {
    margin-right: 0;
}
.com_wt a {
    float: left;
    display: block;
    width: 30.8%;
    text-align: center;
    overflow: hidden;
    margin-right: 22px;
}
.cl-cplb-3ndfl4-3-01-con dl:nth-child(2n) {
    margin-right: 0;
}
.cl-cplb-3ndfl4-3-01-con dl:nth-child(3n) {
    margin-right: 2%;
}
.cl-cplb-3ndfl4-3-01-con dl {
    width: 47.6%;
    float: left;
    border: 1px solid #d5d5d5;
    background: #fff;
    margin-bottom: 2%;
    margin-right: 2%;
    border-bottom: 5px solid #0093dd;
}
.adv_ll {
    width: 100%;
}
.adv_w1 {
    background: url(../img/20201015203216_149338214.jpg)no-repeat center;
    width: 25%;
    height: 92px;
    line-height: 92px;
    text-align: center;
    color: #fff;
    font-size: 60px;
    font-weight: bold;
}
.adv_ww {
    width: 69%;
    height: 58px;
    line-height: 58px;
    text-align: center;
    color: #fff;
    font-size: 28px;
    font-weight: bold;
    background: #f39800;
    border-radius: 58px;
    margin: 35px 0;
}
.adv_rr.fr {
    width: 100%;
}
.adv_rr.fr img {
    width: 100%;
}
.adv_tt1 {
    width: 100%;
}
.adv_img {
    width: 100%;
    margin-bottom: 3%;
}
.adv_img img {
    width: 100%;
}

.news_list1 .news_div_item {
    width: 93%;
    display: inline-block;
    position: relative;
    height: 459px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    padding: 20px;
    border: 1px #eee solid;
}
.links_l {
    float: left;
    width: 17%;
    border-right: solid 1px #ccc;
}
.links_r {
    float: left;
    width: 76%;
    padding-top: 5px;
    color: #999;
    padding-left: 30px;
}
.Foot .Ft2 {
    float: left;
    padding: 40px 0px 0px;
    width: 100%;
}
.Foot .Ft2 dl {
    width: 18%;
    float: left;
    border-right: 1px #333 solid;
    padding: 0px 2%;
}
.Foot .Ft2 dt {
    font-size: 17px;
    color: #fff;
    padding-bottom: 9px;
}
.Foot .Ft2 dl dd {
    margin: 0;
}
.Foot .Ft2 dl:nth-child(3) {
    padding: 0px 2%;
}
.Foot .Ft3 {
    float: right;
    width: 30%;
    border-left: 1px #4d4d4d solid;
    border-right: 1px #4d4d4d solid;
    background: #3f3f3f;
    overflow: hidden;
    padding: 6px;
}
.Foot .Ft3 .imgt img {
    width: 100%;
    display: block;
    margin: 0 auto;
}

.remen.fr{display:none;}

.Foot .Ft3 .ttx span {
    display: block;
    color: #fff;
    font-size: 24px;
    font-family: "DIN";
    line-height: 30px;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 16.5%;
    line-height: 50px;
    position: relative;
}

.news_list1 {
    height: auto;
    width: 100%;
    overflow: hidden;
}
.news_list1 .news_div {
    height: auto;
}




}