﻿@charset "utf-8";

/* CSS Document */



*{font-family:"微软雅黑";}

body,a,ul,ol,li,p,img,span,input,dd{ padding:0; margin:0}

img,input{ border:none;}

a{ text-decoration:none; outline:none;}

li{ list-style:none;}

.fc{ clear:both;}

.fl{ float:left;}

.fr{ float:right;}

.f10{ font-size:10px;}

.f12{ font-size:12px;color: #5F5B4B;}

.f14{ font-size:14px;}

.f16{ font-size:16px;}

.f18{ font-size:18px;}

.f24{ font-size:24px;}

.pr{ position:relative;}

.pa{ position:absolute;}



/*  相同部分样式 */

/*head-bth*/

.head-bth{ width:100%; height:118px; background:white;}

.head-center{ width:1200px; height:95px; margin:auto;}

.head-center .logo{ padding-top:30px;}

.head-center .fr-top{ padding-top:55px; padding-bottom:7px; text-align:right; position:relative;}

.fr-top span{color:#FBB400; font-size:16px;}

.head-center .fr-top a{color:#595a58;}

.head-center .fr-top a:hover{color:#F63741;}

.head-center .fr-bottom{ padding-top:10px;}

.head-center .fr-bottom a{ margin-right:5px; color:#b5b5b5;}

.head-center .fr-bottom input{ width:185px; height:19px; border:#d2d2d2 solid 1px; border-right:0; margin:0; font-size:12px;color:#484848;}

.head-center .fr-bottom .btn{ margin:0;}

.head-center .fr-bottom button{ width:26px; height:21px; display:block; background:url(../images/sousuo.png) no-repeat; border:none; cursor:pointer;}



/*  nav  */

.nav{ width:100%; height:42px; background:#F7F7F7;border-top:solid 1px #EEEEEE;border-bottom:solid 1px #EEEEEE;}

.nav-center{ width:1200px; height:42px; margin:auto;}

.nav-center ul li{ float:left;}

.nav-center ul a{ font-size:16px; color:#323232; padding:0 38px; text-align:center; line-height:42px;}

.nav-center ul li:hover{color:#53b332;}

.nav-center ul li a:hover{color:#53b332;}



/*  banner  */

.box_index{ width:100%; height:490px; overflow:hidden; position:relative; clear:both;}

.box_index .fullSlide{ width:1920px; height:490px;  position:absolute; left:50%; margin-left:-1000px;}

.box_index .fullSlide .bd{ margin:0 auto; position:relative; z-index:0; overflow:hidden;  }

.box_index .fullSlide .bd ul{ width:100% !important;  }

.box_index .fullSlide .bd li{ width:100% !important;  height:490px; overflow:hidden; text-align:center; background:center 0 no-repeat; }

.box_index .fullSlide .bd li img{ width:1920px; height:490px;}

.box_index .fullSlide .bd li a{ display:block; height:490px; }

.box_index .fullSlide .hd_index{ width:100%;  position:absolute; z-index:10; bottom:0; left:50px; height:30px; line-height:30px; }

.box_index .fullSlide .hd_index ul{ text-align:center; }

.box_index .fullSlide .hd_index ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; border-radius:10px; margin-right:15px; overflow:hidden; background:#000;filter:alpha(opacity=50);opacity:0.5;  line-height:999px; }

.box_index .fullSlide .hd_index ul .on{ background:#f00;}

/*.box_index .fullSlide .prev,*/



/* foot */

.foot{ width:100%;}

.foot .foot-top{ width:100%; height:225px; background:#303133;}

.foot .foot-top .top{ width:1200px; height:78px; padding-top:40px; padding-bottom:50px;}

.foot .foot-top .top .foot-img{ width:140px; height:78px;}

.foot .foot-top .top .foot-img span{ width:142px; height:32px; display:block; float:left; padding-bottom:15px;}

.foot .foot-top .top .foot-img span a{ width:142px; height:32px; display:block;}

.foot .foot-top .top .foot-img span a img{ width:142px; height:32px;}

.foot .foot-top .top .wenzi{ width:700px; height:78px;}

.foot .foot-top .top .wenzi .chicun{ width:530px; height:30px; padding-top:4px;}

.foot .foot-top .top .wenzi .chicun div{color:#fff; font-size:14px;}

.foot .foot-top .top .wenzi .chicun .sp1{ padding-left:35px;height:23px; line-height:23px; color:#fff; font-size:14px; background:url(../images/pic6.png) left center no-repeat;}



.foot .foot-top .foottop-center{ width:1200px; height:225; margin:auto;}

.foot .foot-top .foottop-center ul li{ padding-right:20px; float:left;}

.foot .foot-top .foottop-center ul li a{ font-size:14px; color:#fff;}

.foot .foot-top .foottop-center ul li a:hover{color:#53b332;}

.foot .foot-bottom{ width:100%; height:40px; background:#282828;}

.foot .foot-bottom .footbottom-center{ width:1200px; height:40px; line-height:40px; margin:auto;}

.foot .foot-bottom span{ color:#fff;}

.foot .foot-bottom ul li{ padding:0 10px; float:left;}

.foot .foot-bottom ul li a{ font-size:12px; color:#fff;}

.foot .foot-bottom ul li a:hover{ color:#53b332;}



/*  翻页样式 */

.pagnation { height:40px; padding:45px 0;text-align: center;}

.pagnation a { display: inline-block; width: 34px; height: 34px; line-height: 34px; color:#393737; overflow: hidden; border:#EDECEC solid 1px; margin-left: 4px; font-size: 14px; vertical-align: top; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out; transition: all .4s ease-in-out; }

.pagnation a:hover {color: #fff; background:#0270D4;}

.pagnation .chicun{ width:55px; height: 34px;}

.pagnation .current { background:#0270D4; color: #fff }



/*  首页样式  */

/*  one  */

.one{ width:100%; height: 420px;}

.one .one-center{ width:1200px; height:220px; padding:10px 0; margin:auto;}

.one .one-center .left, .right{ width: 600px;}

/*.one .one-center .right{ width:530px; height:220px; padding-left:20px;}*/

.one .one-center .tabRank{width: 650px; height:210px;}

.one .one-center .tabRank .hd{width: 650px; height:32px; border:none;}

.one .one-center .tabRank .hd h3 { float:left; width:86px; overflow:hidden; text-align:center; padding:0; margin:0}

.one .one-center .tabRank .hd h3 { background:#E4E4E4 url(../images/bg1.png) no-repeat; float:left; width:142px; height:32px; overflow:hidden; text-align:center; padding:0; margin:0;border-right:solid 2px #FFF}

.one .one-center .tabRank .hd h3 a { color:#666666; font-size:18px; font-weight:normal; line-height:32px;}

.one .one-center .tabRank .hd h3.on { background:#53b332 url(../images/bg2.png) no-repeat; height:32px;}

.one .one-center .tabRank .hd h3.on a { display:block; color:#fff;}

.one .one-center .tabRank .bd {width:550px; height: 318px; padding-top:10px;}

.one .one-center .tabRank .bd .ulList{/* width:550px; */ height: 300px; padding-top:20px;}

.one .one-center .tabRank .bd .ulList .content{ /* width: 300px; */ height: 300px;margin-left: 20px;}

.one .one-center .tabRank .bd .ulList .content p{}

.one .one-center .tabRank .bd .ulList .content a{ font-size:14px; color:#666; padding-left:10px;}

.one .one-center .tabRank .bd .ulList .content i{ display:block; width:10px; height:10px; float:left;font-size:6px; padding-left:25px; padding-top:2px;}

.one .one-center .tabRank .bd .ulList .content a:hover{color:#0270d4;}





/* two */

.two{ width:100%; height:310px; position:relative; }

.two .bg{ width:1200px; height:15px; margin:auto; background:url(../images/bg-top.png) center 1px no-repeat;}

.two .two-center {width: 1200px; height: 310px; margin: 0 auto; padding-top: 39px;}

.two .title{ width:153px; height:45px; position:absolute; top:-4px; left:595px; text-align:center; background:#fff;}

.two .title .span1{ color:#232323;}

.two .title .span2{ color:#5f5f5f;}

.two .two-center ul{ padding-top:30px;}

.two .two-center ul li{ height:43px; border: #FBB400 solid 1px; text-align:center; line-height:43px; float:left; margin-right:25px;color:#5f5f5f; font-size:16px;}

.two .two-center ul a:hover li{ background: #FBB400;color: #fff;border: #FBB400 solid 1px;}

.two .two-center .img img{ padding-top:20px; padding-right:20px;}

.two .two-center .img img{height:160px;width:200px;}



/* three */

.three{ width:100%; height:566px; position:relative;    margin-top: 40px;}

.three .bg{ width:1200px; height:15px; margin:auto; background:url(../images/bg3-top.png) 395px 1px no-repeat;}

.three .three-center{ width:1200px; height:270px; margin:auto; }

.three .title,.threess .title{ width:247px; height:50px; position:absolute; top:0; left:550px; text-align:center; background:#fff; margin-top:-7px;}

.three .title .span1,.threess .title .span1{ color:#232323;}

.three .title .span2,.threess .title .span1{ color:#5f5f5f;}

.three .three-center .animate{ width:1200px; height:170px; padding-top:40px;}

.three .three-center .animate ul li{ float:left; width:130px; height:170px; text-align:center; margin-right:84px;}

.three .three-center .animate ul li a{ display:block; width:130px; height:130px; border-radius:130px; background:#6AABDE;}

.ih-item{position:relative;-webkit-transition:all .35s ease-in-out;-moz-transition:all .35s ease-in-out;transition:all .35s ease-in-out}

.ih-item,.ih-item *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

.ih-item.effect1 .spinner{-webkit-transition:all .8s ease-in-out;-moz-transition:all .8s ease-in-out;transition:all .8s ease-in-out}

.ih-item.effect1 a:hover .spinner{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}

.three .three-center .animate ul li span{ line-height:50px; font-size:18px; color:#666666;}



/* four */

.four{ height:640px; overflow:hidden;}

.four .four-center{ height:620px;}

.four .four-center .sort_list { width:1200px; height: auto; overflow: hidden; }

.four .four-center .sort_list p.scroll_btn { width:300px; height:30px; margin:auto; position:relative;bottom:20px; }

.four .four-center .sort_list p.scroll_btn a{ width: 100px; height: 30px; border-radius:30px; display:block; color: #fff; line-height: 30px; background:#CCC; font-size:14px; text-align: center; _display: inline; cursor: pointer; }

.four .four-center .sort_list p.scroll_btn a:hover{background: #53b332;}

.four .four-center .sort_list p.scroll_btn span{ width: 30px; height: 30px; border-radius:30px; display:block; color: #fff; line-height: 30px; background:#CCC; font-size:14px; text-align: center; margin-right:10px;}

.four .four-center .sort_list p.scroll_btn .on{ background: #ccc;}

.four .four-center .all{ width:1200px; height:555px;}

.four .four-center .scroll_box { position: absolute; top: 0; left: 0; width: 9999px; }

.four .four-center .scroll_box .pic ul li{ width:245px; height:255px; border:none; padding-right:20px;}

.four .four-center .scroll_box .pic ul li span{ width:245px; height:36px; background:#f3f3f3; display:block;line-height:36px; font-size:14px; margin-top:1px;overflow:hidden}

.four .four-center .scroll_box .pic ul li span a{color:#5F5F5F}

.four .four-center .scroll_box .pic ul li span a:hover{color:#53b332}

.four .four-center .scroll_box .pic ul li img{ width:245px; height:184px;}

	

/*  案例样式 */

.product{  height:75px;}

.product .product-center{ width:1200px; height:75px; margin:auto;}

.product .product-center .title-product{ width:1200px; height:35px; padding:20px 0;}

.product .product-center .title1{height:35px;}
.title1 span{color:#53b332;}

.product .product-center .title2{height:35px; margin-top:10px;color:#666; font-size:14px;}

.product .product-center .title2 span{ color:#666; font-size:14px;}

.product .product-center .title2 a{ color:#666;font-size:14px;}

.product .product-center .title2 a:hover{ color:#53b332;font-size:14px;}
.pic-product{ width:1200px;margin:auto}
.pic-product ul{ width:900px;margin:auto; overflow:hidden;float:left;}

.pic-product ul li{ float:left;height:322px;text-align: center;padding-right:10px;}

.pic-product ul li img{ width:290px; height:265px;}

.pic-product ul li span{ font-size:14px; color:#858585; width:290px; height:36px; background:#f3f3f3; display:block; margin-top:1px; line-height:36px;overflow:hidden;}

.pic-product ul li span a{color:#686868}

.pic-product ul li span a:hover{color:#53b332;}

/* 详情样式 */

.wkdwc{padding-bottom:20px;}

.company{ width:1200px; height:30px; margin:auto;background:#FFF;padding-bottom:5px;background:none;border:none}

.company ul{}

.company ul li{padding:0px 14px; height:30px; float:left; text-align:center; line-height:30px; background:#53b332; margin-right:10px; cursor:pointer;margin-bottom:5px;}

.company ul li:hover{ background:#5DBCED;}

.company ul li.active{ background:#5DBCED;}

.company ul li a{width:110px; height:30px; line-height:30px; color:#fff; font-size:14px;}

.wenzi-show{float:left;width:900px; margin:auto;padding-bottom:25px;line-height:25px;}

.wenzi-show img{max-width:1200px;}





/* 新闻列表 */

.show-list .showlist-center{ width:1200px;margin:auto; }

.showlist-title{margin:auto;width:1200px; height:30px; padding:10px 0;color:#474747; font-size:14px;line-height:30px;}

.showlist-title a{ color:#474747; font-size:14px;}

.showlist-title a:hover{ color:#0270D4;}



.show-list .showlist-center .showlist-title{ width:1200px; height:30px; padding:10px 0;color:#474747; font-size:14px;line-height:30px;}

.show-list .showlist-center .showlist-title a{ color:#474747; font-size:14px;}

.show-list .showlist-center .showlist-title a:hover{ color:#0270D4;}

.show-list .showlist-center .left{ width:885px; background:#fff; padding:0px 0 20px 15px; border:#D7D7D7 solid 1px;}

.show-list .showlist-center .left ul li{ width:98%;padding-top:5px;}

.show-list .showlist-center .left .wenzi{ width: 860px;height: 145px; text-indent: 2em;}

.show-list .showlist-center .left .p1{ color:#474747; font-size:18px; line-height:29px;}

.show-list .showlist-center .left .p1 a{color:#474747;}

.show-list .showlist-center .left .p1 a:hover{color:#0270D4;}

.show-list .showlist-center .left .p2{ color:#696969; font-size:14px; line-height:30px;height:90px;overflow:hidden}

.show-list .showlist-center .left .p3{ color:#999999; font-size:14px; line-height:23px;}

.show-list .showlist-center .left .p3 span{ padding:0 20px; background:url(../images/tubiao1.png) 0px 3px no-repeat;}

.show-list .showlist-center .left .p3 .span2{ background:url(../images/tubiao2.png) 0px 5px no-repeat;}

.show-list .showlist-center .left .p3 .span3{ background:url(../images/tubiao3.png) 0px 3px no-repeat;}

.show-list .showlist-center .right{ width:280px;}

.show-list .showlist-center .right img{ width:280px; height:180px;border:solid 1px #D8D8D8}

.show-list .showlist-center .right .tabRank,.pic-product .right .tabRank{ width:258px; height:353px; background:#fff; margin-top:15px; padding:10px; border:#D8D8D8 solid 1px;}

.tabRank .hd{ width:258px; height:28px; line-height:28px; border-bottom:#53b332 solid 1px;}

.tabRank .hd h3 { float:left; width:86px; overflow:hidden; text-align:center; padding:0; margin:0}

.tabRank .hd h3 a { color:#666666; font-size:14px;}

.tabRank .hd h3.on { background-color:#53b332; height:29px;}

.tabRank .hd h3.on a { display:block; color:#fff;}

.tabRank .bd {width:258px; height:320px; padding-top:10px;}

.tabRank .bd .ulList{width:258px; height:320px; padding-top:10px;}

.tabRank .bd .ulList .content{ width:258px; height:320px;}

.tabRank .bd .ulList .content p{line-height:30px;height:30px;overflow:hidden}

.tabRank .bd .ulList .content a{ font-size:14px; color:#666; line-height:30px;height:30px;overflow:hidden}

.tabRank .bd .ulList .content a:hover{color:#0270d4;}

.show-list .showlist-center .right .taoyi,.pic-product .right .taoyi{ width:280px; height:70px; margin-bottom:15px;overflow:hidden}

.show-list .showlist-center .right .taoyi a span.juli,.pic-product .right .taoyi a span.juli{ margin-bottom:10px;}

.show-list .showlist-center .right .taoyi a span,.pic-product .right .taoyi a span{ display:block; float:left; padding:5px 10px; margin-right:4px; background:#53b332; color:#fff; font-size:14px;}

.show-list .showlist-center .right .taoyi a:hover span,.pic-product .right .taoyi a:hover span{background:#5DBBEE;}



/* 新闻详情 */

.news-show{ width:875px; background:#fff; padding:0 15px; padding-top:25px; border:#D7D7D7 solid 1px;}

.news-show .show-p1{ text-align:center; color:#3697f0; font-size:22px;}

.news-show .show-p2{ text-align:center; color:#999; font-size:12px; line-height:40px;}

.news-show .show-p2 span{ padding-right:15px;}

.news-show .show-p2 .span4{ padding-right:0; padding-left:15px; background:url(../images/tubiao4.png) 0 3px no-repeat;}

.news-show .zhaiyao{ width:865px;background:#DFEEFD; border:#C2E7FB solid 1px; padding:10px 5px; margin-bottom:12px;}

.news-show .zhaiyao p.zy1{ color:#4c4c4c; font-size:14px;}

.news-show .zhaiyao p.zy2{ color:#656565; font-size:14px; line-height:25px;}

.news-show .center{ width:875px; height:auto; color:#666; font-size:14px; line-height:25px;}

.news-show .center img{max-width:775px}

.news-show .center .ys{}

.news-show .center .ys li{ list-style:none}

.news-show .center .yh{ padding-left:20px;}

.news-show .center .yh li{ list-style:decimal;}

.news-show .center .ys .yh .yh-yycs{}

.news-show .center .ys .yh .yh-yycs li{ list-style:none;}

.news-show .bottom{ width:100%; height:20px; border-top:#B5B5B5 dashed 1px; padding:15px 0; margin-top:15px;}

.news-show .bottom a.col{color:#686868;}

.news-show .bottom a:hover{color:#53b332;}



/*page*/

* pager */
.pager { display:block; width:100%; height:auto; padding:25px 0 5px; text-align:center; clear:both; margin-bottom:5px; }
.pager span, .pager a{ display:inline-block; border:1px solid #eee; color:#666; background: #f3f3f3; height:24px; line-height:24px; padding:0px 8px; text-decoration:none; margin:0 5px; }
.pager a:hover{ background:#e62626; border-color:#e62626; color:#fff; text-decoration:none;}
.pager .cur{ background:#e62626; border-color:#e62626; font-weight:bold; color:#FFF; }
.pager span.dot{ background:#e62626; border-color:#0a6c00; font-weight:bold; color:#FFF; }



/* side */

.side{position:fixed;width:54px;height:275px;right:0;bottom:0px;z-index:100;}

.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #FFF;}

.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#4184CB;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}

.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#4184CB;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}

.side ul li .sidetop:hover{background:#ae1c1c;opacity:1;filter:Alpha(opacity=100);}

.side ul li img{float:left;}



/* box */

.box{}

.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}

.tb-pic a img{vertical-align:middle;}

.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}

.tb-thumb{margin:10px 0 0;overflow:hidden;height:62px;overflow:hidden;width:465px;}

.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:56px;margin:0 6px 0 0;overflow:hidden;padding:1px;}

.tb-s310, .tb-s310 a{}

.tb-s310, .tb-s310 img{height:410px;width:410px;}

.tb-s310 a{*font-size:271px;}

.tb-s40 a{*font-size:35px;}

.tb-s40, .tb-s40 a{height:56px;width:56px;}

.tb-s40, .tb-s40 a img{height:56px;width:56px;}

.tb-booth{border:1px solid #CDCDCD;position:relative;}

.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:56px;padding:2px;}

.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}

.tb-thumb li div{border:1px solid #CDCDCD;}

div.zoomDiv{position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}

div.zoomMask{position:absolute;background:url("../images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.cpshow{width:1200px;margin:auto}

.showcpdiv{width:625px;height:365px;}



.list_art{width:1200px;margin:auto;}

.list_art ul li{background:url(../images/listart_bgx.png) 65px 120px repeat-y;}

#left_box{border-radius:5px;background:#03A5E3;height:60px;width:60px;height:120px;width:130px;}

#left_box .big_time{height:80px;line-height:80px;border-bottom:solid 1px #039CD6;font-size:60px;font-family:微软雅黑;color:#FFF;text-align:center;}

#left_box .sma_time{font-size:18px;font-family:微软雅黑;color:#FFF;height:39px;line-height:39px;text-align:center}

.list_art .leftart{background:url(../images/listart_bgx.png) 65px 120px no-repeat;width:130px;float:left;}

.list_art .leftartrrr{float:right;width:880px;padding-bottom:20px;}

#right_box{width:730px;border-radius:5px;border:solid 1px #DDDEDF;padding:20px 35px;}

#right_box .lll{width:725px;overflow:hidden;float:left}

#right_box .lll h3{font-size:18px;font-weight:bold;color:#03A5E3;height:25px;line-height:19px;overflow:hidden}

#right_box .lll h3 a{font-size:18px;font-weight:bold;color:#03A5E3;height:25px;line-height:19px;}

#right_box .lll p{line-height:25px;padding-top:10px;overflow:hidden;}

#right_box .lll p:hover{color:#03A5E3}

#right_box .rrr{width:155px;height:105px;overflow:hidden;float:right}



.menu_head{height:35px;line-height:35px;padding-left:38px;font-size:14px;color:#525252;cursor:pointer;border:1px solid #e1e1e1;position:relative;margin:0px;font-weight:bold;background:#f1f1f1 url(../images/pro_left.png) center right no-repeat;}

.menu_list .current{background:#f1f1f1 url(../images/pro_down.png) center right no-repeat;}

.menu_body{height:auto;overflow:hidden;line-height:30px;border-left:1px solid #e1e1e1;backguound:#fff;border-right:1px solid #e1e1e1;}

.menu_head a{color:#525252}

.menu_body a{display:block;height:30px;line-height:30px;padding-left:38px;color:#777777;background:#fff;text-decoration:none;border-bottom:1px solid #e1e1e1;}

.menu_body a:hover{text-decoration:none;color:#53b332}



.ssss a{color:#B5B5B5;font-size:12px;}



	/* 本例子css */

	.scrollBox{ width:1200px;padding-top:10px; position:relative; }

	.scrollBox .piclist{ overflow:hidden; zoom:1;}

	.scrollBox .ohbox{overflow:hidden; position:relative;width:1200px;}

	.scrollBox {position:relative;overflow:hidden;zoom:1;}

	.two .two-center .scrollBox .piclist li{float:left; display:inline; width:220px;background:#fff;margin-right:10px;padding:5px;height:180px;position:relative}

	.two .two-center .scrollBox .piclist li img{width:220px;height:180px;}

	.scrollBox .piclist li span{height:25px;line-height:25px;display:block;text-align:center;position:absolute;bottom:5px;left:5px;font-size:14px;text-align:center}

	.scrollBox .piclist li .imgtext{width:220px;line-height:30px;height:30px;color:#FFF;text-align:center}

	.scrollBox .piclist li .imgtext2{width:220px;line-height:30px;height:30px;color:#FFF;text-align:center}

	.scrollBox .piclist li .textpp{background:#000;line-height:30px;height:30px;width:220px;position:absolute;bottom:5px;left:5px;opacity:0.6;text-align:center}

	.scrollBox .pageBtn span{ background:url(../images/slider-arrow.png) no-repeat; display:block;width:37px;height:59px;position:absolute;top:72px;cursor:pointer;text-indent:-999em;overflow:hidden; }

	.scrollBox .pageBtn .prev{background-position:-135px -137px ;}

	.scrollBox .pageBtn .next{right:10px;background-position:0px -137px ;}

	.scrollBox .pageBtn .list{overflow:hidden;zoom:1;margin:10px 0 0 413px; }

	.scrollBox .pageBtn .list li{ float:left; display:inline; width:15px;height:15px;background-position:-86px -57px ;cursor:pointer;margin-left:10px;line-height:10000px;overflow:hidden;  }

	.scrollBox .pageBtn .list li.on{background-position:-114px -57px }

	

/* 本例子css */

	.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}

	.navBar{  position:relative; z-index:1;height:42px; line-height:42px; }

	.nav{ position:relative;margin:0 auto;  font-family:"Microsoft YaHei",SimSun,SimHei; font-size:14px; }

	.nav a{ color:#333;  }

	.nav h3{ font-size:100%; font-weight:normal;   }

	.nav .m{ float:left;  position:relative; z-index:1; }

	.nav .s{ float:left; width:3px; text-align:center; color:#D4D4D4; font-size:12px; }

	.nav h3 a{ display:block; width:124px; text-align:center;   font-weight:bold;  }

	.nav .sub{ display:none; /*默认隐藏*/  position:absolute; top:42px; z-index:1; width:142px; border:1px solid #E6E4E3; border-top:0;  background:#fff; }

	.nav .sub li{ text-align:center; padding:0 8px; margin-bottom:-1px;width:125px;}

	.nav .sub li a{ display:block;  border-bottom:1px solid #E6E4E3; padding:3px 0; height:28px; line-height:28px; color:#666;   }

	.nav .sub li a:hover{ color:#53b332;   }

	.nav .block{ height:3px; width:130px; background:#FE7700; position:absolute; left:0; top:57px; overflow:hidden;  }	
	/*首页3屏*/
.index-wrap3 {
	position: relative;
	margin: -23px auto 0;
	background-color: #EFEFEF;
}

.ind-con3 .cont {
	margin: 0 auto;
	width: 1200px;
}
.ind-con3 .cont .slideBox {
	    padding-top: 38px;
	    position: relative;
	    width: 1200px;
	    height: 460px;
	    overflow: hidden;
}
.ind-con3 .cont .slideBox .bd {
	position: relative;
	height: 100%;
	z-index: 0;
}
.ind-con3 .cont .slideBox .bd ul li {
	position: relative;
	zoom: 1;
	vertical-align: middle;
	overflow: hidden;
}
.ind-con3 .cont .slideBox .bd ul li .news-img {
	padding-left: 297px;
	height: 400px;
	position: relative;
	float: left;
}
.ind-con3 .cont .slideBox .bd ul li .news-img span {
	width: 415px;
	height: 111px;
	display: block;
	top: 122px;
	left: 0;
	position: absolute;
	background: url(../images/iwrap3-tit.png) 0 0 no-repeat;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt {
	width: 450px;
    float: left;
    padding: 13px 5px 10px 35px;
    position: relative;
    border-right: 1px solid #E6E6E6;
    height: 420px;
    border-bottom: 1px solid #E4E3E3;
	    text-indent: 2em;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt h2 {
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-size: 18px;
	color: #FBB400;
	font-weight: normal;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt p {
	color: #666161;
	font-size: 14px;
	line-height: 30px;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt .rdm {
	position: absolute;
    bottom: 61px;
    left: -582px;
    top: 255px;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt .rdm a.button {
	display:block;
	border: 1px solid #FBB400;
    color: #F8B500;
    font-size: 14px;

	width: 106px;
	height: 34px;
	line-height: 32px;
}
.ind-con3 .cont .slideBox .bd ul li .news-txt .rdm a.button:hover {
    border: 1px solid #937c53;
    background: #937c53;
    color: #fff;
}
.ind-con3 .cont .slideBox .prev,
.ind-con3 .cont .slideBox .next {
	position: absolute;
	top: 260px;
	width: 41px;
	height: 41px;
	background: url(../images/iwrap3-left.png) no-repeat;
	cursor: pointer;
	transition: all .3s;
}
.ind-con3 .cont .slideBox .prev {
	left: 175px;
	background-position: 0 0;
}
.ind-con3 .cont .slideBox .next {
	left: 219px;
	background-position: -44px 0;
}
.ind-con3 .cont .slideBox .prev:hover {
	background: url(../images/iwrap3-left-s.png) no-repeat;
}
.ind-con3 .cont .slideBox .next:hover {
	background: url(../images/iwrap3-left-s.png) no-repeat;
	background-position: -44px 0;
}
/*新闻动态*/

.container-news{background-color:#ebeff2;padding:2% 0;margin-top: 60px;}

.container-news .contain{overflow:hidden;}



.container-news .news-banner{width:241px;height:350px;overflow:hidden;float:left;}/*动态左侧banner*/

.container-news .news-banner img{width:241px;height:350px;}

.container-news .news-banner .swiper-pagination{text-align:left;padding-left:10px;}

.container-news .news-banner .swiper-pagination-bullet{width:11px;height:11px;border:1px solid #fffbfd;background-color:initial;opacity:1;}

.container-news .news-banner .swiper-pagination-bullet-active{background-color:#fffbfd;}



.container-news .new-box{width:879px;height:350px;padding:0 30px;position:relative;float:left;background-color:#ffffff;}/*中间动态切换*/

.container-news .new-box .news-nav{border-bottom:1px solid #e5e5e5;margin-top:5px;}

.container-news .new-box .news-nav a{display:inline-block;width:130px;height:62px;line-height:62px;font-size:16px;color:#666666;border-bottom:3px solid rgba(0,0,0,0);margin-bottom:-1px;}

.container-news .new-box .news-nav a.cur, .container-news .new-box .news-nav a:hover{font-size:16px;color:#333333;border-bottom: 2px solid #FBB400;height:48px;}



.container-news .news-block{position:relative;margin-top:30px;display:none;}

.container-news .news-block .news-list li.nL-1st{padding-bottom:28px;height:auto;overflow:hidden;border-bottom:1px dashed #cbcbcb;margin-bottom:28px;}

.news-list li.nL-1st img{float:left;width:101px;height:91px;}

.news-list li.nL-1st .nL-intro{float:left;width:740px;height:91px;margin-left:20px;}

.news-list li.nL-1st .nL-intro h1{height:30px;line-height:30px;font-size:18px;color:#333333;font-weight:normal;}

.news-list li.nL-1st .nL-intro p{font-size:12px;color:#666666;line-height:25px;margin-top:15px;}

.news-list li.nL-1st .nL-intro .more{display:inline-block;width:41px;height:14px;line-height:14px;text-align:center;background-color: #FBB400;font-size:10px;color:#ffffff;margin-left:5px;}

.news-list li.nL-Ost{height:25px;line-height:25px;width:100%;}

.news-list li.nL-Ost a{display:block;font-family:"宋体";font-size:12px;color:#666666;position:relative;padding-right:80px;}
.news-list li.nL-Ost a:hover{ color:#53b332}
.news-list li.nL-Ost a em{font-family:"微软雅黑";position:absolute;right:0px;}
.container-news .news-about{float:left;position:relative;margin-left:17px;width:244px;height:350px;}

.news-about .news-video, .news-about .news-msg{width:240px;height:170px;overflow:hidden;position:relative;}

.news-about .news-video .nv-img{position:relative;text-align:center;line-height:170px;cursor:pointer;z-index:1;}

.news-about .news-video .nv-img img{width:240px;height:170px;}

.news-about .news-video .nv-img .nv-btn{display:inline-block;width:100%;height:100%;background:url(../images/icon-video.png) no-repeat center center;position:absolute;top:0px;left:0px;}

.news-about .news-video .nv-video{position:absolute;top:0px;left:0px;width:0px;height:0px;z-index:2;overflow:hidden;}

.news-about .news-video .nv-video video{width:240px;height:170px;}

.news-about .news-msg{margin-top:10px;}

.news-about .news-msg .nM-btn{position:absolute;top:0px;left:0px;display:block;width:100%;height:100%;font-size:20px;color:#fff;text-align:right;cursor:pointer;padding:14px 25px 0 0;}

/*  精品案例 */
.product1{padding: 0px 0 50px 0;overflow: hidden;width: 1200px; margin: 0 auto; height: 470px;}
.product1 .title{text-align:center;font-size:36px;color:#222;line-height:36px;margin-bottom:20px;}
.product1 .title strong{color:#7C451B;}
.product1 .title span{display:block;font-size:14px;color:#9a9a9a;font-family:Arial;font-weight:normal;text-transform:uppercase;line-height:28px;}
.proMenu{margin-bottom:15px;overflow:hidden;font-size:18px;color:#222;}

.proMenu li a{color:#222;}
.proMenu li.first{padding-left:0;background:none;}
.proMenu li.on a{color:#7C451B;}
.proMain,.proBox{overflow:hidden;}
.proBox font span{font-size:16px;line-height:24px;white-space:normal;}
.proMain .left{width: 450px;height: 512px;overflow:hidden;position:relative;    border: 1px solid #DCDCDC;}
.proMain .left img{width: 450px;height:516px;transform:scale(1,1);transition:all 0.5s;}
.proMain .left div,.proMain li div{background-color: #000; opacity: 0.5;position:absolute;bottom:0;left:0;overflow:hidden;color:#fff;width:356px;padding:0 50px;font-size:14px;height:40px;transition:all 0.5s;}
.proMain .left div h3,.proMain li h3{height:40px;line-height:40px;font-size:14px;font-weight:normal;margin-bottom:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all 0.5s;text-align:center;padding-bottom:2px; margin:0 }
.proMain .left .font h3 a{ color:#FFF;}
.proMain .left:hover div,.proMain li:hover div{height:100%;transition:all 0.5s;}
.proMain .left:hover div h3,.proMain li:hover div h3{text-align:center;margin-top:200px;color:#fff;transition:all 0.5s;}
.proMain .left:hover img,.proMain .right li:hover img{transform:scale(1.1,1.1);transition:all 0.5s;}
.proMain .right{width:1200px;height:410px;overflow:hidden;}
.proMain .right ul{width:1200px;}
.proMain .right li {
    float: left;
    width: 280px;
    height: 230px;
    overflow: hidden;
    position: relative;
    margin-right: 18px;
    margin-bottom: 4px;
    border: 1px solid #DCDCDC;
}
.proMain .right li img{width: 280px;height: 230px;transform:scale(1,1);transition:all 0.5s;}
.proMain li div {width:180px;}
.proMain li:hover div h3{margin-top:80px;}
.proMenu{margin-bottom:15px;overflow:hidden;font-size:18px;color:#222;}


/* 内页公用菜单 */
.listMenu{line-height:40px;overflow:hidden;}
.listMenu li{
    float: left;
    height: 38px;
    line-height: 38px;
    border: 1px solid #FBB400;
    font-size: 16px;
    margin-right: 8px;
    margin-bottom: 10px;
    width: 103px;
    text-align: center;
    }
.listMenu li a{display:block;height:40px;padding:0 18px;transition:all 0.3s;}
.listMenu li a:hover,.listMenu li a.current{background: #FBB400;color:#fff;transition:all 0.3s;}

