@charset "utf-8";
body {font-family:"微软雅黑";}
/*默认去除ul、li的默认样式*/
ul{ list-style:none; margin: 0;} 
li{ list-style:none; margin: 0;} 
*{ margin:0; padding:0; }
a { text-decoration:none; color:#333; }
a:hover { text-decoration:none; color:#1d0805;}
html{height:100%;/*font-size: 625%;*/font-size: 625%; background: #f5f5f5;}
.fl {float: left;}
.fr {float:right;}


/*顶部*/
.header-wrapper{height:0.7rem; position:relative; z-index:9999;}
.header-shade{ background-color: rgba(0,0,0,0.8); position:fixed; top:1rem; right:0; left:0;}
.header{z-index: 9999; position:fixed; top:0; left:0; right:0;}
.header .header-main{ color:#fff; background: #c28742; overflow: hidden;}
.header .item{ color: #fff;  overflow: hidden;  width:40%}
.header .item_bk{ color: #fff; transition: all 1s; width:50%; height: 0.7rem; float: left; text-align: center}
.header .item_bk i{display: block; width: 100%; height: 0.36rem; line-height: 0.36rem; text-align: center;}
.header .item_bk i.ico-car{ background: url(../image/mzz_03.jpg) no-repeat center 0.08rem / 0.35rem 0.25rem;}
.header .item_bk b{display: block; text-align: center; color: #fff; font-size: 0.16rem; padding-top: 0.01rem; font-weight:normal;}
.header .on{ background:#666;}

.header .logo{ display: block;width:50%;height:0.7rem !important;background:url(../image/logo.png) no-repeat;background-size: 100% 100%;}
.header .item_bk i.ico-menu em{ transition: all 0.3s; display: inline-block; vertical-align: top; margin-top: 0.2rem; position: relative; height: 0.03rem; border-radius: 0.025rem; background-color: #ededed; width:0.3rem;}
.header .item_bk i.ico-menu em::after{transition: all 0.5s; content: " "; display: block; position: absolute; top:-0.08rem; height:0.03rem; border-radius: 0.025rem;  left:0; right:0; background-color: #ededed;}
.header .item_bk i.ico-menu em::before{transition: all 0.5s; content: " "; display: block; position: absolute; bottom:-0.08rem; height:0.03rem; border-radius: 0.025rem;  left:0; right:0; background-color: #ededed;}
.header .on i.ico-menu em{background-color: transparent;}
.header .on i.ico-menu em::before{transform: rotate(-45deg); bottom:0rem;}
.header .on i.ico-menu em::after{transform: rotate(45deg); top:0rem;}
.nav_list_ul .log_nav {color: #333;font-size: 0.26rem; border-bottom: 0.01rem solid #d7d7d7;margin: 0 0.35rem;height: 0.85rem;line-height: 0.85rem;}
.nav_list_ul .log_nav a{color: #333; padding:0 .26rem;}
.nav_list_ul .userico {background: url(../images/user_03.png) no-repeat; background-size: cover; display: inline-block; width:.4rem;height: .4rem; vertical-align: text-bottom;}
.haslogin .userico {margin-right:.26rem;}





#aside {
    position: fixed;
    top:0.7rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    z-index: 2;
    overflow: hidden;
    height: 0;
    -webkit-transition: all 1s cubic-bezier(.19,1,.22,1);
    transition: all 1s cubic-bezier(.19,1,.22,1);
    opacity: 0;
    -webkit-transition-delay: 0.7s;
    transition-delay: 0.7;
}


#aside a.mlogo{

position:absolute; 

width:100%;

left:0px;

top:0px;

height:60px;

display:none;

}

#aside .mlogo img {

  width:128px;

  height:30px;

    margin:25px auto;

 text-align:center;

   display:block;

}

#aside.open{/*right: 0; height: 500px;margin-top: 81px;*/

height: 500px;



-webkit-transition: all 1s cubic-bezier(.19,1,.22,1);



transition: all 1s cubic-bezier(.19,1,.22,1);



    transition-delay: 0s;



opacity: 1;



-webkit-transition-delay: 0.2s;



transition-delay: 0.2;
z-index: 91;
}

.mNav{

    scrollbar-arrow-color: none; /*上下按钮上三角箭头的颜色*/

    scrollbar-face-color: #c3c3c3; /*滚动条凸出部分的颜色*/

    scrollbar-3dlight-color: #c3c3c3; /*滚动条亮边的颜色*/

    scrollbar-highlight-color: #fff; /*滚动条空白部分的颜色*/

    scrollbar-shadow-color: #c3c3c3; /*滚动条阴影的颜色*/

    scrollbar-darkshadow-color: #c3c3c3; /*滚动条强阴影的颜色*/

    scrollbar-track-color: #fff; /*滚动条背景颜色*/

    scrollbar-base-color: #128dc0; /*滚动条的基本颜色*/

}



/*滚动条*/

.mNav::-webkit-scrollbar {

    width: 2px;

}

.mNav::-webkit-scrollbar-track {

    background: #fff;

}

.mNav::-webkit-scrollbar-thumb {

    background: #c3c3c3;

}

.mNav::-webkit-scrollbar-thumb:window-inactive {

    background: #128dc0;

}

.mNav{height: 100%;overflow-y: auto;border-top: 1px solid #e9eff5;}

.mNav li{padding: 10px 25px;}

.mNav .v1{display: block;/*padding-left: 25px;*/line-height: 50px;font-size: 18px;

    border-bottom: 1px #e7e7e7 solid;

    background: url(../images/a2.png) no-repeat right 25px center;

}

.mNav dl{/*background-color: #f0f5fa;*/line-height: 45px;/*padding: 10px 25px;*/font-size: 16px;

    border-bottom: 1px solid #e9eff5;display: none;

}



.mNav dl dd:last-child {

    border-bottom: none;

}

.mNav dl dd a {

display:block;

  line-height:45px;

  border-bottom: 1px #e7e7e7 solid;



}














.banner{width:100%;overflow:hidden;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination-bullet{ width:30PX;border-radius:4PX;}
.banner  .swiper-pagination-bullet-active{ width:30PX; background:#111;}

.walk{text-align: center; background: url(../image/mss_05.jpg) center bottom no-repeat #fff; background-size:100% auto; margin:35px 0;}
.walk_con{ width:90%; height:auto; overflow: hidden; margin:0 auto; position: relative; color:#000; text-align: left}
.walk_con h3{font-size:30px; font-weight:bold; margin:0}
.walk_con p{font-size:20px; color:#333333;margin:0;padding-bottom:5px}
.walk_con p:after{content:'';width:70px;height:2px;background:#e28a21;position:absolute;left:0;bottom:0;z-index:10;}
 


.walkcon{overflow: hidden; margin:35px auto; position: relative; color:#000; text-align: left;}
.walkcon .col-xs-6{ height:150px}
.walkcon h3{font-size:25px;color:#d2945a;font-weight: bold; border-bottom:1px solid #9f9fa0;padding-bottom:10px;}
.walkcon span{font-size:18px;color:#333;font-weight: bold; padding-left:5px}
.walkcon p{font-size:14px;color:#6f6f6f; padding-top:5px; margin:0}

.walk .more{ width:70%; height:auto; margin:0 auto}
.walk  .swiper-container{ height:550px;}
.walk .swiper-pagination-bullet{ width:30PX;border-radius:4PX;}
.walk .swiper-pagination-bullet-active{ width:30PX; background:#111;}



.title{width: 100%; font-weight: bold; overflow:hidden;  text-align: center; margin:0 auto;margin-top:10px; position: relative; }
.title img{ width:100%;}
.title h3{font-size:20px; font-weight:bold; color:black}
.title p{font-size:10px; color:#333333; font-weight:normal; text-transform: uppercase}
.title p:after{content:'';width:50px;height:3px;background:#e28a21;position:absolute;left:50%; margin-left:-25px; bottom:0;z-index:10;}
.i_more{ width:130px; height: 30px; background-color:#c4161c; display: inline-block; font-size:18px; line-height:30px; color:#fff;}


.title1{width: 100%; font-weight: bold; overflow:hidden;  text-align: center; margin:0 auto;margin-top:10px; position: relative; }
.title1 img{ width:100%;}
.title1 h3{font-size:20px; font-weight:bold; color:white;}
.title1 p{font-size:10px; color:#616060; font-weight:normal; text-transform: uppercase}
.title1 p:after{content:'';width:50px;height:3px;background:#e28a21;position:absolute;left:50%; margin-left:-25px; bottom:0;z-index:10;}
.i_more{ width:130px; height: 30px; background-color:#c4161c; display: inline-block; font-size:18px; line-height:30px; color:#fff;}


.lMenu {width:95%; margin-top:30px ; margin:0 auto;height:50px; text-align: center;  background: #fff; border-bottom:5px solid #eee}
.lMenu dl{ text-align:center; height:70px;width:100%; margin:0 auto}
.lMenu dl span{ position:relative;width:auto; display:inline-block; overflow:hidden; margin:0 5px;text-align: center}
.lMenu dl span a{ color:#484848; font-size:14px; line-height:50px; height:50px; display: block;}
.lMenu .on{ border-bottom:5px solid #c28742;}



.tmenu{width: 100%; margin-top:20px ; height:auto; overflow: hidden; text-align: center;}
.tmenu h3{font-size:25px; font-weight:bold; color:black}
.tmenu h4{font-size:18px; color:#333333; font-weight:normal}
.tmenu p{font-size:18px; color:#333333; font-weight:normal; padding-top:15px;}


.tmenu1{width:90%;  height:auto; overflow: hidden; text-align:center; margin:25px auto; padding-bottom:15px; border-bottom:1px solid #bfbfbf;}
.tmenu1 h3{font-size:25px; font-weight:bold; color:black}
.tmenu1 h4{font-size:18px; color:#333333; font-weight:normal}




.about{width:90%; margin:30px auto;height:auto; overflow: hidden; background-color: white;  box-sizing: border-box;}

.about .slideTxtBox{ width:100%; text-align:left; background-color: antiquewhite  }
.about .slideTxtBox .hd{ width:100%; height:auto; overflow: hidden;  background:#4f4f4f; position:relative; float: left; }
.about .slideTxtBox .hd ul{ }
.about .slideTxtBox .hd ul li{ float:left;  height:100px; background-repeat:no-repeat; background-position:center; width:33.3333%}
.about .slideTxtBox .hd ul li:nth-child(1){ background-image: url(../image/ba1.png); background-size: contain;background-repeat:no-repeat; background-position: center;}
.about .slideTxtBox .hd ul li:nth-child(2){ background: url(../image/ba2.png); background-color:#333333; background-size: contain;background-repeat:no-repeat; background-position: center;}
.about .slideTxtBox .hd ul li:nth-child(3){ background: url(../image/ba3.png); background-size: contain;background-repeat:no-repeat; background-position: center;}
.about .slideTxtBox .hd ul li.on{ height:100px;  background-color:#d2945a; }



.about .slideTxtBox .bd { width:100%; float: right; }
.about .slideTxtBox .bd ul{ padding:5px; padding-top:10px; }
.about .slideTxtBox .bd li{ height:300px; }
.about .slideTxtBox .bd li p{line-height:1.9em; font-size:14px; color:#060606;}
.about .slideTxtBox .bd li .date{ float:right; color:#999;  }
.about .slideTxtBox .bd ul:first-child li p{ text-indent:2em;}

.about .about_cc{ margin-top:50px}
.about .about_cc p{margin-top:25px}
.about .about_cc p{margin-top:25px}



/**/
.row_bg2{background:#d9d9d9;}

.pro_nav{ width:100%; max-width:1400px; margin:10px auto; height: auto; overflow: hidden}
.pro_nav .swiper-slide {background-color: white;margin:10px 0;}
.pro_nav .swiper-slide img {width:100%}


.pro_nav .tcon{ width:100%; height:auto; overflow: hidden; padding:5px; box-sizing: border-box}
.pro_nav .tcon h3 {font-size:14px; color:#060606; margin:10px 0; width:100%; overflow: hidden;display: block; height:1em;}
.pro_nav .tcon p { font-size:8px;margin-top:10px;color:#8a8a8a;}
.pro_nav .tcon i { width:30px; height:2px; background-color:#e9a126; display: block; margin-top:10px; transform: translate(0px,-5px);
    transition: all 0.5s;}

.pro_nav .swiper-slide:hover i {
    width:70px;
}

.pro_nav .swiper-button-prev{ background-image:url(../images/left.png);background-size: 27px 30px;}
.pro_nav .swiper-button-next{ background-image: url(../images/right.png); background-size: 27px 30px;}
.pro_nav .more{ width:70%; height:auto; margin:0 auto; text-align: center}
.pro_nav .more img{ width:20%;}



/**/
.case {width:100%;  margin:10px auto;height:auto; padding:30px 0; overflow: hidden;  box-sizing: border-box; background: url(../image/mss_08.jpg) center no-repeat; position:relative;}
.case .swiper-container{width:80%;}
.case .swiper-slide {background:#fff; padding:10px;}
.case p { font-size:12px;margin-top:10px;color:#4a4949; font-weight:bolder; padding-bottom:10px;}

.case .swiper-button-prev{ background-image:url(../images/left1.png);background-size: 27px 30px;}
.case .swiper-button-next{ background-image: url(../images/right1.png); background-size: 27px 30px;}

.case .case_img{ width:150px; height:150px; position:absolute; z-index:999; top:185px;left:50%; margin-left:-75px;}




/**/
.news{ width:90%; margin:20px auto; position: relative;}

.hotnews{ width:100%; height: auto; margin:10px auto; overflow: hidden;text-align:left; padding:15px 0; box-sizing: border-box; background-color: white;}
.hotnews img{width:100%; height:auto;}
.hotnews h2{font-size:18px;font-weight: normal; color:black; margin:0 auto; margin-bottom:10px;}
.hotnews h3{font-size:14px; height:auto; display: block;color:black; width:80%;float:right; margin:0; line-height:1.5em;}
.hotnews h4{font-size:14px;font-weight: normal; padding-left:15%; box-sizing: border-box; margin:10px auto; color:#333; float: left}
.hotnews span{display: block; width:15%; float: left; text-align:center}
.hotnews span img{width:100%; height:100%; max-height:80px; }








/*内页*/

/**/



.topn { width: 100%;height: 60px;background: #efefef;position: fixed;z-index: 99999;display:none;top:0;}

.topn p {width:100%;height:60px;line-height:45px;font-size:16px;text-align:center;}



.main-box{ width:100%; height:auto; overflow: hidden; margin:0 auto}

.sp_header{height:55px;overflow:hidden;background:#efefef;position:relative;z-index:8;width:100%;margin-top: 60px;display:none;}
.sp_logo{padding:10px;float:left;height:50px}
.sp_logo img{margin:auto;max-height:30px;}
.sp_nav{width:100%;float:left;position:absolute;top:0;cursor:pointer;height:55px;margin-top:1px;margin-left:10px;
background:url(../image/chan.jpg) no-repeat left center;}
.sp_nav_se {
    width: 50px;
    float: left;
    position: fixed;
    top: 0;
    cursor: pointer;
    height: 30px;
    margin-top: 15px;
	background: none;
}
.sp_header p {
	width:100%;
	height:55px;
	line-height:55px;
	text-align:center;
	font-size:20px;
}
@media only screen and (max-width: 1000px) {
	.sp_header{display:block;}
}
.sp_nav span{display:block;background:#000;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;background:#fff;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;z-index: 9999999;}
.nav_show{top:50px}
.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;text-indent: 0;}
.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;position:relative;line-height:40px;font-size:14px; text-indent:20px;}
#chanpin {
    width: 95%;
    margin: 0 auto;
 
}
.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
.sjj_nav>ul>li:nth-child(1) {overflow:hidden;border-top:0}
.sjj_nav>ul>li:nth-child(2) {overflow:hidden;border-top:0}
/*.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}
/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/






/**/

.product{ width:100%; height:auto; margin:0 auto; overflow: hidden;}
.product ul li{margin-top:0.3rem}
.product .pcons{ width:100%; height:auto; overflow: hidden; position: relative;text-align: center; border:1px solid #ededed; box-sizing: border-box}
.product .pcons .thumbs{width:100%;height:auto; overflow: hidden;opacity:1; transition:1.2s;display: table-cell;vertical-align: middle;}
.product .pcons .thumbs img{max-width:100%; max-height:5rem;}
.product .pcons .pic{ width:100%; height:5rem; overflow: hidden;transition:1.2s; opacity:0; position:absolute;top:0;
	display: table-cell;vertical-align: middle; }
.product .pcons .pic img{max-width:100%; height:5rem;background-repeat: no-repeat; background-size:cover; background-position:center;}
.product .pcons .date{ width:100%;overflow: hidden; height:auto; text-align:center;}
.product .pcons .date h3{font-size:12px; margin-top:8px;color: #424244;}
.product .pcons .date p{font-size:14px;color: #000;}
.product .pcons:hover .thumbs{ opacity:0;}
.product .pcons:hover .pic{ opacity:1; }
.product .pcons:hover .date{background:rgba(0,0,0,1) }
.product .pcons:hover .date h3{color: #fff; }
.product .pcons:hover .date p{color: #fff; }






/**/
.pro_show_con{width:100%; height: auto; overflow: hidden; margin:0 auto; }

.showbg{ width:100%; height:auto; overflow: hidden; margin:25px auto;}
.showbg img{ width: 100%;}


.conimg {width:100%; height: auto; margin:35px auto;float: left; }
.conimg .bpic{width:95%;height:auto; margin:0 auto;overflow: hidden;text-align: center ; border:1px solid #c9c9c9; background-color:#f6f6f6;}
.conimg .bpic img{ max-width:100%;max-height:530px;}
.conimg .mpic { width:90%;height:auto; margin:0 auto;overflow: hidden; margin-top:20px; position:relative}
.conimg .mpic .swiper-container{ width:90%;height:auto; float: left; padding-left:5% }
.conimg .mpic .swiper-button-prev{  background-image:url(../images/left1.png);background-size: 27px 30px;}
.conimg .mpic .swiper-button-next{ background-image: url(../images/right1.png); background-size: 27px 30px;}
.conimg .mpic .swiper-button-next.swiper-button-disabled{ opacity:1;}
.conimg .mpic .swiper-button-prev.swiper-button-disabled { opacity:1;}
.conimg .txt{ width:100%; height:30px;float: left; font-weight: bold; font-size:14px; margin-top:15px; text-indent:40px;}


.productText { width:95%; height: auto; margin:15px auto;}
.productText h3 { font-size:18px; color: #000; width:100%; display: inline-block; line-height:2em; font-weight: bold }
.productText h4 { font-size:16px; color: #4c4948;width:100%;display: inline-block; }

.productInfo { height: auto; overflow: hidden;  padding-top: 23px; }
.productInfo .fixed { height: auto; overflow: hidden; }
.productInfo .fixed b { display: block; float: left; line-height:2em; color: #595757; font-size:14px; font-weight:bolder}
.productInfo .fixed p { line-height:2em; color: #231815; font-size:14px;font-weight:bolder; margin:0;}

.productText .vrewm { height:160px; width:135px; overflow: hidden; float:left; margin-top:20px;text-align: center;}
.productText .vrewm  img { height:135px; width:135px; border:1px solid #e2e2e2; box-sizing: border-box; }
.productText .vrewm  p { font-size:12px; line-height:2em; }


.remimg{width:95%; height: auto; overflow: hidden; margin:25px auto;}
.remimg .ttt{width:100%; height: auto; padding:10px 0; overflow: hidden; margin:0 auto; border-bottom:2px solid #eeeeee;}
.remimg .ttt img{width:50%;}
.remimg .remcon{ margin-top:30px; text-align: center}
.remimg .remcon .swiper-slide img{width:100%; max-height:450px;}
.remimg .swiper-button-prev{  background-image:url(../images/cleft.png);background-size: 36px 36px; width:36px; height:36px}
.remimg .swiper-button-next{ background-image: url(../images/cright.png); background-size: 36px 36px;width:36px; height:36px}
.remimg  .swiper-button-next.swiper-button-disabled{ opacity:1;}
.remimg  .swiper-button-prev.swiper-button-disabled { opacity:1;}



.morlist{width:95%; height: auto; overflow: hidden; margin:100px auto;}
.morlist .ttt{width:100%; height: auto; padding:10px 0; overflow: hidden; margin:0 auto; border-bottom:2px solid #eeeeee;}
.morlist .ttt h3{font-size:18px; width:50%;float: left; margin:0;line-height:28px;}
.morlist .ttt p{font-size:16px; width:30%; float: right;margin:0; color:#333; line-height:28px;}
.morlist .ttt p span{ width:28px;height: 28px; display: block; float: left;}

.morlist .morcon{ margin-top:30px;}
.morlist .morcon li{ margin-bottom:15px; float: left;}
.morlist  .pcons{ width:100%; height:auto; overflow: hidden; position: relative;text-align: center; border:1px solid #ededed; box-sizing: border-box}
.morlist  .pcons .thumbs{width:100%;height:auto; overflow: hidden;opacity:1; transition:1.2s;display: table-cell;vertical-align: middle;}
.morlist  .pcons .thumbs img{max-width:100%; max-height:3rem;}
.morlist  .pcons .date{ width:100%;overflow: hidden; height:auto; text-align:center;}
.morlist .pcons .date h3{font-size:12px; margin-top:8px;color: #424244;}
.morlist  .pcons .date p{font-size:14px;color: #000;}
.morlist  .pcons:hover .date{background:rgba(0,0,0,1) }
.morlist  .pcons:hover .date h3{color: #fff; }
.morlist  .pcons:hover .date p{color: #fff; }



/**/

.newslist{width:95%; margin: 0 auto;position:relative; height: auto; overflow: hidden; padding:20px 0 }
.newslist .news_con{width:100%; height:2.1rem; overflow: hidden; margin:0 auto; margin-bottom:20px; position: relative; border:1px solid #adadad; padding:5px; box-sizing:border-box;}
.newslist .news_con .n_img{ width:45%;height:100%; float: left; overflow: hidden; background-position: center;  background-repeat: no-repeat; background-size:contain;}
.newslist .news_con .n_info{ width:50%; height:2rem; float:right;}
.newslist .news_con .n_info span{width:60px; height:260px; float: left; display: block; padding-top:48px;}
.newslist .news_con .n_info h4{ font-size:14px; color:#333333;}
.newslist .news_con .n_info h3{ font-size:16px; color:black; margin-top:5px; height:48px; line-height:24px; overflow: hidden}
.newslist .news_con .n_info p{ font-size:12px; color:#7d7a7e;margin-top:5px; text-indent:2em; height:0.45rem; overflow: hidden; line-height:0.15rem}
.newslist .news_con .n_info h5{ font-size:12px; color:black;margin-top:5px;width:170px; display:block}
.newslist .news_con .n_info i{ display: block;width:25px; height:25px; float: right;}


.article{width:95%; margin:0 auto;position:relative; height: auto; overflow: hidden; padding:15px 0; }
.article .article_title{font-size:20px; text-align: left; line-height:1.5em; color: black; margin-top:20px;}
.article .info{
	border-bottom:1px solid #d6d6d6;
	height:auto;
	line-height:2em;
	margin-top:20px;
	text-align:left;
	overflow:hidden;
	color:#959595;
	font-size:14px;
}
.article .info small{
	margin-right:30px;
	color:#959595;
	font-size:14px;
}
.articlex .info a{
	color:#959595;
}

.article .article_body{width:100%; margin:0 auto;position:relative; height: auto; overflow: hidden; padding:50px 0;  font-size:16px;}

.context{width:100%; margin:30px auto;position:relative; height: auto; overflow: hidden; padding:10px 0;  font-size:14px;  border-top:1px solid #d6d6d6;}
.context ul{width:100%;}
.context li{width:100%; float: left;box-sizing: border-box}
.context li h3{ font-size:14px; margin:0}
.context li:first-child{ background: url(../images/contxts.png)left 5px  no-repeat; padding-left:15px;  }
.context li:last-child{background: url(../images/contxt.png)right 5px  no-repeat; padding-left:15px;}





.news_info{width:1128px;margin:0 auto;padding:25px 0 0 0;}
.news_info h1{text-align:center;padding:0 0 10px 0;font-weight:normal;font-size:28px;color:#444;}
.news_info h1 span{border-bottom:1px solid #444;padding:0 0 10px 0;}
.news_info h4{text-align:center;padding:20px 0 10px 0;font-weight:normal;font-size:14px;color:#aaa;}
.news_info .con{padding:0 0 15px 0;width: 800px;margin:0 auto;}
.news_info .npage {height:150px;margin:50px 0 0 0;text-align: center;}
.news_info .npage a{display: inline-block;height:39px;line-height: 39px;padding:0 30px;border:1px solid #ddd;border-radius:4px;box-shadow:0px 2px 4px #eee;font-size:14px;}
.news_info .npage a.back{color:#333;background:#e5e5e5;margin:0 11px 0 0;}
.news_info .npage a.np{margin:0 11px 0 0;padding:0 60px;}
.news_info .npage a.back:hover{background:#333;color:#fff;}
.news_info .npage a.np:hover{border-color:#777;}
.news_info .content .video{width:80%;height:400px;}
.news_info .con img{max-width: 100%;}









/**/

.single{ width:95%; height:auto; overflow: hidden;color:#060606; margin:30px auto;}
.single p{ font-size:16px; text-align: left; text-indent:2em; line-height:1.5em; color:#060606;}
.single img{ max-width:100%;}



/**/
.honor{ width:95%; height:auto; overflow: hidden; margin:0 auto}
.honor .htitle{ font-size:25px; color:#6e6e6e; font-weight:700;}
.honor .htitle span{ font-size:18px; color:#6e6e6e}
.honor .hcon{ width: 100%; height: auto; margin:30px auto; overflow: hidden; text-align: center;}
.honor .hcon a{ width:48%; height:2rem; display: block; float: left; padding:15px; margin:0 1%; box-sizing: border-box; background:url(../images/1111.jpg) top no-repeat; background-size:100% 70%;}
.honor .hcon a img{ width:90%; }
.honor .hcon a p{ font-size:14px; line-height:1.5em; margin-top:25px;}


/**/
.case_menu {width:95%; margin:0 auto; height:55px; text-align: center;  background: #f1f1f1;}
.case_menu dl{width:100%; margin:0 auto}
.case_menu dl span{position:relative;width:20%; display:block; overflow:hidden; float: left; text-align: center}
.case_menu dl span a{ color:#656565; font-size:14px; line-height:55px; height:55px; display: block;}
.case_menu .on{ color:#fff; background:#c28742;}
.case_menu .on a{ color:#fff;}
.case_list {width:95%;margin:25px auto;text-align: center; height:auto; overflow: hidden}
.case_list ul {}
.case_list ul li{width:48%; margin:0 1%; margin-top:25px; height:auto; max-height:2rem; float: left; border:1px solid #e1e1e1; padding:3px;box-sizing: border-box;}
.case_list ul li img{width:100%; height:1.5rem; overflow: hidden}
.case_list ul li h3{font-size:14px; line-height:1.5em; margin:0;font-weight:normal; text-align: left; text-indent:1em;}








/**/
.Strategic_txt{ width:95%; height:auto; overflow: hidden; margin:25px auto;}
.Strategic_txt p{ font-size:16px; line-height:2em; font-weight:normal; text-align: left; text-indent:2em;}

.Strategic_list{ width:95%; height:auto; overflow: hidden; margin:25px auto;}
.Strategic_list li{ width:48%; margin:0 1%; height:auto; overflow: hidden; float: left;  margin-top:25px}
.Strategic_list li img{ width:100%;}

/**/

.contact{ width:95%; height:auto; overflow: hidden; margin:25px auto;}
.contact .tile{ width:100%; height:auto; overflow: hidden; margin:25px auto;}
.contact .tile h3{  font-size:20px; color: black; font-weight: 700; line-height:2em; margin:0;}
.contact .txt1{ width:100%; height:auto; overflow: hidden; margin:5px auto;}
.contact .txt1 p{ width:70%; height:auto; overflow: hidden;float: left; font-size:14px; line-height:1.5em; padding-left:10px; font-weight:700;color:#555555}
.contact .txt1 i{ width:40px; height:40px; display: inline-block; float: left;}
.contact .txt1 i img{ width:100%; }
.contact .txt2{ width:240px; height:auto; overflow: hidden; margin:5px auto; float: left; margin-right:50px;}
.contact .txt2 p{ width:180px;; height:auto; overflow: hidden;float: left; font-size:14px; line-height:1.5em;  font-weight:700; color:#555555}
.contact .txt2 i{ width:55px; height:55px; display: inline-block; float: left;}
.contact .txt2 i img{ width:60%; }


.map{width:95%; height:auto; overflow: hidden; margin:50px auto;}
.map h3{ font-size:20px; color:black; line-height: 2em; margin:0}
.map .pp{ background-color:#f4f4f4; }
.map .pp p{ font-size:14px; color:black; line-height:1.5em; padding:20px 5px;}


.message{width:95%; height:auto; overflow: hidden; margin:50px auto;}
.message .input-group{margin-top:15px;}
.message .input-area{width:100%;height:2rem; border:1px solid #c2c2c2; float:left; box-sizing: border-box; margin-top:40px;font-size:16px;
background: url(../images/m4.jpg) 5px 5px no-repeat;}
.message .input-area .form-control { width:80%; height:1.8rem;  float:left; font-size:16px; margin-left:40px; margin-top:0px;border:none; }
.message .btn{ color: white; margin-top:40px; background-color: #c28743;
border:none; box-shadow:none; padding:5px  30px;} 







/* foot */
.footer{height:auto; background:#323335; overflow: hidden; padding-top:50px; text-align: center}
.footer h3{ color:white; font-size:14px; margin-bottom:20px;}
.footer img{ margin-bottom:20px;}
.footer .btn{  border-radius:25px; font-size:18px; padding:5px 30px}



.dede_pages{
	width: 100%;
	margin:100px auto;
	text-align: center;
}
.dede_pages ul{
	margin:0 auto;
	height: auto;
	overflow: hidden;
	text-align: center;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li{
	display:inline-block;
	font-family:Tahoma;
	line-height:25px;
	min-width:25px;
	margin-right:6px;
	border:1px solid #a0a0a0;
	margin-bottom:15px;
}
.dede_pages ul li a{
    padding:0 5px;
	height: 25px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover{
	color:#fff;
	background-color:#000;
	text-decoration:none;
}
.dede_pages ul li.thisclass,
.dede_pages ul li.thisclass a,.pagebox ul li.thisclass a:hover{
	background-color:#000;
	color:white;
	font-weight:bold;
}
.dede_pages .pageinfo{
	line-height:25px;
	padding:12px 10px 12px 16px;
	color:#555;
}
.dede_pages .pageinfo strong{
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}