﻿/*donghua*/
#playBox{width:100%; height:729px; margin:1px 0 5px 0; background:#333; position:relative; overflow:hidden;}
#playBox .focus{position:absolute; width:1920px; left:50%; margin-left:-960px;}
#playBox .oUlplay{width:99999px; position:absolute; left:0; top:0;}
#playBox .oUlplay li{float:left;}
#playBox .pre{cursor:pointer; width:45px; height:45px; background:url(../images/l.png) no-repeat; position:absolute; top:320px; left:100px; z-index:10;}
#playBox .next{cursor:pointer; width:45px; height:45px; background:url(../images/r.png) no-repeat; position:absolute; top:320px; right:100px; z-index:10;}
#playBox .smalltitle {width:100%; height:8px; position:absolute; bottom:26px; z-index:10}
#playBox .smalltitle ul{width:280px; margin:0 auto;}
#playBox .smalltitle ul li{width:68px; height:12px; margin:0 10px; border-radius:10px; background:#ffffff; float:left; overflow:hidden;*display:inline;*zoom:1; cursor:pointer}
#playBox .smalltitle .thistitle{background:#BD0613;}


/* about */
.about{width:100%;background:#f6f6f6;overflow:hidden;}
.about .about-left{float:left;width:660px;padding-top:50px;height:680px;position:relative;}
.about .about-left .top h3{font-size:28px;color:#333333;font-weight:normal;float:left;margin-bottom:40px;}
.about .about-left .top h3 a{color:#333333;text-decoration:none;margin-bottom:40px;}
.about .about-left .top p{font-size:12px;color:#cccccc;float:right;margin-top:16px;margin-bottom:40px;}
.about .about-left dl{margin-top:33px;}
.about .about-left dt{width:660px;height:380px;}
.about .about-left dt .box{width:660px;height:380px;overflow:hidden;position:relative;}
.about .about-left dt .box a{cursor:pointer;}
.about .about-left dt li{height:48px;line-height:48px;text-align:center;width:300px;float:left;background:#fff;font-size:14px;color:#999999; cursor:pointer;}
.about .about-left dt li:first-child{width:299px;border-right:1px solid #eeeeee;}
.about .about-left dt li span{display:inline-block;*display:inline-block;width:15px;height:15px;overflow:hidden;position:relative;margin-right:10px;top:3px;}
.about .about-left dt li img{display:block;width:15px;height:30px;position:relative;}
.about .about-left dt li.cur{color:#005bac;}
.about .about-left dt li.cur img{top:-15px;}

.about .about-left dd{margin-top:62px;}
.about .about-left dd h3{font-size:20px;color:#333333;font-weight:normal;}
.about .about-left dd p{margin-top:14px;line-height:36px;color:#666666;font-size:14px;}
.about .about-left dd a.more{display:block;width:154px;height:40px;background:#fff;line-height:40px;text-align:center;border:1px solid #e7e7e7;border-radius:4px 0 4px 0;font-size:13px;color:#999999;text-decoration:none;position:absolute;left:510px;bottom:10px;transition:all 0.5s ease-out;z-index:1;}

.about .about-left dd a.more::before{content:'';position:absolute;top:0;left:0;width:154px;height:40px;background:#005bac;z-index:-1;opacity:0;-webkit-transform:scale3d(0.7, 1, 1);transform:scale3d(0.7, 1, 1);
-webkit-transition:-webkit-transform 0.6s, opacity 0.6s;transition:transform 0.6s, opacity 0.6s;-webkit-transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);transition-timing-function:cubic-bezier(0.2, 1, 0.3, 1);}
.about .about-left dd a.more:hover::before{background:#005bac;opacity:1;transform:scale3d(1,1,1);-webkit-transform:translate3d(0,0,0)}
.about .about-left dd a.more:hover{color:#fff; background:#005bac;border-color:#005bac; }


.about .about-right{width:580px;float:right;margin-top:68px;}
.about .about-right li{width:558px;height:178px;border:1px solid #e7e7e7;position:relative;border-radius:4px 0 0 4px;margin-bottom:58px;background:#ffffff;}
.about .about-right li .box{padding:33px 28px 0 38px;position:relative;}
.about .about-right li .box h3{font-size:30px;color:#333333;font-weight:normal;}
.about .about-right li .box p{font-size:15px;color:#666666;line-height:36px;margin-top:10px;}
.about .about-right li .box span{font-size:12px;color:#cccccc;position:absolute;top:42px;right:28px;display:block;}
.about .about-right li .box a.ljs{display:block;width:33px;height:33px;position:absolute;bottom:13px;right:28px;}
.about .about-right li .box a.ljs img{display:block;width:33px;height:33px;}
.about .about-right li i{display:block;width:10px;height:178px;position:absolute;left:0;top:0;border-radius:4px 0 0 4px;}
.about .about-right li.li1 i{background:#005bac;}
.about .about-right li.li2 i{background:#abce03;}
.about .about-right li.li3 i{background:#fea700;}
.about .about-right li:hover .box a.ljs{background:url(../images/about_icon01.png) no-repeat center;}

/* layout */
.layout{width:100%;background:url(../images/layoutBg01.jpg) no-repeat center;height:760px;padding-top:48px; overflow:hidden;}
.layout .top{width:1300px;margin:0 auto;height:68px;}
.layout .top dl{float:left;width:600px;}
.layout .top dt h3{font-size:28px;color:#333333;font-weight:normal;}
.layout .top dt h3 a{color:#333333;text-decoration:none;}
.layout .top dt p{margin-top:12px;color:#666666;font-size:16px;}
.layout .top ul{float:right;}
.layout .top li{float:left;width:190px;border-right:1px solid #e9e9e9;height:69px;text-align:center;}
.layout .top li:first-child{border-left:1px solid #e9e9e9;}
.layout .top li span{display:block;font-size:32px;font-weight:bold;}
.layout .top li p{font-size:14px;color:#333333;margin-top:12px;}
.layout .top li.li1 span{color:#005bac}
.layout .top li.li2 span{color:#abce03;}
.layout .top li.li3 span{color:#fea700;}
.layout .menu{width:1300px;margin:40px auto 0;height:120px;}
.layout .menu li{float:left;width:259px;height:120px;text-align:center;border-left:1px solid #EFEFEF}
.layout .menu li p{font-size:28px;color:#333333;}
.layout .menu li span{display:block;font-size:16px;color:#666666;margin-top:6px;}
.layout .menu li a{display:block;padding-top:30px;text-decoration:none;height:91px;}
.layout .menu li.cur{background:url(../images/layout_xian.png) repeat-x;}
.layout .menu li.cur p,.layout .menu li.cur span{color:#fff;}
.layout .layout-con{width:1700px;margin:60px auto 0;height:400px;padding:0 20px;overflow:hidden;position:relative;}
.layout .layout-con .layout-bigpic{width:500px;display:block;height:400px;margin-left:1000px;}
.layout .layout-con .layout-bigpic img{display:block;width:500px;height:390px;border:5px solid #ffffff;}

.layout .layout-con .layout-lunb{position:absolute;bottom:80px;left:1px;width:975px;height:215px;}
.layout .layout-con .layout-lunb .layoutBtn{display:block;width:27px;height:27px;overflow:hidden;position:absolute;top:80px;cursor:pointer;z-index:999;overflow:hidden;}
.layout .layout-con .layout-lunb .layoutBtn img{display:block;width:27px;height:56px;position:relative;}
.layout .layout-con .layout-lunb .layoutBtn.prev{left:1px;}
.layout .layout-con .layout-lunb .layoutBtn.next{right:1px;}
.layout .layout-con .layout-lunb .layoutBtn:hover img{top:-28px;}
.layout .layout-con .layout-lunb .layout-lunb-list{width:975px;overflow:hidden;height:215px;position:relative;}

.layout .layout-con .layout-lunb ul{position:absolute;left:0;top:0;width:101%;}
.layout .layout-con .layout-lunb li{float:left;width:175px;height:215px;margin-left:10px;margin-right:10px;background:#ffffff;text-align:center;border-radius:0 0 10px 10px;}
.layout .layout-con .layout-lunb li span{height:40px;line-height:30px;font-size:14px;}
.layout .layout-con .layout-lunb li img{width:175px;height:175px;}

.layout .layout-con .layout-lunb2 ul{position:absolute;left:0;top:0;width:600px;height:460px;}
.layout .layout-con .layout-lunb2 li{float:left;width:175px;height:215px;margin-left:10px;margin-right:10px;background:#ffffff;text-align:center;border-radius:0 0 10px 10px;}
.layout .layout-con .layout-lunb2 li span{height:40px;line-height:30px;font-size:14px;}
.layout .layout-con .layout-lunb2 li img{width:175px;height:175px;}


/* news */
.news{width:100%;background:#f6f6f6;padding-top:38px;overflow:hidden;}
.news .news-top{width:100%;}
.news .news-top h3{float:left;font-size:28px;color:#333333;font-weight:normal;}
.news .news-top h3 a{color:#333333;text-decoration:none;margin-bottom:48px;}
.news .news-top p{font-size:14px;color:#cccccc;float:right;margin-bottom:48px;margin-top:10px;}
.news .mainCon{width:100%;position:relative;margin:34px auto 0;}
.news .mainCon .newsBtn{display:block;width:40px;height:40px;position:absolute;overflow:hidden;cursor:pointer;top:50%;margin-top:-20px;}
.news .mainCon .newsBtn img{display:block;width:40px;height:80px;position:relative;}
.news .mainCon i.prev{left:-70px;}
.news .mainCon i.next{right:-70px;}
.news .mainCon .newsBtn:hover img{top:-40px;}
.news .mainCon .conBox{position:relative;width:100%;height:460px;overflow:hidden;}
.news .mainCon .conBox ul{position:absolute;left:0;top:0;width:103%;height:460px;}
.news .mainCon .conBox li{float:left;width:258px;height:360px;padding:20px;background:#fff;margin-right:30px;border:1px solid #ebebeb;position:relative;}
.news .mainCon .conBox li .news-pic{display:block;width:258px;height:160px;overflow:hidden;}
.news .mainCon .conBox li .news-pic img{display:block;width:258px;height:230px;transition:all 1s ease-out;}
.news .mainCon .conBox li h3 {font-size:15px;color:#333333;margin:28px 0 8px 0;font-weight:normal;padding:0 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.news .mainCon .conBox li p {line-height:25px;color:#666666;font-size:14px;padding:0 8px; overflow :hidden;text-overflow:ellipsis; height:100px;}
.news .mainCon .conBox li a.more{display:block;font-size:14px;color:#999999;left:38px;bottom:32px;position:absolute;}
.news .mainCon .conBox li a.more:hover{color:#abcd03;font-weight:bold;}
.news .mainCon .conBox li a.news-smallTitle{display:block;font-size:14px;color:#999999;right:38px;bottom:32px;position:absolute;}
.news .mainCon .conBox li a.news-smallTitle:hover{color:#abcd03;font-weight:bold;}
.news .mainCon .conBox li:hover .news-pic img{transform:scale(1.1);}

.news .mainCon .conBox li:hover{background:#005bac;}
.news .mainCon .conBox li:hover h3{color:#fff;}
.news .mainCon .conBox li:hover p{color:#fff;}
.news .mainCon .conBox li:hover a.more{color:#fff;}


/* classfiy */
.classfiy{width:100%; overflow:hidden;}
.classfiy li{float:left;padding-top:52px;height:198px;position:relative;width:353px;margin-left:120px;}
.classfiy li:first-child{margin-left:0;}
.classfiy li h3{font-size:24px;color:#333333;font-weight:normal;transition:all .4s ease-out;position:relative;left:0;}
.classfiy li h3 a{color:#333333;text-decoration:none;}
.classfiy li p{font-size:14px;color:#666666;line-height:32px;margin-top:12px;transition:all .4s ease-out;position:relative;left:0;}
.classfiy li i{display:block;width:38px;height:1px;background:#cdcdcd;position:absolute;left:0;bottom:52px;transition:all .4s ease-out;}
.classfiy li img{display:block;width:53px;height:53px;position:absolute;right:0;bottom:40px;transition:all .4s ease-out;}
.classfiy li:hover h3,.classfiy li:hover p,.classfiy li:hover i{left:10px;}
.classfiy li:hover img{right:10px;}
.classfiy li:hover h3 a{color:#005bac}
.classfiy li:hover i{background:#005bac;}
