﻿@charset "utf-8";

a:focus { }

a:hover { }

a:active { }

sub { vertical-align: baseline; }

sup { vertical-align: baseline; }

table { border-collapse: collapse; border-spacing: 0; }

textarea { resize: none; }

input[type='submit'] { cursor: pointer; }

input[type='button'] { cursor: pointer; }

img { border: 0px currentColor; border-image: none; vertical-align: middle; }

a img { -ms-interpolation-mode: bicubic; }

img { -ms-interpolation-mode: bicubic; }

a { color: rgb(119, 119, 119); text-decoration: none; cursor: pointer; }

a:hover { text-decoration: none; }

body { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

th { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

td { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

button { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

input { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

select { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

textarea { color: rgb(119, 119, 119); font-family: Arial,"微软雅黑"; font-size: 13px; }

body { min-width: 1200px; }

.layout { margin: 0px auto; width: 1200px; clear: both; }

.fl { float: left; }

.fr { float: right; }

.clearfix::after { height: 0px; line-height: 0; clear: both; font-size: 0px; display: block; visibility: hidden; content: "."; }

.clearfix { }

#web-ietip { background: url("../css/ietip/browser.png") no-repeat center; margin: 200px auto 0px; padding: 83px 0px 0px 84px; width: 526px; height: 90px; overflow: hidden; }

#web-ietip a { width: 65px; height: 80px; float: left; display: block; }

.certificate { margin: 65px auto; }

.certificate ul li { margin: 0px 15px 25px; width: 360px; float: left; }

.certificate ul li .pic { border-width: 1px 1px medium; border-style: solid solid none; border-color: rgb(242, 242, 242) rgb(242, 242, 242) currentColor; margin: 0px auto; border-image: none; width: 329px; }

.certificate ul li .text { background: url("../images/textbg.png") no-repeat; margin: 0px auto; height: 75px; text-align: center; }

.certificate ul li .text span { margin: 0px auto; width: 331px; height: 56px; text-align: center; line-height: 56px; font-size: 16px; display: block; }

.certificate ul li:hover span { background: rgb(236, 107, 0); color: rgb(255, 255, 255); }

.overall .txt { width: 565px; margin-top: 72px; }

.overall .txt .til { color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; margin-bottom: 20px; }

.overall .txt ul li { width: 280px; color: rgb(255, 255, 255); margin-bottom: 15px; float: left; }

.slidePic { margin: 0px auto; }

.slidePic .bd ul li { background-position: center; overflow: hidden; }

.slidePic .bd ul li .tile { margin: 0px auto; width: 562px; height: 48px; }

.boxTxt .vs { margin: 230px 8px 0px; width: 58px; height: 58px; float: left; }

.boxTxt .boy .photo { background: url("../images/sliebg.png") no-repeat center; width: 562px; height: 534px; }

.slidePic .hd { text-align: center; margin-bottom: 10px; }

.slidePic .hd li { background: url("../images/ed02.png") no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer; }

.slidePic .hd li.on { background: url("../images/ed01.png") no-repeat; }

.item-6 { background: url("item6.jpg") no-repeat; overflow: hidden; min-height: 460px; }

.item-6 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; margin-top: 90px; }

.item-6 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-6 ul { margin-top: 86px; }

.item-6 ul li { width: 245px; margin-right: 73px; float: left; }

.item-6 ul li .pic { text-align: center; }

.item-6 ul li .bt { margin: 20px auto; text-align: center; color: rgb(236, 107, 0); font-size: 20px; }

.item-6 ul li .txt { line-height: 25px; font-size: 14px; }

.item-7 { background: url("item7.jpg") no-repeat; overflow: hidden; min-height: 760px; }

.item-7 .mTile { text-align: center; color: rgb(255, 255, 255); font-size: 50px; font-weight: bold; margin-top: 90px; }

.item-7 .clTie { text-align: center; color: rgb(255, 255, 255); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-7 ul { margin-top: 60px; }

.item-7 ul li { background: url("deCase01.png") no-repeat; width: 273px; height: 432px; margin-right: 36px; float: left; min-height: 432px; }

.item-7 ul li .pic { margin: 50px auto 0px; text-align: center; }

.item-7 ul li .tile { margin: 34px auto 0px; width: 220px; text-align: center; color: rgb(236, 107, 0); padding-bottom: 18px; font-size: 25px; font-weight: bold; border-bottom-color: rgb(237, 237, 239); border-bottom-width: 1px; border-bottom-style: solid; }

.item-7 ul li .txt { margin: 24px auto 0px; width: 220px; line-height: 25px; }

.item-7 ul li:hover { background: url("deCase02.png") no-repeat; }

.item-7 ul li:hover .tile { border-color: rgb(244, 157, 0); color: rgb(255, 255, 255); }

.item-7 ul li:hover .txt { color: rgb(255, 255, 255); }

.item-8 { padding: 90px 0px; overflow: hidden; }

.item-8 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; }

.item-8 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-8 .pic { width: 740px; height: 430px; }
.item-8 .pic .gc { border-radius: 0px; }

.item-8 .fl { padding: 0 15px; }

.system { margin-top: 70px; }

.system .txt { width: 387px; float: right; }

.system .txt .td { /*height: 145px;*/ overflow: hidden; padding-right: 20px; }

.system .txt .td .iocn { width: 104px; text-align: center; color: rgb(136, 157, 178); font-size: 45px; margin-top: 20px; }

.system .txt .td .text { width: 450px; }

.system .txt .td .text span { color: rgb(236, 107, 0); font-size: 16px; font-weight: bold; margin-top: 16px; margin-bottom: 10px; display: block; }

.system .txt .td .text p { color: rgb(102, 102, 102); line-height: 25px; font-size: 14px; }

.system .txt .td:hover .iocn { color: rgb(240, 134, 47); }

.system .txt .td:hover { box-shadow: 0px 0px 30px #dfdfdf; -webkit-box-shadow: 0px 0px 30px #dfdfdf; -moz-box-shadow: 0px 0px 30px #dfdfdf; }

.item-9 { padding: 45px 0px; overflow: hidden; background-color: rgb(237, 116, 0); }

.item-9 .mTile { text-align: center; color: rgb(255, 255, 255); font-size: 50px; font-weight: bold; }

.item-9 .clTie { text-align: center; color: rgb(255, 255, 255); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-9 .txt { margin-top: 80px; }

.item-9 .txt .td { width: 333px; }

.item-9 .txt .td .jhone { margin-bottom: 43px; }

.item-9 .txt .td .jhone span { height: 15px; color: rgb(255, 255, 255); font-size: 20px; display: block; }

.item-9 .txt .td .jhone .iphone { padding: 20px 0px; color: rgb(255, 255, 255); line-height: 25px; border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: dashed; }

.pladPic { background: url("ladbg.png") no-repeat; padding: 12px 11px 11px 10px; margin-left: 90px; }

.item-10 { background: url("../images/item10.jpg") bottom rgb(242, 246, 251); padding: 97px 0px; overflow: hidden; }

.item-10 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; }

.item-10 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-10 ul { margin-top: 70px; margin-bottom: 100px; }

.item-10 ul li { width: 600px; float: left; position: relative; }

.item-10 ul li .text { background: url('oleft.png') no-repeat; padding: 0px 27px 0px 40px; width: 246px; height: 202px; right: 0px; position: absolute; z-index: 99; }

.item-10 ul li .text span { text-align: center; color: rgb(236, 107, 0); font-size: 18px; margin-top: 60px; margin-bottom: 27px; display: block; }

.item-10 ul li .text p { text-align: center; color: rgb(102, 102, 102); font-size: 14px; }

.item-10 ul li.oleft .text { background: url("oright.png") no-repeat; left: 0px; right: auto; }

.item-11 { background: rgb(255, 255, 255); padding: 97px 0px; overflow: hidden; }

.item-11 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; }

.item-11 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.profile { margin-top: 70px; }

.profile .text { width: 485px; line-height: 25px; }

.slidepic { background: url("../images/wimsbg.jpg") no-repeat right top; width: 682px; height: 375px; position: relative; }

.slidepic .bd { width: 601px; float: left; }

.slidepic .hd { margin: 173px auto 0px; width: 66px; float: left; }

.slidepic .hd ul li { background: url("../images/proed01.jpg") no-repeat; margin: 0px auto 10px; width: 15px; height: 15px; cursor: pointer; }

.slidepic .hd ul li.on { background: url("../images/proed02.jpg") no-repeat; }

.item-12 { background: url("../images/item-12.jpg") bottom; padding: 97px 0px; overflow: hidden; }

.item-12 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; }

.item-12 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-13 { background: url("../images/item13.jpg") center; padding: 97px 0px; overflow: hidden; }

.item-13 .mTile { text-align: center; color: rgb(255, 255, 255); font-size: 50px; font-weight: bold; }

.item-13 .clTie { text-align: center; color: rgb(255, 255, 255); font-size: 35px; font-weight: lighter; }

.copn { margin-top: 122px; }

.copn .anthoy { width: 357px; float: left; }

.copn .anthoy .devis { margin-bottom: 50px; }

.copn .anthoy .devis span { text-align: right; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; display: block; }

.copn .anthoy .devis p { text-align: right; color: rgb(255, 255, 255); font-size: 16px; margin-top: 10px; }

.copn .anthoy { width: 357px; float: left; }

.copn .anthoy .devic { margin-bottom: 50px; }

.copn .anthoy .devic span { text-align: left; color: rgb(255, 255, 255); font-size: 18px; font-weight: bold; display: block; }

.copn .anthoy .devic p { text-align: left; color: rgb(255, 255, 255); font-size: 16px; margin-top: 10px; }

.item-14 { background: rgb(255, 255, 255); padding: 97px 0px; overflow: hidden; }

.item-14 .mTile { text-align: center; color: rgb(51, 51, 51); font-size: 50px; font-weight: bold; }

.item-14 .clTie { text-align: center; color: rgb(51, 51, 51); font-size: 35px; padding-top: 35px !important; font-weight: lighter; }

.item-14 .video { margin-top: 55px; position: relative; }

.item-14 .video span { background: url("../images/mtb.png"); top: 0px; width: 100%; height: 100%; display: block; position: absolute; }

.item-14 .video span em { text-align: center; margin-top: 282px; display: block; cursor: pointer; }

.history { margin-top: 48px; position: relative; }

.history .bd { background: url("../images/cline.png") no-repeat center; }

.history .bd li { width: 130px; padding-top: 109px; margin-left: 10px; float: left; position: relative; }

.history .bd li .txt { background: url("../images/his01.png") no-repeat; left: -23px; top: 0px; width: 115px; height: 91px; color: rgb(255, 255, 255); padding-top: 18px; padding-right: 27px; padding-left: 53px; position: absolute; }

.history .bd li .tx2 { background: url("../images/his02.png") no-repeat; width: 115px; height: 124px; text-align: right; color: rgb(236, 107, 0); line-height: 124px; padding-right: 15px; font-size: 18px; font-weight: bold; }

.history .bd li.dn { padding-top: 0px; margin-top: 120px; }

.history .bd li.dn .tx2 { background: url("../images/his03.png") no-repeat; margin: 0px auto; text-align: right; color: rgb(236, 107, 0); font-size: 18px; font-weight: bold; position: static; }

.history .bd li.dn .txt { background: url("../images/his04.png") no-repeat; padding: 25px 0px 0px 48px; left: -9px; width: 118px; height: 76px; color: rgb(255, 255, 255); line-height: normal; font-size: 14px; font-weight: normal; position: relative; }

.history .next { background: rgb(236, 107, 0); top: 45%; right: 0px; color: rgb(255, 255, 255); font-size: 35px; position: absolute; }

.history .prve { background: rgb(236, 107, 0); left: 0px; top: 45%; color: rgb(255, 255, 255); font-size: 35px; position: absolute; }

.hisPic { text-align: center; margin-top: 82px; }

.hisPic img { display: inline-block; }

.overall { margin-bottom: 60px; }

.xooox { margin: 60px auto 0px; width: 1200px; position: relative; }

.slidePic { position: relative; }

.slidePic .hd { width: 100%; text-align: center; bottom: 20px; position: absolute; }

.slidePic .hd ul li { margin: 0px 10px; display: inline-block; }

.slidePic .bd ul li { background-position: center; height: 973px; background-size: cover; }

.slidePicx .hd { margin-bottom: 20px; }

.slidePicx .hd ul { text-align: center; }

.slidePicx .hd li { background: url("../images/ed02.png") no-repeat; margin: 0px 10px; width: 20px; height: 20px; float: none; display: inline-block; cursor: pointer; }

.slidePicx .hd li.on { background: url("../images/ed01.png") no-repeat; }

.xooox .bd { height: 453px; }

.xooox .hd { width: 100%; text-align: center; bottom: 0px; position: absolute; z-index: 9999; }

.xooox .hd ul { text-align: center; }

.xooox .hd li { background: url("../images/ed02.png") no-repeat; width: 20px; height: 20px; float: none; display: inline-block; cursor: pointer; }

.xooox .hd li.on { background: url("../images/ed01.png") no-repeat; }

.testLink { width: 100%; overflow: hidden; }

.testLink h3 { height: 30px; text-align: center; line-height: 30px; font-size: 16px; }

.testLink li { margin: 10px 0px; border: 1px solid rgb(0, 0, 0); border-image: none; width: 50%; text-align: center; line-height: 30px; font-size: 14px; float: left; box-sizing: border-box; }

.testLink li a { color: rgb(0, 0, 0); }

.slidePics { overflow: hidden; }

.slidePics div { background-position: center; background-size: cover; }

.slidePics ul { width: 100%; text-align: center; bottom: 90px; position: absolute; }

.slidePics ul li { background: url("../images/ed02.png") no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer; }

.slidePics ul li.slick-active { background: url("../images/ed01.png") no-repeat; }

.slidePics ul li button { display: none; }

@media screen and (max-width:1366px) {
    .accordion { margin: 0px auto; width: 1100px; }

    .aboutus { margin: 0px auto; width: 1100px; }

    .pageMain { margin: 0px auto; width: 1100px; }

    .xooox { margin: 0px auto; width: 1100px; }

    .accordion .acc { width: 145px; height: 350px; }

    .accordion .acc .titl { margin-top: 50px; }

    .accordion .acc.on { width: 220px; }

    .thirdPage ul li { width: 346px; }

    .thirdPage ul li .pic img { width: 100%; }

    .fivethPage ul li img { width: 100%; }

    .fourthPage ul li { width: 265px; }

    .fivethPage ul li { width: 169px; }

    .fourthPage ul li img { width: 100% !important; }

    .thirdPage ul li .text { padding: 15px; }

    .aboutus .article { padding: 22px 24px; width: 500px; height: 265px; }

    .aboutus .bd { width: 935px; }

    .aboutus .article .tile { margin-bottom: 10px; }

    .aboutus .video .pic video { width: 552px !important; height: 309px !important; display: block; }

    .aboutus .video { width: 552px; }
}

.ims ul li .te1:hover { color: rgb(236, 107, 0); }

.ims ul li .te2:hover { color: rgb(236, 107, 0); }

.ims ul li .te3:hover { color: rgb(236, 107, 0); }

.ims ul li .te4:hover { color: rgb(236, 107, 0); }

.nbaner { background-position: center; height: 345px; background-repeat: no-repeat; }

.software { padding: 20px 0px; }

.haderware { padding: 20px 0px; background-color: rgb(243, 242, 240); }

.wareBox { margin: 0px auto; width: 1227px; }

.wareBox .title { color: rgb(51, 51, 51); font-size: 26px; margin-left: 26px; }

.wareBox .title::before { width: 3px; height: 26px; margin-right: 15px; vertical-align: middle; display: inline-block; content: ""; background-color: rgb(236, 107, 0); }

.wareBox .list li { width: 280px; height: 313px; margin-top: 30px; margin-left: 26px; float: left; position: relative; box-shadow: 0px 0px 5px #e3e3e3; -webkit-box-shadow: 0 0 5px #e3e3e3; -moz-box-shadow: 0 0 5px #e3e3e3; }

.wareBox .list li .td { transition: height 0.1s; width: 240px; height: 50px; overflow: hidden; -webkit-transition: height .1s; -moz-transition: height .1s; }

.wareBox .list li .text { padding: 20px; transition: height 1s; bottom: 0px; overflow: hidden; position: absolute; background-color: rgb(255, 255, 255); -webkit-transition: height 1s; -moz-transition: height 1s; }

.wareBox .list li .text h4 { text-align: center; color: rgb(51, 51, 51); font-size: 16px; margin-bottom: 10px; }

.wareBox .list li .text .txt { text-align: center; color: rgb(180, 180, 178); font-size: 14px; }

.wareBox .list li:hover .text { transition: height 1s; height: 80px; display: none; background-color: rgb(236, 107, 0); -webkit-transition: height 1s; -moz-transition: height 1s; }

.wareBox .list li:hover .text h4 { color: rgb(255, 255, 255); }

.wareBox .list li:hover .text .txt { color: rgb(255, 255, 255); }

.wareBox .list li .mzxm { padding: 20px; transition: height 0.1s; height: 0px; text-align: center; color: rgb(255, 255, 255); font-size: 14px; -webkit-transition: height .1s; -moz-transition: height .1s; }

.wareBox .list li:hover .mzxm { transition: height 0.1s; width: 240px; height: 50px; bottom: 0px; position: absolute; z-index: 999; background-color: rgb(236, 107, 0); -webkit-transition: height .1s; -moz-transition: height .1s; }

.slick { overflow: hidden; position: relative; }

.slick div { background-position: center; height: 345px; background-size: cover; }

.slick ul { width: 100%; text-align: center; bottom: 20px; position: absolute; }

.slick ul li { background: url("../images/ed02.png") no-repeat; width: 20px; height: 20px; display: inline-block; cursor: pointer; }

.slick ul li.slick-active { background: url("../images/ed01.png") no-repeat; }

.slick ul li button { display: none; }

.picScroll-left { padding: 0px 30px; width: 757px; float: left; position: relative; }

.picScroll-left .prev { left: -5px; top: 12px; font-size: 36px; position: absolute; }

.picScroll-left .next { top: 12px; right: -5px; font-size: 36px; position: absolute; }

.paddingTop25 { padding-top: 25px; }

.paddingBottom25 { padding-bottom: 25px; }

.paddingLeft25 { padding-left: 25px; }

.paddingRight25 { padding-right: 25px; }

.ts_item_wrap { }

.ts_item { margin: 0px auto; width: 1200px; }

.ts_white_bg { background: rgb(255, 255, 255); }

.ts_grave_bg { background: rgb(243, 242, 241); }

.ts_first_item { height: 835px; padding-top: 85px; }

.ts_first_item .left_child { width: 595px; }

.ts_first_item .right_child { padding: 10px 35px 20px; width: 580px; height: 292px; }

.ts_first_item .right_child dd { display: block; }

.ts_first_item .right_child dd p { padding: 20px 10px; text-align: justify; display: block; }

.ts_sec_item { padding-top: 60px; }

.ts_sec_item .item_title { top: -15px; }

.ts_sec_item dl { margin-top: 60px; display: block; }

.ts_sec_item dl dt { padding: 200px 10px 0px 60px; width: 230px; text-align: justify; color: rgb(89, 87, 87); float: left; display: block; }

.ts_sec_item dl dt p { line-height: 1.5; }

.ts_sec_item dl dd { width: 970px; float: left; display: block; }

.ts_sec_item dl dd img { margin-left: 30px; max-width: 100%; }

.ts_thi_item { padding-top: 95px; }

.ts_thi_item .ts_content p { width: 470px; text-align: justify; line-height: 1.5; margin-left: 170px; }

.ts_thi_item .ts_content img { margin-top: 100px; }

.ts_thi_item .item_title { top: -30px; right: 0px; }

.ts_for_item { padding-bottom: 100px; }

.ts_for_item .item_title { left: 0px; top: 0px; }

.ts_for_item .ts_content > p { width: 530px; line-height: 1.5; padding-top: 45px; padding-bottom: 30px; margin-left: 505px; display: block; }

.ts_for_item .ts_content .item_child { text-align: center; padding-top: 30px; }

.ts_for_item .ts_content .item_child h3 { color: rgb(16, 112, 175); font-weight: 700; }

.ts_for_item .ts_content .item_child img { }

.ts_for_item .ts_content .left { width: 50%; }

.ts_for_item .ts_content .right { width: 50%; }

.ts_for_item .ts_content h2 { margin: 0px auto; width: 455px; text-align: center; color: rgb(16, 112, 175); font-size: 16px; font-weight: 700; display: block; position: relative; }

.ts_for_item .ts_content h2 span { background: rgb(243, 242, 241); padding: 0px 10px; position: relative; z-index: 99; }

.ts_for_item .ts_content h2::after { background: rgb(98, 95, 95); left: 0px; top: 50%; width: 100%; height: 1px; position: absolute; content: ""; }

.ts_for_item .ts_content ul { margin: 0px auto; width: 455px; padding-top: 20px; display: block; }

.ts_for_item .ts_content ul li { background: rgb(76, 82, 86); margin: 5px 0px 10px; padding: 25px 0px; border-radius: 8px; color: rgb(255, 255, 255); line-height: 1.5; display: block; }

.ts_for_item .ts_content ul li:first-of-type { padding: 15px 0px; }

.ts_fif_item { padding-top: 55px; }

.ts_fif_item .item_title { left: 0px; top: -55px; }

.ts_fif_item .ts_content p.left { padding: 170px 50px 0px; width: 470px; line-height: 1.8; }

.ts_six_item { padding-top: 100px; }

.ts_six_item .item_title { left: 726px; top: 28px; }

.ts_six_item dl { display: block; }

.ts_six_item dl dt { float: left; display: block; }

.ts_six_item dl dd { padding: 245px 105px 0px 0px; width: 400px; text-align: justify; line-height: 1.5; float: right; display: block; }

.ts_sev_item { padding-top: 100px; padding-bottom: 145px; }

.ts_sev_item .ts_content dl { margin-left: 275px; display: block; }

.ts_sev_item .ts_content dl dt { width: 488px; padding-top: 50px; float: left; display: block; }

.ts_sev_item .ts_content dl dd { width: 435px; text-align: center; float: left; display: block; }

.ts_sev_item .ts_content dl dd img { padding-bottom: 50px; }

.ts_sev_item .ts_content dl dd p { padding: 0px 50px; text-align: justify; line-height: 1.5; }

.ts_eig_item { padding-top: 100px; padding-bottom: 65px; }

.ts_eig_item .ts_content .item_title { z-index: 99; }

.ts_eig_item .ts_content .pos_relative { margin: 0px auto; width: 1016px; padding-top: 50px; z-index: 98; }

.ts_eig_item .ts_content .pos_relative p { width: 600px; text-align: left; bottom: 50px; }

.ts_title { color: rgb(0, 0, 0); }

.ts_title h1 { font-size: 48px; font-weight: 700; }

.ts_title h2 { padding-top: 5px; font-size: 30px; }

.item_title { background: url("../images/item_title.png") no-repeat center; width: 365px; height: 130px; text-align: center; color: rgb(255, 255, 255); line-height: 130px; font-size: 30px; }

.item_title a:link { color: rgb(255, 255, 255); text-decoration: none; }

.item_title a:visited { color: rgb(255, 255, 255); text-decoration: none; }

.item_title a:hover { color: rgb(255, 255, 255); text-decoration: underline; }

.item_title a:active { color: rgb(255, 255, 255); text-decoration: none; }

.item_title span { font-weight: 700; }

.myList { margin: 0 auto; }
.myList div { height: 200px !important; width: 160px; margin: 0 15px; float: left; padding: 35px 25px; text-align: center; vertical-align: bottom; border: 2px solid rgb(255, 255, 255); }
.myList div i { display: block; padding: 25px 0; color: rgb(255, 255, 255); background-color: rgb(236, 107, 0); vertical-align: baseline; border: 5px; border-radius: 30px; font-size: 80px; }
.myList div i:hover { background-color: #bc5c00; }
.myList div:hover { border: 2px solid rgb(255, 255, 255); cursor: pointer; }

.learn:hover { color: rgb(255, 255, 255) !important; background-color: rgb(236, 107, 0) !important; }
* { font-family: 微软雅黑,'Heiti SC',黑体,Arial; }
