@charset "gb2312";
/*公共部分*/

#playBox { width: 100%; height: 409px; margin: auto; background: #fff; position: relative; overflow: hidden; }
#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: 190px; left: 10px; z-index: 10; }
#playBox .next { cursor: pointer; width: 45px; height: 45px; background: url(../images/r.png) no-repeat; position: absolute; top: 190px; right: 10px; z-index: 10; }
#playBox .smalltitle { width: 100%; height: 10px; position: absolute; bottom: 15px; z-index: 10 }
#playBox .smalltitle ul { width: 120px; margin: 0 auto; }
#playBox .smalltitle ul li { width: 10px; height: 10px; margin: 0 5px; border-radius: 10px; background: #ffffff; float: left; overflow: hidden; *display:inline;
*zoom:1;
}
#playBox .oUlplay li img { width: 100% }
#playBox .smalltitle .thistitle { background: #69aaec; }
.mainc { width: 100%; }
.product { background: #f0f0f0; width: 100%; padding: 30px 0; font-size: 16px }
.product h2 { text-align: center; font-size: 36px; text-shadow: #fff 1px 2px 1px; }
.product h3 { text-align: center; font-size: 22px; font-weight: normal; color: #333; margin: 20px; text-shadow: #fff 1px 2px 1px; }
.product h2 img { width: 228px; height: 83px; }
.productlist { width: 1200px; margin: 20px auto; text-align: center; overflow: hidden }
.productlist li { width: 30%; margin: 20px; background: #FFF; padding-bottom: 20px; float: left; box-shadow: #ccc 5px 5px 10px; overflow: hidden }
.productlist li img { margin: auto; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.productlist li:hover img { -webkit-transform: scale(0.9); -ms-transform: scale(0.9); -o-transform: scale(0.9); transform: scale(0.9); }
.more { margin: auto; display: block; text-align: center; width: 160px; font-size: 18px; height: 40px; line-height: 40px; margin: 20px auto; box-shadow: #ccc 5px 5px 10px; background: #fff }
.show { width: 1200px; padding: 30px 0; margin: auto; overflow: hidden }
.show h2 { margin: 30px auto; width: 373px; }
.show h2 img { width: 373px; height: 78px; }
.proIndex { height: 537px; position: relative; margin-top: 17px; }
.proIndex a { display: block; overflow: hidden; position: absolute; }
.proIndex .item1, .proIndex .item1 img { width: 502px; height: 537px; }
.proIndex .item3, .proIndex .item3 img, .proIndex .item4, .proIndex .item4 img { width: 330px; height: 260px; }
.proIndex .item5, .proIndex .item5 img, .proIndex .item6, .proIndex .item6 img { width: 330px; height: 260px; }
.proIndex .item1 { top: 0; }
.proIndex .item1 { left: 0; }
.proIndex .item6, .proIndex .item4 { right: 0; }
.proIndex .item3, .proIndex .item4 { top: 0; }
.proIndex .item5, .proIndex .item6 { bottom: 0; }
.proIndex .item3, .proIndex .item5 { left: 519px; }
.proIndex a div { width: 100%; background: rgba(0,0,0,0.8); position: absolute; left: 0px; bottom: 0px; z-index: 9; padding: 10px; color: #fff }
.proIndex a h2, .proIndex a h3 { font-weight: normal; margin: 0; padding: 0; }
.proIndex a h2 { font-size: 18px; }
.proIndex a span { display: inline-block; color: #bfa169; transition: all 0.5s ease-out 0s; -ms-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -webkit-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; }
.proIndex a span:hover { color: #fff; border-color: #bfa169; background: #bfa169; }
.proIndex .item3 h2, .proIndex .item4 h2 { margin-top: 0; }
.proIndex .item5 h2, .proIndex .item6 h2 { margin-top: 0; }
.proIndex a img { -webkit-transition: all 1.2s; -moz-transition: all 1.2s; -o-transition: all 1.2s; -ms-transition: all 1.2s; transition: all 1.2s; }
.proIndex a:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
/*bannerlist*/
.conbox { width: 1200px; margin: auto; overflow: hidden }
.bannerlist img { width: 100% }
#pagecurrent { color: #2189ea }
.cplist { border-bottom: #000 2px solid; overflow: hidden; margin: 30px 0; font-size: 18px; }
.cptitle ul li { float: left; line-height: 50px; padding-bottom: 10px }
.cptitle ul li a { display: block; width: 100%; height: 100%; color: #333; text-align: center; padding: 0 30px 0 0 }
.cptitle ul li:hover a { color: #2189ea; }
.cppics ul li { text-align: center; height: 285px; margin: 0 2.5%; width: 20%; float: left; }
.cppics ul li span { float: left }
.cppics li .pic { text-align: center; overflow: hidden; border: 2px #eee solid; }
.cppics li .pic img { width: 100%; margin: auto; }
.cppics li .tit { color: #034da1; font-size: 18px; padding-top: 20px; text-align: left }
.cppics li .tit a { color: #034da1; }
.cppics li .tit a:hover { color: #034da1; }
.cppics li .con { padding-top: 10px; color: #999; line-height: 21px; min-height: 49px; overflow: hidden; text-align: left }
/* 分页 */
.pagelist { text-align: center; color: #666; width: 100%; clear: both; margin: 20px 0; padding-top: 20px }
.pagelist a { color: #666; margin: 0 2px; border: 1px solid #000; padding: 5px 10px; }
.pagelist a:hover { color: #f00; text-decoration: underline }
.pagelist > b { border: 1px solid #000; padding: 5px 10px; }
/* clist */
.clist { width: 1200px; margin: 0 auto 30px; overflow: hidden }
.clist .pic { background: #ffffff; float: left; width: 280px; margin: 10px 10px 40px; display: block; box-shadow: #b5b2b2 0px 0px 10px; border-bottom: #ccc 1px solid; overflow: hidden; }
.clist .pic i { display: block; width: 100%; height: 220px; overflow: hidden; border-bottom: #CCC 1px solid }
.clist .pic img { width: 100%; margin-bottom: 20px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.clist .pic:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.description { }
.description { margin-bottom: 10px; overflow: hidden; display: block; color: #aaa; font-size: 16px; padding: 10px; }
.zhichi { padding-bottom: 30px; font-size: 18px; color: #333; line-height: 27px; }
.cpt { border-bottom: #000 2px solid; padding: 20px 0; font-size: 22px; font-weight: bold }
.showal h2 { border-bottom: #000 2px solid; padding-bottom: 20px; font-size: 22px; }
.showal ul { margin-top: 20px }
.showal { width: 100%; margin: 0 auto 30px; overflow: hidden }
.showal .pic { background: #ffffff; float: left; width: 280px; margin: 10px 10px 40px; display: block; box-shadow: #b5b2b2 0px 0px 10px; border-bottom: #ccc 1px solid; overflow: hidden; }
.showal .pic i { display: block; width: 100%; height: 220px; overflow: hidden; border-bottom: #CCC 1px solid }
.showal .pic img { width: 100%; margin-bottom: 20px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.showal .pic:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.btop { padding-top: 20px }
.ckgd { display: block; width: 200px; border: #CCC 1px solid; margin: 0 auto 20px; line-height: 40px; text-align: center }
.newsbox{ width:800px; float:left}
.newsbox li { border-bottom: #ccc 1px solid; margin-bottom: 10px; overflow: hidden; }
.newsbox li img { width: 100% }
.newsbox li p { color: #888; line-height: 24px }
.blogtitle{padding:20px 0;}
.blogpic {
    overflow: hidden;
    width: 200px;
    height: 170px;
    display: block;
    float: left;
    margin-right: 20px;

    background: #fff;
}
.autor {
    margin-top: 10px;

    overflow: hidden;
    float: right;
}
.news_r{ width:350px; float:right;padding-top:36px; }

.n_tit{background: #00a0e9;
    height: 39px;
    display: block;
    overflow: hidden;
    line-height: 39px;
    color: #FFF;
    font-size: 18px;
    font-weight: bold;
    text-indent: 10px;}
		.n_list{ margin-bottom:20px}
		.n_list ul{ padding:20px 0}
	
	.n_list ul li {
    line-height: 32px;
    overflow: hidden;
    width: 100%;

    font-size: 16px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
	
	.n_list ul li a {
    color: #333;
    background: url(../images/n_icon3.jpg) no-repeat left center;
    padding-left: 14px;
}
.toutiao{ margin-bottom:20px; display:block}

.toutiao img{ width:100%}
.aninfos{font-size: 18px;
    color: #333;
    line-height: 27px; padding:20px 0}
	
	
	.nextinfo { line-height: 24px; width: 100%; background: #F1F1F1; border:#ccc 1px solid; overflow: hidden; margin: 20px 0; font-size:16px }
.nextinfo p { padding: 4px 10px; border-radius: 5px; }
.nextinfo a:hover { color: #000; text-decoration: underline }
.cpt span{ float:right; font-size:16px; color:#999;    line-height: 50px;}


.showalinfo h2{ border-bottom: #000 2px solid; padding-bottom: 20px; font-size: 22px;}
.showalinfo ul { margin-top: 20px }
.showalinfo { width: 100%; margin: 0 auto 30px; overflow: hidden }
.showalinfo .pic { background: #ffffff; float: left; width: 30%; margin: 10px 10px 40px; display: block; box-shadow: #b5b2b2 0px 0px 10px; border-bottom: #ccc 1px solid; overflow: hidden; }
.showalinfo .pic i { display: block; width: 100%; height: 180px; overflow: hidden; border-bottom: #CCC 1px solid }
.showalinfo .pic img { width: 100%; margin-bottom: 20px; transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -o-transition: all 1s ease 0s; }
.showalinfo .pic:hover img { -webkit-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }