﻿@charset "utf-8";
/* Reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
ul, li, ol{list-style:none;}
em ,i{font-style:normal;}
table{border-collapse:collapse;border-spacing:0;}
a{text-decoration:none;outline:none;cursor:pointer;color:#666; transition:0.5s}
a:hover{text-decoration:none; color:#0e482f;}
*{/*word-wrap:break-word;word-break:break-all;-webkit-text-size-adjust:none;*/ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: 0; 
  -webkit-text-size-adjust: none; -webkit-tap-highlight-color: rgba(0,0,0,0);}
body,textarea,pre,input{font:12px/1.2 tahoma,arial,sans-serif;}
input,textarea{margin:0;padding:0;outline:none;font-size:100%;vertical-align:baseline;}
textarea{resize:none;}
textarea, input[type="text"], input[type="password"]{background:white url(../images/common/input_bg_sd.png) 0 0 no-repeat;}
hr{border:none;height:1px;}
html,body{height:100%;}
pre{white-space: pre-wrap;white-space: -moz-pre-wrap;white-space: -pre-wrap;white-space: -o-pre-wrap;word-wrap: break-word;}
.clearfix:after{content:"020";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{clear:both;zoom:1;}
body{font-family: "Microsoft YaHei";background:#fff;}
/*页头部分*/
.container{width:1200px;clear:both;margin:0 auto;}


.listpage {
    clear: both;
    font-size: 12px;
    height: 50px;
    line-height: 30px;
	padding-top: 10px;
	text-align:center;
}
.listpage a {
    background-color: #FFFFFF;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #666666;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage span {
    background-color: #FBF779;
    border-color: #C6DDF1;
    border-style: solid;
    border-width: 1px;
    color: #FF7400;
    display: block;
    float: left;
    font-size: 12px;
    height: 26px;
    line-height: 26px;
    margin: 5px 2px;
    padding-left: 10px;
    padding-right: 10px;
}
.listpage .current{ background:#C6DDF1}
.table_form td{ height:50px;}


.img-full {
  width: 100%;
}

.top-slider .animated {
  opacity: 0;
}
.swin-bg-transparent {
  background: transparent !important;
}
.swin-font-oswald{
  font-family: 'Oswald', sans-serif;
}
.list-inline>li{
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}
img{
  height: auto;

}






/*----微信和导航----*/
.toplink{height:41px; background: #000; text-align: right;}
.toplink a{color: #fff; margin: 0 20px; display: inline-block; line-height: 40px}
.toplink a:hover{color: #ff2a00}
.weixin{float: right; top: 5px; width:30px; height:30px; position:relative; z-index: 100000; font-size:12px; text-align:center;}
.weixin a{width:30px; height:30px; display:block; position:absolute; left:0; top:0;background:url(../images/weixin.png) no-repeat center top;}
.weixin .weixin_nr{width:100px; height:120px; padding:10px; background:#fff; text-align:center;position:absolute; display:none; left: -28px; top: 45px}
.weixin .weixin_nr img{margin-bottom:5px;}
.weixin .weixin_nr .arrow{width:0; height:0; border-bottom:10px solid #fff;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{display:block;}
.weixin.on a{background:url(../images/weixin.png) no-repeat left bottom;}











.slider_bg1{ background:#e8e8e8;  width:100%; }
.header {
	display:block;
  background:#fff; 
}
.headercon{ height: 95px; }
.logo1 {
	padding-top: 10px;


    float: left;
}
.logo1 img {

    float: left;
}
.topleft { float: right ;display: block; margin-top: 20px; }
.topleft ul{ float: left; margin-top: -10px; margin-right:30px; }
.topleft ul li{ float: left;  text-align: center; margin-left:20px; width: 80px; }
.topleft ul li img{ display: block; height: 80px; width: 80px;  clear: both; overflow: hidden; }
.topleft ul li p{ display: block;  float: none; color: #666; font-size:12px; margin-left: 0; }
.topleft p { display: block;  float:left; margin-left: 10px; font-size:18px; color: #0e482f;  }
.topleft p span {color: #333; font-size: 12px; padding-top: 5px; display: inline-block; margin-bottom: 10px }
.topright p{ float: left; margin-top: 30px; color: #ccc; width:150px }
.topright { float: right;
	 font-size: 12px; 
	font-weight: bold; color: #999; 
    height:100px; margin-top:15px;margin-left: 20px}

.topright span{ display: block; padding-top:30px;  color: #000; font-size: 16px }
.topleft img,.topright img{ float: left; }
.topright img{ width: 80px; margin-top:5px; margin-right: 10px; }


/*-- nav --*/
.nav2{ background: #fff; border-top: 1px solid #0e482f; border-bottom: 2px solid #0e482f }
.nav2 nav{
  position: relative; z-index: 1000;
  width:1200px;height:50px;margin:0 auto;
 
}
.nav2 nav ul li{list-style:none;width:170px;height:50px;float:left; text-align:center;}
.nav2 nav ul li a{font-size:16px; color:#000;text-decoration:none;  height: 50px; line-height: 50px; display: block;}
.nav2 nav ul li:hover a{ color: #fff }
.nav2 nav ul li:hover a em{ color: #fff; transition: 0.5s }
.nav2 nav ul li:hover{background:#0e482f; transition: 0.5s }



.nav2 nav .hid li{border:none; background:rgba(255,255,255,0.9); }
.nav2 nav .hid li:hover{background:#7087cf;}

.nav2 nav ul li ul{ position: relative; top: -1px }
.nav2 nav ul li ul li{height: 50px; line-height: 50px; }
.nav2 nav ul li ul li a{ font-weight:normal; font-size:14px;color: #000!important}
.nav2 nav ul li ul li:hover a{ color:#fff!important}
.nav2 nav .hid2{display:none;}
.nav2 nav ul li:hover .hid2{display:block;-webkit-animation:aa 1s;-moz-animation:aa 0.5s;}
 /*调用动画函数，并且1S执行 */




.section{ margin-top:100px; overflow: hidden; }






/*----banner----*/
#slider2,
#slider3{box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;margin: 0 auto;}
.rslides_tabs{list-style: none;padding: 0;background: rgba(0,0,0,.25);box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);-webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);font-size: 18px;list-style: none;margin: 0 auto 50px;max-width: 540px;padding: 10px 0;width: 100%;}
.rslides_tabs li{display: inline;float: none;margin-right: 1px;}
.rslides_tabs a{width: auto;line-height: 20px;padding: 9px 20px;height: auto;background: transparent;display: inline;}
.rslides_tabs li:first-child{margin-left: 0;}
.rslides_tabs .rslides_here a{background: rgba(255,255,255,.1);color: #fff;font-weight: bold;}
.events{list-style: none;}
.callbacks_container{position: relative;float: left;width: 100%;}
.callbacks{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.callbacks li{position: absolute;width: 100%;left: 0;top: 0;}
.callbacks img{position: relative;z-index: 1;height: auto;border: 0;width: 100%;}
.callbacks .caption{display: block;position: absolute;z-index: 2;font-size: 20px;text-shadow: none;color: #fff;left: 1%;right: 0%;padding: 10px 20px;margin: 0;max-width: none;top: 47%;}
.callbacks_nav{position: absolute;-webkit-tap-highlight-color: rgba(0,0,0,0);top: 56%;left: 8%;z-index: 3;text-indent: -9999px;overflow: hidden;text-decoration: none;height: 61px;width: 41px;background: url("../images/leftarrow.png") no-repeat left top;margin-top: -65px;}
.callbacks_nav:active{opacity: 1.0;}
.callbacks_nav.next{left: auto;background-position: right top;right: 8%;}
#slider3-pager a{display: inline-block;}
#slider3-pager span{float: left;}
#slider3-pager span{width:100px;height:15px;background:#fff;display:inline-block;border-radius:30em;opacity:0.6;}
#slider3-pager .rslides_here a{background: #FFF;border-radius:30em;opacity:1;}
#slider3-pager a{padding: 0;}
#slider3-pager li{display:inline-block;}
.rslides{position: relative;list-style: none;overflow: hidden;width: 100%;padding: 0;margin: 0;}
.rslides li{-webkit-backface-visibility: hidden;position: absolute;display: none;width: 100%;left: 0;top: 0;}
.rslides li:first-child{position: relative;display: block;float: left;}
.rslides img{height: auto;border: 0;}
.callbacks_tabs{list-style: none;position: absolute;top: 99%;z-index: 999;padding: 0;margin: 0;margin-top:-3em;left:50%;margin-left:-52px;}
.callbacks_tabs li{display:inline-block;}
@media screen and (max-width: 600px){h1{font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;}
.callbacks_nav{top: 47%;}}
/*焦点样式*/
.callbacks_tabs a{visibility: hidden;
padding: 0 0.2em;}
.callbacks_tabs a:after{content: "f111";font-size:0;font-family: FontAwesome;visibility: visible;display: block;height:12px;width:12px;display:inline-block;border:2px solid #E9E9E9;border-radius: 30px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-o-border-radius: 30px;-ms-border-radius: 30px;}
.callbacks_here a:after{border:2px solid #96c94a;}
.header-info{position: absolute;width: 100%;top: 50%;left: 9%;}
.header-info h2 a{display:inline-block;color:#fff;padding:0.5em 2em;background:rgba(255, 255, 255, 0.32);text-decoration:none;}
.header-info h2 a:hover{color:#fff;background:#60B0E6;}
.header-info lable{background:#fff;height: 1px;width: 36%;display: block;margin-top:2em}
.header-info h1 a{color:#fff;font-weight:bold;font-size:1.2em;text-decoration:none;}
.header-info h1 a:hover{color:#CA670C;}



.side{position:fixed;width:78px;right:0;top:50%;margin-top:-200px;z-index:100;border:1px solid #e0e0e0;background:#fff;border-bottom:0}
.side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:1px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer}
.side ul li:hover{background:#0e482f;color:#fff}
.side ul li:hover a{color:#fff}
.side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s}
.side ul li i.bgs1{background-image:url(../images/right_pic5.png)}
.side ul li i.bgs2{background-image:url(../images/right_pic7.png)}
.side ul li i.bgs3{background-image:url(../images/right_pic2.png)}
.side ul li i.bgs4{background-image:url(../images/right_pic1.png)}
.side ul li i.bgs5{background-image:url(../images/right_pic3.png)}
.side ul li i.bgs10{background-image:url(../images/right_pic10.png)}
.side ul li i.bgs6{background-image:url(../images/right_pic6_on.png)}
.side ul li:hover i.bgs1{background-image:url(../images/right_pic5_on.png)}
.side ul li:hover i.bgs2{background-image:url(../images/right_pic7_on.png)}
.side ul li:hover i.bgs3{background-image:url(../images/right_pic2_on.png)}
.side ul li:hover i.bgs4{background-image:url(../images/right_pic1_on.png)}
.side ul li:hover i.bgs5{background-image:url(../images/right_pic3_on.png)}
.side ul li:hover i.bgs10{background-image:url(../images/right_pic10_on.png)}
.side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden}
.side ul li.sidetop{background:#0e482f;color:#fff}
.side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)}

.side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../images/leftewm.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0}



.side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#0e482f}

.side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:14px}
.side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px}
.side ul li.sideetel .telBox dd.bgs1{background:url(../images/right_pic8.png) 28px center no-repeat;background-color:#a0c218}
.side ul li.sideetel .telBox dd.bgs2{background:url(../images/right_pic9.png) 28px center no-repeat}

.side ul li.sideete2 .telBox.son{ display: none; padding: 10px 10px 0 10px; width:228px;height:70px; line-height: 70px; background: #fff; color:#000;  border:1px solid #ccc; text-align:center;position:absolute;left:-250px;top:0;}
.side ul li.sideete2 .telBox.son a{ color: #000; display: block; line-height: 60px }
.side ul li.sideete2 .telBox.son ul li img{ width: 104px; height: 104px; overflow: hidden; }
.side ul li.sideete2 .telBox.son ul li{ width: 100%;  border:none; float: left;   margin-right: 20px; display: block; overflow: hidden;   }

.side ul li.sideete2 .telBox.son ul li b{ line-height: 20px!important; border:none; text-align: center; display: block; }
.side ul li.sideete2 .telBox.son ul li:hover { background: none;color: #666 }
.side ul li.sideete2 .telBox.son ul li:hover b{ color: #666 }

.side ul li.sideetel .telBox.son2{width:240px;height:80px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:0;background:#0e482f}
.side ul li.sideetel .telBox.son2 dd{display:block;height:70px;overflow:hidden;line-height:35px;font-size:18px}
.side ul li.sideetel .telBox.son2 dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:10px!important;font-size:18px; margin-left: 10px!important}



.side ul li:hover .son{display:block!important;animation:fadein 1s}
@keyframes fadein{from{opacity:0}
to{opacity:1}
}




.gy2{width:1200px;margin:0 auto;overflow:hidden}
#headdiv{height: 100px; top: 0px; width: 100%; z-index: 1000; background: none; position: fixed; top: 0; background: #fff}


/*顶部bar*/
.top01{height:100px;line-height:38px;background:#fff;color:#000;font-size:12px; width: 100px; float: left; margin-left: 1%}
.top01 .l{font-size:14px}
.top01_center{text-align:left;float:right;font-size:14px; margin-top: 20px!important}
.top01_center img{vertical-align:sub;display:inline-block;margin-right:8px}
/*logo和导航*/
.top02{float: right;  height: 66px;  color: #000; width:720px; margin-left:100px;}
.top02 .top02_center{width:1200px;min-width:1200px;margin:0 auto; height: 66px}
.top03{ float: right; margin-top: 30px; border-left: 1px solid #ccc; padding-left: 10px }
.top03 dt{ float: left; }
.top03 dd p{   }
.top03 dd span{ line-height: 40px; color: #0e482f; font-size: 20px  }
.top03 dd{ float: left; margin-left:15px; }

.logo{float:left;padding-top:0px; }
.logo img{float:left; height: 80px; margin-top:10px;}
.logo .logo-year{margin-top:17px;height:20px;line-height:20px;width:38px;text-align:center;font-size:12px;color:#fff;background:#0271c0;border-radius:4px;overflow:hidden;font-size:14px;color:#fff}
.logo .logo-text{margin-top:5px;height:18px;color:#656565;line-height:18px;overflow:hidden}
.nav{}
.nav li{}
.nav li.m{width:100px;float:left;text-align:center;}
.nav .m.hover a.mmm{color:#fff; background: #0e482f; height:100px}
.nav a.mmm{width:100%;height:100px; line-height: 100px; display:block;font-size:16px;color:#000}
.nav a.mmm:hover{ background: #0e482f;color:#fff }


/*二级导航*/
.nav .sub{display:none;width:100%;padding:0;position:absolute;top:100px;overflow:hidden;text-align:left;z-index:110;left:0;background-color:#f8f8f8}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;margin:0 auto}
.nav .sub .nav_xiao.max1100{max-width:1100px}
/*二级导航-网站建设*/




/*语言*/
.language{ margin-right: 20px; position: relative; z-index: 500;  }
.btn1{ border: 1px solid #ccc; padding: 0 10px; width: 40px; display: inline-block; background: url(../images/arrow.png) no-repeat 50px 20px; padding-right:30px; height: 50px; line-height: 50px   }

.morelan{ width: 80px; border: 1px solid #ccc; background: #fff; text-align: center; display: none }
.morelan li:hover{ background: #0e482f; color: #fff; cursor: pointer; }
.language{ float: right; }
.serch{ float: right; border: 1px solid #ccc }
.serchtext{ padding-left: 10px; display: block; border: none ; float: left; height: 51px; width: 180px; line-height: 51px}
.serchbtn{ display: block; border: none; background: url(../images/searchbtn.png) no-repeat 5px ; height:51px; width:50px; text-indent: -1000px; float: left; cursor: pointer;  }



/*专利图片查看器*/
.gallery:after {
    content: '';
    display: block;
    height: 2px;
    margin: .5em 0 1.4em;

}

.gallery img {
    height: 100%;
     height: 400px
}

.gallery a {
    width: 283px;
    display: inline-block;
    overflow: hidden;
    margin: 20px 6px;
    border:1px solid #ccc;
}

.baguetteBoxOne {
  width:1200px; 
  margin:40px auto 0 auto;
}





.footer {
  overflow:hidden;
  display:block;
  color:#000;
  font-size:14px;
    background:#2c2e37;


}
.footall{  margin-top:70px; }
.footinfo1,.footinfo2{ float: left; padding-left: 30px; overflow: hidden; height: 98px; margin:30px auto; }
.footinfo img{ margin-right: 20px }
.footinfo strong,.footinfo span,.footinfo em{ display: block; margin-bottom: 20px }
.footinfo strong{ width: 100px; line-height: 40px; color: #000; background: #76a70f; border-radius: 20px; text-align: center;}
.footall{ overflow: hidden; border-bottom: 1px solid #3f414d} 

.footinfo { font-size: 14px;  color: #000; line-height:40px; text-align: center;  }






/*联系我们*/
.contactblock{ float: right; width: 350px; }
.contactcon { background: #fff; width: 270px;  
  padding: 20px  }
.contactcon dl{ margin-bottom: 20px;  padding: 20px;  border-bottom: 1px solid #ccc }
.contactcon dl dt{ font-size: 18px; line-height: 40px; }
.contactcon dl dt img{margin-right:10px; vertical-align: -10px;  }
.contactcon dl dd{ font-size: 16px; line-height: 30px; color: #8f8f8f }
.contactcon dl dd span{ color: #333 }




.footlink ul  li{ float: left;  margin-right: 30px; padding-right: 30px; display: block; height: 200px }
.footlink ul  li:last-child{ margin-right: 30px; }
.footlink ul  li a,.footlink ul  li   span{ display: block; color: #000 ;}
.footlink ul  li a:hover{ color: #0e482f  }
.footlink ul  li span{ line-height: 40px;  font-size: 18px ; display:block; height: 40px}
.footlink ul  li span a{ color: #fff }
.footlink ul  li a{ line-height: 25px; color: #808080 }
.footlink ul  li a img{ margin-right:10px;  vertical-align: -3px; width: 15px }
.footlink .code{ float: right ; background:url(../images/codebg.png) no-repeat right bottom; width: 150px;  }
.footlink .code img{ width: 110px; height: 110px;}
.footlink .code p{ color: #999; font-size: 16px }
.footinfo{  color: #808080; }
.footinfo a{ color: #808080;}

.footlink ul  li dl{ float:left; margin-right: 35px }
.footlink ul  li dl:last-child{ margin-right: 0 }
.footlink ul  li dl dt{ font-weight: bold; line-height: 30px; height: 30px; color: #000; font-size: 16px }



.nav .sub{display:none;width:100%;padding:0;position:fixed;top:100px;overflow:hidden;text-align:left;z-index:110;left:0px;background-color:#f5f5f5;}
.nav .sub .nav_xiao{width:1200px;overflow:hidden;padding-top:5px;margin:0 auto;padding-bottom:50px;}
.nav .sub .nav_xiao .xiao_one{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_one a{float:left;display:inline;height:28px;line-height:28px;width:108px;margin-right:12px;overflow:hidden;border-bottom:1px solid #d3d2d2;color:#313030;background:url(../images/201603/nav_dian.jpg) left center no-repeat;padding:0;padding-left:15px;margin-top:13px;font-size:12px;font-family:"宋体";}
.nav .sub .nav_xiao .xiao_one a:hover{color:#0e482f;}
.nav .sub .nav_xiao .xiao_two{margin-top:28px;width:760px;float:right;}
.nav .sub .nav_xiao .xiao_two img{float:left;margin-right:25px;}
.nav .sub .nav_xiao .xiao_two .nav_div{float:left;width:380px;padding-top:30px;font-size:12px;color:#666666;line-height:22px;}
.nav .sub .nav_xiao .xiao_two .nav_div h2{font-size:16px;color:#0e482f;font-weight:normal;letter-spacing:1px;line-height:36px;}

.nav .sub .nav_xiao .xiao_three{width:760px;float:right;overflow:hidden;}
.nav .sub .nav_xiao .xiao_three ul{width:790px;}
.nav .sub .nav_xiao .xiao_three ul li{float:left;display:inline;width:172px;height:190px;overflow:hidden;margin-right:19px;text-align:center;position:inherit;line-height:46px;margin-left:0px;}
.nav .sub .nav_xiao .xiao_three ul li img{width:100%;height:138px;display:block;}
.nav .sub .nav_xiao .xiao_three ul li a{color:#686868;width:100%;font-size:14px;height:100%;padding-top:17px;}
.nav .sub .nav_xiao .xiao_three ul li a:hover{color:#0e482f;}
.nav .sub .nav_xiao .xiao_three ul li:hover img{opacity: 0.8;filter: alpha(opacity=80);}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li{width:195px;}
.nav .sub .nav_xiao .xiao_three ul.nav_wechat li img{width:195px;height:138px;}

.nav .sub .nav_xiao .xiao_four{width:1200px;overflow:hidden;margin-right:25px;margin-left:55px;}
.nav .sub .nav_xiao .xiao_four h2{font-size:18px;font-weight:normal;color:#333333;height:50px;line-height:50px;border-bottom:1px solid #b3b3b3;letter-spacing:3px;margin-top:10px;}
.nav .sub .nav_xiao .xiao_four .ul{width:1200px;}
.nav .sub .nav_xiao .xiao_four .ul li{height:42px;line-height:42px;margin-right:80px;padding-right:10px;width:500px;overflow:hidden;float:left;display:inline;background:url(../images/nav_dian2.png) right center no-repeat;margin-left:0px;position:inherit;}
.nav .sub .nav_xiao .xiao_four .ul li a{padding:0;width:205px;text-align:left;}

.nav .sub .nav_xiao .xiao_five{width:680px;overflow:hidden;float:left;margin-top:15px;margin-left:50px;}
.nav .sub .nav_xiao .xiao_five img{width:170px;height:100px;}
.nav .sub .nav_xiao .xiao_five p{ line-height: 40px; text-align: center; font-size: 16px }
.nav .sub .nav_xiao .xiao_five a{width:170px;height:140px;padding:0;margin-right:45px;float:left;}
.nav .sub .nav_xiao .xiao_five2{float: right;margin-right: 20px;text-align: left;width: 445px;margin-top:15px;}
.nav .sub .nav_xiao .xiao_five2 p{border-bottom: 1px solid #D9D9D9;box-shadow: none;font-size: 14px;padding: 10px 0;}
.nav .sub .nav_xiao .xiao_five2 p a{text-align: left;width: 200px;display: inline-block;padding-top:0;height:auto;padding: 5px 0;font-size:14px;}

.nav .sub .nav_xiao .xiao_six_l{float:left;width:220px;margin-left:70px;overflow:hidden;margin-top:35px;}
.nav .sub .nav_xiao .xiao_six_l a{display:block;height:70px;line-height:70px; margin-bottom: 30px; 
  font-size:16px;color:#fff;padding-left:30px;background: #0e482f;padding-top:0;}
.nav .sub .nav_xiao .xiao_six_l a.osel{background:url(../images/yuming_pic9_on.png) left center no-repeat;color:#0e482f;}
.nav .sub .nav_xiao .xiao_six_r{float:left;width:800px;overflow:hidden;text-align:center;}
.nav .sub .nav_xiao .xiao_six_r div{ display: block; width: 100%; overflow: hidden; }
.nav .sub .nav_xiao .xiao_six_r img{display:block;margin:0 auto;margin-bottom:7px;transition: all 0.5s ease 0s;-moz-transition: all 0.5s ease 0s;-ms-transition: all 0.5s ease 0s;-o-transition: all 0.5s ease 0s;-webkit-transition: all 0.5s ease 0s;}
.nav .sub .nav_xiao .xiao_six_r a{float:left;width:140px;height:auto;padding-top:0;margin-top:38px;}
.nav .sub .nav_xiao .xiao_six_r a:hover img{}




/*留言板*/
.message {
  padding: 20px;
  color: #fff;
  background:#fff;
  margin-bottom: 200px;

}
.message p{
  text-align: center;
}
.message p strong{
  font-size: 30px;
  display: block;
  color: #fff;
}
.message p em{
  color: #eeb819;
  font-size: 14px;

}
.message form{
  margin-top: 20px;
  color: #000;
}

.message form label{ 
      display: block;
    margin-bottom: 20px;
    width: 580px;
    float: left;
   }


.message form label span{ 
display: inline-block; 
text-align: left;
font-size: 16px;
display: block;
margin-bottom:10px;
 }
.message form label input{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  min-height: : 40px; 
  line-height: 40px;
  padding-left: 5px;
 
  width: 530px
}
.message form label.button{ 
  width: 1115px;
  height: 40px; 
  background: #009a34;
  color:#fff; 
  display: block;
  border-radius: 5px;
  text-align: center;
  line-height: 40px;


 }
 .message form label.button input{
  border: none;
  background: none;
  color: #fff;
  cursor: pointer;


 }
.message form label textarea{
  border: none;
  border: 1px solid #ccc;
  border-radius: 5px;
  line-height: 40px;
  padding-left: 5px;
  width: 1112px}
  
  
  
  
  
/*äº§å“å±•ç¤º*/
.case-lists-container.general-case{  padding-top: 50px}
.case-lists-container.general-case ul{ width: 1240px; height: auto; margin: 0 auto; display: flex; display: -webkit-flex; display: -ms-flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content: flex-start; justify-content: flex-start;}
.case-lists-container.general-case ul li{width:232px; height: auto; margin-bottom: 40px; margin-right: 20px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; background: #fff;}
.case-lists-container.general-case ul li:nth-child(5n){margin-right: 0;}
.case-lists-container.general-case ul li .case-headimg{width: 100%; height: 400px; background-size: cover; background-position: center center;position: relative;}
.case-lists-container.general-case ul li .case-headimg img{ width: 100%; height: 100% }
.case-lists-container.general-case ul li .case-headimg .icon_js{display: inline-block;width: 117px;height: 43px;position: absolute;top: 22px;right: 25px;background-image:url(http://image.shj.cn:8888/static/pcweb/images/twojs.gif);}
.case-lists-container.general-case ul li .case-info-wrap{ height: 70px; padding: 0 20px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center; border-bottom: 1px solid #f4f4f4;}
.case-lists-container.general-case ul li .case-info-wrap .case-buildName{font-size: 16px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.case-lists-container.general-case ul li .case-info-wrap .case-type-info{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-info-wrap .case-type-info span{ margin-right: 20px }
.case-lists-container.general-case ul li .case-info-wrap i{background: url(../images/serch.png);  width: 20px; height: 20px;}
.case-lists-container.general-case ul li .case-designer-wrap{width: 100%; height: 70px; padding: 0 20px; display: flex; display: -webkit-flex; -webkit-justify-content:space-between; justify-content:space-between; -webkit-align-items:center; align-items:center; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap{display: flex; display: -webkit-flex; -webkit-align-content:center; align-content:center;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-heading{width: 40px; height: 50px; border-radius: 8px; background-size: cover; background-position: top center; margin-right: 16px;}
.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .name{font-size: 16px;}

.case-lists-container.general-case ul li .case-designer-wrap .designer-info-wrap .designer-info .caeer{font-size: 14px; color: #575757; margin-top: 4px;}
.case-lists-container.general-case ul li .case-designer-wrap .popup-btn{width: 120px; height: 40px; text-align: center; line-height: 40px; border-radius: 8px; background: #c79e68; color: #fff; font-size: 14px; cursor: pointer;}
.case-lists-container.general-case ul li:hover{    box-shadow: 0px 15px 30px rgba(0,0,0,0.1);
    transform: translate3d(0,-2px,0);}



/*分页*/
.page {
  width:100%;
  height:auto;
  margin:0px auto;
  overflow:hidden;
  text-align:center;
  margin:40px 0;
}
.page a {
  padding:10px 15px;
  color:#4c4c4c;
  font-size:12px;
  margin:10px 5px;
  display: inline-block;
}
.page a.cur,.page a:hover {
  background:#0e3c7c  ;
  color:#fff;
}
.page a.nocur {
  background:none;
  color:#4c4c4c;
}


.textcon p{ line-height: 30px; font-size: 14px; margin-bottom: 20px; text-indent: 30px }
.textcon img{ margin-bottom: 20px; margin:10px auto; display:block; max-width:100%; }


