@charset "utf-8"; 

body {
    margin: 0px auto;
    width: 100%;
    overflow-x: hidden
}

* {
    color: #444;
    box-sizing: border-box;
}

a {
    color: inherit;
    text-decoration: none
}

a:hover {
    color: #ed6d40
}

body,ul,p,li,div,td,input,select,textarea,hr {
    margin: 0px 0px;
    padding: 0px 0px;
    list-style: none;
    font-family: "Microsoft YaHei";
}

h1,h2,h3,h4,h5,h6,b {
    color: #444444;
    margin: 0px 0px;
    padding: 0px 0px;
    font-weight: 400;
}

ul {
    list-style: none;
}

img {
    border: 0;
    padding: 0px 0px;
    margin: 0px 0px;
}

.wh {
    width: 100%;
}

.bin {
    width: 100%
}

.container {
    width: 1260px;
    margin: auto;
}

.wor {
    line-height: 24px;
    color: #666;
    font-size: 13px;
}

.bg_white {
    background: #fff
}

.eps {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -ms-text-overflow: ellipsis;
}

.clearfix:after{
    content: "";
    display: block;
    height: 0;
    clear: both;
}
.clearfix{
    zoom: 1;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

.fn {
    font-weight: normal;
}

.oh {
    overflow: hidden;
}

::-webkit-scrollbar{  
    width: 10px;  
    height: 10px;  
    background-color: #fff;  
}  
::-webkit-scrollbar-track  
{  
    background-color: #cccccc;  
}    
::-webkit-scrollbar-thumb  
{  
    background-color: #a3a3a3;
}  
::-webkit-scrollbar-thumb:hover
{
    background: #1a2d3b;
}

/*效果*/
.slow,.slow a,.slow .box,.slow li a,.slow li a,.rom h4,.slow h4,.slow p,.slow img,.slow b,.slow em,.slow .effect_img img,.slow .effect_img,.LRM li .goods-name b,.slow button, .frame button,.sonNavBox li h3,.header .nav ul li,.rollBox .pl .box span,.rollBox .LeftBotton, .rollBox .RightBotton,.homeA .right a .box,.icoBoxOne,.list-two ul li,.picScroll-left .hd .prev,.picScroll-left .hd .next,#pages,#pages a {
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}

.effect_two {
    position: relative;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.effect_two .effect_two_img {
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    opacity: 1;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.pane.slow a:hover .effect_two .effect_two_img{
    opacity: .9;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.homeC .middle a.one:hover .effect_two_img,.homeB .box:hover .effect_two_img,.picScroll-left .bd ul li a:hover .effect_two_img,.list-one a:hover .effect_two_img,.list-two ul li:hover .effect_two_img {
    opacity: .9;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.effect_two .effect_two_caption {
    color: #fff;
    -moz-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.effect_two .effect_two_caption,.effect_two .effect_two_caption > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
    overflow: hidden
}

.effect_two .effect_two_caption_h {
    font-size: 1.3em;
    font-weight: 700;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 20%;
    left: 10%;
    -webkit-transition: all .5s ease-in-out;
    -moz-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    -ms-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    overflow: hidden;
    opacity: .8
}

.effect_two:hover .effect_two_caption_h {
    color: #fff;
    opacity: 1
}

.effect_two .effect_two_caption_p {
    font-size: 18px;
    text-align: center;
    width: 80%;
    position: absolute;
    top: 45%;
    left: 10%;
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    -ms-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    overflow: hidden;
    opacity: 0
}

.effect_two:hover .effect_two_caption_p {
    color: #fff;
    opacity: 1
}

/*banner_page*/
.banner_page {
    float: left;
    width: 100%;
}

.banner_page img {
    display: blcok;
    width: 100%;
    height: auto;
}

/*more*/
.more {
    background: url(../image/more.png) no-repeat right;
    padding-right: 10px;
}

/*site*/
.site {
    float: left;
    width: 100%;
    border-bottom: solid 1px #ddd;
    padding: 0 0 10px 0;
    font-size: 13px;
    color: #666;
    margin: 15px 0
}

.site a {
    color: #666;
    font-size: 13px;
    margin: 0 3px;
}

.site .icon-home {
    background: url(../image/home_ico.png) no-repeat left;
    padding-left: 21px;
}

.site .frame {
    text-align: right;
}

.site a:hover {
    color: #00509a
}

/*page*/
.page {
}

.page .box {
    padding: 20px;
    margin: 0 0 20px 0
}

/*show*/
.show {
    float: left;
    width: 100%;
    margin: 10px 0 50px 0
}

.banner-page {
    position: relative;
    width: 100%;
    height: 300px;
    overflow: hidden;
}

.banner-page img {
    position: absolute;
    left: 50%;
    width: 1920px;
    height: 300px;
    margin-left: -960px
}

/*pages*/
#pages {
    float: left;
    width: 100%;
    margin: 20px 0 50px 0;
    text-align: center;
}

/*pe_top*/
.pe_top {
    width: 100%;
    margin: 20px 0 10px 0;
}

.pe_top h1 {
    font-size: 23px;
    color: #42c9e1;
    ; line-height: 45px;
    font-weight: 400;
    text-align: center;
    border-bottom: solid 1px #ddd
}

.pe_top span {
    line-height: 30px;
    font-size: 12px;
    text-align: center;
    display: block;
    color: #888
}

.pe_top span b {
    font-weight: 400
}

/*sonNav
.sonNavBox{border: 1px #ddd solid;}
.sonNavBox h2{  background:#42c9e1 url(../images/iconav.png) no-repeat left; background-position:10px 25px;padding:25px 10px 25px 80px;font-size:20px; color:#fff}
.sonNavBox h2 span{ display:block;font-size:15px;color:#eee;text-transform:uppercase;}
.sonNavBox h2{}
.sonNavBox li{ border-bottom:1px #ddd solid;}
.sonNavBox li h3{padding:10px 20px;  cursor: pointer;}
.sonNavBox li h3 a{  color:#666; font-size:15px;padding-left:10px;background:url(../images/iconavli.png) no-repeat left}
.sonNavBox li .sonNavContent{ border-top:1px #ddd solid;}
.sonNavBox li .sonNavContent a{ display: block;padding:7px 5px 7px 85px;  color:#666; font-size:14px; border-bottom: dashed 1px #ddd; }
.sonNavBox li h3:hover,.sonNavBox li h3.active{ background:#2db1c9 ; color:#fff}
.sonNavBox li h3.active a{ color:#fff}
.sonNavBox li .sonNavContent a:hover{color:#2db1c9}*/
/*banner*/
.banner {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 0px;
}

.banner {
    width: 100%;
    position: relative;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.banner_ul {
    width: 100%;
    margin: 0;
    padding: 0;
}

.banner_ul li {
    width: 100%;
}

.banner_ul img {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 1920px;
    height: 600px;
}

.banner_pic {
    width: 100%;
    list-style: none;
    padding: 0;
    overflow: hidden;
}

.banner .rslides_tabs {
    position: absolute;
    bottom: 30px;
    left: 45%;
}

.banner .rslides_tabs li {
    float: left;
    margin: 0 5px;
}

.banner .rslides_tabs a {
    float: left;
    border-radius: 20px;
    width: 50px;
    height: 3px;
    background: #fff;
    font-size: 0;
}

.banner .rslides_tabs .rslides_here a {
    background: #dd9322
}

.banner .prev,.banner .prev,.banner .prev,.banner .next {
    position: absolute;
    top: 250px;
    width: 42px;
    height: 84px;
    font-size: 0px;
}

.banner .prev {
    left: 90px;
    background: url(../image/prevc_ico.png) no-repeat;
}

.banner .next {
    right: 90px;
    background: url(../image/nextc_ico.png) no-repeat;
}

/*download*/
.download {
    float: left;
    width: 100%;
    margin: 0px 0 50px 0;
}

.download a {
    float: left;
    width: 409px;
    margin: 0px 10px 20px 10px;
    border-radius: 10px;
    padding: 15px;
    border: 3px #ddd solid;
}

.download a h4 {
    color: #333;
    font-size: 16px;
}

.download a p {
    color: #999;
    font-size: 13px;
    margin: 5px 0
}

.download a span {
    display: block;
    margin: 20px 0 0 0;
    font-size: 12px;
    color: #999
}

.download a span em {
    float: right;
    background: #ccc;
    border-radius: 20px;
    padding: 5px 10px;
    color: #fff;
    font-size: x-small;
}

.download a:hover {
    border: 3px ##00509a solid;
}

.download a:hover h4 {
    color: ##00509a
}

.download a:hover span em {
    background: ##00509a
}

/*contact*/
.contact {
}

.contact h2 {
    color: #1a1a1a;
    font-size: 25px;
    margin: 0px 0 50px 0;
}

.contact .long {
    float: left;
    width: 100%
}

.contact .long b {
    float: left;
    width: 20%;
    /*border-right: solid 1px #ddd ;*/
    text-align: center;
}

.contact .long b h4 {
    color: #999;
    font-size: 14px;
    font-weight: 400
}

.contact .long b h4 span {
    margin: 5px 0;
    display: block;
    ; color: #666;
    font-size: 13px;
}

.contact .box {
    font-size: 14px;
    color: #666;
    line-height: 25px;
}

.contact #dituContent {
    float: left;
    width: 100%;
    height: 450px;
    margin: 40px 0 0 0;
}

/*commente*/
.comments {
    float: left;
    width: 100%;
    margin: 0 0 20px 0
}

.comments form {
    width: 100%;
    margin: auto;
    padding: 0px 0 50px 0;
}

.comments form .one {
    float: left;
    width: 48%;
    margin-right: 3%
}

.comments form .two {
    float: right;
    width: 48%;
}

.comments form .three {
    float: left;
    width: 100%;
}

.comments input {
    outline: none;
    border-bottom: 1px solid #999;
    background: none;
    margin: 20px 0 0 0;
    color: #777;
    height: 45px;
    line-height: 45px;
    font-size: 15px;
    border-left: none;
    border-right: none;
    border-top: none;
}

.comments form textarea {
    outline: none;
    float: left;
    margin: 20px 0 0 0;
    background: none;
    height: 110px;
    width: 100%;
    border-bottom: 1px solid #999;
    color: #777;
    font-size: 15px;
    border-left: none;
    border-right: none;
    border-top: none;
}

.comments form *::-moz-placeholder {
    color: #000
}

.comments form button {
    float: left;
    display: block;
    cursor: pointer;
    background: #666;
    font-size: 17px;
    border: none;
    margin: 20px auto;
    color: #fff;
    padding: 10px 50px;
}

.comments form button:hover {
    background: #033572
}

.comments .title {
    float: left;
    width: 100%;
    text-align: left;
    margin: 50px 0 35px;
    color: #666;
    font-size: 30px;
}

.comments .title {
}

.comments .title b {
    margin: 10px 0 0 0;
    font-size: 12px;
    color: #777;
    font-weight: 400;
}

.comments .title span {
    display: block;
    border: 2px solid #ccc;
    width: 14px;
    height: 14px;
    border-radius: 100%;
    margin: .4em auto 0em;
    position: relative;
}

/*show-product*/
.show-product {
    float: left;
    width: 100%;
}

.show-product .left {
    float: left;
    width: 350px;
}

.show-product .left img {
    max-width: 100%;
    width: 100%
}

.show-product .right {
    float: right;
    width: 550px
}

.show-product .right .title {
    color: #333;
    font-size: 18px;
    font-weight: bold
}

.show-product .right .box {
    margin: 20px 0 0 0;
    color: #666;
    font-size: 13px;
    line-height: 24px;
}

.show-product .right .frame {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px #ddd solid;
    padding-left: 35px;
    color: #666;
    font-size: 12px;
    background: url(../image/tel-ico01.png) no-repeat left;
    background-size: 30px;
    background-position: 0px 28px
}

.show-product .right .frame b {
    display: block;
    margin: 3px 0 0 0;
    color: #00509a;
    font-size: 20px;
}

.show-product .down {
    float: left;
    width: 100%;
    margin: 30px 0 0 0;
}

.show-product .down h2 {
    color: #333;
    font-size: 20px;
    line-height: 45px;
    ; margin: 0 0 20px 0;
    border-bottom: solid 1px #999
}

/*list-one*/
.list-one a {
    float: left;
    width: 290px;
    margin: 10px 10px 20px 10px
}

.list-one a img {
    width: 100%;
}

.list-one a h4 {
    font-size: 18px;
    margin: 15px 0;
    color: #333;
}

.list-one a p {
    margin: 10px 0 10px 0;
    color: #666;
    font-size: 12px;
    text-align: left;
    line-height: 22px;
}

/*.list-one a span{ float:left;display: block;color:#999999;border:1px #999 solid;  padding:5px 25px;}*/
.list-one a:hover .icoBoxOne {
    background: url(../image/ico_05h.png) no-repeat center;
    color: #fff
}

.list-one a:hover p,.list-one a:hover h4 {
    color: #00529C
}

/*list-two*/
.list-two {
}

.list-two ul {
}

.list-two ul li {
    width: 100%;
    margin: 0 0 30px 0;
    background: #f2f2f2;
}

.list-two ul li img {
    float: left;
    width: 200px;
}

.list-two ul li .right {
    float: left;
    width: calc(100% - 250px);
    padding: 24px 30px;
}

.list-two ul li .right h4 {
    color: #333;
    font-size: 22px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;

}

.list-two ul li:hover .right h4 {
    color: #ed6d40;
}

.list-two ul li .right span {
    display: block;
    color: #999;
    font-size: 14px;
    line-height: 1.8;
    margin-top: 6px;
}

.list-two ul li .right p {
    margin: 10px 0 0 0;
    color: #666;
    font-size: 14px;
    line-height: 1.8;
}

.list-two ul li:hover {
    background: #eee
}


.list-two ul li .left {
    float: left;
    width: 250px;
}

/*list-three*/
.list-three a {
    float: left;
    width: 290px;
    margin: 10px 10px 20px 10px
}

.list-three a img {
    width: 100%;
    height: 230px;
}

.list-three a h4 {
    font-size: 16px;
    margin: 5px 0;
    color: #333;
    text-align: center;
}

/*list-hj*/
.list-hj a {
    float: left;
    width: 290px;
    margin: 10px 10px 20px 10px
}

.list-hj a img {
    width: 100%;
    height: 196px;
}

.list-hj a h4 {
    font-size: 16px;
    margin: 5px 0;
    color: #333;
    text-align: center;
}

/*scroll*/
.rollBox {
    position: relative;
    float: left;
    width: 1220px;
    margin: 20px 0 20px 0;
    border: 1px #ddd solid;
    padding: 15px;
}

.rollBox .LeftBotton, .rollBox .RightBotton {
    position: absolute;
    z-index: 99;
    float: left;
    color: #ffffff;
    background: #000;
    /*background:url(../images/left.png) no-repeat; */
    cursor: pointer;
}

.rollBox .LeftBotton, .rollBox .RightBotton {
    height: 45px;
    width: 40px;
}

.rollBox .LeftBotton {
    left: -20px;
    top: 100px;
    background: #000 url(../image/prve_ico.png) no-repeat center;
}

.rollBox .RightBotton {
    right: -15px;
    top: 100px;
    background: #000 url(../image/next_ico.png) no-repeat center;
}

.rollBox .LeftBotton:hover {
    background: #1CBAC8 url(../image/prve_ico.png) no-repeat center;
}

.rollBox .RightBotton:hover {
    background: #1CBAC8 url(../image/next_ico.png) no-repeat center;
}

.rollBox .Cont {
    float: left;
    width: 1210px;
    overflow: hidden;
    margin-left: 0px;
}

.rollBox .ScrCont {
    width: 32766px;
}

.rollBox #List1,.rollBox #List2 {
    float: left;
}

.rollBox .pl {
    float: left;
    width: 201.6px;
    overflow: hidden;
    text-align: center;
}

.rollBox .pl img {
    width: 180px;
}

.rollBox .pl a:hover img {
    opacity: 0.9;
}

.rollBox .pl a {
    width: 180px;
    display: block;
    margin: auto;
    position: relative;
}

.rollBox .pl .box {
    margin: 30px 0 0 0
}

.rollBox .pl .box h4 {
    font-size: 20px;
    color: #333;
}

.rollBox .pl .box p {
    margin: 10px 0 10px 0;
    color: #666;
    font-size: 12px;
    text-align: left;
}

.rollBox .pl .box span {
    margin: auto;
    display: block;
    width: 80px;
    border-radius: 10px;
    color: #999999;
    border: 1px #999 solid;
    padding: 3px 15px;
}

.rollBox .pl a:hover .box span {
    color: #ffffff;
    background: #1CBAC8;
    border: 1px #1CBAC8 solid;
}

.rollBox .pl a:hover .box h4 {
    color: #1CBAC8
}

.rollBox .pl .imgbox {
    position: relative;
}

.rollBox .pl a:hover .effect_two_img {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.imgc {
    max-width: 930px;
    height: auto;
    display: block;
    margin: 0 auto;
}

.dates li {
    font-size: 14px;
    margin: 20px 0
}

.dates li span {
    float: right
}

#maximg img {
    width: 100%;
    height: auto !important
}

.pagebar {
    padding: 20px;
    overflow: hidden;
    clear: both
}

.pagebar .pagination {
    display: flex;
    justify-content: center;
    margin-top: 10px;
}

.pagination a {
    background: #fff;
    border: 1px solid #ccc;
    color: #333;
    font-size: 12px;
    padding: 8px 10px;
    margin: 0 2px;
    border-radius: 3px;
    line-height: 100%
}

.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}

.pagination a:hover {
    color: #333;
    border: 1px solid #333;
}

.pagination a.page-num-current {
    color: #fff;
    background: #333;
    border: 1px solid #333;
}

.text-secondary {
    text-align: center;
    padding: 20px 0
}

.box {
    line-height: 26px;
    color: #333
}



/*header*/
.header{
    position: relative;
    border-top: 4px #1a2d3b solid;
}
.header:before{
    content: "";
    display: block;
    top: -4px;
    height: 4px;
    background: #ed6d40;
    width: calc(50% - 359px);
    position: absolute;
}
.header .long{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .long .nav{
    display: flex;
    align-items: center;
}
.header .long .nav li a{
    display: block;
    line-height: 102px;
    padding: 0px 18px;
    position: relative;
    transition: all ease .4s;
}
.header .long .nav li a:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: -102px;
    left: 0;
    background: #1a2d3b;
    z-index: -1;
    transition: all ease .4s;
}
.header .long .nav li a:hover,
.header .long .nav li a.current{
    color: #fff;
}
.header .long .nav li a:hover:before,
.header .long .nav li a.current:before{
    top: 0;
}
.header .long .tel{
    padding-left: 65px;
    background: url(../image/tel.png) no-repeat left center;
    line-height: 1.2;
}
.header .long .tel span{
    display: block;
    color: #ed6d40;
    font-weight: bold;
    font-size: 20px;
}
.header .long .tel span:last-child{
    letter-spacing: 0.02em;
}


.right_fix{
    position: fixed;
    right: 0;
    left: auto;
    bottom: 10%;
    z-index: 999;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}
.right_fix .tit_box,
.right_fix .float_item > a{
    position: relative;
    margin-top: 2px;
    display: flex;
    padding-right: 10px;
    background: rgba(16, 30, 40, 0.9);
    transition: all ease 0.4s;
}
.right_fix .float_item{
    transition: all ease 0.4s;
    transform: translateX(calc(100% - 70px));
}
.right_fix .float_item:hover{
    transform: translateX(0);
}
.right_fix .float_item:hover .tit_box,
.right_fix .float_item:hover > a{
    background: #ed6d40;
}
.right_fix .box_1{
    width: 70px;
    height: 80px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.right_fix .box_1 p{
    color: #fff;
    font-size: 14px;
}
.right_fix .box_1_content{
    display: flex;
    width: 160px;
    height: 80px;
    padding: 0 10px 0 22px;
    flex-direction: column;
    white-space: nowrap;
    align-items: flex-start;
    justify-content: center;
    position: relative;
}
.right_fix .box_1_content:before{
    content: "";
    position: absolute;
    left: 6px;
    top: 50%;
    transform: translateY(-50%);
    background: rgba(255, 255, 255, 0.3);
    width: 1px;
    height: 36px;
}
.right_fix .box_1_content p{
    color: #fff;
}





/*内页二级导航*/
.second_nav{
    margin-bottom: 20px;
}
.second_nav ul li{
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
}
.second_nav ul li a{
    display: block;
    background: #fff;
    padding: 14px 30px;
    transition: all ease 0.4s;
}
.second_nav ul li a:hover,
.second_nav ul li a.current{
    background: #ed6d40;
    color: #fff;
}

/*翻页-简易样式*/
.pagelist{
    width: 100%;
    text-align: center;
}
.pagelist #pege li{
    list-style: none;
    display: inline-block;
    margin: 0px 2px;
    border: 1px #dcdcdc solid;
    color: #898989;
    width: 40px;
    height: 40px;
    padding: 0px;
    text-align: center;
    line-height: 40px;
    background: #f9f9f9;
    overflow: hidden;
    font-size: 14px;
}
.pagelist #pege li:first-child,
.pagelist #pege li:last-child{
    width: 68px;
}
.pagelist #pege li a{
    display: block;
    width: 100%;
    height: 100%; 
    transition: all ease 0.5s;
    color: #333;
    background-color: #fff;
    line-height: 40px;
}
.pagelist #pege li a:hover{
    background: #ed6d40;
    color: #fff;
}

/*内页文本*/
.text_box,
.text_box p,
.text_box span{
    line-height: 1.725;
    font-size: 16px;
}
.text_box a{
    color: inherit;
}
.text_box img{
    max-width: 100%;
}



/*------------------------
内页banner
------------------------*/
.inner_banner{
    position: relative;
    height: 260px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.inner_banner.banner_about{
    background-image: url(../image/banner_about.jpg);
}
.inner_banner.banner_pro{
    background-image: url(../image/banner_pro.jpg);
}
.inner_banner.banner_news{
    background-image: url(../image/banner_news.jpg);
}
.inner_banner.banner_mes{
    background-image: url(../image/banner_mes.jpg);
}
.inner_banner.banner_con{
    background-image: url(../image/banner_con.jpg);
}
.inner_banner:after{
    content: "";
    display: block;
    position: absolute;
    height: 76px;
    background: #1a2d3b;
    width: calc((100% - 1260px) / 2);
    bottom: 0;
    left: 0;
    z-index: 2;
}
.inner_banner:before{
    content: "";
    z-index: 1;
    display: block;
    bottom: 0;
    left: 0;
    position: absolute;
    width: 100%;
    height: 40px;
    background: rgba(0, 0, 0, 0.3);
}
.inner_banner .container{
    position: relative;
    height: 100%;
}
.inner_banner .inner_tit{
    position: absolute;
    left: 0;
    bottom: 0;
    height: 76px;
    background: #1a2d3b;
    z-index: 3;
    line-height: 76px;
    padding-right: 10px;
}
.inner_banner .inner_tit:after{
    content: "";
    background: url(../image/inner_nav_bg.png) no-repeat 0 0;
    width: 103px;
    height: 76px;
    position: absolute;
    right: -103px;
    top: 0;
}
.inner_banner .inner_tit:before{
    content: "";
    display: block;
    width: calc((100vw - 1260px) / 2);
    transform: translateX(calc(-100% - 40px));
    height: 1px;
    background: rgba(255, 255, 255, 0.4);
    bottom: 38px;
    z-index: 3;
    position: absolute;
}
.inner_banner span.en{
    font-size: 24px;
    color: #fff;
    font-weight: bold;
}
.inner_banner span.cn{
    font-size: 24px;
    color: #fff;
    margin-left: 20px;
}
.inner_banner .bread_nav{
    position: absolute;
    right: 0;
    bottom: 0;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    z-index: 2;
}


/*------------------------
内页正文&公司简介
------------------------*/

.inner_body{
    background: #f2f2f2;
    padding: 60px;
}
.inner_body .container .about_box{
    background: #fff;
    min-height: 100px;
    padding: 40px;
}
.inner_body .inner_about_tit{
    text-align: center;
    position: relative;
}
.inner_body .inner_about_tit:after{
    content: "";
    display: block;
    width: 60px;
    height: 2px;
    background: #eaeaea;
    position: absolute;
    left: 50%;
    margin-left: -30px;
    bottom: -20px;
}
.inner_body .inner_about_tit .cn{
    font-size: 30px;
}
.inner_body .inner_about_tit .en{
    font-size: 30px;
    letter-spacing: 1px;
    color: #ed6d40;
    margin-bottom: 40px;
}


/*------------------------
产品内页
------------------------*/
.pro_list_inner a {
    position: relative;
    display: block;
    background: #fff;
    overflow: hidden;
    border: 1px #ddd solid;
    width: 32%;
    margin-right: 2%;
    margin-bottom: 20px;
}
.pro_list_inner a:nth-child(3n){
    margin-right: 0;
}

.pro_list_inner h4.one {
    color: #333;
    text-align: center;
    padding: 10px 0
}

.pro_list_inner a .box {
    opacity: 0;
    position: absolute;
    left: 0;
    top: 100%;
    text-align: center;
    padding: 100px 0 0 0;
    height: 100%;
    width: 100%;
    background: rgba(26,45,59,0.7);
    transition: all .4s ease-in-out;
}

.pro_list_inner a img {
    width: 100%;
    display: block;
    padding: 20px;
}

.pro_list_inner a .box h4.two {
    color: #fff;
    font-size: 16px;
    margin: 10px 0 0 0
}

.pro_list_inner a .box img {
    display: block;
    margin: auto;
    height: auto;
    width: auto;
}

.pro_list_inner a:hover .box {
    opacity: 1;
    top: 0
}

.pro_list_inner a:hover h4.one {
    opacity: 0;
}

.pro_list_inner.honor a:hover h4.one {
    opacity: 1;
}
.pro_list_inner.honor a:hover{
    cursor: zoom-in;
}

.pro_list_inner .rightDown span {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-left: 35px solid transparent;
    border-bottom: 35px solid #ed6d40;
    -webkit-animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
    animation: triangle-skew-spin 3s 0s cubic-bezier(.09, .57, .49, .9) infinite;
}

.pro_list_inner .rightDown b {
    position: absolute;
    bottom: 0px;
    right: 3px;
    color: #fff;
    font-size: 20px;
}

.pro_contact_button{
    text-align: center;
    float: left;
    display: block;
    color: #fff;
    height: 40px;
    line-height: 40px;
    padding: 0;
    width: 140px;
    margin: 32px 0 0 30px;
    background: url(../image/ico_05h_2.png) no-repeat center;
    transition: all ease 0.4s;
}
.pro_contact_button:hover{
    opacity: 0.8;
    color: #fff;
}


.contact_box{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.con_left .tit{
    font-size: 22px;
    margin-bottom: 20px;
    margin-top: -20px;
    border-bottom: 0;
}
.con_left p{
    font-size: 15px;
    border-bottom: 1px #dbdbdb dashed;
}
.con_left{
    line-height: 2.2;
    padding-left: 80px;
}
.con_right{
    width: 50%;
}
.iframe_map{
    border: 1px #eaeaea solid;
    width: 100%;
    height: 420px;
}