/******首页*******/
/*头部*/
.nr{width: 1200px;margin: 0 auto;}
.qh a{font-size: 14px;width: auto;color: #333333;margin: 0 3px;}
.qh a:hover{color:#0172d5;}
.qh{text-align: right;height: 30px;line-height: 30px;}
/*导航*/
.nav_b{position: relative;}
.logo,.nav_list{display: inline-block;}
.nav_list>li{display: inline-block;height: 60px;margin-right: 40px;}
.nav_list{vertical-align: bottom;float: right;margin-top: 25px;}
.nav_list>li a{color: #333333;font-size: 18px;}
.nav_list>li:last-child{margin-right: 0;}
.logo{position: relative;bottom: 15px;}
.my_nav{}
.nav_list .active>a,.nav_list>li:hover>a{color: #0172d5;}
.nav_meu li{display: inline-block;width: 175px;text-align: center;margin-right: 30px;}
.nav_meu li:last-child{margin-right: 0;}
.nav_meu li img{width: 100%;height: 70px;}
.nav_meu{width: 100%;background: rgba(255,255,255,.9); position: absolute;top:113px;left: 0;text-align: center;padding:25px 0px 45px 0px;z-index: 99;display: none; overflow: hidden;}
.nav_meu li p{font-size: 16px;margin-top: 5px;}
.nav_meu li:hover p{color: #0172d5;}
.nav_list>li.head_ser{position: relative;top: 3px;cursor: pointer;}
.y_nav{display: none;}
/*搜索*/
.pro_serh{position: absolute;top: 85px;right: 0;background: white;border: 1px solid #e1e1e1;padding: 20px;z-index: 999;display: none;}
.pro_serh p{color: #0172d5;font-size: 16px;float: none;top: 0;margin-bottom: 15px;}
.pro_serh input{background: #f6f6f6;border: none;height: 40px;width: 345px;padding-left: 5px;border: 1px solid #CCCCCC;border-radius: 5px;float: left;}
.pro_serh button{border:none;background: transparent;position: relative;float: right;margin-left: 10px;}
.pro_serh ul li{display: inline-block;color: #888888;margin-right: 5px;}
.pro_serh ul li a{color: #888888;}
/*banner*/
.carousel-inner>.item>a>img, .carousel-inner>.item>img{width: 100%;}
.carousel-indicators .active{background:#0b589a;border-color: #0b589a;margin: 0 2px;}
.carousel-indicators li{width: 12px;height: 12px;background: white;margin: 0 2px;}
/*关于我们*/
.gy_lf{display: inline-block;width: 760px;background: url(../img/ind_gy.jpg) center no-repeat;background-size: cover;padding-top: 30px;float: left;}
.tit h4{font-size: 24px;margin-bottom: 3px;}
.tit p{color: #0B589A;font-size: 26px;font-weight: bold;}
.tit em{display: inline-block;width: 25px;height: 5px;background: #0b589a;position: relative;bottom: 5px;}
.gy_p p{color: #606060;font-size: 18px;line-height: 30px;margin-bottom: 10px;}
.gy_p{padding-right: 130px;margin-top: 25px;overflow: hidden;}
.gy_p img{float: right;margin-top: 10px;cursor: pointer;}
.gy_wh{width: 100%;height: 310px;background: url(../img/ind_img01.png) center no-repeat;background-size: cover;margin-top: 26px;position: relative;}
.gy_wh .tit p{font-size: 24px;color: #333333;}
.gy_wh .tit{position: absolute;bottom: 22px;left: 40px;}
.gy_wh .tit img{margin-top: 10px;cursor: pointer;}
.gy_rg{display: inline-block;width: 440px;float: left;}
.gy_rg img{width: 100%;}
.ind_ab{overflow: hidden;}
/*解决方案*/
.ind_sol{margin-top: 75px;margin-bottom: 100px;overflow: hidden;}
.sol_bt{text-align: center;margin-bottom: 65px;}
.sol_bt h3{color: #0B589A;font-size: 36px;font-weight: bold;}
.sol_bt h3 span{color: #333333;font-weight: normal;font-size: 32px;position: relative;bottom: 3px;}
.sol_bt p{color: #6a6a6a;font-size: 16px;margin-top: 15px;}
.sol_bg{display: inline-block;width: 66.66%;height: 415px;float: left;}
.sol_nr{display: inline-flex;width: 33.33%;height: 415px;float: left;justify-content: center;align-items: Center;background: #4ca2ea;text-align: center;color: white;padding: 0 60px;}
.sol_nr h4{font-size: 28px;font-weight: bold;margin-bottom: 15px;}
.sol_nr p{font-size: 16px;line-height: 25px;}
.sol_nr a{display: inline-block;width: 160px;height: 38px;text-align: center;line-height: 38px;background: #3cc736;color: white;font-size: 18px;margin-top: 35px;}
.sol_bg02{display: inline-flex;width: 33.33%;height: 415px;float: left;}
.js li{display: inline-block;width: 33.33%;float: left;height: 415px;}
.sol_03 .sol_nr a{border: 1px solid white;background: transparent;}
.hvr-sweep-to-bottom:before{background: #3cc736;}
.sol_03 .sol_nr a:hover{border:1px solid #3cc736;}
/*底部*/
.footer{width: 100%;background: #4ca2ea;padding-top: 25px;overflow: hidden;padding-bottom: 20px;}
.foot_lx{display: inline-block;width: 330px;vertical-align: top;margin-right: 85px;}
.foot_lx li{color: white;margin-bottom: 15px;line-height: 25px;}
.foot_lx li:first-child{font-size: 20px;}
.foot_f{display: inline-block;width: 310px;vertical-align: top;float: right;}
.foot_f textarea{width: 100%;height: 88px;background: rgba(255,255,255,.3);padding: 10px;border: none;color: white;margin-bottom: 5px;}
.foot_f input{width: 100%;height: 40px;border: none;background: rgba(255,255,255,.3);padding-left: 10px;margin-bottom: 10px;color: white;}
.foot_f input::-webkit-input-placeholder,.foot_f textarea::-webkit-input-placeholder{color:white;}
.foot_f input::-moz-placeholder,.foot_f textarea::-moz-placeholder{color:white;}
.foot_f input:-moz-placeholder,.foot_f textarea:-moz-placeholder{color:white;}
.foot_f input:-ms-input-placeholder,.foot_f textarea:-ms-input-placeholder{color:white;}
.foot_f input[type="submit"]{width: 83px;height: 30px;border-radius: 5px;padding-left: 0;background: #3f88c7;}
.foot_bq{text-align: center;width: 100%;margin-top: 15px;}
.foot_bq p{color: white;}
/******产品中心******/
.banner,.banner img{width: 100%;}
.n_nav{width: 100%;height: 50px;background:#4ca2ea;line-height: 50px;}
.m_tab li{display: inline-block;margin-right: 70px;}
.m_tab li:last-child{margin-right: 0;}
.m_tab li a{color: white;font-size: 16px;}
.m_tab{display: inline-block;}
.m_p{display: inline-block;float: right;color: white;font-size: 15px;}
.m_p a{color: white;font-size: 15px;}
.m_p img{margin-right:15px;position: relative;top: 17px;}
.pro_list li{display: inline-block;width: 286px;height: 330px;background: #f3f3f3;text-align: center;margin-right: 14px;margin-bottom: 50px;}
.pro_list li img{width: 100%;height:278px;}
.pro_list li p{color: #333333;font-size: 16px;margin-top: 15px;}
.pro{margin-top: 73px;margin-bottom: 100px;}
.pro_list li:nth-child(4n){margin-right: 0;}
.pro_list li:hover{background: #4ca2ea;}
.pro_list li:hover p{color: white;}
.paging{width: 100%;height: auto;text-align: center;margin-top: 20px;}
.paging li{display: inline-block;padding: 5px 10px;border: 1px solid #CCCCCC;margin: 0 5px;}
.paging .active a{color: white;}
.paging .active{background: #4ca2ea;border-color: #4ca2ea;}
.paging li a{display: block;color: #666666;font-size: 12px;}
/******关于我们******/
.about{text-align: center;}
.about h2{font-size: 30px;margin-bottom: 55px;}
.about p{font-size: 16px;margin-bottom: 35px;line-height: 27px;}
.about_m li{display: inline-block;width: 384px;height: 342px;margin-right: 19px;}
.about_m li img{width: 100%;height: 100%;}
.about_m li:nth-child(3n){margin-right: 0;}
.about_m{margin-top: 60px;}
/******加入豫顺******/
.rec{margin-bottom: 100px;}
.recruit_menu{width: 100%;overflow: hidden;margin-top: 45px;}
.recruit_menu .accordion{width: 100%;}
.recruit_menu .accordion li.open .link {
background-color: #FFFFFF;
border-bottom: none;
}
.recruit_menu .accordion .fa-chevron-down{color: #717171;font-size: 20px;}
.recruit_menu .submenu{background:white;padding: 60px 100px 15px 100px;}
.recruit_menu .open .submenu{width: 100%;overflow: hidden;background: url(../img/recruit_img.png) no-repeat;background-size: 100% 100%;}
.recruit_menu .submenu ul li{border-bottom: none;background-color:white;}
.recruit_menu .accordion .link{padding: 15px 15px 15px 30px;border-bottom: 1px dashed #CCCCCC;color: #333333;font-size: 16px;width: 85%;margin: 0 auto;position: relative;}
.recruit_menu .accordion li i{top:20px}
.recruit_menu li{font-weight: normal;position: relative;margin-bottom: 10px;}
.recruit_menu .submenu ul{margin-bottom: 25px;margin-top: 30px;}
.accordion li i.fa-chevron-down{right: 12px;left: auto;font-size: 16px;}
.accordion li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
.accordion li i {position: absolute;top: 16px;left: 12px;font-size: 18px;color: #595959;-webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion li.default .submenu {display: block;}
.submenu {display: none;background: #444359;font-size: 14px;}
.accordion li.open i.fa-chevron-down{color: #4ca2ea;}
.submenu p span{margin-right: 20px;}
.submenu p{color: #333333;font-size: 15px;}
.recruit_menu .submenu ul li:nth-child(1){font-size: 18px;color: #333333;margin-bottom: 20px;}
.recruit_menu .accordion .link p{font-size: 18px;position: relative;}
.recruit_menu .accordion .link p:before{content: "";width: 3px;height: 23px;background: #4ca2ea;position: absolute;top: 2px;left: -15px;}
/******研发与技术******/
.tech{margin-top: 55px;margin-bottom: 100px;}
.new_u li{width: 100%;overflow: hidden;margin-bottom: 70px;}
.new_img{width: 315px;height:200px;float: left;}
.new_img img{width: 100%;height: 100%;}
.new_txt{width: 71%;float: right;position: relative;padding-top: 13px;}
.new_txt .new_wz{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin: 25px 0;font-size: 16px;line-height: 27px;color: #333333;}
.new_txt p{color: #7c7c7c;}
.new_txt .new_t{font-size: 24px;color: #333;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.new_n span{display: inline-block;width: 105px;height: 30px;border: 1px solid #b1b1b1;text-align: center;line-height: 28px;color: #333333;font-size: 15px;}
.new_u li:hover .new_txt .new_t{color: #4ca2ea;}
.new_u li:hover .new_n span{background: #4ca2ea;border-color: #4CA2EA;color: white;}
/******市场应用******/
.market_list li{display: inline-block;width: 378px;height: 500px;overflow: hidden;margin-right: 28px;position: relative;transition: all 0.6s;margin-bottom: 50px;}
.market_list li:nth-child(3n){margin-right: 0;}
.market_list li img{width: 100%;height: 100%;}
.ma_mod{display: inline-block;width: 100%;height: 100%;background: rgba(0,0,0,.5);position: absolute;top: 90%;left: 0;text-align: center;padding-top: 14px;transition: all 0.6s;}
.ma_mod p{color: white;font-size: 18px;}
.market_list li:hover .ma_mod{top: 0;padding-top: 60%;background: rgba(76,162,234,0.5);}
.market{margin-top: 60px;margin-bottom: 100px;}
/*联系方式*/
.ind_cont_lf{display: inline-block;width: 510px;}
.ind_cont_lf h3{color: black;font-size: 30px;margin-bottom: 25px;}
.lx_dh p{color: #666666;}
.lx_dh span{color: #2B9132;font-size: 22px;}
.lx_x li{color: #7d7d7d;line-height: 35px;}
.lx_x{margin-top: 35px;}
.lx_link li{display: inline-block;margin-right: 10px;}
.lx_link li:last-child{margin-right: 0;}
.lx_link{margin-top: 30px;}
.ind_cont{padding: 85px;overflow: hidden;}
.ind_cont_rg{display: inline-block;width: 445px;float: right;}
.inp span{color: #333333;display: block;margin-bottom: 10px;}
.inp input{width: 100%;height: 40px;border: 1px solid #e3e3e3;padding-left: 10px;}
.inp{margin-bottom: 20px;}
.inp textarea{width: 100%;height: 130px;border: 1px solid #e3e3e3;padding: 10px;}
.ind_cont_rg input[type="submit"]{width: 145px;height: 45px;background: #4ca2ea;color: white;font-size: 18px;border: none;}
.contact h3{color: black;font-size: 30px;font-weight: bold;}
.contact_list li{margin-bottom: 35px;font-size: 18px;color: #333333;}
.contact_list li span{color: #666666;}
.contact_list li img{margin-right: 10px;position: relative;top: 4px;}
.contact .ind_cont_lf{width: 685px;padding-top: 35px;}
.map{width: 100%;height: 580px;margin-top: 50px;}
.map img{width: 100%;height: 100%;}
.nav_lb{display: inline-block;margin-right: 50px;vertical-align: top;}
.nav_lb a{display: block;line-height: 28px;font-size: 16px !important;}
.nav_lb .nav_xl{color: #0172d5;font-size: 18px !important;margin-bottom: 5px;}
.nav_lb a:hover{color: #0172d5;text-decoration: underline;}
/******产品系列******/
.ser_lf{display: inline-block;width: 600px;}
.ser_lf h3{font-size: 27px;margin-bottom: 30px;}
.ser_lf p{font-size: 16px;line-height: 27px;color: #606060;}
.ser_xl{margin-top: 15px;}
.ser_xl p{color: #000;font-size: 18px;margin-bottom: 10px;}
.ser_xl a{display: inline-block;padding: 5px 10px;background: #4ca2ea;color: white;margin-right: 20px;}
.ser_rg{display: inline-block;float: right;width: 540px;}
.ser_rg img{width: 100%;}
.series{overflow: hidden;margin-bottom: 35px;}
.ser_xq{margin-bottom: 80px;}
.ser_xq h3{font-size: 22px;margin-bottom: 15px;}
.ser_xq table{width: 100%;}
.tditem{width: 20%;
float: left; text-align: center;}
.tditem img{max-width:100%;}
.tditem a{ text-decoration: none !important;}
table{width:100%; border-collapse: collapse;}
tr:nth-child(even) td{
background:#f6f6f6;
&.no-bg{background:none;}
}
th, td{
border:1px solid #C1CBE1;
text-align:center;
vertical-align:middle;
&:first-child{border-left:none;}
&:last-child{border-right:none;}
}
th{
background:$color4;
@include font-size(14);
@extend %bold;
color:#fff;
padding:10px 5px;
}
/********分辨率小于768px*******/
@media only screen and (max-width: 768px) {
.header{display: none;}
.y_nav{display: block;}
.nr{width: 100%;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: 5px;}
.navbar-brand>img{width:120px;}
.navbar-default .navbar-toggle {border-color: transparent;padding-right: 0;}
.navbar-default .navbar-toggle .icon-bar {background-color: #0B589A;}
.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: #0B589A;color: white;}
.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;}
.qh{position: absolute;top: 12px;right: 100px;}
#myCarousel,.banner{margin-top: 56px;}
.carousel-indicators li,.carousel-indicators .active{width: 10px;height: 10px;}
.carousel-indicators{bottom: 0;}
.gy_lf{width: 100%;padding-top: 25px;}
.gy_p{padding-right: 0;}
.tit p{font-size: 16px;}
.tit h4{font-size: 20px;}
.tit em{height: 3px;}
.gy_p p{font-size: 14px;line-height: 25px;}
.gy_p{margin-top: 10px;}
.gy_rg{display: none;}
.gy_wh{height: 165px;}
.gy_p img{margin-top: 0;}
.sol_bg{display: none;}
.sol_nr,.sol_bg02{width: 100%;}
.sol_nr{padding: 25px 15px;height: auto;}
.sol_bt h3{font-size: 22px;}
.sol_bt h3 span{font-size: 20px;}
.sol_bt p{font-size: 14px;}
.sol_bt{padding: 0 15px;margin-bottom: 30px;}
.ind_sol{margin-top: 30px;}
.sol_nr h4{font-size: 18px;}
.sol_nr p{font-size: 14px;}
.sol_nr a{font-size: 14px;width: 120px;height: 30px;line-height: 30px;}
.sol_bg02{height: 250px;}
.sol_03 .sol_nr{height: 250px;}
.foot_lx,.foot_f{display: none;}
.foot_bq{margin-top: 0;}
.foot_bq p{font-size: 12px;}
.footer{padding: 15px 0;}
/*产品中心*/
.banner{overflow: hidden;}
.banner img{width: 150%;margin-left: -26%;max-width: 200%;}
.m_p{display: none;}
.m_tab li a{font-size: 14px;}
.n_nav{height: auto;}
.m_tab li{margin-right: 20px;}
.pro_list li{width: 48%;float: left;margin-right: 0;height: auto;margin-bottom: 20px;}
.pro_list li:nth-child(odd){margin-right: 13px;}
.pro_list li img{height: auto;}
.pro_list li p{font-size: 14px;padding: 10px 5px;margin-top: 0;}
.pro{margin-top: 30px;}
.pro_list{overflow: hidden;}
/*关于我们*/
.about h2{font-size: 20px;margin-bottom: 25px;}
.about p{font-size: 14px;line-height: 24px;text-indent: 2em;margin-bottom: 15px;text-align: left;}
.about_m li{width: 100%;height: auto;margin-right: 0;margin-bottom: 15px;}
.about_m{margin-top: 25px;}
/*加入*/
.recruit_menu .accordion .link{width: 100%;}
.recruit_menu .submenu{padding: 15px;}
.recruit_menu .open .submenu{background: white;}
.recruit_menu{margin-top: 20px;}
/*研发与技术*/
.new_img{display: none;}
.new_txt{width: 100%;padding-top: 0;}
.new_txt .new_t{font-size: 16px;}
.new_u li{padding: 10px 0;padding-bottom: 0;border-bottom: 1px dashed #d9d9d9;padding: 20px 0;margin-bottom: 0;}
.new_txt .new_wz{margin: 10px 0;-webkit-line-clamp:3;font-size: 14px;line-height: 22px;}
.new_n span{font-size: 12px;}
.tech{margin-top: 15px;}
.market_list li{width: 100%;height: auto;margin-right: 0;margin-bottom: 20px;}
.ma_mod p{font-size: 16px;}
/*联系我们*/
.ind_cont_lf{width: 100%;}
.ind_cont_lf h3{font-size: 24px;}
.lx_dh span{font-size: 20px;}
.lx_x li{line-height: 27px;}
.ind_cont{padding: 45px 15px;}
.lx_x{margin-top: 20px;}
.ind_cont_rg{width: 100%;margin-top: 40px;}
.inp{margin-bottom: 10px;}
.ind_cont_rg input[type="submit"]{font-size: 14px;height: 35px;line-height: 35px;width: 95px;}
.contact .ind_cont_lf{width: 100%;padding-top: 0;}
.contact h3{font-size: 18px;}
.contact_list li{font-size: 15px;line-height: 32px;margin-bottom: 10px;}
.contact_list li img{top: 2px;}
.map{height: auto;}
手机端样式
.ser_lf{width: 100%;margin-bottom: 20px;}
.ser_lf h3{font-size: 21px;margin-bottom: 20px;}
.ser_lf p{font-size: 14px;line-height: 25px;}
.ser_xl p{font-size: 16px;}
.ser_rg{width: 100%;float: none;}
.ser_xq h3{font-size: 16px;line-height: 25px;}
.ser_xq{margin-bottom: 35px;}
table{width: 100%;}
.tditem{width: 100%;}
}