@charset "utf-8";

/* CSS Document */



*{ margin:0; padding:0; font-family:Microsoft YaHei !important; text-decoration: none;}

.clear{ clear:both;}

input{ outline:none;}

.more{ display: block; width: 125px; height: 35px; line-height: 35px; text-align: center; margin:0 auto; border: 1px solid #126bc7; font-size: 14px !important;}

.more a{ font-size: 14px !important; color:#126bc7 !important; display: block;}

.more:hover{ background: #126bc7; border-color: #126bc7;}

.more:hover a{ color: #fff !important;}

.more{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.line{ width:38px; height: 2px; background: #126bc7; margin: 0 auto;}



.welbg{ width: 100%; height: 35px; line-height: 35px; font-size: 12px; background: #3c3c3c; color: #bdbdbd;}

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

.wel .left{ width: 600px; float: left;}

.wel .right{ width: 600px; float: left; text-align: right;}



.top{ width: 1200px; height: 100px; margin: 0 auto;}

.logo{ width:344px; text-align: left; float: left;}

.menu{ width:750px; height: 100px; float: right;border-right: 1px solid #efefef;}

.menu ul li{ display: block; width: 14.285%; height: 95px; border-left: 1px solid #efefef; float: left; text-align: center; line-height: 95px; box-sizing: border-box;}

.menu ul li a{ display: block; font-size: 14px; color:#000; border-top: 5px solid #fff;}

.menu ul li a.this { border-top: 5px solid #126bc7; color: #126bc7;}

.menu ul li:hover a { border-top: 5px solid #126bc7;}

.menu ul li:hover a{ color: #126bc7;}

.menu *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.probg{ width:100%; padding: 60px 0; background: #f0f0f0;}

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

.pro .title{ font-size: 24px; color:#000; font-weight: bold; text-align: center;}

.pro .entitle{ max-width: 1000px; margin: 0 auto 10px auto; font-size: 12px; color:#969696; font-weight: normal; text-align: center; line-height: 18px;}







.pro .proul{ margin:45px 0 0 0;}

.pro .proul li{ display: block; position: relative; float: left; width: 324px; height: 318px; background: #fff; border: 1px solid #969696; padding: 15px; margin: 0 66px 52px 0;}

.pro .proul li img{ width:324px; height: 273px; float: left;}

.pro .proul li .text{ width:324px; height: 60px; float: left; text-align: left; line-height: 60px; font-size: 18px; color: #000;}

.pro .proul li:hover .text{ color:#126bc7;}

.pro .proul li:nth-child(3),

.pro .proul li:last-child{ margin: 0 0 52px 0;}



.pro .proul li .sj{ position: absolute; right: 0; bottom: 0; line-height: 62px; color: #4e4e4e; text-align: right; padding: 0 7px 0 0; width:39px; height: 46px; background: url(../images/sj.png) no-repeat center; font-size: 20px;}

.pro .proul li:hover .sj{ background: url(../images/sj1.png) no-repeat center; color: #fff;}



.pro *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}













.aboutbg{ width:100%; height: 450px; padding: 50px 0; background: url(../images/abbg.jpg) center top no-repeat;}

.aboutbg .title{ font-size: 24px; color:#fff; font-weight: bold; text-align: center;}

.aboutbg .entitle{ max-width: 1000px; margin: 0 auto 10px auto; font-size: 12px; color:#969696; font-weight: normal; text-align: center; line-height: 18px;}

.aboutbg .line{ background:#fff;}



.aboutbg .about{ width:1120px; padding: 40px; margin: 35px auto 0 auto; background: #fff; box-shadow: #ccc 4px 6px 20px;}

.aboutbg .about .left{ width:366px; float: left}

.aboutbg .about .right{ width:719px; float: left; margin: 0 0 0 35px;}



.aboutbg .about .right .more{ margin: 8px 0 0 0; float:left; background: #126bc7;}

.aboutbg .about .right .more a{ color: #fff !important;}











.news{ width:100%; margin: 0 auto; padding: 50px 0; background: #f9f9f9;}

.news .title{ font-size: 24px; color:#000; font-weight: bold; text-align: center;}

.news .entitle{  max-width: 1000px; margin: 0 auto 10px auto; font-size: 12px; color:#969696; font-weight: normal; text-align: center; line-height: 18px;}

.news .line{margin: 0 auto 50px auto;}



.news .newsul{ width: 1200px; margin: 0 auto;}

.news .newsul ul li{ display: block; width: 600px; height: 270px; background: #fff; float: left;}

.news .newsul ul li span{ display: block; width: 250px;}

.news .newsul ul li .left{ float: left; padding: 40px 25px;}

.news .newsul ul li .left .ntime{ font-size: 12px; color: #838383;}

.news .newsul ul li .left .nline{ width:26px; height: 2px; background: #126bc7; margin: 14px 0 0 0;}

.news .newsul ul li .left .ntitle{ font-size: 14px; color: #000000; font-weight: bold; margin: 14px 0 0 0; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}

.news .newsul ul li .left .ntext{ font-size: 12px; color: #838383; margin: 30px 0 0 0;}

.news .newsul ul li .left .nmore{ width:75px; height: 24px; line-height: 24px; text-align: center; color: #fff; background: #126bc7; font-size: 12px; margin: 30px 0 0 0;}



.news .newsul ul li .right{ float: left;}





.news .newsul *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.news .more{ margin:50px auto 0 auto;}









.link{ width:1075px; height: 100px; margin: 0 auto; padding: 0 0 0 125px; line-height: 100px; background: url(../images/link.jpg) left center no-repeat;}

.link li{ display: block; margin: 0 20px 0 0; float: left;}

.link li a{ color:#000; font-size: 12px;}











.footerbg{ width:100%; height: auto; padding:35px 0 0 0; background: #282828;}

.footerbg .footer{ width:1200px; margin: 0 auto; color: #fff;}

.footerbg .footer .fmenu{}

.footerbg .footer .fmenu li{ float: left; display: block;}

.footerbg .footer .fmenu li a{ color: #fff; font-size: 14px;}

.footerbg .footer .fmenu .left{ width: 600px; float: left;}

.footerbg .footer .fmenu .left li{ margin: 0 40px 0 0; }

.footerbg .footer .fmenu .right{ width: 600px; float: right; text-align: right;}

.footerbg .footer .fmenu .right li{ margin: 0 0 0 40px; float: right;}

.footerbg .footer .fbottom{ margin: 30px 0 20px 0;}

.footerbg .footer .fbottom .left{ width: 600px; float: left;}

.footerbg .footer .fbottom .right{ width: 600px; float: left; text-align: right;}









.bottom{ text-align:center; line-height: 40px; font-size: 12px; height: auto; color:#fff; border-top:1px solid #fff;}

.bottom a{ color:#fff;}















.content{ width:1200px; margin:80px auto;}

.content .left{ width: 220px; margin: 0 30px 0 0; float: left;}

.content .left ul{ border-left: 5px solid #126bc7;}

.content .left ul.fl li{ display:block; border-bottom: 1px solid #ddd;}

.content .left ul.fl li a{ display:block; color:#000; font-size: 14px;}

.content .left ul.fl li.f{ height: 80px; line-height: 80px; text-align: center; background: #126bc7; color:#fff; font-size: 20px;}

.content .left ul.fl li.s{ padding: 15px 0 15px 15px; text-align: left; background: #ececec; color:#000; background: url(../images/listyle.png) #ebebeb no-repeat 8% 50%; font-weight: bold;}

.content .left ul.fl li.e{ height: 60px; padding: 0 0 0 50px; line-height: 60px; background: #ececec; color:#000; background: url(../images/listyle.png) #ebebeb no-repeat 16% 50%;}

.content .left ul.fl li.e a{ font-size: 14px;}

.content .left ul.fl li.s .erul{ border:none;}

.content .left ul.fl li:hover{ background:#126bc7;}

.content .left ul.fl li:hover a{ color:#fff;}

.content .left *{-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}



.content .left ul.lx{ margin: 30px 0 0 0;}

.content .left ul.lx li{ display:block; padding: 20px; font-size: 14px;}

.content .left ul.lx li.f{ height: 80px; line-height: 80px; background: #126bc7; color:#fff; font-size: 20px; text-align: center; padding: 0;}

.content .left ul.lx li.s{ background: #ebebeb;}

.content .left ul.fl li.s span{ display:block; font-size: 12px; font-weight: normal; color: #333; font-style: italic;}
.content .left ul.fl li.s:hover span{ color:#fff;}



.content .right{ width: 945px; float: left;}

.content .right .nav{ width: 935px; line-height:35px; border-top: 1px solid #ececec; border-bottom: 1px solid #ececec; color:#999; font-size: 14px; font-weight: bold; padding: 0 0 0 10px;}

.content .right .nav a{ color:#999; margin: 0 5px 0 0;}

.content .right .text{ padding: 10px;}











.banner{height:560px;}

.banner .ban_c img{position:absolute;width:1920px;left:50%;margin-left:-960px;top:0;}

.banner .ban_nav{display:none;}

.banner .Left,.banner .Right{display:none;}

.bann_ext{position:relative;}

.frontCover{position:absolute;bottom:20px;left:0%; width: 100%; text-align: center;}

.frontCover li{width:15px; display: inline-block; padding:0px;background:#ccc;color:#fff;overflow:hidden;margin-right:7px;cursor:pointer; border-radius:50%;}

.frontCover .img{position:relative;width:15px;height:15px;overflow:hidden;}

.frontCover img{position:absolute;width:0px;height:0px;left:-50px;}

.frontCover .open{background:#126bc7;}

/*幻灯片(组件)*/

.slide{position:relative;width:100%;}

.ban_c{display:none;position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;}

.ban_c img{width:100%;height:100%;}

.ban_t{position:absolute;left:0;bottom:0;width:100%;padding:4px 0;text-indent:10px;white-space:nowrap;overflow:hidden;color:#fff;background:rgba(0,0,0,.5);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#88000000,endcolorstr=#88000000);z-index:3;}

.ban_nav{position:absolute;bottom:0;left:0;width:100%;text-align:right;z-index:4;}

.ban_nav a{display:inline-block;vertical-align:middle;width:14px;height:14px;line-height:14px;overflow:hidden;text-align:center;margin-right:8px;cursor:pointer;text-decoration:none;font-size:10px;-webkit-text-size-adjust:none;background:#ccc;}

.ban_nav .on{background:#f90;color:#fff;}











.newstext

{

	margin-bottom:20px;

	padding:20px;

}

.newstext h2{

	text-align:center;

}

.newstext .info

{

	width:100%;

	height:40px;

	line-height: 40px;

	font-size:12px;

	border-top:1px solid #e1e1e1;

	border-bottom:1px solid #e1e1e1;

	text-align:center;

	margin:10px 0;

}









.page{float:left;margin:20px 0;text-align:center;width:100%;}

.page a{border:1px solid #126bc7;padding:4px 6px;font-size:12px; color:#000;}

.page .thispage{padding:4px 6px;background:#126bc7;font-size:12px;color:#fff;}









.propagechange,.newspagechange{ margin:20px 0;}





.newspagechange .pagechangel, .newspagechange .pagechanger{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:10px; font-size:12px;}

.newspagechange .pagechangel a,.newspagechange .pagechanger a{ color:#000; font-size:12px;}



.propagechange .pagechangel, .propagechange .pagechanger{ width:49.5%; float:left; margin: 30px 0;}

.propagechange .pagechangeleft{ float:right; margin-right:10px;}

.propagechange .pagechangeright{ float:left; margin-left:10px;}

.propagechange .pagechangeleft, .propagechange .pagechangeright{ width:auto;border: 1px solid #ccc;padding: 3px 10px; margin-bottom:20px; font-size:12px;}

.propagechange .pagechangeleft a, .propagechange .pagechangeright a{ color:#000; font-size:12px;}

















.subbutton

{

	padding:4px 24px;

	border:1px solid #ccc;

	font-size:12px;

	background:#fff;

	vertical-align:center;

}











.detail {

    border: 1px solid #ddd;

    padding: 10px;

    height: 25px;

    line-height: 25px;

    border-top: 2px solid #0060ad;

    font-size: 16px;

}

.detail a{ color:#000;}





/*相关样式*/

#showbox { border:1px solid #eee;}

#showbox span { background:url(../images/whitebg.png) repeat;}

#showsum { left:25px; margin-top:10px;}

#showsum span { border:1px solid #ddd;}

#showsum span.sel { border:1px solid #f60;}



.showpage { width:400px; position:relative;}

.showpage a { display:block; width:15px; border:1px solid #ddd; height:60px; line-height:60px; background:#eee; text-align:center; font-size:18px; position:absolute; left:0; top:-62px; text-decoration:none; color:#999;}

.showpage a#shownext { left:auto; right:0;}

.showpage a:hover { background:#ccc; color:#777;}


.text .pro{ width:925px;}
.text .pro .nproul{ margin: 0;}
.text .pro .nproul li{ margin: 0 20px 20px 0; width: 273px; height: 277px; padding: 10px 10px 0 10px;}
.text .pro .nproul li:nth-child(3),
.text .pro .nproul li:nth-child(6),
.text .pro .nproul li:nth-child(9),
.text .pro .nproul li:nth-child(12){ margin: 0 0 20px 0;}
.text .pro .nproul li img{ width: 273px; height: 214px;}
.text .pro .nproul li .text{ padding:0; width: 273px; font-size: 14px;}


.prodetail img{ margin:0 0 10px 0;}



.tableborder{ font-size:14px;}
.tableborder input[type=text]{ width:300px;}
.tableborder #key{ width:50px;}


.news .newsul1 ul li .left{ float:right;}












