body, html {
    min-width: 1330px
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}


/*վ����ʽ*/
.width {
    width: 1248px;
    margin: 0 auto
}

.head .tl {
    padding-top: 40px
}
.head_tel{
    background: url("/ui/v2-3/images/head.png") no-repeat center;
    height: 157px;
}
.head_tel .tel{margin: 55px 40px 0 0; height: 45px;padding-right: 55px;background: url("/ui/v2-3/images/tel.jpg") no-repeat right}
.head_tel .tel i{ font-size: 24px;color: #d9251e}
.head_tel .tel p{color: #8c8c8c}
.menu {
    background: #838280;
    border-bottom: 3px solid #fff500;
    height: 50px;
    line-height: 50px;
}
.menu ul li{float: left;width: 150px;text-align: center;padding: 0;font-size: 17px}
.menu ul li a{display: inline-block;width: 100%;color: #fff}
.menu ul li:hover,.menu ul li.this{background: #fff500}
.menu ul li:hover a,.menu ul li.this a{color: #2c2c2c}
.layui-bg-yellow {
    background-color: #fdd504 !important;
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #000
}

.layui-nav .layui-nav-item a {
    color: #222;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #eba000;
    transition: all .2s;
    -webkit-transition: all .2s
}
.pl30{padding-left: 30px}
.pr30{padding-right: 30px}
.pb20{margin-bottom: 20px}
.bg{ background: #fff;padding: 20px;border-radius: 5px}
.foot {
    font-size: 14px;
    color: #40403e;
    line-height: 40px
}
.foot .width{background: #fff500;height: 40px}

.banner {height: 230px;min-width: 1330px;margin: 0 auto;}

.nav {
    margin: 15px auto;
}

    .nav li {
        float: left;
        background: #eba000;
        padding: 10px 20px;
        margin-right: 3px;
        color: #fff;
        transition: all .2s;
        -webkit-transition: all .2s
    }

        .nav li a {
            color: #fff;
        }
        .nav li:hover{
            background:#fdd504
        }
        .nav li:hover a{
            color:#222
        }
.infobox{
    padding:20px;
    border:1px solid #e8e8e8;
    margin:10px auto;
    overflow:hidden
}
.info {
    line-height:26px;
    font-size:16px;
    color:#555
}
.info img{
    max-width:100%
}

/*list*/
.list_page {
    text-align: center;
    margin: 30px auto;
    display: block;
}

    .list_page:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

    .list_page ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
    }

        .list_page ul li {
            display: inline-block;
            border: solid 1px #ddd;
            border-radius: 4px;
        }

        .list_page ul a {
            color: #333;
            padding: 8px 12px;
            line-height: 18px;
            display: block;
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
            background: #fff;
        }

        .list_page ul span {
            color: #333;
            padding: 8px 12px;
            line-height: 18px;
            display: block;
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
            background: #f3f3f3;
        }

.uk-icon-angle-double-right:before {
    content: ">>"
}

.uk-icon-angle-double-left:before {
    content: "<<"
}

.page_group ul {
    border-right: solid 1px #ddd;
    border-radius: 4px;
}

    .page_group ul li {
        border-right: none;
        border-radius: 0;
        float: left;
    }

        .page_group ul li:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

        .page_group ul li:first-child {
            border-radius: 4px 0 0 4px;
        }

        .page_group ul li:last-child {
            border-radius: 0 4px 4px 0;
        }

    .page_group ul .uk_active a {
        background: #f3f3f3;
        border-radius: 0;
    }

    .page_group ul .uk_active span {
        background: #f3f3f3;
        border-radius: 0;
    }
/*list*/
.news_list li{
    line-height:42px;
    font-size:16px;
    border-bottom:1px dashed #e8e8e8
}
.news_list li span{
    float:right
}
.info_title{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    margin-top:20px
}
.info_date{
    text-align:center;
    font-size:14px;
    color:#777
}

/*元一*/
/*top*/
.top{border-bottom: 1px solid #e8e8e8;line-height: 36px;height: 36px}
.top_left{float: left;width: 50%}
.top_right{float: left;width: 50%;background: #e1e1e1}
.top_left_info{width: 624px;float: right}
.top_right_info{width: 284px;background: #e1e1e1 url("/ui/v2-3/images/top.jpg") no-repeat;padding-left: 40px;float: left}
.top_right_info a{ margin-left: 15px}
.top_right_l{background: #fff;width: 300px;float: left}

/*首页*/
.hotsearch{line-height: 61px; font-size: 16px;color: #737373}
.hotsearch a{color: #929292; margin-left: 10px;font-size: 15px;}
.search{padding-top: 14px}
.search .input{ width: 180px; height: 30px;}
.search .bnt{width: 80px;background: #281870;color: #fff;border: none;height: 34px;cursor: pointer}
.pro_class_name{font-size:32px; color: #251868;background: url("/ui/v2-3/images/ico-01.png") no-repeat bottom;width: 344px;text-align: center;margin: 50px auto 0px auto; padding-bottom: 10px}
.pro_class_dsc{font-size:20px; color: #878787;width: 630px;text-align: center;margin: 0 auto 50px auto; line-height: 34px;padding-top: 40px}
.pro_class{ background: url("/ui/v2-3/images/bg-01.png") no-repeat center top; width: 1330px;margin:0 auto}


.user-tab > .layui-tab-title {
    border: 0;
    display: flex;
    flex-direction: row;
    justify-content: center;
}


.user-tab > .layui-tab-title .layui-this {
    color: #251868;
    background: #fff500;border:1px solid #fff
}
.user-tab > .layui-tab-title li {
    color: #251868;
    background: #fff;border: 1px solid #dbdbdb; margin: 0 10px; font-size: 15px;
}

.user-tab > .layui-tab-more li.layui-this:after, .user-tab > .layui-tab-title .layui-this:after {
    border: 0;
    border-radius: 0;
}
/*.pro_tab_info{}*/
.user-tab .layui-tab-content{ height: 350px;padding: 60px 0;}
.pro_tab_info{width: 1248px; height: 350px; float: left;overflow: hidden}
.pro_tab_info ul li{width:280px; height: 350px; float: left; padding: 0 15px}
.pro_tab_info ul li img{width:280px; height: 300px;}
.pro_tab_info ul li p{width:280px; height: 50px; text-align: center;line-height: 50px;background: #eeeeee}
.btn_left{width:41px;float: left}
.btn_left a{ width: 23px;height: 42px;display: inline-block;background: url("/ui/v2-3/images/left.png") no-repeat center; margin-top: 140px}
.btn_right{width:41px;float: left}
.btn_right a{ width: 23px;height: 42px;display: inline-block;background: url("/ui/v2-3/images/right.png") no-repeat center; margin-top: 140px}

.youshi_top{ background: url("/ui/v2-3/images/bg-02.jpg") no-repeat center top; height: 254px;position: relative;margin-bottom:60px;}
.youshi_top i{width: 300px;height: 48px;line-height: 48px; background: #fff500;color: #291670;font-size: 20px;display: inline-block;text-align: center;position: absolute;bottom: 0;left: 50%;margin-left: -150px}

.youshi{width: 569px;float: left}
.youshi p{color: #291670;font-size: 26px; margin: 30px 0 60px 0}
.youshi p span{color: #da251a}
.youshi_c{width: 110px;height: 370px;background: url("/ui/v2-3/images/ico-02.jpg") no-repeat center top; float: left;color:#fff;font-size: 26px;text-align: center;line-height: 90px}
.ys_r{color: #767676;line-height: 34px;font-size: 16px;background: url("/ui/v2-3/images/ico-03.jpg") no-repeat left 10px;padding-left: 20px}
.ys_l{color: #767676;line-height: 34px;font-size: 16px;background: url("/ui/v2-3/images/ico-04.png") no-repeat right 10px;padding-right: 20px;text-align: right}

.fang{ background: #f2f2f2;padding: 40px 0 20px 0}
.fang_marquee{ width: 1330px; margin: 0 auto}
.fang_marquee .pro_tab_info{width: 1248px; height: 350px; float: left;overflow: hidden}
.fang_marquee .pro_tab_info ul li{width:280px; height: 300px; float: left;position: relative}
.fang_marquee .pro_tab_info ul li img{width:280px; height: 300px;position: absolute;top:0;left:15px}
.fang_marquee .pro_tab_info ul li p{width:280px; height: 50px; text-align: center;line-height: 50px;background: rgba(0,0,0,0.4);position: absolute;bottom:0;left:15px}
.fang_marquee .pro_tab_info ul li:hover p{height: 300px;line-height: 300px;background: rgba(255,245,0,0.7);font-weight: bold;color: #fff;font-size: 22px}
.fang_marquee .pro_tab_info ul li p a{ color:#fff}


.about{background: url("/ui/v2-3/images/bg-03.jpg") no-repeat center;height: 538px;}
.about .width{position: relative}
.about_l{position: absolute;left: 0;top:180px; padding: 5px; background: #fff}
.about_r{position: absolute;right: 0;top:80px; padding: 5px; background: #fff;width: 840px;height: 370px}
.about_img{ position: absolute;right: 15px;top:120px}
.about_r .about_info{ padding: 50px 70px; width: 500px}
.about_info .url1{margin-bottom: 20px}
.about_info p{color: #5c5c5c;line-height: 28px;font-size: 16px;margin-bottom:20px}
.about_info .url2{display:inline-block;background: #fff500;font-size: 18px;padding: 10px 30px}

/*底部*/
.footer{background: #40403e;}
.footer .layui-col-xs3{ background:#535353; text-align: center; padding: 70px 0}
.footer .layui-col-xs7{ color: #fff;padding: 30px 0 30px 90px; line-height: 28px; font-size: 15px}
.footer .layui-col-xs7 a{color: #fff}
.footer .layui-col-xs2{ padding-top: 50px;text-align: right}



.bottom{ padding: 70px 0}
.layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border: 0
}

.layui-tab-card {
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    box-shadow: none;margin: 0; padding: 0;
}

.layui-tab-card > .layui-tab-title {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
}

.layui-tab-card > .layui-tab-title li {
    color: #666666;
    padding: 0 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
}

.layui-tab-card > .layui-tab-title .layui-this {
    background-color: #fbc900;color:#fff
}

.layui-tab-card > .layui-tab-title .layui-this:after {
    border-top: none;
    border-width: 1px;
    border-bottom-color: #fff
}
.layui-tab-card  .layui-tab-content{ padding: 25px 0}

.qa_maquee{
    height:440px;overflow:hidden;width:416px
}
.qa_name {
    background: url("/ui/v2-3/images/ico-06.jpg") no-repeat 20px center;
    padding-left: 50px;
    height: 50px;
    line-height: 50px;
    color: #291670;
    font-size: 20px;
    border-bottom: 1px solid #e0e0e0
}
.qa_box{ padding: 25px 20px;height:60px; width:376px}
.wen{background: url("/ui/v2-3/images/ico-07.png") no-repeat center left;padding-left: 30px;line-height: 30px;font-size: 18px; font-weight: bold; overflow: hidden;text-overflow:ellipse;height: 30px}
.da{background: url("/ui/v2-3/images/ico-08.png") no-repeat center left;padding-left: 30px;line-height: 30px;color:#666666;font-size: 15px;overflow: hidden;text-overflow:ellipse;height: 30px}
.hui{background: #f5f5f5}

.tab_news_top { margin-bottom: 10px}
.tab_news_top .jqthumb{float: left;margin-right: 30px}
.tab_news_top .about_info .url1{margin-bottom: 10px;font-size: 18px;font-weight: bold;padding-top: 10px}
.tab_news_top .about_info p{color: #5c5c5c;line-height: 26px;font-size: 15px;margin-bottom:15px}
.tab_news_top .about_info .url2{display:inline-block;background: #fff500;font-size: 16px;padding: 5px 20px}

.tab_news_bottom{background: #f5f5f5; padding: 20px}
.tab_news_bottom li{background: url("/ui/v2-3/images/ico-05.jpg") no-repeat center left;padding-left: 20px; line-height: 34px;font-size: 15px}
.tab_news_bottom li span{float: right;color: #999999}
.links {background: #f5f5f5;padding: 20px 0}
.links a{margin-right: 20px;line-height: 30px}

.hot{padding: 20px 0}
.hot_l{background: #dcdcdc;text-align: center;height: 40px;line-height: 40px}
.hot_r{border:1px solid #dcdcdc;height: 40px;line-height: 40px }
.hot_r a{margin: 0 10px;color: #818181}
.main{background: #f2f2f2;padding: 20px 0}

.right_search{
    width: 100%;position: relative;
}
.right_search .input{width: 95%;border: 1px solid #e4e9ec;height: 34px;border-radius: 15px;padding-left: 5%}
.right_search .bnt{width: 30px;height: 34px;position: absolute;right: 0;top:0;border: 0;background: url("/ui/v2-3/images/ico-10.png") no-repeat center;cursor: pointer}

.right_nav li{line-height: 32px;font-size: 17px}
.right_nav li.active a{color: #28156f}
.right_list{border: 1px solid #ddd;border-bottom: 0;margin-top: 10px}
.right_list li{border-bottom: 1px solid #ddd; padding:15px 20px}

.contact{margin-top: 15px;background: url("/ui/v2-3/images/bg-06.jpg") no-repeat top left;height: 347px;padding: 30px 0 0 14px}
.contact p{line-height: 32px}
.contact h3{margin-bottom: 10px;font-weight: bold}

.left_nav dl{height: 90px; line-height: 90px; text-align: center;background: #838280;width: 100%;border-bottom: 5px solid #fff500;color: #fff;font-size: 28px}
.left_nav li a{ border: 1px solid #ddd;height: 50px;line-height: 50px;color: #585858;display: block;margin-bottom: 15px;padding-left: 40px;background: url("/ui/v2-3/images/ico-11.png") no-repeat 20px center;font-size: 16px}
.left_nav li.active a{background:#291670 url("/ui/v2-3/images/ico-12.png") no-repeat 20px center;color: #fff}

.picnews_list h2{ font-size: 20px;margin-bottom: 10px}
.picnews_list p{color: #777777;font-size: 16px;line-height: 24px; margin-bottom: 10px}
.picnews_list h4{color: #a3afb7}

.product_list li{width: 280px;float: left; margin: 0 9px}
.product_list li img{border: 1px solid #ddd}
.product_list p{text-align: center;height: 66px;line-height: 66px;font-size: 16px}



.box{width:400px;float: left}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:62px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:284px;width:390px;}
.tb-s310, .tb-s310 img{max-height:284px;max-width:390px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:56px;width:56px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:56px;padding:2px;}
.tb-thumb  img{width: 56px;height: 56px}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.product_right{width: 460px;float: right}
.product_right dl{line-height: 22px;margin-top: 10px}
.product_right p{color: #291670;font-size: 20px; background: #f4f4f4;text-align: center;line-height: 50px;margin-top: 25px}
.product_right p span{color:#d9251e;font-weight: bold;font-size: 24px}

.tuijian_pro li{width: 214px; text-align: center;float: left;margin: 0 10px}
.tuijian_pro li p{ background:#fff;line-height: 40px}

h1{ margin-bottom:20px}
.nav_all dl{background:#f8f8f8;padding:20px;}
.nav_all dl span{margin-right:20px;font-size:16px}