@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, ol, dd, dl{ list-style:none;margin:0;padding:0px;}
li {
    list-style: none;
}
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;
}

.clear {
  clear: both;
}
.clearfix:after{content:"";height:0;clear:both;display:block;visibility:hidden;}
.clearfix{zoom:1;}
.top {
    height: 35px;
    line-height: 35px;
    background: #f2f2f2;
    color: #333;
}
.footer-lists li a{
	color:#fff;
}
.p-left .p-title a {
    color: #fff;
    font-weight: bold;
    font-size: 22px;
}

.top a {
    line-height: 35px;
    font-size: 14px;
    color:#333;
}
.clear{clear:both;}
.fl{
    float: left;
}
.fr{
    float: right;
}
.remen h1 {
    font-weight: bold;
    float:right;
    margin: 0;
    color: #333;
    font-size: 14px;
}

.head {
    height: 120px;
}

.head .logo {
    color: #000;
    font-size: 38px;
    font-weight: bold;
    margin-top: 34px;
        width: 50%;
}
.head .logo img{
	width:100%;
}
.head .tel {
    padding-top: 25px;
}
.logo_tel {
    padding-top: 15px;
    height: 100px;
    float: right;
    background: url(../img/tel1.png) left center no-repeat;
    padding-left: 50px;
    box-sizing: border-box;
    margin-top: 7px;
}
.logo_tel p {
    height: 30px;
    line-height: 30px;
    float: left;
    color: #6b6b6b;
    font-size: 16px;
}
.logo_tel p span {
    display: block;
    font-size: 34px;
    color: #119cf4;
    line-height: 36px;
    font-weight: bold;
}
.nav {
    background-size: 100%;
    border-top: 1px solid #ccc;
    background:#007ee2;
}

.nav .breadcrumbnav {
    color: #fff;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width:166px;
    line-height: 55px;
    position: relative;
}

.nav .breadcrumbnav li:first-child{
	background: #119cf4
}

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

.nav .breadcrumbnav li:first-child a{
	color: #fff;
}
.nav .breadcrumbnav .nav_list {
    position: absolute;
    left: 0;
    right: 0;
    top: 50px;
    background: #e18000;
    display: none;
    z-index: 9999;
}

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

.nav .breadcrumbnav li:hover .nav_list {
    display: block;
}
.head .logo {
    color: #000;
    font-size: 38px;
    font-weight: bold;
    margin-top: 8px;
    width: 50%;
    line-height: 102px;
}
.head .logo img {
    width: 16%;
    margin-right: 10px;
}
.mt80{ margin-top:80px;}
.mt60{ margin-top:60px;}
.mt50{ margin-top:50px;}
.fenlei_bg{ background:url(../img/fenlei_bg.jpg) no-repeat center top; height:487px;}
#sort_div{ width:247px; float:left; background-color:#0172d0}
.lei_h{ background:url(../img/lei_h.jpg) no-repeat center top; height:123px; text-align:center; color:#fff}
.lei_h p{ font-size:20px; padding-top:20px; padding-bottom:5px;}
.lei_h span{ text-transform:uppercase; }

.sort_div{ width:213px; margin:0 auto; padding-bottom:15px;}
.sort_div ul{ }
.sort_div ul li{ height:49px;line-height:49px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; background:url(../img/clibg.jpg) no-repeat center top; margin-bottom:7px;}
.sort_div ul li a{height:49px;font-size:16px; color:#fff;line-height:49px;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; padding-left:52px; }
.sort_div ul li a:hover{display:block; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; color:#fff;}
.sort_div ul li ul li{ height:30px;line-height:30px;background:url(../img/clibg1.jpg) no-repeat 20px center; margin-bottom:0px;}
.sort_div ul li ul li a{ color:#333;padding-left:36px;}
.sort_div ul li ul li a:hover{ color:#0668cb}

.ma img {
    width: 100%;
    height: 112px!important;
}
.lei_bt{ padding-left:20px}
.lei_bt p{ padding-top:20px; font-size:14px; margin-bottom:8px}
.lei_bt span{ color:#01954b}
.p_more:visited,.p_more:active{color:#fff}
.p_more{height:52px; line-height:52px; display:block;color:#fff; width:80px; float:right}
/* index-products Start */
.pro_bg{padding:50px 0px}
.index-products{ width:902px; float:right;}
.index-products ul{ }
.index-products ul li{float:left;text-align:center;width:272px; margin:0px 10px 30px 17px; position:relative;overflow: hidden;}
.index-products ul li a{display:block;}
.index-products ul li img {
    border: #e9e7e7 1px solid;
    width: 100%;
    height: 219px;
    object-fit: cover;
}
.index-products ul li a:hover img{}
.index-products ul li a:link,.index-products ul li a:visited,.index-products ul li a:active{ color:#333; font-size:15px;}
.index-products ul li a:hover{}
.index-products ul li a p{display:block; height:50px;line-height:50px;display:block;color:#333; background-color:#f8f8f8}
.index-products ul li a:hover p{  color:#fe8610}
.index-products ul li:hover{box-shadow:0 10px 20px 0 rgba(0,0,0,.3)}
.index-products ul> li:nth-child(1) a span{}
.index-products ul> li:nth-child(2) a span{}


.index-products li .xq1{ position: absolute; left: -100%; top:0; line-height:205px; color: #fff; text-align: center; background: url(../img/kgd2.png); height:80%; width: 96%; padding:0 2% ; z-index: 99;}

.index-products ul li .xq1 img{ border:none; display:block; position:absolute; left:44%; top:40%}

.about_h{ font-size:28px;color:#0172d0; font-weight:bold; padding-top:33px; text-align:center;}
.about_h span{ display:block; font-size:14px; color:#999; text-transform:uppercase; font-weight:normal}
.ab_xian{ width:100px; background-color:#08ae79; height:3px; margin-top:5px}

.intro_bg{ background:url(../img/intro_bg.jpg) no-repeat center top; height:591px; margin-top:50px;}
.index-about{ width:1090px; margin:0 auto; padding-top:160px}
.about_con {
    font-size: 15px;
    padding-top: 22px;
    padding-left: 30px;
    line-height: 32px;
    text-align: center;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 7;overflow: hidden;

}
.about_left{ color:#fff; font-size:24px; width:400px; float:left; padding-top:20px; text-align:center}
.about_left p{ padding-top:30px; margin-bottom:12px;}
.about_left span{ font-size:20px;}
.intro_more{ width:280px; margin:0 auto}


.a_more:visited,.a_more:active{ text-align:center; color:#fff}
.a_more{ color:#fff;height:47px; line-height:47px;display:block; background-color:#0172d0; color:#fff; width:127px; text-align:center; margin-top:13px; float:left; }
.a_more2{ color:#fff;height:47px; line-height:47px;display:block; background-color:#fc7a00; color:#fff; width:127px; text-align:center; margin-top:13px; float:left; }
.a_more:visited,.a_more:active{ text-align:center; color:#fff}

.al_h{ background:url(../img/al_bg.jpg) no-repeat center top; height:56px; line-height:56px; margin-top:50px; text-align:center;}
.index-newproducts{ width:1250px; margin:0 auto;}
.productsroll{position:relative;width:1200px; padding-top:40px;}
/* productsroll Start */
#LeftArr1,#RightArr1{background:url(../img/product_arrow.gif) no-repeat center top;width:25px;height:160px;cursor:pointer;position:absolute;top:45px;z-index:1}
#LeftArr1{background-position:-25px 0px;float:left;left:8px}
#RightArr1{background-position:-50px 0px;float:right;right:0px}
#ScrollBox{width:1250px; margin:0 auto;overflow:hidden}
#ScrollBox li{float:left;display:inline;width:287px;text-align:center; margin-left:20px; margin-right:10px; margin-right:5px}
#ScrollBox li a{display:block;}
#ScrollBox li a img {
    border: #f2f2f2 1px solid;
    width: 100%;
    height: 220px;
    object-fit: cover;
}
#ScrollBox li a:link,#ScrollBox li a:visited,#ScrollBox li a:active{color:#333}
#ScrollBox li a:hover{color:#c71800}
#ScrollBox li a span{display:block;  line-height:40px;}

.ys_bg{ background:url(../img/ys_bg.jpg) no-repeat center top; height:206px; margin-top:60px; color:#fff}

.ys_more{height:37px; line-height:37px;display:block;  width:127px; text-align:center; margin-top:13px; border:#ccc 1px solid; border-radius:15px;}

.ys_left{ width:260px; float:left; line-height:30px; font-size:15px; color:#fff;}
.ys_left p{ font-size:28px; font-weight:bold; padding-top:90px;}
.ys_left  span{ font-size:13px; text-transform:uppercase; margin-bottom:15px;}

.ys_bg ul li{ width:90px; float:left; color:#fff; text-align:center; font-size:15px; padding-top:140px}

.btline{background-color:#f00; height:1px; width:50px; margin:20px auto}

.index_title{ font-size:15px; text-align:center}
.index_title p{font-size:15px;}
.index_title span{  font-size:30px; display:block; margin-bottom:10px; margin-top:3px; font-weight:bold}
/*.index_title span:before{ content: ''; vertical-align: middle; margin-right: 15px; display:inline-block; height: 1px; width: 120px; background:#d6d6d6;}
.index_title span:after{ content: '';vertical-align: middle; margin-left: 15px; display:inline-block; height: 1px; width: 120px; background:#d6d6d6;}*/

.index_title1{ text-align:center;font-size:15px; height:80px;color:#fff; }
.index_title1 p{font-size:16px;}
.index_title1 span{ font-weight:bold;  font-size:29px; display:block; padding-top:10px; display:block; margin-bottom:10px}
.index-news{ width:800px; float:left; margin-top:50px;}
.index-news dl{ border-bottom:#f2f2f2 1px solid; padding-bottom:25px}
.index-news dt{ width:170px; float:left}
.index-news dd{ width:594px; float:right; font-size:15px;}
.index-news dd span {
    font-size: 18px;
    margin-bottom: 8px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #000;
}
.index-news dd p {
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 25px;
    color: #555;
    font-size: 14px;
}
.index-news ul{padding-top:20px;}
.index-news ul li:nth-child(2n) {
    float: right;
}
.index-news ul li {
    height: 51px;
    line-height: 51px;
    background: url(../img/nlibg.jpg) no-repeat 2px 22px;
    width: 388px;
    float: left;
    border-bottom: #f2f2f2 1px solid;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-news ul li a{ color:#333; font-size:14px; padding-left:30px;}
.index-news ul li a:hover{color:#f00}
.index-news ul li img{float:left;margin-right:10px}
.index-news ul li h3{font-size:100%;font-weight:bold;line-height:25px}
.index-news ul li p{color:#666}
.index-news ul li a span{color:#666;float:right;margin-right:10px}



.new_img{ width:379px; float:right}
.n_more{ color:#fff;height:30px; line-height:30px;display:block; width:100px; text-align:center; margin-top:8px; background-color:#119cf4;}
.n_more:visited,.n_more:active{ text-align:center; color:#fff}


.index-hang{ width:351px; float:right}
.index-hang ul{ padding-top:15px}
.index-hang li {
    height: 45px;
    line-height: 45px;
    padding-left: 32px;
    background: url(../img/nlibg.jpg) no-repeat 20px 18px;
    background-color: #f2f2f2;
    border-radius: 15px;
    margin-bottom: 15px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.index-hang li span{ float:right}
.index-hang li a{ padding-left:10px;color:#333}

.index-news dl  img {
	-webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}
.index-news dl  img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
}

.new_con{color:#595959; font-size:14px;line-height:25px;display: -webkit-box; -webkit-line-clamp:3;-webkit-box-orient: vertical;overflow: hidden; margin-top:10px; max-height:79px}
.new01{ margin-top:8px; margin-bottom:42px;}
.new01 a{ color:#262626; font-size:14px; background:url(../img/wen.jpg) no-repeat 1px 2px; display:block; padding-left:35px;}
.new_con{ background:url(../img/da.jpg) no-repeat 1px 3px;padding-left:35px;}
.new01 a:hover{ color:#eba602;}
p#fzwz {
    display: inline-block;
}

#friendlink {
    color: #333;
    line-height: 32px;
    margin: 20px 0;
}
#friendlink a{ color:#333}
#friendlink a:visited,#friendlink a:active{color:#333}
#copyright{ background-color:#0172d0;padding-bottom:15px; font-size:14px; line-height:28px;}
.fenzhan{ padding-top:1px;color:#fff}
.fenzhan a{ color:#fff}
.fenzhan a:visited,.fenzhan a:active{color:#fff}
.foot{color:#fff; text-align:center}
.foot a{ color:#fff}
.foot a:visited,.foot a:active{color:#fff}
.con_bg{ background:url(../img/con_bg.jpg) repeat; padding-top:45px; padding-bottom:45px; color:#fff;}
.con_dh .menulevel{ display:none}
.con_h{  height:40px; line-height:40px; color:#fff; font-size:22px; margin-bottom:8px; font-weight:bold;}
.con_left{ width:380px; float:left;}
.index_contact{ width:479px; float:left;line-height:30px; }
.con_right{ width:236px; float:left; margin-right:30px;}
.con_dh li{ width:90px; float:left}
.con_dh li a{ color:#fff; line-height:34px;}
.con_h span{ font-size:16px; text-transform:uppercase}
.shu{ width:1px; float:left;margin-right:50px; margin-top:20px; margin-left:20px;}
.ma{ width:112px; float:right}

#copyright {
    background-color: #0172d0;
    padding-bottom: 0;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    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% / 2);text-align: center;height: 90px;line-height: 90px;background: #e7272d; color: #fff;float: left;font-size: 28px; font-weight: bold;}


.remen.fl {
    display: none;
}
.head .logo {
    color: #000;
    font-size: 40px;
    font-weight: bold;
    margin-top: 26px;
    width: 60%;
    line-height: 60px;
}
.logo_tel p span {
    display: block;
    font-size: 26px;
    color: #119cf4;
    line-height: 36px;
    font-weight: bold;
}
.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width:13.5%;
    line-height: 55px;
    position: relative;
}
.nav .breadcrumbnav li a {
    font-size: 16px;
    color: #fff;
}

.mt80 {
    margin-top: 40px;
}
#sort_div {
    width: 100%;
    float: left;
    background-color: #fff;
}
.lei_h {
    display: none;
}
.sort_div {
    width: auto;
    margin: 0 auto;
    padding-bottom: 15px;
}
.sort_div ul {
    display: block;
    text-align: center;
    margin: 0 auto;
}
.sort_div ul li {
    height: 49px;
    line-height: 49px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    background: #007ee2;
    margin-bottom: 7px;
    display: inline-block;
    padding: 0 14px;
    margin-right: 1%;
    margin-bottom: 1%;
}
.sort_div ul li a {
    height: 49px;
    font-size: 16px;
    color: #fff;
    line-height: 49px;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding-left: 0;
}
.index-products {
    width: 100%;
    float: right;
}
.index-products ul li:nth-child(2n) {
    margin-right: 0;
}
.index-products ul li {
    float: left;
    text-align: center;
    width: 49%;
    margin: 0px 10px 30px 0;
    position: relative;
    overflow: hidden;
}
.intro_bg {
    background: #0172d0;
    height: auto;
    margin-top: 50px;
    padding:30px 0;
}
.index-about {
    width: 100%;
    margin: 0 auto;
    padding-top: 0;
}
.about_h {
    font-size: 28px;
    color: #fff;
    font-weight: bold;
    padding-top: 0;
    text-align: center;
}
.index-newproducts {
    width: 98%;
    margin: 0 auto;
}
.productsroll {
    position: relative;
    width: 100%;
    padding-top: 40px;
}
#ScrollBox {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
#ScrollBox li:nth-child(2n) {
    margin-right: 0;
}
#ScrollBox li {
    float: left;
    display: inline;
    width: 49%;
    text-align: center;
    margin-left: 0;
    margin-right: 10px;
    margin-bottom: 18px;
}
.ys_bg{
	display:none;
}
.index-news {
    width: 100%;
    float: left;
    margin-top: 50px;
}
.index-news ul li:nth-child(2n) {
    float: right;
}
.index-news ul li {
    height: 51px;
    line-height: 51px;
    background: url(../img/nlibg.jpg) no-repeat 2px 22px;
    width: 48%;
    float: left;
    border-bottom: #f2f2f2 1px solid;
}
.index-hang {
    width: 100%;
    float: right;
    margin-top: 12px;
}
.index_contact {
    width: 50%;
    float: left;
    line-height: 30px;
}
.con_left{
	display:none;
}
.shu{
	display:none;
}
.ma {
    width: 30%;
    float: right;
}
#copyright {
    background-color: #0172d0;
    padding-bottom: 98px;
    font-size: 14px;
    line-height: 25px;
    color: #fff;
    text-align: center;
    padding-top: 11px;
}
.index-news dt {
    width: 15%;
    float: left;
}
.index-news dd {
    width: 70%;
    float: right;
    font-size: 15px;
}
.about_con {
    font-size: 15px;
    padding-top: 22px;
    padding-left: 0;
    line-height: 32px;
    text-align: center;
    color: #fff;
}
.a_more {
    color: #333;
    height: 47px;
    line-height: 47px;
    display: block;
    background-color: #fff;
    color: #333;
    width: 127px;
    text-align: center;
    margin-top: 13px;
    float: left;
}
.a_more:visited, .a_more:active {
    text-align: center;
    color: #333;
}
.ma img {
    width: 100%;
    height: 166px!important;
}

}