* { margin: 0px; padding: 0px; list-style: none; }
body { color: #333;font-family:Tahoma,'Hiragino Sans GB','Microsoft Yahei',SimSun,Arial,Helvetica,STHeiti; font-size: 14px; line-height: 24px; overflow-x: hidden;text-transform: uppercase;}
a { color: #333;text-decoration: none; }
a:hover { color: #0082c8; text-decoration: none; }
.c { clear: both; line-height: 0; overflow: hidden; zoom: 1; font-size: 0; content: '.'; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
img { border: none; vertical-align: middle; }
.wp{ width: 1100px; margin: 0 auto; position: relative; }
.fl { float: left; }
.fr { float: right; }
input, textarea, button {font-family:Tahoma,'Hiragino Sans GB','Microsoft Yahei',SimSun,Arial,Helvetica,STHeiti; outline: 0; }
/*all*/
.header {background: #58595b; height:140px; overflow:hidden; }
.header .logo { float: left; padding:15px 40px 0 0;}
.header .logo img { width:110px; height:110px;}
.header .nav { float:left; width:730px; overflow:hidden;}
.header .nav li { float: left;position: relative; z-index: 9; background:url(../image/nav_line.png) left center no-repeat; padding-left:1px;}
.header .nav li a { display: block; overflow: hidden; color: #fff; line-height:140px; min-width:70px; padding:0 12px; text-align:center; font-size: 15px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.header .nav li:hover a,.header .nav li.on a { background: #1a2940; }
.header .nav li:first-child{ padding-left:0; background:none;}
.header .search{ float:right; width:210px; padding:40px 0 0 0; text-align:center;}
.header .search input[type='text']{ width:170px; height:24px; background:#fff; border:0; padding:0 5px; float:left;}
.header .search input[type='submit']{ float:right; height:24px; border:0; background:url(../image/icon_search.png) no-repeat; width:24px; text-indent:-9999px; cursor:pointer;}
.header .search .lac{ overflow:hidden; padding:18px 0 0 0; clear:both;}
.header .search .lac a{ margin:0 1px;}

.banner { overflow: hidden; width: 100%; height: 482px; position: relative; }
.banner .p a { background-repeat: no-repeat; background-position: center top; width: 100%; height:482px; display: block; overflow: hidden; text-indent: -9999px; }
.banner .x { position: absolute; left: 0px; bottom: 5px; width: 100%; text-align: center; }
.banner .x ul { display: inline-block; }
.banner .x ul li { background: #bdc2be; cursor: pointer; display: block; height: 6px; margin: 3px; opacity: 0.8; overflow: hidden; width:6px; float: left; }
.banner .x ul li.on { background: #1a2940; }

.footer { width:100%; background: #1a2940; padding:30px 0 10px 0; color: #dfebf2; overflow: hidden; }
.footer a { color: #dfebf2; }
.footer a:hover { color:#fff; }
.footer .botnav { overflow:hidden; text-align:center;}
.footer .botnav ul{ display:inline-block; background:url(../image/icon_botline.png) left center no-repeat;}
.footer .botnav ul li{ float:left; background:url(../image/icon_botline.png) right center no-repeat; font-size:16px;}
.footer .botnav ul li a{ padding:0 10px;}
.footer .copy{ padding:15px 0; overflow:hidden; text-align:center; text-transform:capitalize;}

/*neiall*/
.main{ padding:40px 0; overflow:hidden;}



.box_left{ float:left; overflow:hidden; width:260px;}
.box_right{ float:right; overflow:hidden; width:840px;}
.box_bt{ color:#fff; height:50px; line-height:50px; padding:0 10px; background:#58595b; font-size:20px; overflow:hidden;}

.menu{ overflow:hidden;}
.menu li{ overflow:hidden; border-bottom:1px solid #eaeae8; letter-spacing:1px;}
.menu li a{ display:block; overflow:hidden; height:36px; line-height:36px; padding-left:25px; background:#dededc url(../image/nav_li.png) 10px center no-repeat;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.menu li:hover a,.menu li.on a{ background:#6b6c70 url(../image/nav_lihover.png) 10px center no-repeat; color:#fff;}
.menu li.onon a{ background:#00408E url(../image/nav_lihover.png) 10px center no-repeat; margin-top:8px; color:#fff;}
.menu li.onon:hover a{ background:#F60 url(../image/nav_lihover.png) 10px center no-repeat; margin-top:8px; color:#fff;}

.wz{ background:url(../image/nav_bj.png) left top no-repeat;-webkit-background-size:100% 100%;-moz-background-size:100% 100%;-o-background-size:100% 100%;background-size:100% 100%; overflow:hidden; border:1px solid #c9c9c9; height:48px; line-height:48px; margin-bottom:30px;}
.wz span{ float:left; display:block; background:url(../image/nav_wz.png) left center no-repeat; padding-left:20px; margin-left:30px; font-size:16px; letter-spacing:1px;}

.box_kj{ padding:0 0 0 30px; overflow:hidden;}
.box_bor{ margin:-15px 30px 0 30px; position:relative; overflow:hidden; border:1px solid #eeeeee; padding:30px;}
/*home*/
.sypro{ position:relative;}
.sypro li{ float:left; margin:0 3px; width:269px; overflow:hidden;}
.sypro li img{height:269px; width:100%;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.sypro li:hover img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.sypro .prev,.sypro .next{ position:absolute; top:50%; background:url(../image/icon_lrcp.png) left top no-repeat; width:41px; height:87px; margin-top:-43px;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}
.sypro .prev{ left:-60px;}
.sypro .next{ right:-60px; background-position: right top;}

.sylist{ overflow:hidden; position:relative; margin:45px -30px; text-align:center; letter-spacing:5px;}
.sylist li{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; overflow:hidden; width:170px; height:170px; float:left; margin:11px;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.sylist li a{ color:#fff; overflow:hidden; display:block; font-size:18px; line-height:35px; height:100px; padding:50px 10px 0;letter-spacing: 1px;}
.sylist li.bj1{ background:#0082c8;}
.sylist li.bj2{ background:#0071b7;}
.sylist li.bj3{ background:#0062a6;}
.sylist li.bj4{ background:#015198;}
.sylist li.bj5{ background:#0a408a;}
.sylist li.bj6{ background:#22297a;}
.sylist li:hover{transform:rotate(360deg); -webkit-transform:rotate(360deg); -moz-transform:rotate(360deg); -o-transform:rotate(360deg); -ms-transform:rotate(360deg);}

.symenu{ overflow:hidden; background:#dededc; text-align:center; padding:0; font-size:14px; letter-spacing:2px; line-height:32px;}
.symenu li{ float:left; width:20%; overflow:hidden;}
.symenu li a{ padding:35px 0; overflow:hidden; display:block; height:180px; color:#a6a6a4;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.symenu li i{-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; display:block; background-color:#fff; background-position:center center; background-repeat:no-repeat; width:140px; height:140px; margin:0 auto;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.symenu li span{ display:block; overflow:hidden; padding:10px 0 0 0; line-height:22px;}
.symenu li .tb1{ background-image:url(../image/icon_stb1.png);}
.symenu li:hover .tb1{ background-image:url(../image/icon_stb1h.png);}
.symenu li .tb2{ background-image:url(../image/icon_stb2.png);}
.symenu li:hover .tb2{ background-image:url(../image/icon_stb2h.png);}
.symenu li .tb3{ background-image:url(../image/icon_stb3.png);}
.symenu li:hover .tb3{ background-image:url(../image/icon_stb3h.png);}
.symenu li .tb4{ background-image:url(../image/icon_stb4.png);}
.symenu li:hover .tb4{ background-image:url(../image/icon_stb4h.png);}
.symenu li .tb5{ background-image:url(../image/icon_stb5.png);}
.symenu li:hover .tb5{ background-image:url(../image/icon_stb5h.png);}
.symenu li .tb6{ background-image:url(../image/icon_stb6.png);}
.symenu li:hover .tb6{ background-image:url(../image/icon_stb6h.png);}
.symenu li:hover a{ background:#1a2940; color:#fff;}

/*paga*/
.arcpages {overflow: hidden; text-align: center; padding:30px 0 0 0; }
.arcpages ul { display:inline-block;}
.arcpages ul li { float:left;line-height:26px; margin:0 3px; color: #000; border:1px solid #ddd;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.arcpages ul li a { display: block; padding:0 10px; color: #000;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.arcpages ul li a:hover { color: #fff; background: #58595b; }
.arcpages ul li.thisclass a{ color: #fff; background: #58595b;padding: 0 10px; }
.arcpages .pageinfo { padding: 0 10px; }
.arcpages .pageinfo strong { margin: 0px 2px; }
/*list*/
.prolist{ margin:-20px 0 0 -25px; position:relative; overflow:hidden;}
.prolist li{ text-align:center; width:253px; margin:20px 0 0 25px; overflow:hidden; float:left; letter-spacing:1px;}
.prolist li .pic{ display:block; overflow:hidden; border:1px solid #d5d5d7; padding:1px;}
.prolist li .pic img{height:249px; width:100%;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.prolist li .bt{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:12px 0 0 0; font-size:16px;}
.prolist li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.twlist{ margin:-10px 0 0 -15px; position:relative; overflow:hidden;}
.twlist li{ text-align:center; width:229px; margin:10px 0 0 15px; overflow:hidden; float:left; letter-spacing:1px;}
.twlist li .pic{ display:block; overflow:hidden; border:1px solid #d5d5d7; padding:3px;}
.twlist li .pic img{height:135px; width:100%;transition:all 0.3s;-moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;}
.twlist li .bt{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding:5px 0 0 0;}
.twlist li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}

.newslist{ overflow:hidden;}
.newslist li{ overflow:hidden; line-height:28px;}
.newslist li a{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#888;}
.newslist li span{ float:right; color:#888;}
.newslist li a:hover{color:#0082c8;}

/*view*/
.danbody{ overflow:hidden; color:#504e4f; line-height:25px; text-transform:none; font-size:16px;}
.danbody img{ max-width:100%; height:auto;}
.danbody .sbt{ padding:10px 0 3px 0; line-height:30px; overflow:hidden; font-size:20px; letter-spacing:1px; color:#333; text-transform:capitalize;}
.danbody table{ width:100%;border-collapse:collapse;text-align:center; border-bottom:2px solid #c5c5c3; border-right:2px solid #c5c5c3;}
.danbody table th{ background:#dededc; padding:3px 10px; border-left:2px solid #c5c5c3; border-top:2px solid #c5c5c3;}
.danbody table td{ padding:3px 10px; border-left:2px solid #c5c5c3; border-top:2px solid #c5c5c3;}

.contact{ overflow:hidden;}
.contact ul{ overflow:hidden; margin:-20px 0 0 -25px; position:relative;}
.contact ul li{ float:left; width:346px; margin:20px 0 0 25px; overflow:hidden;}
.contact ul li .bt{overflow:hidden; color:#3d6cb0; font-size:20px; text-transform:capitalize; letter-spacing:1px; line-height:24px;}
.contact ul li .bt em{overflow:hidden; float:left; background:#3d6cb0; width:24px; text-align:center; margin-right:15px;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%; color:#fff; font-style:normal;}
.contact ul li .nr{ padding:5px 0 0 40px; color:#8b8b8b; line-height:26px;overflow:hidden;}
.contact ul li .nr a{color:#8b8b8b;}
.contact ul li.c{ width:100%; margin:0;}

.view_pro{ overflow:hidden; margin-top:-5px; position:relative;}
.view_pro .bt{ text-transform:capitalize; color:#000; font-size:30px; letter-spacing:1px; line-height:1.2; padding:0 0 25px 0;}
.view_pro .pic{ padding:0 0 25px 0; overflow:hidden;}
.view_pro .pic img{max-width:99%; height:auto; border:1px solid #d5d5d7; padding:3px;}