/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2015-5-5, 14:58:02
    Author     : LUOMI
*/ 
/* 颜色定义 */
BODY{background-color:#FFFFFF;color:#666666;}
*[class~="color-flow"]{background-color:#efefef;color:#666666;}
*[class~="color-highlight"]{background-color:#666666;color:#ffffff;}
*[class~="color-button"]{background-color:#66CCCC;color:#ffffff;}
*[class~="color-tag"]{background-color:#66CCCC;color:#FFFFFF;}
*[class~="color-transtag"]{background-color:inherit;color:#999999;}
a:hover[class~="color-transtag"]{color:black;}
a:hover{color:#333333;background-color:#d8d5d5;transition: all 0.9s ease 0s;}
a{color:inherit;cursor:pointer;}
a p{cursor:pointer;}
/* 特效 */
a:hover img{filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;transition: all 0.9s ease 0s;} 
/* 风格定义 */
*{margin:0px;padding:0px;border:0px;word-wrap:break-word;}
*[class~="layer1"]{width:100%;height:auto;}
*[class~="layer2"]{width:1280px;height:auto;min-width:1024px;max-width:1280px;margin-left:auto;margin-right:auto;}
BODY{overflow:scroll;font-family:Tahoma,Verdana,Arial,sans-serif,"微软雅黑";font-size:14px;
-moz-user-select: none; /*火狐*/
-webkit-user-select: none; /*webkit浏览器*/
-ms-user-select: none; /*IE10*/
-khtml-user-select: none; /*早期浏览器*/}
ul,li{list-style:none;}
p{cursor:default;}
a{text-decoration: none;font-size:14px;font-weight:400;font-family:"Raleway",sans-serif;outline:none;cursor:pointer;}
/* 无资源图片 */
img{background:url(../image/loading.gif);
background-position: center;
background-repeat: no-repeat;
background-size:cover;}
/* 大标题 */
h3{font-size:18px;letter-spacing:3px;font-weight:400;text-align:center;
border-bottom:1px solid rgba(53, 58, 63, 0.55);margin-bottom:4%;}
/* 选项卡 */
h4{font-size:15px;text-align:left;line-height:1.4;}
/* 类型选择标签 */
h5{height:30px;font-size:18px;letter-spacing:3px;font-weight:400;margin-bottom:4%;text-align:center;}
h5 a{height:auto;width:20%;padding:1%;margin:calc(1% + 1px);border-radius:3px;text-align:center;}
h5 a[class~='selected']{border:1px solid #d8d5d5;margin:1%;}
/* 展示页面切换栏 */
h6{width:100%;height:auto;text-align:center;}
h6 a{width:5%;height:auto;display:inline-block;text-align:center;margin:1%;
border-radius:3px;text-align:center;font-weight:bold;}
h6 a[class~='disabled']{color:#858D94;transition:all 0s ease 0s;visibility:hidden;}
h6 a:hover[class~='disabled']{color:#858D94;background-color:inherit;cursor:default;}
h6 a[class~='selected']{border:1px solid #d8d5d5;margin:calc(1% - 1px);}
/* 独立选项卡标题 */
h7{width:94%;height:auto;display:inline-block;font-size:22px;margin-bottom:3%;padding:3%;}
/* 详情查看标题栏 */
h8{width:100%;height:auto;display:inline-block;font-size:30px;margin-bottom:20px;}
/* 详情查看小标题 */
h9{width:100%;height:auto;display:inline-block;font-size:25px;margin-bottom:4%;}

*[class~="HTML_ORIGNAL_AREA"] h3{text-align:left;font-weight: bold;}
*[class~="HTML_ORIGNAL_AREA"] h4{text-align:left;}
*[class~="HTML_ORIGNAL_AREA"] *{margin: initial;padding: initial;border: initial;word-wrap: initial;color:#999999;}

*[class~="leftframe"]{width:75%;height:100%;display:inline-block;vertical-align:top;}
*[class~="rightframe"]{width:24%;height:100%;display:inline-block;vertical-align:top;}
/* 弹出窗口 */
div[class~="NdsFlowWindow"]{max-width:60%;max-height:100%;width:300px;height:300px;
z-index:99999;margin-left:auto;margin-right:auto;background:#333333;position:absolute;left:50%;top:50%;}

ul[class~="minicardtable"]{width:100%;height:auto;}
ul[class~="minicardtable"]li{width:100%;height:auto;margin-bottom:10%;}
li[class~="minicard"]{width:100%;height:auto;display:inline-block;margin-bottom:7%;min-height:150px;}
li[class~="minicard"] span{width:90%;height:auto;padding:5%;}
li[class~="minicard"] a{width:85%;height:20px;float:left;text-align:center;border-left:1px #d8d5d5 solid;border-right:1px #d8d5d5 solid;
margin-left:5%;margin-bottom:1%;margin-top:3%;border-radius:3px;font-weight:bold;padding:1%;}
li[class~="contract_card"]{width:100%;height:auto;}
li[class~="contract_card"] ul{width:100%;height:auto;text-align:center;}
li[class~="contract_card"] li{width:85%;height:auto;text-align:center;border-left: 1px solid #D8D5D5;border-right: 1px solid #D8D5D5;border-top: 1px solid #D8D5D5;border-radius: 3px;margin-bottom:10px;display: inline-block;}
li[class~="contract_card"] img{width:20%;height:auto;display:inline-block;}
li[class~="contract_card"] p{width:80%;height:auto;display:inline-block;text-align:left;}
li[class~="contract_card"] h4{width:90%;height:auto;display:inline-block;text-align:left;}
li[class~="relatedcase"] a{width:90%;height:20px;float:left;text-align:left;display:block;
margin-left:5%;margin-bottom:1%;margin-top:3%;border-radius:3px;font-weight:bold;padding:1%;}

*[class~="header"]{height:auto;margin-bottom:50px;}
*[class~="logo"]{width:auto;height:150px;display: inline-block;}
*[class~="navbar"]{float:right;position: relative;right:0px;top:20px;display:inline-block;
    min-width:400px;max-width:800px;width:50%;height:100px;text-align:right;}
*[class~="navitem"]{width:17%;height:100%;text-align:center;display:inline-block;color:#CCC;margin-right:2px;vertical-align:top;}
*[class~="navitem"] a{display:inline-block;width:100%;height:100%;}
p[class~="navtext-ch"]{margin-top:20%;width:100%;height:30%;font-weight:700;font-size:100%;}
p[class~="navtext-en"]{width:100%;height:30%;font-weight:500;font-size:100%;}
*[class~="navicon"]{width:6%;height:100%;text-align:center;display:inline-block;margin-right:0px;}

*[class~="main"]{height:auto;}
ul[class~="servicetable"]{width:100%;height:auto;margin-bottom:50px;display:block;}
ul[class~="servicetable"] li{width:31%;height:230px;margin-left:1%;margin-right:1%;display:inline-block;vertical-align:top;}
ul[class~="servicetable"] a{width:100%;height:auto;display:inline-block;cursor:default;}
ul[class~="servicetable"] img{width:85px;height:85px;display:inline-block;vertical-align:middle;}
ul[class~="servicetable"] h4{width:auto;height:auto;display:inline-block;vertical-align:middle;margin-left:10%;font-size:17px;color:#666666;}
ul[class~="servicetable"] p{width:100%;height:67%;display:inline-block;margin-top:4%;
color:#858D94;text-align:justify;font-size:13px;letter-spacing:0.5px;}
ul[class~="servicetable"] p:first-letter{font-size:15px;font-weight:bold;margin-right:2px;color:black;}

ul[class~="producttable"]{width:100%;height:300px;margin-bottom:8%;}
ul[class~="producttable"] li{width:31%;height:100%;display:inline-block;margin-left:1%;margin-right:1%;}
ul[class~="producttable"] a{width:100%;height:100%;display:inline-block;}
ul[class~="producttable"] h4{width:100%;height:30%;display:inline-block;}
ul[class~="producttable"] p{width:100%;height:30%;display:inline-block;margin-top:9%;vertical-align:middle;text-align:center;
font-size:120%;}
ul[class~="producttable"] img{width:100%;height:70%;display:inline-block;}
a:hover[class~="producttablelink"] h4{background:inherit;color:inherit;}

div[class~="mainblock-product"]{width:100%;height:auto;margin-bottom:5%;}
div[class~="subblock-productinfo"]{width:100%;height:auto;margin-bottom:3%;}
div[class~="subblock-productinfo"] ul{width:100%;height:auto;}
div[class~="subblock-productinfo"] li{width:22%;height:200px;display:inline-block;margin:1%;}
div[class~="subblock-productinfo"] a{width:100%;height:100%;display:inline-block;}
div[class~="subblock-productinfo"] p{width:96%;height:14%;display:inline-block;padding:2%;font-size:18px;font-weight:bold;}
div[class~="subblock-productinfo"] img{width:100%;height:81%;display:inline-block;}

*[class~="productdisplay"]{height:300px;margin-bottom:20px;}

*[class~="footer"]{width:100%;height:auto;margin-top:20px;text-align: center;}
ul[class~="partner"]{width:600px;height:70px;margin-left:auto;margin-right:auto;margin-bottom:50px;text-align:center;}
ul[class~="partner"] li{width:24%;height:80%;display:inline-block;margin:2px;}
ul[class~="partner"] a{width:100%;height:100%;display:inline-block;}
ul[class~="partner"] img{width:100%;height:100%;display:inline-block;}

*[class~="copyright"]{width:auto;height:100px;text-align:center;}
*[class~="copyright"] p{width:auto;margin:2px;text-align:center;font-size:11px;color:#999999;}

li[class~="productinfo"] ul{width:100%;text-align:center;}
ul[class~="productcontent"]{width:95%;}
li[class~="productpicinfo"]{width:20%;text-align:left;float:left;}
li[class~="productpicinfo"] ul{width:100%;text-align:left;float:left;}
li[class~="productpicinfo"] li{width:100%;height:auto;display:inline-block;text-align: left;}
li[class~="productpicinfo"] a{width:180px;height:100px;display:block;border:1px solid #CCC;outline: none none;}
li[class~="productpicinfo"] img{width:100%;height:100%;}
li[class~="productbasicinfo"]{width:100%;}
li[class~="productbasicinfo"] span{width:20%;height:auto;display:inline-block;vertical-align:top;}
li[class~="productbasicinfo"] img{width:100%;height:auto;max-height:170px;display:inline-block;vertical-align:top;padding:-1px;border:1px solid #cccccc;}
li[class~="productbasicinfo"] div{width:69%;height:auto;display:inline-block;vertical-align:top;padding-left:5%;margin-bottom: 100px;}
li[class~="productparaminfo"]{width:70%;margin-bottom:5%;margin-right:5%;float:right;}

li[class~="caselisttable"]{height:auto;margin-bottom:5%;}
div[class~="caselistcontent"]{width:100%;min-height:500px;margin-bottom:5%;}
div[class~="caselistcontent"] ul{width:31.5%;min-height:500px;display:inline-block;vertical-align:top;margin:0.2%;}
div[class~="caselistcontent"] li{width:100%;height:auto;display:block;vertical-align:top;margin-bottom:3%;}
div[class~="caselistcontent"] img{width:100%;height:auto;max-height:300px;display:inline-block;vertical-align:top;}
div[class~="caselistcontent"] a{width:100%;height:auto;display:inline-block;}
div[class~="caselistcontent"] p{font-weight:bold;width:94%;height:auto;font-size:20px;padding:3%;word-wrap: break-word;}
div[class~="caselistcontent"] div{width:94%;height:auto;padding:3%;word-wrap: break-word;display:block;}
div[class~="caselistcontent"] span{width:94%;height:auto;padding:3%;word-wrap: break-word;display:block;text-align:right;}
h6[class~="caselistselector"]{width:100%;}

li[class~="caseinfo"] {height:auto;margin-bottom:5%;}
li[class~="caseinfo"] h8{width:92%;height:auto;padding-left:3%;padding-right:3%;height:auto;margin-bottom:5%;}
li[class~="caseinfo"] div{width:92%;height:auto;min-height:400px;padding-left:3%;padding-right:3%;height:auto;margin-bottom:5%;}
li[class~="caseinfo"] span{width:20%;height:auto;padding-left:3%;padding-right:3%;margin-left:70%;
     text-align:center;display:inline-block;word-wrap:break-word;}
li[class~="caseinfo"] hr{width:100%;margin:10%;}

ul[class~="abouttable"] {width:100%;height:auto;margin-bottom:5%;}
ul[class~="abouttable"] p{font-size:13px;line-height: 23px;text-align:justify}
ul[class~="abouttable"] p:first-letter{font-weight:bold;font-size:16px;margin-right:2px;color:black;}
ul[class~="abouttable"] li{width:31%;height:auto;display:inline-block;margin:1%;min-height:250px;vertical-align:top;}
ul[class~="abouttable"] li[class~="aboutheader"]{width:98%;margin-bottom:100px;}
li[class~="aboutheader"] img{width:30%;height:200px;display:inline-block;vertical-align:top;}
li[class~="aboutheader"] p{width:55%;height:100%;display:inline-block;vertical-align:top;padding-left:2%;padding-right:2%;}

ul[class~="contacttable"] {width:100%;height:auto;margin-bottom:5%;}
ul[class~="contacttable"] li{width:45%;height:auto;display:inline-block;margin:1%;min-height:250px;vertical-align:top;}
ul[class~="contacttable"] li[class~="contactmap"]{width:65%;}
ul[class~="contacttable"] li[class~="contacttele"]{width:30%;}
ul[class~="contacttable"] li[class~="contacttele"] p{margin-top: 15px; font-size: 16px; }
li[class~="contactheader"] img{width:30%;height:30px;display:inline-block;vertical-align:top;}
li[class~="contactheader"] p{width:65%;height:100%;display:inline-block;vertical-align:top;padding-left:2%;padding-right:2%;}

div[class~="admin_toolbar"]{background:black;color:#FFFFFF;}
div[class~="admin_toolbar"] ul{height:25px;}
div[class~="admin_toolbar"] li{width:100px;height:100%;display:inline-block;padding-top:2px;}
div[class~="admin_toolbar"] p{border:1px solid transparent;display:inline-block;vertical-align: middle;}
div[class~="admin_toolbar"] a{
    border:1px solid transparent;
    vertical-align: middle;
    padding-left:6px;padding-right:6px;
}
div[class~="admin_toolbar"] a:hover{
    border:1px solid #66CCCC;
    background-color: transparent;
    border-radius:2px;
    color:#66CCCC;
}