@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;
}


a.reman {
    font-weight: bold;
    color: #666;
    font-size: 14px;
}
.clear {
  clear: both;
}
.top {
    height: 35px;
    line-height: 35px;
    border-bottom: 1px solid #ddd;
    color: #333;
    background:#fff;
}
.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&nav*/
.head {
    height: 120px;
}
.flex {
    display: flex;
    display: -ms-flexbox;
    justify-content: space-between;
    -ms-flex-pack: justify;
}
.head .logo {
    color: #333;
    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: 16px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 53px;
    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: 38px;
    color: #0366c1;
    height: 30px;
    line-height: 36px;
    font-weight: bold;
    font-family: "Impact";
}
.nav {
    background-size: 100%;
    background-color:#0366c1;
}

.nav .breadcrumbnav {
    color: #fff;
}

.nav .breadcrumbnav li {
    display: inline-block;
    text-align: center;
    width: 167px;
    line-height: 65px;
    position: relative;
}
.nav .breadcrumbnav li:first-child{
	background:#69be2d;
}

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


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

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

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

.iproduct { width: 100%; padding: 50px 0 10px 0; }
.iproduct .head {
    text-align: center;
    background: url(../img/pro-bj.png) bottom center repeat-x;
}
.iproduct .heads h2 { font-size: 26px; color: #333; }
.iproduct .heads h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.iproduct .heads .line { width: 214px; height: 4px; margin: 0 auto; }
.iproduct .heads .line span { width: 107px; height: 4px; }
.iproduct .heads .line1 { background: #0475cc; }
.iproduct .heads .line2 { background: #79c935; }
.iproduct .prolist { background: url(../img/pro-bj.png) top center repeat-x; padding: 60px 0 0 0; }

.sy-pro{margin-top:40px;}
.sy-pro li{float:left;width:280px;overflow:hidden;margin:0 26px 9px 0;text-align:center;}
.sy-pro li:nth-child(4n){margin-right:0;}
.sy-pro li img {
    width: 278px;
    height: 240px;
    object-fit: cover;
    border: 1px solid #c2c2c2;
}
.sy-pro li span{display:block;width:100%;height:46px;line-height:46px;}
.sy-pro li a:hover{color:#0366c1;}
ul.fenl {
    display: block;
    text-align: center;
    margin: 28px auto 39px;
}

ul.fenl li {
    display: inline-block;
    background: #0366c1;
    padding: 10px 20px;
    margin-right: 10px;
    margin-bottom: 12px;
}
ul.fenl li a{
	color: #fff
}


.iflow { padding:40px 0 69px;margin-top: 55px; background: url(../img/flow-bj.jpg) top center no-repeat; position: relative; }
.iflow .wrap { }
.heads { text-align: center; }
.iflow .heads h2 { font-size: 26px; color: #333; }
.iflow .heads h3 { font-size: 18px; color: #666; font-weight: normal; margin-bottom: 15px; }
.iflow .heads .line { width: 214px; height: 4px; margin: 10px auto; }
.iflow .heads .line span { width: 107px; height: 4px; }
.iflow .heads .line1 { background: #0475cc; }
.iflow .heads .line2 { background: #79c935; }
.iflow .content { width: 100%; overflow: hidden; background: url(../img/flow1.png) center center no-repeat; margin-top: 30px; }
.iflow .left dl { width: 340px; height: 130px; padding-right: 140px; margin: 40px 0; }
.iflow .left dt { text-align: right; line-height: 70px; width: 200px; border-bottom: 1px dashed #d2d2d2; color: #0475cc; font-size: 24px; font-weight: bold; }
.iflow .left span { display: block; width: 40px; height: 40px; margin: 15px 0 0 10px; }
.iflow .left dd { line-height: 30px; color: #333; width: 288px; text-align: right; }
.iflow .left .item1 {  }
.iflow .left .item2 { margin-left: -43px; }
.iflow .left .item3 { }
.iflow .left .item1 span { background: url(../img/flow.png) top left no-repeat; }
.iflow .left .item2 span { background: url(../img/flow.png) -40px 0 no-repeat; }
.iflow .left .item3 span { background: url(../img/flow.png) -80px 0 no-repeat; }
.iflow .right dl { width: 340px; height: 130px; padding-left: 140px; margin: 40px 0; }
.iflow .right dt { text-align: left; line-height: 70px; width: 200px; border-bottom: 1px dashed #d2d2d2; color: #0475cc; font-size: 24px; font-weight: bold; }
.iflow .right span { display: block; width: 40px; height: 40px; margin: 15px 10px 0 0; }
.iflow .right dd { line-height: 30px; color: #333; width: 288px; }
.iflow .right .item4 { }
.iflow .right .item5 {  margin-left:43px; margin-right: -60px; }
.iflow .right .item6 { }
.iflow .right .item4 span { background: url(../img/flow.png) 0 -40px no-repeat; }
.iflow .right .item5 span { background: url(../img/flow.png) -40px -40px no-repeat; }
.iflow .right .item6 span { background: url(../img/flow.png) -80px -40px no-repeat; }

.iban {
    width: 100%;
    position: relative;
    background: url(../img/ban-bj.jpg) top center no-repeat;
    border-top: 1px solid #fff;
    background-size: cover;
}
.iban .img { position: relative; z-index: 3; margin: -40px 0 0 0; }
.iban .proimg { display: block; position: relative; margin: 20px 0 0 0; z-index: 2; }
.iban .txt { padding: 80px 0; }
.iban .txt h3 {
    font-size: 37px;
    color: #fff;
    line-height: 58px;
}
.iban .txt h3 span { color: #a8e157; }
.iban .txt p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 46px;
}
.iban .tel h2 { font-size: 30px; color: #fff; margin: 0 10px; line-height: 30px; }
.iban .tel a { display: block; width: 140px; height: 35px; border-radius: 35px; background: #99da4a; text-align: center; line-height: 35px; font-size: 18px; color: #fff; }
.cont{padding-bottom:50px;}
.product_list2 {margin-top:27px;}
.product_list2 li{float:left;margin-right:8px;}
.product_list2 li:nth-child(4n){margin-right:0;}
.product_list2 li .img{border:1px solid #d2d2d2;padding:5px;}
.product_list2 li img{width:282px;height:212px;}
.product_list2 li h3{font-weight:normal;text-align:center;color:#333;font-size:16px;line-height:36px;height:48px;}


.iabout { position: relative; height: 642px; background: #0475cc; }
.iabout .img {
    position: relative;
    width: 971px;
    height: 642px;
    background: #fff;
    margin-left: -382px;
    overflow: hidden;
}
.iabout .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.iabout .text .headsd{text-align:left;}
.iabout .text { width: 560px; position: relative; padding: 38px 0 0 0; }
.iabout .headsd h3 { font-size: 55px; color: #579edc; font-weight: normal; text-transform:uppercase; line-height: 55px; }
.iabout .headsd h2 { font-size: 28px; color: #fff; letter-spacing: 15px; }
.iabout .headsd span { display: block; height: 1px; background: #92c6eb; }
.iabout .headsd .line { width: 164px; margin: 15px 0 4px 0; }
.iabout .headsd .line2 { width: 560px; }
.iabout p { color: #fff; font-size: 16px;    line-height: 28px; margin-top: 20px; }
.iabout p a { color: #99da4a; }
.iabout .link { position: relative; }
.iabout .link dl { display: block; width: 98px; margin: 24px 30px 0 0; border: 1px solid #fff; border-radius: 8px; }
.iabout .link dl span { display: block; width: 60px; height: 60px; margin: 0 auto; }
.iabout .link dl a { color: #fff; text-align: center; display: block; width: 98px; font-size: 18px; margin-bottom: 5px; }
.iabout .link .lin1 { background: url(../img/about-1.png) top left no-repeat; }
.iabout .link .lin2 { background: url(../img/about-2.png) top left no-repeat; }
.iabout .link .lin3 { background: url(../img/about-3.png) top left no-repeat; }
.iabout .link dl:hover { border: 1px solid #0585d5; background: #fff; }
.iabout .link dl:hover a { color: #0585d5; }
.iabout .link dl:hover .lin1 { background: url(../img/about-1.png) top right no-repeat; }
.iabout .link dl:hover .lin2 { background: url(../img/about-2.png) top right no-repeat; }
.iabout .link dl:hover .lin3 { background: url(../img/about-3.png) top right no-repeat; }


.inews {
    padding: 50px 0;
}
.inews .newslist { width: 100%; height: auto; position: relative; overflow: hidden; }
.inews .newslist .list { height:auto; position: relative; }
.inews .newsbox { width:100%; height: auto; position: relative; overflow: hidden; }
.inews .item { width: 100%; padding: 25px 0; border-top: 1px solid #e9e9e9; overflow: hidden; height: auto; position: relative; }
.inews .item .wrap { overflow: hidden; }
.inews .item:first-child { border-top: none; }
.inews .item .time {
    border-right: 1px solid #e9e9e9;
    padding: 28px 30px;
    margin-right: 30px;
}
.inews .item .time h2 { color: #e1e1e1; font-size: 65px; line-height: 65px; }
.inews .item .time h3 { color: #666; font-size: 19px; font-weight: normal; }
.inews .item .txt {
    width: 720px;
    position: relative;
    padding: 15px 0;
}
.inews .item .txt h2 {
    font-size: 17px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 30px;
}
.inews .item .txt p {
    color: #666;
    font-size: 14px;
    display: -webkit-box !important;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-height: 27px;
}
.inews .item .txt .more { display: block; width: 80px; height: 29px; line-height: 29px; text-align: center; background: #e1e1e1; color: #fff; margin-top: 10px; text-transform:uppercase; }
.inews .item .img { width: 283px; height: 154px; overflow: hidden; position: relative; }
.inews .item img { width: 100%; height: auto; }
.inews .item:hover { background: #f6f6f6; }
.inews .item:hover .time h2 { color: #0475cc; }
.inews .item:hover .txt .more { background: #69be2d; }
.inews .item:hover img { transform:scale(1.05,1.05); }
.inews .pw { border-top: 1px #e9e9e9 solid; position: relative; margin-top: 30px;  }
.inews .pw .button { height: 33px; width: 90px; margin: 0 auto; background: #fff; padding: 0 20px; }
.inews .pw .button a { display: inline-block; width: 33px; height: 33px; border-radius: 33px; border: 6px solid #fff; margin-top: -20px; }
.inews .pw .btnPrev { background: url(../img/btnpw.png) left center no-repeat #d2d2d2; }
.inews .pw .btnNext { background: url(../img/btnpw.png) right center no-repeat #d2d2d2; }
.inews .pw .btnPrev:hover { background: url(../img/btnpw.png) left center no-repeat #0475cc; }
.inews .pw .btnNext:hover { background: url(../img/btnpw.png) right center no-repeat #0475cc; }

.imessage { width: 100%; position: relative; height: 268px; z-index: 10; margin-top: 30px; }
.imessage .map { width: 100%; position: relative; height: 268px; overflow: hidden; }
.imessage .mapbj { width: 100%; height: 309px; background: url(../img/map-bj.png) top center repeat; position: absolute; top:0; left: 0; right: 0; }
.imessage .map img { height: 268px; width: auto; }
.imessage .form { width: 915px; padding: 30px 0; }
.imessage .iform .name,
.imessage .iform .tel,
.imessage .iform .email  { border: 1px solid #e6e6e6; margin: 0 0 20px 23px; width: 390px; height: 40px; line-height: 40px; border-radius: 4px; padding-left: 40px; color: #666; }
.imessage .iform .content { 
  border: 1px solid #e6e6e6; margin: 0 0 20px 23px;  border-radius: 4px; padding-left: 40px; color: #666;
  width: 847px; height: 93px; margin-bottom: 10px; padding-top: 10px; }
.imessage .iform .name { background: url(../img/flow-1.png) 5px center no-repeat #fff; }
.imessage .iform .tel { background: url(../img/flow-2.png) 5px center no-repeat #fff; }
.imessage .iform .email { background: url(../img/flow-3.png) 5px center no-repeat #fff; }
.imessage .iform .content { background: url(../img/flow-4.png) 5px 5px no-repeat #fff;  }
.imessage .but { width: 370px; margin: 0 auto; }
.imessage .button,
.imessage .button, .imessage .reset {
    float: left;
    width: 155px;
    height: 37px;
    line-height: 37px;
    border-radius: 37px;
    background: #0475cc;
    border: 1px solid #e6e6e6;
    margin: 0 0 0 30px;
    cursor: pointer;
    color: #fff;
}
.imessage .reset { background: #0475cc; color: #fff; }
.imessage .code { width: 261px; height: 403px; background: #0475cc; position: absolute; top: -30px; z-index: 8; text-align: center; }
.imessage .code .ilogo { width: 138px; height: 51px; display: inline-block; margin: 40px 0 10px 0; }
.imessage .code .ilogo img { height: 100%; width: auto; }
.imessage .code h4 { color: #fff; font-weight: normal; font-size: 16px; }
.imessage .code .rcode { width: 135px; height: 135px; border: 8px solid #319adc; margin: 20px 0 10px 0; }
.imessage .code p { color: #fff; font-size: 16px; }

.ifooter {
    background: #01243f;
    color: #e3e5e6;
    position: relative;
    padding-bottom:0;
}
.ifooter .wrap { overflow: hidden; }
.ifooter .hot { width: 320px; margin-top: 130px; }
.ifooter .search { position: relative; margin: 20px 0;  }
.ifooter .search .srk { background-color: #fff; width: 308px; height: 50px; line-height: 50px; border: solid 1px #fff; padding-left: 10px; color: #666; }
.ifooter .search .ssbtm { width: 52px; height: 52px; position: absolute; top: 0; bottom: 0; right: 0; background: url(../img/btnsearch.png) center no-repeat #0475cc;  border: solid 1px #0475cc; cursor: pointer; }
.ifooter .tel { color: #99da4a; padding-left: 40px; background: url(../img/tel-1.png) left center no-repeat; font-size: 26px; }
.ifooter .link { margin: 45px 0 0 90px; position: relative; }
.ifooter .link dt { font-size: 16px; color: #fff; overflow: hidden; }
.ifooter .link .line { display: block; width: 30px; height: 2px; background: #0475cc; margin: 10px 6px 10px 0; }
.ifooter .link a { line-height: 35px; }
.ifooter .sublime { width: 230px; }
.ifooter .subads { width: 320px; }
.ifooter .subads dd {
    color: #e3e5e6;
    line-height: 30px;
}
.ifooter .aline { display: block; width: 100%; height: 1px; background: #385873; margin-top: 40px; }
.ifooter .bottomer {
    width: 100%;
    height: auto;
    padding: 13px 0;
}
.ifooter .bottomer p {
    text-align: center;
    line-height: 22px;
}
.ifooter a { color: #e3e5e6; }
.ifooter a:hover { color: #aeb2b7; }




@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;z-index:99999;}
#foot_nav li{ list-style:none;}
#foot_nav li a {width: calc(100% / 1);text-align: center;height: 90px;line-height: 90px;background: #e7272d; color: #fff;float: left;font-size: 46px; font-weight: bold;}


a.reman{
    display:none
}
.head .logo {
    color: #333;
    font-size: 28px;
    font-weight: bold;
    margin-top: 41px;
    width: 68%;
}

.logo_tel {
	    padding-top: 23px;
    height: 100px;
    float: right;
    background: url(../img/tel.png) left center no-repeat;
    padding-left: 40px;
    box-sizing: border-box;
    margin-top: 7px;
    background-size: 17%;
}
.logo_tel p span {
    display: block;
    font-size: 25px;
    color: #0366c1;
    height: 30px;
    line-height: 26px;
    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;
}
.nav ul li:last-child:after {
    display: none;
}

.sy-pro li:nth-child(2n) {
    margin-right: 0;
}
.sy-pro li {
    float: left;
    width: 47.79%;
    overflow: hidden;
    margin: 0 26px 9px 0;
    text-align: center;
}
.sy-pro li img {
    width: 100%;
    height: 240px;
    object-fit: cover;
}
.product_list2 {
    margin-top: 27px;
    display: block;
    text-align: center;
}
.product_list2 li:nth-child(2n) {
    margin-right: 0;
}
.product_list2 li {
    float: left;
    margin-right: 10px;
    display: inline-block;
    width: 49.1%;
}
.product_list2 li img {
    width: 100%;
    height: 212px;
    object-fit: cover;
}
.iflow {
    padding: 40px 0 69px;
    background: url(../img/flow-bj.jpg) top center;
    position: relative;
}
.iflow .left dl {
    width: 100%;
    height: 139px;
    margin: 0 0;
}
.iflow .left dt {
    text-align: left;
    line-height: 70px;
    width: 100%;
    border-bottom: 1px dashed #d2d2d2;
    color: #0475cc;
    font-size: 24px;
    font-weight: bold;
    float: left;
}
.iflow .left dd {
    line-height: 35px;
    color: #333;
    width: 100%;
    text-align: left;
}
.iflow .left .item2 {
    margin-left: 0;
}
.iflow .left dl {
    width: 100%;
    height: 139px;
    margin: 0 0;
}
.iflow .right dl {
    width: 100%;
    height: 139px;
    padding-left: 0;
    margin: 0 0;
}
.iflow .right dt {
    text-align: left;
    line-height: 70px;
    width: 100%;
    border-bottom: 1px dashed #d2d2d2;
    color: #0475cc;
    font-size: 24px;
    font-weight: bold;
}
.iflow .content{
	background:none;
}
.iflow .right dd {
    line-height: 30px;
    color: #333;
    width: 100%;
}
.iflow .right .item5 {
    margin-left: 0;
    margin-right: 0;
}
.iflow .left span {
    display: block;
    width: 40px;
    height: 40px;
    margin: 15px 0 0 10px;
    float: left;
}
.iban .proimg{
	display:none;
}
.iban {
    width: 100%;
    position: relative;
    background: url(../img/ban-bj.jpg) top center no-repeat;
    border-top: 1px solid #fff;
    background-size: cover;
    padding: 0 0 47px;
}
.iban .txt {
    padding: 38px 0;
}

.iban .txt h3 {
    font-size: 37px;
    color: #fff;
    line-height: 58px;
    text-align: center;
}
.iban .txt p {
    font-size: 18px;
    color: #fff;
    margin-bottom: 20px;
    line-height: 46px;
    text-align: center;
}
.tel {
    text-align: center;
    display: block;
    margin: 0 auto;
}
.iabout {
    position: relative;
    height: auto;
    background: #0475cc;
    padding: 53px 0;
}
.iabout .img {
    position: relative;
    width: 100%;
    height: 350px;
    background: #fff;
    margin-left: 0;
    overflow: hidden;
}
.iabout .text {
    width: 100%;
    position: relative;
    padding: 50px 0 0 0;
}
.iabout p {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
    line-height: 40px;
}
.imessage{
	display:none;
}
.ifooter .hot{
	display:none;
}
.ifooter .link{
	display:none;
}

.ifooter {
    background: #01243f;
    color: #e3e5e6;
    position: relative;
    padding-bottom: 119px;
}
.inews .item .time {
    border-right: 1px solid #e9e9e9;
    padding: 28px 1%;
    margin-right: 3%;
    width: 16%;
}
.inews .item .txt {
    width: 70%;
    position: relative;
    padding: 15px 0;
}
.inews .item .img{
	display:none;
}



}