@charset "utf-8";
@media screen and (min-width: 1199px) {
    /* 首页 */
    /* flexslider */
    .ban{ overflow:hidden; clear:both; height:565px;width:100%; min-width:1200px; margin:0 auto; text-align:center;}
    .flexslider{position:relative;height:565px;overflow:hidden;background:url(../images/loading.gif) 50% no-repeat;width:100%; min-width:1200px; margin:0 auto; text-align:center;}
    .slides{position:relative;z-index:1;width:100%; min-width:1200px; margin:0 auto; text-align:center;}
    .slides li{height:565px;}
    .slides li a{ display:block; height:565px;background-repeat: no-repeat}
    .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
    .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
    .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
    .flex-control-nav .flex-active{background-position:0 0;}

    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat; display:none;}
    .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat; display:none;}
    .flexslider:hover li a.flex-prev{ display:block;}
    .flexslider:hover li a.flex-next{ display:block;}
    .top_d{ background:#1a1a1a; height:80px; width:100%; padding:0px 0 0 0; overflow:hidden; min-width:1100px; margin:0 auto; width:100%;}
    .top_d .top_dnr{ width:1100px; margin:0 auto 0 auto;background:#1a1a1a;}
    .top_d .top_dnr .top_dl{ width:300px; float:left; padding-top:2px;}
    .top_d .top_dnr .top_dl img{ vertical-align:middle;margin-left:-40px;}
    .top_d .top_dnr .top_dr{ width:800px; float:right;  line-height:80px;height:80px;}
    .top_d .top_dnr .top_dr a{ font-size:14px;color:#fff;padding:0 20px;text-align:center; float:left; padding:0 15px; margin:0px 10px 0 10px; height:80px;}
    .top_d .top_dnr .top_dr a.on,.top_d .top_dnr .top_dr a:hover{  display:block; color:#1a1a1a; background:#f5ee31;}

    a{
        text-decoration:none;
    }
    .wap{ background:url(../images/wapbg.jpg) repeat-x; overflow:hidden;}
    .i_cent1{ width:1100px; margin:0 auto 0 auto; padding:50px 0 20px 0; overflow:hidden;}
    .i_cent1 h4{ font-size:16px;color:#292929; text-transform:uppercase; padding:0 0 30px 0; text-align:center;}
    .i_cent1 p.p_a{ text-align:right; overflow:hidden; padding:5px 0 0 0;}
    .i_cent1 p.p_a a{ float:right;}
    .i_cent1 h4 span{color:#aaaaaa; font-size:12px; padding:3px 0 3px 0px; display:block; font-weight:normal;}
    .i_cent1 .i_cent1_r{ width:380px; float:right; overflow:hidden;}
    .i_cent1 .i_cent1_r img{
        width:380px;
        opacity: 1;
        -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
        transition: opacity 0.35s, transform 0.35s;
        -webkit-transform: translate3d(0px,0,0) scale(1);
        transform: translate3d(0px,0,0) scale(1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

    .i_cent1 .i_cent1_r img:hover{
        -webkit-transform: translate3d(0px,0,0) scale(1.05);
        transform: translate3d(0px,0,0) scale(1.05);
    }
    .i_cent1 .i_cent1_l{ width:550px; float:left; color:#807b7b; line-height:18px;}
    .i_cent1 .i_cent1_l ul{ overflow:hidden;}
    .i_cent1 .i_cent1_l h4{ text-align:left; margin:0; padding:0 0 5px 0;}
    .i_cent1 .i_cent1_l ul li{ overflow:hidden; padding-bottom:20px;}
    .i_cent1 .i_cent1_l ul li a{color:#342f2f; font-size:16px; line-height:25px;}
    .i_cent1 .i_cent1_l ul li a:hover{ text-decoration:underline;}
    .i_cent1 .i_cent1_l ul li span{ display:block;}
    .i_cent2{ overflow:hidden; width:1100px; margin:20px auto 0 auto; position:relative;}
    .i_cent2 p.p1{ text-align:center; font-size:24px;color:#342f2f; text-transform:uppercase; background:url(../images/h4bg.jpg) repeat-x; height:61px; line-height:61px; }
    .i_cent2 p.p1 span{color:#8c8c8c;}
    .scroll{ position:relative; width:1100px; margin:20px auto 30px auto; overflow:hidden;}
    .box {height:250px; float:left; width:1040px; overflow: hidden; position:relative; left:30px; }
    .box li { display:block; float:left; margin-left:10px; margin-right:10px; width:240px; height:250px;font-size:12px;color:#666;text-decoration:none;text-align:center; cursor:pointer;}
    .box li:hover { color:#999; }
    .box li h4{ color:#1a1a1a; font-size:14px; padding:10px 0 0px 0;}
    .box li h4 a{ color:#1a1a1a;}
    .box li h4 a:hover{ color:#f8bc28;}
    .box li p span{ color:#9f9a10; display:block; padding:3px 0 3px 0;}
    .box li.active { background-position:-174px 0; color:#555;cursor:default;}
    .scroll_list{ width:10000em; position:absolute; }
    .box li p a{color:#666; text-align:center; display:block; line-height:30px;}
    a.prev, a.next {background:url(../images/lbtn.jpg) no-repeat 0 0; display:block;width:30px;height:43px; float:left; margin:15px 0 0 0; cursor:pointer;}
    a.prev{ position:absolute; left:0px; top:30px;}
    a.next { background-image:url(../images/rbtn.jpg); position:absolute; right:0px; top:30px;}
    .i_cent3{ width:1080px; margin:0 auto 30px auto; border:1px solid #1a1a1a; overflow:hidden; padding-right:20px;}
    #colee_right{ float:right; width:1000px; padding-top:25px}
    #colee_right img{ margin:0 10px;}
    .spant{ display:block; width:20px; padding:0 15px; background:#1a1a1a; height:80px; text-align:center; float:left; color:#f5ee31; font-size:14px; padding-top:7px;}

    .wap_top{ overflow:hidden; padding:20px 0; background:#f2f2f2; color:#8c8c8c; line-height:30px; font-size:13px; text-align:center;}
    .wap_top h4{ font-size:19px; color:#1a1a1a; padding:10px 0;}
    .wap_top_cen{ width:1100px; margin:0 auto 0 auto;}
    .wap_top a{ display:inline-block; font-size:12px; color:#1a1a1a; padding:10px 50px; background:#f5ee31; margin:20px 0 10px 0;}
    .wap_top a:hover{ color:#f00;}
    .bt_ul{ overflow:hidden; width:1100px; margin:50px auto 20px auto;}
    .bt_ul li{ text-align:center; width:25%; float:left; color:#292929; font-size:11px; line-height:22px;}
    .bt_ul li h4{ color:#292929; font-size:18px; display:inline-block; padding:10px 0 10px 0;}

    /**产品1***/
    .chanpin{ overflow:hidden; width:1080px; margin:0 auto; padding:25px 10px 25px 10px; color:#625f5f; font-size:14px; line-height:26px;}
    .sp_p a:hover{color:#1a1a1a;}
    .chanpin p.tit img{ vertical-align:middle; padding-right:3px;}
    .chanpin .l{ float:left; padding-bottom:30px;}
    .chanpin .r{ float:right; width:530px;padding-bottom:30px; line-height:30px;}
    .chanpin .r b{color:#1a1a1a;}
    .chanpin .r span{color:#9f9a10;}
    .chanpin .r b{ font-size:16px;}
    .chanpin p{ display:block; clear:both; }
    .chanpin .nr p {padding:5px 0; text-indent:2em;}
    .chanpin .nr{ padding-bottom:30px;}
    .chanpin h4{ color:#1a1a1a; font-size:20px; padding:20px 0; overflow:hidden;}
    .chanpin h4 span{color:#8c8c8c; text-transform:uppercase; font-weight:normal; padding-left:3px;}
    .chanpin p.img{ text-align:center; padding:10px 0; text-indent:0;}
    .cp_l{ width:237px; float:left; text-align:center; line-height:35px; padding-right:20px;}
    .cp_l p.img{ overflow:hidden; margin:0 0 10px 0;}
    .cp_l p.img img{ padding:5px; border:1px solid #ddd;}
    .cp_l li{ margin:0 0 1px 0; height:35px;}
    .cp_l a { color:#fff; font-size:15px;}
    .cp_l ul{ overflow:hidden; background:#363636;}
    .cp_l li.on,.cp_l li:hover{ background:#f5ee31}
    .cp_l li.on a,.cp_l li:hover a{ color:#1a1a1a;}
    .cp_r{ width:800px; float:right;}
    .cp_r ul.cp li{ width:240px; float:left; padding:10px; border:1px solid #ddd; margin:0px 10px 15px 10px; text-align:center; height:245px; overflow:hidden;}
    .cp_r ul.cp li a{ color:#1a1a1a; font-size:12px; line-height:22px;}
    .cp_r ul.cp li a span{ display:block;}
    .cp_r ul.cp li a span,.cp_r ul.cp li a:hover{color:#b4a32d;}
    .cp_r ul.cp li:hover{border:1px solid #010101;}
    .cp_r ul.cp li p{ padding-top:5px; text-indent:0;    overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin:0px
    }
    .cp_r ul.cp li img{
        height: 150px;
        width:200px;
    }
    .sp_p{ height:30px; overflow:hidden; line-height:30px;color:#a6a5a5; font-size:14px; margin:15px 0;}
    .sp_p a{color:#a6a5a5;}
    .sp_p .sp1{ display:inline-block; width:400px; float:left;}
    .sp_p .sp2{ display:inline-block; width:400px; float:right; text-align:right;}
    .chanpin .map{ float:left; width:820px;padding:20px 0; overflow:hidden;}
    .wp-title_content{ width:250px; float:right; padding:20px 0;overflow:hidden;}
    .chanpin .wp-title_content p{ text-indent:0; color:#555353; font-size:14px; line-height:28px; padding:5px 0;}
    .cp_r ul.news{ overflow:hidden;}
    .cp_r ul.news li{ overflow:hidden; padding:10px 0; border-bottom:1px dashed #1a1a1a;}
    .cp_r ul.news li a{color:#646060; font-size:12px; line-height:22px;}
    .cp_r ul.news li a h3{colot:#1a1a1a; font-size:14px; padding-bottom:5px;}
    .cp_r ul.news li a h3 span{ color:#646060; font-size:12px; display:block; font-weight:normal;}
    .cp_r ul.news li a h3:hover{ color:#f8bc28;}
    .cp_r ul.news li p{ text-indent:0; }



    .wap_top a.button {
        border: 0 none;
        border-radius: 2px 2px 2px 2px;
        color: #FFFFFF;
        cursor: pointer;
        display: inline-block;
        font-family: Arial,sans-serif;
        font-size: 12px;
        font-weight: bold;
        line-height: 25px;
        margin-bottom: 0;
        margin-top: 10px;
        padding: 7px 10px;
        text-transform: none;
        transition: all 0.3s ease 0s;
        -moz-transition: all 0.3s ease 0s;
        -webkit-transition: all 0.3s ease 0s;
        width: 16.795%;
        /* auto */
        text-align: center;
        /* DELETE WHEN WIDTH AUTO */
    }
    .wap_top a.button {
        background: none repeat scroll 0 0 #f5ee31;
        color:#1a1a1a;;
    }
    .wap_top a.button:hover {
        background: none repeat scroll 0 0 #1a1a1a;
        color: white;
    }
    .wapBtn{
        display: none;
    }
}


@media screen and (max-width: 1200px) {
    html{
        min-width: inherit;
    }
    .top_dl{
        height:6rem;
        position: fixed;
        top:0;
        left: 0;
        width: 100%;
        z-index: 9999;
        background: #1a1a1a;
        border-bottom: 1px solid #cccccc;
    }
    .top_dl a{
        display: block;
        padding: 1rem 0 1rem 1rem;
        height: 6rem;
    }
    .top_dl a img{
        height: 100%;
        width: auto;
        display: block;
    }
    .wapBtn{
        font-size: 1.4rem;
        color: #ffffff;
        line-height: 4rem;
        position: absolute;
        top:1rem;
        right: 2rem;
    }

    .top_dr{
        position: fixed;
        left: -120%;
        top:6rem;
        width: 100%;
        height: calc(100vh - 6rem);
        padding: 10% 20%;
        background: #000000;
        z-index: 9999;
        transition: 0.3s;
        -webkit-transition: 0.3s;
        -o-transition: 0.3s;
    }
    .top_dr a{
        display: block;
        height: 5rem;
        line-height: 5rem;
        text-align: center;
        color: #ffffff;
        border: 1px solid #f5f5f5;
        margin-bottom: 1.5rem;
        font-size: 1.5rem;
    }

    .flexslider{
        position:relative;
        top:6rem;
        height:110px;
        overflow:hidden;
        background:url(../images/loading.gif) 50% no-repeat;
        width:100vw;

    }
    .slides{position:relative;z-index:1;width:100%;  margin:0 auto; text-align:center;}
    .slides li{height:110px; background-size: 100% auto; background-repeat: no-repeat}
    .slides li a{ display:block; height:110px;}
    .flex-control-nav{position:absolute;bottom:10px;z-index:2;width:100%;text-align:center;}
    .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
    .flex-control-nav a{display:inline-block;width:14px;height:14px;line-height:40px;overflow:hidden;background:url(../images/dot.png) right 0 no-repeat;cursor:pointer;}
    .flex-control-nav .flex-active{background-position:0 0;}

    .flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
    .flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
    .flex-direction-nav li a.flex-prev{left:40px;background:url(../images/prev.png) center center no-repeat; display:none;}
    .flex-direction-nav li a.flex-next{right:40px;background:url(../images/next.png) center center no-repeat; display:none;}
    .flexslider:hover li a.flex-prev{ display:block;}
    .flexslider:hover li a.flex-next{ display:block;}

    .wap{
        width: 100vw;
        position: absolute;
        top:calc(6rem + 110px);
        overflow: hidden;
        background: #f2f2f2;
    }
    .wap_top_cen h4{
        text-align: center;
        font-size: 1.6rem;
        line-height: 5rem;
        font-weight: bold;
    }
    .MsoNormal{
        width: 80%;
        margin: 0 auto;
        margin-bottom: 1rem;
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .MsoNormal span{
        width: 100%;
        height: 100%;
        display: block;
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .edui-upload-video {
        width: 100% !important;
        height: 100% !important;
        display: block;
    }
    .wap_top_cen p a{
        background: #f5ee31;
        color: #1a1a1a;
        font-size: 1.3rem;
        line-height: 4rem;
        width: 12rem;
        display: block;
        margin: 0 auto;
        text-align: center;
        border-radius: 0.5rem;
        -webkit-border-radius: 0.5rem;
        -o-border-radius: 0.5rem;
        margin-bottom: 2rem;
    }
    .bt_ul{
        padding: 1rem;
        background: #ffffff;
    }
    .bt_ul:after{
        content: "";
        display: block;
        clear: left;
    }
    .bt_ul li{
        width: 46%;
        margin: 2%;
        float: left;
        text-align: center;
    }
    .bt_ul li .img{
        height: 6rem;
    }
    .bt_ul li .img img{
        height: 100%;
    }
    .bt_ul li h4{
        font-size: 1.4rem;
        line-height: 2rem;
    }
    .bt_ul li p{
        font-size: 1.3rem;
        line-height: 2rem;
        height: 4rem;
        overflow: hidden;
    }
    .i_cent1{
        padding: 1rem;
    }
    .i_cent1>h4{
        font-size: 1.6rem;
        line-height: 2.4rem;
    }
    .i_cent1_l ul li{
        border-bottom: 1px solid #999999;
        margin-bottom: 1rem;
    }

    .i_cent2{
        padding: 1rem;
    }
    .i_cent2 .p1{
        line-height: 3rem;
    }
    .i_cent2 .p1 span{
        font-size: 1.5rem;
        display: inline-block;
    }
    .croll_ul:after{
        content: "";
        display: block;
        clear: left;
    }
    .croll_ul li{
        float: left;
        width: 46%;
        margin: 2%;
    }
    .croll_ul li>a{
        width: 100%;
        height: 12rem;
        display: block;
        overflow: hidden;
    }
    .croll_ul li a img{
        width: 100%;
        height: auto;
        display: block;
    }
    .croll_ul li h4 a{
        font-size: 1.4rem;
        line-height: 2rem;
        overflow: hidden;
    }

    .content{
        position: absolute;
        top:calc(6rem + 110px);
        width: 100vw;
        background: #f2f2f2;
    }
    .chanpin>h4{
        font-size: 1.8rem;
        line-height: 2.4rem;
        margin-bottom: 1.5rem;
    }
    .cp_l .img{
        display: none;
    }
    .cp_l{
        display: block;
        height: 3rem;
        margin-bottom: 1.5rem;
    }
    .cp_l ul{
        text-align: center;
    }
    .cp_l ul li{
        display: inline-block;
    }
    .cp_l ul li a{
        padding: 0.5rem 1rem;
        margin: 0 1rem;
        font-size: 1.2rem;
        line-height: 2rem;
        background: #363636;
        color:  #ffffff;
    }
    .news li h3{
        font-size: 1.6rem;
        line-height: 2rem;
    }
    .news li{
        padding:1rem 0;
        border-bottom: 1px solid #999999;
    }
    .news li p{
        font-size: 1.3rem;
        line-height: 1.8rem;
        text-align: justify;
    }

    .chanpin{
        padding: 1rem;
    }
    .cp li a{
        display: block;
    }
    .cp li a img{
        width: 100%;
        height: auto;
        display: block;
    }
    .cp li a p{
        font-size: 1.5rem;
        line-height: 2rem;
    }
    .cp_r p img{
        max-width: 100% !important;
        height: auto !important;
    }
    .chanpin{
        width: 100% !important;
    }
    .map{
        width: 100%;
    }
    .map img{
        width: 100% !important;
        height: auto;
        display: block;
    }
    .wp-title_content p{
        font-size: 1.4rem;
        line-height: 2.4rem;
        margin-bottom: 1rem;
    }

    .nr>h4{
        font-size: 1.8rem;
        line-height: 2.4rem;
    }
    .nr .MsoNormal{
        width: 100%;
    }
    .MsoNormal img{
        max-width: 100% !important;
        height: auto!important;
    }
}