@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    transition-property: all;
    -ms-transition-property: all;
    -moz-transition-property: all;
    outline: none;
    -webkit-transition-property: all;
    -o-transition-property: all;
}

@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;
}



.flexslider *, .navmenu ul li .list, .navmenu .search .cons, .indsolution .more a, .indsolution .list .pic i, .indsolution .list .pic img, .indnews .mright li .pic img, .solutionright .list .pic img, .solutionright .list .cons .more a, .pshow3 li, .pshow3 .cons .a1 a, .pshow3 .cons .a2 a, .news li .pic img, .backnewslist a, .helpsearch #button, .solutionss2 li .pic img, .solutionss4 li .pic h1, .solutionss4 li .pic img, .solutionss3 li .pic img, .solutionss6 li .pic img, .product .pics li .pic img, .order #btn, .fixright li span {
    transition-duration: .5s;
    -ms-transition-duration: .5s;
    -moz-transition-duration: .5s;
    -webkit-transition-duration: .5s;
}

.indsolution .list .pic:hover img, .indnews .mright li .pic:Hover img, .solutionright .list .pic:hover img, .news li .pic:hover img, .solutionss2 li .pic:hover img, .solutionss4 li .pic:hover img, .solutionss3 li .pic:hover img, .solutionss6 li .pic:hover img, .product .pics li .pic:hover img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2)
}

html {
    -webkit-text-size-adjust: none;
    font-family: 'BYekan','sans-serif';
}

body {
    color: #666;
    line-height: 25px;
    font-size: 14px;
    margin: 0 auto;
    font-family: 'BYekan','sans-serif';
}

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

a:Hover {
    color: #003D88;
}

img {
    border: 0px;
    max-width: 100%;
    height: auto
}

input, button, select, textarea {
    outline: none;
    font-family: 'BYekan','sans-serif';
    border: 0;
    color: #595757;
    font-size: 14px
}

textarea {
    resize: none;
}

i {
    font-style: normal;
}

input[type="button"], input[type="submit"], input[type="reset"], input[type="text"] {
    -webkit-appearance: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
}

ul, li, dl, dt, dd {
    list-style: none;
}

h1, h2, h3, h4, h5 {
    font-weight: normal
}

hr {
    border: 0;
    border-top: 1px solid #ccc;
    height: 1px;
    margin-top: 5px
}

.clear, .clearfix {
    clear: both;
}

:-moz-placeholder,
::-moz-placeholder,
input:-ms-input-placeholder,
textarea:-ms-input-placeholder,
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #e2e2e2;
}

.pageclass {
    height: 0px;
    overflow: hidden;
}

.page_wrap {
    width: 100%;
    padding: 0px 0 0px 0;
    text-align: center;
}

.pager {
    padding: 0 0 0px 0;
    width: 100%;
    text-align: center;
    font-size: 14px;
}

.pager a {
    margin: 2px 3px;
    text-align: center;
    display: inline-block;
    text-decoration: none;
    border: 1px solid #d3d3d3
}

.pager span.current {
    margin: 0 3px;
    display: inline-block;
    text-align: center;
}

.pager span.disabled {
    margin: 0 3px;
    display: inline-block;
    text-align: center;
    border: 1px solid #d3d3d3;
}

.pager select {
    margin: 0px 3px -2px 3px;
    font-size: 14px;
}

.pager input {
    margin: 0px 3px -2px 3px;
    padding: 2px;
    text-align: center;
    font-size: 14px;
}

.pager a, .pager span.disabled {
    background: #fff;
    font-size: 14px;
}

.pager a:hover, .pager span.current {
    background: #003D88;
    border: 1px solid #e60011
}

.pager a:hover, .pager span.current {
    color: #fff;
    border: 1px solid #003D88;
}

.pager a, .pager span.disabled {
    color: #888;
    border: 1px solid #d3d3d3;
}

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

.pager font {
    font-family: 'BYekan','sans-serif';
}

.di {
    float: left;
}

.dipage {
    float: left;
}

.picleft {
    margin-right: 30px;
    margin-bottom: 10px;
}

.picright {
    margin-left: 30px;
    margin-bottom: 10px;
}

.wrap {
    max-width: 1200px;
    margin: 0 auto
}

.main {
    margin-top: 90px
}

.navmenu {
    height: 90px;
    background: #fff;
    position: fixed;
    z-index: 99999;
    top: 0;
    width: 100%;
    border-bottom: 1px solid #ccc;
    font-family: 'BYekan', sans-serif;
}

.navmenu .logo {
    float: left;
    background: url(../images/logo.png) no-repeat;
    width: 103px;
    height: 52px;
    margin-top: 20px;
}

.navmenu .logo a {
    display: block;
    width: 100%;
    height: 100%
}

.navmenu .ecm {
    float: right;
    text-align: right
}

.navmenu .ench {
    height: 20px;
    color: #777;
    margin-top: 10px;
    width: 100%;
    text-align: right
}

.navmenu .ench a {
    color: #777;
}

.navmenu .ench a:hover {
    color: #003D88;
}

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

.navmenu ul {
    float: right;
    width: 560px;
    text-align: left;
}

.navmenu ul li {
    float: left;
    padding: 0 20px
}

.navmenu ul li a {
    color: #777;
    font-size: 17px;
    border-bottom: 2px solid #fff;
    display: block;
    height: 58px;
    line-height: 60px;
}

.navmenu ul li a:hover, .navmenu ul li.check a, .navmenu ul li:hover > a {
    color: #003D88;
    border-color: #003D88
}

.navmenu ul li .list {
    position: absolute;
    z-index: 1;
    left: 0;
    top: 90px;
    width: 100%;
    display: none;
    background: #ebecee;
    padding: 20px 0
}

.navmenu ul li:hover > .list {
    display: block
}

.navmenu ul li dl a, .navmenu ul li.check dl a {
    border-bottom: 0;
    display: inline-block;
    height: auto;
    line-height: 18px;
    margin: 0px 0;
    font-size: 14px;
    color: #333
}

.navmenu ul li dl a:hover {
    text-decoration: underline;
    color: #003D88
}

.navmenu ul li .listsolution {
    padding-bottom: 0px
}

.listsolution dl {
    float: left;
    margin-bottom: 10px
}

.listsolution dl.d1 {
    width: 900px;
}

.listsolution dl.d2 {
    width: 120px;
    margin: 0 40px
}

.listsolution dl.d3 {
    width: 100px;
}

.listsolution dt {
    margin-bottom: 10px
}

.listsolution dl dl dt {
    margin-bottom: 10px
}

.listsolution dl dl {
    width: 210px;
    margin-right: 20px
}

.listsolution dl dl.no {
    margin-right: 0
}

.navmenu ul li .listsolution dt, .navmenu ul li .listsolution dt a {
    font-size: 16px;
    color: #003D88
}

.navmenu ul li .listnews {
    padding: 0 0 12px 0;
}

.navmenu ul li .listnews a {
    height: 50px;
    line-height: 50px;
    padding: 0
}

.navmenu ul li .listnews .cons {
    text-align: right
}

.navmenu ul li .listnews a {
    margin-left: 38px;
    border-bottom: 0;
    display: inline-block;
    height: auto;
    height: 25px;
    font-size: 14px;
    color: #333;
    padding: 0
}

.navmenu ul li .listnews a.a1 {
    margin-left: 0
}

.navmenu ul li .listnews a:Hover {
    color: #003D88
}

.navmenu ul li .listpro dl {
    float: left;
    width: 120px;
    margin-right: 50px;
    line-height: 18px;
}

.navmenu ul li .listpro dl.dl2 {
    width: 150px;
}

.navmenu ul li .listpro dl.dl3 {
    width: 150px;
}

.navmenu ul li .listpro dt, .navmenu ul li .listpro dt a {
    color: #003D88;
    font-size: 16px;
}

.navmenu ul li .listpro dt {
    margin-bottom: 10px
}

.navmenu ul li .listpro dd a {
    font-size: 14px
}

.navmenu ul li .listpro dl.dl7 {
    margin-right: 0;
}

.navmenu ul li .listpart .cons {
    margin-right: 0px
}

.navmenu .search {
    float: right;
    width: 17px;
    margin-top: 21px;
    margin-left: 0px;
    position: relative
}

.navmenu .search i {
    position: absolute;
    z-index: 1;
    top: 4px;
    background: url(../images/s1.png) no-repeat;
    width: 17px;
    height: 18px;
    display: block;
    cursor: pointer
}

.navmenu .search i.close {
    position: absolute;
    z-index: 2;
    top: 4px;
    display: none;
    background: url(../images/2.png) no-repeat center
}

.navmenu .search .cons {
    position: absolute;
    z-index: 1;
    left: -300px;
    top: 41px;
    height: 0;
    overflow: hidden
}

.navmenu .search .cons.active {
    height: 75px
}

.navmenu .search .cons .icon {
    background: url(../images/1.png) no-repeat;
    width: 21px;
    height: 9px;
    margin-left: 300px
}

.navmenu .search .cons .list {
    background: #fff;
    height: 40px;
    width: 340px;
    padding: 10px 0 0 10px
}

.navmenu .search .cons .list #k {
    border: 1px solid #ccc;
    border-right: 0;
    vertical-align: middle;
    height: 28px;
    line-height: 28px;
    padding-left: 8px;
    width: 290px;
    color: #ccc;
    font-size: 15px;
    letter-spacing: 1px
}

.navmenu .search .cons .list #button {
    background: #003D88 url(../images/s2.png) no-repeat center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    vertical-align: middle
}

/* flexslider */
.flexslider {
    position: relative;
    height: 550px;
    overflow: hidden;
}

.slides {
    position: relative;
    z-index: 1;
}

.slides li {
    height: 550px;
    background-position: center;
}

.slides li a {
    display: block;
    height: 550px;
    width: 100%;
}

.flex-control-nav {
    position: absolute;
    bottom: 20px;
    z-index: 200;
    width: 100%;
    text-align: center;
}

.flex-control-nav li {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 0 8px;
    *display: inline;
    zoom: 1;
}

.flex-control-nav a {
    display: inline-block;
    width: 13px;
    height: 13px;
    line-height: 50px;
    background: #c0c2c1;
    overflow: hidden;
    cursor: pointer;
    background: #fff;
    border-radius: 50%
}

.flex-control-nav .flex-active {
    background: #003D88;
}

.flex-direction-nav {
}

.flex-direction-nav li a {
    position: fixed;
    z-index: 3;
    width: 26px;
    height: 41px;
    top: 50%;
    margin-top: -20px;
    display: block;
    overflow: hidden;
    cursor: pointer;
    opacity: 1
}

.flex-direction-nav:hover li a {
    opacity: 1
}

.flex-direction-nav li a.flex-prev {
    left: 2%;
    background: url(../images/left.png) no-repeat;
    background-size: 100%;
}

.flex-direction-nav li a:hover.flex-prev {
}

.flex-direction-nav li a.flex-next {
    right: 2%;
    background: url(../images/right.png) no-repeat;
    background-size: 100%;
}

.flex-direction-nav li a:hover.flex-next {
}

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

.bannerinno {
    height: 10px
}

#owl-demo {
    position: relative;
    width: 100%;
    height: 100%;
}

#owl-demo .item {
    position: relative;
    display: block;
    color: #333;
}

.owl-pagination {
    position: absolute;
    left: 0;
    bottom: 15px;
    width: 100%;
    height: 22px;
    text-align: center;
    display: none
}

.owl-page {
    display: inline-block;
    width: 75px;
    height: 4px;
    margin: 0 10px;
    background: #333;
    *display: inline;
    *zoom: 1;
}

.owl-pagination .active {
    background: #ff0000
}

.owl-buttons {
    display: block
}

.owl-buttons div {
    display: block;
    position: absolute;
    top: 50%;
    width: 44px;
    height: 64px;
    margin-top: -32px;
    text-indent: -9999px;
}

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

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

.owl-carousel {
    margin: 5px 0 0px 0
}

.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

/* display none until init */
.owl-carousel {
    display: none;
    position: relative;
    width: 100%;
    -ms-touch-action: pan-y;
}

.owl-carousel .owl-wrapper {
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}

.owl-carousel .owl-wrapper-outer {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.owl-carousel .owl-wrapper-outer.autoHeight {
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item {
    float: left;
}

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
    cursor: pointer;
}

.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.grabbing {
    cursor: url(grabbing.png) 8 8, move;
}

.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
}

.indsolution {
    background: #ecedef;
    padding: 50px 0 60px 0
}

.indsolution .subject {
    text-align: center;
    color: #555;
    letter-spacing: 5px;
    font-size: 40px;
    padding-bottom: 10px
}

.indsolution .list {
    float: left;
    width: 380px;
    margin: 0 30px 30px 0
}

.indsolution .listno {
    margin-right: 0
}

.indsolution .list .title {
    height: 25px;
    line-height: 25px;
    overflow: hidden;
    margin: 20px 0 15px 0;


}

.indsolution .list .title a {
    font-size: 20px;
    color: #333
}

.indsolution .list .title a:Hover {
    color: #003D88
}

.indsolution .list .cons {
    height: 56px;
    line-height: 28px;
    font-size: 14px;
    overflow: hidden;
    color: #666
}

.indsolution .list .pic {
    position: relative;
    overflow: hidden;
}

.indsolution .list .pic img {
    vertical-align: middle
}

i.pichover {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    opacity: 0
}

i.pichover:hover {
    opacity: 1
}

.indsolution .more a {
    background: #003D88;
    color: #fff;
    display: block;
    width: 180px;
    height: 55px;
    line-height: 55px;
    border-radius: 10px;
    margin: 30px auto 0 auto;
    text-align: center;
    font-size: 18px;
}

.indsolution .more a:Hover {
    background: #000
}

.indnews {
    padding-top: 60px
}

.indnews .mleft {
    float: left;
    width: 360px;
    height: 390px;
    overflow: hidden
}

.indnews .mleft .subject {
    margin-bottom: 13px
}

.indnews .mleft .subject a {
    color: #003D88;
    font-size: 30px
}

.indnews .mleft ul {
    border-right: 2px solid #dcdcdc;
    padding-right: 45px;
}

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

.indnews .mleft ul li .addtime {
    float: left;
    width: 55px;
    height: 55px;
    background: #595758;
    color: #fff;
    text-align: center
}

.indnews .mleft ul li .addtime:hover {
    background: #003D88
}

.indnews .mleft ul li .addtime h1 {
    font-weight: bold;
    font-size: 30px;
    margin: 8px 0 -2px 0
}

.indnews .mleft ul li .addtime h2 {
    font-size: 11px
}

.indnews .mleft ul li .title {
    float: left;
    width: 235px;
    margin-left: 20px;
    line-height: 25px;
    height: 50px;
    overflow: hidden
}

.indnews .mleft ul li .title a {
    font-size: 18px;
    display: table;
    height: 100%
}

.indnews .mleft ul li .title p {
    display: table-cell;
    vertical-align: middle
}

.indnews .mright {
    float: right;
    width: 820px;
}

.indnews .mright li {
    float: left;
    width: 380px;
    margin-left: 30px;
}

.indnews .mright li .title {
    height: 50px;
    line-height: 25px;
    overflow: hidden
}

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

.indnews .mright li .pic {
    position: relative;
    overflow: hidden;
    margin: 15px 0 20px 0
}

.indnews .mright li .pic img {
    width: 100%;
    vertical-align: middle
}

.indnews .mright li .cons {
    font-size: 16px;
    line-height: 28px;
    height: 56px;
    overflow: hidden;
}

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

.current i {
    margin: 0 10px;
}

.solutionleft {
    float: left;
    width: 270px;
}

.solutionleft .subject {
    color: #003D88;
    font-size: 16px;
    background: url(../images/3.png) no-repeat left center;
    padding-left: 25px;
    border-bottom: 1px solid #b7b7b7;
    height: 50px;
    line-height: 50px;
    overflow: hidden
}

.solutionleft .subject a {
    color: #003D88;
    font-size: 16px;
}

.solutionleft dl {
    border-bottom: 1px solid #b7b7b7;
    padding: 15px 0
}

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

.solutionleft dt a {
    color: #003D88;
    font-size: 16px;
}

.solutionright {
    float: right;
    width: 890px;
    margin-top: -23px
}

.solutionright .list {
    margin: 50px 0 80px 0;
    display: table;
}

.solutionright .list .pic {
    width: 450px;
    position: relative;
    overflow: hidden;
}

.solutionright .list .pic img {
    vertical-align: middle
}

.solutionright .list .cons {
    width: 400px;
    display: table-cell;
    vertical-align: middle;
    padding-left: 40px
}

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

.solutionright .list .cons .title a {
    color: #333;
    font-size: 20px
}

.solutionright .list .cons .title a:hover {
    color: #003D88
}

.solutionright .list .cons .more a, .solutionss1 .more a {
    display: inline-block;
    width: 150px;
    background: #003D88;
    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 .pic {
}

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

.solutionright .list .cons .content {
    font-size: 16px;
    line-height: 30px;
}

.solutionss1 {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    padding-bottom: 50px;
    margin-top: 30px
}

.solutionss1 .title {
    font-size: 28px;
    padding: 70px 0 55px 0;
    text-align: center;
    max-width: 800px;
    margin: 0 auto
}

.solutionss1 .cons {
    max-width: 800px;
    margin: 0 auto;
    line-height: 35px;
    font-size: 16px;
}

.solutionss1 .more {
    text-align: center;
    margin-top: 2%
}

.products {
    margin-top: -50px
}

.product {
    border-top: 1px solid #b7b7b7;
    padding: 60px 0 60px 0
}

.product1 {
    border: 0
}

.product .cons {
    float: left;
    width: 510px;
    margin-top: 35px;
    line-height: 35px;
    font-size: 16px;
}

.product .cons .title {
    color: #003D88;
    font-size: 28px;
    margin-bottom: 25px
}

.product .pics {
    float: right;
    width: 610px;
    margin-top: 10px;
}

.product .pics li {
    float: left;
    text-align: center;
    width: 263px;
    margin: 20px 20px 0 20px;
    position: relative
}

.product .pics li .pic {
    overflow: hidden;
}

.product .pics li img {
    width: 263px;
    height: 148px;
}

.product .pics li .title {
    margin-top: 5px;
    height: 20px;
    line-height: 20px;
    overflow: hidden
}

.product2 .cons {
    float: right;
    width: 510px;
}

.product2 .pics {
    float: left;
    width: 610px;
}

.product .pics2 {
    margin-top: 50px
}

.preview {
}

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

.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: 310px;
    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: 280px;
    padding: 7px;
    cursor: pointer;
    max-width: none;
    height: auto;
    border: 1px solid #e3e3e3
}

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

/* bigImg */
.bigImg {
    position: relative;
    float: left;
    width: 350px;
    height: 197px;
    overflow: hidden;
    left: 0
}

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

.bigImg #winSelector {
    width: 210px;
    height: 118px;
}

#winSelector {
    position: absolute;
    cursor: crosshair;
    filter: alpha(opacity=15);
    -moz-opacity: 0.15;
    opacity: 0.15;
    background-color: #000;
    border: 1px solid #fff;
}

/* bigView */
#bigView {
    position: absolute;
    border: 1px solid #e3e3e3;
    overflow: hidden;
    z-index: 999;
    margin-top: 520px;
    margin-left: -850px
}

#bigView img {
    position: absolute;
    max-width: none;
    height: auto;
}

.pshow1, .pshow2 {
    border-bottom: 1px solid #b7b7b7;
    padding: 50px 0
}

.pshow1 .cons {
    float: left;
    width: 645px;
    line-height: 35px;
    font-size: 16px;
}

.pshow1 .cons .title {
    color: #003D88;
    font-size: 28px;
    margin-bottom: 25px
}

.pshow1 .pics {
    float: right;
    width: 380px;
}

.pshow1 .content {
    float: left;
    width: 100%;
    margin-top: 50px;
    line-height: 35px;
    font-size: 16px;
}

.pshow2 .gs_content, .pshow3 .gs_content {
    float: left;
    width: 620px;
    line-height: 35px;
    font-size: 16px;
}

.pshow2 .video {
    float: right;
    width: 465px;
    height: 260px;
    position: relative;
    margin-top: 20px
}

.pshow2 .video i {
    background: url(../images/video.png) no-repeat center;
    width: 69px;
    height: 69px;
    display: block;
    position: absolute;
    z-index: 1;
    top: 50%;
    left: 50%;
    margin: -34px -34px 0 0
}

.pshow2 .gs_content .title, .pshow3 .gs_content .title {
    color: #003D88;
    font-size: 28px;
    margin-bottom: 30px
}

.pshow3 {
    padding: 50px 0 30px 0;
    border-bottom: 1px solid #b7b7b7
}

.pshow3 .gs_content {
    float: left;
    width: 510px
}

.pshow3 li {
    float: left;
    margin: 0 3% 3% 0;
    width: 30.3333%;
    text-align: center;
    background: #003D88;
    color: #fff;
    border-radius: 6px;
    height: 40px;
    line-height: 40px;
}

.pshow3 li:hover {
    background: #000
}

.pshow3 li a {
    display: block;
    color: #fff;
    font-size: 16px
}

.pshow3 .cons {
    float: right;
    width: 505px;
    border-left: 1px solid #dbdbdb;
    padding: 15px 0 35px 100px
}

.pshow3 .cons .a1 {
    float: left;
    margin-top: 50px;
}

.pshow3 .cons .a2 {
    float: right;
    margin-top: 50px;
}

.pshow3 .cons .a1 a {
    display: block;
    background: #003D88;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    width: 150px;
    text-align: center;
    font-size: 16px
}

.pshow3 .cons .a1 a:hover, .pshow3 .cons .a2 a:hover {
    background: #000
}

.pshow3 .cons .a2 a {
    display: block;
    background: #003D88;
    color: #fff;
    height: 40px;
    line-height: 40px;
    border-radius: 6px;
    width: 150px;
    text-align: center;
    font-size: 16px
}

.pshow3 .cons .content {
    width: 100%;
    float: left;
    margin-top: 30px;
    line-height: 35px;
    font-size: 16px;
}

.pshow3 .cons .content a {
    font-size: 16px;
    text-decoration: underline;
    color: #003D88;
}

.pshow4 {
    padding: 50px 0 30px 0;
    border-bottom: 1px solid #b7b7b7;
    text-align: center
}

.pshow4 .gs_content .title {
    font-size: 28px;
    color: #003D88;
    margin-bottom: 30px
}

.videoframe {
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    z-index: 9999999999999;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: none;
}

.videoframe .cons {
    background: #fff;
    width: 800px;
    height: 510px;
    padding: 10px;
    position: absolute;
    z-index: 1;
    left: 50%;
    margin-left: -410px;
    top: 50%;
    margin-top: -260px;
}

.videoframe .cons iframe {
    height: 509px
}

.videoframe .cons .closev {
    position: absolute;
    z-index: 1000;
    background: url(../images/close.png) no-repeat;
    right: -13px;
    top: -13px;
    width: 26px;
    height: 26px;
    cursor: pointer
}

.iframevideo iframe, .iframevideo embed {
    width: 800px;
    height: 509px;
}

.partleft {
    float: left;
    width: 275px;
    margin-top: 30px;
}

.partleft li {
    border-top: 1px solid #b7b7b7;
    border-bottom: 1px solid #b7b7b7;
    margin-top: -1px;
    height: 65px;
    line-height: 65px;
    background: url(../images/7.png) no-repeat left center
}

.partleft li.check, .partleft li:hover {
    background: url(../images/6.png) no-repeat left center
}

.partleft li a {
    font-size: 16px;
    padding-left: 20px
}

.partleft li.check a, .partleft li:hover a {
    color: #003D88
}

.partright {
    float: right;
    width: 880px;
    margin-top: 30px
}

.partright .subject {
    color: #003D88;
    font-size: 30px;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 0 20px 0
}

.partright .subject2 {
    color: #003D88;
    padding: 13px 0 40px 0;
    font-size: 17px;
}

.partright .parttitle {
    color: #003D88;
    font-size: 18px;
    margin: 0px 0 10px 0
}

.partright .partcons {
    margin: 0 0 30px 0;
    font-size: 16px;
    line-height: 35px;
}

.partright .partcons a {
    font-size: 16px;
    text-decoration: underline;
    color: #003D88;
}

.newcate {
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
}

.newcate li {
    float: left;
    margin-right: 3px
}

.newcate li a {
    background: #ecedef;
    display: block;
    width: 170px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 17px;
}

.newcate li a i {
    background: url(../images/8.png) no-repeat center;
    width: 15px;
    height: 9px;
    display: inline-block;
    margin-left: 10px
}

.newcate li a:hover i, .newcate li.check a i {
    background: url(../images/9.png) no-repeat center;
}

.newcate li a:Hover, .newcate li.check a {
    background: #003D88;
    color: #fff
}

.news li {
    border-bottom: 1px solid #dbdbdb;
    padding: 30px 0
}

.news li .pic {
    float: left;
    width: 275px;
    overflow: hidden;
    position: relative
}

.news li .pic img {
    vertical-align: middle
}

.news li .cons {
    width: 880px;
    float: right;
}

.news li .cons .title {
    float: left;
    width: 80%;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

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

.news li .cons .addtime {
    float: left;
    width: 20%;
    text-align: right;
    font-size: 14px
}

.news li .cons .content {
    margin-top: 30px;
    float: left;
    width: 100%;
    height: 75px;
    line-height: 25px;
    overflow: hidden
}

.news li .cons .clicks {
    margin-top: 45px;
    text-align: right;
    float: left;
    width: 100%;
}

.newstitle {
    text-align: center;
    font-size: 30px;
    color: #333;
    padding: 60px 0 40px 0;
    max-width: 800px;
    margin: 0 auto
}

.newscons {
    max-width: 800px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 35px
}

.newscons a {
    font-size: 16px;
    text-decoration: underline;
    color: #003D88
}

.newsaddtime {
    max-width: 800px;
    margin: 0 auto;
    text-align: center;
    border-bottom: 1px solid #dbdbdb;
    margin-top: -20px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #999;
    margin-bottom: 30px
}

.newsaddtime .bdsharebuttonbox {
    display: inline-block;
    height: 30px;
    vertical-align: middle;
    margin-left: 25px
}

.newsaddtime i {
    padding-left: 5px;
    color: #999;
    font-size: 12px
}

.backnewslist {
    text-align: center;
    margin-top: 50px;
    width: 100%;
}

.backnewslist a {
    background: #003D88;
    color: #fff;
    width: 90px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    margin: 0 5px
}

.backnewslist a:Hover {
    background: #000
}

.aboutsubject {
    color: #003D88;
    font-size: 28px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 15px;
    margin-top: 35px
}

.about {
    padding: 40px 0 0 0;
    position: relative;
    font-size: 16px;
    line-height: 35px
}

.about .pic {
    width: 465px;
    height: 260px;
    margin: 0 0 20px 60px;
}

.about .pics {
    position: absolute;
    z-index: 1;
    top: 40px;
    right: 0;
    width: 465px;
    height: 260px;
}

.about .pics i {
    background: url(../images/video.png) no-repeat center;
    display: block;
    position: absolute;
    z-index: 2;
    width: 69px;
    height: 69px;
    top: 50%;
    left: 50%;
    margin-left: -34px;
    margin-top: -34px;
}

.aboutnovideo .pic {
    display: none;
}

.mobaboutmenu {
    display: none;
}

.hover {
    margin-top: 40px
}

.hover dt {
    color: #003D88;
    font-size: 17px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 8px;
    margin-bottom: 10px
}

.hover dd a {
    font-size: 16px;
    height: 35px;
    line-height: 35px;
    color: #003D88;
    text-decoration: underline
}

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

.contact {
    margin-top: 20px
}

.contact dt {
    border: 0;
    padding-bottom: 0
}

.contact dd {
    border-bottom: 1px solid #dbdbdb;
    padding: 0 0 20px 0;
    font-size: 16px;
    line-height: 35px;
}

.contact dd * {
    color: #666;
    font-size: 16px;
}

.contactsubject {
    margin-bottom: 40px
}

.honor1 {
    border-bottom: 1px solid #dbdbdb;
    color: #003D88;
    padding-bottom: 10px;
    font-size: 17px;
    margin-top: 40px
}

.honor2 {
    text-align: center;
    padding: 80px 0 50px 0
}

.honor3 {
    text-align: center
}

.honor3 a {
    display: inline-block;
    background: #003D88;
    color: #fff;
    height: 35px;
    line-height: 35px;
    width: 120px;
    text-align: center;
    margin: 0 5px
}

.honor3 a:hover {
    background: #000
}

.honor3 img {
    margin-right: 5px
}

.job {
    margin-top: -20px
}

.job .tr1 td {
    background: #ecedef;
    font-size: 16px;
    height: 40px;
    line-height: 40px;
}

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

.job td {
    width: 22%;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
}

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

.job td.td1 {
    width: 30%;
    padding: 0 5%;
}

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

.jobshow {
    margin-top: -5px;
    font-size: 16px;
    line-height: 35px;
}

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

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

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

.morebottom a {
    background: #003D88;
    color: #fff;
    display: block;
    width: 100px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    float: right;
    margin-right: 15px
}

.morebottom a:hover {
    background: #000
}

.helpsubject {
    text-align: center;
    color: #003D88;
    font-size: 30px;
    margin: 50px 0 35px 0
}

.helpsearch {
    text-align: center;
}

.helpsearch #k {
    border: 1px solid #ccc;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    color: #ccc;
    width: 700px;
    font-size: 16px;
    border-right: 0
}

.helpsearch #button {
    cursor: pointer;
    background: #003D88;
    height: 52px;
    line-height: 52px;
    width: 90px;
    color: #fff;
    font-size: 18px;
}

.helpsearch #button:hover {
    background: #000
}

.support dl {
    float: left;
    width: 22%;
    margin: 80px 4% 0 0
}

.support dl.no {
    margin-right: 0
}

.support dt {
    margin-bottom: 15px
}

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

.support dd {
    border-bottom: 1px solid #ccc;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
}

.support dd a {
    color: #003D88;
    font-size: 16px;
    line-height: 35px;
}

.support dd a:hover {
    color: #666
}

.support dl a.more {
    background: url(../images/11.png) no-repeat right center;
    padding-right: 10px;
    margin-top: 10px;
    display: inline-block;
}

.support dl a.more:Hover {
    color: #003D88;
    background: url(../images/12.png) no-repeat right center
}

.supportbottom {
    text-align: center;
    border-top: 1px solid #dbdbdb;
    margin-top: 80px
}

.supportbottom .subject {
    text-align: center;
    color: #003D88;
    font-size: 30px;
    padding: 60px 0 40px 0
}

.supportbottom .list {
    display: inline-block;
    width: 29.3333%;
    text-align: left;
}

.supportbottom .list2 {
    width: 37.3333%
}

.supportbottom .list3 {
    text-align: right;
    width: 33.3333%;
}

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

.supportbottom .list span {
    display: inline-block;
    border-left: 1px solid #dbdbdb;
    padding-left: 25px;
    height: 50px;
    line-height: 50px;
    font-size: 23px;
    vertical-align: middle
}

.supportbottom .list span a {
    font-size: 23px;
}

.software {
    border-top: 1px solid #dbdbdb;
    margin-top: 60px;
    font-size: 16px
}

.software .tr1 .td1 {
    text-align: center;
    color: #003D88;
    font-size: 28px;
    height: 70px;
    line-height: 70px;
    padding-left: 240px
}

.software .tr1 .td2 {
    text-align: right
}

.software .tr1 .td2 a {
    display: inline-block;
    width: 100px;
    height: 35px;
    line-height: 35px;
    border-radius: 3px;
    color: #fff;
    background: #003D88;
    text-align: center;
    margin-left: 10px
}

.software .tr1 .td2 a:Hover {
    opacity: 0.8
}

.software .tr2 {
    background: #003D88;
    text-align: center;
    color: #fff;
    height: 40px;
    line-height: 40px;
}

.software .tr2 td {
    border-right: 1px solid #dbdbdb;
    font-size: 16px;
    line-height: 35px;
}

.software .tr3 td {
    border-right: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    text-align: center;
}

.software .tr3 td a {
    line-height: 35px;
    font-size: 16px;
}

.software tr td.no {
    border-right: 0
}

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

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

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

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

.softwares {
    border-top: 1px solid #dbdbdb;
    text-align: center;
    margin-top: 60px
}

.softwares td {
    border: 1px solid #dbdbdb;
    border-top: 0;
    border-left: 0;
    height: 35px;
    line-height: 35px;
    font-size: 16px
}

.softwares td a {
    font-size: 16px;
    color: #003D88;
    text-decoration: underline
}

.softwares td.td1 {
    width: 30%
}

.softwares td.td2 {
    width: 67%;
}

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

.softwares td.td4 {
    font-size: 30px;
    color: #003D88;
    height: 80px;
    line-height: 80px;
    text-align: center;
}

.softwares td.td5 {
    height: auto;
    line-height: 25px;
    padding-top: 8px;
    padding-bottom: 8px;
}

.softwares td.tddown a {
    display: inline-block;
    background: url(../images/20.png) no-repeat center;
    width: 21px;
    height: 19px;
    vertical-align: middle;
    margin-right: 8px
}

.leftnotice {
    float: left;
    width: 270px;
    margin-top: 30px;
    border-bottom: 1px solid #dbdbdb
}

.leftnotice dl {
    border-top: 1px solid #dbdbdb;
    padding: 15px 0
}

.leftnotice dt a {
    display: block;
    font-size: 16px;
    color: #003D88
}

.leftnotice dt i {
    display: inline-block;
    background: url(../images/6.png) no-repeat center left;
    width: 13px;
    height: 13px;
    margin-right: 13px;
    position: relative
}

.leftnotice dt i p {
    position: absolute;
    z-index: 1;
    background: #fff url(../images/3.png) no-repeat center left;
    width: 13px;
    height: 13px;
    display: none
}

.leftnotice dd {
    padding: 0px 0 0 25px;
    height: 20px;
    line-height: 20px;
    margin-top: 10px;
    overflow: hidden;
    display: none;
}

.leftnotice dd.check a {
    color: #003D88
}

.leftnotice dl.check dt i p {
    display: block
}

.leftnotice dl.check dd {
    display: block
}

.rightnotice {
    float: right;
    width: 890px;
    margin-top: 26px
}

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

.rightnotice li {
    border-bottom: 1px solid #dbdbdb;
    height: 40px;
    line-height: 40px;
}

.rightnotice li a {
    color: #003D88;
    font-size: 15px
}

.rightnotice li a:Hover {
    color: #666
}

.rightnotice .notice3 {
    line-height: 35px;
    font-size: 16px;
}

.notice1 {
    text-align: center;
    font-size: 30px;
}

.notice2 {
    text-align: center;
    margin: 20px 0 50px 0
}

.notice4 {
    text-align: center
}

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

.notice4 a {
    display: inline-block;
    background: #003D88;
    width: 150px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    font-size: 16px;
    border-radius: 5px;
    margin: 50px auto 0 auto;
}

.notice4 a:hover {
    background: #000
}

.productinformation dl {
    float: left;
    width: 26.6666%;
    margin: 50px 10% 0 0
}

.productinformation dl.last {
    margin-right: 0
}

.productinformation dt {
    font-size: 18px;
    margin-bottom: 15px
}

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

.productinformation dd a {
    color: #003D88;
    font-size: 16px;
    line-height: 35px;
}

.productinformation dd a:hover {
    color: #666
}

.productinformation {
    margin-top: 60px
}

.productinformation .title {
    float: left;
    font-size: 30px;
    width: 60%;
    height: 30px;
    line-height: 30px;
    margin-top: 5px;
    overflow: hidden;
}

.productinformation .notice4 {
    float: right;
    width: 40%;
    text-align: right;
    margin: 0
}

.productinformation .notice4 a {
    margin: 0
}

.productinformation .clicks {
    float: left;
    width: 100%;
    margin-top: 10px
}

.productinformation .clicks i {
    background: url(../images/1.jpg) no-repeat;
    width: 12px;
    height: 13px;
    display: inline-block;
}

.productinformation dl.dls {
    float: left;
    width: 270px;
    border-top: 1px solid #dbdbdb;
    padding-top: 30px;
    margin: 50px 0 0 0;
}

.productinformation dl.dls dt {
    background: url(../images/3.png) no-repeat center left;
    font-size: 16px;
    padding-left: 25px;
    color: #003D88
}

.productinformation dl.dls dd {
    border: 0;
    padding-left: 25px;
    height: 30px;
    line-height: 30px
}

.productinformation dl.dls dd a {
    color: #666;
}

.productinformation dl.dls dd a:hover, .productinformation dl.dls dd.check a {
    color: #003D88;
}

.productinformation .cons {
    float: right;
    width: 790px;
    border: 1px solid #dbdbdb;
    padding: 40px 50px;
    margin: 50px 0 0 0;
    font-size: 16px;
    line-height: 35px;
}

.producttechcons {
    float: left;
    border: 1px solid #dbdbdb;
    padding: 40px 50px;
    margin-top: 30px;
    height: 800px;
    overflow: auto;
    line-height: 35px;
    font-size: 16px;
}

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

.techsearch li span {
    color: #003D88
}

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

.techsearch .subject {
    color: #003D88;
    font-size: 30px;
    margin: 80px 0 40px 0
}

.solutionsstitle {
    font-size: 30px;
    text-align: center;
    color: #003D88;
    margin-bottom: 60px;
    margin-top: 50px
}

.solutionss2 {
    padding: 0 0 20px 0;
    border-bottom: 1px solid #b7b7b7
}

.solutionss2 li {
    float: left;
    margin: 0 4% 4% 0;
    width: 48%;
}

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

.solutionss2 li .pic {
    float: left;
    width: 290px;
    overflow: hidden;
    position: relative
}

.solutionss2 li .pic img {
    vertical-align: middle
}

.solutionss2 li .cons {
    float: left;
    width: 255px;
    margin-left: 30px
}

.solutionss2 li .cons .title {
    height: 60px;
    line-height: 30px;
    overflow: hidden;
    margin-top: -3px
}

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

.solutionss2 li .cons .content {
    height: 120px;
    overflow: hidden;
    margin-top: 10px;
    font-size: 16px;
    line-height: 30px
}

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

.solutionss3 {
    border-bottom: 1px solid #b7b7b7;
}

.solutionss3 li {
    float: left;
    width: 31.3333%;
    margin: 0 3% 3% 0;
    text-align: center;
}

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

.solutionss3 li .pic {
    display: table;
    height: 200px;
    text-align: center;
    width: 100%;
    overflow: hidden;
}

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

.solutionss3 li .pic p {
    display: table-cell;
    vertical-align: middle;
}

.solutionss3 li .title {
    margin-top: 10px;
    height: 25px;
    line-height: 25px;
    overflow: hidden
}

.solutionss3 li .title a {
    font-size: 16px;
    line-height: 35px;
}

.solutionss4 {
    padding-bottom: 20px
}

.solutionss4 .solutionsstitle {
    margin-bottom: 40px
}

.solutionss4 li {
    width: 380px;
    margin: 0 30px 30px 0
}

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

.solutionss4 li .pic {
    height: auto;
    position: relative;
    overflow: hidden
}

.solutionss4 li .pic img {
    width: 100%;
    height: auto;
    vertical-align: middle
}

.solutionss4 li h1 {
    position: absolute;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
    width: 100%;
    height: 100%;
}

.solutionss4 li i {
    background: url(../images/video2.png) no-repeat;
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
    display: block;
    width: 56px;
    height: 56px;
}

.solutionss4 li .pic:hover h1 {
    background: rgba(0, 0, 0, 0);
}

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

.solutionss5 li {
    float: left;
    width: 18.4%;
    margin: 0 2% 2% 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: 30px;
    line-height: 35px;
    font-size: 16px;
}

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

.solutionss6 {
    border-bottom: 1px solid #d7d7d7;
}

.solutionss6 li {
    float: left;
    width: 32%;
    margin: 0 2% 4% 0;
}

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

.solutionss6 li .pic {
    overflow: hidden;
    position: relative;
}

.solutionss6 li .pic img {
    vertical-align: middle;
    width: 100%
}

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

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

.solutionss6 li .cons {
    height: 84px;
    line-height: 28px;
    overflow: hidden;
    font-size: 16px;
    color: #666
}

.solutionss7 {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 70px
}

.solutionss7 .td1 {
    width: 30%;
    border-right: 1px solid #d7d7d7;
    padding: 30px 0;
    text-align: center;
    font-size: 16px;
}

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

.tablelist {
    border: 1px solid #d7d7d7;
    margin-top: -10px
}

.tablelist tr {
    background: #ececee
}

.tablelist tr.odd {
    background: #fff
}

.solutionss7 td * {
    font-size: 16px;
    line-height: 35px;
}

.solutionss8 {
    margin-top: 60px
}

.solutionss8 ul {
    margin: -10px 0 -40px 0;
    border-top: 1px solid #d7d7d7;
    padding-top: 20px
}

.solutionss8 li {
    float: left;
    width: 48%;
    margin: 0 4% 0px 0;
    height: 30px;
    line-height: 30px;
    overflow: hidden;
}

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

.solutionss8 li i {
    margin-right: 8px
}

.solutionss8 li a {
    font-size: 16px;
    line-height: 35px;
}

.case {
    margin-top: -10px
}

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

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

.case i {
    margin-right: 5px
}

.csleft {
    float: left;
    width: 950px;
    line-height: 35px;
    font-size: 16px;
}

.csright {
    float: right;
    width: 165px;
}

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

.csleft .title {
    color: #003D88;
    font-size: 30px;
    margin: 30px 0 30px 0
}

.caseback {
    text-align: right;
    margin-top: 40px
}

.order .ordertd {
    width: 50%;
    vertical-align: top;
}

.order .subject {
    color: #003D88;
    font-size: 28px;
    margin-bottom: 10px;
    margin-top: 40px
}

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

.order .title a {
    color: #003D88;
    font-size: 15px;
    text-decoration: underline
}

.order input i {
    color: #FF0000;
}

.order #btn {
    background: #003D88;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    width: 120px;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    font-size: 16px;
    margin: 40px auto 40px auto
}

.order #btn:Hover {
    background: #000
}

.order .td1 {
    margin-left: 130px;
    width: 400px;
    margin-top: 60px;
    position: relative
}

.order .subject2 {
    position: relative;
}

.order .subject2 i {
    position: absolute;
    z-index: 1;
    height: 1px;
    background: #ccc;
    width: 100%;
    top: 12px;
    left: 0
}

.order .subject2 p {
    background: #fff;
    display: inline-block;
    padding: 0 15px;
    height: 25px;
    line-height: 25px;
    left: 12%;
    font-size: 25px;
    color: #333;
    position: absolute;
    z-index: 2;
}

.order .subject2_2 p {
    left: 12%
}

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

.order .td1 input[type="text"] {
    border: 1px solid #ccc;
    width: 92.5%;
    padding: 0 3%;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
    margin-bottom: 12px;
}

.order .td1 select {
    border: 1px solid #ccc;
    width: 99.5%;
    padding: 0 0 0 3%;
    height: 35px;
    line-height: 35px;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
    margin-bottom: 12px;
}

.order .td1 textarea {
    border: 1px solid #ccc;
    width: 92.5%;
    padding: 1% 3%;
    height: 170px;
    line-height: 35px;
    font-size: 15px;
    color: #666;
    border-radius: 3px;
    margin-bottom: 12px;
    overflow: auto
}

.order .td2 {
    margin: 60px 130px 0 0;
}

.productapp {
    text-align: center;
    width: 100%;
    border-bottom: 0;
    margin-bottom: -80px
}

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

.reg {
    width: 700px;
    margin: 140px auto -20px auto;
    background: #f8f9fb;
    padding-bottom: 20px
}

.reg .subject {
    background: #fff;
    color: #003D88;
    font-size: 28px;
    border-bottom: 8px solid #003D88;
    padding: 0 0 20px 0;
    text-align: center
}

.reg .title2 {
    padding: 15px 0 10px 0;
    text-align: center
}

.reg .list {
    width: 640px;
    margin: 20px auto;
    clear: both
}

.reg .list p {
    display: inline-block;
    width: 190px;
    text-align: right;
    font-size: 16px
}

.reg .list input[type="text"] {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-left: 10px;
    width: 420px
}

.reg .list input[type="password"] {
    border: 1px solid #ccc;
    border-radius: 5px;
    height: 40px;
    line-height: 40px;
    padding-left: 10px;
    margin-left: 10px;
    width: 420px
}

.reg .list label {
    vertical-align: middle;
    cursor: pointer;
    margin-left: 15px;
}

.reg .list #btnreg {
    background: #003D88;
    color: #fff;
    cursor: pointer;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    width: 365px;
    margin-left: 15px;
    font-size: 15px;
    margin-top: 10px
}

.reg .line {
    height: 1px;
    background: #e8eae9;
    margin-top: 30px
}

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

.reg .list .mright {
    float: left;
    width: 60%;
    line-height: 24px;
}

.reg .list3 {
    margin-bottom: 0;
    line-height: 28px
}

.reg .listlabel {
    margin: -3px auto 0 auto;
    line-height: 28px;
}

.reg .list2 {
    margin-left: 230px;
    margin-top: -25px;
    clear: both
}

.reg .list i {
    color: #FF0000;
    vertical-align: top;
    display: inline-block;
    margin: 5px 5px 0 5px
}

.login .list {
    margin: 25px auto
}

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

.login .listfor {
    text-align: right;
}

.login .listfor a {
    color: #003D88;
    margin-left: 15px;
}

.login .listfor a:hover {
    text-decoration: underline
}

.insproduct {
    text-align: left;
    padding-left: 5px;
}

.insproduct label {
    width: 50%;
    display: inline-block;
    cursor: pointer
}

.insproduct p {
    margin: 5px 0 10px 0
}

.lawcurrent {
    margin-top: 120px
}

.lawsubject {
    border-bottom: 0;
    margin-bottom: 10px;
    margin-top: 50px
}

.law {
    margin-bottom: -30px;
    min-height: 250px;
}

.producta {
    height: 0px;
    width: 0px;
    display: block;
    margin-top: -60px;
    position: absolute;
    z-index: 1;
}

.map dl {
    float: left;
    width: 15.2%;
    margin-right: 6%
}

.map dl.last {
    margin-right: 0
}

.map dl.w100 {
    width: 100%;
    margin: 0
}

.map dt {
    border-bottom: 1px solid #ccc;
    height: 55px;
    line-height: 55px;
    margin-bottom: 8px;
    overflow: hidden;
    font-size: 18px;
}

.map dt a {
    color: #003D88;
    font-size: 18px;
}

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

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

.map dl.map_sou_1 {
    width: 40%;
    margin-right: 10%
}

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

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

.map dl.map_sou_2 {
    width: 25%;
    margin-right: 10%
}

.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: 10px 0 50px 0
}

.foot {
    background: #313035;
    padding: 50px 0 30px 0;
    margin-top: 100px;
    color: #fff;
    line-height: 28px
}

.foot a {
    color: #fff;
}

.foot a:Hover {
    color: #003D88
}

.foot dl {
    float: left;
    margin-right: 30px
}

.foot dl.dl4 {
    width: 180px;
    margin-right: 95px;
}

.foot dl.dl5 {
    width: 200px;
    margin-right: 30px
}

.foot dl.dl6 {
    width: 133px;
    margin-right: 0
}

.foot dt {
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 8px;
    width: 72px
}

.foot dl.dl1, .foot dl.dl1 dt {
    width: 160px;
}

.foot dl.dl2, .foot dl.dl2 dt {
    width: 190px;
}

.foot dl.dl3, .foot dl.dl3 dt {
    width: 120px;
}

.foot dl.dl4 dt {
    width: 180px
}

.foot dl.dl5 dt {
    width: 200px
}

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

.foot dl.dl5 dd img {
    vertical-align: middle
}

.foot dl.dl6 dd {
    margin-top: 40px
}

.foot dl.dl4 dd {
    float: left;
    width: 100%;
    margin-right: 0
}

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

.foot .copyright {
    font-size: 12px;
    margin-top: 100px;
    position: relative
}

.foot .copyright .ylm {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0
}

.foot .copyright .ylm i {
    margin: 0 5px
}

.fixright {
    position: fixed;
    z-index: 99;
    right: 0px;
    bottom: 0px;
}

.fixright li a, .fixright li .email, .fixright li .qq, .fixright li .tel {
    display: block;
    background-color: #adadaf;
    width: 60px;
    line-height: 60px;
    height: 60px;
    margin: 5px 0;
    background-repeat: no-repeat;
    background-position: center;
    position: relative
}

.fixright li a:hover, .fixright li .email:hover, .fixright li .qq:hover, .fixright li .tel:hover {
    background-color: #003D88
}

.fixright li a.order {
    background-image: url(../images/order.png);
}

.fixright li .email {
    background-image: url(../images/email.png)
}

.fixright li .tel {
    background-image: url(../images/tel.png)
}

.fixright li .qq {
    background-image: url(../images/qq.png)
}

.fixright li span {
    display: block;
    position: absolute;
    z-index: -1;
    background: #003D88;
    height: 60px;
    line-height: 60px;
    width: 120px;
    color: #fff;
    right: -100px;
    text-align: left;
    padding-left: 15px;
    font-size: 17px;
    overflow: hidden
}

.fixright li .email span {
    right: -210px
}

.fixright li .tel span {
    right: -210px
}

.fixright li:hover span {
    right: 60px;
}

.fixright li .qq span {
    width: 130px
}

.fixright li .email span {
    width: 250px;
}

.fixright li .tel span {
    width: 250px;
}

.fixright li a.share {
    background-image: url(../images/share.png);
}

.fixrightshare {
    position: relative;
    display: none
}

.fixrightshare .shareen {
    position: fixed;
    z-index: 9999;
    background: #fff;
    width: 100px;
    padding: 10px 15px;
    line-height: 35px;
    right: 0;
    bottom: 70px;
}

.fixrightshare .shareen span {
    display: block;
    position: relative
}

.fixrightshare .shareen span.close {
    background: url(../images/close.png) no-repeat;
    width: 26px;
    height: 26px;
    position: absolute;
    z-index: 99999999;
    left: -10px;
    top: -10px;
    cursor: pointer
}

.fixrightout {
    background: #663399;
    width: 50px;
    height: 500px
}

.fixright li a.no {
    background-color: none;
    width: auto;
    line-height: 20px;
    height: 20px;
    margin: 0;
    background: none;
    color: #fff
}

.fixright li a.no:Hover {
    background-color: none;
}

.fixright li .email span, .fixright li .qq span, .fixright li .tel span {
    height: 50px;
    padding-top: 10px
}