*{margin: 0;padding: 0;}
html {font-family:"Microsoft YaHei";font-size:625%;color: #333;}
body {max-width:640px;margin:auto;font-size:0;background:#fff;}
p,input {font-size:inherit;}
a{color:inherit;text-decoration: none;outline-style: none; border:none;}
ul,ol,li{list-style:none;}
img{max-width:100%;border:none;}
a,button,input,textarea{-webkit-tap-highlight-color: rgba(0,0,0,0); tap-highlight-color: rgba(0,0,0,0);}
em{font-style:normal;}
h1,h2,h3,h4,h5{font-weight:normal;}
.img_box div{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:'';display:block;height:0;clear:both;visibility:hidden;}
.clear{clear: both;}
.bl{float:left;display:inline-block;}
.br{float:right;display:inline-block;}
#lightbox-secNav-btnClose{padding-top: 0.1rem;padding-bottom: 0;}
.fl{
	float: left;
}

.fr{
	float: right;
}


.header{height:.9rem;background:#ffffff;}
.header h1{height:.47rem;margin:.2rem 0 0 .2rem;}
.header h1 img{width:2.4rem;height:.58rem;display:inline-block;font-size:.2rem;}
.menu{height:.23rem;float: right;}
#personal{margin:.2rem;}
.ba{width:.9rem;height: .9rem;background-color: #eb5e0f;float: right;text-align: center; cursor: pointer;}
/*.ba img{ margin:.25rem 0 0.25rem 0.2rem; }*/
.ba img{ margin-top: 0.28rem;}

.sidebar-wrapper{position:relative;height:100%; overflow-y:auto;}
#dowebok {background-color:#353535;}
#dowebok .nav {margin-top:0.1rem;list-style-type:none;padding:0 0.2rem;}
#dowebok .nav  li{
/*	height: 30px;*/
	    line-height: 0.8rem;
	 
}
#dowebok .nav a {display:block;color: #fff;text-decoration:none; font-size: 18px; text-align: center;}
/*[data-simplersidebar='active']{box-shadow: 3px 0px 3px 0px rgba(0, 0, 0, 0.5);}*/
#dowebok .nav a:hover{
	background: #eb5e0f;
}

/*banner*/
.banner img{width: 100%;}
.banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.banner .swiper-pagination-bullet{width:.5rem;height:.09rem;background:#ffffff;opacity:1;border-radius: 0;}
.banner .swiper-pagination-bullet-active{background: #eb5e0f}
.container{ /*width: 6.0rem;*/margin:0 auto; }
/*标题*/
.ad_title{ /*height:2.4rem;*/ margin-top: 0.22rem}
.ad_title h1{ font-size:0.25rem;color:#d5d0d0; font-weight: 100; text-align: center;text-transform:uppercase;}
.ad_title h2{font-size:0.28rem;color:#eb5e0f; font-weight:bold;text-align: center;}
.ad_title h3{font-size:0.18rem;color:#c49859; font-weight: 100;text-align: center;margin-top: 0.1rem}
/*产品中心*/
.pro_box{
	    padding: 1%;
	 margin-top: 0.22rem
}

.pro_box .pro_item{
 position: relative;
    display: block;
	width: 49%;
	margin-left: 1%;
	float: left;
	    margin-bottom: 80px;
}

.img_box {
    position: relative;
    overflow: hidden;
}


.img_box .img {
    width: 100%;
  /*  padding-top: 64.13%;*/
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    transition: all .5s;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
}

.img_box:hover .img {
    transform: scale(1.1);
    -ms-transform: scale(1.1);
    /* IE 9 */
    -webkit-transform: scale(1.1);
    /* Safari 和 Chrome */
    -o-transform: scale(1.1);
    /* Opera */
    -moz-transform: scale(1.1);
    /* Firefox */
}


.pro_box .pro_item:hover .post_text {
    box-shadow: 0px 0px 13px 0px #bbbbbb;
    -webkit-box-shadow: 0px 0px 13px 0px #bbbbbb;
    -ms-box-shadow: 0px 0px 13px 0px #bbbbbb;
    -moz-box-shadow: 0px 0px 13px 0px #bbbbbb;
    -o-box-shadow: 0px 0px 13px 0px #bbbbbb;
}

.pro_box .pro_item .pro_text {
       position: absolute;
    top: 89px;
    left: 50%;
    margin-left: -90px;
    width: 79%;
    text-align: center;
    background: #f5f5f5 url(../img/post_icon.png) no-repeat right bottom;
    padding: 15px 10px 11px;
}


.pro_box .pro_item .pro_text span {
    display: block;
    font-size: 16px;
    color: #555;
    line-height: 2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.pro_box .pro_item .pro_text p {
    display: block;
    text-align: center;
    font-size: 14px;
    color: #999;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.pro_box .pro_item .pro_text span:hover{
	color: #EB5E0F;
}
.black{ height: 0.15rem; background-color:#eeeeee;width:100%; clear: both;}

.advantage{
	padding: 4%;
}
.advantage #xiahua{height: 0.7px;border-bottom:1px solid #bbbbbb;width:2.8rem;position: relative;top:4.0rem;}
.advantage_amount{width:4.5rem;height:1.3rem; margin: 0.39rem 0 0.32rem 0; border-bottom: 2px solid #bbbbbb;}
.advantage_amount span {font-size: 0.4rem; font-family: Impact; margin-right:0.28rem;color:#818181;height:0.33rem;}
.advantage_amount #span1{font-size: 0.68rem;color:#eb5e0f;}
.advantage .slideBox .hd{font-size: 0.2rem;position: relative;top:3.5rem;z-index: 30;}
.advantage .slideBox .hd ul li{float: left;margin-right: 0.2rem;font-size: 0.3rem;font-family: Impact;color: #818181;}
.advantage .slideBox .hd ul li.on{    font-size: 0.48rem;
    font-family: Impact;
    color: #eb5e0f;
    margin-top: -0.15rem;
}}
.advantage .slideBox .bd{position: relative;top:0rem; }
.advantage_content{position: relative;top:1rem;}
.advantage_title{ margin: 0.5rem 0 0rem 0;}
.advantage_title h2{ font-size: 0.24rem;font-weight:bold;color:#33312e; }
.advantage_title h3{font-size: 0.22rem;font-family: Arial; font-weight:bold;color:#33312e; margin-top: 0.15rem;}
.advantage_detail{ font-size: 0.1rem; color:#818181; margin-top: 0.3rem;     margin-top: 0.12rem; }
.advantage_detail p{
	font-size: 16px;
}

.black1{
	margin-top: 120px;
}

.more{margin: 0 auto; width: 3.2rem;}
.more button{     margin: 0.25rem 0 0.25rem 0;
    font-size: 0.2rem;
    font-family: arial;
    width: 2.2rem;
    background-color: #eb5e0f;
    color: #ffffff;
    border: none;
    height: 0.45rem;
    display: inline;
    text-align: center;
 }
 
.case{text-align: center;margin: 0.1rem 0 0rem 0;  padding: 1%;}
.case .case_title h1{font-size:0.28rem;color:#ebebeb;}
.case .case_title h2{font-size:0.28rem;font-weight: bold; color:#eb5e0f; margin-top: 0rem; margin-bottom: 0.325rem;}
.case .case_detail{margin-top: 0rem;float: left; margin-left:2%;width: 47%; float: left;}
.case .case_detail img { width: 2.9rem; height: 2.25rem; text-align: center;}
.case .case_detail h2{font-size: 18px;color: #7f7f7f;font-weight: bold;margin-top: 0.27rem; margin-bottom: 0.2rem;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.about{/*height:8.9rem;  */   padding: 4px;}
#heng{ height: 0.02rem; width: 0.2rem; background-color:#eb5e0f;margin:0.62rem 0 0.2rem 0rem;  }

.about .detail{ font-size: 0.1rem; color: #858585; line-height: 0.4rem; margin-top: 20px;}
.about .more{margin: 0 auto; width: 3.2rem;}
.more button{/* margin: 0.75rem 0 0.75rem 0; */ font-size: 0.2rem; font-family: arial; width: 3.2rem; background-color:#eb5e0f; color:#ffffff;
	border:none; height: 0.65rem; display: inline;text-align: center;
 }
 
/**/
/*.footer{overflow: hidden;}*/
.footer_title{font-weight: bold;color:#ffffff;text-align: center;font-size:0;}
.footer_title_left{float:left;display:inline-block;background-color: #eb5e0f; width:100%;height:0.7rem;font-size: 0.22rem;line-height:0.7rem;}
.footer_title_left a{padding-left:.5rem;background:url(../img/daohan.png) no-repeat left center;background-size:.22rem auto;height:.7rem;display:inline-block;}
.footer_title_right{float:left;display:inline-block;background-color: #c49859;width:50%;height:0.7rem;line-height:0.5rem;font-size: 0.22rem;line-height:0.7rem;}
.footer_title_right .bdsharebuttonbox{
	display:inline-block;
}
 .footer_title_right .bds_tsina{
	background:url(img/weibo.png) no-repeat center center !important;
	background-size:.32rem .32rem;
}
 
 .fooer_menu_head{height: 97px;}
 .footer_menu{background-color:#333333;text-align: center;}
 .footer_menu hr{border-top: 0.001rem solid #494949; position: relative;top:0.1rem;}
 .footer_menu ul li a{font-size: 18px;
    color: #a3a3a3;
    /* width: 1.2rem; */
    float: left;
    margin: 0.1rem 0.1rem 0.1rem 0.1rem;}
 .footer_menu_head{border-bottom: 1px solid #494949;}
 .qrcode{margin-top: 0.3rem;}
 .qrcode img {width: 2.15rem;height: 2.05rem;}
 .qrcode h2{ font-size: 0.14rem; font-weight: bold;color:#ffffff;text-align: center; padding: 0.2rem 0;}
 .copyright{background-color: #202020; text-align: center; padding: 0.15rem 0 0.15rem 0;}
 .copyright h2{font-size: 0.14rem;font-weight: bold;color:#8b8b8b;line-height: 0.5rem;}
/*zy_banner*/
.zy_banner{
	width: 100%;
	height: 250px;
}
.jsnav{/*position:fixed;z-index:10;top:48px;*/width:100%;background:#f4f4f4;/*left:0;*/height:44px;margin-bottom: 30px;}
#wrapper{position:relative;z-index:10;width:100%;-ms-touch-action:none;line-height:44px;height:44px}
#scroller{position:absolute;z-index:10;-webkit-tap-highlight-color:rgba(0,0,0,0);height:44px;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none}
#scroller ul{list-style:none;width:100%;margin:0;padding:0}
#scroller li{position:relative;height:44px;float:left;line-height:44px; border-right:0;}
#scroller li a{color:#666;font-size:14px;margin:0 15px}
#scroller li.on a{color:#272727}
#scroller li .arrow{width:10px;height:7px;background:url(../img/i_news_pic.png) no-repeat;background-size:100% 100%;left:50%;margin-left:-5px;position:absolute;bottom:-7px;display:none}
.news_index .jsnav{position:relative;top:0}
#scroller li.on .arrow{display:block}


.main_box_1
{
    height: 77px;
    border-bottom: 1px solid #e5e5e5;
    background: #fff;
}
.com_pub {
    display: block;
}
.com_pub_box{
    width: 100% !important;
}
.sub_nav li {
    border-bottom: 1px dashed #e8e8e8;
    /* background: #ffffff; */
   float: left;
}

.sub_nav li a {
    font-size: 14px;
    line-height: 77px;
    float: left;
    text-align: center;
    padding: 0 13px;
}

.sub_nav li a:hover,
.sub_nav li a.on
{
    color: #fff;
    background:#0e5fa6;
}

.title10 {
font-size: 20px;
    line-height: 24px;
    color: #333333;
    text-align: center;
    padding-top: 20px;
    padding-bottom: 20px;
}
.other_box{
	padding-bottom: 20px;
}
.other_p{
	padding: 10px;
}
.other_p p{
	line-height: 30px;
	font-size: 15px;
	color: #333;
}

 .threeli li {
    margin-bottom: 20px;
    padding: 25px;
    *width: 26.9%;
    text-align: left;
    background: #F5F5F5;
}

.threeli .year-tt
    {
        overflow: hidden;

        max-height: 56px;
    }
    
.s_tab_content {
    margin-top: 30px;
}
.s_tab_content .list .threeli li {
    margin-bottom: 20px;
    padding: 25px;
    width: 100%;
    text-align: left;
    background: #fff;
}
.s_tab_content .threeli .year-tt {
    overflow: hidden;
    max-height: 56px;
}

.s_tab_content .threeli .year-tt
{
    min-height: 56px;
}

.s_tab_content .threeli .year-tt a
{
    font-size: 16px;

    color: #333;
}
.s_tab_content .threeli .year-tt a:hover
{
    font-size: 18px;

    color: #eb5e0f;
}

.s_tab_content  .threeli .year-time
{
    font-family: Arial;
    font-size: 14px;
    line-height: 36px;

    color: #bbb;
}

.s_tab_content .threeli .year-pic
{
 overflow: hidden; 
    width: 100%;
}

.s_tab_content .threeli .year-pic img
{
 width: 100%;
 text-align: center; 
}

.s_tab_content .threeli .year-cont
{
    overflow: hidden;
    min-height: 65px;
    max-height: 65px;
    color: #999;
}

 .s_tab_content .threeli .vmore
{
    text-align: left;
}
.s_tab_content .threeli .vmore a
{
    color: #666;
}
 .s_tab_content  p
{
    line-height: 28px;

    clear: both;

    padding: 10px 0;
}

.s_tab_content li:hover p
{
    color: #fff;
}

.s_tab_content span
{
    display: block;
}

.s_tab_content  .time
{
    font-size: 14px;
    font-weight: bold;

    float: left;

    width: 20%;

    text-align: center;

    color: #d6a35e;
}

.s_tab_content  .txt
{
    float: right;

    width: 80%;
}.daytime .s_tab_content  .threeli li:hover
{
    background-color: #e60012;
}

/*新闻详情*/
.title4 {
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #333;
}

.newsshow-time
{    overflow: hidden;
    margin: 45px 0;
    padding: 15px;

    background: #f8f8f8;
}

.newsshow-time .newsshow-timel
{
    line-height: 28px;

    float: left;

    width: 50%;

    color: #a67c80 !important;
}

.newsshow-time .newsshow-timer
{
    float: right;

    width: 50%;
}

.newsshow-cont
{
    overflow: hidden;

    margin-bottom: 30px;
}

.newsshow-cont p
{
    font-size: 14px;
    line-height: 28px;
    /*padding-bottom: 30px;*/

    text-indent: 2em;

    color: #777;
}

.newsshow-pn
{
    padding: 30px 25px;
overflow: hidden;
    border: 1px solid #eee;
    background: #f8f8f8;
}

.newsshow-pnl
{
    font-size: 14px;
    line-height: 28px;

    float: left;

    width: 50%;
}

.newsshow-pnl p
{
    color: #333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}

.newsshow-pnr
{
    float: right;

    width: 50%;
    padding-top: 2%;
}

.bdsharebuttonbox
{
    float: right;
}
.main{
	overflow: hidden;
    margin-top: 20px;
}


/*联系方式*/
.contactus{

	overflow: hidden;
    width: 100%;
}
.contactus_addrees{
	padding: 20px;
}
.contactus_title{margin-top: 0.45rem;padding: 20px;}
.contactus_title h3{font-size: 3.26rem;color: #eb5e0f;}
.contactus_title h4{font-size: 0.26rem;color: #929292;font-weight: bold;margin: 0.15rem 0;}
.contactus_title .transiton_slide{width: 3.7rem;background-color: #ccc;height: 0.02rem; }
.contactus_title .transiton_slide .tslide{width: 0.5rem;height: 0.03rem;background-color: #eb5e0f;transition: width 3s;}
.contactus_title .transiton_slide .tslide:hover{width: 3.7rem;}
.contactus_addrees h3{font-size: 0.24rem;color: #eb5e0f;font-weight: bold;margin: 0.15rem 0 0.3rem 0;}
.contactus_addrees p{font-size: 2rem;color: #737373;font-weight: bold;margin-bottom: 0.2rem;}
.contactus_map{height: 4.2rem;width: 90%;margin: 0.45rem 0 0.7rem 0;}
.online_message-title{padding: 20px;}
.online_message-title h3{font-size: 0.3rem;color: #eb5e0f;font-weight: bold;margin-bottom: 0.3rem;}
.online_message-title h4{font-size: 0.2rem;color: #bbbbbb;font-family:Arial;margin-bottom: 0.3rem;}
.online_message-content{padding: 20px;}
.online_message-content input{ width: 90%;height: 0.65rem;border: 1px solid #b5b5b5; margin-top: 0.2rem;font-size: 0.2rem;
	color: #000000; padding-left: 0.25rem;}
.online_message-content textarea{width: 90%;height: 2.1rem;border: 1px solid #b5b5b5;margin-top: 0.2rem;
	padding: 0.2rem 0 0 0.25rem;font-size: 0.2rem;color: #000000;}
.btn_message{width: 3rem;margin: 0.4rem auto 0.7rem auto;}
.message_submit{width: 3rem;height:0.65rem;color: #ffffff;background-color: #eb5e0f;font-size: 0.2rem;
border: none;}

/*工程案例*/
.culture_box{margin: 0.6rem 0 0.8rem 0;width: 100%;text-align: center;}
.culture_box .img_box{width: 97%;height: 200px;display:inline-block;}
.culture_box .img_box div{width: 97%;height: 200px;}
.culture_box h3{font-size: 18px;color:#787878;margin: 0.3rem 0;}
.col-2 {
    width: 50%;
    display: inline-block;
    float: left;
}
.pagination{width: 3rem;margin:0.7rem auto 0.7rem auto;text-align: center;}
.pagination ul li a{    font-size: 0.20rem;
    color: #ffffff;
    background-color: #b9b9b9;
    padding: 0.1rem 0.23rem;
    float: left;
    margin-left: 0.05rem;}
.pagination span{font-size:0.1rem;}
.pagination ul li a:link{background-color: #b9b9b9;}
.pagination ul li a:hover{background-color: #eb5e0f;}
.pagination li{ font-size: 0.1rem;
    color: #ffffff;
    background-color: #b9b9b9;
    padding: 0.1rem 0.23rem;
    float: left;
    margin-left: 0.05rem;}
.pagination li:link{background-color: #b9b9b9;}
.pagination li:hover{background-color: #eb5e0f;}
.active{background-color: #eb5e0f !important;font-size: 0.20rem;color: #ffffff;padding: 0.1rem 0.23rem;float: left;margin-left: 0.05rem;}
.disabled{background-color: #eb5e0f !important;font-size: 0.20rem;color: #ffffff;padding: 0.1rem 0.23rem;float: left;margin-left: 0.05rem;}
.pagination ul{display:inline-block;}
/*产品列表*/
.door_series{width: 100%;
    text-align: center;
    clear: both;
    overflow: hidden;}
.door_series .img_box{width:94%;height: 2.1rem; border: 1px solid #ccc;display:inline-block;margin-top: 0.45rem;}
.door_series .img_box img{margin-top: 0.15rem;}
.door_series .img_box div{width:96%;height: 1.5rem;display:inline-block;}
.door_series h3{font-size: 0.2rem;color: #787878;/*margin: 0.55rem 0 0.2rem 0;*/}

/*产品*/
.product-ii .banner{padding-top:0.5rem; margin-left: 10px;}
.product-ii .banner img{width: 74%;}
.product-ii .swiper-container{width: 5.3rem;padding: 0rem 0 0.5rem 0;
}
.product-ii .banner .swiper-pagination{text-align:center;bottom:.15rem;position:absolute;z-index:4;}
.product-ii .banner .swiper-pagination-bullet{width:.12rem;height:.12rem;background:#b5b5b5;opacity:1;border-radius: 3rem;
	position:relative;top:-0.4rem;
}
.product-ii .banner .swiper-pagination-bullet-active{background: #eb5e0f}
.product-parameter h3{font-size: 18px;color: #eb5e0f;margin: 0.1rem 0 0.1rem 0;}
.product-parameter{font-size: 14px; border-top:1px solid #cbcaca;    padding: 0.3rem 5px 0.6rem 0.20rem;}
.product-parameter div{color: #737373;line-height: 0.45rem;}
.product-parameter div .special{color:#2f2f2f;}
.product-ii-detail{ border-top: 1px solid #cbcaca;     padding-bottom: 30px;}
.product-ii-detail h3{font-size: 18px;color: #eb5e0f;margin: 0.1rem 0 0.1rem 0; padding: 20px;}
.product-ii-pic{margin: 0.5rem 0 0.65rem 0;}
.product-ii-detail p{font-size: 0.2rem;color: #717171;line-height: 0.4rem;}
.product-ii-picbox{border-top: 1px solid #cbcaca;}
.product-ii-picbox h3{font-size: 0.24rem;color: #595959;/*margin: 0.5rem 0 0.4rem 0;*/ padding: 20px;}
.product-ii-picbox .img_box{text-align: center;width:96%;height: 2.05rem;border: 1px solid #ccc;display:inline-block;margin-bottom: 0.4rem;}
.product-ii-picbox .img_box img{margin-top: 0.15rem;}
.product-ii-picbox .img_box div{width:93%;/*height: 1.5rem;*/display:inline-block;}

.product_xq {
	padding-left: 12px;
	padding-right: 12px;
	line-height: 30px;
	font-size: 14px;
}
.product_xq p{
	font-size: 14px;
}
.sub_nav2{ }
.sub_nav2 li {
    border-bottom: 1px dashed #e8e8e8;
    /* background: #ffffff; */
    float: left;

}

.sub_nav2 li a {
    font-size: 14px;
    line-height: 77px;
    float: left;
    text-align: center;
    padding: 0 13px;
}

.sub_nav2 li a:hover,
.sub_nav2 li a.on
{
    color: #fff;
    background:#eb5e0f;
}

.menu-child{
    float: left;
}
.menu-child li{
    float: left;
}

.sp_header{height:50px;overflow:hidden;background:#fff;position:fixed;z-index:10;width:100%;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:15px}
.sp_nav span{display:block;background:#c9141e;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
.sp_nav span:nth-of-type(1){top:0px}
.sp_nav span:nth-of-type(2){top:10px}
.sp_nav span:nth-of-type(3){top:20px}
.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
.sp_nav_se span:nth-of-type(2){width:0}
.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
.sjj_nav{position:fixed;z-index:9;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
.nav_show{top:50px}
.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 70px)}
.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}
.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}
.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:14px}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav ul li ul{display:none}
.sjj_nav ul li a{color:#666;width:80%}
.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}
.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}
.sjj_nav ul li ul li>ul{margin-left:10px}


/*在线留言*/
.messageC {
    background: #f5f5f5;
    padding: 45px 50px;
    margin-top: 120px;
}

.messageT {
    height: 55px;
    line-height: 55px;
    text-align: center;
    color: #333333;
    font-size: 24px;
    margin-bottom: 40px;
}

.wrap {
    width: 100%;
    margin: 0 auto;
    height: auto;
}
form {
    display: block;
    width: 100%;
}
.messageForm {
    overflow: hidden;
    margin-right: -20px;
}
.messageForm dd {
    float: left;
    display: inline;
    width: 100%;
    margin-bottom: 15px;
}
.messageForm dd .con {
    padding-right: 20px;
}
.messageForm dd .form {
    border-bottom: 1px solid #c7c7c7;
    padding: 0 8px;
}
.messageForm dd .form span {
    float: left;
    display: inline;
    color: #666666;
    font-size: 14px;
    line-height: 40px;
}
.messageForm dd .form .formC {
    overflow: hidden;
    padding: 0 10px;
}
.form>div {
    height: 40px;
    line-height: 40px;
}
.messageForm dd .form input {
    overflow: hidden;
    display: block;
    height: 40px;
    line-height: 40px;
    background: none;
    border: none;
    width: 100%;
}

.messageForm dd .form textarea {
    overflow: hidden;
    display: block;
    height: 170px;
    line-height: 40px;
    font-size: 14px;
    background: none;
    border: none;
    width: 100%;
}
.messageCode {
    text-align: center;
    padding: 30px 0;
}
.messageCode div {
    display: inline-block;
    overflow: hidden;
}
.messageCode div input {
    float: left;
    display: inline;
    width: 143px;
    height: 38px;
    border: 1px solid #c7c7c7;
    padding: 0 10px;
    background: none;
    margin-right: 18px;
}
.messageCode div img {
    float: left;
    display: inline;
    width: 90px;
    height: 40px;
}
.messageBtn button {
    display: block;
    width: 273px;
    height: 50px;
    line-height: 50px;
    font-size: 14px;
    background: #c1272d;
    margin: 0 auto;
    color: #FFF;
    border: none;
}
.messageForm dd.ddtextarea {
    width: 100%;
}
/*新留言*/
.button{
	color:#fff;
	background:#007eff;border: solid 1px #007eff;
}
.button:hover{
	background:#f00;
	color:#fff;
}
input{outline: none; }