@charset "UTF-8";

/*config*/

html {
}

.show-img {
/*display: block!important;*/
}

.big-img {
display: none;
}

pre {
border: none;
}

.am-slider-a1 .am-control-nav {
width: 100%;
position: absolute;
bottom: 20px;
text-align: center;
line-height: 0;
}

body {
width: 100%;  min-width:1200px;
height: 100%;
/*overflow-x: hidden;*/
overflow-y: auto;
}



img {
max-width: 100%;
}



.nav {
margin: 2rem 0;
font-size: 1.4rem;
}

.nav span {
    color: #999;
    padding-left: 2px;
}



.Page {
    margin: 3rem 0;
    text-align: center;
}

.index_page a, .page span {
    border: 1px solid #ccc;
    color: #999;
    padding: 0.5rem 1rem;
    margin: 0 0.2rem;
    font-size: 1.2rem;
}

.page .active-page {
    background: #ef5600;
    color: #fff !important;
}



.page_nowindex {
background: #0a6ce1;      padding: 5px 10px;
color: #fff !important;
}



.center {
margin: 0 auto;
width: 1200px;
}

.content {
width: 90%;
margin: 0 auto;
width: 1200px;
}

.border-bottom {
background: url("../Images/title-bottom.jpg") no-repeat bottom center;
padding-bottom: 0.5rem;
}



.slider {
overflow: hidden;
}



.am-slider-a1 .am-control-nav li a {
width: 20px;
height: 20px;
background-color: #fff;
}



/*澶撮儴*/

.header {
width: 100%;
 background: url("../Images/top-right-bg.png") top right no-repeat;

}

.header-top-left {
padding: 1.5rem 0;
float: left;
}
.header-top-left img {
}

.header-top-left a p {
    margin: 0;
}

.header-top-right {
width: 44%;
float: right;
background: url("../Images/") no-repeat bottom center;
background-size: 100% 100%;
color: #fff;
padding: 3.56rem 3%;
}

.header-top-right span {
    padding-left: 1rem;
    line-height: 5rem;
    float: left;
}

.header-top-right-msg {
font-family: Arial;
display: block;
font-size: 2.4rem;
font-weight: bold;
}

.header-top-right-tell {
font-size: 2.4rem;
font-weight: 600;
}

.header-menu {
width: 100%;
background: #222;
float: left;
text-align: center;
}

.header-menu-ch, .header-menu-en {
color: #fff;
z-index: 2;
transition: 1s;
position: relative;
}

.header-menu-en {
font-size: 1.2rem;
}

.header-menu-hover {
/*background: #222;*/
position: absolute;
width: 100%;
height: 100%;
top: 0;
transition: 1s;
z-index: 1;
}
 .header-menu li{width: 125px;}
 .header-menu li:nth-child(2){width: 150px;}
.header-menu a {
position: relative;
width: 100%;font-size: 1.8rem;
padding: 1.2rem 0;
display: block;
}

li:hover .header-menu-hover {
    background: #62d901;
    transform: skewX(-20deg);
    z-index: 3;
}

li:hover .header-menu-en, li:hover .header-menu-ch {
z-index: 200;
}



#active .header-menu-hover {
background: #62d901;
transform: skewX(-20deg);
z-index: 3;
}



#active .header-menu-en, #active .header-menu-ch {
z-index: 100;
}


.footer {
    margin-top: 0px;
    border-top: 5px solid #62d901;
}


.footer {
background: url(../Images/footerbg.jpg) no-repeat;
background-size: 100% 100%;
padding: 2rem 0;
float: left;
}

.footer-logo {
width: 20%;
float: left;
margin-top: 2rem;
}

.footer-message {
width: 50%;
float: left;
color: #a0a0a0;
font-size: 1.3rem;
line-height: 2.5rem;

}
.footer-message a{
color: #a0a0a0;
}
.footer-message img {
    max-width: 100%;
}

.footer-ma {
width: 12%;
float: right;
margin-top: 1rem;
max-width: 50%;text-align:center;
}
    .footer-ma p {
        color: #888;
        font-size: 1.2rem;
        line-height: 2.5rem;
    }



.index-about {
float: left;
padding-top: 5rem;
background: url("../Images/index-about.png") no-repeat;
background-size: 100% 100%;
}

.index-about-title, .index-product-title {
text-align: center;
}

.index-about-title-ch, .index-product-title-ch {
font-size: 2.6rem;
color: #62d901;
font-weight: bold;
}

.index-about-title-en, .index-product-title-en {
font-size: 2.6rem;
color: #000;
}

.index-about-title-message, .index-product-title-message {
color: #707070;
font-size: 1.4rem;
line-height: 3rem;
height: 6rem
}

.index-about-content {
float: right; width:580px;
color: #707070;
font-size: 1.4rem;
line-height: 3rem;
margin-top: 8rem;margin-bottom: 3rem;
}
.index-about-footer-ul {
    width: 580px;
}
    .index-about-but {
    width: 100%;
    float: right;
    margin-bottom: 10px;
}

    .index-about-but a {
        float: right;
        background: #222;
        font-size: 1.2rem;
        padding: 1.2rem;
    }

.index-about-footer {
margin-top: 2rem;
float: left;
padding: 1rem 0;
width: 100%;
color: #fff;
text-align: center;
}

.index-about-footer li {
    border-right: 1px solid #fff;   width:33.333%
}

    .index-about-footer li:nth-child(3) {
        border: none;
    }

    .index-about-footer li div {
        font-size: 2rem;
        font-weight: bold;
    }

.index-about-footer-left {
width: 50%;
position: absolute;
bottom: 0;
left: 0;
}
/*产品中心*/
.pr {
position: relative;
}
.cp_bg {
overflow: hidden;
padding: 52px 0;
}

.cp_t {
height: 118px;
line-height: 40px;
text-align: center;
overflow: hidden;
background: url(../images/cp_tbg.gif) no-repeat center 8px;
font-weight: normal;
font-size: 40px;
color: #333;
}

.cp_t a {
    font-size: 40px;
    color: #333;
}

    .cp_t b {
        color: #62d901;
    }

.cp_t span {
    display: block;
    font-size: 16px;
    color: #666;
    padding: 3px 0 0;
}

.cp01 {
width: 33.333%;
height: 296px;
background: #f5f5f5;border:2px solid #fff;
float: left;
-webkit-transition: transform .3s;
transition: transform .3s;
}
.cp01:nth-child(2){width: 50%;}
.cp01:nth-child(3) { width: 50%;}
.cp01:nth-child(5),  .cp01:nth-child(8) {background: #eee;}

.cp_tit {
display: block;
font-size: 20px;
color: #333;
font-weight: bold;
height: 72px;
line-height: 80px;
overflow: hidden;
background: url(../images/cp_ico04.gif) no-repeat 0 68px;
margin-left: 20px;
width: 45%;
float: left;
}

.cp_tit:hover {
    color: #62d901;
}

.cp01 ul {
display: block;
float: left;
width: 45%;
padding: 26px 0 0 6px;
}

.cp01 ul li {
    height: 30px;text-align:left;
}

    .cp01 ul li a {
        font-size: 14px;
        color: #666;
        display: block;
        height: 30px;
        line-height: 30px;
        background: url(../images/cp_ico01.gif) no-repeat 0 11px;
       /* white-space: nowrap;*/
        overflow: hidden;
        text-overflow: ellipsis;
    }

        .cp01 ul li a:hover {
            color: #1d9347;
            background: url(../images/cp_ico02.gif) no-repeat 0 11px;
        }

.cp01 p {
width:40%;
position: absolute;
top: 72px;
left: 0;
}

.cp01 p img {
    height: 180px;
    padding-left: 10%;
}

.cp01 span {
    display: block;
    width: 90px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    --gradient-start: #5dcd02;
    --gradient-start-text: '#5dcd02';
    --gradient-end: #62d901;
    --gradient-end-text: '#62d901';
    background: linear-gradient(33deg, var(--gradient-start), var(--gradient-end));
    position: absolute;
    top: 230px;
    right: 20px; text-align: center;
}

.cp01 span a {
    font-size: 14px;
    color: #fff;
}

    .cp01 span a:hover {
        color: #1d9347;
    }

.chanp .nobor {
margin-right: 0;
}

.cp01:hover {
-webkit-transform: translate(0,-10px);
transform: translate(0,-10px);
border: 1px solid #62d901;
}

/*---------------------成功案列---------------------*/
.case {    position: relative;overflow: hidden;}
.case ul { position: relative;list-style: none; }
.case ul li {float: left; width: 290px; margin-right: 13px;height:100%; position: relative; margin-bottom: 13px;}
.case ul li img { width: 100%;height: 200px; }
.case ul li span { display: block;    bottom: 0; left: 0;    background: #62d901; width: 100%;height: 30px; line-height: 30px;text-align: center;color: #FFF;}

.index-video {

}
.service-title {
    text-align: center;
    margin: 30px  0;
}

    .service-title h2 {
        display: block;font-weight:100;
        font-size: 40px;
    }
        .service-title h2 b {
            color: #62d901;
        }
    .service-title p {
        display: block;
        color: #888;
        font-size: 16px;
    }

    		.Box {position: relative;}
			.Box .content {width: 1200px;margin: 0 auto;}
			.Box h2 {text-align: center;margin-bottom: 35px;padding-top: 250px;}
			.Box .Box_con {position: relative;}
			.Box .Box_con .btnl {position: absolute;}
			.Box .Box_con .btn {display: block;width: 41px;height: 41px;position: absolute;top: 120px;cursor: pointer;}
			.Box .Box_con .btnl {background: url(../Images/jtl02.png) no-repeat center;left: -72px;}
			.Box .Box_con .btnr {background: url(../Images/jtr02.png) no-repeat center;right: -72px;}
			.Box .Box_con .btnl:hover {background: url(../Images/jtl03.png) no-repeat center;}
			.Box .Box_con .btnr:hover {background: url(../Images/jtr03.png) no-repeat center;}
			.Box .Box_con .conbox {position: relative;overflow: hidden;}
			.Box .Box_con .conbox ul {position: relative;list-style: none;}
			.Box .Box_con .conbox ul li {float: left;width: 250px;height: 280px;margin-left: 20px;overflow: hidden;border: 1px solid #ddd;text-align: center;}
			.Box .Box_con .conbox ul li:first-child {margin-left: 0;}
			.Box .Box_con .conbox ul li img {/*display: block;width: 250px;*/height: 280px;transition: all 0.5s;}
			.Box .Box_con .conbox ul li:hover img {transform: scale(1.1);}


@media (min-width: 1400px) {

.index-video-content {
    padding: 2rem 0;
}
}


/*新闻中心*/
.news_main{padding: 60px 0 55px;overflow:hidden;}
.news_main .cp_t,.about .cp_t{background:url(../images/case_tbg.png) no-repeat center 8px;height: 110px;}
.news{ width:370px; margin-right:20px;text-align: left;}
.news:last-child{  margin-right:0px;}
.news_t{ height:70px;line-height: 26px;overflow: hidden;border-bottom: #f3f3f3 2px solid;}
.news_t p{float: left;}
.news_t p a{font-size: 18px;color: #333;font-weight: bold;}
.news_t p a:hover{color: #1d9347;}
.news_t p i{color: #cecece;font-size: 20px;display: block;font-weight: normal; font-family:"Times New Roman", Times, serif;text-transform: uppercase;}
.news_t span{float: right;width: 25px;height: 25px;display: block;line-height: 0;padding: 23px 0 0;}
.news_t span img{width: 25px;height: 25px;}
.news dl{ width:370px; padding:0px 0 20px;border-bottom: #f3f3f3 1px solid; display: inline-block;margin-bottom: 15px;}
.news dt{ width:120px; height:93px;overflow: hidden;float: left;}
.news dt img,.about dl dt img{ width:120px; height:113px;
-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.news dl dt img:hover,.about dl dt img:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news dd{width:250px;float: left; padding:0 0 0 10px;}
.news dd span{display: block;font-size: 30px;color: #1d9347;font-weight: bold; font-family:"Times New Roman", Times, serif;line-height: 30px;}
.news dd h3{ height:30px; line-height:30px; overflow:hidden;font-weight: normal;}
.news dd h3 a{ font-size:14px; color:#333;display: block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;width: 100%;}
.news dd h3 a:hover,.news ul li a:hover{color: #1d9347;}
.news .news_desc{ font-size:14px; color:#909090; height:40px; line-height:20px;overflow: hidden;}
.news ul li{ height:28px; line-height:28px; overflow:hidden; background:url(../images/news_ico01.gif) no-repeat 0 11px;}
.news ul li a{ font-size:14px; color:#333;display: block;float: left;width: 280px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;padding-left: 20px;}
.news ul li span{display: block;float: right;font-size: 12px;color: #909090;width: 80px; text-align:right;}

#help { width: 370px;overflow:hidden;}
#help h2,#down h2{ font-size:18px; line-height:54px; color:#323232; border-bottom:2px solid #ff8e29; width:150px; font-weight:normal;}
#help dt{cursor:pointer; color:#2e2da6; font-size:14px;margin-top:10px;    font-weight: 500; }
#help dd{ display:none;color:#767676; font-size:14px;  border-radius:5px;  margin-bottom:20px;margin-bottom:20px; line-height:25px; letter-spacing:1px;}
#help dt,#help dd{  position:relative;}
#help dt i,#help dd i{background:url(images/ico.png) no-repeat; width:30px; height:30px; display:block; position:absolute; left:-40px; top:0px;}
#help dd i{background-position: 0 -35px;}
#help .mb{ }




.newsCenterPanel {
    width: 100%;
    background: #fff;
    overflow: hidden;
    *padding-bottom: 50px
}

.newsCenterPanel_inner {
    width: 1200px;
    margin: 0 auto
}

    .newsCenterPanel_inner .newContentBox {
        float: left;
        width: 550px;
        height: 138px;
        text-align: left;
        vertical-align: top;
        position: relative
    }

        .newsCenterPanel_inner .newContentBox.odd {
            margin-right: 100px
        }

        .newsCenterPanel_inner .newContentBox a {
            cursor: pointer
        }

        .newsCenterPanel_inner .newContentBox .newTitle {
            float: left;
            line-height: 44px;
            height: 50px;
            font-size: 16px;
            color: #333;
            width: 400px;
            white-space: nowrap;
            word-break: normal;
            overflow: hidden;
            text-overflow: ellipsis
        }

        .newsCenterPanel_inner .newContentBox a:hover .newTitleIcon {
            background-color: #4a68ec
        }

        .newsCenterPanel_inner .newContentBox .newTitleIcon {
            width: 19px;
            height: 19px;
            background: url(../images/plus.png) center no-repeat;
            background-color: #a6a6a6;
            position: absolute;
            right: 0;
            top: 14px
        }

        .newsCenterPanel_inner .newContentBox .border {
            position: absolute;
            left: 87px;
            top: 44px;
            width: 21px;
            border-top: 1px solid #4a68ec
        }

        .newsCenterPanel_inner .newContentBox .newContent {
            float: left;
            height: 50px;
            width: 464px;
            font-size: 14px;
            line-height: 28px;
            color: #b0b0b0;
            margin-bottom: 30px;
            overflow: hidden;
            word-wrap: break-word;
            text-overflow: ellipsis;
            display: -webkit-box;
        }

.newContentBox .time {
    width: 54px;
    height: 54px;
    border: 1px solid #62d901;
    background: #62d901;
    text-align: center;
    margin-right: 30px;
    margin-top: 14px;
    float: left
}

    .newContentBox .time .day {
        font-size: 20px;
        color: #fff;
    }

    .newContentBox .time .ym {
        font-size: 12px;
        color: #eee
    }

.newContentBox a:hover .time {
    background: #4a68ec
}

.newContentBox a:hover .day {
    color: #fff
}

.newContentBox a:hover .ym {
    color: #b5bcf3
}



/*.customer_list {border-right: 1px solid #dfdfdf; border-bottom: 1px solid #dfdfdf; margin-top: 40px; overflow: hidden;  margin-bottom: 40px;}
.customer_list ul li { float: left; width: calc(20% - 1px); border-left: 1px solid #dfdfdf; border-top: 1px solid #dfdfdf;overflow: hidden;position: relative}
.customer_list ul li img {width: 150px; height: 80px; }
.customer_list ul li .imgs {cursor: pointer;text-align: center; overflow: hidden;border-color: #fff}
.customer_list ul li .imgs:after { content: ''; display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;box-shadow: inset 0 0 0 0 #eee;transition: .2s}
.customer_list ul li .imgs:hover:after {box-shadow: inset 0 0 0 10px #f6f6f6}
.customer_list ul li .imgs img { transition: .3s}
.customer_list ul li:hover .imgs img {opacity: 1; filter: grayscale(0);filter: none;transform: scale(.9) translateY(-8px)}*/


#marquee1{width:100%;height:105px;overflow:hidden;}
#marquee1 ul li{float:left; border:1px solid #dfdfdf; padding:10px;margin:0 5px}
#marquee1 ul li img{display:block;width:208px; height:73px;}

.contactBox .comments{width: 100%;margin: 70px 0;overflow:hidden}
.contactBox .comments .in-1,.contactBox .comments textarea{width:100%; padding:5px 15px; color:#999;font-size:14px;line-height: 35px; border:1px #62d901 solid;}
.contactBox .comments .log{float:left;width:383px;margin-left:25px;margin-bottom: 20px;position: relative;}
.contactBox .comments .log i{ position: absolute;right:20px;top:17px; color:red; font-size:12px;font-weight: 400;}
.contactBox .comments .mrl{margin-left:0px;}
.contactBox .comments textarea{width:100%; height:150px;margin-bottom: 25px;}
.contactBox .comments .submit,.contactBox .comments .reset{padding:10px 0;width:280px; text-align: center;color:#fff;font-size:18px;cursor: pointer;}
.contactBox .comments .submit{float:left; background:#62d901;border: none;}
.contactBox .comments .reset{float:right; background:#9a9a9a;}
.contactBox .comments .submit:hover,.contactBox .comments .reset:hover{ background: #62d901;} 


/*link*/
.link_bg{margin-top: 47px; height:100px;overflow:hidden;} 
.link{}
.link h2{float: left; height:100px; width:150px; overflow:hidden; font:28px/100px "宋体";background:url(../Images/link_ic.gif) no-repeat right center;}
.link h2 a{ color:#333;}

.link p{float: right; width: 1000px; height:100px; overflow:hidden; font:16px/100px "宋体";}
.link p a{ color:#666; padding:0 20px; display:inline-block;}


.cp-gengduo {
background: #f5f5f5;
padding: 1rem;
margin-top: 3rem;
}

.content-image {
padding-top: 6rem;
padding-bottom: 8.4rem;
background: url("../Images/content-logo.jpg") no-repeat center top;
background-size: 95%;
text-align: center;
}

.content-image img {
    height: 210px;
}

.content-title {
background: #f5f5f5;
padding-left: 0;
}

.content-title span {
    display: block;
    background: url("../Images/content-title.png") no-repeat;
    color: #fff;
    padding: 1rem;
}

.content-msg {
padding-left: 0;
background: #f5f5f5;
padding: 2rem 3rem;
min-height: 28rem;
color: #666;
line-height: 3rem;
}



.cps-title {
background: #fff;
border-bottom: 1px solid #999;
}

.cps-title-sf {
background: #fff;
color: #000;
}

.cps-title-sf span {
    color: #118860;
}



/*.news li {
padding: 2rem;
}*/

.news-box-image {
position: relative;
height: 185px;
overflow: hidden;
}

.news-box-image-timer {
width: 100%;
background: rgba(0, 0, 0, 0.8);
color: #fff;
padding: 0.5rem 2rem;
position: absolute;
bottom: 0;
}

.news-box-image-timer div {
    padding-left: 3rem;
    background: url("../Images/timer.png") no-repeat left;
    background-size: auto 100%;
}

.news-box-title {
font-weight: bold;
line-height: 3rem;
}

.news-box-msg {
font-size: 1.4rem;
color: #888;
}

.news-content-title {
text-align: center;
font-weight: bold;
border-bottom: 1px solid #ccc;
padding-bottom: 3rem;
}



.marketing {
margin-top: 3rem;
}

.marketing-title {
text-align: center;
font-size: 2.6rem;
font-weight: bold;
}

.marketing-keyword {
color: #666;
font-size: 1.8rem;
width: 60%;
margin-left: 20%;
text-align: center;
margin-top: 1rem;
line-height: 3rem;
}

.marketing-image {
text-align: center;
}

.marketing-content {
color: #333;
line-height: 3rem;
margin-top: 2rem;
}

.marketing-national {
margin-top: 3rem;
margin-bottom: 3rem;
}

.marketing-national-title {
text-align: center;
}

.marketing-national-title-en {
font-size: 5rem;
border-bottom: 2px solid #000;
padding-bottom: 2.8rem;
position: relative;
z-index: 1;
}

.marketing-national-title-ch {
margin-left: 37%;
width: 26%;
font-size: 2.8rem;
position: relative;
z-index: 10;
background: #fff;
}

/*  .marketing-ul {

margin-bottom: 5rem; }*/

.marketing-ul li {
padding-bottom: 2rem;
text-align: center;
height: 260px;
overflow: hidden;
border: 5px solid #fff;
}


.client {
background: url(../Images/service-bg.png) no-repeat center;
background-size: 100%;
padding-bottom: 3rem;
}

.client-title {
font-size: 2.4rem;
font-weight: bold;
padding-bottom: 1rem;
padding-top: 1rem;
border-bottom: 1px solid #c50114;
color: #c50114;
text-align: center;
}

.client-box, .client-box1, .client-box2 {
height: 18rem;
margin: 2rem;
padding-top: 2rem;
padding-bottom: 2rem;
text-align: center;
background: #62d901;
color: #fff;
line-height: 3rem;
}

.client-box-title, .client-box1-title, .client-box2-title {
font-weight: bold;
font-size: 2rem;
padding: 1rem 0;
}

.client-box1 {
background: #000;
}

.client-box1-msg {
width: 20%;
margin-left: 40%;
}

.client-box2 {
background: #118860;
}

.client-box2-msg {
font-size: 2.4rem;
}

.client-input {
padding: 0;
float: left;
background: url("../Images/client-bg.png") no-repeat;
background-size: 100%;
font-size: 1.4rem;
}

.client-input-box {
width: 44%;
padding: 1rem;
background: rgba(0, 0, 0, 0.7);
}

.client-input-box .former_text {
    width: 48.5%;
    display: inline-block;
}

.client-input-box .input-group-addon {
    display: none
}

.client-input-box input {
    width: 100%;
    margin-left: 1%;
    margin-right: 1%;
    padding: 0.6rem 1rem;
    margin-top: 0.5rem;
    background: none;
    border: 1px solid #bbb;
    color: #fff;
    float: left;
}

.client-input-box textarea {
    width: 97%;
    margin: 1rem 1%;
    background: none;
    border: 1px solid #e5e5e5;
    color: #fff;
    padding: 0.3rem 1rem;
    resize: none;
    height: 15rem;
}

.client-input-box button {
    width: 97%;
    margin: 0.5rem 1%;
    padding: 0.3rem 1rem;
    resize: none;
}

.client-input-box-msg {
line-height: 3rem;
font-weight: bold;
color: #fff;
}

.client-input-box-msg span {
    font-weight: 100;
    font-size: 1.2rem;
    color: #a5a5a5;
}



@media (max-width: 1400px) {

#textarea {
    height: 10rem;
}
}

.scientific-image {
text-align: center;
}

.scientific-bottom {
margin-top: 3rem;
margin-bottom: 10rem;
float: left;
}

.scientific-bottom-title {
font-weight: bold;
color: #df0023;
text-align: center;
font-size: 16px;
margin-top: 3rem;
}

.scientific-bottom li {
margin-right: 3rem;
float: left;
}

.scientific-bottom-box {
margin-top: 3rem;
margin-left: 3rem;
}

.scientific-bottom-box div {
    float: left;
    margin-left: 1rem;
    font-size: 1.4rem;
    line-height: 2rem;
}



.scientific-nav {
font-size: 1.4rem;
background: #c50114;
padding: 1rem;
color: #fff;
margin-bottom: 2rem;
}

.scientific-nav a {
    color: #fff;
}



body {
font-size: 14px;
font-family: "Microsoft YaHei";
}



ul {
margin: 0;
padding: 0;
}



ul li {
    list-style: none;
}



.phone-bg {
background: url("../Images/phone-index-bg.png") no-repeat;
background-size: 100%;
}



.index-top {
background: url("../Images/phone-bg.jpg") no-repeat;
background-size: auto 100%;
position: relative;
}



.index-top i {
    position: absolute;
    top: 15px;
    right: 20px;
    color: #118860;
    font-size: 1.8rem;
}



.am-margin-top-md {
margin-top: 2rem;
}



.am-offcanvas-bar {
width: 200px;
}



.am-offcanvas-content {
padding: 5px 0;
}



.am-offcanvas-content ul li a {
    display: block;
    line-height: 40px;
}



    .am-offcanvas-content ul li a.active, .am-offcanvas-content ul li a:hover {
        background: #222;
    }



.index-two {
padding: 20px 30px;
}



.index-two ul li {
    margin: 10px 0;
}



    .index-two ul li a {
        color: #000;
        display: block;
    }



        .index-two ul li a .img {
            width: 70%;
        }



.index-two-border {
height: 10px;
background: #ececec;
}





.in-message li {
background: #000;
padding: 1rem 0;
border-right: 2px solid #e9be07;
}

.in-message li div {
    color: #e9be07;
}

.in-message li span {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
}

.in-message li:nth-child(3) {
    border-right: none;
}



.phone-product-title {
text-align: center;
font-size: 1.4rem;
}

.phone-product-title div {
    font-size: 3rem;
    font-weight: bold;
}



.phone-product-content {
margin-top: 3rem;
}



.phone-product-content-box-title {
padding-top: 2rem;
font-size: 1.8rem;
font-weight: bold;
}



.phone-product-content-box {
line-height: 2.5rem;
}



.phone-product-but button {
width: 80%;
padding: 0.5rem 0;
background: #62d901;
margin: 2rem 10%;
border-radius: 5px;
}

@media only screen and (max-width: 1400px){
   .index-about-content {
    margin-top: 3rem; margin-bottom: 0rem; line-height: 2.5rem;
}
}

/*# sourceMappingURL=app.css.map */