﻿@charset "utf-8";
/* CSS Document */
.in-banner {
    width: 100%;
    height: 400px;
}
.in-wrap {
    padding: 38px 0;
    overflow: hidden;
}
.lmenu {
    width: 260px;
}
.lm-first {
    margin-bottom: 34px;
    overflow: hidden;
}
.lm-second {
    margin-bottom: 32px;
    overflow: hidden;
}
.lm-second h1 {
    height: 58px;
    padding-left: 10px;
    line-height: 58px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    background: url("../images/contact_16.jpg") no-repeat center;
}
.lm-second h1 span {
    color: #fff;
    display: block;
    background: url("../images/contact_18.png") no-repeat 87% center;
}
.lm-second ul {
    border-left: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
    width: 258px;
    overflow: hidden;
    padding: 4px 0 8px 0;
}
.lm-second ul li {
    width: 100%;
    background: url("../images/contact_26.jpg") no-repeat 18px center;
}
.lm-second ul li a {
    display: block;
    padding-left: 32px;
    line-height: 26px;
    color: #666666;
}

.lm-second-top {
    padding-left: 38px;
    border-left: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
    height: 64px;
    font-size: 14px;
    color: #333;
    padding: 26px 0 0 0;
    line-height: 14px;
    text-align: center;
}
.lm-second-top p{ font-size: 26px; color: #003c7e; font-family: "宋体"; line-height: 25px; letter-spacing: 1px; font-weight: 900;}
.lm-second-bottom {
    padding-left: 38px;
    border-left: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
    height: 79px;
    font-size: 14px;
    color: #333;
    padding: 19px 0 0 0;
    line-height: 14px;
    text-align: center;
}
.lm-second-bottom .btn {
    display: inline-block;
    padding: 0 12px;
    height: 30px;
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    border-radius: 3px;
    color: #fff;
    font-size: 14px;
    background-image: linear-gradient(to bottom, #1358e1, #095cb8);
    
}
.rcontent {
    width: 772px;
    border: 1px solid #e9e9e9;
}
.rcontent h1 {
    height: 66px;
    background: #f8f8f8;
    line-height: 66px;
    padding: 0 20px;
    border-bottom: 1px solid #e9e9e9;
}
.rcontent h1 span.fl {
    display: inline-block;
    font-size: 15px;
    color: #0857b0;
    font-weight: bold;
}
.enrcontent h1 span.fl {
    
    font-size: 15px;
}
.rcontent h1 span.fr {
    color: #999999; font-size: 12px; font-weight: normal;
}
.rcontent h1 span.fr a {
    color: #999;
}
.rcontent h1 img {
    display: inline-block;
    margin: 0 12px;
}
.c0857b0 {
    color: #0857b0;
}
.companycon {
    padding: 0 20px 40px 20px;
}
.lm-first {
    margin-bottom: 34px;
    overflow: hidden;
}
.lm-first h1 {
    height: 68px;
    padding-left: 10px;
    line-height: 68px;
    color: #fff;
    font-size: 22px;
    font-weight: bold;
    background: url("../images/lm_bg.jpg") no-repeat center;
}
.lm-first h1 span {
    display: block;
    background: url("../images/contact_08.png") no-repeat 87% center;
}
.lm-first ul {
    width: 100%;
}
.lm-first ul li {
    width: 248px;
    height: 50px;
    padding-left: 10px;
    border-left: 1px solid #dcdbdb;
    border-right: 1px solid #dcdbdb;
    border-bottom: 1px solid #dcdbdb;
}
.lm-first ul li a {
    display: block;
    background: url("../images/contact_13.png") no-repeat 94% center;
    font-size: 14px;
    color: #666;
    line-height: 50px;
    font-weight: bold;
}
.lm-first ul li:hover a, .lm-first ul li.on a {
    color: #073eac;
}
.contact_main{ width: 100%; height: auto;padding: 0 20px 40px 20px; display: table;}
.form_msg{height: auto;width: 685px;position: relative;}
.form_msg dl{position: relative;z-index: 3;}
.form_msg dt{font-size: 18px;color: #1161c5;}
.form_msg dd{margin-top: 15px;}
.form_msg .msg_input{border:1px solid #cccccc;background:transparent;color:#333;height:28px;width:323px;line-height:28px;text-indent:12px;margin-right:14px;}
.form_msg .msg_input:focus{color: #333;border-color: #ccc;outline: none;}
.form_msg .msg_input_on{border-color:#ccc;color:#333;}
.form_msg .textarea{color:#333;line-height:32px;text-indent:12px;}
.form_msg .sub_btn{ margin-left: 150px; float: left; font-size:15px;background:#1160c9;color:#fff;height:34px;width:118px; border-radius: 3px;line-height:34px; display:block; text-align:center; letter-spacing:3px;}
.form_msg .sub_btn{letter-spacing:0px;}
.form_msg textarea{width:665px;border:1px solid #ccc;background:transparent;height:80px;color: #333;resize: none;overflow:auto;}
.form_msg textarea:focus{color: #333;border-color: #ccc;outline: none;}
.c_shade{position:absolute;top:0;left:0;filter:alpha(opacity=30);width: 100%;height: 100%;}
.msg_input_reset{ margin-left: 100px; border:1px solid #888888;border-radius: 3px; float: left; font-size:15px;background:#888888;color:#fff;height:34px;width:118px;  line-height:34px; display:block; text-align:center; letter-spacing:3px;}
.enmsg_input_reset{ letter-spacing: 0;}
/* news*/

.news_main{ width: calc(100% - 40px); height: auto;padding: 20px 20px 10px 20px; display: table;}
.news_main_pic{ border: solid 1px #ccc; padding: 3px; width: 180px; height: 125px}
.news_main_con{ padding-left: 30px; width: 467px;}
.news_main_con p{ font-size: 15px; padding-bottom: 3px; padding-top: 2px;}
.news_main_con span{ text-align: justify; display: block;}
.news_main_con i{ font-style: normal;padding-bottom: 8px; display: block;}
.news_main_pic:hover{border: solid 1px #0f62c0;}
.news_main ul li{ margin-bottom: 15px; padding-bottom: 15px; border-bottom: dashed 1px #ccc }
.page{ height:30px; line-height:30px; width:100%;  display:table; }
.page_info{text-align:center;margin-bottom:20px;color:#333;font-size:16px;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:14px;margin-bottom:20px;}
.page_list a{display:inline-block;color:#898989;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #898989;background:#898989;}
.page_list a.on{color:#333;border:1px solid #ccc;background:#E5EDF2;}
/* 详情页 */
.con_main{ height: auto;padding: 20px 20px 10px 20px; /*display: table;*/}
.con_main p{ text-align: center; font-size: 16px; }
.con_main span p{text-align: left;}
.con_main i{border-bottom: dashed 1px #ccc; padding-bottom: 13px; display: block; text-align: center; font-style: normal; padding-top: 5px;}
.con_main span{ padding-top: 10px; display: block; text-align: justify; padding-bottom: 15px;}
.con_show span{ padding-top: 3px; display: block; text-align: justify; padding-bottom: 3px;}
.nextorper{  height:40px; border:1px solid #e6e6e6; margin-top:10px; margin-bottom: 5px;}
.nextorper ul li{ 
    margin-left:20px; line-height:40px; height:40px;
    width: calc(50% - 20px);
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.nextorper ul li a{color:#666666}
.nextorper ul li a:hover{ color:#003c7e}
/* video */
.video{ width: 1068px; min-height: 613px; margin: 40px auto; display: table; padding: 0 16px;}
.video_title{ width: fit-content;width: -moz-fit-content; height: 35px; margin: 0 auto; border: solid 2px #0f63bd;}
.video_title h1{ letter-spacing: 2px; padding: 5px 12px 0; margin: 0px 32px; text-align: center; background: #fff; font-size: 27px}


.aui_outer { text-align:left; }
table.aui_border, table.aui_dialog { border:0; margin:0; border-collapse:collapse; width:auto; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_c, .aui_e, .aui_sw, .aui_s, .aui_se, .aui_header, .aui_tdIcon, .aui_main, .aui_footer { padding:0; }
.aui_header, .aui_buttons button { font: 12px/1.11 'Microsoft Yahei', Tahoma, Arial, Helvetica, STHeiti; _font-family:Tahoma,Arial,Helvetica,STHeiti; -o-font-family: Tahoma, Arial; }
.aui_title { overflow:hidden; text-overflow: ellipsis; }
.aui_state_noTitle .aui_title { display:none; }
.aui_close { display:block; position:absolute; text-decoration:none; outline:none; _cursor:pointer; }
.aui_close:hover { text-decoration:none; }
.aui_main { text-align:center; min-width:9em; min-width:0\9/*IE8 BUG*/; }
.aui_content { display:inline-block; *zoom:1; *display:inline; text-align:left; border:none 0; }
.aui_content.aui_state_full { display:block; width:100%; margin:0; padding:0!important; height:100%; }
.aui_loading { width:96px; height:32px; text-align:left; text-indent:-999em; overflow:hidden; background:url(../images/loading.gif) no-repeat center center; }
.aui_icon { vertical-align: middle; }
.aui_icon div { width:48px; height:48px; margin:10px 0 10px 10px; background-position: center center; background-repeat:no-repeat; }
.aui_buttons { padding:8px; text-align:right; white-space:nowrap; }
.aui_buttons button { margin-left:15px; padding: 6px 8px; cursor: pointer; display: inline-block; text-align: center; line-height: 1; *padding:4px 10px; *height:2em; letter-spacing:2px; font-family: Tahoma, Arial/9!important; width:auto; overflow:visible; *width:1; color: #333; border: solid 1px #999; border-radius: 5px; background: #DDD; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#DDDDDD'); background: linear-gradient(top, #FFF, #DDD); background: -moz-linear-gradient(top, #FFF, #DDD); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#DDD)); text-shadow: 0px 1px 1px rgba(255, 255, 255, 1); box-shadow: 0 1px 0 rgba(255, 255, 255, .7),  0 -1px 0 rgba(0, 0, 0, .09); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: box-shadow linear .2s; }
.aui_buttons button::-moz-focus-inner{ border:0; padding:0; margin:0; }
.aui_buttons button:focus { outline:none 0; border-color:#426DC9; box-shadow:0 0 8px rgba(66, 109, 201, .9); }
.aui_buttons button:hover { color:#000; border-color:#666; }
.aui_buttons button:active { border-color:#666; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DDDDDD', endColorstr='#FFFFFF'); background: linear-gradient(top, #DDD, #FFF); background: -moz-linear-gradient(top, #DDD, #FFF); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DDD), to(#FFF)); box-shadow:inset 0 1px 5px rgba(66, 109, 201, .9), inset 0 1px 1em rgba(0, 0, 0, .3); }
.aui_buttons button[disabled] { cursor:default; color:#666; background:#DDD; border: solid 1px #999; filter:alpha(opacity=50); opacity:.5; box-shadow:none; }
button.aui_state_highlight { color: #FFF; border: solid 1px #1c6a9e; background: #2288cc; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); text-shadow: -1px -1px 1px #1c6a9e; }
button.aui_state_highlight:hover { color:#FFF; border-color:#0F3A56; }
button.aui_state_highlight:active { border-color:#1c6a9e; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33bbee', endColorstr='#2288cc'); background: linear-gradient(top, #33bbee, #2288cc); background: -moz-linear-gradient(top, #33bbee, #2288cc); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#33bbee), to(#2288cc)); }
/* common end */

.aui_inner { background:#FFF; border:1px solid #666; }
.aui_nw, .aui_ne, .aui_sw, .aui_se { width:3px; height:3px; }
.aui_nw, .aui_n, .aui_ne, .aui_w, .aui_e, .aui_sw, .aui_s, .aui_se { background:rgba(0, 0, 0, .05); background:#000\9!important; filter:alpha(opacity=5); }
.aui_titleBar { position:relative; height:100%;  }
.aui_title { position:absolute; top:0; left:0; width:100%; height:24px; text-indent:-9999em; overflow:hidden; font-size:0; }
.aui_state_drag .aui_title { color:#666; }
.aui_close { padding:0; top:0; right:0; width:18px; height:18px; line-height:18px; text-align:center; font-family: Helvetica, STHeiti; _font-family: '\u9ed1\u4f53', 'Book Antiqua', Palatino; font-size:18px; text-decoration:none; color:#214FA3; }
.aui_close:hover, .aui_close:active { text-decoration:none; color:#900; }
.aui_content { color:#666; }
.aui_state_focus .aui_content { color:#000; }
@media screen and (min-width:0) {
    .aui_close { width:20px; height:20px; line-height:20px; right:-10px; top:-10px; border-radius:20px; background:#999; color:#FFF; box-shadow:0 1px 3px rgba(0, 0, 0, .3); -moz-transition: linear .06s; -webkit-transition: linear .06s; transition: linear .06s; }
    .aui_close:hover { width:24px; height:24px; line-height:24px; right:-12px; top:-12px; color:#FFF; box-shadow:0 1px 3px rgba(209, 40, 42, .5); background:#d1282a; border-radius:24px; }
    .aui_state_lock .aui_dialog { box-shadow:0 3px 26px rgba(0, 0, 0, .9); -moz-transition:-moz-box-shadow linear .2s; -webkit-transition: -webkit-box-shadow linear .2s; transition: -webkit-box-shadow linear .2s; }
    .aui_dialog:active { box-shadow:0 0 5px rgba(0, 0, 0, .1)!important; }
    .aui_state_drag .aui_outer { box-shadow:none!important; }
}
.div_pro{ margin-top:35px; margin-bottom:10px; display: table; padding-bottom: 20px; border-bottom: dashed 1px #ccc}
.div_pro .demo{ float:left; width:316px; height:200px; background:#fff; cursor:pointer; padding: 15px 20px;}
.div_pro .demo a{ cursor:pointer; display:block;}
.div_pro .demo .ic_container{ vertical-align:baseline; position:relative;}
.div_pro .demo .overlay{ position:absolute; top:0px; bottom:0px; left:0px; right:0px; filter:alpha(opacity=100); opacity:1; cursor:pointer; z-index:100;} 
.div_pro .demo .ic_caption{ position:absolute; overflow:hidden; margin:0px; padding:0px; left:0px; right:0px; cursor:default; height:220px; text-align:center; color:#fff; font-size:17px; line-height:40px; cursor:pointer; z-index:100;}
.div_pro .demo .ic_caption .div1{ 
    border: 1px solid #fff;
    height: 62px;
    width: 82%;
    padding: 0 5px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    line-height: 62px;
    font-size: 14px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    cursor: pointer;
    z-index: 100;
    }
.div_pro .demo .div2{ background:url(../images/2_02.png) repeat; width: calc(100% - 10px); height:35px; line-height:35px; position:absolute; bottom:0px; left:0px; color:#fff; font-size:15px; text-align:center; z-index:10;
    padding: 0 5px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;}
.div_pro .li1 .ic_caption{ height:460px;}
.caseshow_pic{ margin: 0 auto; display: table; padding-top: 15px; padding-bottom: 10px;max-width: 100%;}
.caseshow_pic img{max-width: 96%;display: block;margin: 0 auto;}

/* product */

.case_con { width: 100%;  clear: both; overflow: hidden; }
.case_con b { font-weight: normal; }
.boxgrid { width: 224px; height: 136px; float: left; overflow: hidden; position: relative; margin: 0 10px 25px 10px;}
.boxgrid img { position: absolute; top: 0; left: 0; border: 0; }
.boxgrid p { color: #fff; font-size: 12px; }
.boxcaption { position: absolute; background-color:rgba(0,0,0,0.8); height: 100px; width: 100%;  /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.caption .boxcaption { top: 110px; left: 0; text-align: left; padding-left: 10px;  }
.boxcaption h3 a { font-size: 14px; color: #fff; margin: 0px; display: block; }
.boxcaption h3 a:hover { color: #fff; }
