﻿
/*********首页********/

/*头部*/
.container{padding-left: 0px;padding-right: 0px;}
@media (min-width: 1200px){
.container {width: 1200px;}
}
.logo{display: inline-block;position: absolute;left: 0;top: 0;width: 34%;height: 105px; background-size: cover;}
.logo img{width: 100%;height: 100%;}
.header{width: 100%;height:105px;background: #2391ee;position: sticky; top: 0; z-index: 9999}
.nav_c{margin-top: 10px;}
.nav_c,.head_t{float: right;}
.head_t .head_tel{color: white;display: inline-block;position: relative;top: 0px;}
.head_t .head_tel i{font-weight: bold;    font-size: 28px;
    line-height: 28px;}
.head_l{display: inline-block;margin: 0 15px;    vertical-align: top;}
.head_l li{display: inline-block;margin-right: 10px;}
.head_l li:last-child{margin-right: 0;}
.top_ser{display: inline-block;width: 170px;height: 30px;background: rgba(255,255,255,.5);border-radius: 25px;float: right;}
.top_ser input{width: 80%;height: 30px;border: none;background: transparent;padding-left: 10px;color: white;font-size: 13px;}
.top_ser button{border: none;background: transparent;}

.p_nav>li{display: inline-block;padding: 0 35px;position: relative;height: 55px;line-height: 55px;}
.p_nav>li a{color: white;}
.p_nav>li:last-child{padding-right: 0;}
.p_nav>li:first-child{padding-left: 0;}
.p_nav{position: relative;top: 10px;}
.nav_meu{width: 100%;position: absolute;top: 55px;left: 0;background: rgba(35,145,238,.9);padding: 10px 0;z-index: 99;display: none;}
.nav_meu li{text-align: center;height: auto; padding:6px 3px;line-height: 1.6;}
.p_nav .active>a,.p_nav>li:hover>a{font-weight: bold;}
.nav_meu li:hover{background: white;}
.nav_meu li:hover a{color: #2391ee;}
.y_nav{display: none;}

.carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 100%;}
.carousel-indicators .active{background:#2391ee;border-color:#2391ee;margin: 0 5px;}
.carousel-indicators li{border: 1px solid #2391ee;}
.carousel-indicators li{width: 12px;height: 12px;margin: 0 5px;}

/*滚动动态*/
.ind_gd{width: 100%;height: 50px;background: #f8f8fa;}
.gd_box{height: 50px;display: inline-block;}
.gd{display: inline-block;height: 50px;line-height: 50px;overflow: hidden;}
.gd ul li a{color: #606060;}
.gd_box .gd_p{display: inline-block;color: white;background: #6bb917;padding: 2px 10px;margin-right: 15px;position: relative;bottom:21px;}
.gd ul li span{margin-left: 15px;}
.gd_more{display: inline-block;height: 50px;line-height: 50px;float: right;color:#606060;}

.section01{width: 100%;padding: 75px 0;background: url(../img/ind_bg_01.png) no-repeat;background-size: 100% 100%;}
.fl_u li{display: inline-block;width: 365px;height: 190px;background: #f8f8fa;border-bottom: 1px solid #6bb917;padding: 45px 25px;margin-right:48px;position: relative;transition: all 0.5s linear;}
.fl .fl_wz{display: inline-block;margin-left: 20px;position: relative;top: 15px;}
.fl .fl_wz p{color: #333333;font-size: 20px;margin-bottom: 10px;}
.fl .fl_wz span{font-size: 12px;color: #666666;}
.fl_u li:last-child{margin-right: 0;}
.fl_mod{width: 100%;height: 100%;position: absolute;top: 0;left: 0;display: none;transition: all 0.5s linear;}
.fl_mod .fl_m{width: 100%;height: 100%;}
.fl_z{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.2);text-align: center;padding-top: 60px;}
.fl_z p{color: white;font-size: 20px;margin-top: 10px;}
.fl_u li:hover .fl_mod{display: block;transition: all 0.5s linear;}

/*产品展示*/
.ind_pro{width: 100%;background: url(../img/ind_bg_02.png) no-repeat;background-size: 100% 100%;padding-top: 50px;padding-bottom: 80px;}
.tit{text-align: center;}
.tit p{color: white;font-size: 16px;margin-top: 15px;}
.ind_pro_nav li{display: inline-block;padding: 0 20px;position: relative;}
.ind_pro_nav li::before{content: "";width: 2px;height: 15px;background: white;position: absolute;top:3px;right: 0;}
.ind_pro_nav{text-align: center;margin-top: 35px;}
.ind_pro_nav li a{color: white;}
.ind_pro_nav li:last-child::before{display: none;}
.ind_pro_nav li:hover a{text-decoration: underline;}
.cp_list li{display: inline-block;text-align: center;margin-right:22px;}
.cp_list li .cp_m{width: 280px;height: 335px;overflow: hidden;border: 3px solid white;}
.cp_list li .cp_m img{width: 100%;height: 100%;transition: all 1s ease;}
.cp_list li p{color: white;margin-top: 20px;}
.cp_list li:nth-child(4n){margin-right: 0;}
.cp_list{margin-top: 70px;}
.cp_list li:hover .cp_m img{transform: scale(1.1);}

.section02{width: 100%;background: #dbefff;padding-bottom: 40px;}
.sec_list{display: flex;flex-wrap:wrap;}
.sec_list li{width: 50%;height: 500px;overflow: hidden;position: relative;}
.sec_list li img{width: 100%;height: 100%;transition: all 1.2s ease;}
.sec_mod{width: 100%;height: 100%;background: rgba(0,0,0,.4);position: absolute;top: 0;left: 0;text-align: center;padding-top:200px;}
.sec_mod h1{color: white;font-size: 48px;margin-bottom: 10px;}
.sec_mod p{color: white;font-size: 24px;}
.sec_list li:hover img{transform: scale(1.1);}

.top a{display: inline-block;width: 100%;height: 65px;text-align: center;line-height: 65px;background:#2391ee;color: white;font-size: 24px;}

/*底部*/
footer{width: 100%;background: url(../img/ind_bg_03.png) no-repeat;background-size: 100% 100%;padding-top: 65px;padding-bottom: 25px;}
.foot_nav li{display: inline-block;margin-right: 40px;}
.foot_nav li:last-child{margin-right: 0;}
.foot_nav li a{color: white;}
.foot_nav li:hover a{text-decoration: underline;}
.foot_lx li{color: white;margin-top:25px;}
.foot_lx li img{margin-right: 10px;}
.foot_rg{display: inline-block;float: right;}
.foot_rg ul li{display: inline-block;text-align: center;margin-left: 100px;}
.foot_rg ul li p{color: white;margin-top: 10px;}
.foot_lf{display: inline-block;}
.bq{width: 100%;background: black;padding: 10px 0;text-align: center;}
.bq p,.bq p a{color: white;font-size: 12px;}

/*********产品中心********/
.banner,.banner img{width: 100%;}
.nr{width: 1200px;margin: 0 auto;}
.section{margin-top: 25px;margin-bottom: 85px;overflow: hidden;min-height: 450px;}
.sec_c{display: inline-block;width: 260px;}
.sec_rg{display: inline-block;width:890px;float: right;vertical-align: top; min-height: 400px;}
.c_bt img{width: 100%;}
.subNavBox{width:100%;background: #f5f5f5;}
.subNav{cursor:pointer;font-size:16px;color:#333;line-height:48px;padding-left:55px;background:url(../img/icon_j.png) no-repeat;background-size: 100% 100%;}
.subNav a{color:#333;}
.subNav:hover{color:#333;}
.currentDd{color:white}
.currentDd a{color:white}
.currentDd:hover{color: white;}
.currentDt{background-image:url(../img/-.png);}
.navContent{display: none;}
.navContent li a{display:block;width:100%;heighr:40px;font-size:14px;line-height:40px;color:#666;}
.navContent li a:hover{color:#80bd37;}
.navContent li em{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background:#bbbbbb;margin-right: 10px;position: relative;bottom: 2px;}
.navContent li{padding-left: 55px;}
.navContent li:hover em{background:#80bd37;}
.m_nav{width: 100%;background: #f6f6f6;height: 50px;line-height: 50px;padding: 0 20px;}
.m_nav p,.m_nav p a{color: #999999;font-size: 12px;}
.m_nav p img{margin-right: 7px;position: relative;top: 19px;}
.m_nav h3{display: inline-block;color: black;font-size: 17px;}
.m_nav p{display: inline-block;float: right;}
.pro_nav{width: 100%;border: 1px solid #ededed;padding: 10px 20px;padding-bottom: 0;margin-bottom: 25px;}
.pro_nav li{display: inline-block;color: #666666;font-size: 16px;    padding: 0 10px;height: 37px;border-radius: 5px;text-align: center;line-height: 37px;margin-bottom: 10px;}
.pro_nav li a{color: #666666;}
.pro_nav .active{background: #2391ee;}
.pro_nav .active a{color: white;}
.pro_nav li:first-child{width: auto;}

.new_u li{width: 100%;overflow: hidden;border-bottom: 1px solid #ededed;padding: 20px 0; }

.new_img{width: 270px;height:auto;float: left;border: 1px solid #ededed;}
.new_img img{width: 100%;height: 100%;}
.new_txt{width:67%;float: right;padding-top: 15px;}
.new_txt .new_wz{color: #888888;line-height: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;margin: 15px 0;width:80%;}
.new_txt p{color: #7c7c7c;}
.new_txt .new_t{font-size: 18px;color: #000000;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_n span{margin-right: 10px;color: #a4b0ba;}
.new_n span:last-child{margin-right: 0;}
.new_n span img{margin-right: 7px;}
.new_u li:hover .new_txt .new_t{color: #007cd3;}
.paging{width: 100%;height: auto;text-align: center;margin-top: 35px;}
.paging a{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;margin: 0 5px;}
.paging .current {color: white;}
.paging .current{background: #007cd3;border-color: #007cd3;}
.paging a{color: #666666;font-size: 12px;}
.y_sub{display: none;}

/*********关于我们********/
.c_nav{width: 100%;background: #f5f5f5;}
.c_nav li{height: 47px;line-height: 47px;padding-left: 25px;margin-bottom: 1px;}
.c_nav li em{display: inline-block;width: 5px;height: 5px;border-radius: 50%;background:#bbbbbb;margin-right: 25px;}
.c_nav li a{color: #666666;font-size: 16px;}
.c_nav .active,.c_nav li:hover{background: #80bd37;}
.c_nav .active a,.c_nav li:hover a{color: white;}
.c_nav .active em,.c_nav li:hover em{background: white;}
.about{padding-top: 50px;}
.about h1{text-align: center;font-size: 26px;font-weight: bold;margin-bottom: 40px;color: #333333;}
.about p{color: #666666;line-height: 27px;margin-bottom: 25px;}

/*********联系我们********/
.contact li{display: inline-block;width: 50%;float: left;font-size: 18px;color: #666666;margin-bottom: 40px;}
.contact li:first-child{width: 100%;}
.contact li span{color: #333333;}
.contact li img{margin-right: 10px;}
.contact{overflow: hidden;}
.cont_p{font-size: 24px;color: black;margin: 35px 0;}
.map{width: 100%;height: 400px;margin-top: 30px;}
.map img{width: 100%;height: 100%;}

/*********产品应用********/
.appli_list .new_u li{width: 100%;overflow: hidden;padding: 15px;background:#f6f6f6;margin-bottom: 25px;position: relative;}
.appli_list .new_img{width: 270px;height:180px;float: left;}
.appli_list .new_img img{width: 100%;height: 100%;}
.appli_list .new_txt{width:64%;float: right;padding-top: 0;}
.appli_list .new_txt .new_wz{line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;margin-top: 20px;color: #666666;}
.appli_list .new_txt p{color: #7c7c7c;}
.appli_list .new_txt .new_t{font-size: 20px;color: #333333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.appli_list .new_n span{display: inline-block;width: 110px;height: 35px;background:#2391ee;text-align: center;line-height: 35px;color: white;position: absolute;bottom:15px;right: 15px;}
.appli_list .new_u li:hover .new_txt .new_t{color: #2391ee;}
.appli_list{margin-top: 25px;}

.new_n span{display: inline-block;width: 110px;height: 35px;background:#2391ee;text-align: center;line-height: 35px;color: white;}
.new_n span{color: white;}

/***********新闻资讯**********/
.ind_new_rg .new_u li .lf_data{display: inline-block;width: 128px;height: 123px;background: #f2f2f2;float: left;text-align: center;padding-top: 18px;}
.ind_new_rg .new_u li .lf_data p{color: #000000;font-size: 40px;}
.ind_new_rg .new_u li .lf_data span{color: #999999;font-size: 18px;}
.ind_new_rg .new_u li .lf_txt{width: 82%;float: left;padding-left: 30px;padding-top: 10px;}
.ind_new_rg .new_u li .lf_txt p{font-size: 18px;color: #333333;margin-bottom: 15px;}
.ind_new_rg .new_u li .lf_txt span{color: #666666;font-size: 12px;line-height: 23px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ind_new_rg .new_u li:hover .lf_txt p{color: #2391ee;}
.ind_new_rg .new_u li{ padding: 25px 0;border-bottom: 1px solid #e2e2e2;overflow: hidden;}

/***********样品申请**********/
.apply{width: 890px;margin: 0 auto;}
.apply_jx{margin-top: 55px;}
.apply_jx h4{color: black;font-size: 22px;text-align: center;font-weight: bold;margin-bottom: 40px;padding-right: 55px;}
.apply_jx .inp{width: 50%;float: left;margin-bottom: 30px;}
.apply_jx .inp input,.apply_jx .inp select{width: 385px;height: 50px;background: #efefef;border: none;padding-left: 15px;outline: none;}
.apply_jx .inp span{color: #ff0000;margin-left: 13px;}
.apply_jx .inps input{width:830px;height: 50px;background: #efefef;border: none;padding-left: 15px;}
.apply_jx .bz{color: #666666;font-size: 16px;}
.apply_jx .inps textarea{width:830px;height: 220px;background: #efefef;border: none;padding: 15px;}
.apply_jx .inps{margin-bottom: 30px;}
.apply_jx .inps input[type="submit"]{background: #2391ee;color: white;font-size: 18px;}

.about img,.npros_ld img{max-width: 100%; height: auto !important;}

.pro_list li{    position: relative;}
.pro_list .new_n{position: absolute;right: 0px; top: 35%;}

.pro_list .xqs{position: absolute;right: 0px; top: 55%;}
.npros_ld img{max-width:100%; height:auto !important;}

.xypg-left-box {
    margin-top: 20px;
}
.xypg-left-title {
    background: #2391ee;
    padding: 10px 20px;
    position: relative;
}

.xypg-left-title h3 {
    font-size: 20px;
    color: #ffffff;
    line-height: 30px;
    font-weight: bold;
    position: relative;
    z-index: 9;
}

.xypg-left-title i {
    position: absolute;
    left: -5px;
    top: -9px;
    font-style: normal;
    font-size: 67px;
    font-weight: bold;
    opacity: .1;
    color: #fff;
    line-height: 1;
    z-index: 1;
    text-transform: uppercase;
}

.xypg-left-title span {
    font-weight: normal;
    font-size: 16px;
    color: #fff;
    opacity: .6;
    margin-left: 10px;
    text-transform: capitalize;
}

.xypg-left-title span:before {
    content: "/";
    padding-right: 5px;
}
.page-wrap-contact {
    padding: 10px 0;
    font-size: 14px;
}

.page-wrap-contact h4 {
    padding: .3em 1.4em .8em 1.4em;
    font-size: 16px;
    color: #000000;
}

.page-wrap-contact p {
    border-top: 1px solid #eee;
    position: relative;
    margin-bottom: 0;
    padding: .8em 1.4em;
    color: #2f2f2f;
}
/*********分辨率小于768px********/
@media only screen and (max-width: 768px) {
	.header,.p_nav{display: none;}
	.container,.nr{padding-left: 15px;padding-right: 15px;}
	.container-fluid>.navbar-header{width: 100%;margin: 0;}
	.navbar{margin-bottom: 0;min-height: 55px;}
	.navbar-brand{width:68%;padding-left: 0;padding-top:6px;}
	.navbar-brand>img{width:110px;}
	.navbar-default .navbar-toggle {border-color: transparent;padding-right: 0;}
	.navbar-default .navbar-toggle .icon-bar {background-color: #FFFFFF;}
	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {background-color: transparent;}
	.container-fluid>.navbar-collapse{position: relative;}
	.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{background:white;color: #80bd37;}
	.y_nav{display: block;width: 100%;position: fixed;top: 0;left: 0;z-index: 999;box-shadow:2px 2px 5px #A1A1A1;-moz-box-shadow:2px 2px 5px #A1A1A1; -webkit-box-shadow:2px 2px 5px #A1A1A1;}
	.navbar-default{background: #80bd37;border-color: #80bd37;}
	.navbar-default .navbar-nav>li>a{color: white;}
	.navbar-default .navbar-nav .open .dropdown-menu>li>a{color: white;}
	.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{color: white;}
	
	#myCarousel,.banner{margin-top: 56px;}
	.carousel-indicators li,.carousel-indicators .active{width: 8px;height: 8px;margin: 0 3px;}
	.carousel-indicators{bottom: 0;}
	
	.ind_gd{display: none;}
	.fl_u li{width: 100%;margin-right: 0;margin-bottom: 15px;padding: 25px;height: auto;}
	.fl img{width: 70px;height: 70px;}
	.fl_u li:hover .fl_mod{display: none;}
	.section01{padding: 25px 0;}
	.fl .fl_wz{top:5px;}
	.fl .fl_wz p{font-size: 18px;}
	
	.tit p{font-size: 14px;}
	.ind_pro{background: #333333;padding-bottom: 35px;}
	.ind_pro_nav li a{font-size: 12px;}
	.ind_pro_nav li{padding: 0 10px;margin-bottom: 10px;}
	.ind_pro_nav{margin-top: 25px;}
	.cp_list li{width: 48%;margin-right:8px;margin-bottom: 15px;}
	.cp_list li .cp_m{width: 100%;height: auto;}
	.cp_list li:nth-child(even){margin-right: 0;}
	.cp_list li p{margin-top: 10px;}
	.cp_list{margin-top: 35px;}
	
	.sec_list li{width: 100%;height: auto;}
	.sec_mod h1{font-size:28px;}
	.sec_mod p{font-size: 16px;}
	.sec_mod{padding-top: 130px;}
	
	.top a{font-size: 14px;height: 40px;line-height: 40px;}
	.ind_news{padding: 35px 0;}
	.xw_c{margin-top: 30px;}
	footer{display: none;}
	.bq{padding: 10px;}

	/*产品中心*/
	.nr{width: 100%;}
	.sec_c{display: none;}
	.sec_rg{width: 100%;}
	.m_nav{display: none;}
	.pro_nav li{font-size: 14px;height: 30px;line-height: 30px;}
	.y_sub{display: none;width: 205px;margin: 0 auto;}
	.subNav{line-height: 35px;font-size: 14px;padding-left: 40px;}
	.navContent li a{line-height: 33px;}
	.navContent li{padding-left: 20px;}
	.new_img{width: 100%;height: auto;text-align: center;}
	.new_img img{width: 100%;height:auto;}
	.new_txt{width: 100%;}
	.new_txt .new_wz{margin: 10px 0;line-height: 23px;width:90%;}
	.new_txt .new_t{font-size: 16px;}
	
	.about h1{font-size: 20px;}
	.about{padding-top: 15px;}
	
	/*联系我们*/
	.contact li{width: 100%;font-size: 14px;line-height: 25px;margin-bottom: 20px;}
	.contact li img{width: 20px;height: 20px;margin-right: 5px;position: relative;top: 2px;}
	.cont_p{margin: 20px 0;font-size: 20px;}
	
	/*产品应用*/
	.appli_list .new_u li{padding: 5px;margin-bottom: 15px;}
	.appli_list .new_img{width: 130px;height: auto;}
	.appli_list .new_txt{width: 59%;}
	.appli_list .new_txt .new_t{font-size: 15px;}
	.appli_list .new_txt .new_wz{-webkit-line-clamp:2;margin-top: 10px;}
	.appli_list .new_n span{display: none;}
	.appli_list{margin-top: 0;}
	
	.ind_new_rg .new_u li .lf_txt{width: 78%;padding-left: 5px;text-align: left;padding-top: 0;}
	.ind_new_rg .new_u li .lf_data{width: 70px;height: 70px;padding-top: 10px;}
	.new .pro_t_lf ul li{height: 45px;line-height: 45px;}
	.new .pro_t_lf{padding-bottom: 0;margin-bottom: 20px;}
	.ind_new_rg .new_u li .lf_data p{font-size: 20px;}
	.ind_new_rg .new_u li .lf_data span{font-size: 14px;}
	.ind_new_rg .new_u li .lf_txt p{font-size: 16px;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
	.ind_new_rg .new_u li .lf_txt span{-webkit-line-clamp:2;}
	.ind_new_rg .new_u li{padding: 15px 0;}
	
	.apply{width: 100%;}
	.apply_jx .inp{width: 100%;margin-bottom: 20px;}
	.apply_jx .inp input{width: 94%;}
	.apply_jx h4{padding-right: 0;font-size: 20px;}
	.apply_jx .inps input,.apply_jx .inp select,.apply_jx .inps textarea{width: 94%;}
	.apply_jx .bz{font-size: 14px;}
	.apply_jx{margin-top: 30px;}


	.pro_list .new_n{position: initial;}

.npros_ld video,.npros_ld iframe{max-width:100%; height:250px !important;}

.pro_list .xqs {
    float: left;
    margin-top: -35px;
    margin-left: 130px;
}
.sec_rg table{width:100%;}

}

