@charset "utf-8";

/* CSS Document */

body{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;color:#333;padding:0;margin:0;}

form,input,button,option,textarea,select { margin:0; padding:0;}

img{ vertical-align:top;border:0;}

fieldset, img{border:0;}

input, label, select, option, textarea, button, fieldset, legend{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif;}

table{font:12px/18px Verdana, Simsun, Helvetica, Arial, sans-serif; }

li{list-style-type:none;}

ul{ margin:0; padding:0;}

/**/

.clear { clear:both; height:0; overflow:hidden;}

.dis{ display:none}

.left{ float:left}

.right{ float:right}

.red{color:#cd0000;}

.boder1px{ border:1px solid #e4e4e4}

.position_rel{ position:relative}

del{ font-family:georgia}



.blank3 {clear:both; height:3px; overflow:hidden; display:block;}

.blank6 {clear:both; height:6px; overflow:hidden; display:block;}

.blank9 {clear:both; height:9px; overflow:hidden; display:block;}

.blank10 {clear:both; height:10px;overflow:hidden; display:block;}

.blank12 {clear:both; height:12px; overflow:hidden; display:block;}

.blank15 {clear:both; height:15px; overflow:hidden; display:block;}

.blank20 {clear:both; height:20px; overflow:hidden; display:block;}



a {  font-size: 12px; color: #666; text-decoration: none;}

a:link {  font-size: 12px; color: #666; text-decoration: none;}

a:visited {  font-size: 12px; color: #666; text-decoration: none;}

a:hover {  font-size: 12px; color: #0066CC; text-decoration: none;}





/*各种链接css*/

.ab {  font-size: 12px; color: #ff0000; text-decoration: none}

a.ab:link {  font-size: 12px; color: #ff0000; text-decoration: none}

a.ab:visited {  font-size: 12px; color: #ff0000; text-decoration: none}

a.ab:hover {  font-size: 12px; color: #ff0000; text-decoration: underline}



.ab1 {  font-size: 14px; color: #333; text-decoration: none}

a.ab1:link {  font-size: 14px; color: #333; text-decoration: none}

a.ab1:visited {  font-size: 14px; color: #333; text-decoration: none}

a.ab1:hover {  font-size: 14px; color: #ff0000; text-decoration: none}





.ab12 {  font-size: 12px; color: #0099CC; text-decoration: none}

a.ab12:link {  font-size: 12px; color: #0099CC; text-decoration: none}

a.ab12:visited {  font-size: 12px; color: #0099CC; text-decoration: none}

a.ab12:hover {  font-size: 12px; color: #0099CC; text-decoration: none}



.btn{ background:url(file:///E|/php_wwwroot/jikemi2/images/anniu.jpg) no-repeat; width:90px; height:30px; text-align:center;}

.btn a{ width:90px; height:30px; text-decoration:none;}

.btn:hover{ background:url(file:///E|/php_wwwroot/jikemi2/images/anniu2.jpg) no-repeat; width:90px; height:30px; text-decoration:none;}





.ag16 {  font-size: 14px; color:#FF5200; text-decoration: none; font-weight:bold;}

a.ag16:link {  font-size: 14px; color: #FF5200; text-decoration: none;font-weight:bold;}

a.ag16:visited {  font-size: 14px; color: #FF5200; text-decoration: none;font-weight:bold;}

a.ag16:hover {  font-size: 14px; color: #FF5200; text-decoration: underline;font-weight:bold;}



.white {  font-size: 14px; color:#fff; text-decoration: none;}

a.white:link {  font-size: 14px; color: #fff; text-decoration: none;}

a.white:visited {  font-size: 14px; color: #fff; text-decoration: none;}

a.white:hover {  font-size: 14px; color: #fff; text-decoration: underline;}





.white {  font-size: 12px; color:#fff; text-decoration: none;}

a.white:link {  font-size: 12px; color: #fff; text-decoration: none;}

a.white:visited {  font-size: 12px; color: #fff; text-decoration: none;}

a.white:hover {  font-size: 12px; color: #fff; text-decoration: none;}





.wryh2{  font-size: 15px; color: #FF5200; text-decoration: none; font-family: "微软雅黑"; font-weight:bold;}

.wryh16 {  font-size: 15px; color: #333; text-decoration: none; font-family: "微软雅黑"; font-weight:bold;}

a.wryh:link {  font-size: 15px; color: #333; text-decoration: none;font-family: "微软雅黑"; font-weight:bold;}

a.wryh:visited {  font-size: 15px; color: #333; text-decoration: none;font-family: "微软雅黑"; font-weight:bold;}

a.wryh:hover {  font-size: 15px; color: #333; text-decoration:  none;font-family: "微软雅黑"; font-weight:bold;}









/*logo*/

#logo{ width:1190px; margin:0 auto; background: url(../images/logo_bg.jpg) repeat-x; height:92px;}

#menu{ width:1190px; margin:0 auto;}

.banner{ width:1190px; margin:0 auto;}

.con{ width:1190px; margin:0 auto;}

.con_left{ width:222px; float:left;}

.sgxm{ width:222px; float:left; margin-bottom:10px;}

.on1{background:url(..//images/li.jpg) no-repeat; width:222px; height:28px; line-height:28px; text-indent:30px;}



.con_right{ width:956px; float:right;}

.con_top{width:956px; float:right;}

.one1{ width:652px; float:left; border:1px solid #e2e2e2;}

.one2{ width:292px; float:right; border:1px solid #e2e2e2;}

.one3{ width:956px; float:right; border:1px solid #e2e2e2;}



#demo {background: #FFF;overflow:hidden;width: 956px; margin:18px 0;}



#indemo {float: left;width: 800%;}

#demo1 {float: left;}

#demo2 {float: left;}



#indemo li{ float:left; width:150px; margin-right:10px; display:inline;}/*此处不能只使用#demo1 li来设置样式，程序会复制demo1的内容给demo2，所以如果使用#demo1 li的方式设置样式的话，#demo2 li也要加上同样的样式*/

#indemo li img{ width:150px; height:122px;}

#indemo li span{ display:block; height:25px; line-height:25px; text-align:center;}



.link{ width:1168px; border:1px solid #e2e2e2; background:#f3f3f3; padding:15px 10px; float:left;}



.bottom{ background:url(../images/bottom.jpg) repeat-x; width:1190px; float:left; text-align:center; line-height:33px; margin-bottom:20px;}



.page{ line-height:380%; width:400px; margin:0 auto; background-color:#FFF; margin-left:150px;}

.page a{ padding:4px 8px; border:1px solid #CCC;}

.numf{ background: #c4dfec;}



.input{ width:260px; border:1px solid #ccc; height:24px;}



.btn5{ background:url(../images/bc.jpg) no-repeat; text-align:center; font-size:12px; width:59px; height:23px; text-align:center; color:#fff; cursor:pointer;}





.mainbox{

width:1190px;

    overflow:hidden;

    position:relative;

}

.flashbox{

   overflow:hidden;

    position:relative;

}

.imagebox{

    text-align:right;position:relative;z-index:999;

}



.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}

.defimg{background-image:url(../images/2.png)}

.curimg{background-image:url(../images/1.png)}

.page-width {
    width: 1190px;
}

.menu-table {
    width: 1172px;
}

.menu-table-item {
    width: 16.6%;
}

.width-652 {
    width: 652px;
}

.width-956 {
    width: 956px;
}

/*Banner*/
.header_w3layouts_agile-main {
    position: relative;
}

.callbacks_container {
    position: relative;
    float: left;
    width: 100%;
}

.callbacks {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.callbacks li {
    position: absolute;
    width: 100%;
}

.callbacks img {
    position: relative;
    z-index: 1;
    height: auto;
    border: 0;
}

.callbacks .caption {
    display: block;
    position: absolute;
    z-index: 2;
    font-size: 20px;
    text-shadow: none;
    color: #fff;
    left: 0;
    right: 0;
    padding: 10px 20px;
    margin: 0;
    max-width: none;
    top: 10%;
    text-align: center;
}

.callbacks_nav {
    position: absolute;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    bottom: 48%;
    left: 40px;
    opacity: 0.9;
    z-index: 3;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 40px;
    width: 40px;
    background: url(../images/left.png) no-repeat 0px 0px;
    /*display: none;*/
}

.callbacks_nav.next {
    left: auto;
    background: #000 url(../images/right.png) no-repeat 4px 4px;
    /*left: 120px;*/
    right: 50px;
    opacity: 0.5;
    border-radius: 5px;
}

.callbacks_nav.prev {
    left: auto;
    background: #000 url(../images/left.png) no-repeat 4px 4px;
    left: 50px;
    opacity: 0.5;
    border-radius: 5px;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    height: auto;
    border: 0;
}

.callbacks_tabs {
    list-style: none;
    position: absolute;
    top: 90%;
    left: 48%;
    padding: 0;
    margin: 0;
    display: block;
    z-index: 99;
}

.callbacks_tabs li {
    display: inline-block;
    margin: 0 2px;
}

/*----*/

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 14px;
    width: 14px;
    display: inline-block;
    background: none;
    border: 2px solid #fff;
}

.callbacks_tabs a {
    visibility: hidden;
}

.callbacks_tabs a:after {
    content: "\f111";
    font-size: 0;
    font-family: FontAwesome;
    visibility: visible;
    display: block;
    height: 10px;
    width: 10px;
    display: inline-block;
    background: none;
    border: 2px solid #fff;
}

.callbacks_here a:after {
    background: #ff3c41;
    border: 2px solid #ff3c41;
    height: 10px;
    width: 10px;
}

.banner-top {
    min-height: 300px;
}

.products-img {
    width: 220px;
    height: 180px;
}

.logo-left {
    margin-left: 20px;
    float: left;
}

.logo-right {
    float: right;
    margin-top: 30px;
}

.logo-img {
    width: 473px;
}
.content-width {
    width: 460px;
}

.products-left {
    float: left;
    padding-right: 20px;
}
.products-right {
    float: right;
}

/*手机菜单*/
.nav-mobile {
    display: none;
}

.nav-mobile-menu {
    background: #fff;
    margin-top: 40px;
    /*opacity: 0.9;*/
    overflow: hidden;
    transition: 0.5s;
}

.nav-mobile-menu-span {
    float:left;
    margin-right: 10px;
    margin-top: 8px;
}

.nav-mobile-menu-bnt {
    width: 30px;
    height: 30px;
    margin-top: 0px;
    position: absolute;
    right: 4%;
    background: #ccc;
    border-radius: 2px;
}

.nav-mobile-menu-bnt span {
    width: 16px;
    top: 9px;
    transition: all .3s;
    -webkit-transition: all .3s;
    background: #fff;
    display: block;
    height: 2px;
    border-radius: 2px;
    position: absolute;
    left: 7px;
}

.nav-mobile-menu-bnt span.nav-line2 {
    top: 14px;
    opacity: 1;
}

.nav-mobile-menu-bnt span.nav-line3 {
    top: 19px;
}

.nav-mobile-menu-bnt.open span.nav-line1 {
    top: 14px;
    transform: rotate(45deg);
}

.nav-mobile-menu-bnt.open span.nav-line2 {
    opacity: 0;
}

.nav-mobile-menu-bnt.open span.nav-line3 {
    top: 14px;
    transform: rotate(-45deg);
}

.padding-bottom-8 {
    padding-bottom: 8px;
}

@media(max-width:667px) {
    .page-width,
    .con,
    .banner,
    .content-width,
    .news-content img,
    .products-right img,
    .con_top,
    .one1,
    .width-652,
    .width-956
    {
        width: 100%;
    }

    #logo {
        width: 100%;
        height: 60px;
    }

    .logo-left {
        margin-left: 0px;
        margin-top: 5px;
    }
    .logo-right,
    .con_left,
    .contact-img,
    #menu {
        display: none;
    }
    .logo-img {
        width: 80%;
    }
    .con_right, .bottom {
        width: 96%;
        padding: 0 2%;
    }
    .link {
        width: 96%;
        padding: 15px 2%;
        border-left: unset;
        border-right: unset;
    }
    .banner-top {
        min-height: 150px;
    }
    .callbacks_nav.prev {
        left: 20px;
    }
    .callbacks_nav.next {
        right: 20px;
    }
    .callbacks_tabs {
        top: 80%;
        left: 44%;
    }
    .products-img {
        width: 95%;
        height: 160px;
    }
    .products-left {
        float: unset;
        width: 100%;
        padding-right: 0px;
    }
    .products-right {
        float: unset;
        width: 100%;
        margin-top: 10px;
    }
    .one2 {
        width: 100%;
        margin-top: 10px;
    }
    .one3 {
        width: 100%;
        overflow: hidden;
    }
    .nav-mobile {
        display: block;
        position: absolute;
        top: 20px;
        right: 0px;
        z-index: 1000;
        width: 100%;
    }
}