@charset "utf-8";
/* CSS Document */

body{ font-size:14px; color:#333; background:#fff; line-height:28px; font-family:微软雅黑, "Microsoft YaHei"}

a { color:#333; font-size:14px; text-decoration:none; }

a:hover {text-decoration:none;}



/***************index css********************/
.top{ width:1100px; height:98px; margin:0 auto;}
.top .logo{ float:left;}
.top .right{ float:right;}
.top .right .yy{ float:right; height:32px; line-height:32px;}
.top .right .yy ul{ float:left; height:16px; line-height:16px; padding-top:11px;}
.top .right .yy ul li{ float:left; margin-left:14px; height:16px; background:url(../images/cn-ico.jpg) no-repeat left center; padding-left:20px; color:#666}
.top .right .yy ul li a{color:#666}
.top .right .yy ul li.en{background:url(../images/en-ico.jpg) no-repeat left center;}
.top .right .home{ float:left; margin-left:10px; margin-top:7px; display:block}
.top .right .tel{ float:left; color:#ca0101; font-size:28px; margin-left:9px; line-height:32px;}


#nav{ clear:both; float:right; width:auto; height:50px; margin-top:10px;}
#nav ul{ }
#nav ul li{ float:left; display:inline; width:110px; height:50px; display:block; text-align:center;}
#nav ul li a{ display:block; width:110px; height:50px; text-align:center;}
#nav ul li a span{ display:block; height:22px; line-height:22px; color:#0077b5;font-weight:bold}
#nav ul li a em{ display:block; height:16px; line-height:16px; padding-top:7px; color:#8a8a8a}
#nav ul li a:hover span{ color:#0077b5; font-weight:bold}
#nav ul li a.current span{ color:#0077b5; font-weight:bold}

.flash{ width:100%; height:auto; margin:0 auto;}
.flash img{ width:100%;}


/******************************** index *********************************/
.pron{ width:100%; height:846px; background:url(../images/npro-bg.png) no-repeat center top;}
.pron .title{ width:1100px; height:71px; margin:0 auto; margin-top:39px;}
.pron .title .bt{ width:190px; height:50px; margin:0 auto; margin-top:12px; }
.pron .title .bt .en{ float:left; height:50px; line-height:50px; text-transform:uppercase; font-size:40px; color:#7f7f7f}
.pron .title .bt .cn{ float:right; width:75px; height:50px;}
.pron .title .bt .cn span{ display:block; height:20px; line-height:20px; font-size:16px; text-transform:uppercase}
.pron .title .bt .cn em{ display:block; height:24px; line-height:24px; font-size:16px; color:#0070c0; padding-top:6px;}
.pron .bg{ width:1100px; height:540px; margin:0 auto; margin-top:55px;}
.pron .bg dl{ width:510px; height:auto; float:left; margin-left:12px; margin-top:9px; overflow:hidden}
.pron .bg dl dt{ width:510px; height:450px; overflow:hidden;}
.pron .bg dl dt img{width:510px; height:450px; display:block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pron .bg dl dd{ width:510px; height:auto; overflow:hidden;}
.pron .bg dl dd .name{ width:510px; height:32px; line-height:32px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#444444;  text-indent:14px;}
.pron .bg dl dd .memo{ width:510px; height:22px; line-height:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  text-indent:14px; font-size:12px; color:#999999; margin-top:15px;}
.pron .bg dl:hover dt img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pron .bg .right{ width:525px; height:auto; float:right; margin-top:9px; margin-right:16px;}
.pron .bg .right ul li{ width:250px; height:250px; float:left; overflow:hidden; margin-left:12px; margin-bottom:20px;}
.pron .bg .right ul li .tu{ width:250px; height:184px; overflow:hidden}
.pron .bg .right ul li .tu img{ width:250px; height:184px; display:block;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pron .bg .right ul li .name{ width:250px; height:30px; line-height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-indent:10px; color:#444444;}
.pron .bg .right ul li .memo{ width:250px; height:22px; line-height:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;  text-indent:14px; font-size:12px; color:#999999; padding-top:8px;}
.pron .bg .right ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
.pron .more{ display:block; width:150px; height:34px; overflow:hidden; background:#086cab; border-radius:3px; text-align:center; line-height:34px; color:#fff; margin:0 auto; margin-top:20px;}

.pro{ width:1100px; height:auto; margin:0 auto; margin-top:75px;}
.pro .title{ width:1100px; height:80px; margin:0 auto; background:url(../images/pro-title.png) no-repeat}
.pro .title .bt{ width:280px; height:50px; margin:0 auto; margin-top:12px; }
.pro .title .bt .en{ float:left; height:50px; line-height:50px; text-transform:uppercase; font-size:40px; color:#7f7f7f}
.pro .title .bt .cn{ float:right; width:75px; height:50px;}
.pro .title .bt .cn span{ display:block; height:20px; line-height:20px; font-size:16px; text-transform:uppercase}
.pro .title .bt .cn em{ display:block; height:24px; line-height:24px; font-size:16px; color:#0070c0; padding-top:6px;}
.pro .txt{ width:1100px; height:auto; margin-top:40px;}
.pro .txt ul li{ width:342px; height:auto; float:left; overflow:hidden; margin-left:12px; margin-right:12px; margin-bottom:30px;}
.pro .txt ul li .tu{ width:342px; height:300px;}
.pro .txt ul li .tu img{width:342px; height:300px;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.pro .txt ul li .name{ width:342px; height:34px; line-height:34px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#333; text-indent:8px;}
.pro .more{ display:block; width:150px; height:34px; overflow:hidden; background:#086cab; border-radius:3px; text-align:center; line-height:34px; color:#fff; margin:0 auto; margin-top:50px;}
.pro .txt ul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}

.about{ width:100%; height:541px; background:url(../images/about-bg.jpg) no-repeat center top; margin-top:50px;}
.about .bg{ width:1100px; height:auto; margin:0 auto; margin-top:90px;}
.about .bg .txt{ width:690px; height:auto; margin-left:400px;}
.about .bg .txt .title{ height:52px;}
.about .bg .txt .title .en{ float:left; height:52px; line-height:52px; text-transform:uppercase; font-size:48px; color:#7f7f7f}
.about .bg .txt .title .cn{ float:left; margin-left:30px; height:52px;}
.about .bg .txt .title .cn span{ display:block; height:20px; line-height:20px; font-size:16px; text-transform:uppercase} 
.about .bg .txt .title .cn em{ display:block; height:24px; line-height:24px; font-size:16px; color:#0070c0; padding-top:6px;}
.about .bg .txt .nr{ width:690px; height:auto; margin-top:10px; min-height:200px;}
.about .bg .txt .more{ display:block; width:150px; height:34px; overflow:hidden; background:#086cab; border-radius:3px; text-align:center; line-height:34px; color:#fff; margin-top:20px;}

.new{ width:1100px; height:auto; margin:0 auto; margin-top:66px;}
.new .title{ width:1100px; height:80px; margin:0 auto;  background:url(../images/pro-title.png) no-repeat}
.new .title .bt{ width:300px; height:50px; margin:0 auto; margin-top:12px; }
.new .title .bt .en{ float:left; height:50px; line-height:50px; text-transform:uppercase; font-size:40px; color:#7f7f7f}
.new .title .bt .cn{ float:right; width:75px; height:50px;}
.new .title .bt .cn span{ display:block; height:20px; line-height:20px; font-size:16px; text-transform:uppercase}
.new .title .bt .cn em{ display:block; height:24px; line-height:24px; font-size:16px; color:#0070c0; padding-top:6px;}
.new .txt{ width:1100px; height:auto; margin:0 auto; margin-top:28px;}
.new .txt dl{ overflow:hidden; width:530px; height:120px; float:left; margin-left:10px; margin-right:10px; margin-bottom:45px;}
.new .txt dl dt{ width:160px; height:120px; float:left; overflow:hidden}
.new .txt dl dt img{ display:block; width:160px; height:120px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
.new .txt dl dd{ width:auto; height:120px; margin-left:180px; overflow:hidden}
.new .txt dl dd .name{ height:24px; line-height:24px; color:#444; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.new .txt dl dd .memo{ width:100%; height:auto; max-height:60px; line-height:20px; padding-top:5px; color:#999; font-size:12px;}
.new .txt dl dd .time{ height:20px; line-height:20px; color:#999; padding-top:5px; font-size:12px;}
.new .txt dl dd .time .views{ height:20px; background:url(../images/cs-ico.jpg) no-repeat left center; padding-left:15px; line-height:20px; float:right}
.new .more{ display:block; width:150px; height:34px; margin:0 auto; overflow:hidden; background:#086cab; border-radius:3px; text-align:center; line-height:34px; color:#fff; margin-top:20px;}
.new .txt dl:hover dt img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


/****************************** ny *************************************/

.ny_side{ width:1100px; height:auto; margin:0 auto;}
.ny_side .lm{ width:1100px; height:80px; background:url(../images/bt-bg.png); line-height:80px; text-indent:18px; font-size:30px; color:#0070c0}
.ny_side .lm .mbx{ float:right; height:80px; line-height:80px; margin-right:18px; color:#333; font-size:14px;}
.ny_side .lm .mbx span{color:#0070c0; font-size:14px;}
.ny_side .listn{ width:1100px; height:40px; background:#0d86d6;}
.ny_side .listn ul li{ width:145px; height:40px; float:left; overflow:hidden; position:relative}
.ny_side .listn ul li a{width:145px; height:80px; display:block; text-align:center; line-height:40px; color:#fff; position:absolute; z-index:999; left:0; bottom:-40px;}
.ny_side .listn ul li a em{ display:block; width:100%; height:40px; text-align:center; line-height:40px;  background:#0d86d6; color:#fff;}
.ny_side .listn ul li a span{ display:block; width:100%; height:40px; text-align:center; line-height:40px; background:#015289; color:#fff; font-weight:bold}
.ny_side .listn ul li.active a{bottom:0;}
.ny_side .txt{ width:1100px; height:auto; margin:0 auto; min-height:400px; margin-top:30px;}


dl.newsdl{ overflow:hidden; width:100%; height:155px;  margin-bottom:20px; border-bottom:1px dashed #ccc;}
dl.newsdl dt{ width:187px; height:140px; float:left; overflow:hidden}
dl.newsdl dt img{ display:block; width:187px; height:140px; transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
dl.newsdl dd{ width:auto; height:140px; margin-left:200px; overflow:hidden}
dl.newsdl dd .name{ height:32px; line-height:32px; color:#0d86d6;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:16px;}
dl.newsdl dd .memo{ width:100%; height:auto; max-height:60px; line-height:20px; padding-top:5px; color:#999; font-size:12px;}
dl.newsdl dd .time{ height:24px; line-height:20px; color:#999; padding-top:5px; font-size:12px;}
dl.newsdl dd .time .views{ height:20px; background:url(../images/cs-ico.jpg) no-repeat left center; padding-left:15px; line-height:20px; float:right}
dl.newsdl:hover dt img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}
dl.newsdl:hover .name{ text-decoration:underline;}

.prons{ width:1100px; margin:0 auto; margin-top:20px;}
.prons .left{ width:232px; height:auto; float:left;}
.prons .left ul li{ width:232px; height:40px; overflow:hidden; margin-bottom:1px;}
.prons .left ul li a{ display:block; width:232px; height:40px; text-align:center; line-height:40px; background:#0d86d6; color:#fff;}
.prons .left ul li a:hover{ background:#015289}
.prons .left ul li a.dz{ background:#015289}
.prons .right{ width:850px; float:right;}
.prons .right .title{ width:850px; height:40px; border-bottom:1px solid #cccccc; overflow:hidden; margin-bottom:20px; line-height:40px; font-size:24px; color:#222; }
.prons .right .title .fx{ float:right; height:24px; padding-top:8px; }
.prons .right .txt{ width:850px; float:right; min-height:360px;}

ul.proul li{ width:270px; height:auto; float:left; overflow:hidden; margin-bottom:25px; margin-left:13px;}
ul.proul li .tu{ width:270px; height:237px; overflow:hidden}
ul.proul li .tu img{ width:270px; height:237px;transition:all 0.5s ease-in-out; -moz-transition:all 0.5s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out; -webkit-transition:all 0.5s ease-in-out;}
ul.proul li .name{ width:270px; height:30px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; text-align:center; line-height:30px;}
ul.proul li:hover .tu img{transform:scale(1.2,1.2); -moz-transform:scale(1.2,1.2); -ms-transform:scale(1.2,1.2); -o-transform:scale(1.2,1.2); -webkit-transform:scale(1.2,1.2);}


.ny_news_list{ width:830px; margin:8px auto;}
.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}
.ny_news_list td{ border:1px solid #ccc;}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}

dl.downdl{ width:100%; height:65px; border-bottom:1px dashed #ccc; overflow:hidden; margin-bottom:11px;}
dl.downdl dt{ width:54px; height:54px; float:left; overflow:hidden;}
dl.downdl dt img{width:54px; height:54px;}
dl.downdl dd{ margin-left:64px; height:54px; overflow:hidden}
dl.downdl dd .name{ height:30px; line-height:30px; color:#444; width:100%;}
dl.downdl dd .name span{ float:right; color:#999}
dl.downdl dd .dx{ height:24px; color:#999; width:100%; line-height:24px;}
dl.downdl dd .dx  span{ display:block; height:24px; background:url(../images/down-ico.jpg) no-repeat center left; padding-left:15px;}