/* 本例子css */
.slideBox{ width:100%; height:800px; overflow:hidden; position:relative; margin:0 auto;}
.slideBox .hd{ position:relative; bottom:50px; left:50%; float:left;}
.slideBox .hd ul{ position:relative; left:-50%;}
.slideBox .hd ul li{ float:left; margin:0 10px; width:15px; height:15px; background:url(/web_images/index_06.png) no-repeat;cursor:pointer; font-size:0;}
.slideBox .hd ul li.on{ background:url(/web_images/index_04.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;}
.slideBox .bd li{ zoom:1; vertical-align:middle; height:800px; background:no-repeat top center;}


.product{ overflow:hidden; background:url(/web_images/index_bj_03.jpg) no-repeat center top; height:1810px;}
.product .title{ font-size:38px; color:#303030; padding-right:50px; background:url(/web_images/index_07.png) no-repeat right center;}
.product .text{ font-size:16px; color:#303030; line-height:30px;}
.product_1{ margin-top:160px;}
.product_1 .title{ width:122px; margin-bottom:40px;}
.product_1 .text{ margin-bottom:70px;width:565px;}

/* 本例子css */
.picMarquee-left{ position:relative; width:1650px;}
.picMarquee-left .hd{ overflow:hidden; position:absolute; left:-66px; bottom:0;}
.picMarquee-left .hd .prev{ cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_14.jpg) no-repeat; margin-bottom:1px;}
.picMarquee-left .hd .next{ cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_21.jpg) no-repeat;}
.picMarquee-left .hd .prev:hover{ background-image:url(/web_images/index_24.jpg);}
.picMarquee-left .hd .next:hover{ background-image:url(/web_images/index_17.jpg);}
.picMarquee-left .bd{ overflow:hidden;}
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-left .bd ul li .pic{ text-align:center; margin-bottom:20px;}
.picMarquee-left .bd ul li .pic img{ width:307px; height:388px; display:block;}
.picMarquee-left .bd ul li .tit{ font-size:20px; color:#303030; margin-bottom:10px;}
.picMarquee-left .bd ul li .tit a{ color:#303030;}
.picMarquee-left .bd ul li .txt{ font-size:16px; color:#acacac; background:url(/web_images/index_15_hr.png) no-repeat center center;}
.picMarquee-left .bd ul li .txt a{ color:#acacac;}

.product_2{ margin-top:160px;}
.product_2 .title{ width:150px; margin-bottom:40px; float:right;}
.product_2 .text{ margin-bottom:70px; clear:both; float:right; text-align:right;width:660px;}
/* 本例子css */
.picMarquee-right{ position:relative; width:1650px; float:right;}
.picMarquee-right .hd{ overflow:hidden; position:absolute; right:-66px; bottom:0;}
.picMarquee-right .hd .prev{ cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_14.jpg) no-repeat; margin-bottom:1px;}
.picMarquee-right .hd .next{ cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_21.jpg) no-repeat;}
.picMarquee-right .hd .prev:hover{ background-image:url(/web_images/index_24.jpg);}
.picMarquee-right .hd .next:hover{ background-image:url(/web_images/index_17.jpg);}
.picMarquee-right .bd{ overflow:hidden;}
.picMarquee-right .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-right .bd ul li{ margin:0 30px; float:left; _display:inline; overflow:hidden; text-align:center;}
.picMarquee-right .bd ul li .pic{ text-align:center; margin-bottom:20px;}
.picMarquee-right .bd ul li .pic img{ width:307px; height:388px; display:block;}
.picMarquee-right .bd ul li .tit{ font-size:20px; color:#303030; margin-bottom:10px;}
.picMarquee-right .bd ul li .tit a{ color:#303030;}
.picMarquee-right .bd ul li .txt{ font-size:16px; color:#acacac; background:url(/web_images/index_15_hr.png) no-repeat center center;}
.picMarquee-right .bd ul li .txt a{ color:#acacac;}

.product_3{ overflow:hidden;}
.product_3 .title{ width:122px; margin:0 auto 40px; font-size:38px; color:#303030; padding-right:50px; background:url(/web_images/index_07.png) no-repeat right center;}
.product_3 .text{ font-size:16px; color:#303030; line-height:30px; text-align:center; margin-bottom:50px;/*width:700px;*/}

/* 本例子css */
.picScroll-left{ overflow:hidden; position:relative; margin-bottom:90px;}
.picScroll-left .hd{ overflow:hidden;}
.picScroll-left .hd .prev{ position:absolute; left:0; top:30%; cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_14.jpg) no-repeat; margin-bottom:1px;}
.picScroll-left .hd .next{ position:absolute; right:0; top:30%; cursor:pointer; display:block; width:46px; height:45px; background:url(/web_images/index_21.jpg) no-repeat;}
.picScroll-left .hd .prev:hover{ background-image:url(/web_images/index_24.jpg);}
.picScroll-left .hd .next:hover{ background-image:url(/web_images/index_17.jpg);}
.picScroll-left .hd ul{ display:none; float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.picScroll-left .hd ul li{ float:left; width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
.picScroll-left .hd ul li.on{ background-position:0 0;}
.picScroll-left .bd{ overflow:hidden;}
.picScroll-left .bd .tempWrap{ margin:0 auto;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 22px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; margin-bottom:20px;}
.picScroll-left .bd ul li .pic img{ width:388px; height:307px; display:block;}
.picScroll-left .bd ul li .tit{ font-size:20px; color:#303030; margin-bottom:10px;}
.picScroll-left .bd ul li .tit a{ color:#303030;}
.picScroll-left .bd ul li .txt{ font-size:16px; color:#acacac; background:url(/web_images/index_15_hr.png) no-repeat center center;}
.picScroll-left .bd ul li .txt a{ color:#acacac;}


.aboutus{ overflow:hidden; background:url(/web_images/index_05.jpg) no-repeat; height:590px;}
.aboutus .title{ margin-top:130px; text-align:center; margin-bottom:30px;}
.aboutus .text{ text-align:center; color:#fff; font-size:18px; line-height:32px;}
.aboutus .button-box{ position:relative; left:50%; float:left; margin-top:80px;}
.aboutus .button{ position:relative; left:-50%;}
.aboutus .button a{ float:left; display:block; height:41px; line-height:41px; text-align:center; font-size:18px; color:#fff;}
.aboutus .button .btn1{ width:174px; padding-right:20px; background:url(/web_images/index_en_33.png) no-repeat;}
.aboutus .button .btn2{ width:214px; padding-left:10px; background:url(/web_images/index_dp07.png) no-repeat;}


.recruit{ overflow:hidden;}
.recruit .box{ margin:80px auto; overflow:hidden;}
.recruit .left-box{ float:left; width:700px;}
.recruit .left-box .tit{ font-size:18px; font-weight:bold; color:#686363; margin-bottom:15px;}
.recruit .left-box .txt{ font-size:22px; font-weight:bold; color:#303030; padding-bottom:25px; border-bottom:1px solid #c9c9c9;overflow:hidden;}
.recruit .left-box .txt .txtcont{ font-size:22px; font-weight:bold; color:#303030; float:left;width:450px;}
.recruit .left-box .txt a{ float:right; font-size:16px; color:#909090; padding-right:15px; background:url(/web_images/index_78.jpg) no-repeat right center;}
.recruit .left-box .jj{ margin-top:25px; font-size:16px; color:#c8c8c8;}
.recruit .left-box .jj a{ color:#000000;}

.recruit .right-box{ float:right; width:640px;}
.recruit .link-btn{ float:left; margin:0 20px;}
.recruit .link-btn .pic{ width:116px; height:116px;}
.recruit .link-btn .pic img{ width:116px; height:116px;}
.recruit .link-btn .tit{ text-align:center; margin-top:10px;width:116px;}
.recruit .link-btn.ewm{ background:url(/web_images/index_47.jpg) no-repeat;}
.recruit .link-btn.ewm img{ width:60px; height:60px; padding:28px;}