﻿@charset "UTF-8";
/*
    Css for PEL,    ver 1.0
    CopyRight By Dongyi Network Technology CO.,Ltd Design Center

    本网站通用布局
*/

/* Css Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td, img{padding: 0;margin: 0;}
table{ border-collapse: collapse; border-spacing: 0;}
fieldset, img{ vertical-align: top; border: 0;}
address, caption, cite, code, dfn, em, th, var, i{ font-weight: normal; font-style: normal;}
ol, ul, li{ list-style: none;}
div, dl, dt, dd, ol, ul, li{zoom: 1;}
caption, th{ text-align: left;}
h1, h2, h3, h4, h5, h6{ font-weight: normal;font-size: 100%;}
q:before, q:after{ content: '';}
abbr, acronym{ border: 0;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu,time{margin: 0;padding: 0;display: block;zoom: 1;}
pre{ font-size: 14px; font-family: "Microsoft YaHei"; white-space: pre-wrap;word-wrap: break-word;}

/* Public */
body{ min-width: 1200px; color: #333;font-size: 14px;line-height: 1.8;font-family: "Microsoft YaHei", SimSun, Arial, Helvetica, Tahoma, sans-serif;text-align: left;-webkit-text-size-adjust: none; }
a{ color: #333; text-decoration: none; outline: none;}
a:hover{color: #31b3c1;text-decoration: underline;}
.clearbox{ border: none; border-top: 1px solid transparent !important; clear: both; font-size: 0; height: 0; line-height: 0; margin-top: -1px !important; visibility: hidden;}
.blank{ display: block; height: 10px; font-size: 0px; line-height: 0; overflow: hidden; clear: both;}
.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix{ height: 1%;}
*+html .clearfix{ min-height: 1%;}
.fl{ float: left;}
.fr{ float: right;}
.hide{ display: none;}
input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.wrap{width: 1200px; overflow: hidden; padding: 0 20px; background: #fff; margin: 0 auto;}
.siteWidth{clear: both;width: 1200px;margin: 0 auto;}
#xw{ padding-top:20px; overflow:hidden; padding-bottom:30px; margin-top:50px;}
.gcal{ padding-bottom:40px}
/*头部 */
.top{ height:40px; line-height:40px; background:#f5f5f5}
#top{ width:1200px; margin:0px auto}
.topleft{ float:left}
.topright{ float:right}
#header{height: 122px;width: 1200px;margin: 0 auto;position: relative;z-index: 30;}
#header .logo{position: absolute; z-index: 2; left: 0px; }
#header .logo img{}
#header .s-form{width: 237px; height: 33px; background: #fff; position: absolute; top: 50px; right: 107px; border: 2px solid #dadada; border-radius: 18px; overflow: hidden;}
#header .s-form .from-control{height: 20px; line-height: 20px; float: left; _display: inline; width: 170px; padding: 8px 0 8px 10px; background: none; border: none;}
#header .s-form .btn-box{float: right; _display: inline; width: 42px; height: 36px;}
#header .s-form .btn{float: right;_display: inline;width: 42px;height: 36px;line-height: 36px;text-indent: 200%;overflow: hidden;border: none;background: url(../images/icons-1.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/icons.png*/ 11px 4px no-repeat #ffffff;cursor: pointer;}
#siteLast{width: 91px; height: 37px; position: absolute; right: 0px; top: 50px; z-index: 30;}
#siteLast dt{width: 91px; height: 37px; text-align: center; line-height: 37px; background: #ff9a66; color: #fff; font-size: 16px; cursor: pointer; border-radius: 18px; overflow: hidden;}
#siteLast dd{background: #ff9a66; padding: 10px 10px 10px 20px; margin: 0px; width: 800px; top: 37px; right: 0px;display: none; position: absolute; color: #fff}
#siteLast ul{overflow: hidden}
#siteLast li{float: left; _display: inline; width: 33%; height: 26px; line-height: 26px; color: #666; background: url(../images/dot-02.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/dot-02.png*/ 0 9px no-repeat; text-align: left;}
#siteLast li a{color: #fff; padding-left: 15px;}
#siteLast.on dt{background-color: #ff9a66; color: #fff; border-radius: 18px 18px 0px 0px}
#siteLast.on dd{display: block;}

/*导航 */
.menu{ background:#cc1010; height:55px; line-height:55px}
#menu{ width:1200px; margin:0px auto}
#menu ul li{width:150px; text-align:center; float:left;font-size:15px; line-height:55px;}
#menu ul li a{  text-decoration: none; font-size:16px;line-height:55px; width:150px; display:block; color:#fff;}
#menu ul li a:hover{ font-weight:bold;background: #ff0000;}
#menu ul li .a_nav{ text-decoration: none; font-size:16px; line-height:55px; width:120px;  color:#fff; font-weight:bold; background:#ff0000;}

/*内容区 */
#nav_bg{ width:100%; height:60px; line-height:60px; font-size:16px; background:url(../images/20180526110307_1172316122.jpg) center no-repeat; color:#fff; margin:auto;min-width:1200px;}
#nav_c{ width:1200px; height:60px; margin:auto;}
#nav li{ width:120px; text-align:center; float:left;font-size:15px; line-height:65px;}
#nav ul li a{ text-decoration: none; font-size:16px;line-height:60px; width:120px; display:block; color:#fff;}
#nav ul li a:hover{ font-weight:bold;background: #484848;}
#nav ul li .a_nav{ text-decoration: none; font-size:16px; line-height:60px; width:120px;  color:#fff; font-weight:bold; background:#484848;}
.xwleft h2 span{    display: block;
    line-height: 80px;
    height: 80px;
    float: right;
    font-size: 14px;
    padding-right: 17px;}
.xwleft strong{    width: 220px;
    display: block;
    padding-top: 18px;
    font-size: 20px;
    color: #333;
    line-height: 25px;
    float: left;
    font-weight: 100;
    margin-left: 30px;
}
.xwleft strong font{    font-size: 14px;
    color: #828282;}
.xwright strong font{    font-size: 14px;
    color: #828282;}
.xwleft i{ background:url(../images/xwtb.jpg) no-repeat;padding: 25px 0;
    height: 30px;
    display: block;
    float: left;
    position: relative;
    z-index: 2;
    transition: 0.3s all; width:80px}
.xwright h2 span{    display: block;
    line-height: 80px;
    height: 80px;
    float: right;
    font-size: 14px;
    padding-right: 17px;}
.xwright strong{    width: 220px;
    display: block;
    padding-top: 18px;
    font-size: 20px;
    color: #333;
    line-height: 25px;
    float: left;
    font-weight: 100;
    margin-left: 30px;
}
.xwright i{ background:url(../images/hytb.jpg) no-repeat;padding: 25px 0;
    height: 30px;
    display: block;
    float: left;
    position: relative;
    z-index: 2;
    transition: 0.3s all; width:80px}
.clear{ clear: both}
#content{ width: 1200px; overflow: hidden; margin: 0 auto;}
.column{overflow: hidden;}
.hh{text-align: center;
    font-size: 36px;
    line-height: 35px;
    font-weight: bold;
    color: #484848;
    padding-top: 50px;
    width:1200px; background:url(../images/h.png) no-repeat center; height:80px}
.xwleft{    width: 590px;
    background: #fafafa; float:left}
.xwright{    width: 590px;
    background: #fafafa; float:right}
.cpzshs{ overflow:hidden}
.cpzshs ul li{    width: 275px;
    float: left;
    margin-left: 15px;    margin: 20px 10px 0px 5px;}
.cpzshs ul li img{    width: 275px;
    height: 210px;
    transition: all .5s ease;}
.cpzshs ul li ol{text-align: center;
    height: 40px;
    line-height: 40px;
    transition: all .5s ease;
    color: #2f2f2f;
    background: #fff;
    border: 1px solid #d1d1d1;}
.cpzshs ul li ol:hover{ background:#0074c4; height:40px; line-height:40px;color: #fff;}
.cpzshs ul li ol:hover a{ height:40px; line-height:40px;color: #fff;}
/*底部 */
#footer{clear: both;background: #333;text-align: left; color: #fff; }
#footer .siteWidth{padding: 35px 0; font-size: 12px; overflow: hidden;}
#footer .ewm{width: 170px; float: right; _display: inline;}
#footer .ewm ul{width: 200px; overflow: hidden;}
#footer .ewm li{float: left; _display: inline; width: 70px; margin-right: 30px;}
#footer .ewm li .pic, #footer .ewm li .pic img{width: 70px; height: 70px; overflow: hidden;}
#footer .ewm li .tit{height: 30px; line-height: 30px; text-align: center; color: #fff}
#footer a{color: #fff}
#footer .footerNav{overflow: hidden; height: 28px; line-height: 28px;}
#footer .footerNav li{display: inline-block;*display: inline;zoom: 1;margin-right: 10px;}
#footer .footerNav li a:hover{color: #ff0;}
#footer .copyRight{color: #fff; line-height: 24px;}
.gsjjjs{ float:left; width:630px}
.gsjjb{    width: 630px;
    height: 45px;}
.djgd{    width: 130px;
    height: 40px;
    border: 1px solid #666666;
    margin-right: 20px;
    float: left;
    color: #666666;
    font-size: 14px;
    line-height: 35px;
    padding-top: 5px;
    text-align: center;
    margin-right: 20px;
    margin-top: 40px;}
.djgd a{    color: #666666;
    font-size: 14px;
    line-height: 35px;}
.daohang{    background: url(../images/ml.jpg) no-repeat center;
    width: 100%;
    height: 55px;}
.tel{ float:right; }
.content{ overflow:hidden; padding:8px}
.xwleft li span{ float:right}
.xwleft li{ line-height:36px; background: url(../images/arrow.jpg) no-repeat; background-position:10px; padding-left:20px}
.xwright li span{ float:right}
.xwright li{ line-height:36px; background: url(../images/arrow.jpg) no-repeat; background-position:10px; padding-left:20px}
.tsdibu{ width:100%;  height:295px;background:#333;overflow:hidden; padding-top:40px}
#tsdibu{ width:1200px; margin:0px auto}
.tsdhdb ul{width: 1200px;height: 60px;border-bottom: 1px solid #f1f1f1}
.tsdhdb ul li{float: left;margin-left: 74px;}
.tsdhdb ul li a{color: #ddede1;font-size: 16px;line-height: 60px;}
.tsdhdb ul li a:hover{color: #ff7800}
.lxfsd{float: left;width: 450px;margin-left: 60px;margin-top: 40px;height: 160px;overflow: hidden}
.lxfsbt{color: #fff;font-size: 18px;font-weight: bold;float: left;height: 160px;margin-right: 25px;}
.lxfsnrd{color: #fff;font-size: 16px;line-height: 26px;}
.fld{width:330px;float: left;margin-left: 40px;margin-top: 40px;height: 160px;overflow: hidden}
.flnrd{width: 300px;}
.flnrd a{color: #fff;font-size: 16px;line-height: 26px;width: 100px;height: 26px;display: block;float: left;}
.flnrd a:hover{color: #ff7800}
.erweima{margin-top: 40px;text-align: center;}
.erweima p{color: #fff;font-size: 14px;}
.header{   background: url(../images/header.jpg) no-repeat center; height:122px}
/* 当前位置 */
.path{height: 34px; line-height: 34px; padding-left: 25px; background: url(../images/path.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/path.png*/ 0px 7px no-repeat; text-align: left; font-size: 14px; color: #888888; margin-bottom: -10px; margin-top: 5px;}
.path a, .path span{ padding: 0 3px; color: #888888;}
.path a:hover{color: #31b3c1}

/* sideBox */
.sideBox{ padding: 0 12px}
.sideBox .hd{height: 40px; line-height: 40px;}
.sideBox .hd h3{float: left; _display: inline; padding-left: 32px; background: url(../images/icons-1.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/icons.png*/ 0px -125px no-repeat; font-size: 18px; color: #000; font-weight: bold;}
.sideBox .hd h3 a{color: #000; font-weight: bold;}
.sideBox .hd h3 a:hover{color: #31b3c1}
.sideBox .hd .more{float: right; _display: inline;}

/* 盒子 */
.box {}

.box .hd{height: 39px; border-bottom: 1px solid #ececec;}
.box .hd h3{float: left; _display: inline; height: 37px; line-height: 37px; padding: 0 8px; border-bottom: 3px solid #34b3d1; font-size: 18px; position: relative;}
.box .hd h3:after{content: ""; position: absolute; width: 0px; height: 0px; border: 3px solid #fff; bottom: -6px; border-bottom: none; border-top: 3px solid #34b3d1; left: 50%; margin-left: -3px;}
.box .hd ul{overflow: hidden;}
.box .hd ul li{height: 40px; float: left; _display: inline; padding: 0 10px; line-height: 40px; text-align: center;}
.box .hd ul li a{font-size: 18px; color: #333}
.box .hd ul li a:hover{text-decoration: none;}
.box .hd ul li.on{background: url(../images/boxhdon.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/boxHdOn.png*/ repeat-x; color: #fff}
.box .hd ul li.on a{color: #fff}
.box .hd .more{float: right; _display: inline; height: 39px; line-height: 39px; font-size: 14px}
.box .bd{padding-top: 10px;}

/* 盒子B */
.boxB {}

.boxB .hd{height: 40px; overflow: hidden;}
.boxB .hd .cn{float: left; _display: inline; padding-left: 30px; background: url(../images/icons-1.png)/*tpa=http://www.lcstsjy.com/Content/tsjyxx/Base/img/icons.png*/ -5px -108px no-repeat; height: 40px; line-height: 40px; font-size: 18px; color: #11aac5; margin-right: 10px;}
.boxB .hd .cn a{color: #11aac5}
.boxB .hd .cn a:hover{color: #31b3c1}
.boxB .hd .en{float: left; _display: inline; height: 24px; line-height: 24px; float: left; _display: inline; padding-top: 10px; font-size: 12px; color: #cfcfcf; font-family: Arial;}
.boxB .hd .more{float: right; _display: inline; height: 40px; line-height: 40px; color: #ccc}

/*验证码*/
div.codeinp input[type=text]{ width: 100px !important; float: left; margin-right: 10px;}
div input[type=text]{ width: 80%; border: 1px solid #ccc; height: 30px; padding: 0 10px;}

/* 通用底部按钮 */
.bot{ text-align: center; padding: 0 0 20px 0;}
.bot a, .bot button{ cursor: pointer; display: inline-block; height: 46px; line-height: 46px; padding: 0 5%; font-size: 16px; background: #11aac5; border: 0; color: #fff; margin: 0 2%; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.bot a:hover, .bot button:hover{ text-decoration: none; background: #11aac5;}

/* 依申请、信访、咨询等通用 查询页样色 */
.queryForm{ background: #fff; padding: 3% 0; width: 80%; margin: 30px auto; border: 1px solid #e2e2e2; font-size: 16px;}
.queryForm td{ padding: 8px 0}
.queryForm .tdlab{ width: 40%; text-align: right;}
.queryForm input[type=text]{ width: 56%;}
.queryForm .bot{ text-align: left;}
.queryForm .bot a{ margin: 0}
.queryForm .required strong{ color: #f00; margin-right: 5px;}
.queryForm .errorMessage{ color: #f00;}
.queryForm table{ width: 100%; border: 0;}

/* 依申请、信访、咨询等通用 查询结果页样色 */
.queryResult{ width: 80%; margin: 30px auto;}
.queryResult .mainBox{ margin-bottom: 50px;}
.queryResult .tit h3{ text-align: center; font-size: 38px; line-height: 2; margin-bottom: 30px;}
.queryResult .tips{ text-align: center; font-size: 16px; margin-bottom: 50px; border-top: 1px solid #ddd; padding: 50px 0 20px 0;}
.queryResult .number{ font-weight: bold; color: #f00}
.syleft{ width:300px; float:left;background: #cc1010;
    padding-bottom: 20px;}
.text{padding: 20px 15px 0px 15px;}
.text span{color: #fff;
    font-weight: bold;
    font-size: 24px;
    display: block;
    margin-bottom: 10px;}
.text p{display: block;
    font-size: 24px;
    color: #fff;
    margin-bottom: 30px;
    background: url(../images/jia.jpg) no-repeat right center;}
.text ul{
    background: #fff;
    padding: 10px 15px 22px 15px;}
.text ul li{display: block;
    border-radius: 25px;}
.text ul li a{display: block;
    text-decoration: none;
    color: #fff;
    font-size: 15px;
    background: #cc1010;
    border-radius: 25px;
    padding: 6px 0px 6px 18px;
    margin-bottom: 8px;
}
.syright{ width:860px; float:right}
.title span{    font-size: 24px;
    color: #cc1010;
    border-bottom: 3px solid #cc1010;
    padding-bottom: 8px;
    font-weight: bold;}
.title{line-height: 45px;
    border-bottom: 1px solid #e1e1e1;}
.title p{ display: inline-block; float: right; }
.syright ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.syright ul li:nth-child(3n){margin-right:0}
.syright ul li .img{width: 268px; height: 198px;  overflow: hidden;  }
.syright ul li .img img{ width: 260px; height: 190px;padding: 3px; border: 1px solid #c1c1c1; transition: 0.5s; }
.syright ul li .img img:hover{ transform:scale(1.2)  }
.main_contact{width: 100%;
    padding: 0px 15px 0px 15px;
    position: relative;}
.main_contact span{    position: absolute;
    bottom: 20px;
    left: 0;
    font-size: 24px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    width: 100%;
}
.center {
    width: 1200px;
    margin: 0 auto;
}
.i_box2 {
    width: 100%;
    background: url(../images/casebg.jpg) no-repeat;
    background-size: cover;
    background-attachment: fixed;
    padding: 40px 0;
}
.box_tit strong {
    font-size: 38px;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    opacity: 1;
}
.box_tit span {
    font-size: 18px;
    color: #fff;
    display: block;
    text-align: center;
    opacity: 1;
}
.box_tit img {
    display: block;
    margin: 8px auto;
    max-width: 100%;
    opacity:1;
}
.box2_list ul li{ float: left; display: inline-block; margin-right: 27px; text-align: center; margin-top: 20px; }
.box2_list ul li .img{width: 268px; height: 238px;  overflow: hidden;  }
.box2_list ul li .img img{ width: 260px; height: 230px;padding: 3px;  transition: 0.5s; }
.box2_list ul li .img img:hover{ transform:scale(1.2)  }
.box2_list ul li ol a{    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin: 10px 0;
    text-align: center;
    display: block;}
.box_tit1 strong {
    font-size: 38px;
    color: #333;
    display: block;
    font-weight: bold;
    text-align: center;
    opacity: 1;
}
.box_tit1 span {
    font-size: 18px;
    color: #b3b3b3;
    display: block;
    text-align: center;
    opacity: 1;
}
.box_tit1 img {
    display: block;
    margin: 8px auto;
    max-width: 100%;
    opacity:1;
}
.box3_list ul li fl img {
    display: block;
    width: 100%;
    max-width: 100%;
    opacity: 1;
}
.box3_list ul li {
            width: 100%;
            float: left;
            margin-top: 30px;}
.box3_list ul li .fl {
                width: 50%;}
.box3_list ul li .fl img {
                    display: block;
                    width: 100%;
                    max-width: 100%;
                }
           
 .box3_list ul li .fr {
                width: 50%;}
 .box3_list ul li .fr span {
                    text-align: right;
                    font-size: 36px;
                    color: #cc1010;
                    font-weight: bold;
                    display: block;}
 .box3_list ul li .fr span em {
                        font-family: Arial black;
                        font-size: 68px;
                        font-style: normal;
                        padding-left: 12px;
                    }
              
 .box3_list ul li p {
                    display: block;
                    font-size: 15px;
                    text-align: right;
                    color: #555;
                    line-height: 48px;
                    margin-top: 15px;
                    padding-right: 25px;
                    background: url(../images/ysbg.jpg) no-repeat right 13px;
                }
         
            .on .fl {
                    float: right;
                }
               .on  .fr {
                    float: left;}
                   .box3_list ul li.on .fr span {
    text-align: left;
}
                        .on .fr em {
                            padding-left: 12px;
                        }
                    
                    .on .fr p {
                        text-align: left;
                        padding-left: 25px;
                        background: url(../images/ysbg.jpg) no-repeat left 13px;
                    }
  .box_tit1{    width: 100%;
    padding: 40px 0;
    margin-top: 30px;}
#kefu2{position:fixed; right:0px; bottom:100px; z-index:10008; padding: 10px; background: #fff; font-size: 12px;}
.cs_qcode{padding: 10px 0px 0px 0px;}
.cs_qcode{ text-align:center}