.tel    {color:#2779ce; font-size: 24px; font-weight:bold; font-style: italic}
nav {background: #2779ce; height: 53px; position: relative}
nav .layui-row>.layui-col-md2>a   { color: white; display: block; border-top: #2779ce solid 3px; text-align: center; font-size: 18px;}
nav .layui-row>.layui-col-md2>a   small   { font-size: 12px; color: #00FFFF; text-transform: uppercase; display: block; line-height: 30px; height: 20px;}
nav .layui-row>.layui-col-md2>a   span    { font-size: 18px; line-height:25px; height: 30px; display: block;}
nav .layui-row>.layui-col-md2>a:hover,nav .layui-row>.layui-col-md2>a.currentnav { background: #2b68a7; border-top: #204f80 solid 3px; color: white}
nav .layui-row>.layui-col-md2>a:hover   span,nav .layui-row>.layui-col-md2>a.currentnav span { background: #2b68a7; height: 47px; line-height: 47px; border-top: #204f80 solid 3px; color: white}
nav .layui-row>.layui-col-md2>a:hover   small,nav .layui-row>.layui-col-md2>a.currentnav small { display: none;}

.icon-rexian  { font-size: 40px; color: #2779ce}
.popnav {position: absolute; top: 53px; left: 0px; width: 100%; background:#2b68a7; display: none; color: white;padding: 3em 0; z-index: 99;}
#nav_company    { font-size: 14px; line-height: 200%;}
#nav_company    p   { text-indent: 2em;}
footer  { color: white; background: #2779ce; height: 50px; line-height: 50px; margin-top: 1em;}
.about  { background: url("../images/QEN9Y4957.jpg") no-repeat center center; min-height: 620px; overflow: hidden}
.about  .layui-text p   { text-indent: 2em; line-height: 180%; margin-bottom: .5em;}
.cd {height: 210px; overflow: hidden;text-align: center; margin-bottom: 1em;}
.cd h2  { height: 51px; line-height: 50px; border-bottom: #007DDB solid 1px; text-align: center; margin-bottom: 1em; }
.cd h2  a   { color: #FFF; width: auto;}
.cd h2:after    {content: ''; font-size: 5px; line-height: 5px; display: block; background: #efefef;text-align: center;margin:0 auto;top:-1px; height: 3px; width: 80px; text-align: center;}
.cd li  { height: 30px; line-height: 30px; overflow: hidden}
.product    { background:  url("../images/video_bg.jpg"); min-height: 700px; overflow: hidden}
.news   { margin-bottom: 100px;}
.date   { padding: 1em; text-align: center; background: #007DDB; color: white; height: 56px;}
.date   .y  { font-size: 24px; line-height: 30px;}
.date   .d  { font-size: 18px; line-height: 26px;}
.news   .layui-col-space10   { margin-bottom: 15px;}
.layui-title  {height: 120px; text-align: center; margin-top: 80px;}
.layui-title    small   { text-transform: uppercase}
.layui-title:after  { content: ""; display: block; height: 1px; width: 50px; line-height: 1px;background: #007DDB; margin:10px auto;}

.top    {border-bottom: solid #efefef 1px; background: #f8f8f8; color: #666;font-size: 14px;  line-height: 30px; height: 30px;}
.top    .layui-col-md9  {font-size: 12px;}
.top    .layui-col-md3  {text-align: right}
.logobox    { margin: 15px 0;}
.logobox    .telbox    {margin-top: 1.5em;}
.about  .pt{background: url('../images/310e936017f6325bc4204624aee9b7e7.png') no-repeat right center; background-size: contain; padding: 3em; height: 620px;}
.about  .jianjiebox{animation-fill-mode: both;box-shadow: 0 2px 24px 0px rgba(175,175,175,0.2); padding: 3em; background: rgba(255,255,255,0.5)}
.about  .jianjiebox .layui-text {margin-top: 3em;}

.product    .layui-title    {color: white}
.news .layui-col-space10  {height: 94px; overflow:hidden;}

.r-box-1 a  { display: block; font-size: 16px;  height: 35px; line-height: 35px; color: #666;}
.r-box-1 a:hover    { background: #fff; text-decoration : none;}
.r-box-2,.r-box-1    { padding:1em 0.5em;}
.r-box-2 div{ line-height: 25px; margin-bottom: .5em;}

.s-title    { margin: 1em 0 1em 0; position: relative;}
.s-title    h1  { font-size: 24px;}
.s-title    small   { text-transform: uppercase; color:#007DDB; }
.s-title:before  { content: ''; height: 1px; background: #CCCCCC; width: 100%;position: absolute; display: block;left: 0; bottom: -10px;}
.s-title:after  { content: ''; height: 1px; width: 60px; position: absolute; left: 0; bottom: -10px; background: #007DDB; display: block; }
hr  { margin-bottom: 30px;}
.intro  { padding: 50px;}
.dh { height: 30px; line-height: 0px; border-bottom: #efefef solid 1px; position: relative;}
.dh:after   { content: ""; height: 1px; width: 60px; position: absolute; left: 0; bottom: -1px; background: #007DDB; display: block;}
.intro  p   { font-size: 16px; text-indent: 2em; margin-bottom: 1em; line-height: 180%;}

.ry a   { border: solid #efefef 15px; display: block;}
.ry a:hover { border: solid #007DDB 15px;}

.dede_pages{

}
.dede_pages ul{
    float:left;
    padding:12px 0px 12px 16px;
}
.dede_pages ul li{
    float:left;
    font-family:Tahoma;
    line-height:17px;
    margin-right:6px;
    border:1px solid #E9E9E9;
    list-style: none;
    padding:2px 4px 2px;
}
.dede_pages ul li a{
    float:left;
    color:#555;
    display:block;
}
.dede_pages ul li a:hover{
    color:#690;
    text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
    background-color:#F8F8F8;
    padding:2px 4px 2px;
    font-weight:bold;
}
.dede_pages .pageinfo{
    padding:12px 0px 12px 0px;
    color:#999;
}
.dede_pages .pageinfo strong{
    color:#555;
    font-weight:normal;
    margin:0px 2px;
}
.plist   h3 {
     margin-bottom: 0.5em;
     height: 44px;
}
.pbox   .pimg   img { border: #ccc solid 1px;}
.pbox:hover   .pimg   img { border: #ccc solid 1px;}
.pbox   {border: #FFF solid 1px; overflow: hidden;}
.pbox:hover   {  background: #f8f8f8; border: #ccc solid 1px;}
.pbox   .layui-elip{ color: #666}
.productintro   .s-title    { margin-top: 3em;}