/***********************************************xiaoyuan*****************************************************************************************/
@charset "utf-8";

/*头部*/
.head {width:1000px; margin:0px auto; height:70px; padding-top:25px;}
.head .logo{ width:264px; height:39px;}

.head .nav{ height:30px; padding-left:0px; padding-top:10px;}
.head .nav ul li{ float:left; padding-right:40px; line-height:30px; height:30px;}
.head .nav ul li a{ display:block; line-height:30px; font-size:14px; color:#3f3f3f;}
.head .nav ul li a:hover{ border-bottom:2px solid #83c025;}
.head .nav ul li a.xz{ border-bottom:2px solid #83c025;}

.head .search{ width:167px; height:19px; padding-top:17px;}
.head .kk{ width:117px; height:19px; float:left; border:none; background:url(../images/kk.png) no-repeat; text-indent:10px; color:#fff;}
.head .niu { float:left; border:none;}

.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}

/*banner图*/
.banner{ width:100%; height:450px;}
.banner .flexslider{position:relative;height:450px;overflow:hidden;}
.banner .slides{position:relative;z-index:1;}
.banner .slides li{height:450px;}
.banner .flex-control-nav{position:absolute;bottom:80px;z-index:2;width:100%;text-align:center; display:none;}
.banner .flex-control-nav li{display:inline-block;width:14px;height:14px;margin:0 5px;*display:inline;zoom:1;}
.banner .flex-control-nav .flex-active{background-position:0 0;}


.flex-direction-nav{position:absolute;z-index:3;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:46px;height:43px;overflow:hidden;cursor:pointer;position:absolute;}
.flex-direction-nav li a.flex-prev{left:7%;background:url(../images/page1.png) center center no-repeat;}
.flex-direction-nav li a.flex-next{right:7%;background:url(../images/page2.png) center center no-repeat;}



.col{ width:1000px; height:409px; margin:0px auto; padding-top:35px;}
.col ul li{ width:290px; height:405px; padding:0px 2px 4px 2px; float:left; margin-right:58px; background:url(../images/col.png) no-repeat center top;}
.col .colt{ width:100%; height:125px; position:relative;}
.col .colt img{ width:290px; height:125px;}
.col .colt .list{ width:70px; height:80px; position:absolute; left:110px; bottom:-40px; text-transform:uppercase; font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:bold;}
.col .bt{ width:100%; height:50px; line-height:50px; padding-top:40px; font-size:16px; text-align:center; color:#373737;}
.col .wz{ width:240px; height:100px; overflow:hidden; font-size:12px; color:#696969; margin:0px auto; line-height:26px; text-align:center; padding-top:10px;}
.col .look{ width:150px; height:26px; margin:0px auto; padding-top:10px; text-align:center; line-height:26px;}
.col .look a{ display:block; width:150px; height:26px; background:#e8554e; font-size:12px; color:#fff;}


.footer{ width:100%; height:50px; background:#707070;}
.footer .foot{ width:1200px; height:50px; margin:0px auto;}
.footer .foot .footl{ height:50px; line-height:50px;}
.footer .foot .footl a{ font-size:12px; color:#cbcbcb;}
.footer .foot .shu{ font-size:12px; color:#cbcbcb; line-height:50px; padding:0px 10px 0px 10px;}
.footer .foot .footr{ height:50px; line-height:50px; font-size:12px; color:#cbcbcb;}
.footer .foot .footr a{color:#cbcbcb;}
/**************************************************首页结束********************************************************************/
.banner2{ width:100%; height:147px;}
.top{ width:1000px; margin:0px auto; position:relative;}
.top .navk{ width:1000px; position:absolute;}

.top .navk ul li{ width:245px; float:left; margin-right:4px;}

.top .navk .colt{ width:100%; height:4px; position:relative; z-index:9;}
.top .navk .colt .block{ width:70px; height:80px; position:absolute; left:87px; bottom:-40px; z-index:10;}
.top .navk .colt a{ display:block; width:70px; height:80px;}
.top .navk .colt .list{ width:70px; height:80px;text-transform:uppercase; font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:bold;}
.top .navk .bt{ width:100%; height:50px; line-height:50px; padding-top:42px; font-size:16px; text-align:center; color:#373737;}

.top .navk .colt .block:hover .hide{ display:block;}
.top .navk .colt .block .hide{ display:none; width:245px; height:373px; background:url(../images/navk.png) no-repeat center top; padding:0px 3px  4px 0px; position:absolute; top:-111px; left:-87px; z-index:-1;}
.top .navk .colt .hide .colt2{ width:100%; height:147px;}
.top .navk .colt .hide .colt2 img{ width:245px; height:147px;}
.top .navk .colt .hide .wz2{ width:210px; height:95px; overflow:hidden; font-size:12px; color:#696969; margin:0px auto; line-height:26px; text-align:center; padding-top:45px;}
.top .navk .colt .hide .look2{ width:150px; height:26px; margin:0px auto; text-align:center; line-height:26px;}
.top .navk .colt .hide .look2 a{ display:block; width:150px; height:26px; background:#e8554e; font-size:12px; color:#fff;}
.top .navk .colt .hide .bt2{ width:100%; height:55px; line-height:55px;  font-size:20px; text-align:center; color:#373737;}



.con{ width:1000px; margin:0px auto;}
.beige{ width:100%; height:9px; background:url(../images/beige.png) repeat-x; position:relative;}
.cal{ width:70px; height:80px; position:absolute; left:465px; top:-40px; background:url(../images/list4.png) no-repeat center top; font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:bold; text-transform:uppercase;}

#result{height:968px;overflow: hidden;}
#result1{height:750px;overflow: hidden;}
#loader{opacity: 0;margin: 10px 0;}

.case{ width:100%;}
.case ul li{ width:227px; height:212px; float:left; margin:25px 23px 0px 0px; padding:0px 5px 5px 0px; background:url(../images/case.png) no-repeat center top; text-align:center;}
.case ul li.xv{ margin-right:0px;}
.case .caset{ width:227px; height:212px; overflow:hidden;}
.case .caset img{ width:100%; height:160px;border-bottom:4px solid #71c5d3;}
.case a:hover .caset p{color:#71C5D3;}

.case .caset2{ width:227px; height:212px; overflow:hidden;}
.case .caset2 img{ width:100%; height:160px;border-bottom:4px solid #f5c53d;}
.case a:hover .caset2 p{color:#F5C53D;}

.case .caset3{ width:227px; height:212px; overflow:hidden;}
.case .caset3 img{ width:100%; height:160px;border-bottom:4px solid #7eb66f;}
.case a:hover .caset3 p{color:#85C075;}

.case .caset4{ width:227px; height:212px; overflow:hidden;}
.case .caset4 img{ width:100%; height:160px;border-bottom:4px solid #e46963;}
.case a:hover .caset4 p{color:#E46963;}

.case p{height:48px; line-height:48px;color:#8d8d8d; overflow:hidden;}
.case p a{ font-size:12px; text-align:center;}
.case p a:hover{ color:#7bb91e;}

.see{ width:340px; height:48px; margin:0px auto; text-align:center; letter-spacing:5px;}
.see a{ display:block; height:48px; width:340px; background:#e0e5e2; font-size:14px; color:#898989; line-height:48px;}



.top .bus{ width:1000px; position:absolute;}

.top .bus ul li{ width:290px;  float:left; margin-left:137px;}

.top .bus .colt{ width:100%; height:4px; position:relative; z-index:9;}
.top .bus .colt .block{ width:70px; height:80px; position:absolute; left:110px; bottom:-40px; z-index:10;}
.top .bus .colt a{ display:block; width:70px; height:80px;}
.top .bus .colt .list{ width:70px; height:80px;text-transform:uppercase; font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:bold;}
.top .bus .bt{ width:100%; height:50px; line-height:50px; padding-top:42px; font-size:16px; text-align:center; color:#373737;}

.top .bus .colt .block:hover .hide{ display:block;}
.top .bus .colt .block .hide{ display:none; width:290px; height:405px;  background:url(../images/col.png) no-repeat center top; padding:0px 2px 4px 2px; position:absolute; top:-111px; left:-111px; z-index:-1;}
.top .bus .colt .hide .colt2{ width:100%; height:147px;}
.top .bus .colt .hide .colt2 img{ width:100%; height:147px;}
.top .bus .colt .hide .wz2{ width:250px; height:95px; overflow:hidden; font-size:12px; color:#696969; margin:0px auto; line-height:26px; text-align:center; padding-top:55px;}
.top .bus .colt .hide .look2{ width:150px; height:26px; margin:0px auto; text-align:center; line-height:26px; padding-top:10px;}
.top .bus .colt .hide .look2 a{ display:block; width:150px; height:26px; background:#e8554e; font-size:12px; color:#fff;}
.top .bus .colt .hide .bt2{ width:100%; height:50px; line-height:50px; padding-top:15px; font-size:22px; text-align:center; color:#373737;}


.tm{ width:100%; height:34px; line-height:34px; font-size:20px; color:#373737; border-bottom:1px solid #bfbfbf;}

.ter{ width:100%;}
.ter ul li{ width:300px; height:336px; float:left; margin:24px 36px 0px 0px; background:url(../images/busi.png) no-repeat center top; padding:3px 6px 6px 3px;}
.ter ul li.xw{ margin-right:0px;}

.ter .pic{ width:301px; height:185px; overflow:hidden; position:relative;}
.ter .pic img{ width:301px; height:185px; position:absolute; left:0px; top:0px;}

.ter .infor{ width:270px; margin:0px auto; height:90px; padding-top:15px; font-size:18px; color:#242424; line-height:30px; text-align:center;}
.ter .infor a{ font-size:16px; color:#242424;}
.ter .bot{ width:100%; height:39px; border-top:1px solid #bfbfbf;}
.ter .bot .add{ height:39px; line-height:39px; font-size:12px; color:#787878; background:url(../images/add.png) no-repeat center left; padding-left:15px; margin-left:18px;}
.ter .bot .time{ height:39px; line-height:39px; font-size:12px; color:#787878; background:url(../images/time.png) no-repeat center left; padding-left:20px; margin-left:20px;}


.top .service{ width:1000px; position:absolute;}

.top .service ul li{ width:290px;  float:left; margin-right:65px;}

.top .service .colt{ width:100%; height:4px; position:relative; z-index:9;}
.top .service .colt .block{ width:70px; height:80px; position:absolute; left:110px; bottom:-40px; z-index:10;}
.top .service .colt a{ display:block; width:70px; height:80px;}
.top .service .colt .list{ width:70px; height:80px;text-transform:uppercase; font-size:36px; color:#fff; text-align:center; line-height:80px; font-weight:bold;}
.top .service .bt{ width:100%; height:50px; line-height:50px; padding-top:42px; font-size:16px; text-align:center; color:#373737;}

.top .service .colt .block:hover .hide{ display:block;}
.top .service .colt .block .hide{ display:none; width:290px; height:405px;  background:url(../images/col.png) no-repeat center top; padding:0px 2px 4px 2px; position:absolute; top:-111px; left:-113px; z-index:-1;}
.top .service .colt .hide .colt2{ width:100%; height:147px;}
.top .service .colt .hide .colt2 img{ width:100%; height:147px;}
.top .service .colt .hide .wz2{ width:250px; height:95px; overflow:hidden; font-size:12px; color:#696969; margin:0px auto; line-height:26px; text-align:center; padding-top:65px;}
.top .service .colt .hide .look2{ width:150px; height:26px; margin:0px auto; text-align:center; line-height:26px; padding-top:10px;}
.top .service .colt .hide .look2 a{ display:block; width:150px; height:26px; background:#e8554e; font-size:12px; color:#fff;}
.top .service .colt .hide .bt2{ width:100%; height:50px; line-height:50px; padding-top:10px; font-size:20px; text-align:center; color:#373737;}


.ope{ width:100%;}
.ope ul li{ width:450px; height:300px; float:left; margin:40px 0px 10px 35px; background:#fff; text-align:center;}
.ope .pic{ width:450px; height:230px; overflow:hidden; position:relative;}
.ope .pic img{ width:450px; height:230px; position:absolute; left:0px; top:0px;}
.ope ul li a{ line-height:70px; font-size:14px; color:#7d7d7d;}
.ope ul li a:hover{ color:#7bb91e;}

.ser{ width:100%;}
.ser ul li{ width:310px; height:340px; float:left; margin:20px 30px 10px 0px; background:#fff;}
.ser .pic{ width:310px; height:230px; overflow:hidden; position:relative;}
.ser .pic img{ width:310px; height:230px; position:absolute; left:0px; top:0px;}
.ser .ex{ width:290px; height:90px; line-height:30px; overflow:hidden; margin:0px auto; padding-top:10px; overflow:hidden;}
.ser .ex a{ font-size:12px; color:#7d7d7d;}

.partner{font-size:14px; color:#333; line-height:38px; padding-top:25px;}

.about{ width:100%; height:520px; padding-top:15px; background:#efefef;}
.about .abouts{ width:1140px; margin:0px auto;}
.about .abouts .aboutbt{ width:100%; height:50px; line-height:50px; font-size:16px; color:#336b36;}
.about .abouts .aboutbt span{ font-size:28px;}
.about .abouts .aboutwz{width:745px; padding:10px; font-size:12px; color:#363636; line-height:30px; text-indent:2em;overflow:auto; overflow-x:hidden; height:360px; float:left;}
.about .abouts .aboutpic{width:371px; float:right;}

.company{ width:100%; height:460px;}
.company .com{ width:1200px; margin:0px auto;}
.company .com .evo{ width:210px; height:102px; margin:0px auto; font-size:26px; font-weight:bold; text-align:center; line-height:90px; color:#fff; background:url(../images/evo.png) no-repeat center top;letter-spacing:2px;}

.company .com .comtime{ width:1200px; height:217px; padding-top:100px;}
.company .com .comtime .indexPart4{width:1200px; height:217px; margin:0px auto;}
.company .com .comtime .indexPart4 .wal{width:1200px; height:217px; position:relative; margin:0px auto;}
.company .com .comtime .indexPart4 .list{width:1200px; overflow:hidden; position:relative;}
.company .com .comtime .indexPart4 ul{width:5000%;}

.company .com .comtime .indexPart4 li{float:left; position:relative; height:217px; width:350px; padding-left:50px; background:url(../images/years.png) no-repeat center top;}
.company .com .comtime .indexPart4 .list .listord{ width:350px; height:95px;}
.company .com .comtime .indexPart4 .list .listord .listord1{ width:75px; height:75px; font-size:18px; color:#fff; font-weight:bold; line-height:75px; text-align:center; padding-left:37px;}
.company .com .comtime .indexPart4 .list .listord .listord2{ width:225px; height:85px; font-size:12px; color:#4a4a4a; line-height:24px; padding:10px 0px 0px 10px;}


.company .com .comtime .indexPart4 .list .listords{ width:350px; height:75px; padding-top:47px;}
.company .com .comtime .indexPart4 .list .listords .listords1{width:225px; height:85px; font-size:12px; color:#4a4a4a; line-height:24px;}
.company .com .comtime .indexPart4 .list .listords .listords2{ width:75px; height:75px; font-size:18px; color:#fff; font-weight:bold; line-height:75px; text-align:center; padding-left:2px;}


.company .com .comtime .indexPart4 .prev{display:block; background: url(../images/prev1.png) left top no-repeat; width:23px; height:23px; overflow:hidden; position:absolute; z-index:10; right:25px; top:-67px;}
.company .com .comtime .indexPart4 .next{display:block; background: url(../images/prev2.png) left top no-repeat; width:23px; height:23px; overflow:hidden; position:absolute; z-index:10; right:0px; top:-67px;}





.qua{ width:100%; /*height:458px; background:url(../images/qua.jpg) no-repeat  center top;*/}
.qua .qual{ width:1200px; margin:0px auto;}
.topic{ width:100%; height:115px; font-size:16px; line-height:115px; color:#336b36; text-transform:uppercase;}
.topic span{ font-size:14px; color:#6e6e6e; padding-left:10px;}

.evol{ width:1200px; margin:0px auto;}

.banner3{ width:100%; height:210px;}
.top .xq{ position:absolute; width:70px; height:80px; left:530px; bottom:-40px; background:url(../images/list3.png) no-repeat center top; font-size:36px; font-weight:bold; text-transform:uppercase; text-align:center; line-height:80px; color:#fff;}
.xqtop{ width:1000px; margin:0px auto; height:50px; line-height:50px; font-size:20px; color:#7bb91e; border-bottom:1px solid #dfdfdf;}

.left{ width:580px; margin-top:25px; background:#fff;}


.left .lefttu{ width:580px; height:323px;}
.left .lefttu .indexPart4{width:580px; height:323px; margin:0px auto;}
.left .lefttu .indexPart4 .wal{width:580px; height:323px; position:relative; margin:0px auto;}
.left .lefttu .indexPart4 .list{width:580px; overflow:hidden; position:relative;}
.left .lefttu .indexPart4 ul{width:2000%;}
.left .lefttu .indexPart4 li{float:left; position:relative; height:323px; width:580px;}
.left .lefttu .indexPart4 li img{ height:323px; width:580px;}
.left .lefttu .indexPart4 .prev{display:block; background: url(../images/page1.png) left top no-repeat; width:46px; height:43px; overflow:hidden; position:absolute; z-index:10; left:0px; top:145px;}
.left .lefttu .indexPart4 .next{display:block; background: url(../images/page2.png) left top no-repeat; width:46px; height:43px; overflow:hidden; position:absolute; z-index:10; right:0px; top:145px;}




.left .tab{ padding:30px 0px 0px 20px;}
.left .tab ul li{ height:30px; line-height:30px; float:left; padding-right:2px; cursor:pointer; }
.left .tab ul li a{ height:30px; display:block; line-height:30px; padding:0px 20px 0px 20px; text-align:center; color:#555; font-size:14px; background:#e0e0e0; }
.left .tab ul li a:hover{ background:#86c076; color:#fff;}
.left .tab .tabt{ width:100%; height:4px; background:url(../images/tab.png) no-repeat center top; display:none;}
.left .tab ul li:hover .tabt{ display:block;} 
.left .tab ul li.xn .tabt{ display:block;}
.left .tab ul li.xn a{background:#86c076; color:#fff;}

.left .leftwz{ width:530px; margin:0px auto; padding-top:20px; font-size:12px; color:#616161; line-height:36px; text-indent:2em; display:none;}


.right{ width:380px; padding-top:25px;}
.right .address{ width:380px; height:303px; position:relative; background:url(../images/map.png) no-repeat center top;}
.right .address .addre{ width:17px; height:30px; position:absolute; background:url(../images/coor.png) no-repeat center top;}
.right .place{ height:45px; width:100%;}
.right .place .adds{ height:45px; line-height:45px; background:url(../images/add.png) no-repeat center left; padding-left:20px; margin-left:50px; font-size:14px; color:#4e4e4d;}
.right .place .times{height:45px; line-height:45px; background:url(../images/time2.png) no-repeat center left; padding-left:30px; margin-left:25px; font-size:14px; color:#4e4e4d;}

.right .phone{padding-top:15px;}

.righe .cons{ width:380px; height:63px;}


.mbx{ width:100%; height:30px; line-height:30px; color:#454545; font-size:14px; border-bottom:1px solid #ccc;}
.mbx a{ font-size:14px; color:#454545;}
.mbx span{ color:#7bb91e;}

.leftin{ width:500px; font-size:12px; line-height:26px; color:#313131; padding-top:25px;}
.leftin span{ font-size:14px; color:#000;}




.righttu{ width:460px; height:380px; }
#demo1{position: relative;    margin: 50px auto; width:460px;   }
#demo1 .img_list{overflow: hidden; position: relative; height: 380px;}
/* 根据图片的张数来设定ul的宽度 */
.img_list ul{ width: 3500px; position: absolute; height:380px; left: 0px;}
.img_list li{ float: left; width: 460px;}
.img_list img{ width: 460px; height: 380px;}

/* 图片对应的按钮样式 */
.btn_list ul{ position: absolute; left: 30px; bottom: 10px; }
.btn_list li{ float: left; margin-right: 20px; color: #999; border: 2px solid #bdbdbd; }
.btn_list li:hover,.btn_list li.on{ cursor: pointer; border: 2px solid #bdbdbd;}
.btn_list li img{ width: 80px; height: 50px; display: block;}
/* 左右点击的按钮样式 */
#demo1 .toLeft,#demo1 .toRight{ display: none; position: absolute; width: 100px; height: 60px;     top: 110px;    }

/* 图片对应的说明*/
.img_intro{ position: absolute;  bottom: 0; left: 0; width: 100%; height: 25px;}
.img_intro .img_intro_bg,.img_intro .text{ position: absolute;  left: 0; top: 0;  width: 100%; height: 100%;}
.img_intro .img_intro_bg{ background: #000;   z-index: 999;}
.img_intro .text{ padding: 5px 10px; z-index: 1000;color: #999;}


.contact{ width:370px; font-size:14px; color:#333; line-height:38px; padding-top:25px;}
.contact span{ font-size:18px; color:#7bb91e;}
.map{ width:600px; height:300px; margin-top:25px;}

.job{ width:650px; padding-top:25px; margin:0px auto;}
.job td{ line-height:40px; font-size:14px; color:#333;}
.job .kuang{ width:300px; height:30px; border:1px solid #ccc; margin-left:15px;}
.job .kuang2{ width:450px; height:150px; border:1px solid #ccc; margin-top:10px; margin-left:15px;}
.job .ti{ width:100px; height:30px; line-height:26px; font-size:12px; color:#fff; border:none; background:#86c076;font-family:Microsoft Yahei; margin:15px;}



.newslist {line-height: 40px; height: 40px; font-size:14px;}
.newslist a{ color:#373737; }