body{font-family:"Microsoft Yahei";font-size:14px;color:#444; padding:0; margin:0;}
textarea , select{font-family:"Microsoft Yahei"; color:#444; font-size:14px;}
input{padding-left: 5px;font-size:14px;width: 332px;height: 36px;border: 1px solid #0c57bf;}
a{ color:#444;}
a:hover{ color:#5AB431;}
/*头部*/
.header{ width:100%; /*box-shadow:0 2px 5px #ddd;*/ position:relative; z-index:9999;}
.top{ width:1200px; margin:0 auto; position:relative; z-index:9999; background: #f5f5f5;}
.head .top-l{ width:300px; float:left; margin:13px 0;color: #d9d9d9; }
.head .top-r{ width:300px; float:right;margin:13px 0; text-align:right;color: #d9d9d9;}
.head .head-l{ width:60%; float:left; margin:13px 0;color: #d9d9d9; }
.head .head-l img{ width:170px;}
/*nth-child、first-child*/
.head .head-l p:nth-child(2){
    font-size: 29px;
    display: block;
    float: left;
    width: 72%;
    text-align: -webkit-auto;
    color: #0374c0;
    font-weight: 800;
    margin: 5px 0 0 24px;
}
.head .head-l p:nth-child(3){
    font-size: 13px;
    display: block;
    float: left;
    width: 72%;
    text-align: -webkit-auto;
    color: #5e9dd8;
    font-weight: 800;
    margin: 5px 0 0 24px;
}
.head .head-r{ width:25%; float:right;margin:13px 0; text-align:right;color: #d9d9d9;}
.head .head-r img{width: 59px;}
.head-r>p:{font-size: 16px;
    color: #9a9a9a;}
.head-r>i:{
    font-size: 30px;
    font-weight: 700;
    color: #0473c0;
}
.about-buttom{background: url(/template/pc/style/images/lxwm.jpg);height: 219px;}
.about-buttom-left{width:60%;float:left;height: 219px;margin: 50px 0px 0px 5.6%;}
.about-buttom-left p:nth-child(1){font-size: 36px;color: #fff;}
.about-buttom-left p:nth-child(2){font-size: 18px;color: #fff;line-height:36px;height:36px;}
.about-buttom-left p:nth-child(3){font-size: 18px;color: #009b4c;}
.jj_nav_b{    height: 42px;
    width: 380px;
    background: #fff;
    line-height: 42px;}
.jj_nav_b p{font-size: 18px;color: #009b4c; 
  margin: auto;
   display: inline-block; }
.about-header{background:url(../images/bj_gs.jpg) no-repeat center center;width:100%;height:660px;}
.about-header-t{width:100%;text-align:center;}
.about-header-t p{
    height: 177px;
    line-height: 177px;
    font-size: 38px;
    color: #fff;
}
.about-header-l p{font-size:20px;color:#fff;}
.about-header-l p:nth-child(1){margin: 177px 0 0  42%;}
.about-header-l p:nth-child(2){margin: 77px 0 0 45%;}
.about-header-l p:nth-child(3){margin: 87px 0 0 42%;}
.about-header-f p{color:#fff;font-size:20px;}
.about-header-f p:nth-child(1){margin: 177px 0 0  29%;}
.about-header-f p:nth-child(2){margin: 77px 0 0 35%;}
.about-header-f p:nth-child(3){margin: 89px 0 0 36%;}
.about-header-l b{color:#09db41;}
.about-header-f b{color:#09db41;}
.about-header-l{width:50%;float:left;}
.about-header-f{width:50%;float:left;}
.about-buttom-right{width:34%;padding-right: 16px;text-align: right;float:left;height: 217px;}
.about-buttom-right p:nth-child(1){font-size:14px;color: #fff;margin-top: 67px;}
.about-buttom-right p:nth-child(2){font-size:28px;    margin-top: 7px;color: #fff;line-height:33px;height:33px;}
.about-buttom-right p:nth-child(3){    font-size: 16px;    margin-top: 22px;
    height: 33px;
    float: right;
    line-height: 33px;
    width: 110px;
    text-align: center;
    color: #ffffff;
    background: #009b4c;}
.head .top-r a{color: #d9d9d9;margin-left: 10px; margin-right: 10px;}
.head{ width:1200px; margin:0 auto; position:relative; z-index:9999;}
.more{padding: 2px 5px;}
.branddesc{line-height: 30px;}
.head .contact{ margin:20px 0; }
.head .nav_m{ float:left; text-align:left;}
.head .nav_m .nav{ width:100%; text-align:right;position:relative;}
.head .nav li{position:relative; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin-left:10px;}
.head .nav > li > a{display:inline-block; *display:inline; zoom:1; height:50px;color:#fff; line-height:50px; vertical-align:top; font-size:16px; padding:0 20px;}
.head .nav li.now a,.head .nav li a:hover{color:#fff; background:#5AB431;}
/*搜索*/
.head .search-l{ width:550px; float:left; margin:20px 0;}
.head .search-l p{float:left;color:#24a25C}
.head .search-l a{color: #666666;margin-left: 10px; margin-right: 10px;}
.head .search-r{ width:450px; float:right;margin:13px 0; text-align:right;}
.input-search-btn{float: right;background: #0c57bf;border: 0;height: 36px;color: #fff;width: 67px;}
.nav_m .n_icon{ display:inline-block; *display:inline; zoom:1; height:18px; line-height:18px; color:#fff; padding-left:28px; background:url(../images/nav_ico.png) no-repeat left center; position:absolute; right:0; top:-35px; z-index:9999; cursor:pointer;display:none;}
.nav-dd{
	position:absolute;
	width:104px;
	top:49px;
	box-shadow: 0 0 5px #3333;
	left:0;
	display:none;
	background:#ddd;
	z-index:10000;
}
.nav-dd-a{text-align:center;width:100%;display:inline-block; *display:inline; zoom:1; height:35px; line-height:35px; vertical-align:top; font-size:16px; padding:0 20px;}



/*幻灯片*/
.owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
/* display none until init */
.owl-carousel{display: none;position: relative;width: 100%;-ms-touch-action: pan-y;}
.owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);}
.owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;}
.owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 500ms ease-in-out;-moz-transition: height 500ms ease-in-out;-ms-transition: height 500ms ease-in-out;-o-transition: height 500ms ease-in-out;transition: height 500ms ease-in-out;}
.owl-carousel .owl-item{float: left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;}
.owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
/* mouse grab icon */
.grabbing {cursor:url(grabbing.png) 8 8, move;}
/* fix */
.owl-carousel  .owl-wrapper,.owl-carousel  .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility:    hidden;-ms-backface-visibility:     hidden;-webkit-transform: translate3d(0,0,0); -moz-transform: translate3d(0,0,0); -ms-transform: translate3d(0,0,0);}
#owl-demo { position: relative; width: 100%; margin-left: auto; margin-right: auto;}
#owl-demo .item{ position: relative; display: block;}
#owl-demo img { display: block; width: 100%;}
#owl-demo b { position: absolute; left: 0; bottom: 0; width: 100%; height: 78px; background-color: #000; opacity: .5; filter: alpha(opacity=50);}
#owl-demo span { position: absolute; left: 0; bottom: 37px; width: 100%; font: 18px/32px "微软雅黑","黑体"; color: #fff; text-align: center;}
.owl-pagination { position: absolute; left: 0; bottom: 10px; width: 100%; height: 22px; text-align: center;}
.owl-page { display: inline-block; width:25px; height:10px; margin: 0 3px; background:#666; *display: inline; *zoom: 1; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.owl-pagination .active { width:50px; background:#5AB531;}
.owl-buttons { display: none;}
.owl-buttons div { position: absolute; top: 50%; width: 24px; height: 48px; margin-top: -40px; text-indent: -9999px;}
.cp_nav{width: 320px;height: 75px;background: #fff;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;margin:auto;display: inline-block;}
.jj_nav{width: 517px;height: 75px;background: #fff;border-left: 1px solid #f0f0f0;border-right: 1px solid #f0f0f0;margin:auto;display: inline-block;}

.gyjbt ul li{width:33%;float:left;}
.gyjbt ul li p{line-height: 30px;margin: 11px 0 0 39px;}
.gyjbt ul li h2{margin: 33px 0 0 40px;}
.qysm{background:url(../images/qysm.jpg);width:100%;height:280px;}
.qyzz{background:url(../images/qyzz.jpg);width:100%;height:280px;margin: 0 1px;}
.hxjzg{background:url(../images/hxjzg.jpg);width:100%;height:280px;}
/*幻灯片*/
.bg_a{ width:100%; background:#F5F5F5;}
.bg_f{ width:100%; background:#FFF;}
.bg_g{ width:100%; background:#fafafa;}
.contact img { display: block; width: 100%;}
.head img { display: block;width: 33%;float: left;}
.header img { display: block; width: 100%;}
.wrap{ width:1200px; margin:0 auto; padding-bottom:50px;}
.footnav{width: 1200px; margin: 0 auto;}
.footnav li{ width:115px;float:left;}
.footnav li a{width: 115px;float: left;color: #fff;height: 50px;text-align: center;line-height: 50px;}
.i_name{ width:100%; text-align:center; padding:50px 0;}
.i_name p{ width:100%; height:20px; line-height:20px; font-size:12px; color:#999999;}
.i_name em{ display:block; width:100%; height:30px; line-height:30px; font-size:28px; color:#656565;}
.i_name img{ width:232px; height:38px; vertical-align:top;}
.cp_nav em{ display:block; width:100%; height:37px; line-height:37px; font-size:35px; color:#4f4f4f;font-weight: 900}
.cp_nav p{width: 100%;height: 20px;line-height: 20px;font-size: 19px;color: #666666;margin-top: 15px;}
.jj_nav em{ display:block; width:100%; height:37px; line-height:37px; font-size:35px; color:#4f4f4f;font-weight: 900}
.jj_nav p{width: 100%;height: 20px;line-height: 20px;font-size: 19px;color: #666666;margin-top: 15px;}
.cp_service{margin: auto;display: table;}
.cp_service li{float:left;}
.i_service{ width:100%;}
.i_service li{ width:293px;float:left; margin:0 3px; text-align:center; text-align:center; padding:0;}
.i_service li:hover{ box-shadow:0 2px 5px #999;}
.i_service li a{ display:block; width:100%; height:100%;}
.i_service li .tu{ width:100%; height:250px;  background:url(../images/beijing.jpg);  text-align:center; line-height:150px; overflow:hidden;}
.i_service li .tu img{ width:84%;height: 206px;margin-top: 23px;vertical-align:middle;}
.i_service li:hover .tu img{ transform:scale(1.1); -moz-transform:scale(1.1); -webkit-transform:scale(1.1); transition:all ease-in-out .4s;}
.i_service li .title{ width:100%; height:60px; text-align:center; line-height:60px; font-size:22px; color:#009b4a;}
.i_service li a:hover .title{ color:#5AB531;}
.i_service li .ctn{ width:100%; text-align:left; font-size:14px; color:#666; height:120px; overflow:hidden; margin-top:7px; line-height:175%;}
.works{ width:100%;}
.works .more{ display:block; width:100%; padding-top:45px; text-align:center;}
.works .more a{ display:inline-block; *display:inline; zoom:1; width:auto; height:60px; line-height:60px; background:#A4A4A4; padding:0 20px; vertical-align:top;}
.works .more a span{ display:inline-block; *display:inline; zoom:1; height:60px; line-height:60px; padding-left:55px; background:url(../images/icon4.png) no-repeat left center; font-size:18px; color:#FFF; background-size:45px auto;}
.works dl{ width:100%;}
.works dl dt{ width:580px; height:506px;margin:10px;float:left; position:relative; overflow:hidden;}
.works dl dt img{ width:600px; height:526px; vertical-align:top;}
.works dl dd{ width:600px; height:526px; float:right; overflow:hidden;}
.works dl dt .des,.works dl dd ul li .des{ width:100%; height:526px; background:url(../images/bg_2.png) repeat; position:absolute; left:0; top:0; z-index:9; padding:30px 40px; color:#FFF; opacity:0;filter: alpha(opacity=0);}
.works dl dt:hover .des,.works dl dd ul li:hover .des{opacity:1;filter: alpha(opacity=100); transition:all ease-in-out .4s;}
.works dl dd ul{ width:100%;}
.works dl dd ul li{ width:280px; height:243px;margin:10px; float:left; position:relative; overflow:hidden;}
.works dl dd ul li img{ width:300px; height:263px; vertical-align:top;}
.works dl dd ul li .des{ height:263px; padding:10px 20px;}
.works dl dt .des .title{ width:100%; height:50px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:28px;}
.works dl dt .des .title a{ color:#FFF;}
.works dl dt .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:245px;}
.works dl dt .des .d_more{ display:block; width:150px; height:45px; background:#5AB431; color:#FFF; font-size:18px; text-align:center; line-height:45px;}
.works dl dd ul li .des .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:22px;}
.works dl dd ul li .des .title a{ color:#FFF;}
.works dl dd ul li .des .ctn{ width:100%; margin:10px 0 25px; overflow:hidden; font-size:14px; overflow:hidden; line-height:185%; max-height:105px;}
.works dl dd ul li .des .d_more{ display:block; width:130px; height:35px; background:#5AB431; color:#FFF; font-size:16px; text-align:center; line-height:35px;}
.i_about{ width:100%;margin-top: 20px;}
.right{float:left;}
.left{float:right;}
.i_about dt{ width:520px; float:right;}
.i_about dt img{ width:100%; height:auto; vertical-align:top;}
.i-about-left img{margin-left: 17px;}

.i_about dd{ width:664px; float:left; text-align:left;    margin-top: 30px;}
.i_about dd h6{ width:100%; height:50px; line-height:40px; font-size:40px; color:#59B331;}
.i_about dd h5{ width:100%; height:50px; line-height:40px; font-size:24px; color:#1059bb;border-bottom: 1px solid #ddd;border-bottom-style: dashed;}
.i_about dd .tip{ width:100%; padding:10px 0 15px; text-align:left; font-size:18px; color:#D0D0D0; line-height:165%;}
.i_about dd p{ width:100%; font-size:15px; color:#666; line-height:200%; margin-top:10px;}
.i_about dd span{ display:inline-block; *display:inline; zoom:1; width:auto; padding:0 12px; color:#FFF; background:#5AB531; height:30px; line-height:30px; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}
.i-about-left{width: 60px;float: left;}
.i-about-right{width: 87%;float: left;    margin-left: 26px;}
.i_news{ width:100%;}
.top30{margin:30px 0;}
.i-news-left{width:71%;float: left; background:#fafafa;}
.i-news-right{width:26.5%;float: left; background:#fafafa;  margin-left:1.6%;}
.tabBox_t , .tabBox  {width:100%;text-align:left;}
.tabBox .tabNav {overflow: hidden; width:100%; text-align:center;}
.tabBox .tabNav li { display:inline-block; *display:inline; zoom:1; text-align:center; cursor:pointer; width:140px; height:38px; text-align:center; line-height:38px; color:#FFF; margin:0 8px; vertical-align:top; font-size:16px; background:#3F3F3F;}
.tabBox .tabNav li.now { background:#5AB531;}
.tabBox .tabCont { display:none; width:100%;}
.i_news_m{ width:100%;}
.i_news_m li{ width:360px; float:left; margin-right:40px; margin-top:50px;}
.i_news_m li .title,.news li .title{ width:100%; height:40px; line-height:40px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px; border-bottom:1px solid #eee;}
.i_news_m li .des,.news li .des{ width:100%; height:45px; font-size:14px; color:#666; line-height:175%; overflow:hidden; margin:15px 0;}
.i_news_m li .more,.news li .more{ display:block; width:80px; height:30px; line-height:28px; text-align:center; border:1px solid #555; color:#444; border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;}
.i_customer{ width:100%;}
.i_customer li{ width:236px; height:113px; float:left; margin-right:5px; margin-bottom:5px;}
.i_customer li img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.i_customer li:hover img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.bg_b{ width:100%; background:#075cbf;}
.f_zx{ padding:25px 0; position:relative;}
.f_zx p{ width:815px; font-size:18px; color:#FFF; line-height:175%;}
.f_zx a{ display:block; width:210px; height:60px; background:#FFF; position:absolute; right:0; top:27px; color:#5AB531; font-size:24px; text-align:center; line-height:60px;}
.bg_c{ width:100%; background:url(../images/bg_3.jpg) no-repeat; background-size:cover;}
.bg_d{ width:100%; background:url(../images/bg_5.jpg); height: 50px;background-repeat: repeat-x;}
.foot{ width:100%; padding-top:50px;}
.foot li{ width:33.33%; float:left; position:relative; padding-right:30px;}
.foot li .f_logo img{ width:246px; height:61px; vertical-align:top;}
.foot li .f_logo{ padding-bottom:25px; display:block;}
.foot li p{ width:100%; line-height:155%; padding:5px 0;}
.foot li.f_a,.foot li.f_b{ padding-top:86px;}
.foot li b{ display:block; width:100%; height:35px; line-height:35px; font-size:15px;}
.foot li.f_a p{ width:100%; padding-left:25px;}
.foot li.f_a .f_a1{ background:url(../images/icon5.png) no-repeat left 8px;}
.foot li.f_a .f_a2{ background:url(../images/icon6.png) no-repeat left 8px;}
.foot li.f_a .f_a3{ background:url(../images/icon7.png) no-repeat left 8px;}
.foot li.f_b .f_bm{ width:100%; padding-right:40%;}
.foot li.f_b span{ display:inline-block; *display:inline; zoom:1; height:28px; line-height:28px; width:45%; vertical-align:top; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.foot li.f_b span a{ color:#FFF;}
.foot li.f_b .code{ width:35%; position:absolute; right:0; top:85px; text-align:center;}
.foot li.f_b .code img{ width:80%; height:auto; vertical-align:top;}
.foot li.f_b .code p{ width:100%; height:30px; line-height:30px; font-size:12px; text-align:center;}
.banners ,.banners img{ width:100%; height:auto; vertical-align:top;}
.bg_a{ position:relative;}
.top_a{ width:100%; height:30px; background:url(../images/bg_4.png) no-repeat; background-position:top center; background-size:1920px 30px; position:absolute; left:0; top:-30px; z-index:999;}
.s_top{ padding-bottom:25px; text-align:center;}
.s_top em{ display:inline-block; *display:inline; zoom:1; width:auto; height:40px; line-height:35px; border:1px solid #aaa; padding:0 20px; font-size:24px; font-weight:500; vertical-align:top; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;}
.s_top .pst{ width:100%; text-align:center; padding-top:8px;}
.service{ width:100%; text-align:center; padding-top:50px;}
.service h6{ width:100%; text-align:center; font-size:20px; font-weight:normal; color:#666; padding:10px 0;}
.service .ctn{ width:100%; text-align:center; margin-bottom:30px; color:#666; line-height:175%;}
.service ul{ width:100%; text-align:center; margin-bottom:15px;}
.service ul li{ width:380px; height:195px; display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:10px 2px;}
.service ul li img{ width:380px; height:195px; vertical-align:top;}
.s_ctn{ width:100%; text-align:center; color:#666; line-height:175%; overflow:hidden;}
.s_ctn img{ max-width:100%; height:auto; vertical-align:top;}
.about{ padding-top:50px;}
.about .tabBox .tabNav li{ height:30px; line-height:28px; width:auto; padding:0 20px; border:1px solid #ddd; background:#F6F6F6; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; color:#333;}
.about .tabBox .tabNav{ margin-bottom:40px;}
.about .tabBox .tabNav li.now{ color:#FFF; background:#5ab531;}
.contact{ width:100%; text-align:center;}
.contact .s_ctn b{ font-size:24px; font-weight:normal;}
.s_ctn .line{ width:100%; height:3px; background:#eee; margin-top:40px;}
.map{ width:100%; padding-top:20px;}
.map img{ width:100%;}
.book{ width:860px; margin:0 auto;}
.book li{ width:50%; float:left; position:relative; margin-bottom:30px; padding:0 50px 0 100px;}
.book li span{ display:block; width:100px; height:35px; line-height:35px; font-size:16px; position:absolute; left:0; top:0;}
.book li input{ width:100%; height:35px; line-height:35px; border:1px solid #ddd; padding:0 10px;}
.book li i{ display:block; font-style:normal; color:#F00; position:absolute; right:40px; top:0; height:35px; line-height:35px;}
.book li.chang{ width:100%; clear:both;}
.book li.chang p{ width:100%; font-size:12px; color:#888; padding:10px 0; line-height:165%;}
.book li.chang textarea{ width:100%; height:90px; border:1px solid #ddd; padding:10px; line-height:165%;}
.book li.btn{ padding:0; text-align:center;}
.book li.btn input{ display:inline-block; *display:inline; zoom:1; width:190px; height:45px; margin:30px auto; background:#5AB531; color:#FFF; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:16px; cursor:pointer;}
.customer{ width:100%; padding-top:50px; line-height:175%; text-align:center;}
.customer ul{ width:100%; padding-top:40px;}
.customer ul li{ width:398px; float:left; margin-right:3px;}
.customer ul li .tu{ width:100%; height:115px; text-align:center; line-height:115px; border:1px solid #eee;}
.customer ul li .tu img{ width:236px; height:113px; vertical-align:top;-webkit-filter: grayscale(100%);   -moz-filter: grayscale(100%);-ms-filter: grayscale(100%);   -o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;transition: 0.5s;-moz-transition: 0.5s;-webkit-transition:0.5s;-o-transition: 0.5s;}
.customer ul li:hover .tu img{-webkit-filter: grayscale(0);-moz-filter: grayscale(0);-ms-filter: grayscale(0);-o-filter: grayscale(0);filter: grayscale(0);}
.customer ul li .name{ width:100%; height:31px; text-align:center; line-height:31px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#FFF; background:#585858; padding:0 8px;}
.customer ul li:hover .name{ background:#5CB130;}
.news{ width:100%;}
.i-news-top { width:100%; margin-top:50px;}
.i-news-top img{ width:35%; margin: 33px 20px 0 0; float:left;}
.i-news-top p{ width:62%; margin: 20px 0 43px 0; font-size:14px; float:left;color:#515151;}
.i-news-top em{ width:62%; margin-top: 33px; float:left;font-size:20px;font-weight: 700;color:#505050;}
.i-news-top a{color:#d1d1d1;}
.news-li{margin: 20px 0 10px 0;}


.news li{ width:380px; float:left; margin-right:30px; margin-bottom:30px;}
.news li .tu{ width:100%;}
.news li .tu img{ width:100%; height:115px; vertical-align:top;}
.news-top img{width:275px;height:175px;}
.img{float:left;}
.pages{ width:100%; text-align:center; padding-top:15px;}
.pages a,.pages span{ display:inline-block; *display:inline; zoom:1; margin:3px; vertical-align:top; padding:0 10px; height:30px; line-height:30px;}
.pages a{ border:1px solid #ddd;}
.pages a.on,.pages a:hover{ color:#FFF; background:#666;}
.s_works{ width:100%; padding-top:50px;}
.s_works ul{ width:100%;}
.s_works ul li{overflow: hidden; width:380px; height:320px;margin:10px; float:left; position:relative;}
.s_works ul li img{ width:100%; height:100%; vertical-align:top;}
.s_works ul li .des{ width:100%; height:70px; text-align:center; position:absolute; left:0; top:270px; background:#FFF; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:45px; font-size:22px;background-color:#F6F6F6;}
.s_works ul li .des p{ width:100%; height:20px; line-height:20px; text-align:center; font-size:14px; color:#888; margin-top:-5px;}
.s_works ul li:hover .des p,.s_works ul li:hover .des{ color:#FFF;}
.s_works ul li:hover .des{background:#5CB130; transition:all ease-in-out .4s;}
/*.s_works ul li.w_top .des{ top:0;}*/
.code{width: 50%;float: left;text-align: center;}

.pro-channel{width:1200px;text-align:center;margin:0 auto;line-height:50px;padding-top:20px;}
.pro-channel > a{display:inline-block;width:130px;height:40px;border:1px solid #ccc;font-size:14px;color:#666;text-align: center;line-height: 40px;border-radius: 5px;}
.pro-channel > a:hover{background-color:#5AB431;color:#fff;}
.ccl{background-color:#5AB431;color:#fff !important;}