@charset "utf-8";
/* CSS Document */
/* Update: 2016.09.8 
** Author: xJason
***基础类 公共调用用于全站
背景色：#FBFBFB 

颜色编号：

黑色 ：#333333 用途：主体字体  

浅灰色：#cccccc 用途：背景 线 边框 

深灰色：#666666 用途：内容备注

淡红色：#ff5370 用途：价格  星  活跃度  按钮背景 经过边框、链接 标题

蓝色：#07a3ea  用途：栏目 标题

纯白色：主体按钮字体
**---基本元素初始化---*/



/*----------通用css样式-----------*/

/*-----------profile部分css样式start--------------*/
.profile { min-width: 1200px; }
.profile_head { width: 100%; height: 42px; margin-top: 20px; background: url(/images/head_profile.png) center no-repeat; }
.profile_main { width: 100%; height: 246px; margin-top: 10px; background: #f2f2f2; border:transparent; border-radius: 5px; position: relative; }
.profile_le {width: 340px; height: 220px; margin: 13px; background-color:#FFF; overflow: hidden; }
.profile_le>a{width: 340px; height: 220px;display: table-cell;vertical-align: middle;text-align: center;}
.profile_le img { max-width: 340px; }
.profile_ri { width: 800px; margin: 15px 0 0 10px; height: 220px; }
.profile_ri p { margin: 0 10px; height: 186px; }
.profile_ri a { display: block; font-size:14px;width: 74px; height: 26px; background: #f36e00; color: #fff; text-align: center; line-height: 26px; border-radius: 6px; float: right; position: relative; right: 16px; top: 10px; }
.profile_ri a:hover { text-decoration: none; }
.profile_news { width: 320px; height: 220px; }
.profile_news li {list-style: none; font-size: 14px; line-height: 28px; height: 28px; width: 310px; position: relative;white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.profile_news li:before { content: ""; display: inline-block; width: 5px; height: 5px; background-color: #666; border-radius: 50%; position: absolute; top: 10px; }
.profile_news li a { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-left: 15px; }
/*-----------profile部分css样式end--------------*/

/*-----------product部分css样式start--------------*/
.product { min-width: 1200px; }
.product_head { width: 100%; height: 42px; margin-top: 20px; background: url(/images/head_product.png) center no-repeat; }
.product_head_new { width: 100%; height: 42px; margin-top: 20px; background: url(/images/head_product_new.png) center no-repeat; }
.product_main { margin-top: 20px; overflow: hidden; }
.product_main ul { width: 1200px; height: 300px; margin: 0 auto; }
.product_main li { width: 270px; height: 270px; margin: 8px 14px; float: left; position: relative; }
.product_main li img { max-height: 270px; }
.moveUp { width: 270px; height: 270px; padding-top: 20px; color: #fff; background: rgba(243,110,0,.6);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ea6e00, endColorstr=#99ea6e00);position: absolute; top: 270px; z-index: 99; transition: .5s; text-align: center; }
.moveUp p { width: 180px; text-align: center; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin: 0 20px; line-height: 20px; }
.moveUp span { display: block; margin: 0 auto; width: 180px; line-height: 20px; font-size: 12px; }
.moveUp a { display: block; margin: 0 auto; margin-top: 10px; width: 60px; height: 20px; border: 1px solid #fff; font-size: 12px; color: #fff; border-radius: 2px; }
.moveUp a:hover { text-decoration: none; }
.product_main li:hover .moveUp { top: 0; }
/*-----------product部分css样式end--------------*/
/*-----------expert部分css样式start--------------*/
.expert { min-width: 1200px; }
.expert_head { width: 100%; height: 42px; margin-top: 20px; background: url(/images/head_expert.png) center no-repeat; }
.expert_top { height: 130px; margin-top: 20px; position: relative; }
.expert_top_box { width: 100%; height: 120px; overflow: hidden; position: relative; }
.expert_top_box ul { position: absolute; left: 0; transition: .5s; }
.expert_top_box li { width: 215px; height: 120px; float: left; margin: 0 12px; cursor: pointer; }
.expert_top_box li>div { width: 100px; height: 100px; margin: 7px; overflow: hidden; border-radius: 50%; position: relative; }
.expert_top_box li>div img { width: 100px; position: absolute; left: 50%; margin-left: -50px; }
.expert_top_box li p { line-height: 100px; margin-left: 10px; font-size: 24px; }
.expert_on { background: url(/images/bluebox.png) center no-repeat; color: #fff; }
.expert_prev { width: 40px; height: 40px; background: url(/images/expert_prev.png) center no-repeat; position: absolute; left: -50px; top: 30px; cursor: pointer; opacity: .3; transition: .5s; }
.expert_next { width: 40px; height: 40px; background: url(/images/expert_next.png) center no-repeat; position: absolute; right: -50px; top: 30px; cursor: pointer; opacity: .3; transition: .5s; }
.expert_mid { width: 100%; height: 450px; background: url(/images/bac.jpg) center no-repeat; }
.expert_main { width: 1200px; height: 450px; margin: 0 auto; overflow: hidden; position: relative; }
.expert_main ul { height: 450px; position: absolute; left: 0; transition: .5s; }
.expert_main ul li { width: 1200px; float: left; position: relative; }
.expert_left { width: auto;  padding-left: 110px; }
.expert_doc { display: table-cell; line-height: 100%; text-align: center; vertical-align: middle; width: 350px; height: 450px;overflow: hidden; background-color:#FF4A47; }
.expert_doc img { width: 350px; }
.expert_ri { width: 510px; height: 310px; position: absolute; left: 430px; top: 75px; background: url(/images/tipbox.png) center no-repeat; }
.expert_data { width: 400px; height: 110px; margin: 25px 25px 0 0; border-bottom: 2px dashed #999; position: relative; }
.expert_dataOne { margin-left: 60px; }
.expert_dataOne p:first-child { font-size: 36px; color: #07a3ea; }
.expert_dataOne p:first-child+p { font-size: 12px; }
.expert_bias { position: absolute; left: 170px; top: 10px; }
.expert_data>p { position: absolute; left: 195px; top: 45px; font-size: 24px; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 205px; }
.expert_mata { width: 400px; margin: 150px 0 0 85px; }
.expert_mata p { font-size: 24px; margin-left: 10px; height: 72px; }
.expert_mata span { font-size: 14px; }
.expert_contact { margin: 20px 0 0 70px; }
.expert_contact a { display: block; float: left; text-align: center; line-height: 40px; margin: 0 5px; font-size: 18px; border-radius: 8px; width: 120px; height: 40px; background: #f36e00; color: #fff; }
.expert_contact a:hover { text-decoration: none; background: #07a3ea; }
.expert_bottom { margin-top: 30px; }
.expert_change { width: 380px; }
.demo_head { width: 100%; height: 40px; border-bottom: 2px solid #f36e00; box-sizing: border-box; }
.demo_head h4 { width: 100px; line-height: 40px; text-align: center; color: #07a3ea; background: url(/images/nav_bar.png) center bottom no-repeat; }
.demo_head a { line-height: 40px; margin-right: 5px; font-size: 14px; }
.demo_head a img { margin-left: 5px; }
.expert_change .demo_mid { margin-top: 15px; }
.expert_change .demo_mid>a { width: 90px; height: 90px; overflow: hidden; margin: 0 5px; }
.expert_change .demo_mid>a>img{ max-width:90px;}
.expert_change .demo_mid>div { width: 270px; margin: 0 5px; }
.expert_change .demo_mid>div a { line-height: 28px; }
.expert_change .demo_mid_title { text-indent: 2em; font-size: 12px; color: #666; margin-top: 5px; }
.expert_change .demo_mid_title a { color: #ff5370; }
.expert_change ul { font-size: 14px; margin: 0 5px; }
.expert_change ul li { position: relative; line-height: 28px; }
.expert_change ul li i { position: absolute; left: 6px; width: 4px; height: 4px; border-radius: 2px; line-height: 4px; background-color: #666; top: 12px; }
.expert_change ul li a { width: 360px; text-indent: 1em; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.expert_act { width: 360px; margin: 0 20px; }
.expert_act ul { margin-top: 20px; font-size: 14px; }
.expert_act ul li { position: relative; line-height: 24px; }
.expert_act ul li i { position: absolute; left: 6px; width: 4px; height: 4px; border-radius: 2px; line-height: 4px; background-color: #666; top: 11px; }
.expert_act ul li a { width: 360px; text-indent: 1em; display: inline-block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.expert_issue { width: 390px; }
.expert_issue .demo_head h4 { width: 119px; }
.treat_roll { width: 380px; height: 300px; margin-top: 10px; overflow: hidden; }
.roll_box { height: 600px; position: relative; top: 0; }
.roll_box ul {}
.roll_box ul li { line-height: 24px; height: 30px; box-sizing: border-box; border-bottom: 1px dashed #ccc; padding: 0 10px 5px 50px; background: url(/images/question.png) 15px center no-repeat; font-size: 14px; font-weight: bold;}
.roll_box ul p { line-height: 20px; font-size: 12px; overflow: hidden; padding: 5px 10px 5px 50px; background: url(/images/answer.png) 15px 10px no-repeat;color: #666;}
/*-----------expert部分css样式end--------------*/
/*-----------honor部分css样式start---------------*/
.honor { min-width: 1200px; }
.honor_head { width: 100%; height: 42px; margin-top: 20px; background: url(/images/head_honor.png) center no-repeat; }
.honor_main { width: 100%; position: relative; margin-top: 20px; }
.honor_box { width: 1035px; margin: 0 auto; overflow: hidden; }
.honor_box ul { margin-top: 20px; transition: .5s; }
.honor_box li { width: 195px; height: 195px; float: left; margin: 0 6px; }
.honor_box li img { max-width: 195px; }
.honor_prev { width: 27px; height: 90px; background: url(/images/honor_prev.png) center no-repeat; position: absolute; left: 30px; top: 70px; cursor: pointer; }
.honor_next { width: 27px; height: 90px; background: url(/images/honor_next.png) center no-repeat; position: absolute; right: 30px; top: 70px; cursor: pointer; }
.honor_contact { width: 100%; height: 277px; margin-top: 20px; position: relative; }
.honor_contact a { position: absolute; display: block; width: 108px; height: 33px; line-height: 33px; text-align: center; background: #f36e00; color: #fff; font-size: 14px; border-radius: 6px; right: 450px; bottom: 60px; }
.honor_contact a:hover { text-decoration: none; }
/*-----------honor部分css样式end---------------*/