/** 
 * 描述：首页
 */
@charset "utf-8";
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input { padding: 0; margin: 0; }
h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, table, th, td { font-size: 1em; font-style: normal; font-weight: normal; }
strong { font-weight: bold; }
ul, ol { list-style: none outside none; }
fieldset, img { border: medium none; }
caption, th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
body { font: 12px/150% "Hiragino Sans GB", "Microsoft Yahei", arial, 宋体, "Helvetica Neue", Helvetica, STHeiTi, sans-serif; color: #666666; background: #FFFFFF none repeat scroll 0 0; margin: 0; padding: 0; }
a { color: #555; outline: medium none; }
a:link, a:visited, a:active { text-decoration: none; }
a:hover { color: #fb4e44; text-decoration: underline; }
i, cite, em { font-style: normal; }
article, aside, dialog, footer, header, section, footer, nav, figure, menu { display:block; }
.w { width: 100% }
.wrapper { width: 1200px; margin: auto; }
.fl { float: left; }
.fr { float: right; }
.block { display: block; }
.none { display: none; }
.goods-price { font-family: Verdana; }
.goods-price em { font-weight: 600; color:#fb4e44; }
a {
    text-decoration: none;
    color: #666;
    background-color: transparent;
    cursor: pointer;
    outline: none
}

a:hover {
    color: #2f8bd6;
	text-decoration:none;
}
.ads-topbanner-box { text-align: center; display: block; width: 100%; overflow: hidden; }
/* 首页焦点区域 */
.index-banner { width: 100%; height: 421px; margin-bottom: 0; position: relative; z-index: 1; background:#1B66E6 url(../images/banner_bg.png) center top no-repeat}
/* 满屏背静切换焦点图 */
.full-screen-slides { width: 100%; height: 120px; position: relative; z-index: 1;}
.full-screen-slides li { width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; }
.full-screen-slides li a { display: block; width:1200px; height:120px; text-indent:-9999px; margin-left: -610px; position: absolute; z-index: 2; left: 50%; }
.full-screen-slides-pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/; text-align: center; display:block; list-style:none; width:1200px; height: 3px; padding:5px 5px; margin-left: -625px; position: relative; left:50%; bottom: 400px; z-index: 1; }
.full-screen-slides-pagination li { vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/;list-style:none; border-radius: 50%; margin-left:4px; filter:progid:DXImageTransform.Microsoft.gradient(enabled='true', startColorstr='#3F000000', endColorstr='#3F000000');background:rgba(0,0,0,0.25); overflow: hidden; cursor: pointer; *zoom:1;}
.full-screen-slides-pagination a { display: block; width:6px; height:6px; line-height:16px; overflow: hidden; text-align: center; color:#000; font-family:arial; font-size:12px; text-indent:-9999px; }
.full-screen-slides-pagination .current { background:rgba(255,255,255,0.7); width:12px; border-radius: 4px;}
@-keyframes tick-tock { to {
transform:rotate(360deg) translate3d(0, 0, 0)
}
}
@-moz-keyframes tick-tock { to {
-moz-transform:rotate(360deg) translate3d(0, 0, 0)
}
}
@-webkit-keyframes tick-tock { to {
-webkit-transform:rotate(360deg) translate3d(0, 0, 0)
}
}
/*焦点区域右侧*/
.index-banner .searchmain .title { padding: 60px 0; text-align: center; position: relative; z-index: 3; pointer-events: none;}
.index-banner .searchmain .title .main { color: #fff; text-align: center; font-size: 36px; font-style: normal; font-weight: 700;}
.index-banner .searchmain .title .main .switch-text{color:#F39800}
.featuresList li a:hover i { -webkit-animation:toTopFromBottom .5s forwards; -moz-animation:toTopFromBottom .5s forwards; animation:toTopFromBottom .5s forwards }
@-webkit-keyframes toTopFromBottom { 49% {
-webkit-transform:translateY(-15%)
}
50% {
-webkit-transform:translateY(0)
}
51% {
opacity:1
}
}
@-moz-keyframes toTopFromBottom { 49% {
-moz-transform:translateY(-15%)
}
50% {
-moz-transform:translateY(0)
}
51% {
opacity:1
}
}
@keyframes toTopFromBottom { 49% {
transform:translateY(-15%)
}
50% {
transform:translateY(0)
}
51% {
opacity:1
}
}
/*学术工具*/
.i-sale-con { margin:0 auto; text-align: center; overflow: hidden;}
.i-sale-con .hot_title{ text-align: left; height:30px; line-height:30px; color:#333; font-size:18px; float:left; margin-right:20px;}
.i-sale-con .hot_title img{ height:26px; margin-right:10px;}
.i-sale-con .hot_en{ text-align:center; color:#878787; font-size:12px; float:left; line-height:37px;}
.i-sale-con .goods-nav {color: #878D99; height:30px; line-height:30px; margin-right:10px;}
.i-sale-con .goods-nav li { padding:0; letter-spacing: normal; word-spacing: normal; display: inline-block; *display: inline/*IE7*/; *zoom: 1; height:30px; line-height:30px;margin-bottom:5px;}
.i-sale-con .goods-nav li h3 {display: inline-block;font-size:14px; padding:0 10px; margin-left:10px;}
.i-sale-con .goods-nav li h3 .text-ctn {position:relative;}
.i-sale-con .goods-nav li h3:hover {color:#000; border-bottom:2px solid #4BA575; cursor:pointer; transition: width 0.5s ease-in-out;}
.i-sale-con .goods-nav li.tabs-selected h3 {color:#000; padding:0 10px; margin-left:10px; border-bottom:2px solid #4BA575;}
.i-sale-con .goods-nav li.tabs-selected h3:hover { color:#000;cursor:pointer;}

.i-sale-con .tabs-panel {width: 1200px; overflow: hidden; background:#F6F6F6; padding:20px; border-radius:10px; box-sizing: border-box; }
.i-sale-con .tabs-panel ul li{background: #fff; float: left; min-height: 260px; overflow: hidden; width: 373px; margin-right: 20px;	box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .07); padding: 15px; box-sizing: border-box; border-radius: 6px;}
.i-sale-con .tabs-panel ul li:last-child{margin-right: 0;}
.i-sale-con .tabs-panel ul li .item_top {height: 40px;	margin-bottom: 15px}
.i-sale-con .tabs-panel ul li .item_top .item_top_logo {float: left; height:35px; margin-right:10px}
.i-sale-con .tabs-panel ul li .item_top .item_top_logo img {height:35px; width: auto}
.i-sale-con .tabs-panel ul li .item_top .item_top_logo .logo_color {display: block}
.i-sale-con .tabs-panel ul li .item_top .item_top_logo .logo_white {display: none}
.i-sale-con .tabs-panel ul li .item_top .item_top_num {float: right;font-size: 32px;line-height: 1;margin-right: 10px;color: #F64C4C;letter-spacing: 0;	font-family: Impact, Arial, Helvetica, ans-serif}
.i-sale-con .tabs-panel ul li .item_top .item_top_text {float: left;line-height: 1}
.i-sale-con .tabs-panel ul li .item_top .item_top_text .item_top_text_tag {font-size: 8px;padding: 4px 6px;display: inline-block;border-radius: 10px 0;background-image: linear-gradient(137deg, #fb6f53 0, #f44c4c 56%);color: #fff;margin-bottom: 2px}
.i-sale-con .tabs-panel ul li .item_top .item_top_text .item_top_text_text {font-size: 10px;color: #666}
.i-sale-con .tabs-panel ul li .item_bottom .item_bottom_text {float: left;font-size: 24px;font-family: PingFangSC-Medium;letter-spacing: 0; color:#F64C4C}
.i-sale-con .tabs-panel ul li .item_bottom .item_bottom_text small {font-size: 16px; color: #222;}
.i-sale-con .tabs-panel ul li .item_bottom .item_bottom_btn {float: right;width: 100px;height: 30px;line-height: 30px;background-image: linear-gradient(133deg, #56B282 0, #4BA575 82%);box-shadow: 0 2px 10px 1px rgba(86, 178, 130, .42);border-radius: 30px;text-align: center;font-size: 13px;color: #fff;margin-top: -9px; margin-right:10px;}
.i-sale-con .tabs-panel ul li .item_bottom:after {content: ".";	display: block;	height: 0;clear: both;visibility: hidden}
.i-sale-con .tabs-panel ul li p {margin-bottom: 10px;font-size: 12px;color: #666;overflow: hidden}
.i-sale-con .tabs-panel ul li p b {color: #000;	font-weight: 600;font-family: PingFangSC-Semibold}
.i-sale-con .tabs-panel ul li p.item_featrue {height: 60px; line-height:20px;overflow: hidden; text-overflow:ellipsis; display: -webkit-box;-webkit-line-clamp: 3; -webkit-box-orient: vertical; width:100%; text-align:justify}
.i-sale-con .tabs-panel ul li p.item_tech {height: 50px; text-align:left; width:100%; line-height:30px;}
.i-sale-con .tabs-panel ul li p.item_tech span{padding:2px 4px; border:1px solid #E0E0E0; margin-right:5px;}
.i-sale-con .tabs-panel ul li p.item_name{ margin-bottom:10px; text-align:left; font-weight:600; color:#4BA575;}

/*标准区块色彩风格*/
/*红色*/
 .style-red .right-side-focus .pagination span { background: #c1392b; }
.style-red .left-floor { background-color:#F5F5F5; }
.style-red .left-class ul li a {}
.style-red .middle-box .tabs-nav .tabs-selected { background: #c1392b; }
.style-red .right-tabs-nav { border-bottom: 2px solid #c1392b; }
.style-red .left-floor .title { background-color: #F5F5F5; border-bottom: 2px solid #c1392b;}
/*橙色*/
.style-orange .right-side-focus .pagination span { background: #e77e23; }
.style-orange .left-floor { background: #F5F5F5; }
.style-orange .middle-box .tabs-nav .tabs-selected { background: #e77e23; }
.style-orange .right-tabs-nav { border-bottom: 2px solid #e77e23; }
.style-orange .left-floor .title {border-bottom: 2px solid #e77e23;}
/*绿色*/
.style-green .right-side-focus .pagination span { background: #FFCC33; }
.style-green .left-floor { background-color: #F5F5F5; }
.style-green .middle-box .tabs-nav .tabs-selected { background: #FFCC33; }
.style-green .right-tabs-nav { border-bottom: 2px solid #FFCC33;}
.style-green .left-floor .title {border-bottom: 2px solid #FFCC33;}
/*蓝色*/
.style-blue .right-side-focus .pagination span { background: #3598dc; }
.style-blue .left-floor { background: #F5F5F5; }
.style-blue .middle-box .tabs-nav .tabs-selected { background: #3598dc; }
.style-blue .right-tabs-nav { border-bottom: 2px solid #3598dc;}
.style-blue .left-floor .title {border-bottom: 2px solid #3598dc;}
/*粉色*/
.style-pink .right-side-focus .pagination span { background: #ff7373; }
.style-pink .left-floor { background: #F5F5F5; }
.style-pink .left-floor .side .entrances a .bg { background: #ff7373; }
.style-pink .middle-box .tabs-nav .tabs-selected { background:#ff7373 }
.style-pink .right-tabs-nav { border-bottom: 2px solid #ff7373;}
.style-pink .left-floor .title {border-bottom: 2px solid #ff7373;}
/*紫色*/
.style-purple .right-side-focus .pagination span { background: #9c59b8; }
.style-purple .left-floor { background: #F5F5F5; }
.style-purple .middle-box .tabs-nav .tabs-selected { background: #9c59b8; }
.style-purple .right-tabs-nav { border-bottom: 2px solid #9c59b8;}
.style-purple .left-floor .title {border-bottom: 2px solid #9c59b8;}
/*褐色*/
.style-brown .right-side-focus .pagination span { background: #8c4600; }
.style-brown .left-floor { background: #F5F5F5; }
.style-brown .middle-box .tabs-nav .tabs-selected { background: #8c4600; }
.style-brown .right-tabs-nav { border-bottom: 2px solid #8c4600;}
.style-brown .left-floor .title {border-bottom: 2px solid #8c4600;}
/*浅色*/
.style-default .right-side-focus .pagination span { background: #79796a; }
.style-default .left-floor { background: #F5F5F5; }
.style-default .middle-box .tabs-nav .tabs-selected { background: #79796a; }
.style-default .right-tabs-nav { border-bottom: 2px solid #79796a;}
.style-default .left-floor .title {border-bottom: 2px solid #79796a;}

.news-picture { width: 380px; height: 260px; position: relative; z-index: 1; overflow: hidden; }
.news-picture ul { position: absolute; z-index: 1; }
.news-picture ul li { width: 380px; height: 260px; float: left; }
.news-article { width: 380px; margin-top: 15px; }
.news-article dl { width: 120px; height: 110px; float: left; clear: left; position: relative; z-index: 1; }
.news-article dl dt { line-height: 24px; width: 120px; height: 24px; overflow: hidden; position: absolute; z-index: 1; bottom: 0; left: 0; }
.news-article dl dd { width: 120px; height: 90px; position: absolute; z-index: 1; top: 0; left: 0; }
.news-article dl dd img { max-width: 120px; }
.news-article ul { width: 240px; float: right; }
.news-article ul li { line-height: 24px; }

.clip-thumb { background: #fff; overflow: hidden; }
.clip-thumb a { overflow: hidden; text-align: center; position: relative; }
.clip-thumb a img { position: relative; vertical-align: text-top; }

/* 友情链接 */
.index-link { width: 1200px; margin:15px auto; font-size:14px; }
.website { height: 50px; line-height: 50px; border: 1px solid #ddd; }
.website dt, .website dd { float: left; }
.website dt { position: relative; width: 140px; text-align: center; background: #ddd; }
.website dt b { position: absolute; top: 50%; right: -7px; margin-top: -7px; border-style: solid; border-width: 7px 0 7px 7px; border-color: transparent transparent transparent #ddd; overflow: hidden; }
.website dd { width:1020px; height:50px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; margin-left:10px; }
.website dd a { margin: 0 5px; }
/*控制左侧导航菜单*/
#nav_box { position:fixed; left:20px; top:160px; display:none; left:50%; margin-left:-680px; background:#fff; }
#nav_box ul li { width:70px; height:32px; line-height:32px; border-bottom:1px dotted #b5b5b5; text-align:center }
#nav_box ul li.last { border-bottom:1px dotted #696969 }
#nav_box ul li .num { color:#696969; display:block }
#nav_box ul li .word { display:none; color:#333;background:#FFCC33; }
#nav_box ul li.hover .num { display:none!important }
#nav_box ul li.hover .word { display:block!important }
#nav_box ul li a { display:block; font-size:14px; font-family:Arial; }
#nav_box ul li a:hover { background:#FFCC33; text-decoration:none; color:#333 }
#nav_box ul li:hover .num { display:none!important }
#nav_box ul li:hover .word { display:block!important }
#nav_box ul li:last-child { border:0px }
/*右边*/
.right-panel { filter:alpha(opacity=90); -moz-opacity:.9; opacity:.9; width:230px; height:400px; background:#fdfdfd; float:right; border-top:0 }
.right-panel .welcomePanel { background:url(../images/login-bg.jpg); height:100px; text-align:center }
.right-panel .welcomePanel img { margin:5px 0; width:65px; border-radius:50% }
.right-panel .loginPanel { border-top:1px #c1c1c1 solid; border-bottom:1px #c1c1c1 solid; border-color:#e3e3e3 }
.right-panel .loginPanel .loginTxt { border-right:1px #c1c1c1 solid; border-color:#e3e3e3 }
.right-panel .loginPanel span { padding:10px 0; display:inline-block; width:48%; cursor:pointer; text-align:center }
.right-panel .loginPanel img { padding-right:5px; width:15px; height:15px }
.right-panel .exitPanel { background:url(../images/login-bg.jpg); height:100px }
.right-panel .exitPanel img { padding:17px 10px; width:65px; border-radius:50%; vertical-align:middle }
.right-panel .exitPanel .message { display:inline-block; width:130px; vertical-align:middle }
.right-panel .exitPanel .message .name { font-size:14px; font-weight:600; color:#FF0000; height:24px; line-height:24px; overflow:hidden }
.right-panel .exitPanel .message .logOut { cursor:pointer }
.right-panel .txtPanel { border-top:1px #c1c1c1 solid; border-bottom:1px #c1c1c1 solid; padding:2px 0 }
.right-panel .txtPanel a { padding:3px 0; display:inline-block; width:31%; text-align:center; cursor:pointer }
.right-panel .txtPanel .line { border-right:1px #c1c1c1 solid }
.right-panel .securePanel { color:#000; padding:16px 0; }
.right-panel .securePanel h6 { margin:0; padding:0 0 10px 20px }
.right-panel .securePanel li { display:inline-block; width:32%; text-align:center }
.right-panel .securePanel li img { width:40px; margin-bottom:5px }
.panelimg-side li { display:inline-block; list-style-type:none; position:relative; padding:0; margin:0; font-size:0 }
/*banner右侧广告切换*/
.right-panel .panelimg-side { width: 230px; height: 165px; position: relative; z-index: 1; overflow: hidden; }
.right-panel .panelimg-side ul { height: 165px; position: absolute; z-index: 1; }
.right-panel .panelimg-side ul li { width: 230px; height: 165px; overflow: hidden; float: left; }
.right-panel .panelimg-side img { width: 230px; height:165px; }
.right-panel .panelimg-side .pagination { font-size: 0; *word-spacing:-1px/*IE6、7*/;
text-align: center; width: 210px; height: 6px; padding: 7px 10px; position: absolute; z-index: 3; right: 0; bottom: 15px; }
.right-panel .panelimg-side .pagination span { background: #fff; vertical-align: top; letter-spacing: normal; word-spacing: normal; display: inline-block; *display:inline/*IE6、7*/;
list-style:none; width:24px; height:6px; margin-left:4px; cursor: pointer; }
.right-panel .panelimg-side .pagination span.on { background: #fff; }
.right-panel .panelimg-side .arrow { background: transparent url("../images/home_bg.png") no-repeat scroll 0% 0%; width: 40px; height: 50px; position: absolute; z-index: 2; top: 183px; cursor: pointer; }
.right-panel .panelimg-side:hover .arrow { opacity: 0.5!important; }
.right-panel .panelimg-side .arrow:hover { opacity: 0.8!important; }
.right-panel .panelimg-side .pre { display:none }
.right-panel .panelimg-side .next { display:none }
.comment { margin: 0 auto; width: 1200px; }
.comment .tit { height: 46px; line-height: 46px; margin-top: 0px; overflow: hidden; }
.comment .tit .cmttite { float: left; }
.comment .tit .cmttite span { font-size: 20px; color: #666; }
.comment .tit .cmttite .more { margin-left: 14px; color: #797a7a; }
.comment .tit .cmttite .more:hover { color: #3c3c3c; text-decoration: none; }
.comment .tit .notice { float: right; width: 221px; display: inline; }
.comment .tit .notice h3 { font-size: 16px; color: #6d6d6d; height: 44px; }
.cmtcon { background: #fff; overflow: hidden; zoom: 1; height: 248px; border-bottom: 1px solid #d5d9dd; }
.cmtcon .cmtleft { float: left; height:248px; width: 978px; border-bottom: 1px solid #d5d9dd; border-top: 2px solid #d5d9dd; border-left: 1px solid #d5d9dd; border-right: 1px solid #d5d9dd; display: inline }
.cmtcon .cmtleft dl { width: 288px; overflow: hidden; zoom: 1; border-bottom: 1px dashed #d5d9dd; float: left; margin: 0 15px 0 23px; padding: 17px 0; display: inline; }
.cmtcon .cmtleft dl dt { float: left; width: 90px; height: 90px; display: inline; }
.cmtcon .cmtleft dl dd { float: right; width: 180px; display: inline; }
.cmtcon .cmtleft dl dd h3 { line-height: 18px; }
.cmtcon .cmtleft dl dd h3 .username { color: #333 }
.cmtcon .cmtleft dl .goods-name { color: #8c8c8c; line-height: 20px; margin-top: 10px; max-height: 40px; _height: 40px; overflow: hidden; }
.cmtcon .cmtleft dl .goods-name a { color: #8c8c8c; }
.noticecon { margin: 14px auto 0; width: 219px; }
.noticecon ul { margin-top: 12px; height: 118px; overflow: hidden }
.noticecon ul li { line-height: 24px; overflow: hidden; height: 24px }
.noticecon ul li a { color: #6d6d6d; font-size: 12px }
.noticecon ul li a:hover { text-decoration: none; color: #F4504E }
.cmtcon .cmtleft dl dt img { max-width: 90px; max-height: 90px; }
.cmtcon .cmtleft dl dd h3 .datetime { float: right; color: #ccc; }
.cmtcon .cmtleft dl dd p { color: #8c8c8c; line-height: 20px; margin-top: 10px; max-height: 40px; _height: 40px; overflow: hidden; }
.cmtcon .cmtrigt { float: right; width: 219px; display: inline; border-right: 1px solid #e8ebed; border-bottom: 1px solid #e8ebed; border-top: 2px solid #F87622; height: 248px; }
.grid_119011 .copyright_img a img { margin-left: 20px; }
.floor-head .ad-panel .ad-links ul { float: right; }
.floor-head .ad-panel .ad-links ul li a { text-align: right; }
.floor-head .ad-panel .ad-links ul li a { font-size: 12px; line-height: 12px; padding: 7px 10px; border: 1px solid #ccc; border-radius: 16px; display: inline-block; color: #666; margin-left: 6px; _margin-left: 3px; _vertical-align: sub; }
.floor-head .ad-panel .ad-links ul li a:hover { border: 1px solid #c9033b; background: #c9033b; text-decoration: none; color: #fff!important; }

#top-banner { display:block; }
.banner-thumb img { width:100%; cursor: pointer; transition: transform 200ms linear 0s; }
.banner-thumb img:hover { transform: translateY(-5px); }

.right-side-focus a { display:block; position: relative; width:494px; height:246px; margin:0 auto;}
.right-side-focus a:before { content: ""; position: absolute; width:200px; height: 100%; top: 0; left: -150px; overflow: hidden;
background: -moz-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,.2)), color-stop(100%, rgba(255,255,255,0)));
background: -webkit-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0, rgba(255,255,255,.2)50%, rgba(255,255,255,0)100%);
-webkit-transform: skewX(-25deg);
-moz-transform: skewX(-25deg)}
.right-side-focus a:hover:before { left: 150%; transition: left 1s ease 0s; }

.text-title {color:#222;text-align:center; font-weight:600}
.text-title>.text-ctn {position:relative;font-size:14px;line-height:22px;font-family:'Microsoft YaHei',SimSun,sans-serif,'\65b9\6b63\5170\4ead\9ed1'}
/*.text-title>.text-ctn:hover {color:#FFF; background-color:#DC292D; padding:5px 10px; cursor:pointer}*/

/*底部弹出悬浮窗*/
#teacher_box { width:100%; height:206px; position:fixed; left:0px; bottom:0px; display:none; z-index:2}
#teacher_box .teacher_box_top{height:86px; line-height:86px; width:100%;}
#teacher_box .teacher_box_top .topbody{ width:1200px; height:86px; margin:0 auto}
#teacher_box .teacher_box_top .topbody .top_head{float:left; height:86px; width:450px; line-height:86px}
#teacher_box .teacher_box_top .topbody .top_close{float:right; width:15px; height:19px;}
#teacher_box .teacher_box_top .topbody .top_close .close {background: url(../images/close.png) no-repeat; width:19px; height:19px; overflow:hidden; display:block}
#teacher_box .teacher_box_top .topbody .top_close .close:hover { background: url(../images/close.png) no-repeat 0 -19px; display:block}
#teacher_box .teacher_box_bottom{height:120px; width:100%; background: rgba(0, 0, 0, 0.8);}
#teacher_box .teacher_box_bottom .content{width:1200px; margin:0 auto; height:120px;}
#teacher_box .teacher_box_bottom .content .left{float: left; width:450px; height:120px; line-height:120px; margin-right:100px;}
#teacher_box .teacher_box_bottom .content .leftcenter{float: left; width:500px; height:120px; line-height:120px; margin-right:50px; padding:15px 0; color:#DED9BE;}
#teacher_box .teacher_box_bottom .content .leftcenter .ptitle{font-size:14px; height:35px; line-height:35px;}
#teacher_box .teacher_box_bottom .content .leftcenter .pcontent{height:25px; line-height:25px;}
#teacher_box .teacher_box_bottom .content .leftcenter p span{background: url(../images/selected.png) no-repeat 0 0; width:230px; padding-left:20px; margin-right:70px;}
#teacher_box .teacher_box_bottom .content .center{float: left; height:120px; line-height:120px; width:280px;}
#teacher_box .teacher_box_bottom .content .center p{ height:30px; line-height:30px; margin:20px 0 10px 0}
#teacher_box .teacher_box_bottom .content .right{float:left; width:80px; height:80px; line-height:80px; text-align:center; background-color:#56B282;  border-radius:5px; font-size:14px; margin:20px 0 0 20px;}
#teacher_box .teacher_box_bottom .content .right:hover{background-color:#4BA575; cursor:pointer}
#teacher_box .teacher_box_bottom .content a{ color:#FFFFFF}
#teacher_box .teacher_box_bottom .content a:hover{text-decoration:none}
/*数字滚动插件的CSS可调整样式*/
.mt-number-animate{ font-family: '微软雅黑'; line-height:35px; height: 35px;/*设置数字显示高度*/; font-size: 30px;/*设置数字大小*/ overflow: hidden; display: inline-block; position: relative; font-weight:500; text-align:center}
.mt-number-animate .mt-number-animate-dot{ width: 5px;/*设置分割符宽度*/ line-height: 40px; float: left; text-align: center; padding:0 5px; color:#F6BA71;}
.mt-number-animate .mt-number-animate-dom{ width: 20px;/*设置单个数字宽度*/ text-align: center; float: left; position: relative; top: 0;margin-right:2px;color:#FFF; font-weight:510;}
.mt-number-animate .mt-number-animate-dom .mt-number-animate-span{ width: 100%; float: left;}

.searchmain {
    width: 1090px;
    height: 270px;
    margin: 0 auto;
    clear: both
}

.searchmain .search-form {
    position: relative;
    float: right;
    width: 1050px
}

.searchmain .input-box {
    width: 929px;
    height: 56px;
    margin-bottom: 24px;
    border-radius: 4px;
    background: #fff;
    -webkit-box-shadow: -0.07px 2px 4px 0px rgba(0, 0, 0, 0.3608);
    -moz-box-shadow: -0.07px 2px 4px 0px rgba(0, 0, 0, 0.3608);
    -ms-box-shadow: -0.07px 2px 4px 0px rgba(0, 0, 0, 0.3608);
    -o-box-shadow: -0.07px 2px 4px 0px rgba(0, 0, 0, 0.3608);
    box-shadow: -0.07px 2px 4px 0px rgba(0, 0, 0, 0.3608)
}

.searchmain .input-box.fullinput .search-input {
    width: 615px
}

.searchmain .input-box.fullinput .reopt {
    display: none
}

.searchmain .search-input {
    float: left;
    width: 495px;
    height: 20px;
    padding: 18px 0 17px 20px;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 20px;
    border: none;
    background-color: transparent
}

.searchmain .ai-btn {
    float: right;
    width: 83px;
    height: 32px;
    margin-top: 12px;
    margin-right: 10px;
    border: none;
    color: #2069e7;
    font-size: 14px;
    line-height: 32px;
    border-radius: 5px;
    background: #D0E5FD;
	text-align:center;
}

.searchmain .ai-btn .icon-ai {
    display: inline-block;
    vertical-align: middle;
    width: 40px;
    height: 25px;
    margin-bottom: 2px;
    outline: none;
    background: url("../nimages/icons.png?v=7.26") 10px -178px no-repeat;
    cursor: pointer
}

.searchmain .ai-btn:hover {
    color: #fff;
    background-color: #3040d1;
    overflow: hidden
}

.searchmain .ai-btn:hover .icon-ai {
    background-position: 10px -203px
}

.searchmain .search-btn {
    float: right;
    margin-top: 4px;
    margin-right: 3px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 2px;
    border: none;
    outline: none;
    background: #1D67E7;
    cursor: pointer;
    width: 80px;
    height: 49px;
    border-radius: 3px
}

.searchmain .search-btn:hover {
    background-color: #3040d1
}

.searchmain .readvce {
    position: absolute;
    right: 0;
    top: 0;
    width: 100px;
    font-size: 14px;
    text-align: left;
}

.searchmain .readvce a {
    display: inline-block;
    line-height: 28px;
    color: #fff
}

.searchmain .readvce a:hover {
    color: #c5eaff
}

.searchmain .readvce.one #highSearch {
    display: none
}

.searchmain .readvce.one a {
    margin-top: 11px
}

.searchmain .sort {
    position: relative;
    z-index: 1;
    float: left;
    width: 120px;
    height: 56px;
    font-size: 14px;
    color: #072958
}

.searchmain .sort:hover {
    z-index: 9999;
    background-color: #fff;
    border-radius: 25px 0 0 0
}

.searchmain .sort:hover .sort-list {
    display: block
}

.searchmain .sort .sort-default {
    height: 56px;
    line-height: 56px;
    text-align: center;
    cursor: pointer
}

.searchmain .sort .sort-default::after {
    content: '';
    position: absolute;
    right: 0;
    top: 18px;
    height: 20px;
    border-right: 1px solid #ddd
}

.searchmain .sort .sort-default span {
    padding-right: 2px;
    margin-right: 0;
    text-align: right;
    color: #010101;
    white-space: nowrap
}

.searchmain .sort .sort-default i {
    display: inline-block;
    vertical-align: top;
	margin:18px 0 0 5px;
    width: 8px;
    height: 6px;
}

.searchmain .sort .sort-list {
    position: absolute;
    display: none;
    border: 1px solid #ddd;
    background-color: #fff;
    white-space: nowrap;
    -o-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -ms-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1)
}

.searchmain .sort .sort-list li {
    height: 30px;
    line-height: 30px;
    text-align: center;
    white-space: nowrap
}

.searchmain .sort .sort-list a {
    display: block;
    padding-left: 9px;
    padding-right: 9px;
    color: #333
}

.searchmain .sort .sort-list li a:hover {
    text-decoration: none;
    background-color: #f5f5f5
}

.searchmain .sort .sort-list .cur a,
.searchmain .sort .sort-list .cur a:hover {
    background-color: #3040d1;
    color: #fff
}

.searchmain .sort .sort-list ul {
    display: inline-block;
    min-width: 118px;
    vertical-align: top;
    white-space: nowrap
}

.searchmain .sort .sort-list ul .tit {
    display: block;
    height: 30px;
    padding-left: 9px;
    padding-right: 9px;
    margin-bottom: 10px;
    line-height: 30px;
    font-size: 12px;
    font-weight: normal;
    color: #999;
    border-bottom: 1px solid #ddd
}

.searchmain .sort .sort-list ul a {
    padding-left: 9px;
    padding-right: 9px
}

.searchmain .sort .sort-list ul+ul {
    margin-left: 6px
}

.option-list {
    width: 100%
}

.option-list li {
    display: inline-block;
    vertical-align: middle;
    height: 26px;
    margin-right: 25px;
    margin-bottom: 6px;
    color: #fff;
    font-size: 14px
}

.option-list li i,
.option-list li em {
    display: inline-block;
    vertical-align: middle;
    width: 14px;
    height: 18px;
	margin-right:5px;
    background-image: url("../images/icons.png");
    background-repeat: no-repeat;
    cursor: pointer
}

.option-list li i {
    background-position: 0px 0px
}

.option-list li em {
    background-position: 0px 0px
}

.option-list ul>li:last-child {
    margin-right: 0
}

.option-list .selected i {
    background-position: -14px 0;
}

.option-list a {
    display: inline-block;
    height: 24px;
    line-height: 24px;
    color: #fff;
    cursor: pointer
}

.option-list a:hover {
    color: #c5eaff
}

.common-service {
    position: absolute;
    height: 120px;
	bottom:35px;
	width:1200px;
}

.common-service h4 {
    line-height: 33px;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
	margin-bottom:10px;
}

.common-service h4 i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 17px;
    margin-right: 5px;
    background: url("../nimages/icons.png?v=7.26") no-repeat 0 -650px
}

.common-service h4 .tip {
    display: none;
    font-size: 13px;
    color: #eee;
    line-height: 30px
}

.common-service .btn-setting {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 1;
    display: block;
    width: 20px;
    height: 20px;
    background: url("../nimages/icons.png?v=7.26") no-repeat 0 -670px;
    cursor: pointer
}

.common-service-content {
    width: 1200px;
    background: rgba(208, 229, 253, 0.38);
    border-radius: 10px;
    box-shadow: 0px 2px 5px 0px rgba(35, 110, 249, 0.1)
}

.common-service-topbar {
    padding-bottom: 20px;
    overflow: hidden
}

.common-service-topbar .selected-list {
    max-height: 40px;
    padding-top: 20px;
    margin: 0 2%;
    overflow: hidden
}

.common-service-topbar .selected-list li {
    float: left;
    width: 10%;
    border-radius: 5px;
    text-align:center;
	background:#fff;
}

.common-service-topbar .selected-list li+li {
    margin-left: 1.21%
}

.common-service-topbar .selected-list li:hover {
    transition: all .1s;
    background-position: 114px -611px
}

.common-service-topbar .selected-list li:hover span {
    color: #2f8bd6
}

.common-service-topbar .selected-list li a {
    display: block;
    height: 40px;
    padding: 0 8%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.common-service-topbar .selected-list li em {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 20px;
    margin-right: 4%;
    background-image: url("../nimages/icons.png?v=7.26");
    background-repeat: no-repeat
}

.common-service-topbar .selected-list li span {
    font-size: 15px;
    font-weight: normal;
    line-height: 40px;
    color: #333
}

.common-service-topbar .selected-list li i {
    position: absolute;
    top: -10px;
    right: 0;
    display: none;
    width: 18px;
    height: 18px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    line-height: 14px;
    background-color: rgba(0, 0, 0, 0.4);
    border-radius: 50%;
    cursor: pointer
}

.common-service-topbar .selected-list li i:hover {
    background-color: rgba(0, 0, 0, 0.7)
}

.common-service-topbar .selected-list .btn-add {
    height: 40px;
    text-align: center;
    line-height: 38px;
    background-image: none;
    cursor: pointer
}

.common-service-topbar .selected-list .btn-add b {
    display: inline-block;
    margin-top: -2px;
    margin-right: 2px;
    font-size: 25px;
    color: #2f8bd6;
    font-weight: normal;
    vertical-align: middle
}

.common-service-topbar .selected-list .btn-add span {
    font-size: 15px;
    color: #666;
    vertical-align: middle
}

.common-service-topbar .selected-list .btn-add:hover b {
    border-color: #2f8bd6
}

.common-service-topbar .loading {
    height: 50px;
    text-align: center
}

.common-service-topbar .loading .loader {
    display: inline-block;
    vertical-align: middle;
    width: 4px;
    height: 20px;
    border-radius: 2px;
    margin-top: 30px;
    position: relative;
    background: currentColor;
    color: #fff;
    box-sizing: border-box;
    animation: animloader 0.3s 0.3s linear infinite alternate
}

.common-service-topbar .loading .loader::before,
.common-service-topbar .loading .loader::after {
    content: '';
    width: 4px;
    height: 20px;
    border-radius: 2px;
    background: currentColor;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    box-sizing: border-box;
    animation: animloader 0.3s 0.45s linear infinite alternate
}

.common-service-topbar .loading .loader.loader::before {
    left: -10px;
    animation-delay: 0s
}

.common-service-topbar .error-tip {
    margin-top: 15px;
    text-align: center
}

.common-service-topbar .error-tip span {
    color: #333;
    font-size: 16px;
    line-height: 50px
}

.common-service-topbar .error-tip button {
    width: 60px;
    height: 30px;
    margin-left: 5px;
    text-align: center;
    color: #fff;
    font-size: 14px;
    border: none;
    background-color: #5064FF;
    background: linear-gradient(90deg, #6991FA, #5064FF);
    border-radius: 15px;
    cursor: pointer
}

.common-service-topbar .error-tip button:hover {
    background-color: #6991FA;
    background: linear-gradient(-90deg, #6991FA, #5064FF)
}

.common-service.isLoading .btn-setting {
    display: none
}

.common-service.isLoading .selected-list .btn-add {
    display: none
}

.common-service.setting>h4 .tip {
    display: inline
}

.common-service.setting .common-service-content {
    position: absolute;
    z-index: 1;
    box-shadow: 0px 2px 5px 0px rgba(35, 110, 249, 0.3)
}

.common-service.setting .common-service-dropdown {
    border-radius: 0 0 10px 10px;
    background-color: #fff
}

.common-service.setting .selected-list li {
    position: relative
}

.common-service.setting .selected-list li i {
    display: block
}

.common-service.setting .selected-list .btn-add {
    display: none
}

@keyframes animloader {
    0% {
        height: 24px
    }

    100% {
        height: 4px
    }
}

.common-service-dropdown {
    display: none;
    width: 100%;
    padding-bottom: 50px
}

.common-service-dropdown .tabs-bar {
    padding: 40px 20px 0;
    margin: 0 28px 40px;
    border-top: 1px solid #F4F9FF;
    border-bottom: 1px solid #EBF0FC;
    overflow: hidden
}

.common-service-dropdown .tabs-title {
    float: left;
    margin-right: 60px;
    font-size: 18px;
    font-weight: bold;
    color: #161616;
    line-height: 50px
}

.common-service-dropdown .tabs-list {
    float: left
}

.common-service-dropdown .tabs-list li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 15px;
    font-size: 16px;
    font-weight: 400;
    color: #161616;
    line-height: 50px;
    border-bottom: 2px solid transparent;
    cursor: pointer
}

.common-service-dropdown .tabs-list li+li {
    margin-left: 20px
}

.common-service-dropdown .tabs-list li:hover {
    color: #3465F5
}

.common-service-dropdown .tabs-list li.active {
    font-weight: bold;
    color: #3465F5;
    border-bottom-color: #3465F5
}

.common-service-dropdown .tabs-search {
    float: right;
    width: 300px;
    height: 35px;
    margin-top: 6px;
    background-color: #F4F9FF;
    border: 1px solid rgba(149, 179, 239, 0.5);
    border-radius: 18px
}

.common-service-dropdown .tabs-search input {
    float: left;
    width: 240px;
    height: 20px;
    padding: 7px 0 8px 20px;
    font-size: 14px;
    color: #7d7d7d;
    line-height: 20px;
    border: none;
    background-color: transparent
}

.common-service-dropdown .tabs-search button {
    float: right;
    width: 40px;
    height: 35px;
    border: none;
    border-radius: 0 18px 18px 0;
    outline: none;
    background: url("../nimages/icons.png?v=7.26") no-repeat 10px -805px;
    cursor: pointer
}

.common-service-dropdown .tabs-content {
    display: none;
    height: 186px;
    padding: 0 20px;
    margin: 0 28px
}

.common-service-dropdown .tabs-content.active {
    display: block
}

.common-service-dropdown .tabs-content .row {
    position: relative;
    padding-left: 110px;
    overflow: hidden
}

.common-service-dropdown .tabs-content .row dd:nth-child(5n+1) {
    margin-right: 0
}

.common-service-dropdown .tabs-content .row-title {
    position: absolute;
    left: 0;
    width: 110px;
    font-size: 16px;
    font-weight: bold;
    color: #161616;
    line-height: 42px
}

.common-service-dropdown .tabs-content .more {
    float: right;
    width: 61px;
    height: 40px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 40px;
    text-align: center;
    background-color: #fff;
    border: 1px solid #EBECED;
    border-radius: 4px;
    cursor: pointer
}

.common-service-dropdown .tabs-content .more:hover {
    background: #F5F9FF;
    border-color: #008AFF
}

.common-service-dropdown .tabs-content dd {
    float: left;
    width: 17%;
    margin-right: 1.6%;
    height: 40px;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: 400;
    color: #000;
    line-height: 40px;
    background-color: #fff;
    border: 1px solid #EBECED;
    border-radius: 4px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    overflow: hidden
}

.common-service-dropdown .tabs-content dd i {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin: 0 10px;
    background: url("../nimages/icons.png?v=7.26") no-repeat 0 -690px;
    transition: all .3s
}

.common-service-dropdown .tabs-content dd:hover {
    background-color: #F5F9FF;
    border-color: #008AFF
}

.common-service-dropdown .tabs-content dd.selected {
    color: #008AFF;
    background-color: #F5F9FF;
    border-color: #008AFF
}

.common-service-dropdown .tabs-content dd.selected i {
    background-position: 0 -710px
}

.common-service-dropdown .tabs-content .scroll-content dd {
    width: 18%;
    margin-right: 2%
}

.common-service-dropdown .tabs-content .scroll-content .row {
    padding-left: 140px
}

.common-service-dropdown .tabs-content .scroll-content .row-title {
    width: 140px
}

.common-service-dropdown .tabs-content .scroll-content>dd:nth-child(5n) {
    margin-right: 0
}

.common-service-dropdown .tabs-btns {
    margin-top: 20px;
    text-align: center;
    clear: both
}

.common-service-dropdown .tabs-btns a {
    display: inline-block;
    vertical-align: middle;
    width: 179px;
    height: 35px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 18px
}

.common-service-dropdown .tabs-btns a+a {
    margin-left: 15px
}

.common-service-dropdown .tabs-btns .btn-sure {
    color: #fff;
    background-color: #536AFE
}

.common-service-dropdown .tabs-btns .btn-sure:hover {
    background-color: #008AFF
}

.common-service-dropdown .tabs-btns .btn-cancel {
    color: #2B2B2B;
    background: #EBEFFE
}

.common-service-dropdown .tabs-btns .btn-cancel:hover {
    background-color: #e1e6f9
}

.selected-list .color1 {
    background-position: 0 -840px
}

.selected-list .color2 {
    background-position: 0 -865px
}

.selected-list .color3 {
    background-position: 0 -890px
}

.selected-list .color4 {
    background-position: 0 -915px
}

.selected-list .color5 {
    background-position: 0 -940px
}


/*订单记录*/
.index-notice{ height:50px; line-height:50px; margin:0 auto; font-size:15px; background:#F5F5F5;}
.index-notice .image { width:25px; margin-right:30px; float:left}
.index-notice .image img { height:20px; width:20px;}
.index-notice .list { height:50px; width:1145px; float: left; color:#333}
#scrollDiv{width:1145px;height:50px;line-height:50px; overflow:hidden; float:left}
#scrollDiv li{font-size:12px; }
/*ai写作*/
.index-ai{height: auto; padding: 20px 0 30px 0; background:#FFFFFF; width:100%;}
.ai-main{background: #fff none repeat scroll 0 0; overflow: hidden;}
.ai_title{ height:30px; line-height:30px; color: #333; font-size:18px; margin-bottom:10px;}
.ai_left{color: #fff; float: left; margin-right:20px; }
.ai_left_main{background: #F6F6F6 none repeat scroll 0 0; height: 220px; position:relative;width:340px;display:flex;border-radius:10px;background:#f6f6f6;padding:20px}
.ai_left_part1 {border-radius:8px;padding:16px;	width:165px;background:url(../images/aitools.png) no-repeat 100% 100%;background-size:93% auto;background-color:#dcf4ff;	transition:all .3s ease;height:183px;}
.ai_left_part1 .ai_part1_title {display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#000;font-weight:600;}
.ai_left_part1 .ai_part1_content {color:#000;font-size:12px;margin-top:10px}
.ai_left_part1:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.ai_left_part {margin-left:10px;}
.ai_left_part .ai_part_item {padding:20px 45px 20px 15px;background:#fff;display:flex;flex-direction:column;border-radius:8px;transition:all .3s ease;width:105px;margin-bottom:10px;position:relative}
.ai_left_part .ai_part_item>img {position:absolute;	width:36px;	bottom:5px;	right:5px}
.ai_left_part .ai_part_item>.ai_part_title {color:#000;	font-size:14px;	font-weight:600}
.ai_left_part .ai_part_item .ai_part_content {	color:rgba(0,0,0,.6);font-size:12px;margin-top:8px;}
.ai_left_part .ai_part_item:hover>.ai_part_title {color:#00b278}
.ai_left_part .ai_part_item:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.ai_right{float: right;}
.ai_right .ai_list{background: #F6F6F6 none repeat scroll 0 0; border-radius:5px; height: 220px; overflow: hidden; position: relative; width: 760px; padding:20px}
.ai_right .ai_list .arrow{background: url(../images/home_bg.png) no-repeat; opacity: 0.5!important; width: 19px; height: 29px; position: absolute; z-index: 2; top: 120px; cursor: pointer;}
.ai_right .ai_list:hover .arrow{opacity: 0.5!important;}
.ai_right .ai_list .arrow:hover{opacity: 0.8!important;}
.ai_right .ai_list .pre{background-position: -160px -40px; left: 0;}
.ai_right .ai_list .next{background-position: -180px -40px; right:0;}
.ai_list_item {flex-shrink:0;display:flex;flex-direction:column;padding:15px 15px 0 15px;background:#fff;border-radius:8px;	height:200px;width:148px;position:relative;overflow:hidden;	margin-right:16px;z-index:2}
.ai_list_item .ai_tiem_title {color:rgba(0,0,0,.9);font-size:14px;font-weight:500}
.ai_list_item .ai_item_content {color:rgba(0,0,0,.6);font-size:12px;margin-top:10px}
.ai_list_item .ai_item_img {position:absolute;bottom:-12px;left:50%;transform:translateX(-50%) rotate(-7.27deg);transition:bottom .3s ease;width:134px}
.ai_list_item .ai_item_img>img {width:100%;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.ai_list_item:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.ai_list_item:hover .ai_item_img {bottom:10px}
/*服务模块*/
.index-service{height: auto; padding: 20px 0 30px 0; background:#FFFFFF; width:100%;}
.service-main{background: #fff none repeat scroll 0 0; overflow: hidden;}
.service_title{ height:30px; line-height:30px; color: #333; font-size:18px; margin-bottom:10px;}
.service_left{color: #fff; float: right; margin-left:20px; }
.service_left_main{background: #F6F6F6 none repeat scroll 0 0; height: 420px; position:relative;width:350px;display:flex;border-radius:10px;background:#f6f6f6;padding:20px}
.service_left_part1 {border-radius:8px;padding:16px;	width:165px;background:url(../images/aitools.png) no-repeat 100% 100%;background-size:93% auto;background-color:#dcf4ff;	transition:all .3s ease;height:183px;}
.service_left_part1 .service_part1_title {display:flex;justify-content:space-between;align-items:center;font-size:14px;color:#000;font-weight:600;}
.service_left_part1 .service_part1_content {color:#000;font-size:12px;margin-top:10px}
.service_left_part1:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.service_left_part {margin-right:20px;}
.service_left_part .service_part_item {padding:15px 35px 25px 15px;background:#fff;display:flex;flex-direction:column;border-radius:8px;transition:all .3s ease;width:115px;margin-bottom:15px;position:relative; height:90px}
.service_left_part .service_part_item>img {position:absolute; width:26px;	bottom:10px; right:10px}
.service_left_part .service_part_item>.service_part_title {color:#000;	font-size:14px;	font-weight:600}
.service_left_part .service_part_item .service_part_content {color:rgba(0,0,0,.6);font-size:12px;margin-top:8px;}
.service_left_part .service_part_item:hover>.service_part_title {color:#00b278}
.service_left_part .service_part_item:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.service_right{float: left;}
.service_right .service_list{background: #F6F6F6 none repeat scroll 0 0; border-radius:5px; height: 420px; overflow: hidden; position: relative; width: 770px; padding:20px 0 20px 20px}
.service_list_item {background:#fff; height:200px;width:138px; position:relative;overflow:hidden; margin:0 15px 20px 0;z-index:1; float:left;}
.service_list_item .service_tiem_title {color:rgba(0,0,0,.9); font-size:14px;font-weight:550; border-bottom:1px solid #56B282; height:35px; line-height:35px; text-align:center;width:140px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service_list_item .service_item_content {height:124px; padding:5px 10px; line-height:31px;}
.service_list_item .service_item_content p{width:120px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.service_list_item .service_item_img {position:absolute;bottom:-200px;left:0;transition:bottom .6s ease;width:138px; height:400px;}
.service_list_item .service_item_img .tip{position: absolute; top:10px; right:0; height:20px; width:40px; background-image: linear-gradient(137deg, #fb6f53 0, #f44c4c 56%); text-align:center; color:#FFFFFF; border-radius:20px 0 0 20px;}
.service_list_item .service_item_img .journal_content{position: absolute; bottom:0; left:0; height:200px; width:138px;}
.service_list_item .service_item_img .item_bottom { width:100%;}
.service_list_item .service_item_img .item_bottom .item_bottom_btn {width: 100%;height: 30px;line-height: 30px;background-image: linear-gradient(133deg, #56B282 0, #4BA575 82%); text-align: center;font-size: 13px;color: #fff;}
.service_list_item .service_item_img>img {width:100%; height:200px}
.service_list_item:hover {cursor:pointer;box-shadow:0 3.6px 16.8px 0 rgba(17,13,83,.16)}
.service_list_item:hover .service_item_img {bottom:0}