,
::after,
::before {
    box-sizing: border-box
}

* {
    list-style: none;
    margin: 0;
    border: none;
    padding: 0;
    text-decoration: none;
    font-family: "微软雅黑", 宋体;
}

body {
    font-size: 13px;
    color: #666666
}

.clear {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
}

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

.fl {
    float: left
}

.fr {
    float: right
}

.inner {
    width: 100%;
    max-width: 1100px;
    margin: 0px auto;
}

.clearfix:before,
.clearfix:after {
    display: table;
    content: "";
    line-height: 0px;
}

.clearfix:after {
    clear: both;
}

.fc {
    text-align: center;
}

img.qw {
    display: block;
    width: 100%;
}

.w {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.menumain_zhan {
    height: 85px;
    display: none;
}

.menumain.zdl {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
}

.cle {
    clear: both;
}

.header_zhan {
    height: 85px;
    display: none;
}

header.zdl {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 20;
}


/*椤堕儴*/

header {
    background: #fff;
    position: relative;
    z-index: 999999
}

.logo {
    padding: 12px 0;
    height: 76px;
}

.menumain {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 60px;
    background: #f3f3f3;
}

.menuzong {
    margin: 0 auto;
    padding: 0;
    width: 180px;
    height: auto;
    float: left;
}


/* 下拉侧边菜单 */

#sidenav {
    position: relative;
    width: 210px;
    display: block;
    float: left;
}

#sidenav label {
    width: 210px;
    display: block;
    box-sizing: border-box;
    background: #1d3e81;
    position: relative;
    height: 60px;
    line-height: 60px;
    color: #fff;
    font-size: 16px;
    text-align: center;
}

#sidenav label i {
    width: 30px;
    height: 30px;
    display: block;
    position: absolute;
    background-size: 20px;
    left: 25px;
    top: 16px;
}

#sidenav #side {
    display: none;
    position: absolute;
    top: 60px;
    left: 0;
    z-index: 999;
    width: 210px;
    background: #fff;
    border: 1px solid #f3f3f3;
    background-color: rgba(255, 255, 255, .95);
    box-sizing: border-box;
}

#sidenav #side li {
    position: relative;
    width: 100%;
    padding: 5px 0px;
    border-bottom: 1px solid #cccccc;
    box-sizing: border-box
}

#sidenav ul.side li:first-child {
    cursor: pointer;
}

#sidenav #side li a {
    color: #666;
    height: 30px;
    line-height: 30px;
    padding: 2px 0 2px 20px;
    display: block;
    font-size: 14px;
}

#sidenav #side li a:hover {
    background: none;
    color: #d92743;
}

#sidenav #side li a i {
    transition: all 0.3s ease 0s;
}

#sidenav #side li a i.side_t {
    margin-left: 10px;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    background-size: 30px;
}

#sidenav #side li a:hover i {
    margin-left: 15px;
}

.icon1 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon2 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon3 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon4 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon5 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon6 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

.icon7 {
    background: url("../imgs/sideIcon1.png"/*tpa=http://www.suaysensor.com/templets/imgs/sideIcon1.png*/
    ) no-repeat;
}

#sidenav #side li:hover .side_main {
    display: block;
    z-index: 999;
}

#sidenav #side .side_main {
    display: none;
    width: 500px;
    background: #FFFFFF;
    padding: 15px;
    position: absolute;
    left: 210px;
    top: 0;
    box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.1);
    border: 1px #cecece solid;
    z-index: 7;
}

#sidenav ##side .side_main dl {
    margin: 20px;
    padding: 0;
}

#sidenav #side .side_main dl dt {
    font-size: 18px;
    margin-bottom: 10px;
    color: #d92743;
    font-weight: bold;
    padding-left: 10px;
}

#sidenav #side .side_main dl dt b {
    font-size: 15px;
}

#sidenav #side .side_main dl dd {
    margin-bottom: 10px;
    display: inline-block;
}

#sidenav #side .side_main dl dd a {
    position: relative;
    display: inline-block;
    color: #777;
    font-size: 14px;
    margin: 0 4px;
    padding: 0 5px;
    border-right: 2px solid #bbbbbb;
    height: auto;
    line-height: 1.5;
    transition: all 0.2s ease 0s;
}

i.icon-hot,
i.icon-new {
    display: inline-block;
    height: 9px;
    width: 24px;
    background: url("../imgs/img_public.png"/*tpa=http://www.suaysensor.com/templets/imgs/img_public.png*/
    ) no-repeat;
    vertical-align: middle;
}

i.icon-hot {
    background-position: 0 -240px;
}

i.icon-new {
    background-position: -40px -240px;
}

#sidenav #side .side_main dl dd a span {
    color: #999;
}

#sidenav #side .side_main dl dd a:hover {
    background: none;
    color: #cf1322;
    transform: translateY(-2px);
}

#sidenav #side .side_main dl dd a:hover b {
    color: #40adf5;
}

#sidenav #side .side_main dl dd a:hover span {
    color: #40adf5;
}

#sidenav.on #side {
    display: block;
}

.nav {
    margin: 0 auto;
    padding: 0;
    width: 80%;
    height: auto;
    float: right;
    max-width: 1200px;
}

.nav>ul>li {
    float: left;
    z-index: 999999;
    background: url("image/tiao.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/tiao.png*/
    ) no-repeat center right;
}

nav>ul>li:last-of-type {
    background: none;
}

.nav>ul>li>.sub-menu {
    display: none;
    background-color: rgba(217, 39, 67, .9);
    position: absolute;
    background-image: url("image/menubj.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/menubj.png*/
    );
    background-repeat: repeat-x;
    background-position: center top;
    width: 100%;
    left: 0;
    overflow: hidden;
    z-index: 999999;
}

.nav>ul>li>.sub-menu.xsx .wlpyi {
    position: relative;
    right: -3%;
    z-index: 999999
}

.nav>ul>li>.sub-menu.hxde {
    text-align: center;
}

.nav>ul>li>.sub-menu.hxde li {
    z-index: 999999;
    display: inline-block
}

.nav>ul>li>.sub-menu.hxde li a {
    z-index: 999999;
    display: block;
    font-size: 14px;
    color: #555555;
    padding: 25px 0;
    padding-right: 20px;
    margin-right: 20px;
    background: url("image/navbx.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/navbx.png*/
    ) right center no-repeat;
}

.nav>ul>li>.sub-menu.hxde1 {
    text-align: left;
    padding: 10px 0;
}

.nav>ul>li>.sub-menu.hxde1 li {
    z-index: 999999;
    display: inline-block;
    padding: 5px 2%;
    width: 21%;
    float: left;
}

.nav>ul>li>.sub-menu.hxde1 li a {
    z-index: 999999;
    display: block;
    font-size: 14px;
    color: #555555;
    padding: 0;
    background: url("image/navbx.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/navbx.png*/
    ) right center no-repeat;
}

.nav>ul>li>.sub-menu.zxde {
    padding: 30px 0;
}

.nav>ul>li>.sub-menu.zxde .w>li {
    z-index: 999999;
    padding: 0.5%;
    margin: 0.5%;
    width: 20%;
    display: block;
    float: left;
    background: #fff;
}

.nav>ul>li>.sub-menu.zxde .w>li:first-child {
    z-index: 999999;
    padding: 0.5%;
    margin: 0.5%;
    width: 33%;
    display: block;
    float: left;
    background: #fff;
}

.nav>ul>li>.sub-menu.zxde .w>li>a {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    z-index: 999999;
    font-size: 15px;
    color: #d42439;
    background: #fff;
}

.nav>ul>li>.sub-menu.zxde .w>li>a:hover {
    text-decoration: underline;
}

.nav>ul>li>.sub-menu.zxde .w>li ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    z-index: 999999;
}

.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    min-height: 60px;
    ;
    z-index: 999999;
    overflow: hidden;
}

.nav>ul>li>.sub-menu.zxde .w>li:first-child .sub-menu-san {
    min-height: 186px;
}

.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a {
    z-index: 999999;
    float: left;
    padding-right: 15px;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    width: 100%;
}

.nav>ul>li>.sub-menu.zxde .w>li:first-child .sub-menu-san li a {
    width: 50%;
}

.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san li a:hover {
    text-decoration: underline;
}

.nav>ul>li>.sub-menu.zxde .w>li .sub-menu-san a {
    z-index: 999999;
    font-size: 12px;
    color: #888;
    line-height: 20px;
}

.nav>ul>li>.sub-menu.zxde .w>li .menuright {
    text-align: right;
}

.nav>ul>li>.sub-menu li a {
    z-index: 999999;
    line-height: 24px;
    color: #fff
}

.nav>ul>li>.sub-menu li a:hover {
    z-index: 999999;
    color: #00a2ff;
}

.nav>ul>li.xz>ul.sub-menu {
    z-index: 999999;
}

.nav>ul>li>a {
    z-index: 999999;
    height: 60px;
    line-height: 60px;
    display: block;
    padding-right: 25px;
    padding-left: 25px;
    background: url("image/navbx.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/navbx.png*/
    ) right center no-repeat;
    font-size: 15px;
    color: #333333
}

.nav>ul>li:last-of-type>a {
    z-index: 999999;
    margin-right: 0;
    background: none;
}

.nav>ul>li>.sub-menu.zxde .w>li:last-of-type {
    z-index: 999999;
}

.nav>ul>li>a:hover,
.nav>ul>li.current_page_item>a,
.nav>ul>li.current-page-ancestor>a,
.nav>ul>li.current-menu-item>a,
.nav>ul>li.current-category-ancestor>a,
.nav>ul>li.current-post-parent>a,
.nav>ul>li.xz>a {
    color: #00a2ff;
}

.navxiala .qiehuan {
    height: 85px;
    line-height: 85px;
    display: block;
    padding-right: 15px;
    background-image: url("images/jt.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/jt.png*/
    );
    background-position: right center;
    background-repeat: no-repeat;
    cursor: pointer;
}

.navxiala .btnr {
    height: 85px;
    display: block;
    line-height: 85px;
    padding-right: 3px;
}

.navxiala ul {
    display: none
}

.navxiala {
    position: relative
}

.navxiala ul {
    top: 50px;
    position: absolute;
    z-index: 22;
    background: #fff;
    padding: 5px 10px;
    left: -8px;
}

.navxiala ul li {
    display: block
}

.navxiala ul li a {
    color: #666;
    line-height: 26px;
    display: block
}

.navbar {
    display: none;
}

.toptel {
    float: right;
    width: 40%;
    height: auto;
    text-align: right;
}

.toptel img {
    max-width: 100%;
    height: auto;
}


/* ============================= 响应式 CSS ============================= */

.desktops-section {
    display: block;
}

.mobile-section {
    display: none;
}

.touch-top-wrapper {
    padding: 10px 15px;
    background-color: #fff;
    color: #fff;
}

.touch-logo {
    float: left;
}

.touch-navigation {
    display: none;
}

.touch-toggle-wrapper {
    margin: 0 -10px;
}

.touch-toggle {
    position: absolute;
    right: 10px;
    top: 0;
}

.touch-toggle li {
    float: left;
    height: 70px;
    padding: 0 12px;
    text-align: center;
}

.touch-toggle li a {
    height: 70px;
}

.touch-toggle li:hover,
.touch-toggle li:active {}

.touch-toggle .touch-toggle-item-first {
    border-left: none;
}

.touch-toggle .touch-toggle-item-last {
    border-right: none;
}

.touch-toggle li a {
    display: block;
    font-size: 12px;
}

.touch-toggle li i {
    display: inline-block;
    width: 32px;
    height: 32px;
    overflow: hidden;
    margin-top: 20px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
}

.touch-toggle .touch-icon-language {
    background-image: url("images/touch-icon-language.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-icon-language.png*/
    );
}

.touch-toggle .touch-icon-user {
    background-image: url("images/touch-icon-user.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-icon-user.png*/
    );
}

.touch-toggle .touch-icon-search {
    background-image: url("images/touch-icon-search.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-icon-search.png*/
    );
}

.touch-toggle .touch-icon-menu {
    background-image: url("images/touch-icon-menu.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-icon-menu.png*/
    );
}

.touch-toggle li span {
    display: none;
    text-align: center;
}

.drawer-section {
    background-color: #272a33;
    padding: 20px 20px 35px;
    display: none;
}

.touch-language li {
    width: 49.9%;
    float: left;
}

.touch-language li a {
    display: block;
    margin-bottom: 10px;
    padding: 5px 0 5px 5px;
    color: #fff;
}

.touch-language li a:hover,
.touch-language li a:active {
    background-color: #21232b;
}

.touch-search {
    border: 1px solid #3a3f4d;
    position: relative;
}

.touch-search-form {
    padding: 0 50px 0 10px;
}

.touch-form-text {
    border: none;
    margin: 0;
    background-color: transparent;
    padding: 0;
    color: #999;
    width: 100%;
    height: 42px;
    line-height: 42px;
}

.touch-form-btn {
    border: none;
    padding: 0;
    margin: 0;
    background-color: transparent;
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 42px;
    height: 42px;
    overflow: hidden;
    cursor: pointer;
    background: url("images/touch-icon-search.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-icon-search.png*/
    ) no-repeat center;
    background-size: 16px 16px;
}

.touch-form-btn span {
    display: none;
}

.touch-menu ul li {
    border-bottom: 1px solid #3a3f4d;
    position: relative;
}

.touch-menu ul li a {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 48px;
    line-height: 48px;
    padding-left: 10px;
}

.touch-menu ul li a:hover,
.touch-menu ul li a:active {
    background-color: #21232b;
}

.touch-menu ul li i {
    position: absolute;
    top: 19px;
    right: 5px;
    display: block;
    width: 13px;
    height: 13px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}

.touch-menu ul li i.touch-arrow-right {
    display: none;
    background-image: url("images/touch-arrow-r.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-arrow-r.png*/
    );
}

.touch-menu ul li i.touch-arrow-down {
    background-image: url("images/touch-arrow-d.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-arrow-d.png*/
    );
}

.touch-menu ul li i.touch-arrow-up {
    background-image: url("images/touch-arrow-u.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/touch-arrow-u.png*/
    );
}

.touch-menu ul ul {
    display: none;
    margin: 0;
    padding: 0 10px 30px 30px;
}

.touch-menu ul ul li {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.touch-menu ul ul li a {
    padding: 0;
    padding-left: 5px;
    font-size: 16px;
    height: 38px;
    line-height: 38px;
}

.touch-menu ul ul li i {
    top: 13px;
}

.container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
}

.zixun {
    width: 250px;
    height: 50px;
    border-radius: 25px;
    background: #d92743;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.zixun a {
    width: 250px;
    height: 50px;
    background: #d92743;
    display: block;
    color: #fff;
    text-align: center;
    line-height: 50px;
}

.zixun:hover {
    width: 250px;
    height: 50px;
    background: #ffb400;
}

.cac {
    color: #d92743;
}


/*seach*/

.seach {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    position: relative;
    background: #d92743;
}

.seach .container {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
}

.seach .gjc {
    float: left;
    width: 66%;
    height: 56px;
    line-height: 56px;
    padding: 0 2%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.seach .gjc span {
    font-size: 14px;
    color: #f4f4f4;
    font-weight: bold;
}

.seach .gjc a {
    font-size: 12px;
    color: #f4f4f4;
    padding: 0 5px;
}

.seach .gjc a:hover {
    text-decoration: underline;
    color: #ccc;
}

.seach .sc {
    float: left;
    width: 30%;
    background-color: #217fc4;
}

.seach .sc input {
    float: left;
    width: 76%;
    height: 56px;
    line-height: 56px;
    padding: 0 2%;
    font-size: 14px;
    color: #f4f4f4;
    background: none;
    outline: none;
    border: none;
    text-indent: 10px;
}

.seach .sc a {
    float: right;
    width: 20%;
    height: 56px;
    background: url("../images/ss.png"/*tpa=http://www.suaysensor.com/templets/images/ss.png*/
    ) no-repeat center;
}

.search {
    width: 30%;
    position: relative;
    float: left;
    background-color: #fff;
    height: 40px;
    margin-top: 10px;
}

.search input[type=text] {
    width: 80%;
    opacity: 1;
    outline: none;
    border: 0;
    background: none;
    line-height: 40px;
    color: #666;
    font-size: 14px;
    transition: 455ms ease-in-out;
}

.search .search-txt {
    padding-left: 10px;
}

.search .search-btn {
    padding-right: 10px;
    padding-top: 5px;
}


/*indexpro*/

#indexpro {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    background: #f5f5f7;
}

.promain {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

.promain ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.promain ul li {
    margin: 0 auto;
    padding: 0;
    width: 23%;
    height: auto;
    margin: 1%;
    float: left;
    border: 1px solid #e3e3e3;
}

.promain ul li img {
    max-width: 100%;
    height: 200px;
}

.promain ul li .txt {
    margin: 0 auto;
    padding: 8px 0;
    width: 100%;
    height: auto;
    background: #f3f3f3;
    border-top: 1px solid #e3e3e3;
    font-size: 14px;
    color: #666;
    text-align: center;
    line-height: 20px;
}

.promain ul li:hover .txt {
    background: #173366;
    color: #fff;
}

.promain ul li:hover img {}

.indexmore {
    margin: 0 auto;
    padding: 0;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    display: block;
    background: #173366;
}

.indexmore a {
    margin: 0 auto;
    padding: 0;
    width: 150px;
    height: 40px;
    border-radius: 20px;
    display: block;
    background: #173366;
    font-size: 18px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.indexmore a:hover {
    background: #db2b48;
}

.indexhangye {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

.indexhangyemain {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

.indexhangyemain ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.indexhangyemain ul li {
    margin: 0 auto;
    padding: 10px 0;
    width: 18%;
    height: auto;
    margin: 1%;
    float: left;
    background: #f7f9f9;
}

.indexhangyemain ul li .img1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico1.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img2 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico2.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img3 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico3.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico3.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img4 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico4.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico4.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img5 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico5.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico5.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img6 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico6.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico6.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img7 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico7.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico7.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img8 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico8.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico8.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img9 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico9.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico9.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .img10 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 100px;
    background: url("image/ico11.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/ico11.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover {
    background: #173366;
}

.indexhangyemain ul li:hover .img1 {
    background: url("image/icoa1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa1.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img2 {
    background: url("image/icoa2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa2.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img3 {
    background: url("image/icoa3.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa3.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img4 {
    background: url("image/icoa4.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa4.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img5 {
    background: url("image/icoa5.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa5.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img6 {
    background: url("image/icoa6.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa6.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img7 {
    background: url("image/icoa7.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa7.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img8 {
    background: url("image/icoa8.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa8.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img9 {
    background: url("image/icoa9.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa9.png*/
    ) no-repeat center center
}

.indexhangyemain ul li:hover .img10 {
    background: url("image/icoa11.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/icoa11.png*/
    ) no-repeat center center
}

.indexhangyemain ul li .txt {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 40px;
    font-size: 18px;
    color: #173366;
    line-height: 40px;
    text-align: center;
}

.indexhangyemain ul li:hover .txt {
    color: #fff;
}

.indexhang {
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
    height: auto;
    background: #273041;
}

.indexhangleft {
    margin: 0 auto;
    padding: 0;
    width: 25%;
    height: auto;
    float: left;
}

.indexhangleft .title {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    font-size: 24px;
    color: #fff;
    line-height: 40px;
    text-align: left;
}

.indexhangleft .txt {
    margin: 0 auto;
    padding: 25px 0;
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #fff;
    line-height: 20px;
    text-align: left;
}

.indexhangleft .more {
    margin: 0;
    padding: 0;
    width: 100px;
    height: auto;
    float: left;
    display: block;
    background: #d92742;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.indexhangleft .more a {
    margin: 0;
    padding: 0;
    width: 100px;
    height: auto;
    float: left;
    display: block;
    background: #d92742;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.indexhangleft .more a:hover {
    background: #fff;
    color: #d92742;
}

.indexhangright {
    margin: 0 auto;
    padding: 0;
    width: 72%;
    height: auto;
    float: right;
}

.indexhangright ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: right;
}

.indexhangright ul li {
    margin: 0 auto;
    padding: 1%;
    width: 31%;
    height: auto;
    float: left;
    margin: 0 1%;
    background: #fff;
}

.indexhangright ul li .img {
    margin: 0 auto;
    padding: 0 width: 100%;
    height: auto;
    float: left;
}

.indexhangright ul li .img img {
    max-width: 100%;
    height: auto;
}

.indexhangright ul li .txt {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: left;
    font-size: 16px;
    color: #666;
    line-height: 20px;
    text-align: left;
}

.indexhangright ul li .txt1 {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: left;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: left;
}

.indexhangright ul li:hover {
    background: #d92742;
}

.indexhangright ul li:hover .txt {
    color: #fff;
    line-height: 20px;
    text-align: left;
}

.indexhangright ul li:hover .txt1 {
    color: #fff;
    line-height: 20px;
    text-align: left;
}

.indexabout {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
}

.indexabouttitle {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
    font-size: 12px;
    color: #666;
    line-height: 20px;
    text-align: center;
}

.indexabout .more {
    margin: 0 auto;
    padding: 0;
    width: 100px;
    height: auto;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.indexabout .more a {
    margin: 0 auto;
    padding: 0;
    width: 100px;
    height: auto;
    border-radius: 20px;
    display: block;
    background: #d92742;
    font-size: 16px;
    color: #fff;
    line-height: 40px;
    text-align: center;
}

.indexabout .more a:hover {
    background: #273041;
    color: #fff;
}

.indexabout .icoo {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    max-width: 1100px;
}

.indexabout .icoo ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.indexabout .icoo ul li {
    margin: 0 auto;
    padding: 0;
    width: 21%;
    height: auto;
    margin: 2%;
    float: left;
}

.indexabout .icoo ul li .div1 {
    margin: 0 auto;
    padding: 0;
    width: 120px;
    border-radius: 60px;
    height: 120px;
    background: url("image/i11.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i11.png*/
    ) no-repeat center center #f3f3f3;
}

.indexabout .icoo ul li .div2 {
    margin: 0 auto;
    padding: 0;
    width: 120px;
    border-radius: 60px;
    height: 120px;
    background: url("image/i12.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i12.png*/
    ) no-repeat center center #f3f3f3;
}

.indexabout .icoo ul li .div3 {
    margin: 0 auto;
    padding: 0;
    width: 120px;
    border-radius: 60px;
    height: 120px;
    background: url("image/i13.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i13.png*/
    ) no-repeat center center #f3f3f3;
}

.indexabout .icoo ul li .div4 {
    margin: 0 auto;
    padding: 0;
    width: 120px;
    border-radius: 60px;
    height: 120px;
    background: url("image/i14.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i14.png*/
    ) no-repeat center center #f3f3f3;
}

.indexabout .icoo ul li .div11 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 30px;
    font-size: 16px;
    color: #787878;
    line-height: 30px;
    text-align: center;
}

.indexabout .icoo ul li .div12 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 30px;
    font-size: 12px;
    color: #787878;
    line-height: 20px;
    text-align: center;
}

.indexabout .icoo ul li:hover .div1 {
    background: url("image/i1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i1.png*/
    ) no-repeat center center #173366;
}

.indexabout .icoo ul li:hover .div2 {
    background: url("image/i2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i2.png*/
    ) no-repeat center center #173366;
}

.indexabout .icoo ul li:hover .div3 {
    background: url("image/i3.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i3.png*/
    ) no-repeat center center #173366;
}

.indexabout .icoo ul li:hover .div4 {
    background: url("image/i4.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/i4.png*/
    ) no-repeat center center #173366;
}

.indexabout .icoo ul li:hover .div11 {
    color: #173366;
}

.indexabout .icoo ul li:hover .div12 {
    color: #173366;
}

.indexnews {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    background: #f3f3f3;
}


/**/

.newsbj {
    height: auto;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
}

.news {
    padding-top: 40px;
}

.news h3 {
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    height: 40px;
    line-height: 40px;
    color: #333333;
    width: 217px;
    margin: 0 auto 38px;
    padding: 0 100px;
    position: relative;
}

.news h3:before {
    width: 100px;
    height: 7px;
    background: url("images/xt1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/xt1.png*/
    ) no-repeat center;
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
}

.news h3:after {
    width: 100px;
    height: 7px;
    background: url("images/xt2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/xt2.png*/
    ) no-repeat center;
    content: "";
    position: absolute;
    top: 20px;
    right: 0;
}

.news .newssm {
    width: 50%;
    float: left;
}

.news .newssm span {
    display: block;
    height: 32px;
    line-height: 32px;
    margin-bottom: 19px;
}

.news .newssm span a {
    display: block;
    font-size: 18px;
    color: #333333;
    border-left: 5px solid #FFF;
    float: left;
    padding-left: 21px;
    margin-right: 20px;
}

.news .newssm span a.cur {
    border-left: 5px solid #17494a;
    font-weight: bold;
    color: #17494a;
}

.news .newssm dl {
    height: 186px;
    margin-bottom: 20px;
}

.news .newssm dl dt {
    width: 40%;
    height: auto;
    float: left;
}

.news .newssm dl dt img {
    width: 100%;
    height: auto;
}

.news .newssm dl dd {
    width: 56%;
    float: right;
}

.news .newssm dl dd strong {
    display: block;
    margin-bottom: 6px;
}

.news .newssm dl dd strong a {
    font-size: 15px;
    color: #333333;
    font-weight: bold;
}

.news .newssm dl dd p {
    font-size: 14px;
    width: 308px;
    color: #999999;
    height: 64px;
    margin-bottom: 32px;
}

.news .newssm dl dd b {
    display: block;
    width: 100px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    background: #173366;
}

.news .newssm dl dd b a {
    display: block;
    font-size: 14px;
    font-weight: normal;
    color: #FFFFFF;
}

.news .newssm ul li {
    width: 98%;
    height: 71px;
    border: 1px solid #e5e5e5;
    margin-bottom: 19px;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 11px;
}

.news .newssm ul li strong {
    display: block;
    width: 114px;
    text-align: center;
    float: left;
    font-weight: normal;
    padding-top: 3px;
    font-size: 30px;
    line-height: 22px;
    color: #333333;
    border-right: 1px solid #D2D2D2;
}

.news .newssm ul li strong i {
    display: block;
    text-align: center;
    font-size: 14px;
    line-height: 14px;
    color: #666666;
    margin-top: 9px;
}

.news .newssm ul li em {
    display: block;
    float: left;
    padding-left: 29px;
    width: 408px;
    height: 47px;
    background: url("images/jt1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/jt1.png*/
    ) no-repeat right;
    line-height: 47px;
}

.news .newssm ul li em a {
    display: block;
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.news .newssm ul li:hover em {
    background: url("images/jt1_h.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/jt1_h.png*/
    ) no-repeat right;
}

.news .newssm ul li em a:hover {
    color: #17494a;
}

.news .jsbk {
    width: 48%;
    float: right;
}

.news .jsbk span {
    display: block;
    height: 47px;
    line-height: 47px;
    border-top: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
}

.news .jsbk span em {
    display: block;
    float: left;
    padding-left: 20px;
    font-size: 18px;
    color: #333333;
}

.news .jsbk span em i {
    font-size: 14px;
    color: #999999;
}

.news .jsbk span b {
    display: block;
    float: right;
    font-size: 14px;
    color: #999999;
    margin-right: 20px;
    font-weight: normal;
}

.news .jsbk .bksm {
    width: 100%;
    padding-left: 18px;
    padding-top: 6px;
}

.news .jsbk .bksm dl {
    height: 102px;
    border-bottom: 1px dashed #dfdfdf;
    margin-top: 18px;
}

.news .jsbk .bksm dl dt {
    margin-bottom: 13px;
    height: 30px;
    line-height: 30px;
    padding-left: 48px;
    background: url("images/tb.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/tb.jpg*/
    ) no-repeat left;
}

.news .jsbk .bksm dl dt a {
    font-size: 14px;
    color: #666666;
    font-weight: bold;
}

.news .jsbk .bksm dl dt a:hover {
    color: #17494a;
}

.news .jsbk .bksm dl dd p {
    padding-left: 47px;
    font-size: 14px;
    color: #666666;
}

.news .jsbk .bksm dl.last {
    border-bottom: 0;
}

.yin_t {
    font-size: 32px;
    color: #333;
    text-align: center;
    position: relative;
    height: 90px;
    line-height: 42px;
}

.yin_t:before {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 24px;
    left: 36%;
}

.yin_t:after {
    content: "";
    width: 18px;
    height: 1px;
    background: #000;
    position: absolute;
    top: 24px;
    right: 36%;
}

.yin_t a {
    color: #333;
}

.yin_t span {
    display: block;
    font-size: 20px;
    font-weight: normal;
    color: #888;
}

.content-box {
    padding: 128px 0;
    background: #f3f3f3;
}

.content h2 {
    color: #595757;
    font-weight: normal;
    font-size: 26px;
    text-align: center;
    line-height: normal;
    margin-bottom: 36px;
}

.content-info {
    position: relative;
    width: 30.5%;
    float: left;
    margin-right: 4.25%;
    overflow: hidden;
}

.content-info:last-child {
    margin-right: 0;
}

.content-info figure {
    display: block;
    line-height: normal;
    overflow: hidden;
    position: relative;
}

.content-info figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 466ms;
}

.content-info figcaption {
    display: block;
    height: 75px;
    line-height: 75px;
    color: #5d5d5d;
    font-size: 16px;
    text-align: center;
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: 335ms;
}

.content-text {
    width: 100%;
    height: 100%;
    background: rgba(235, 97, 35, 0.8);
    background: #eb6123\9;
    filter: alpha(opacity=80);
    box-sizing: border-box;
    padding: 9px;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    visibility: hidden;
    transform: rotateY(-90deg);
    transition: 450ms;
}

.content-wr {
    padding: 50px 24px 32px 22px;
}

.content-wr:before {
    content: "";
    width: 95%;
    height: 95%;
    position: absolute;
    left: 2.5%;
    top: 2.5%;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    box-sizing: border-box;
}

.content-wr:after {
    content: "";
    width: 95%;
    height: 95%;
    position: absolute;
    left: 2.5%;
    top: 2.5%;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    box-sizing: border-box;
}

.content-wr h3 {
    color: #ffffff;
    font-size: 20px;
    line-height: normal;
    font-weight: normal;
    padding-bottom: 22px;
    border-bottom: 1px solid #fff;
}

.content-wr p {
    color: #ffffff;
    font-size: 14px;
    margin-top: 42px;
}

.content-wr span {
    color: #ffffff;
    font-size: 14px;
    position: absolute;
    left: 32px;
    bottom: 38px;
    z-index: 10;
}

.content-wr span:hover {
    text-decoration: underline;
}

.content-info:hover figure img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
}

.content-info:hover figcaption {
    bottom: -100%;
}

.content-info:hover .content-text {
    opacity: 1;
    transform: rotateY(0);
    visibility: visible;
}

.condownload {
    width: 100%;
    height: auto;
    margin: 0 auto;
    padding: 40px 0;
}

.download {
    padding: 2%;
}

.download ul li {
    border: 1px solid #bfbfbf;
    padding: 1.8% 2%;
    width: 31%;
    float: left;
    margin: 1%;
    -moz-box-shadow: 4px 4px 0px #ddd;
    -webkit-box-shadow: 4px 4px 0px #ddd;
    box-shadow: 4px 4px 0px #ddd;
}

.down_left {
    width: 80%;
    float: left;
    font-size: 14px;
    color: #444;
    line-height: 22px;
    height: 44px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.download ul li:hover {
    background: #d7253f;
}

.download .down_right {
    float: right;
    width: 20%;
    display: block;
    min-height: 54px;
    background: url("image/d1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/d1.png*/
    ) no-repeat center center;
}

.download ul li:hover .down_right {
    background: url("image/d2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/image/d2.png*/
    ) no-repeat center center;
}

.download ul li:hover .down_left {
    color: #fff;
}


/*indexabout
#indexabout{margin:0 auto; padding:20px 0; width: 100%; height: auto; max-width: 1200px;}
#indexabout1{margin:0 auto; padding:0; width: 100%; height: auto; display: block;}
#indexabout11{margin:0 auto; padding:0; width: 57%; height: auto; float: left;}
#indexabout11 img{ max-width: 100%; height: auto;}
#indexabout12{margin:0 auto; padding:0; width: 43%; height: auto; float: right;}
#indexabout12 img{ max-width: 100%; height: auto;}
#indexabout2{margin:0 auto; padding:0; width: 100%; height: auto; background: #f3f3f3; }
#indexabout21{margin:0 auto; padding:0; width: 57%; height: auto; float: left;}
#indexabout21 img{ max-width: 100%; height: auto;}
#indexabout22{margin:0 auto; padding:0; width: 43%; height: auto; float: right;}
#indexabout221{margin:0 auto; padding:4%; width: 92%; height: auto; float: left;}
#indexabout221 .title{margin:0 auto; padding:40px 0 0 0; width: 100%; height: auto; float: left;color: #000; text-align: left; font-size: 24px; line-height: 40px;}
#indexabout221 .title span{ color: #ffb400;}

#indexabout221 .con{margin:0 auto; padding:20px 0; width: 100%; height: auto; float: left;color: #777; text-align: left; font-size: 12px; line-height: 25px;}
#indexabout221 .btt{margin:0 auto; padding:0; width: 100px; height: 40px; float: left; display: block;}
#indexabout221 .btt a{margin:0 auto; padding:0; width: 100px; height: 40px; float: left; display: block;background: #00a2ff;color: #fff; text-align: center; font-size: 12px; line-height: 40px;}
#indexabout221 .btt a:hover{background: #ffb400;}
*/

#conabout {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
}

#conaboutleft {
    margin: 0 auto;
    padding: 0;
    width: 50%;
    height: auto;
    float: left;
}

#conaboutleft .title {
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
    height: auto;
    float: left;
    color: #000;
    border-bottom: 1px dashed #e3e3e3;
    text-align: left;
    font-size: 30px;
    font-weight: bold;
    line-height: 40px;
}

#conaboutleft .con {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
    float: left;
    color: #666;
    text-align: left;
    font-size: 14px;
    font-weight: normal;
    line-height: 25px;
}

#conaboutright {
    margin: 0 auto;
    padding: 0;
    width: 48%;
    height: auto;
    float: right;
}

#conaboutright img {
    max-width: 100%;
    height: auto;
}

#contentc1 {
    margin-bottom: 10px;
    width: 100%;
}

#contentc1 .title {
    width: 176px;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
    font-weight: bold;
    background: #f3f3f3;
    text-align: center;
    position: relative;
    bottom: -1px;
    line-height: 2em;
    z-index: 9;
}

#contentc1 .main {
    border: 1px solid #e3e3e3;
    background: #f2f2f2;
    position: relative;
}

#contentc1 form {
    margin: 8px;
    background: #fff;
    padding: 10px 0;
}

#contentc1 td {
    height: 30px;
    padding-top: 5px;
    padding-bottom: 5px;
    font-family: "微软雅黑", "宋体";
    font-size: 14px;
    padding-left: 10px;
    padding-right: 10px;
}

#contentc1 .tip {
    font-size: 12px;
    color: #666;
}

#contentc1 input {
    border: 1px solid #e3e3e3;
}

#contentc1 textarea {
    border: 1px solid #e3e3e3;
}

#contactmain2 {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
}

#contactmain11 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
}


/* 主页新闻 */

.news_list {
    width: 100%;
    height: auto;
    display: table;
    padding: 30px 0;
    background: #f3f3f3;
}

.news_list .title-box {
    width: 100%;
    height: auto;
    display: table;
    text-align: center;
    padding-bottom: 30px;
}

.news_list .title-box h2.title {
    width: 100%;
    height: 38px;
    font-size: 32px;
    display: block;
    color: #000;
}

.news_list .tabs {
    width: 100%;
    height: 50px;
    padding-top: 10px;
    text-align: center;
}

.news_list .tabs li {
    display: inline-block;
    margin-right: 1px;
    padding: 0px;
    border: 0px;
}

.news_list .tabs li a {
    width: 132px;
    height: 40px;
    line-height: 40px;
    display: block;
    text-align: center;
    color: #fff;
    background: #cfcfcf;
    font-size: 14px;
}

.news_list .tabs li.active a {
    background: #44a4ef;
}

.news_list .tabs li a:hover {
    background: #ffa800;
}

.news_list .news_box {
    width: 1200px;
    height: auto;
    background: #fff;
    overflow: hidden;
}

.news_list .news_box .tj_news {
    width: 38%;
    height: auto;
    float: left;
    border-right: 1px solid #f5f5f5;
    padding: 37px;
}

.news_list .news_box .tj_news h3 {
    width: 100%;
    height: 48px;
    line-height: 24px;
    overflow: hidden;
    font-size: 20px;
    display: block;
}

.news_list .news_box .tj_news h3 a {
    font-weight: bold;
    color: #000;
}

.news_list .news_box .tj_news h3 a:hover {
    color: #f00;
}

.news_list .news_box .tj_news .desc {
    width: 100%;
    height: 80px;
    overflow: hidden;
    display: block;
    line-height: 20px;
    padding: 10px 0;
    font-size: 12px;
    color: #ccc;
}

.news_list .news_box .tj_news time {
    width: 100%;
    height: 30px;
    display: block;
    color: #999;
    position: relative;
    padding-left: 10px;
}

.news_list .news_box .tj_news time:before {
    width: 2px;
    height: 12px;
    background: #e37100;
    top: 4px;
    left: 0px;
    content: "";
    position: absolute;
}

.news_list .news_box .tj_news .tj_pic {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.news_list .news_box .tj_news .tj_pic img {
    width: 100%;
    height: auto;
    transition: all 0.6s;
}

.news_list .news_box .tj_news .tj_pic a:hover img {
    transform: scale(1.2);
}

.news_list .news_box .news_right_list {
    width: 50%;
    height: auto;
    float: left;
    padding: 2%;
    padding-bottom: 0px;
    display: block;
}

.news_list .news_box .news_right_list ul li {
    width: 100%;
    height: auto;
    min-height: 120px;
    padding: 10px 0;
    margin: 5px 0;
    border-bottom: 1px dashed #e3e3e3;
    display: block;
}

.news_list .news_box .news_right_list ul li .img {
    width: 30%;
    height: auto;
    float: left;
}

.news_list .news_box .news_right_list ul li .img img {
    max-width: 90%;
    height: auto;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li .txtcc {
    width: 66%;
    padding: 0 2%;
    display: block;
    height: auto;
    float: right;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li b {
    padding: 0 2%;
    width: 96%;
    height: 30px;
    line-height: 20px;
    font-size: 16px;
    font-weight: 500;
    display: block;
    color: #000;
}

.news_list .news_box .news_right_list ul li p {
    padding: 0 2%;
    width: 96%;
    height: 64px;
    line-height: 20px;
    color: #ccc;
    display: block;
    font-size: 12px;
}

.news_list .news_box .news_right_list ul li time {
    padding: 0 2%;
    width: 96%;
    font-size: 11px;
    color: #666;
    display: block;
    position: relative;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li time:before {
    position: absolute;
    color: #dedede;
    right: -5px;
    top: 2px;
    font-weight: 100;
    font-family: "iconfont"!important;
    content: "\e621";
}

.news_list .news_box .news_right_list ul li time i {
    width: 25px;
    height: 1.4px;
    background: #dedede;
    right: 0px;
    top: 11px;
    position: absolute;
    font-size: 0px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li a:hover {
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li a:hover time:before {
    color: #0b80c6;
}

.news_list .news_box .news_right_list ul li a:hover i {
    width: 56px;
    background: #f00;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}

.news_list .news_box .news_right_list ul li a:hover b {
    color: #0b80c6;
}

.news_list .news_box .news_right_list ul li a:hover img {
    left: -10px;
    transition: .2s ease-in-out;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
}


/*indexhezuo*/

.indexhezuo {
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
}

.indexhezuo .title {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}

.indexhezuo .title span {
    color: #01a1ff;
}

.indexhezuo .titleen {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    font-size: 12px;
    line-height: 30px;
}

.indexhezuo .hezuo {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.indexhezuo .hezuo ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.indexhezuo .hezuo ul li {
    margin: 0 auto;
    padding: 0;
    width: 14%;
    height: auto;
    margin: 1%;
    float: left;
}

.indexhezuo .hezuo ul li img {
    max-width: 100%;
    height: auto;
}

#indexnone {
    margin: 0 auto;
    padding: 50px 0;
    width: 100%;
    height: auto;
    background: url("image/bg2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/bg2.jpg*/
    ) no-repeat center center;
}

#indexnone .title {
    margin: 0 auto;
    padding: 15px 0;
    width: 100%;
    height: auto;
    font-size: 34px;
    color: #fff;
    font-family: "微软雅黑", 宋体, Arial;
    line-height: 60px;
    text-align: center;
    text-decoration: none;
}

#indexnone .txt {
    margin: 0 auto;
    padding: 0;
    width: 150px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    font-family: "微软雅黑", 宋体, Arial;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

#indexnone .txt a {
    margin: 0 auto;
    display: block;
    padding: 0;
    width: 150px;
    height: 40px;
    background: #00a2ff;
    font-size: 14px;
    color: #fff;
    font-family: "微软雅黑", 宋体, Arial;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
}

#indexnone .txt a:hover {
    background: #fff;
    color: #00a2ff;
}


/*indexshebei*/

.indexpromobile {
    display: none;
}

.section-space-less30 {
    padding: 50px 0;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-space-less30 {
        padding: 40px 0;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-space-less30 {
        padding: 30px 0;
    }
}

.col-lg-12 {
    width: 100%;
}


/* .col-lg-3 {
    width: 31%;
    margin: 1%;
    float: left;
} */

.bg-gray2 {
    background-color: #f2f4f5;
}

.bg-common-style {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.section-space-less30 {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    height: auto;
}

.section-title11 {
    margin: 20px 0;
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #e3e3e3;
    font-size: 24px;
    line-height: 40px;
    font-weight: bold;
    color: #003b8f;
    text-align: left;
}

.section-con1 {
    margin: 0;
    width: 100%;
    height: auto;
}

.section-title {
    margin-bottom: 60px;
    text-align: center;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-title {
        margin-bottom: 55px;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .section-title {
        margin-bottom: 45px;
    }
}

@media only screen and (max-width: 767px) {
    .section-title {
        margin-bottom: 40px;
    }
}

.section-title h2 {
    margin-bottom: 10px;
    color: #333333;
}

.section-title h2 span {
    color: #ff9800;
}

.section-title p {
    margin: 0;
    margin-left: auto;
    margin-right: auto;
    float: none;
    width: 60%;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .section-title p {
        width: 75%;
    }
}

@media (max-width: 991px) {
    .section-title p {
        width: 100%;
    }
}

.why-choose-layout1 {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    transform: scale(1);
    -webkit-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    box-shadow: 0px 5px 30px 0px rgba(0, 0, 0, 0.08);
    border-radius: 4px;
    overflow: hidden;
}

.why-choose-layout1 .image-box {
    margin-bottom: 10px;
    overflow: hidden;
}

.why-choose-layout1 .image-box img {
    width: 100%;
    transform: scale(1);
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}

.why-choose-layout1 .content-box {
    text-align: center;
    background: #fff;
    padding: 0 30px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .why-choose-layout1 .content-box {
        padding: 0 15px;
    }
}

.why-choose-layout1 .content-box h3 {
    margin-bottom: 10px;
    text-transform: uppercase;
    font-weight: 700;
}

.why-choose-layout1 .content-box h3 a {
    color: #333333;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.why-choose-layout1 .content-box1 {
    padding: 5px 15px;
    color: #666;
    font-weight: normal;
    line-height: 20px;
    height: 40px;
    text-align: center;
}

.why-choose-layout1 .content-box h3 a:hover {
    color: #ff9800;
}

.why-choose-layout1 .content-box ul {
    margin-bottom: 15px;
}

.why-choose-layout1 .content-box ul li {
    display: inline;
    margin-right: 20px;
}

.why-choose-layout1 .content-box ul li:last-child {
    margin-right: 0;
}

.why-choose-layout1 .content-box ul li a {
    color: #333333;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.why-choose-layout1 .content-box ul li a:hover {
    color: #7d8f99;
}

.why-choose-layout1 .content-box p {
    margin: 0;
    padding-bottom: 40px;
}

.why-choose-layout1:hover {
    transform: scale(1);
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.why-choose-layout1:hover img {
    transform: scale(1.2);
}


/* .col-lg-3 {
    width: 23%;
    margin: 1%;
    float: left;
} */

.col-sm-4 {
    float: left;
    position: relative;
    width: 33.33333333%
}

.selected-solution {
    height: 645px;
    background: #fff;
    display: block;
}

.selected-solution>div {
    position: relative;
    width: 1270px;
    margin: 0 auto
}

.selected-solution .swiper-container {
    height: 625px;
    width: 1200px
}

.selected-solution .layer-title {
    color: #393b40;
    padding: 20px 0 30px;
    text-align: center;
    font-size: 30px;
    letter-spacing: 1.09px
}


/*主体列表*/

.selected-solution .solution-cardlist {
    max-width: 1200px;
    margin: 0 auto 0
}

.swiper-slide,
.swiper-wrapper {
    height: 560px!important
}

.selected-solution .solution-cardlist .col-sm-4 {
    padding: 0 10px;
    top: 0;
    transition: all .15s linear;
    box-sizing: border-box
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card {
    height: 480px;
    background: #f3f3f3;
    border-radius: 6px;
    text-align: left;
    overflow: hidden;
    transition: all .15s linear
}

.selected-solution .solution-cardlist .col-sm-4:hover {
    position: relative;
    top: -20px;
    transition: all .25s linear
}

.selected-solution .solution-cardlist .col-sm-4:hover .solution-card {
    height: 530px;
    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, .1);
    transition: all .2s linear
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card img {
    width: 100%;
    height: auto;
    transition: all .2s linear
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card h3 {
    margin: 20px 30px 10px;
    font-size: 18px;
    color: #252b3a;
    letter-spacing: .65px;
    text-align: left;
    color: #0b80c6;
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card p {
    margin: 0 30px;
    padding-bottom: 30px;
    font-size: 14px;
    color: #666a75;
    letter-spacing: .51px
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card dl {
    margin: 0 30px;
    overflow: visible
}

.cf:after,
.cf:before {
    content: " ";
    display: table;
    line-height: 0
}

.cf:after {
    clear: both
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt {
    margin-bottom: 10px;
    font-size: 14px;
    color: #252b3a;
    letter-spacing: .51px;
    line-height: 19px;
    position: relative
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dt:before {
    position: absolute;
    display: inline-block;
    left: -8px;
    top: 7px;
    content: '';
    vertical-align: middle;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #252b3a
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card dl dd {
    float: left;
    width: 50%;
    margin-bottom: 6px;
    font-size: 12px;
    color: #a0a2a8;
    letter-spacing: .44px;
    line-height: 20px
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span {
    margin: 20px 30px 0;
    font-size: 14px;
    display: inline-block;
    color: #666a75;
    letter-spacing: .51px;
    line-height: 22px;
    opacity: 0;
    transition: opacity .15s linear
}

.selected-solution .solution-cardlist .col-sm-4:hover .solution-card>span {
    opacity: 1;
    transition: opacity .2s linear 50ms
}


/*了解更多*/

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span {
    display: inline-block;
    vertical-align: middle
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a span.arrow-f {
    width: 13px;
    height: 13px;
    background: url("images/marketplace-selected-arrow0.svg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/marketplace-selected-arrow0.svg*/
    );
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    transition: .3s ease-out
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover {
    color: #e6c16c
}

.selected-solution .solution-cardlist .col-sm-4 .solution-card>span a:hover span.arrow-f {
    transform: translate(4px, 0);
    background: url("images/marketplace-selected-arrow2.svg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/marketplace-selected-arrow2.svg*/
    )
}


/*重置swiper*/

.swiper-container-horizontal>.swiper-pagination-bullets.solution-pagination {
    bottom: 15px
}

.solution-pagination .swiper-pagination-bullet {
    width: 24px;
    height: 4px;
    border-radius: 100px;
    overflow: hidden;
    background: #dfe1f1;
    border: none;
    cursor: pointer;
    content: '';
    display: inline-block;
    box-sizing: border-box;
    opacity: 1;
    vertical-align: middle
}

.solution-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #f66f6a;
    box-sizing: border-box
}

.swiper-container-solution .swiper-button-prev {
    left: 0;
    width: 14.5px;
    height: 30px;
    margin-top: 0;
    background-image: url("images/marketplace-home-arrow_big.svg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/marketplace-home-arrow_big.svg*/
    );
    background-size: cover;
    transition: background-image .15s
}

.swiper-container-solution .swiper-button-next {
    right: 0;
    width: 14.5px;
    height: 30px;
    margin-top: 0;
    background-image: url("images/marketplace-home-arrow_big.svg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/marketplace-home-arrow_big.svg*/
    );
    transform: rotate(180deg);
    background-size: cover;
    transition: background-image .15s
}

.swiper-container-solution .swiper-button-next:hover,
.swiper-container-solution .swiper-button-prev:hover {
    background-image: url("images/marketplace-home-arrow_big_hover.svg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/marketplace-home-arrow_big_hover.svg*/
    );
    transition: background-image .2s
}

.arrow-more {
    display: block;
    padding: 5px 15px;
    background: #0b80c6;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 30px;
}

.arrow-more a {
    display: block;
    padding: 5px 15px;
    background: #0b80c6;
    font-size: 14px;
    text-align: center;
    color: #fff;
    line-height: 30px;
}


/*indexsolution*/

.indextitle {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    color: #000;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}

.indextitle span {
    color: #ffb400;
}

.indextitleen {
    margin: 0 auto;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    height: auto;
    color: #888;
    text-align: center;
    font-size: 12px;
    line-height: 20px;
}

.indexbg1 {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    background: url("image/bg1.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/bg1.jpg*/
    ) no-repeat top center;
}

.main1140 {
    width: 1140px;
    margin: 0 auto;
    overflow: hidden;
    display: block;
}

.solutionmain {
    display: none;
}


/*拍摄服务流程开始*/

.process-box {
    width: 1140px;
    height: auto;
    min-height: 650px;
}

.process-box ul {
    width: 1140px;
}

.process-box ul li {
    width: 196px;
    height: 196px;
    float: left;
    cursor: pointer;
    position: relative;
}

.process-box ul li .shang {
    position: absolute;
    background: none;
    width: 276px;
    height: 276px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #ddd;
    margin-top: 42px;
    margin-left: 42px;
}

.process-box ul li .kuanga {
    position: absolute;
    background: none;
    width: 196px;
    height: 196px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #ddd;
    margin-top: 42px;
    margin-left: 42px;
}

.process-box ul li .kuangb {
    position: absolute;
    background: #339fe0;
    width: 196px;
    height: 196px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 0;
    margin-top: 42px;
    margin-left: 42px;
}

.process-box ul li .kuang {
    position: absolute;
    background: #fff;
    width: 196px;
    height: 196px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border: 1px solid #ddd;
    margin-top: 42px;
    margin-left: 42px;
}

.process-box ul li .kuang1 {
    top: 0;
    left: 0;
    z-index: 1;
}

.process-box ul li .kuang2 {
    left: 0px;
    top: 0px;
    z-index: 2;
}

.process-box ul li .text1 {
    width: 276px;
    height: 276px;
    text-align: center;
    z-index: 3;
    position: absolute;
    left: 7px;
    top: 0;
}

.process-box ul li .text1 .bg {
    width: 276px;
    height: 276px;
}

.process-box ul li .text1 .bg1 {
    background: url("../images/process-img1.png"/*tpa=http://www.suaysensor.com/templets/images/process-img1.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg2 {
    background: url("../images/process-img2.png"/*tpa=http://www.suaysensor.com/templets/images/process-img2.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg3 {
    background: url("../images/process-img3.png"/*tpa=http://www.suaysensor.com/templets/images/process-img3.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg4 {
    background: url("../images/process-img4.png"/*tpa=http://www.suaysensor.com/templets/images/process-img4.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg5 {
    background: url("../images/process-img5.png"/*tpa=http://www.suaysensor.com/templets/images/process-img5.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg6 {
    background: url("../images/process-img6.png"/*tpa=http://www.suaysensor.com/templets/images/process-img6.png*/
    ) no-repeat;
}

.process-box ul li .text1 .bg7 {
    background: url("../images/process-img7.png"/*tpa=http://www.suaysensor.com/templets/images/process-img7.png*/
    ) no-repeat;
}

.process-box ul li .text1 .num {
    padding-top: 70px;
    font-size: 86px;
    color: #dacdc2;
    font-weight: 700;
}

.process-box ul li .text1 .title {
    font-size: 18px;
    color: #0b80c6;
}

.process-box ul li .text1 .eng {
    font-size: 12px;
    color: #b4a078;
}

.process-box ul li .text1 .titlebai {
    font-size: 24px;
    color: #fff;
    text-align: center;
    padding-top: 40px;
}

.process-box ul li .text3 {
    width: 276px;
    height: 276px;
    background: #339fe0;
    text-align: center;
    z-index: 3;
    position: absolute;
    left: 7px;
    top: 0;
}

.process-box ul li .text3 .bg {
    width: 276px;
    height: 276px;
}

.process-box ul li .text2 {
    width: 276px;
    height: 276px;
    z-index: 4;
    position: absolute;
    left: 5px;
    top: 0px;
    display: none;
}

.process-box ul li .text2 .mengban {
    border: 1px solid #339fe0;
    position: absolute;
    z-index: 1;
    width: 196px;
    height: 196px;
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #339fe0;
    margin-top: 42px;
    margin-left: 37px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.process-box ul li .text2 .desc {
    position: absolute;
    z-index: 2;
    width: 140px;
    height: 110px;
    top: 88px;
    left: 70px;
    font-size: 12px;
    color: #fff;
    text-align: center;
    line-height: 24px;
}

.process-box ul li {
    margin-right: 89px;
}

.process-box ul.two li {
    margin-top: -40px;
}

.process-box ul.one li {
    margin-top: -40px;
}

.process-box ul.three li {
    margin-top: 10px;
}

.process-box ul li:hover .text2 {
    display: block;
}

.process-box ul li:hover {
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.neibanner1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban1.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban1.jpg*/
    ) no-repeat top center;
}

.neibanner2 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban2.jpg*/
    ) no-repeat top center;
}

.neibanner3 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban3.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban3.jpg*/
    ) no-repeat top center;
}

.neibanner4 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban4.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban4.jpg*/
    ) no-repeat top center;
}

.neibanner5 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban5.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban5.jpg*/
    ) no-repeat top center;
}

.neibanner6 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 300px;
    background: url("images/conban6.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/conban6.jpg*/
    ) no-repeat top center;
}

.neititle {
    margin: 0 auto;
    padding: 120px 0 0 0;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 24px;
    line-height: 30px;
}

.neiloction {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.neiloction a {
    color: #fff;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.neiloction a:hover {
    text-decoration: underline;
}

.col-md-4 {
    width: 31%;
    margin: 1%;
    float: left;
}

.section_padding {
    padding: 60px 0;
}

.hero-section-title {
    margin-bottom: 60px;
}

.hero-section-title h1 {
    font-size: 30px;
    font-weight: 300;
    color: #38373c;
    line-height: 40px;
    text-align: center;
}

.btn-yellow:hover {
    background-color: #09aeb8;
    color: #ffffff;
}

.btn-yellow {
    background-color: #01a1ff;
    color: #38373c;
    padding: 10px 0;
    display: inline-block;
    font-weight: normal;
    text-decoration: none !important;
    letter-spacing: 1px;
    font-size: 12px;
}

.service_area {
    background-color: #f1f1f1;
}

.service_box {
    background-color: #ffffff;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border: 10px solid #fff;
    text-align: center;
}

.service_box .service_img img {
    width: 100%;
}

.service_box .service_img {
    position: relative;
}

.service_box .service_img .icon-box {
    text-align: center;
    width: 77px;
    height: 75px;
    position: absolute;
    bottom: 0;
    left: 0;
    background-color: #fff;
}

.service_box .service_img .icon-box i {
    line-height: 75px;
    font-size: 38px;
    color: #38373C;
}

.service_box .service_img:before {
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: #000;
    position: absolute;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.service_box:hover>.service_img:before {
    opacity: .7;
    visibility: visible;
}

.service_box:hover {
    background-color: #38373c;
    color: #ffffff;
}

.service_box:hover h2 {
    color: #f5d974;
}

.service_box .btn-yellow {
    width: 100%;
    display: block;
    background-color: #F1F1F1;
}

.service_box .btn-yellow:hover {
    color: #38373c;
}

.service_box:hover .btn-yellow {
    background-color: #01a1ff;
}

.service_box:hover p {
    color: #ffffff;
}

.service_box .service_details {
    padding: 20px 0 0px;
}

.service_details h2 a {
    display: block;
}

.service_details h2 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: 600;
}

.service_details p {
    min-height: 70px;
    color: #87868a;
    font-size: 12px;
    margin-bottom: 20px;
    font-weight: normal;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.service_details p a {
    color: #87868a;
    font-size: 12px;
    font-weight: normal;
}

.service_center_left i {
    font-size: 50px;
}


/*成功案例*/

.case-box {
    padding: 100px 0 125px;
    background: #f3f3f3;
}

.cases {
    margin-bottom: 10px;
}

.cases li {
    width: 32.2%;
    margin-right: 1.7%;
    float: left;
    margin-bottom: 60px;
}

.cases li:nth-child(3n+3) {
    margin-right: 0;
}

.cases li figure {
    display: block;
    overflow: hidden;
    line-height: normal;
}

.cases li figure img {
    display: block;
    width: 100%;
    height: auto;
    line-height: 0;
    transition: 450ms;
}

.cases li figcaption {
    display: block;
    width: 100%;
    height: 70px;
    color: #6c6c6c;
    font-size: 14px;
    background: #d3d3d3;
    margin-top: 3px;
    position: relative;
    overflow: hidden;
}

.cases li figcaption span {
    display: block;
    line-height: 70px;
    text-align: center;
    position: relative;
    z-index: 5;
    transition: 350ms;
}

.cases li figcaption:before {
    content: "";
    width: 100%;
    height: 100%;
    background: #01a1ff;
    position: absolute;
    left: 0;
    top: 100%;
    transition: 340ms;
}

.cases li:hover figure img {
    transform: scale(1.06);
    -webkit-transform: scale(1.06);
    -moz-transform: scale(1.06);
}

.cases li:hover figcaption:before {
    top: 0;
}

.cases li:hover figcaption span {
    color: #fff;
}


/*about style*/

.bgf5 {
    background-color: #f5f5f5;
}

.pagePadding {
    padding: 100px 0px;
}

.aboutPbox-box {
    position: relative;
}

.aboutPbox {
    width: 754px;
    margin: 0px auto;
}

.iboxT {
    margin-bottom: 60px;
}

.iboxT .zh {
    font-size: 30px;
    color: #333333;
    line-height: 1.5;
}

.iboxT .en {
    color: #666;
    font-family: arial, helvetica, sans-serif;
    text-transform: uppercase;
}

.aboutP-list {
    padding-bottom: 50px;
}

.aboutP-list li {
    float: left;
    display: block;
    width: 24%;
    padding: 0px 2% 0px 7%;
    border-right: 1px solid #cdcdcd;
    color: #525252;
    line-height: 1.5;
}

.aboutP-list li:last-child {
    border-right: 0px none;
}

.aboutP-list .txt {
    color: #e3001e;
    font-family: "微软正黑体", "Microsoft JhengHei";
    font-size: 24px;
    line-height: 1.2;
}

.aboutP-list .num {
    font-size: 60px;
    padding-right: 10px;
}

.aboutP-list .add {
    position: absolute;
    font-weight: bold;
}

.aboutP-list .en {
    font-family: arial, helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
}

.aboutP-list .zh {
    font-weight: bold;
}

.pageC a:link,
.pageC a:visited {
    color: #d02a25;
}

.pageC a:active,
.pageC a:hover {
    color: #ee2d31;
}

.pageC img {
    max-width: 100% !important;
    height: auto !important;
}

.pageC {
    overflow: hidden;
    color: #666;
}

.aboutPbox .pageC {
    text-align: center;
    font-size: 15px;
}

.pbot {
    background: url("images/y.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/y.png*/
    ) no-repeat scroll center center;
    background-size: cover;
    background: none rgba(245, 245, 245, 1);
    border-radius: 50%;
    width: 75px;
    height: 75px;
    position: absolute;
    left: 50%;
    bottom: -37px;
    margin-left: -37px;
    cursor: pointer;
}

.pbot i {
    background: url("images/abot.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/abot.png*/
    ) no-repeat scroll center center;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -12px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
}

@keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

@-webkit-keyframes mouse-dot {
    from {
        opacity: 0;
    }
    33% {
        opacity: 1;
    }
    to {
        transform: translateY(15px);
        -webkit-transform: translateY(15px);
        opacity: 0;
    }
}

.black-20 {
    background: url("images/black_20.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/black_20.png*/
    ) repeat;
    background: none rgba(0, 0, 0, 0.2);
}

.aboutC-box {
    background-color: #fff;
    padding: 80px 0px;
}

.aboutC-box .pageC {
    width: 82%;
    margin: 0px auto;
    text-align: justify;
    font-size: 14px;
    line-height: 30px;
}

.pagePadding2 {
    padding: 135px 0px;
}

.culture {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.culture .title {
    margin: 30px auto;
    padding: 8px 2%;
    width: 96%;
    height: auto;
    font-size: 24px;
    line-height: 30px;
    text-align: center;
    color: #000;
    border-bottom: 1px dashed #e3e3e3;
    border-top: 1px dashed #e3e3e3;
}

.culture .titleen {
    margin: 0 auto;
    padding: 0;
    width: 100px;
    height: 2px;
    background: #e3e3e3;
}

.culture .con {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

.values-list a:link,
.values-list a:visited {
    color: #fff;
}

.values-list a:active,
.values-list a:hover {
    color: #fff;
}

.values-list {
    margin: 0 auto;
    padding: 0;
    width: 92%;
    height: auto;
    color: #fff;
}

.values-list li {
    float: left;
    display: block;
    width: 23%;
    margin: 25px 0px 0px 2%;
    position: relative;
    overflow: hidden;
}

.values-list .img {
    overflow: hidden;
}

.values-list .img img {
    width: 100%;
    display: block;
}

.values-list .black-20 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.values-list .tbox {
    position: absolute;
    left: 5%;
    width: 90%;
    text-align: center;
    top: 50%;
    margin-top: -46px;
    line-height: 1.5;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.values-list .ico {
    width: 40px;
    height: 40px;
    display: block;
    margin: 0px auto 6px;
}

.values-list .en {
    font-family: arial, helvetica, sans-serif;
}

.values-list .zh {
    font-size: 18px;
}

.values-list .con {
    position: absolute;
    width: 80%;
    left: 10%;
    top: 100%;
    line-height: 2;
    border-top: 1px solid #edb1b2;
    border-bottom: 1px solid #edb1b2;
    padding: 14px 0px;
    min-height: 140px;
    overflow: hidden;
    -webkit-transition: all .62s cubic-bezier(.4, 0, .2, 1);
    transition: all .62s cubic-bezier(.4, 0, .2, 1);
}

.red-80 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url("../images/red_80.png"/*tpa=http://www.suaysensor.com/templets/images/red_80.png*/
    ) repeat;
    background: none rgba(204, 0, 0, 0.8);
}

.values-list .red-80 {
    -webkit-transition: -webkit-transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transition: transform .62s cubic-bezier(.4, 0, .2, 1), opacity 0.5s;
    transform-origin: left 100%;
    -webkit-transform-origin: left 100%;
    transform: scaleY(0);
    -moz-transform: scaleY(0);
    -webkit-transform: scaleY(0);
    opacity: 0;
    visibility: hidden\9;
}

.values-list li:hover .tbox {
    visibility: hidden\9;
    opacity: 0;
    transform: translateY(50px);
    transform: translateY(50px);
}

.values-list li:hover .con {
    top: 18%;
}

.values-list li:hover .red-80 {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform-origin: left 0;
    -webkit-transform-origin: left 0;
    opacity: 1;
    visibility: visible\9;
}

.fixedImg {
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
}

.body-right {
    min-height: calc(100vh - 296px);
}


/*about style end*/

.product-list {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
    min-height: 20px;
}

.product-list li {
    margin: 0 auto;
    padding: 0;
    width: 22.5%;
    margin: 1%;
    float: left;
    border: 1px solid #e3e3e3;
    text-align: center;
}

.product-list1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
    min-height: 20px;
}

.product-list1 li {
    margin: 0 auto;
    padding: 0;
    width: 31%;
    margin: 1%;
    float: left;
    border: 1px solid #e3e3e3;
    text-align: center;
}

.portfolio-img {
    overflow: hidden;
}

.portfolio-img a {
    position: relative;
}

.portfolio-img a,
.portfolio-img img {
    width: 100%;
    display: block;
    overflow: hidden;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-img .opacity-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
    background-color: #000;
    opacity: 0;
    filter: alpha(opacity=0);
    _height: expression( (this.parentElement.clientHeight) +'px');
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.portfolio-img a:hover .opacity-overlay {
    filter: alpha(opacity=70);
    opacity: 0.7;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.portfolio-img a:hover img {
    transform: scale(1.2, 1.2) rotate(10deg);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-item:hover img,
.product-item:hover img,
.scrollable-item:hover img {
    transform: scale(1.2, 1.2);
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
}

.portfolio-wenzi {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 40px;
    background: #f0f0f0;
    color: #666;
    line-height: 40px;
}

.product-item {
    position: relative;
}

.product-item .portfolio-img {
    background-color: #f2f2f2;
    overflow: hidden;
    position: relative;
    margin-bottom: 0;
}

.product-item .portfolio-text {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 20;
    text-align: center;
    font-size: 12px;
    width: 96%;
    padding-left: 2%;
    padding-right: 2%;
    height: 100%;
    color: #fff;
}

.product-item .portfolio-text h2 {
    margin: 20px 20px 20px;
    line-height: normal;
    font-size: 14px;
    color: #fff;
    font-weight: normal;
}

.product-item .portfolio-text .icon-detail {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    width: 41px;
    height: 41px;
    background: url("../images/icon-detail.gif"/*tpa=http://www.suaysensor.com/templets/images/icon-detail.gif*/
    ) no-repeat center;
    -webkit-transition: -webkit-transform 0.5s ease-out;
    -moz-transition: -moz-transform 0.5s ease-out;
    transition: transform 0.5s ease-out;
}

.product-item .portfolio-text .icon-detail span {
    display: none;
}

.product-item a:hover .portfolio-text {
    display: block;
}

.product-item .portfolio-text:hover .icon-detail {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    transform: rotate(180deg);
}

.product-item .opacity-overlay {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
    cursor: pointer;
    background-color: #047aba;
    opacity: 0;
    filter: alpha(opacity=0);
    _height: expression( (this.parentElement.clientHeight) +'px');
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -o-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}

.product-item a:hover .opacity-overlay {
    filter: alpha(opacity=90);
    opacity: 0.9;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
}


/*new*/

#conmainwrite {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    background: #f3f3f3;
}

#conmain {
    margin: 0 auto;
    padding: 30px 0;
    width: 100%;
    height: auto;
    max-width: 1200px;
}

#conmainleft {
    margin: 0 auto;
    padding: 0;
    width: 24%;
    height: auto;
    float: left;
    background: #fff;
}

#conmainleft1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 50px;
    float: left;
    background: #204184;
}

#conmainleft1 span {
    padding-left: 30px;
    font-size: 24px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    line-height: 50px;
    font-weight: normal;
}

#conmainleft2 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#conmainleft2 ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#conmainleft2 ul li {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    margin-top: 1px;
}

#conmainleft2 ul li a {
    margin: 0 auto;
    padding: 0 3%;
    width: 94%;
    background: url("images/dot.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot.png*/
    ) no-repeat center right #f3f3f3;
    float: left;
    font-size: 14px;
    color: #666;
    text-align: left;
    text-decoration: none;
    line-height: 50px;
    font-weight: normal;
}

#conmainleft2 ul li a:hover {
    background: url("images/dot1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot1.png*/
    ) no-repeat center right #b6b5b5;
    color: #fff;
}

#conmainleft2 ul li.on a {
    margin: 0 auto;
    padding: 0 3%;
    width: 94%;
    background: url("images/dot1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot1.png*/
    ) no-repeat center right #6babce;
    color: #fff;
    float: left;
    font-size: 14px;
    text-align: left;
    text-decoration: none;
    line-height: 50px;
    font-weight: normal;
}

#conmainleft2 ul li.on a:hover {
    background: url("images/dot1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot1.png*/
    ) no-repeat center right #6babce;
    color: #fff;
}

#conmainleft4 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 50px;
    float: left;
    background: #204184;
    border-radius: 5px 5px 0 0;
    border: 1px solid #e3e3e3;
    border-bottom: 0;
}

#conmainleft4 span {
    padding-left: 30px;
    font-size: 18px;
    color: #fff;
    text-align: left;
    text-decoration: none;
    line-height: 50px;
    font-weight: normal;
}

#conmainleft3 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #e3e3e3;
}

#conmainleft3 ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#conmainleft3 ul li {
    margin: 0 auto;
    padding: 0;
    padding: 0;
    width: 100%;
    display: block;
    float: left;
    margin-top: 1px;
    border-bottom: 1px dashed #e3e3e3;
}

#conmainleft3 ul li a {
    margin: 0 auto;
    padding-left: 30px;
    padding: 10px 3%;
    padding-left: 30px;
    width: 100%;
    background: url("images/dot2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot2.jpg*/
    ) no-repeat left center #fff;
    height: auto;
    display: block;
    float: left;
    font-size: 16px;
    color: #666;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    font-weight: bold;
}

#conmainleft3 ul li a:hover {
    background: url("images/dot1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot1.png*/
    ) no-repeat left center #f3f3f3;
    color: #204184;
}

#conmainleft3 ul li.on a {
    background: #f3f3f3;
    color: #204184;
    font-weight: bold;
}

#conmainleft3 ul .cpmll {
    margin: 0 auto;
    padding: 5px 3%;
    width: 94%;
    float: left;
    font-size: 12px;
    color: #888;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    font-weight: normal;
}

#conmainleft3 ul .cpmll a {
    font-size: 12px;
    color: #888;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    font-weight: normal;
    padding-right: 10px;
    padding-left: 10px;
}

#conmainleft3 ul .cpmll a:hover {
    font-size: 12px;
    color: #000;
}

#conmainleft5 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #e3e3e3;
}

#conmainleft5 ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#conmainleft5 ul li {
    margin: 0 auto;
    padding: 0;
    padding: 10px 3%;
    width: 94%;
    background: url("images/dot2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot2.jpg*/
    ) no-repeat left center #fff;
    float: left;
    margin-top: 1px;
    border-bottom: 1px dashed #e3e3e3;
}

#conmainleft5 ul li a {
    margin: 0 auto;
    padding-left: 25px;
    float: left;
    font-size: 13px;
    color: #666;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    font-weight: normal;
}

#conmainleft5 ul li a:hover {
    color: #204184;
}

#conmainleft6 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    border: 1px solid #e3e3e3;
}

#conmainleft6 ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#conmainleft6 ul li {
    margin: 0 auto;
    padding: 0;
    padding: 10px 3%;
    width: 100%;
    background: url("images/dot2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/images/dot2.jpg*/
    ) no-repeat left center #fff;
    float: left;
    margin-top: 1px;
}

#conmainleft6 ul li a {
    margin: 0 auto;
    padding-left: 30px;
    float: left;
    font-size: 16px;
    color: #666;
    text-align: left;
    text-decoration: none;
    line-height: 20px;
    font-weight: bold;
    border-bottom: 1px dashed #e3e3e3;
}

#conmainleft6 ul li a:hover {
    background: #f3f3f3;
    color: #204184;
}

#conmainleft6 ul li.on a {
    background: #f3f3f3;
    color: #204184;
    font-weight: bold;
}

#conmainleft6 ul .cpmll {
    margin: 0 auto;
    padding: 5px 3%;
    width: 94%;
    float: left;
    border-bottom: 1px dashed #e3e3e3;
    font-size: 12px;
    color: #888;
    text-align: left;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainleft6 ul .cpmll a {
    margin: 0 auto;
    padding: 5px 3%;
    width: 100%;
    display: block;
    height: auto;
    font-size: 12px;
    color: #888;
    text-align: left;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainleft6 ul .cpmll a:hover {
    font-size: 12px;
    color: #000;
}

#conmainright {
    margin: 0 auto;
    padding: 0;
    width: 74%;
    height: auto;
    float: right;
    background: #fff;
}

#conmainrightlocion {
    margin: 0 auto;
    padding: 5px 2%;
    width: 96%;
    height: auto;
    float: left;
    border-bottom: 1px dashed #e3e3e3;
    font-size: 12px;
    color: #666;
    text-align: right;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainrightlocion a {
    font-size: 12px;
    color: #666;
    text-align: right;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainrightlocion a:hover {
    text-decoration: underline;
}

#conmainright1 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: right;
}

#conmainright1 h2 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: 24px;
    color: #666;
    text-align: center;
    text-decoration: none;
    line-height: 50px;
    font-weight: normal;
}

#conmainright .title {
    margin: 0 auto;
    padding: 20px 3%;
    width: 94%;
    height: auto;
    font-size: 24px;
    color: #000;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainright .con {
    margin: 0 auto;
    padding: 10px 3%;
    width: 94%;
    height: auto;
    line-height: 25px;
}

#conmainright .con img {
    max-width: 100%;
    height: auto;
}

#conmainright .title1 {
    margin: 0 auto;
    padding: 20px 3%;
    width: 94%;
    height: auto;
    font-size: 24px;
    color: #000;
    text-align: left;
    border-bottom: 1px dashed #e3e3e3;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainright .nei {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

#conmainright .nei ul {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
}

#conmainright .nei ul li {
    margin: 0 auto;
    padding: 0;
    width: 22.5%;
    height: auto;
    margin: 1%;
    border: 1px solid #f3f3f3;
    float: left;
}

#conmainright .nei ul li img {
    max-width: 100%;
    height: auto;
}

#conmainright .nei ul li .txt {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    font-size: 12px;
    background: #fff;
    color: #666;
    border-top: 1px solid #f3f3f3;
    text-align: center;
    text-decoration: none;
    line-height: 30px;
    font-weight: normal;
}

#conmainright .nei ul li:hover .txt {
    background: #f3f3f3;
}

.pic {
    width: 100%;
    overflow: hidden;
    font-size: 0;
}

.pic img {
    width: 100%;
    -moz-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
}

.contRightWrap {
    margin-top: 10px;
}

.courseList {}

.courseList li {
    padding: 3%;
    border: 1px solid #e3e3e3;
    background: #fafafa;
    display: block;
    width: 90%;
    margin: 0 2% 2% 2%;
}

.courseList li .single-line {
    font-size: 18px;
    font-weight: 600;
    line-height: 30px;
    color: #000;
}

.courseList li .single-line span {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    line-height: 30px;
}

.courseList li .multi-line {
    font-size: 12px;
    font-weight: normal;
    color: #888;
    line-height: 20px;
}

.courseList li:hover {
    background: #204184;
}

.courseList li:hover .single-line {
    color: #fff;
}

.courseList li:hover .single-line span {
    color: #fff;
}

.courseList li:hover .multi-line {
    color: #fff;
}


/*
.newsList {margin-top: 15px;}
.newsList li {overflow: hidden; border: none; margin-bottom: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic {}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {margin-top: 2px; line-height: 28px; font-size: 16px; font-weight: normal;}
.newsList li .cont h3 a {color: #4c4c4c;}
.newsList li .cont h4 {line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont p {color: #808080; line-height: 22px;}
.newsList li .cont .line {height: 1px; margin: 6px 0 6px 0; background: #dddddd;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more {width: 100px; height: 32px; margin-top: 12px; line-height: 32px; text-align: center; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont .more a {display: block; height: 100%;color: #047aba; background: #fff; }
.newsList li .cont .more:hover a {background: #01B4047aba8C;}
.newsList li:hover .more a {color: #fff; background: #047aba;}
.newsList li:hover h3 a {color: #047aba;}
.newsList li:hover .cont .line {margin: 10px 0 10px 0;}
*/

.kong {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: 20px;
}

.page {
    width: 100%;
    height: 36px;
    margin: 50px 0 40px 0;
    text-align: center;
    line-height: 36px;
    color: #333333;
}

.page em {
    display: inline-block;
    height: 100%;
    margin: 0 3px;
    padding: 0 15px;
    border: 1px solid #eee;
    vertical-align: top;
    cursor: pointer;
}

.page em:hover {
    background: #f5f4f4;
}

.page em.active {
    color: #fff;
    background: #00ca9d;
}

.page i {
    display: inline-block;
    height: 100%;
    margin: 0 3px;
    padding: 0 16px;
    border: 1px solid #eee;
    cursor: pointer;
}

.page i:hover {
    background: #f5f4f4;
}

.page i.active {
    color: #fff;
    background: #00ca9d;
}

.page a {
    display: inline-block;
    width: 30px;
    height: 100%;
    margin: 0 3px;
    color: #202020;
    border: 1px solid #eee;
    zoom: 1;
    *display: inline;
    float: none;
}

.page a:hover {
    background: #f5f4f4;
}

.page a.active {
    color: #fff;
    background: #00ca9d;
}

.page p {
    display: inline-block;
    height: 100%;
    margin-left: 20px;
    zoom: 1;
    *display: inline;
    float: none;
}

.clearfloat {
    *zoom: 1;
}

.clearfloat:before,
.clearfloat:after {
    content: "";
    display: table;
    line-height: 0;
    visibility: hidden;
}

.clearfloat:after {
    clear: both;
}

.news_info {
    background: #fff;
    padding: 40px;
    font-size: 14px;
    line-height: 30px;
}

.news_info h1.title {
    font-size: 28px;
    color: #000;
    line-height: 45px;
    margin-bottom: 10px;
    text-align: center
}

.news_info img {
    max-width: 100%;
    height: 200px;
}

.news_info .connei {
    font-size: 14px;
    line-height: 30px;
}

.news_info h1 {
    font-size: 28px;
    color: #000;
    line-height: 45px;
    margin-bottom: 10px;
    text-align: center
}

.news_info .shuomin {
    margin: 10px auto;
    padding: 5px 0;
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #e3e3e3;
    font-size: 20px;
    color: #000;
    line-height: 45px;
    text-align: left
}

.news_info .shuocon {
    margin: 10px auto;
    padding: 5px 0;
    width: 100%;
    height: auto;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    text-align: left
}

.news_info .shuocon h3 {
    margin: 10px auto;
    padding: 5px 0;
    width: 100%;
    height: auto;
    border-bottom: 1px dashed #e3e3e3;
    font-size: 20px;
    color: #000;
    line-height: 45px;
    text-align: left
}

.news_info .shuocon table {
    width: 100%;
}

.news_info .shuocon td {
    border: 1px solid #f3f3f3;
    padding: 10px 0;
    font-size: 14px;
    color: #666;
    line-height: 25px;
    text-align: center;
    vertical-align: text-top;
}

.news_info .shuocon td p {
    margin: 0;
    padding: 0;
    font-size: 14px;
    line-height: 25px;
    text-align: center;
    vertical-align: text-top;
}

.news_info .shuocon table tr:nth-child(odd) {
    background: #F4F4F4;
}

.news_info .shuocon table tr:nth-child(even) {
    background: #fff;
}

.news_info .shuocon table tr:nth-child(1) {
    background: #204184;
    color: #FFF;
}

.news_info .shuocon table tr:nth-child(1) td {
    background: #204184;
    color: #fff;
}

.news_info .data {
    font-size: 12px;
    color: #ccc;
    line-height: 30px;
    margin-bottom: 10px;
    text-align: center;
    border-bottom: 1px solid #eee
}

.news_info .prev {
    width: 48%;
    font-size: 16px;
    border: 1px solid #eee;
    margin-top: 40px;
    background: url("../images/arrow_l.png"/*tpa=http://www.suaysensor.com/templets/images/arrow_l.png*/
    ) 3% center no-repeat;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -ms-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    float: left
}

.news_info .prev a {
    display: block;
    padding: 10px 0 10px 40px;
    color: #ccc
}

.news_info .prev:hover {
    background: url("../images/arrow_l.png"/*tpa=http://www.suaysensor.com/templets/images/arrow_l.png*/
    ) 1% center no-repeat #40A9D0
}

.news_info .prev:hover a {
    color: #fff
}

.news_info .next {
    width: 48%;
    font-size: 16px;
    border: 1px solid #eee;
    margin-top: 40px;
    background: url("../images/arrow_r.png"/*tpa=http://www.suaysensor.com/templets/images/arrow_r.png*/
    ) 97% center no-repeat;
    -webkit-transition: .3s all ease;
    -moz-transition: .3s all ease;
    -ms-transition: .3s all ease;
    -o-transition: .3s all ease;
    transition: .3s all ease;
    float: right;
    text-align: right
}

.news_info .next a {
    display: block;
    padding: 10px 40px 10px 0;
    color: #ccc
}

.news_info .next:hover {
    background: url("../images/arrow_r.png"/*tpa=http://www.suaysensor.com/templets/images/arrow_r.png*/
    ) 99% center no-repeat #40A9D0
}

.news_info .next:hover a {
    color: #fff
}

.warranty-box {
    padding: 70px 0 80px;
}

.warranty-box .warranty {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.warranty-box .left-word {
    width: 30%;
    float: left;
}

.warranty-box .left-word .content {
    padding-right: 80px;
}

.warranty-box .left-word .t {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 60px;
}

.warranty-box .left-word .c {
    text-align: justify;
}

.warranty-box .left-img {
    width: 35%;
    float: left;
}

.warranty-box .left-img img {
    max-width: 100%;
    height: auto;
}

.warranty-box .hotline {
    float: right;
    width: 30%;
    background: -webkit-linear-gradient(#69afc7, #2c67a7);
    background: -o-linear-gradient(#69afc7, #2c67a7);
    background: -moz-linear-gradient(#69afc7, #2c67a7);
    background: linear-gradient(#69afc7, #2c67a7);
    color: #fff;
    line-height: 1;
    padding: 75px 0;
}

.warranty-box .hotline .ico {
    display: block;
    width: 64px;
    height: 64px;
    background: url("images/hotline_ico.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/hotline_ico.png*/
    ) no-repeat scroll center center;
    margin: 0 auto;
}

.warranty-box .hotline .phone {
    display: block;
    text-align: center;
    font-family: arial;
    font-size: 36px;
    margin: 25px 0 25px;
}

.warranty-box .hotline .zh {
    display: block;
    text-align: center;
}

.commitment-box {
    padding: 80px 0;
    background-color: #f4f4f4;
}

.commitment-box .commitment {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.commitment-box .t {
    font-size: 24px;
    color: #333;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 60px;
}

.commitment-box .list li {
    float: left;
    width: 33.33%;
}

.commitment-box .list li:nth-child(3n+1) {
    clear: both;
}

.commitment-box .list li:nth-child(3n+2) .con {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    padding-left: 50px;
    padding-right: 50px;
}

.commitment-box .list li:nth-child(3n) .con {
    padding-left: 50px;
    padding-right: 50px;
}

.commitment-box .list li:nth-child(3n+1) .con {
    padding-right: 50px;
}

.commitment-box .list li:nth-last-child(1) .con {
    border-bottom: 0;
}

.commitment-box .list li:nth-last-child(2) .con {
    border-bottom: 0;
}

.commitment-box .list li:nth-last-child(3) .con {
    border-bottom: 0;
}

.commitment-box .list li:hover .tit:before {
    -webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);
    -webkit-animation: shake 0.5s;
    animation: shake 0.5s;
}

.commitment-box .list .tit {
    line-height: 1.3;
    font-size: 18px;
    color: #164e9f;
    padding-left: 60px;
    padding-top: 30px;
    padding-bottom: 5px;
    position: relative;
    margin-bottom: 20px;
}

.commitment-box .list .tit.t1:before {
    background-image: url("images/commitment_ico_1.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_1.png*/
    );
}

.commitment-box .list .tit.t2:before {
    background-image: url("images/commitment_ico_2.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_2.png*/
    );
}

.commitment-box .list .tit.t3:before {
    background-image: url("images/commitment_ico_3.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_3.png*/
    );
}

.commitment-box .list .tit.t4:before {
    background-image: url("images/commitment_ico_4.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_4.png*/
    );
}

.commitment-box .list .tit.t5:before {
    background-image: url("images/commitment_ico_5.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_5.png*/
    );
}

.commitment-box .list .tit.t6:before {
    background-image: url("images/commitment_ico_6.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_6.png*/
    );
}

.commitment-box .list .tit.t7:before {
    background-image: url("images/commitment_ico_7.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_7.png*/
    );
}

.commitment-box .list .tit.t8:before {
    background-image: url("images/commitment_ico_8.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_8.png*/
    );
}

.commitment-box .list .tit.t9:before {
    background-image: url("images/commitment_ico_9.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_9.png*/
    );
}

.commitment-box .list .tit.t10:before {
    background-image: url("images/commitment_ico_10.png"/*tpa=http://www.suaysensor.com/templets/xuanye/images/commitment_ico_10.png*/
    );
}

.commitment-box .list .tit:before {
    position: absolute;
    display: block;
    content: "";
    display: block;
    width: 46px;
    height: 46px;
    background-position: center;
    background-repeat: no-repeat;
    background-attachment: scroll;
    left: 0;
    bottom: 2px;
}

.commitment-box .list .con {
    padding: 20px 0 50px;
    border-bottom: 1px solid #ccc;
}

.commitment-box .list .c {
    height: 130px;
    overflow: hidden;
    text-align: justify;
}

.commitment-box .list .c1 {
    height: 240px;
    overflow: hidden;
    text-align: justify;
}


/*contact*/

.contactnei {
    margin: 0 auto;
    padding: 40px 0;
    width: 100%;
    height: auto;
}

.contactleft {
    margin: 0 auto;
    padding: 0;
    width: 40%;
    height: auto;
    float: left;
}

.contactleft .title {
    margin: 10px auto;
    padding: 5px 0;
    width: 100%;
    border-bottom: 1px dashed #e3e3e3;
    height: auto;
    float: left;
    font-size: 24px;
    line-height: 30px;
    text-align: left;
    color: #000;
}

.contactleft ul {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
}

.contactleft ul li {
    margin: 10px auto;
    padding: 0;
    width: 100%;
    padding-left: 50px;
    height: auto;
    font-size: 14px;
    line-height: 41px;
    text-align: left;
    color: #666;
}

.contactleft ul li a {
    font-size: 14px;
    line-height: 41px;
    text-align: left;
    color: #666;
}

.contactleft ul li a:hover {
    text-decoration: underline;
}

.contactleft ul li.add {
    background: url("image/contact3.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/contact3.jpg*/
    ) no-repeat top left;
}

.contactleft ul li.tel {
    background: url("image/contact1.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/contact1.jpg*/
    ) no-repeat top left;
}

.contactleft ul li.fax {
    background: url("image/contact4.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/contact4.jpg*/
    ) no-repeat top left;
}

.contactleft ul li.email {
    background: url("image/contact2.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/contact2.jpg*/
    ) no-repeat top left;
}

.contactleft ul li.web {
    background: url("image/contact5.jpg"/*tpa=http://www.suaysensor.com/templets/xuanye/image/contact5.jpg*/
    ) no-repeat top left;
}

.contactright {
    margin: 0 auto;
    padding: 0;
    width: 56%;
    height: auto;
    float: right;
}


/*分页*/

.badoo {
    padding: 10px 0px;
    font-size: 13px;
    color: #666;
    background-color: #fff;
    text-align: center;
}

.badoo a {
    border: #f0f0f0 2px solid;
    padding: 2px 5px;
    margin: 0px 2px;
    border-left: #f0f0f0 2px solid;
    color: #666;
    text-decoration: none;
}

.badoo a:hover {
    background: #666;
    color: #fff;
    border: #666 2px solid;
}

.badoo a:active {
    border: #666 2px solid;
    color: #666;
}

.badoo span.current {
    border: #ff5a00 2px solid;
    padding: 2px 5px;
    font-weight: bold;
    color: #fff;
    background-color: #ff6c16;
}

.badoo span.disabled {
    display: none
}

.list_page {
    border-left: 1px solid #d8d8d8;
    text-align: center;
    font-size: 0;
    line-height: 0;
    display: inline-block;
    *display: inline;
    vertical-align: middle;
}

.list_page li {
    float: left;
}

.list_page .next_page,
.list_page .disabled,
.list_page .current,
.list_page a,
.list_page .gap {
    padding: 0 30px;
    border: 1px solid #d8d8d8;
    border-left: 0;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #666;
    float: left;
    background-color: #f0f0f0
}

.list_page .current,
.list_page a,
.list_page .gap {
    width: 60px;
    padding: 0;
    height: 40px;
    display: inline-block
}

.list_page .current {
    color: #fff;
    background-color: #40A9D0
}

.list_page .disabled {
    color: #b4b4b4
}

.list_page .next_page {
    width: auto
}

.page_div {
    height: 42px;
    margin: 0 auto 20px;
    *margin: 20px 0;
    padding: 25px 0 28px 0;
    display: none
}

.list_page a {
    margin-left: 10px;
}

.list_page a:hover {
    background-color: #fff
}

a.prev_page {
    padding: 0 30px;
    width: auto
}

.page_div .picnext {
    width: 225px;
    height: 95px;
    display: none;
    background: url("../images/paging_icon1.png"/*tpa=http://www.suaysensor.com/templets/images/paging_icon1.png*/
    ) no-repeat 0 -7px;
    vertical-align: top;
    margin: -22px 0 0 20px
}

.list_page span {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0
}

.list_page .next_page,
.list_page .disabled,
.list_page .current,
.list_page a,
.list_page .gap {
    float: none;
    font-size: 14px;
    line-height: 40px;
    font-weight: bold;
    float: left;
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0
}

#key {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    background: #01a1ff;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
}

#key a {
    font-weight: normal;
    color: #fff;
    line-height: 25px;
}

#site {
    margin: 0 auto;
    padding: 20px 0;
    width: 100%;
    height: auto;
    background: #202123;
    border-top: 1px solid #fff;
}

#site1 {
    margin: 0 auto;
    padding: 20px 0;
    width: 20%;
    height: auto;
    float: left;
}

#site11 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#site11 img {
    max-width: 100%;
    height: auto;
}

#site12 {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: left;
    font-weight: normal;
    color: #bababa;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
}

#site2 {
    margin: 0 auto;
    padding: 20px 3%;
    width: 64%;
    height: auto;
    float: left;
}

#site2 ul {
    margin: 0 auto;
    padding: 10px;
    width: 100%;
    height: auto;
    float: left;
}

#site2 ul li {
    margin: 0 auto;
    padding: 0;
    width: 33%;
    height: auto;
    float: left;
}

#site2 ul li a {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

#site2 ul li a:hover {
    color: #f3f3f3;
}

#site2 ul li ul {
    margin: 0 auto;
    padding: 10px 0;
    width: 100%;
    height: auto;
    float: left;
}

#site2 ul li ul li {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#site2 ul li ul li a {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
    font-weight: normal;
    color: #bababa;
    line-height: 25px;
    text-align: left;
    font-size: 12px;
}

#site2 ul li ul li a:hover {
    color: #f3f3f3;
}

#site3 {
    margin: 0 auto;
    padding: 20px 0;
    width: 10%;
    height: auto;
    float: left;
}

#site31 {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    height: auto;
    float: left;
}

#site31 img {
    max-width: 100%;
    height: auto;
}

#foot {
    margin: 0 auto;
    padding: 5px 0;
    width: 100%;
    height: auto;
    background: #202123;
    border-top: 1px solid #727272;
}

#footleft {
    margin: 0 auto;
    padding: 5px 0;
    width: 70%;
    height: auto;
    float: left;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

#footleft a {
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

#footright {
    margin: 0 auto;
    padding: 5px 0;
    width: 20%;
    height: auto;
    float: right;
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

#footright a {
    font-weight: normal;
    color: #fff;
    line-height: 25px;
    text-align: left;
    font-size: 14px;
}

@media (min-width:1200px) {
    .navxiala .qiehuan {
        height: 56px;
        line-height: 60px;
    }
}

@media screen and (max-width:991px) {
    html {
        -webkit-text-size-adjust: none;
    }
    header {
        display: none;
    }
    #menumain {
        display: none;
    }
    .module-default,
    .module {
        margin-bottom: 20px;
    }
    .module-no-margin {
        margin-bottom: 5px;
    }
    .module-full-screen {
        margin: 0 -10px;
        padding: 0 10px;
    }
    .module-full-screen>.module-inner {
        padding: 30px 0;
    }
    .module-full-screen-more-fixed>.module-inner {
        padding: 30px 0 50px;
    }
    .module-full-screen-more-fixed .module-full-screen-more {
        margin-top: 15px;
        margin-left: -40px;
    }
    .module-full-screen-more-fixed .module-full-screen-more a {
        width: 80px;
        height: 80px;
        line-height: 80px;
        font-size: 14px;
        background-size: cover;
    }
    .module-full-screen-more-fixed .module-full-screen-more a:hover {
        background-position: 0 -80px;
    }
    .fixed-bottom .module-default,
    .fixed-bottom .module,
    .fixed-bottom .module-no-margin {
        margin-bottom: 0;
    }
    .default-top {
        display: none;
    }
    .touch-top {
        display: block;
    }
    .touch-top-wrapper .touch-logo {
        margin: 0;
    }
    .touch-navigation {
        display: block;
    }
    .touch-top-wrapper .touch-logo {
        margin: 0 0;
    }
    .touch-top-wrapper .touch-logo img {
        height: 50px;
        display: block;
    }
    #sidenav {
        display: none;
    }
}

@media (min-width:768px) and (max-width:991px) {
    /* slideshow */
    .module-divider-full {
        margin-bottom: -20px;
    }
}

@media screen and (max-width:767px) {
    .desktops-section {
        display: none;
    }
    .mobile-section {
        display: block;
    }
    /* 容器 */
    .module-full-screen-title {
        margin-bottom: 20px;
    }
    .module-full-screen-title>.module-title-content>h2 {
        margin: 0 15px;
        font-size: 20px;
        font-weight: bold;
    }
    .module-full-screen-title>h3 {
        display: none;
    }
    .module-full-screen-title>.module-title-content>i {
        width: 80px;
    }
    .module-full-screen-more a {
        line-height: 34px;
    }
    .module-divider-full {
        margin: 20px 0 -20px;
    }
    /* touch menu */
    .top-main-content {
        display: none;
    }
    .touch-top-wrapper .touch-logo img {
        height: 40px;
    }
    .touch-toggle li {
        height: 60px;
    }
    .touch-toggle li a {
        height: 60px;
    }
    .touch-toggle li i {
        width: 28px;
        height: 28px;
        margin-top: 15px;
    }
}

@media screen and (max-width: 640px) {
    /* 容器 */
    .module-horizontal .module-title-horizontal {
        float: none;
        margin-right: 0;
    }
    .module-title-horizontal .module-title-content {
        margin: 0 0 10px 0;
    }
    .module-horizontal>.modult-inner>.module-more-horizontal a {
        margin-top: 12px;
    }
    .fixed-bottom {
        display: block;
    }
    .seach .container {
        margin-top: 10px;
    }
    .seach .gjc {
        float: left;
        width: 92%;
        height: auto;
        line-height: 20px;
        padding: 2%;
        margin: 2%;
        line-height: 20px;
    }
    .seach .sc {
        float: left;
        width: 92%;
        height: auto;
        line-height: 20px;
        padding: 2%;
        margin: 0 2% 2% 2%;
        display: block;
    }
    .seach .sc input {
        line-height: 36px;
        height: 36px;
    }
    .seach .sc a {
        height: 36px;
    }
    .search {
        width: 92%;
        position: relative;
        float: left;
        background-color: #fff;
        height: 40px;
        margin-top: 10px;
    }
    .search input[type=text] {
        width: 80%;
        opacity: 1;
        outline: none;
        border: 0;
        background: none;
        line-height: 40px;
        color: #666;
        font-size: 14px;
        transition: 455ms ease-in-out;
    }
    .search .search-txt {
        padding-left: 10px;
    }
    .search .search-btn {
        padding-right: 10px;
        padding-top: 5px;
    }
    #site1 {
        margin: 0 auto;
        padding: 10px 2%;
        width: 96%;
        height: auto;
        float: left;
    }
    #site2 {
        display: none;
    }
    #site3 {
        margin: 0 auto;
        padding: 10px 2%;
        width: 96%;
        height: auto;
        float: left;
    }
    #footleft {
        margin: 0 auto;
        padding: 10px 2%;
        width: 96%;
        height: auto;
        float: left;
    }
    #footright {
        margin: 0 auto;
        padding: 10px 2%;
        width: 96%;
        height: auto;
        float: left;
    }
    .promain ul li {
        width: 46%;
    }
    .indexhangyemain ul li {
        width: 46%;
        height: auto;
        margin: 2%;
    }
    .indexhangleft {
        padding: 10px 2%;
        width: 96%;
    }
    .indexhangright {
        padding: 10px 2%;
        width: 100%;
    }
    .indexhangright ul {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        height: auto;
        float: right;
    }
    .indexhangright ul li {
        margin: 0 auto;
        padding: 2%;
        width: 96%;
        height: auto;
        float: left;
        margin: 0 1%;
        background: #fff;
    }
    .indexabout .icoo ul li {
        margin: 0 auto;
        padding: 0;
        width: 46%;
        height: auto;
        margin: 2%;
        float: left;
    }
    .news .newssm {
        padding: 2%;
        width: 96%;
    }
    .news .jsbk {
        padding: 2%;
        width: 96%;
    }
    #conaboutleft {
        padding: 2%;
        width: 96%;
    }
    #conaboutright {
        padding: 2%;
        width: 96%;
    }
    .col-lg-3 {
        width: 96%;
        margin: 2%;
        float: left;
    }
    .download ul li {
        border: 1px solid #bfbfbf;
        padding: 1.8% 2%;
        width: 96%;
        margin-top: 15px;
    }
    .content-box {
        padding: 28px 0;
        background: #f3f3f3;
    }
    .content-info {
        position: relative;
        width: 96%;
        float: left;
        margin: 2%;
        overflow: hidden;
    }
}

@media screen and (max-width: 480px) {
    .logo img {
        height: 17px;
    }
    .logo {
        padding: 18px 0;
    }
    /* touch-menu */
    .touch-top-wrapper .touch-logo img {
        height: 30px;
    }
    .touch-toggle li {
        height: 50px;
        padding: 0 10px;
    }
    .touch-toggle li a {
        height: 50px;
    }
    .touch-toggle li i {
        width: 20px;
        height: 20px;
        margin-top: 15px;
    }
    /* 容器 */
    .module-full-screen-title>.module-title-content>i {
        width: 40px;
    }
    .module-horizontal .module-title-horizontal {
        float: none;
        margin-right: 0;
    }
    .module-title-horizontal .module-title-content {
        margin: 0 0 10px 0;
    }
    .module-horizontal>.modult-inner>.module-more-horizontal {
        margin: 6px 0 0;
    }
}

@media screen and (max-width: 400px) {}


/*友情链接*/

.linkmain {
    width: 100%;
    margin-top: 30px;
    margin: 0 auto;
    background: #f3f3f3;
    height: auto;
    min-height: 100px;
}

.tabbox {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 10px;
    font-size: 14px;
    color: #202123;
    text-align: center;
}

.tabbox a {
    float: left;
    text-decoration: none;
    color: #202123;
}

.tabbox a:hover {
    color: #666;
    text-decoration: none;
}