@charset "utf-8";
@import url(base.css); /*reset*/
.slideBox { width: 100%; overflow: hidden; position: relative; text-align: center; height: 550px; }
.slideBox .bd { position: relative; height: 100%; z-index: 0; }
.slideBox .bd li { zoom: 1; vertical-align: middle; width: 100%; height: 550px; }
.slideBox .hd { display: none; }
.slideBox .prev, .slideBox .next { position: absolute; width: 40px; height: 88px; top: 41%; }
.slideBox .prev { background: url(/images/bleft.png) no-repeat center; left: 17%; }
.slideBox .next { background: url(/images/bright.png) no-repeat center; right: 17%; }
.wrap { width: 100%;overflow:hidden;}
.wrap .top { width: 100%; overflow:hidden; padding:50px 0 30px; background-color:#fdfaf1; }
.wrap .top h2 { text-align: center; color: #1c6ccf; font-size: 24px; font-weight: normal; background: url(/images/titlebg.jpg) no-repeat bottom; line-height: 46px; margin-top: 39px; }
.procata {width:260px; float:left; overflow:hidden; }
.probar {height:122px;border:1px solid #1c6ccf; border-bottom:none 0;}
.probox {height:253px;border:1px solid #1c6ccf; border-top:none 0; overflow:hidden;}
.probox ul{width:240px; margin:12px auto 0;}
.probox li { height:50px; text-align:center;width:100%;}
.probox li { margin-bottom:10px; display:table; }
.probox li a {color:#FFF; background-color:#50a8df; vertical-align:middle; display:table-cell; width:100%; height:50px;}
.probox li a:hover{background-color:#1c6ccf;}
.promore {height:30px; border:1px solid #50a8df; margin-top:8px; line-height:30px; font-size:16px; text-align:center;}
.promore a { color:#ff8383; }
.slideBox2 { width: 714px; height: 400px; float:right; overflow: hidden; position: relative; }
.slideBox2 .hd { display: none; }
.slideBox2 .bd { position: relative; height: 100%; z-index: 0; }
.slideBox2 .bd li { zoom: 1; vertical-align: middle;  height: 400px;  width: 100%; /*margin-left: 32px;*/ color: #fff; font-size: 14px; line-height: 30px; background-size:100% 100%; }
.slideBox2 .bd h3 { color: #fff; font-size: 18px; line-height: 18px; margin: 74px 0 16px 32px; }
.slideBox2 .bd .txt { background-color: #50a8df; width: 335px; height: 419px; float: left; }
.slideBox2 .bd .lj { font-size: 12px; color: #d4d4d4; float: right; margin-right: 28px; border-bottom: 1px solid #d4d4d4; margin-top: 20px; }
.slideBox2 .bd img {  width: 714px; height: 400px;}
.slideBox2 .prev, .slideBox2 .next { position: absolute; width: 34px; height: 34px; bottom: 0; }
.slideBox2 .prev { background: url(/images/left.jpg) no-repeat center; right: 284px; }
.slideBox2 .next { background: url(/images/right.jpg) no-repeat center; right: 250px; }
/* css */

.wrap .bot { width: 100%;overflow:hidden; background-color: #f4f4f4; padding: 50px 0; }
h2.bartit{ position: relative; height: 24px; line-height: 24px; font-size: 24px; color: #1c6ccf; font-weight: normal; padding-left: 11px; border-left: 5px solid #1c6ccf; margin-bottom: 38px; }
a.more { width: 63px; height: 23px; line-height:23px; border: 1px solid #ff8383; text-align: center; position: absolute; right: 0; top: 0; font-size: 12px; color: #50a8df; font-weight: normal; }
.slideBox1 { width: 487px;  overflow: hidden; position: relative; float: left; }
#slideBox1 { margin-right:30px }
.slideBox1 .hd { display: none; }
.slideBox1 .tempWrap { margin: 0 auto; }
.slideBox1 .bd { position: relative; height: 100%; z-index: 0;height:250px; text-align: center; }
.slideBox1 .bd li { zoom: 1; vertical-align: middle; width: 400px; }
.slideBox1 .bd img { width: 400px; height: 250px; display: block; margin: 0 auto; }
.slideBox1 .prev,.slideBox1 .next { position: absolute; top: 50%; display: block; width: 23px; height: 52px; margin-top:-26px; z-index: 99; }
.slideBox1 .prev { left: 0; background: url(/images/left.png) no-repeat center; }
.slideBox1 .next { right: 0; background: url(/images/right.png) no-repeat center; }
.figure { width: 100%; overflow:hidden; margin-top:50px; }
.figure h2 { position: relative; height: 24px; line-height: 24px; font-size: 24px; color: #1c6ccf; font-weight: normal; padding-left: 11px; border-left: 5px solid #1c6ccf; margin-bottom: 38px; margin:0 0 18px 0; }
.figure .img .last { margin-right: 0; }
.figure .img a{ width:243px;height:152px; overflow:hidden; font-size: 0; float: left; margin: 10px 10px 0 0; }
.figure .img img{width:243px;height:152px; }
.news { width: 100%; margin-top:50px; overflow:hidden;  }

.news ul { width: 100%; height: 168px; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.news ul .first { width: 231px; border-left: 1px solid #dcdcdc; }
.news ul li { padding-left: 18px; width: 232px; height: 168px; border-right: 1px solid #dcdcdc; overflow: hidden; float: left; }
.news ul li h3 { width: 100%; color: #464646; font-size: 14px; font-weight: normal; line-height: 20px; margin: 20px 0 15px 0; overflow: hidden; word-break:break-all;   display: -webkit-box;    -webkit-box-orient: vertical;    -webkit-line-clamp: 3 }
.news ul li .date { color: #8c8c8c; font-size: 12px; line-height: 12px; margin-bottom: 16px; }
.news ul li .txt { width: 212px; height: 46px; color: #464646; font-size: 14px; line-height: 24px; margin-bottom: 10px; word-break: break-all; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;  display:none;}
.sign { width: 100%; height: 174px;  background: url(/images/en/sign.jpg) no-repeat center; }
.produce { width: 100%;  margin-top:50px;padding:50px 0; background-color: #f4f4f4; }

.picMarquee-left { width: 1004px; position: relative; margin-top: 50px; }
.picMarquee-left .hd { display: none; }
.picMarquee-left .bd .tempWrap { width: 1004px !important; }
.picMarquee-left .bd ul { overflow: hidden; zoom: 1; }
.picMarquee-left .bd ul li { width: 231px; margin-right: 27px; float: left; _display: inline; overflow: hidden; text-align: center; }
.picMarquee-left .bd ul li .pic { text-align: center; }
.picMarquee-left .bd ul li .pic img { width: 229px; height: 229px; display: block; border: 1px solid #dcdcdc; }
.picMarquee-left .bd ul li .title { width: 100%; height: 46px; text-align: center; overflow: hidden; line-height: 46px; border-bottom: 1px dashed #dcdcdc; }
.picMarquee-left .bd ul li .title h3 { color: #3c3c3c; font-size: 14px; font-weight: normal; }
.picMarquee-left .bd ul li .look { color: #0042af; font-size: 12px; width: 100%; display: block; height: 40px; line-height: 40px; text-transform:uppercase; }
.picMarquee-left .more { text-align: center; color: #646464; font-size: 12px; border: 1px solid #dcdcdc; background-color: #f6f7f9; width: 142px; height: 33px; line-height: 33px; margin: 20px auto 0; display: block; }