@charset "utf-8";
@media (max-width: 1440px) {
    .owl-prev {
        left: -70px;
    }

    .owl-next {
        right: -70px;
    }
}


@font-face {
    font-family: 'BYekan';
    src: url('font/web_Yekan.eot') format('eot'),
    url('font/web_Yekan.woff') format('woff'),
    url('font/web_Yekan.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@media (max-width: 1200px) {
    body {
        line-height: 20px;
        font-size: 12px;
        font-family: 'BYekan','sans-serif';
    }

    a {
        font-size: 12px;
    }

    .wrap {
        width: 94%;

    }

    .navmenu {
        height: 50px;
    }

    .main {
        margin-top: 50px
    }

    .navmenu .logo {
        width: 59px;
        height: 30px;
        margin-top: 9px;
        background-size: 100%
    }

    .navmenu .ench {
        margin-top: 15px;
    }

    .navmenu .ench span {
        display: none;
    }

    .navmenu .ench .login {
        margin: 0 10px
    }

    .navmenu .search {
        float: none;
        width: 17px;
        margin-top: -23px;
        margin-left: -30px;
        position: relative
    }

    .navmenu .search i {
        top: 6px;
        width: 14px;
        height: 15px;
        background-size: 100%
    }

    .navmenu .search i.close {
        top: 5px;
        width: 14px;
        height: 15px;
        background-size: 100%
    }

    .navmenu .search .cons {
        left: -175px;
    }

    .navmenu .search .cons .icon {
        margin-left: 172px
    }

    .mobmenu {
        position: absolute;
        z-index: 9999;
        top: 17px;
        width: 21px;
        height: 16px;
        right: 3%;
        margin-right: 220px;
    }

    .mobmenu .openmenu {
        background: url(../images/menu.gif) no-repeat;
        width: 21px;
        height: 16px;
        background-size: 100%;
        cursor: pointer;
    }

    .mobmenu .closemenu {
        background: url(../images/menu.gif) no-repeat;
        width: 21px;
        height: 16px;
        background-size: 100%;
        cursor: pointer;
        display: none
    }

    .navmenu ul {
        display: none;
        position: absolute;
        z-index: 99999;
        top: 50px;
        right: 0;
        float: none;
        width: 100%;
        text-align: center;
        background: #fff
    }

    .navmenu ul li:hover > .list {
        display: none;
    }

    .navmenu ul li {
        float: none;
        padding: 0
    }

    .navmenu ul li a {
        color: #333;
        font-size: 14px;
        border-bottom: 1px solid #ccc;
        height: 45px;
        line-height: 45px;
    }

    .navmenu ul li a:hover, .navmenu ul li.check a, .navmenu ul li:hover > a {
        color: #00b6fe;
        border-color: #ccc
    }

    .flexslider, .slides li, .slides li a {
        height: 350px
    }

    .slides li {
        background-size: cover
    }

    .flex-control-nav li {
        width: 10px;
        height: 10px;
        margin: 0 5px;
    }

    .flex-control-nav a {
        width: 10px;
        height: 10px;
    }

    .flex-control-nav {
        bottom: 10px;
    }

    .bannerin .flexslider, .bannerin .slides li, .bannerin .slides li a {
        height: 250px;
        background-size: cover;
    }

    .bannerinno {
        height: 5px
    }

    .indsolution {
        padding: 30px 0 50px 0;
        height: auto
    }

    .indsolution .subject {
        letter-spacing: 5px;
        font-size: 20px;
        padding-bottom: 0px
    }

    .indsolution .list {
        float: none;
        width: 100%;
        margin: 0 0px 30px 0
    }

    .indsolution .list .pic img {
        width: 100%
    }

    .indsolution .list .title a {
        font-size: 16px;
    }

    .indsolution .list .cons {
        height: auto;
        overflow: visible;
        font-size: 12px;
        line-height: 20px;
        margin-top: -10px
    }

    .owl-buttons div {
        display: block;
        position: absolute;
        top: auto;
        width: 22px;
        height: 32px;
        text-indent: -9999px;
        bottom: -40px
    }

    .owl-prev {
        left: 0px;
        background: url(../images/l.png) no-repeat center;
        background-size: 100%
    }

    .owl-next {
        right: 0px;
        background: url(../images/r.png) no-repeat center;
        background-size: 100%
    }

    .indsolution .more a {
        width: 120px;
        height: 40px;
        line-height: 40px;
        margin: 2px auto 0 auto;
        font-size: 15px;
    }

    .indnews {
        padding-top: 30px
    }

    .indnews .mleft {
        float: none;
        width: 100%;
        height: auto;
    }

    .indnews .mleft .subject a {
        font-size: 18px;
        height: 18px;
        line-height: 18px
    }

    .indnews .mleft ul {
        border-right: 0;
        padding-right: 0;
    }

    .indnews .mleft ul li {
        padding: 10px 0 10px 0;
    }

    .indnews .mleft ul li .addtime {
        width: 55px;
        height: 55px;
    }

    .indnews .mleft ul li .addtime h1 {
        font-size: 30px;
        margin: 10px 0 3px 0;
    }

    .indnews .mleft ul li .title {
        width: 75%
    }

    .indnews .mleft ul li .title a {
        font-size: 16px;
    }

    .newscons, .newscons a, .about, .jobshow, .contact dd, .hover dd a, .partright .partcons, .support dd a, .software .tr2 td, .software .tr3 td a, .softwares td, .rightnotice .notice3, .productinformation dd a, .producttechcons, .productinformation .cons, .product .cons, .pshow1 .cons, .pshow1 .content, .pshow2 .gs_content, .pshow3 .gs_content, .pshow3 .cons .content, .solutionss7 td *, .solutionss8 li a, .solutionss1 .cons, .solutionss5 li a, .solutionss3 li .title a, .csleft {
        font-size: 12px;
        line-height: 22px;
    }

    .indnews .mright {
        float: none;
        width: 100%;
        border-top: 1px solid #ccc;
        margin: 20px 0 0 0;
    }

    .indnews .mright ul {
        margin-top: -10px
    }

    .indnews .mright li {
        float: none;
        width: 100%;
        margin-left: 0px;
        margin-top: 30px
    }

    .indnews .mright li .title {
        height: auto;
        line-height: 22px
    }

    .indnews .mright li .title a {
        font-size: 16px;
    }

    .indnews .mright li .pic {
        margin: 10px 0 10px 0
    }

    .indnews .mright li .cons {
        font-size: 12px;
        line-height: 20px;
        height: auto;
        overflow: visible
    }

    .current {
        margin: 20px 0 15px 0
    }

    .current i {
        margin: 0 5px;
    }

    .solutionleft {
        float: none;
        width: 100%;
    }

    .solutionleft .subject {
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        background-size: 3.5%;
    }

    .solutionleft dl {
        padding: 10px 0
    }

    .solutionleft dt, .solutionleft dd {
        padding-left: 24px;
    }

    .solutionleft dt a {
        font-size: 14px;
    }

    .solutionright {
        float: none;
        width: 100%;
        margin-top: -10px
    }

    .solutionright .list {
        margin: 0px 0 30px 0;
        display: block;
        width: 100%;
        border-bottom: 1px solid #ccc;
        padding: 30px 0 30px 0;
    }

    .solutionright .list .pic {
        width: 100%;
        display: block;
        position: relative;
        overflow: hidden;
    }

    .solutionright .list .pic img {
        width: 100%
    }

    .solutionright .list .cons {
        padding-left: 0px;
        width: 100%;
        display: block;
    }

    .solutionright .list .cons .title {
        margin: 20px 0 15px 0
    }

    .solutionright .list .cons .title a {
        font-size: 16px
    }

    .solutionright .list .cons .more a, .solutionss1 .more a {
        display: inline-block;
        width: 130px;
        background: #00b6fe;
        color: #fff;
        height: 38px;
        line-height: 38px;
        text-align: center;
        border-radius: 5px;
        margin-top: 30px;
        margin-right: 15px
    }

    .solutionright .list .cons .more a:hover, .solutionss1 .more a:hover {
        background: #000
    }

    .solutionright .list2 {
        margin: 0px 0 0px 0;
        display: block;
        width: 100%;
        padding: 0 0 30px 0;
        overflow: hidden;
    }

    .solutionright .list2 .pic {
        margin-top: 30px;
    }

    .solutionright .list2 .cons {
        padding: 0 0px 0 0;
    }

    .solutionright .list2 .cons .title {
        margin-top: 0px
    }

    .solutionright .list .cons .content {
        font-size: 12px;
        line-height: 20px
    }

    .solutionss1 {
        padding-bottom: 20px;
        margin-top: 10px
    }

    .solutionss1 .title {
        font-size: 16px;
        padding: 20px 0 20px 0;
    }

    .pager a, .pager span.current, .pager span.disabled {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }

    .solutionsstitle {
        font-size: 16px;
        margin-bottom: 20px;
        margin-top: 20px
    }

    .solutionss2 {
        padding: 0 0 25px 0;
    }

    .solutionss2 li {
        float: none;
        margin: 30px 0 0 0;
        width: 100%;
    }

    .solutionss2 li.no {
        margin-right: 0
    }

    .solutionss2 li .pic {
        width: 46%;
    }

    .solutionss2 li .pic img {
        width: 100%
    }

    .solutionss2 li .cons {
        width: 50%;
        margin-left: 4%
    }

    .solutionss2 li .cons .title {
        height: 50px;
        line-height: 25px;
        overflow: hidden;
        margin-top: 0px
    }

    .solutionss2 li .cons .title a {
        font-size: 16px
    }

    .solutionss2 li .cons .content {
        height: 60px;
        font-size: 12px;
        line-height: 20px;
        overflow: hidden;
        margin-top: 10px
    }

    .solutionss3 .solutionsstitle {
        margin-bottom: 10px
    }

    .solutionss3 li {
        float: 100%;
        width: 100%;
        margin: 10px 0 10px 0;
    }

    .solutionss3 li .pic {
        height: auto;
    }

    .solutionss3 li .pic img {
        max-height: 500px;
    }

    .solutionss3 li .title {
        margin-top: 10px
    }

    .videoframe .cons {
        width: 94%;
        height: 310px;
        padding: 0px;
        position: absolute;
        z-index: 1;
        left: 3%;
        margin-left: 0px;
        top: 50%;
        margin-top: -150px;
    }

    .videoframe .cons iframe {
        height: 309px
    }

    .videoframe .cons .closev {
        right: -13px;
        top: -13px;
        width: 26px;
        height: 26px;
        cursor: pointer
    }

    .solutionss5 ul {
        margin: -0px 0 -20px 0
    }

    .solutionss5 li {
        float: none;
        width: 100%;
        margin: 0 2% 0 0;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .solutionss5 li.no {
        margin-right: 0
    }

    .solutionss5 li a {
        background: url(../images/21.png) no-repeat center left;
        padding-left: 20px;
        height: 19px;
        line-height: 19px;
        display: block;
        background-size: 3.5%
    }

    .solutionss5 li a:hover {
        background: url(../images/22.png) no-repeat center left;
        background-size: 3.5%
    }

    .aboutsubject {
        font-size: 16px;
        padding-bottom: 10px;
        margin-top: 20px
    }

    .case {
        margin-top: -10px
    }

    .case li {
        height: 25px;
        line-height: 25px
    }

    .case li a {
        font-size: 12px
    }

    .case i {
        margin-right: 5px;
        font-size: 11px;
    }

    .csleft {
        float: none;
        width: 100%;
    }

    .csright {
        float: none;
        width: 100%;
        text-align: center
    }

    .csright .down {
        margin-top: 50px
    }

    .csleft .title {
        font-size: 16px;
        margin: 20px 0 20px 0
    }

    .caseback {
        text-align: center;
        margin-top: 20px
    }

    .order .table {
        margin-top: -30px
    }

    .order .ordertd {
        width: 100%;
        float: left;
    }

    .order .subject {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: 20px
    }

    .order .title {
        font-size: 12px
    }

    .order .title a {
        font-size: 12px
    }

    .order #btn {
        height: 35px;
        line-height: 35px;
        width: 100px;
        font-size: 16px;
        margin: 30px auto
    }

    .order .td1 {
        margin-left: 0px;
        width: 100%;
        margin-top: 60px;
        position: relative
    }

    .order .subject2 i {
        top: 12px;
    }

    .order .subject2 p {
        padding: 0 15px;
        height: 25px;
        line-height: 25px;
        left: 37%;
        margin-left: -60px;
        font-size: 16px;
    }

    .order .subject2_2 p {
        left: 42%
    }

    .order .td1 #name, .order .td1 #hy {
        margin-top: 50px
    }

    .order .td1 input[type="text"] {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .order .td1 select {
        height: 30px;
        line-height: 30px;
        font-size: 12px;
    }

    .order .td1 textarea {
        height: 120px;
        line-height: 30px;
        font-size: 12px;
    }

    .order .td2 {
        margin: 30px 0px 0 0;
    }

    .products {
        margin-top: -10px
    }

    .product {
        padding: 0px 0 10px 0;
        text-align: center
    }

    .product .cons {
        float: none;
        width: 100%;
        margin-top: 35px;
        margin-bottom: 30px
    }

    .product .cons .title {
        font-size: 16px;
        margin-bottom: 10px;
        margin-top: -10px
    }

    .product .pics {
        float: none;
        width: 100%;
        text-align: center
    }

    .product .pics li {
        float: none;
        width: 100%;
        margin: 0 0px 25px 0;
    }

    .product .pics li img {
        width: auto;
        height: auto;
        margin: 0 auto
    }

    .product2 .cons {
        float: none;
        width: 100%;
    }

    .product2 .pics {
        float: none;
        width: 100%;
        text-align: center
    }

    .product2 .pics li {
        width: 100%;
        text-align: center
    }

    .productapp {
        margin-bottom: -20px;
        margin-top: 40px
    }

    .productapp .cons {
        float: none;
        width: 100%;
        margin-top: 0px
    }

    .pshow1, .pshow2 {
        padding: 10px 0 20px 0
    }

    .pshow1 .cons {
        float: none;
        width: 100%;
    }

    .pshow1 .cons .title {
        font-size: 16px;
        margin-bottom: 15px
    }

    .pshow1 .pics {
        float: none;
        width: 100%;
    }

    .pshow1 .content {
        float: none;
        width: 100%;
        margin-top: 50px;
    }

    .smallImg {
        position: relative;
        height: 37px;
        width: 350px;
        overflow: hidden;
        float: left;
        margin-top: 0px;
        left: 50%;
        margin-left: -172px
    }

    .scrollbutton {
        width: 12px;
        height: 22px;
        overflow: hidden;
        position: relative;
        float: left;
        cursor: pointer;
        margin-top: 7px
    }

    .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
        background: url(../images/4.png) no-repeat
    }

    .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
        background: url(../images/5.png) no-repeat;
    }

    #imageMenu {
        height: 37px;
        width: 90%;
        overflow: hidden;
        float: left;
        margin-left: 4px;
    }

    #imageMenu li {
        width: 65px;
        height: 37px;
        overflow: hidden;
        float: left;
        text-align: center;
        margin: 0 6px
    }

    #imageMenu li img {
        width: 49px;
        height: 28px;
        padding: 7px;
        cursor: pointer;
        max-width: none;
        height: auto;
        border: 1px solid #e3e3e3
    }

    #imageMenu li#onlickImg img, #imageMenu li:hover img {
        width: 49px;
        height: 28px;
        padding: 7px;
        border: 1px solid #d10000;
        max-width: none;
        height: auto;
    }

    .bigImg {
        float: none;
        width: 100%;
        height: auto;
        overflow: hidden;
        left: 0;
        text-align: center
    }

    .bigImg #midimg {
        width: 350px;
        height: auto;
    }

    .bigImg #winSelector {
        width: 0px;
        height: 0px;
        display: none;
    }

    .pshow2 .gs_content, .pshow3 .gs_content {
        float: none;
        width: 100%;
    }

    .pshow2 .video {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
        margin-top: 20px
    }

    .pshow2 .video img {
        width: 100%
    }

    .pshow2 .video i {
        background-size: cover;
        width: 40px;
        height: 40px;
        margin: -20px -20px 0 0
    }

    .pshow2 .gs_content .title, .pshow3 .gs_content .title {
        font-size: 16px;
        margin-bottom: 15px;
        margin-top: 10px
    }

    .pshow3 {
        padding: 10px 0 30px 0;
        border: 0
    }

    .pshow3 .gs_content {
        float: none;
        width: 100%;
        border: 0
    }

    .pshow3 li {
        float: left;
        margin: 0 2% 3% 2%;
        width: 46%;
        height: 35px;
        line-height: 35px;
    }

    .pshow3 li a {
        font-size: 12px
    }

    .pshow3 .cons {
        float: left;
        width: 100%;
        padding: 0px 0 20px 0px;
        border: 0;
    }

    .pshow3 .cons .a1 {
        float: right;
        width: 48%;
        margin-top: 20px;
    }

    .pshow3 .cons .a2 {
        float: right;
        width: 48%;
        margin-top: 20px;
    }

    .pshow3 .cons .a1 a {
        height: 35px;
        line-height: 35px;
        width: auto;
        text-align: center;
        font-size: 12px;
    }

    .pshow3 .cons .a2 a {
        height: 35px;
        line-height: 35px;
        width: auto;
        text-align: center;
        font-size: 12px;
    }

    .pshow3 .cons .content {
        width: 100%;
        float: left;
        margin-top: 20px
    }

    .pshow4 {
        padding: 0px 0 20px 0;
        margin-top: -20px
    }

    .pshow4 .gs_content .title {
        font-size: 16px;
        margin-bottom: 20px
    }

    .solutionss6 li {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .solutionss6 li .title {
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        margin: 15px 0 10px 0
    }

    .solutionss6 li .title a {
        font-size: 16px;
    }

    .solutionss6 li .cons {
        height: auto;
        overflow: visible;
        font-size: 12px;
        line-height: 20px
    }

    .solutionss7 {
        margin: 0 0 -30px 0;
        padding-bottom: 30px
    }

    .solutionss7 .td1 {
        width: 30%;
        padding: 15px 0;
        font-size: 12px
    }

    .solutionss7 .td2 {
        width: 65%;
        padding: 15px 0 15px 5%
    }

    .solutionss8 {
        margin-top: 50px
    }

    .solutionss8 ul {
        margin: -10px 0 -40px 0;
        padding-top: 20px
    }

    .solutionss8 li {
        float: none;
        width: 100%;
        margin: 0 0 0 0;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
    }

    .solutionss8 li.no {
        margin-right: 0
    }

    .solutionss8 li i {
        margin-right: 8px;
        font-size: 11px
    }

    .helpsubject {
        font-size: 16px;
        margin: 30px 0 15px 0
    }

    .helpsearch #k {
        border: 1px solid #ccc;
        height: 40px;
        line-height: 40px;
        padding-left: 3%;
        color: #ccc;
        width: 78%;
        font-size: 14px;
        border-right: 0
    }

    .helpsearch #button {
        height: 42px;
        line-height: 42px;
        width: 18%;
        font-size: 14px;
    }

    .support dl {
        float: none;
        width: 100%;
        margin: 35px 0 0 0
    }

    .support dt {
        margin-bottom: 10px
    }

    .support dt a {
        font-size: 16px;
    }

    .supportbottom {
        margin-top: 30px;
        margin-bottom: -20px
    }

    .supportbottom .subject {
        font-size: 16px;
        padding: 30px 0 10px 0;
        text-align: left;
    }

    .supportbottom .list {
        width: 100%;
        text-align: left;
        height: 50px;
        line-height: 50px
    }

    .supportbottom .list2 {
        width: 100%
    }

    .supportbottom .list3 {
        text-align: left;
        width: 100%;
    }

    .supportbottom .list img {
        vertical-align: middle;
        margin-right: 15px;
        width: 25px
    }

    .supportbottom .list span {
        padding-left: 15px;
        height: 20px;
        line-height: 20px;
        font-size: 16px;
    }

    .techsearch li {
        line-height: 35px;
        height: 35px;
        overflow: hidden;
        border-bottom: 1px solid #dbdbdb;
    }

    .techsearch .subject {
        font-size: 16px;
        margin: 10px 0 20px 0
    }

    .software {
        margin-top: 30px;
        font-size: 12px
    }

    .software .tr1 .td1 {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        padding-left: 0px;
        padding-right: 75px
    }

    .software .tr1 .td2 {
        position: relative;
    }

    .software .tr1 .td2 a {
        width: 80px;
        height: 25px;
        line-height: 25px;
        margin-left: 15px;
        position: absolute;
        z-index: 1;
        right: 85px;
        top: 13px
    }

    .software .tr1 .td2 a.view {
        right: 0
    }

    .software .tr2 {
        height: 25px;
        line-height: 25px;
    }

    .software td {
        height: 25px;
        line-height: 25px;
    }

    .software .tr2 .td1 {
        width: 55%;
    }

    .software .tr2 .td2 {
        width: 25%;
    }

    .software .tr2 .td3 {
        width: 20%;
    }

    .softwares {
        margin-top: 20px;
        margin-bottom: -20px
    }

    .softwares td {
        height: 25px;
        line-height: 25px
    }

    .softwares td a {
        font-size: 12px
    }

    .softwares td.td3 {
        border-right: 0;
        text-align: left;
        padding-left: 3%
    }

    .softwares td.td4 {
        font-size: 16px;
        height: 50px;
        line-height: 50px;
        text-align: center
    }

    .leftnotice {
        display: none;
    }

    .rightnotice {
        float: none;
        width: 100%;
        margin-top: 26px;
        margin-bottom: -20px
    }

    .rightnotice .subject {
        font-size: 16px;
        margin-bottom: 10px
    }

    .rightnotice li {
        height: 30px;
        line-height: 30px;
    }

    .rightnotice li a {
        font-size: 12px
    }

    .notice1 {
        font-size: 16px;
    }

    .notice2 {
        margin: 20px 0 20px 0
    }

    .notice4 img {
        margin-right: 5px;
    }

    .notice4 a {
        width: 100px;
        height: 35px;
        line-height: 35px;
        font-size: 14px;
        margin: 30px auto 0 auto;
    }

    .productinformation {
        margin: 30px 0 -20px 0
    }

    .productinformation dl {
        float: none;
        width: 100%;
        margin: 0px 0 30px 0
    }

    .productinformation dt {
        font-size: 16px;
        margin-bottom: 5px
    }

    .productinformation dd {
        line-height: 25px;
        line-height: 25px;
    }

    .productinformation {
        margin-top: 30px
    }

    .productinformation .title {
        float: none;
        font-size: 16px;
        width: 100%;
        height: 30px;
        line-height: 30px;
        text-align: center;
        margin-top: 5px;
        overflow: hidden;
    }

    .productinformation .notice4 {
        float: none;
        width: 100%;
        text-align: center;
        margin: 15px 0;
    }

    .productinformation .clicks {
        float: none;
        width: 100%;
        margin-top: 20px;
        text-align: center
    }

    .productinformation .clicks i {
        width: 8px;
        height: 9px;
        background-size: 100%;
    }

    .productinformation dl.dls {
        float: none;
        width: 100%;
        padding-top: 20px;
        margin: 20px 0 0 0;
    }

    .productinformation dl.dls dd {
        height: 25px;
        line-height: 25px
    }

    .productinformation .cons {
        float: none;
        width: 90%;
        border: 1px solid #dbdbdb;
        padding: 5%;
        margin: 20px 0 0 0;
    }

    .producttechcons {
        float: none;
        padding: 5%;
        margin-top: 30px;
        width: 90%;
        height: auto;
        overflow: auto
    }

    .techsearch li {
        line-height: 35px;
        height: 35px;
        overflow: hidden;
        border-bottom: 1px solid #dbdbdb;
    }

    .techsearch li span {
        color: #00b6fe
    }

    .techsearch li a:hover span {
        color: #666
    }

    .reg {
        width: 100%;
        margin: 80px auto -20px auto;
        padding: 0
    }

    .reg .subject {
        font-size: 16px;
        border-bottom: 1px solid #00b6fe;
        padding: 0 3% 10px 3%
    }

    .reg .title2 {
        padding: 15px 3% 10px 3%;
    }

    .reg .list {
        width: 99%;
        margin: 15px auto
    }

    .reg .list p {
        width: 97%;
        padding-left: 3%;
        text-align: left;
        font-size: 14px;
        margin-bottom: 10px
    }

    .reg .list input[type="text"] {
        height: 35px;
        line-height: 35px;
        padding-left: 3%;
        margin-left: 3%;
        width: 92%
    }

    .reg .list input[type="password"] {
        height: 35px;
        line-height: 35px;
        padding-left: 3%;
        margin-left: 3%;
        width: 92%
    }

    .reg .list label {
        margin-left: 3%
    }

    .reg .list #btnreg {
        height: 35px;
        line-height: 35px;
        width: 95%;
        margin-left: 3%;
        font-size: 14px;
        margin-top: -20px
    }

    .reg .line {
        margin-top: 20px;
        margin-bottom: -20px
    }

    .reg .list .mleft {
        float: left;
        width: 25px;
        margin-left: 3%
    }

    .reg .list .mright {
        float: left;
        width: 85%;
    }

    .reg .listlabel {
        margin: -70px auto 0 auto;
    }

    .reg .list2 {
        margin-left: 3%;
        width: 97%;
        margin-top: -25px;
    }

    .reg .list3 {
        margin-top: 35px
    }

    .reg .list i {
        margin: 5px 5px 0 5px
    }

    .login .list {
        margin: 20px auto
    }

    .login .subject {
        margin-bottom: 20px
    }

    .login .listfor {
        text-align: center
    }

    .partleft {
        float: none;
        width: 100%;
        margin-top: -10px;
    }

    .partleft li {
        border-top: 1px solid #b7b7b7;
        border-bottom: 1px solid #b7b7b7;
        height: 50px;
        line-height: 50px;
        background: url(../images/7.png) no-repeat left center;
        display: inline-block;
        width: 33.3333%;
    }

    .partleft li.check, .partleft li:hover {
    }

    .partleft li a {
        font-size: 14px;
        padding-left: 15px
    }

    .partright {
        float: none;
        width: 100%;
        margin-top: 30px
    }

    .partright .subject {
        font-size: 20px;
        padding: 0 0 10px 0
    }

    .partright .subject2 {
        padding: 13px 0 30px 0;
        font-size: 16px;
    }

    .partright .parttitle {
        font-size: 16px;
        margin: 0px 0 10px 0
    }

    .partright .partcons {
        margin: 0 0 30px 0
    }

    .partright .partcons a {
        font-size: 12px
    }

    .about {
        padding: 20px 0 0 0;
    }

    .about .pic {
        display: none;
    }

    .about .pics {
        position: relative;
        z-index: 1;
        top: 30px;
        right: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .about .pics i {
        width: 40px;
        height: 40px;
        top: 50%;
        left: 50%;
        margin-left: -20px;
        margin-top: -20px;
        background-size: 100%
    }

    .mobaboutmenu {
        display: block;
        background: #efefef;
        line-height: 35px;
    }

    .mobaboutmenu a {
        width: 25%;
        display: inline-block;
        text-align: center;
        font-size: 14px;
    }

    .hover {
        margin-top: 20px
    }

    .hover dt {
        font-size: 14px;
    }

    .hover i {
        font-size: 14px;
        margin-right: 5px
    }

    .contact {
        margin-top: 20px
    }

    .contact dd {
        padding: 0 0 20px 0
    }

    .contact dd * {
        font-size: 12px;
    }

    .contactsubject {
        margin-bottom: 20px
    }

    .honor1 {
        padding-bottom: 10px;
        font-size: 16px;
        margin-top: 30px
    }

    .honor2 {
        padding: 30px 0 20px 0
    }

    .honor3 a {
        height: 30px;
        line-height: 30px;
        width: 100px;
    }

    .job {
        margin-top: -20px
    }

    .job .tr1 td {
        font-size: 14px;
        height: 30px;
        line-height: 30px;
    }

    .job .tr2 td {
        height: 10px;
        line-height: 10px;
    }

    .job td {
        width: 20%;
        height: 40px;
        line-height: 40px;
        font-size: 12px
    }

    .job td a {
        font-size: 12px
    }

    .job td.td1 {
        width: 32%;
        padding: 5px 5%;
        line-height: 20px;
    }

    .job td.td4 {
        width: 18%;
        padding: 0
    }

    .jobshow {
        margin-top: -5px
    }

    .jobshow .a1 {
        float: left;
        margin: 0 3% 5px 0;
        width: 30.3333%;
    }

    .jobshow .a2 {
        margin-top: 10px
    }

    .morebottom {
        text-align: right;
        margin-top: 20px
    }

    .morebottom a {
        width: 100px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        float: left;
        margin-right: 15px
    }

    .newcate {
        padding-bottom: 15px;
        margin-top: -10px;
    }

    .newcate li {
        float: left;
        margin-right: 0px;
        width: 33.3333%
    }

    .newcate li a {
        width: 100%;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }

    .newcate li a i {
        width: 10px;
        height: 6px;
        background-size: 100%;
        margin-left: 10px
    }

    .newcate li a:hover i, .newcate li.check a i {
        width: 10px;
        height: 6px;
        background-size: 100%;
    }

    .news li {
        padding: 20px 0
    }

    .news li .pic {
        width: 30%;
    }

    .news li .pic img {
        width: 100%
    }

    .news li .cons {
        width: 65%;
        text-align: left;
    }

    .news li .cons .title {
        float: none;
        width: 100%;
        height: 25px;
        line-height: 25px;
        overflow: hidden;
        margin-top: -5px
    }

    .news li .cons .title a {
        font-size: 14px
    }

    .news li .cons .addtime {
        float: none;
        width: 97%;
        text-align: left;
        margin-right: 3%;
        font-size: 12px;
    }

    .news li .cons .content {
        margin-top: 0px;
        float: none;
        width: 100%;
        height: 40px;
        line-height: 20px;
        overflow: hidden
    }

    .news li .cons .clicks {
        margin-top: 0px;
        text-align: left;
        float: none;
        width: 97%;
        margin-right: 3%
    }

    .newsaddtime {
        margin-top: -10px;
        padding-bottom: 5px;
        font-size: 12px;
        margin-bottom: 20px
    }

    .newsaddtime .bdsharebuttonbox {
        margin-left: 20px
    }

    .newsaddtime i {
        font-size: 12px
    }

    .newstitle {
        font-size: 16px;
        padding: 30px 0 20px 0
    }

    .backnewslist {
        margin-top: 30px;
        width: 100%;
    }

    .lawcurrent {
        margin-top: 70px
    }

    .lawsubject {
        margin-bottom: 0px;
        margin-top: 25px
    }

    .law {
        min-height: 10px;
    }

    .map {
        margin-top: 10px
    }

    .map dl {
        float: left;
        width: 17.6%;
        margin-right: 3%
    }

    .map dt {
        height: 35px;
        line-height: 35px;
        margin-bottom: 8px;
        font-size: 16px;
    }

    .map dt a {
        font-size: 16px;
    }

    .map dd {
        line-height: 20px;
        margin: 10px 0
    }

    .map dd a {
        font-size: 13px;
    }

    .map dl.map_sou_1 {
        width: 45%;
        margin-right: 5%
    }

    .map dl.map_sou_1 dd {
        float: left;
        width: 55%;
    }

    .map dl.map_sou_1 dd.dd2 {
        width: 45%;
    }

    .map dl.map_sou_2 {
        width: 30%;
        margin-right: 5%
    }

    .map dl.map_sou_2 dd {
        float: left;
        width: 60%;
    }

    .map dl.map_sou_2 dd.dd2 {
        width: 40%;
    }

    .map dl.map_sou_3 {
        width: 15%;
        margin-right: 0
    }

    .map .mapsoution {
        padding: 5px 0 30px 0
    }

    .foot {
        padding: 20px 0 10px 0;
        margin-top: 60px;
        line-height: 20px;
        text-align: center
    }

    .foot dl {
        float: left;
        width: 100%;
        margin-right: 0;
        min-height: 0px;
        margin: 10px 0
    }

    .foot dl.dl4 {
        width: 100%;
        margin: 0
    }

    .foot dl.dl5 {
        width: 100%;
        margin-right: 0;
    }

    .foot dl.dl6 {
        width: 100%;
        margin-right: 0
    }

    .foot dt {
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 5px;
        width: 100%
    }

    .foot dl.dl1, .foot dl.dl1 dt, .foot dl.dl2, .foot dl.dl2 dt, .foot dl.dl3, .foot dl.dl3 dt {
        width: 100%;
    }

    .foot dl.dl4 dt {
        width: 100%
    }

    .foot dl.dl5 dt {
        width: 100%
    }

    .foot dt a {
        font-size: 15px;
    }

    .foot dl.dl6 dd {
        margin: 0px 0 0 0;
        text-align: center;
    }

    .foot dl.dl6 dd img {
        height: auto;
        width: 90px;
        margin: 0 auto
    }

    .foot dl.dl4 dd, .foot dl.dl4 dd.no {
        width: 100%;
    }

    .foot .copyright {
        font-size: 12px;
        margin-top: 0px;
        text-align: center
    }

    .foot .copyright .ylm {
        position: relative;
        margin-top: 5px
    }

    .fixright {
        display: none;
    }
}

@media (max-width: 768px) {
    .flexslider, .slides li, .slides li a {
        height: 250px
    }

    .bannerin .flexslider, .bannerin .slides li, .bannerin .slides li a {
        height: 200px
    }

    .iframevideo iframe, .iframevideo embed {
        width: 100%;
        height: 309px;
    }

    .map {
        margin-top: 10px
    }

    .map dl {
        float: none;
        width: 100%;
        margin-right: 0%;
        margin-top: 20px
    }

    .map dt {
        height: 35px;
        line-height: 35px;
        margin-bottom: 8px;
        font-size: 14px;
    }

    .map dt a {
        font-size: 14px;
    }

    .map dd {
        line-height: 20px;
        margin: 5px 0
    }

    .map dd a {
        font-size: 12px;
    }

    .map dl.map_sou_1 {
        width: 100%;
        margin-right: 0%
    }

    .map dl.map_sou_1 dd {
        float: none;
        width: 100%;
    }

    .map dl.map_sou_1 dd.dd2 {
        width: 100%;
    }

    .map dl.map_sou_2 {
        width: 100%;
        margin-right: 0%
    }

    .map dl.map_sou_2 dd {
        float: none;
        width: 60%;
    }

    .map dl.map_sou_2 dd.dd2 {
        width: 100%;
    }

    .map dl.map_sou_3 {
        width: 100%;
        margin-right: 0
    }

    .map .mapsoution {
        padding: 0px 0 0px 0
    }

    .jobshow .a1 {
        float: left;
        margin: 0 0 5px 0;
        width: 50%;
    }

    .partleft li {
        width: 50%;
    }

    .mobaboutmenu a {
        width: 45%;
        padding-left: 5%;
        text-align: left;
    }

}

@media (max-width: 640px) {
    .flexslider, .slides li, .slides li a {
        height: 200px
    }

    .bannerin .flexslider, .bannerin .slides li, .bannerin .slides li a {
        height: 150px
    }

    .partleft li {
        width: 100%;
    }
}

@media (max-width: 480px) {
    .flexslider, .slides li, .slides li a {
        height: 150px
    }

    .bannerin .flexslider, .bannerin .slides li, .bannerin .slides li a {
        height: 100px
    }
}