@charset "gb2312";
body, ol, ul, li, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, fieldset, legend, input, textarea, select, img { margin: 0; padding: 0; }
ul, li { list-style: none; }
.hovers { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
body { font-size: 14px; font-family: "Œ¢»Ì—≈∫⁄"; color: #525252; background: #f3f5f7; }
.fr { float: right; }
.fl { float: left; }
.clear { clear: both; }
.center { max-width: 1300px; margin: 0 auto; }
#tophead { height: 118px; padding-top: 20px; background: #fff; }
#tophead .logo { width: 1040px; float: left; }
#tophead .toptel { width: 250px; color: #9b9b9b; font: 14px "Œ¢»Ì—≈∫⁄"; text-align: right; float: right; margin-top: 20px; }
#tophead .toptel a { color: #9b9b9b; }
#tophead .logo span { height: 30px; line-height: 30px; font-size: 30px; color: #0066CC; }
#tophead .logo span img { width: 30px; height: 30px; margin: 0; margin-right: 10px; vertical-align: sub; }
#tophead .toptel a#lnkWechat { position: relative; }
#tophead .toptel .weixin { display: none; position: absolute; top: 30px; left: -129px; z-index: 1000; border: 2px solid #ccc; }
#tophead .toptel a#lnkWechat:hover .weixin { display: block; }
#header2 { width: 100%; height: 60px; position: absolute; z-index: 1; background: #0066cc; }
#header2 .menu { width: 100%; height: 60px; border-radius: 3px; }
#header2 .menu img { margin: 10px 0 0 0px }
#header2 .menu ul li { width: 14.285%; float: left; height: 60px; cursor: pointer; text-align: center; font: 16px/60px "Œ¢»Ì—≈∫⁄"; background: #0066CC; }
#header2 .menu ul li h2 { font: 16px/60px "Œ¢»Ì—≈∫⁄"; }
#header2 .menu ul li a { display: block; color: #fff; text-decoration: none; font-weight: bold; }
#header2 .menu ul li:hover h2, #header2 .menu ul li.current { color: #f60; background: #005cb7; }
.mobile { display: none; float: right; }
@media (max-width: 768px) {
#header2 .menu { min-width: 0; }
#header2 .menu img { margin: 15px 0 0 20px }
#header2 { filter: Alpha(opacity=100);/* IE*/ -moz-opacity: 1;/* FF ÷˜“™ «Œ™¡ÀºÊ»›¿œ∞ʱ浃FF*/ opacity: 1;/* FF*/ }
#tophead, #header2, #header, #header_study, #header_gycs { height: 80px; position: relative }
#header2 .logo, #header .logo { margin-top: 18px; margin-left: 0 }
#header2 .logo img, #header .logo img, #header_study .logo img, #header_gycs .logo img { max-height: 50px; max-width: 65%; }
#header2 .right, #header ul, #header_study .right, #header_gycs ul { display: none }
#header2 .mobile, #header .mobile { display: block; margin: 3% 5% 0 0; float: right }
}
.slider, .slider .slider-img { overflow: hidden; height: 600px; }
.slider { width: 100%; position: relative; }
.slider:hover .slider-btn { color: #fff; text-shadow: 0 0 5px #666; }
.slider .slider-img { width: 12000px; position: relative; }
.slider .slider-img .slider-img-ul { position: absolute; left: 0; top: 0; overflow: hidden; }
.slider .slider-img .slider-img-ul li { float: left; }
.slider .slider-img .slider-img-ul li img { width: 1920px; height: 600px; }
.slider .slider-dot ul { position: absolute; right: 50px; bottom: 30px; }
.slider .slider-dot ul li { cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background: #ccc; border: 2px solid #fff; float: left; margin-left: 10px; }
.slider .slider-dot ul li.active, .slider .slider-dot ul li:hover { background: #fff; }
.slider .slider-btn { position: absolute; width: 50px; height: 100px; top: 50%; line-height: 100px; text-align: center; color: #fff; font-size: 28px; text-decoration: none; font-family: '∫⁄ÃÂ'; color: rgba(255, 255, 255, 0); }
.slider .slider-btn:hover { background: rgba(125, 125, 125, .3); }
.slider .slider-btn.slider-btn-left { left: 0; margin-top: -50px; }
.slider .slider-btn.slider-btn-right { right: 0; margin-top: -50px; }
.top-wx { right: 20px; width: 148px; height: 148px; cursor: pointer; position: absolute; top: 30px; z-index: 1000; display: none; border: 1px solid #ccc; }
#menu-line { position: absolute; bottom: 0; left: 0; height: 5px; background: #0066CC; -webkit-transition: all 0.25s ease-out; -moz-transition: all 0.25s ease-out; -ms-transition: all 0.25s ease-out; -o-transition: all 0.25s ease-out; transition: all 0.25s ease-out; }
.fmenu { left: 0; top: 100%; width: 100%; height: 100px; display: none; background: #f1f3f6; position: absolute; filter: Alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; }
.two-menu { height: 100%; color: #272727; text-align: right; font: 16px/63px "Œ¢»Ì—≈∫⁄"; }
.two-menu .lgt { width: 400px; float: left; }
.two-menu .lgt h1 { color: #0066CC; margin-top: 23px; text-align: left; font: bold 20px "Œ¢»Ì—≈∫⁄"; }
.two-menu .lgt h2 { color: #ccc; margin-top: 0; text-align: left; font: 15px "Œ¢»Ì—≈∫⁄"; text-transform: uppercase; }
.two-menu .rgt { width: 750px; float: right; }
.two-menu a { display: inline-block; float: left; color: #272727; line-height: 30px; margin-right: 35px; margin-top: 23px; text-decoration: none }
.two-menu a:hover { color: #0066ff; }
.two-menu a.cur { color: #0aa646; }
#banner { width: 100%; height: 398px; }
.common-center { margin-top: -258px; }
.common-center .nav .h1 { color: #fff; font: bold 48px "Œ¢»Ì—≈∫⁄"; }
.common-center .nav .h2 { color: #fff; margin: 0; font: 14px "Œ¢»Ì—≈∫⁄"; }
.common-center .nav .h2 a { color: #fff; }
.common-center .nav .h2 span { color: #0aa646 }
.common-center .nav ul { margin-top: 20px; }
.common-center .nav li { float: left; width: 180px; color: #0066CC; cursor: pointer; padding: 10px 0; margin-right: 5px; background: #dce1e7; font: 20px "Œ¢»Ì—≈∫⁄"; margin-bottom: 5px; }
.common-center .nav li.current { background: #0066CC; color: #fff; }
#foot_bg { background-color: #323751; width: 100%; }
#footer { width: 100%; border-top: 1px solid #eaeced; background-color: #3069bf; }
@media (max-width: 768px) {
.common-center .nav .h1 { color: #0066CC; font: bold 48px "Œ¢»Ì—≈∫⁄"; }
.common-center .nav .h2 { color: #0066CC; margin: 0; font: 14px "Œ¢»Ì—≈∫⁄"; }
.common-center .nav .h2 a { color: #0066CC; }
#footer { display: none }
.common-center .nav .h1 { display: none }
#banner { display: none }
.common-center .nav .h2 { width: 90%; margin: 0 auto 20px }
.common-center { margin-top: 30px }
.common-center .nav li { padding: 0; width: 32%; margin-right: 3px; margin-bottom: 3px; font-size: 16px; height: 34px; line-height: 34px }
}
#footer .center { margin-top: 25px; }
#footer .left { width: 950px; float: left; }
#footer .left ul { width: 100%; height: 47px; }
#footer .left ul li { width: 16.66%; float: left; height: 100%; cursor: pointer; color: #fff; text-align: left; font: 19px/45px"Œ¢»Ì—≈∫⁄"; }
#footer .left .submenu { width: 100%; height: 150px; margin-top: 0px; }
#footer .left .submenu h2 { width: 16.66%; float: left; line-height: 14px; min-height: 20px; }
#footer .left .submenu h2 a { color: #e5e5e5; font: 14px/24px "Œ¢»Ì—≈∫⁄"; display: block; float: left; width: 100%; }
#footer .right { width: 160px; height: 100%; float: right; position: relative; text-align: center; }
#footer .right img { width: 130px; height: 130px; }
#footer .right .other { font-size: 12px; color: #fff; margin-top: 6px; }
#footer .right .tel { min-height: 59px; background-image: url(../statics/utbang/images/phone.png); background-repeat: no-repeat; padding-left: 75px; color: #e5e5e5; font-size: 18px; border-bottom: 1px dashed #b5b6b8; padding-bottom: 5px; }
#footer .right .tel span { display: block; color: #fff; font-size: 34px; font-family: Impact; }
#footer .right h3 { color: #fff; height: 43px; font: 14px/22px "Œ¢»Ì—≈∫⁄"; padding-top: 10px; border-bottom: 1px dashed #b5b6b8; }
#footer .all-camera-dropdown { width: 100%; height: 32px; background: #cedcf2; text-indent: 1em; }
#footer .all-camera-dropdown a { padding: 0; color: #333; border-radius: 0; font: 14px/32px "Œ¢»Ì—≈∫⁄"; }
#footer .all-camera-dropdown a:hover { background: none; }
#footer .all-camera-dropdown .caret { float: right; margin: 15px 20px 0 0; }
#footer .all-camera-dropdown .dropdown-menu { width: 100%; background: #e6e5e5; }
#footer .all-camera-dropdown .dropdown-menu a:hover { background: #1c59b5; color: #fff; }
#footer .all-camera-dropdown .open > a:focus { background: #1c59b5; color: #fff; }
#bottom { padding: 20px 0 60px 0; background: #2b3047; border-top: 1px solid #545e6b; }
#bottom .left { float: left; }
#bottom .left h1 { color: #fff; font: 14px "Œ¢»Ì—≈∫⁄"; margin-bottom: 5px; }
#bottom .left h1 a { color: #fff; font: 14px "Œ¢»Ì—≈∫⁄"; }
#bottom .right { float: right; position: relative; }
#bottom .wx { left: -40px; width: 148px; height: 148px; cursor: pointer; position: absolute; top: -160px; display: none; border: 1px solid #ccc; }
#bottom .right img { margin-left: 10px; }
 @media (max-width: 768px) {
#bottom .left { width: 100%; float: none; text-align: center }
#bottom .right { display: none; }
}
/*pageµƒcssΩ· ¯*/
.page { width: 100%; height: 30px; color: #333333; text-align: left; margin-bottom: 30px; }
.page span { color: #fa8a00; font: bold 18px/30px "Œ¢»Ì—≈∫⁄"; }
.page a { color: #a1a1a1; margin: 0 5px; padding: 3px 8px 3px; font: 14px/30px "Œ¢»Ì—≈∫⁄"; border: 1px solid #62008c; }
.page a:hover { color: #fff; border: 1px solid #62008c; background: #62008c; text-decoration: none; }
.page .current { color: #fff; background: #62008c; padding: 3px 8px 3px; font: 14px/30px "Œ¢»Ì—≈∫⁄"; border: 1px solid #62008c; }
#header_study, #header_gycs { height: 95px; background: none; }
#header_study .logo, #header_gycs .logo { float: left; margin: 10px 0 0; }
#header_study .right, #header_gycs .right { width: 420px; float: right; margin-top: 32px; }
#header_study .right .return, #header_gycs .right .return { float: left; }
#header_study .right .box, #header_gycs .right .box { width: 232px; height: 37px; color: #a3a3a3; padding-left: 30px; border: 1px solid #ebecec; background: url(../images/search.png) 10px no-repeat #fff; }
#header_study .menu, #header_gycs .menu { top: 95px; height: 76px; width: 100%; z-index: 1000; position: absolute;/*background:url(../images/alpha-menu.png)*/ background-color: #3069bf; }
#header_study .menu li, #header_gycs .menu ul { width: 100%; }
#header_study .menu li, #header_gycs .menu li { width: 16.6%; float: left; height: 100%; color: #fff; text-align: center; cursor: pointer; font: 18px/76px "Œ¢»Ì—≈∫⁄"; background: url(../images/radio.png) right center no-repeat }
#header_gycs .menu ul { width: 70%; }
#header_gycs .menu li { width: 16.5%; }
#header_gycs .menu .fr { margin-top: 20px; }
.menu_list { width: 100%; margin: 0 auto; position: absolute; left: 0; top: 80px; z-index: 100; display: none }
.menu_head { height: 47px; line-height: 47px; padding-left: 38px; font-size: 14px; color: #525252; cursor: pointer; border-left: 1px solid #e1e1e1; border-right: 1px solid #e1e1e1; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #F1F1F1; position: relative; margin: 0px; font-weight: bold; background: #f1f1f1 url(../images/pro_left.png) center right no-repeat; }
.menu_list .current { background: #f1f1f1 url(../images/pro_down.png) center right no-repeat; }
.menu_body { line-height: 38px; border-left: 1px solid #e1e1e1; backguound: #fff; border-right: 1px solid #e1e1e1; }
.menu_body a { display: block; height: 38px; line-height: 38px; padding-left: 38px; color: #777777; background: #fff; text-decoration: none; border-bottom: 1px solid #e1e1e1; }
.menu_body a:hover { text-decoration: none; }
@media (max-width: 768px) {
#header_study .menu, #header_gycs .menu { display: none }
#header_study, #header_gycs { height: 80px; di8splay: none; position: relative; background: #fff; }
#header_study .center, #header_gycs .center { width: 70%; float: left; margin-left: 15px; }
#header_study .logo, #header_gycs .logo { margin-top: 10px; margin-left: 0; float: left }
#header_study .logo img, #header_gycs .logo img { max-height: 50px; max-width: 100%; }
#header_study .mobile, #header_gycs .mobile { display: block; margin: 8% 5% 0 0; float: right }
#header_study .right, #header_gycs .right { display: none }
}
.List_page { text-align: center; margin-bottom: 20px; margin-top: 20px; }
.List_page a { background: #fff; margin: 0px 1px; padding: 4px 6px; border: 1px solid #ccc; color: #A0A0A0; }
.List_page span { background: #0066CC; color: #fff; margin: 0px 1px; padding: 4px 6px; border: 1px solid #0066CC; }
.red { color: #f00; }
.carousel-control img { margin-top: 120% }
@media (max-width: 768px) {
.carousel-control img { width: 40px; }
}
.index-new { padding: 2% 0; background: #fff; }
.index-new .left { float: left; width: 1050px; }
.index-new h1 { font: bold 26px "Œ¢»Ì—≈∫⁄"; }
.index-new h1 a { color: #0066CC; }
.index-new h2 { color: #333; margin-top: 10px; font: 14px/24px "Œ¢»Ì—≈∫⁄"; }
.index-new .time { float: right; color: #fff; line-height: 20px; padding: 12px 20px; background: #0aa546; text-align: center; font: bold 30px "Œ¢»Ì—≈∫⁄"; }
.index-new .time span { font-size: 17px; display: block; }
.index-title { width: 100%; margin: 33px 0 20px; }
.index-title .title1 { float: left; color: #0066CC; font: 26px "Œ¢»Ì—≈∫⁄"; border-bottom: 3px solid #0066CC; padding-bottom: 10px; }
.index-title .title1 { color: #0066CC; text-decoration: none; }
.index-title .title1 a { color: #0066CC; text-decoration: none; }
.index-title .more { float: right; color: #0066CC; padding: 2px 5px; margin-left: 10px; border-radius: 15px; -moz-border-radius: 15px; -webkit-border-radius: 15px; border: 1px solid #0066CC; font: 14px/20px "Œ¢»Ì—≈∫⁄"; }
.index-title a.more:hover { background: #0066CC; color: #fff; }
@media (max-width: 768px) {
.index-new .center { width: 90%; }
.index-new h1 { font: bold 20px "Œ¢»Ì—≈∫⁄"; margin-top: 20px; }
.index-title { width: 90%; margin: 20px auto; }
.index-title .title1 { font-size: 24px }
.index-title .more { margin-top: 0 }
}
#news { background-image: linear-gradient(to top, #e6e9f0 0%, #eef1f5 100%); padding: 20px 0; margin: 0; }
#news .box { width: 49%; cursor: pointer; padding: 15px; background: #f8f9f9; margin-bottom: 28px }
#news .box .pic1 { width: 204px; float: left; height: 132px; display: block; overflow: hidden; }
#news .pic1 img { width: 100%; height: 100%; transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; -o-transform: all 0.6s ease 0s; }
#news .pic1:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
#news .box .right { float: right; width: 332px; }
#news .box .right h1 { color: #0e0e0e; font: 18px/40px "Œ¢»Ì—≈∫⁄"; height: 40px; overflow: hidden; }
#news .box .right h1 a { color: #0e0e0e; }
#news .box .right h2 { color: #333; height: 50px; overflow: hidden; margin-top: 0px; font: 14px/26px "Œ¢»Ì—≈∫⁄"; }
#news .box .right h3 { color: #3e3e3e; font: 14px "Œ¢»Ì—≈∫⁄"; text-align: right; margin-top: 5px; }
@media (max-width: 768px) {
#news .center { width: 90%; }
#news .box { width: 100%; }
#news .box .pic1 { width: 100%; height: auto; float: none; display: block; overflow: hidden; }
#news .box img { width: 100%; height: auto; margin-bottom: 20px; float: none; }
#news .box .right { width: 100%; margin: 0 }
#news .box .right h1 { color: #0e0e0e; font: 18px/40px "Œ¢»Ì—≈∫⁄"; height: 40px; overflow: hidden; }
#news .box .right h1 a { color: #0e0e0e; }
#news .box .right h2 { color: #333; margin-top: 0px; font: 14px/26px "Œ¢»Ì—≈∫⁄"; }
#news .box .right h3 { margin-top: 10px; }
}
#pro { display: none; }
#pro .box { width: 281px; height: 360px; float: left; overflow: hidden; margin-bottom: 20px; border: 1px solid #ccc; border-bottom: 4px solid #0066CC; margin-right: 25px; background-color: #fff; cursor: pointer; }
#pro .box:hover { border: 1px solid #ccc; border-bottom: 4px solid #ffc000; }
#pro .box.ctn { margin: 80px 80px 0; }
@media (max-width: 768px) {
#pro { display: block; width: 90%; margin: 0 auto; }
#pro .top .left { width: 100%; }
#pro .top .right { width: 100%; margin-top: 20px; padding-bottom: 50px }
#pro .box { width: 100%; height: 100%; margin-top: 25px; margin-left: 0; margin-right: 0; }
#pro .box.ctn { margin: 25px auto 0 }
}
#pro .box .pic { display: block; overflow: hidden; }
#pro .box img { width: 100%; height: 100%; transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; -o-transform: all 0.6s ease 0s; }
#pro .box:hover img { transform: scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
#pro .box .bottom { padding: 3%; }
#pro .box .bottom h1 { color: #333333; font: 18px/30px "Œ¢»Ì—≈∫⁄"; text-align: center; height: 30px; overflow: hidden; }
#pro .box .bottom h1 a { text-decoration: none; }
#pro .box .bottom h2 { color: #333; margin-top: 5px; font: 14px/24px "Œ¢»Ì—≈∫⁄"; height: 72px; overflow: hidden; }
#proc .box { width: 248px; height: 360px; padding: 10px; float: left; overflow: hidden; margin-bottom: 20px; border: 1px solid #ccc; border-bottom: 4px solid #0066CC; margin-right: 15px; background-color: #fff; cursor: pointer; }
#proc .box:hover { border: 1px solid #ccc; border-bottom: 4px solid #ffc000; }
#proc .box.ctn { margin: 80px 80px 0; }
@media (max-width: 768px) {
#proc { display: none; }
#proc .top .left { width: 100%; }
#proc .top .right { width: 100%; margin-top: 20px; padding-bottom: 50px }
#proc .box { width: 100%; height: 100%; margin-top: 25px; margin-left: 0; margin-right: 0; }
#proc .box.ctn { margin: 25px auto 0 }
}
#proc .box .pic { display: block; overflow: hidden; }
#proc .box img { width: 100%; height:220px; transition: all 0.6s ease 0s; -webkit-transform: all 0.6s ease 0s; -o-transform: all 0.6s ease 0s; }
#proc .box:hover img { transform : scale(1.2, 1.2); -webkit-transform: scale(1.2, 1.2); -o-transform: scale(1.2, 1.2); }
#proc .box .bottom { padding: 3%; }
#proc .box .bottom h1 { color: #333333; font-size: 18px; font-weight: bold; text-align: center; height: 30px; overflow: hidden; line-height: 30px; }
#proc .box .bottom h1 a { text-decoration: none; }
#proc .box .bottom h2 { color: #333; margin-top: 5px; font: 14px/20px "Œ¢»Ì—≈∫⁄"; height: 85px; overflow: hidden; }
#boxs { background-color: #fff; padding: 10px 0 30px 0; }
#boxs .li { float: left; width: 244px; height: 214px; cursor: pointer; overflow: hidden; position: relative; margin-right: 20px; margin-top: 10px; border: 1px solid #eee; }
#boxs .li img { width: 100%; height: 100%; }
#boxs .li .position { bottom: 0; width: 100%; height: 100%; bottom: -125px; position: absolute; padding: 6px 20px 0 20px; background: url(../images/alpha.png); }
#boxs .li .position h1 { color: #fff; font: 16px "Œ¢»Ì—≈∫⁄"; height: 30px; line-height: 30px; overflow: hidden; text-align: center; }
#boxs .li .position h3 { color: #fff; font: 13px/25px "Œ¢»Ì—≈∫⁄"; }
#boxs .mrn { margin-right: 0 }
@media (max-width: 768px) {
#boxs { display: none; }
#boxs .li, #boxs .li.mrn { height: 255px; margin: 0 auto 20px; width: 90%; float: none; overflow: hidden; }
}
.ys { background: #0066CC url(../images/bg_01.jpg) center no-repeat; width: 100%; min-width: 1200px; text-align: center; padding:30px 0; margin-top: 30px; }
.ys h3 { text-align: center; font-size: 40px; color: #fff; }
.ys h3 span { font-size: 80px; font-family: "Times New Roman", Times, serif; padding-left: 10px; padding-right: 10px; font-style: italic; }
.ys i { text-align: center; color: #fff; padding: 0 100px; border: 1px solid #fff; margin: 0 auto; display: inline-block; font-style: normal; font-size: 16px; height: 45px; line-height: 45px; margin-top: 15px; border-radius: 35px; -moz-border-radius: 35px; -webkit-border-radius: 35px; }
.ys_m { width: 1300px; margin: 0 auto; padding-bottom: 30px; margin-top: 30px; }
.ys_m .s_ban { margin-top: 30px; }
.ys dl { float: left; width: 300px; padding: 10px; border-right: 1px solid #3e82ff; }
.ys dl dt { }
.ys dl dt h2 { font-size: 34px; color: #ffc000; }
.ys dl dt span { font-size: 18px; color: #fff; display: block; margin-top: 10px; }
.ys dl dd { margin-top: 20px; }
.ys dl dd em { color: #ffc000; font-size: 44px; display: block; width: 98px; height: 52px; line-height: 52px; margin: 0 auto; text-align: center; font-family: Impact; font-style: normal; }
.ys dl dd p { color: #fff; font-size: 14px; width: 260px; margin: 0 auto; line-height: 30px; text-align: left; word-break: break-all; word-wrap: break-word; margin-top: 10px; }
 @media (max-width: 768px) {
.ys { display: none; }
}
/*---tj_news.htm---*/
.RandomNews { background-color: #fff; margin-top: 30px; }
.diysr { height: 40px; line-height: 40px; padding-left: 10px; color: #000; border-bottom: 1px solid #d6d6d6; color: #333; font-weight: bold; font-size: 16px; }
.news_random { padding-top: 8px; padding-bottom: 8px; }
.news_random li { height: 28px; line-height: 28px; padding: 0 17px 0 10px; width: 425px; float: left; overflow: hidden; }
.news_random li a { padding-left: 12px; background-image: url(../statics/utbang/images/dot.jpg); background-repeat: no-repeat; background-position: 0 6px; }
.news_random li span { float: right; padding-left: 20px; font-size: 12px; color: #666; }
/*---tj_product.htm---*/
dl.pd_list_dls { width: 204px; overflow: hidden; float: left; margin: 15px 10px 0px 0px; }
dl.pd_list_dls dt, dl.pd_list_dls dt a { width: 204px; height: 155px; line-height: 0; font-size: 0; }
dl.pd_list_dls dt img { width: 200px; height: 150px; border: 1px solid #D6D6D6; padding: 1px; }
dl.pd_list_dls dt a:hover img { border: 1px solid #0066CC; }
dl.pd_list_dls dd { margin-top: 3px; height: 30px; width: 204px; line-height: 30px; text-align: center; overflow: hidden; }
dl.pd_list_dls dd a:hover, dl.pd_list_dl dd a:hover { color: #0066CC; }
 @media (max-width: 768px) {
.RandomNews { display: none; }
}
/* ”≈ ∆ */

#g_ys { background-color: #fff; }
#g_ys .f_pr { position: relative; }
#g_ys .f_pa { position: absolute; }
#g_ys .f_fw { font-family: "Microsoft YaHei", \5fae\8f6f\96c5\9ed1, arial, \5b8b\4f53; }
#g_ys .contenta { width: 1080px; margin: 0 auto; }
.g_ys { height: 500px; background: url(../images/ysbg.jpg) no-repeat center top; }
.ysimg1 { top: 228px; right: -7px; }
.ysimg2 { top: 645px; left: 0; }
.ysimg3 { top: 1057px; right: 0; }
.g_ys h2 { display: block; font-size: 30px; color: #0066CC; text-align: center; font-weight: bold; padding-top: 60px; background: url(../images/ystit.jpg) no-repeat left 60px; }
.g_ys h2 a { color: #0066CC; text-decoration: none; }
.g_ys h2 em { display: block; color: #333333; font-size: 24px; }
.g_ys h2 b { color: #0097ed; display: block; color: #333333; font-size: 12px; text-transform: uppercase; font-weight: normal; padding-top: 7px; }
.m_ys1 { top: 160px; left: 30px; }
.m_ys2 { top: 350px; left: 30px; }
.m_ys3 { top: 160px; left: 670px; }
.m_ys4 { top: 350px; left: 670px; }
.g_ys .m_gy { position: absolute; width: 450px; }
.g_ys .m_gy h3 { text-align: left; color: #222222; font-size: 20px; font-weight: bold; }
.g_ys .m_gy h3 b { color: #0066CC; }
.g_ys .m_gy p { font-size: 14px; color: #333333; line-height: 26px; margin-top: 12px; }
.g_ys .tel { background: url(../images/telbg.jpg) no-repeat; width: 361px; height: 62px; left: 80px; top: 1316px; position: absolute; }
.g_ys .tel p { padding: 28px 0 0 60px; color: #333333; font-size: 24px; }
.g_ys .tel span { display: block; position: absolute; left: 246px; top: 17px; }
@media (max-width: 768px) {
#g_ys, .g_ys { display: none; }
}
.fudong { height: 55px; width: 100%; color: #FFF; background-image: linear-gradient(60deg, #3d3393 0%, #2b76b9 37%, #005cda 65%, #2cacd1 100%); }
.fudong ul { width: 1300px; margin: 0px auto; position: relative; height: 55px; }
.fudong1 { float: left; width: 450px; margin-left: 0px; }
.fudong1 li { float: left; width: 115px; background: #fff; line-height: 30px; text-align: center; height: 30px; border-radius: 5px; margin: 12px 15px; }
.fudong1 li a { color: #004682; font-size: 14px; }
.fudong2 { float: right; font-size: 22px; height: 55px; line-height: 55px; margin-right: 40px; }
.fudong2 span { color: #fff; font-weight: bold; }
@media (max-width: 768px) {
.fudong { display: none; }
}
.bt-ad { width: 100%; position: fixed; height: 55px; bottom: 0px; left: 0px; z-index: 999998; }
.bt-ad .in { width: 980px; margin-left: -490px; position: absolute; bottom: 0; left: 50%; height: 55px; }
.bt-ad .cls { width: 29px; height: 29px; position: absolute; right: 0px; top: 16px; background: url(../images/close1.png) no-repeat }
.bt-ad-ss { position: fixed; left: 0; bottom: 35px; width: 0px; height: 85px; background: url(../images/ss2.png) no-repeat right; z-index: 998; }
.bt-ad .in .link { display: block; width: 100%; height: 100%; }
.bt-ad.adv { position: fixed; }
.bt-ad.adv .adv_cont { width: 100%; }
 @media screen and (max-width:768px) {
.bt-ad, .bt-ad-ss { display: none; }
}
.carousel-inner .item img { text-align: center; margin: 0 auto; }
/*online qq*/
.qq_right { position: fixed; right: 1px; top: 50%; margin-top: -100px; z-index: 100 }
.cndns-right-meau { position: relative; }
.cndns-right-btn { width: 48px; height: 48px; border: 1px solid #ff6000; display: block; margin-bottom: 6px; position: relative; background-color: #fff }
.cndns-right-btn sup { display: block; min-width: 24px; height: 24px; text-align: center; line-height: 24px; color: #fff; border-radius: 50%; background-color: #0066CC; position: absolute; left: -12px; top: -12px; }
.meau-gg a span, .meau-hd a span, .meau-sev a span, .meau-contact a span, .meau-code a span, .meau-top a span { display: block; width: 48px; height: 48px; }
.cndns-right-btn:hover { border: 1px solid #ff6000; }
.meau-gg a span { background: url(../images/qq.png) 10px 0 no-repeat; }
.meau-gg a:hover span { background: #ff6000 url(../images/qq.png) -32px 0 no-repeat; }
.meau-gg .cndns-right-box .box-border { width: 205px; }
.cndns-right-box .box-border .sev-a span { float: left; display: block; margin-right: 20px; color: #d3d3d3 }
.cndns-right-box .box-border .sev-a h3 { color: #0066CC; font-size: 24px; line-height: 28px; text-indent: 30px; background: url(../images/qq.png) 0px -10px no-repeat; }
.cndns-right-box .box-border .sev-c { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e4e4e4 }
.cndns-right-box .box-border .sev-c li { width: 205px; height: 25px; background: url(../images/homeimages/circle.png) left no-repeat; text-indent: 5px; overflow: hidden; }
.cndns-right-box .box-border .sev-c li a { display: inline-block; color: #666; font-size: 12px; line-height: 25px; }
.cndns-right-box .box-border .sev-c li a:hover { color: #0066CC; }
.cndns-right-box .box-border .gg_btn { margin: 20px 0; }
.cndns-right-box .box-border .gg_btn a { background: #0066CC; color: #fff; font-size: 14px; padding: 5px 20px; border-radius: 30px; -moz-border-radius: 30px; -webkit-border-radius: 30px; transition: all 0.5s; -moz-transition: all 0.5s; /* Firefox 4 */ -webkit-transition: all 0.5s; /* Safari and Chrome */ -o-transition: all 0.5s; /* Opera */ }
.cndns-right-box .box-border .gg_btn a:hover { background: #ff6000; color: #fff; font-size: 14px; padding: 5px 20px; }
.meau-hd a span { background: #ff6000 url(../images/qq.png) 10px -55px no-repeat; }
.meau-hd a:hover span { background: #ff6000 url(../images/qq.png) -32px -55px no-repeat; }
.meau-sev a span { background: #ff6000 url(../images/qq.png) -30px -110px no-repeat; }
.meau-sev .cndns-right-box .box-border { width: 170px; }
.cndns-right-box { position: absolute; top: -15px; right: 48px; padding-right: 15px; display: none; }
.cndns-right-box .box-border { border: 1px solid #ccc; border-top: 4px solid #ff6000; padding: 20px; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0,0,0,.15); -moz-box-shadow: 0 3px 8px rgba(0,0,0,.15); box-shadow: 0 3px 8px rgba(0,0,0,.15); position: relative }
.cndns-right-box .box-border .arrow-right { display: block; width: 13px; height: 16px; background: url(../images/arrow.png) no-repeat; position: absolute; right: -13px; top: 26px; }
.cndns-right-box .box-border .sev-t span { font-size: 30px; float: left; display: block; line-height: 30px; margin-right: 20px; color: #d3d3d3 }
.cndns-right-box .box-border .sev-t h3 { color: #ff6000; font-size: 24px; line-height: 28px; text-indent: 30px; background: url(../images/qq.png) 2px -117px no-repeat; }
.cndns-right-box .box-border .sev-t p { color: #ff6000; font-size: 25px; font-weight: bold; }
.cndns-right-box .box-border .sev-t p i { display: block; font-size: 14px; color: #333; font-style: normal; font-weight: normal; }
.cndns-right-box .box-border .sev-b { padding-top: 15px; margin-top: 15px; border-top: 1px solid #e4e4e4 }
.cndns-right-box .box-border .sev-b li { width: 150px; }
.cndns-right-box .box-border .sev-b li a { display: inline-block; color: #333; font-size: 15px; padding-left: 43px; background: url(../images/q1.gif) no-repeat left 3px; line-height: 36px; }
.cndns-right-box .box-border .sev-b li a:hover { color: #0066CC; font-weight: bold; }
.meau-contact .cndns-right-btn, .meau-code .cndns-right-btn, .meau-top .cndns-right-btn { width: 48px; height: 48px; background: #ff6000;}
.meau-contact .cndns-right-box .box-border { width: 230px; }
.meau-contact a span { background: url(../images/qq.png) -30px -165px no-repeat; }
.meau-contact a:hover span { background: url(../images/qq.png) 10px -165px no-repeat; }
.meau-code a span { background: url(../images/qq.png) -31px -221px no-repeat; }
.meau-code a:hover span { background: url(../images/qq.png) 8px -221px no-repeat; }
.meau-code .cndns-right-box { top: inherit; bottom: -35px; }
.meau-code .cndns-right-box .box-border { width: 200px; text-align: center; border-top: 1px solid #ccc; }
.meau-code .cndns-right-box .box-border i { display: block; color: #f66e06; font-size: 16px; line-height: 16px; }
.meau-code .cndns-right-box .box-border .arrow-right { top: inherit; bottom: 50px; }
.meau-top a span { background: url(../images/qq.png) -30px -263px no-repeat; }
.meau-top a:hover span { background: #ff6000 url(../images/qq.png) 7px -263px no-repeat; }
.meau-top .cndns-right-btn:hover { border: 1px solid #ff6000; }
.cndns-right-meau:hover .cndns-right-box { display: block }
.meau-zs .cndns-right-btn { background-color: #0066CC; color: #fff; margin-top: 80px; border-color: #ff6000 }
.meau-zs .cndns-right-btn span { color: #fff }
.meau-zs .cndns-right-btn p { color: #fff }
/* πÿ”⁄Œ“√«ø™ º */
/*product*/
.p_banner { position: relative; width: 100%; overflow: hidden; }
.product_a { position: relative; overflow: hidden; width: 100%; background: #f5f5f5; }
.product_a .container { position: relative; width: 1300px; margin: 40px auto 60px; }
.product_a .left { position: relative; width: 330px; float: left; }
.product_a .left .left-1 { position: relative; width: 100%; background: #fff; }
.product_a .left .title { width: 100%; height: 80px; line-height: 80px; text-align: center; background: #0066cc; color: #fff; border-bottom: 7px solid #0059b1; font-size: 26px; font-weight: bold; }
.product_a .left .title i { font-style: normal; font-weight: normal; font-size: 18px; }
.product_a .leftmenu { position: relative; padding: 30px; font-size: 15px; }
.product_a .leftmenu dd { border-bottom: 1px dotted #d7d7d7; }
.product_a .leftmenu dd .m-title1 { position: relative; height: 60px; line-height: 60px; padding: 0 10px; cursor: pointer; }
.product_a .leftmenu dd .m-title1.selected, .product_a .leftmenu dd:hover { font-weight: bold; }
.product_a .leftmenu dd .menuson { display: none; padding: 0 10px; }
.product_a .leftmenu dd .menuson li { overflow: hidden; padding: 10px 0; }
.product_a .leftmenu dd .menuson li a { font-size: 13px; color: #666; line-height: 20px; height: 40px; }
.product_a .leftmenu dd .menuson li a:hover { color: #0066cc; }
.product_a .left .left-2 { position: relative; width: 100%; margin-top: 30px; background: #fff; overflow: hidden; }
.product_a .left .left-2 .box { padding: 30px; }
.product_a .left .left-2 .box p { padding: 15px 0; line-height: 25px; color: #666; border-bottom: 1px dashed #d7d7d7; padding-left: 20px; font-size: 16px; }
.product_a .left .left-2 .box .p1 { height: 70px; line-height: 24px; color: #f60; padding-left: 50px; font-size: 24px; background: url("../images/p1.png") no-repeat left 15px; padding-top: 10px; font-weight: bold; }
.product_a .left .left-2 .box .p1 span { font-size: 18px; color: #666; font-weight: normal; }
.product_a .left .left-2 .box .p2 { background: url("../images/p2.png") no-repeat left center; }
.product_a .left .left-2 .box .p3 { background: url("../images/p3.png") no-repeat left center; }
.product_a .left .left-2 .box .p4 { background: url("../images/p4.png") no-repeat left center; }
.product_a .right { position: relative; width: 800px; padding: 30px 50px; float: right; background: #fff; }
.product_a .right .title { position: relative; width: 100%; height: 50px; line-height: 50px; border-bottom: 1px solid #eee; }
.product_a .right .title h2 { float: left; font-size: 20px; color: #0066cc; margin-top: 10px; }
.product_a .right .title span { float: right; font-size: 13px; color: #666; background: url(../images/home_icon.png) no-repeat left center; padding-left: 20px; }
.product_a .right .title span a { font-size: 13px; color: #666; position: relative; }
.product_a .right .title span a:hover { color: #0066cc; }
.product_a .right .abbox { padding: 20px 0; line-height: 25px; }
.product_a .right .abbox img {max-width: 800px; height: auto; }
.product_a .right .cpbox ul { margin-top: 25px; }
.product_a .right .cpbox ul li { position: relative; width: 295px; float: left; text-align: center; margin-right: 25px; margin-bottom: 20px; }
.product_a .right .cpbox ul li img { width: 100%; height: 300px; border: 1px solid #d7d7d7; }
.product_a .right .cpbox ul li p { width: 100%; height: 36px; line-height: 36px; overflow: hidden; }
.product_a .right .cpbox ul li:hover img { border: 1px solid #0066cc; }
/*search */
.search { position: relative; width: 100%; height: 56px; line-height: 56px; overflow: hidden; background: #fff; border-bottom: 1px solid #d7d7d7; }
.search .container { position: relative; width: 1300px; margin: 0 auto; }
.search ul { display: inline-block; }
.search ul li { float: left; }
.search ul li span { font-size: 14px; color: #555555; font-weight: bold; }
.search ul li a { padding-right: 10px; color: #666; }
.search ul li a:hover { color: #0066cc; }
.search_box { width: 232px; height: 30px; color: #a3a3a3; padding-left: 30px; border: 1px solid #ebecec; background: url(../images/search.png) 10px no-repeat #fff; }
.index-title input[type="submit"] { color: #fff; border: none; padding: 5px 10px; background: #0066CC; }
.container input[type="submit"] { color: #fff; border: none; height: 30px; line-height: 30px; padding: 0 10px; background: #0066CC; }
/*news start*/
.newslist { width: 100%; overflow: hidden; padding-top: 20px; }
.newslist ul li { background: repeat scroll 0 0 #f5f5f5; margin-bottom: 15px; overflow: hidden; padding: 20px; border-bottom: 5px solid #f5f5f5; }
.newslist li .news_img { float: left; width: 150px; padding: 5px; border: 1px solid #c8c8c8; background: #fff; overflow: hidden; }
.newslist li .news_img img { widht: 130px; height: 100px; }
.newslist li .news_right { width: 590px; float: right; overflow: hidden; }
.newslist li .news_right .n_title { color: #5f6269; font-size: 18px; overflow: hidden; height: 25px; font-weight: bold; }
.newslist li .news_right .n_content { color: #666; height: 65px; line-height: 20px; margin-top: 12px; font-size: 14px; overflow: hidden; }
.newslist li:hover { border-bottom: 5px solid #0066cc; }
.newslist li:hover a .n_title { color: #0066cc }
.news_tit { font-size: 24px; text-align: center; line-height: 100px; color: #333333; font-weight: bold; }
.inner_news_click { font-size: 12px; color: #333333; text-align: center; margin-top: 10px; font-style: italic; }
.news_cont { font-size: 14px; line-height: 160%; }
.pro_detail { width: 100%; line-height: 30px; }
.time { width: 100%; padding: 10px 0; color: #999999; text-align: center; text-align: center; background: #f5f5f5; margin-bottom: 20px; }
/*--------∑÷“≥¥˙¬Î----------*/

.quotes { padding: 3px; margin: 3px; text-align: center; font-family: "Microsoft YaHei", "Œ¢»Ì—≈∫⁄"; font-size: 14px; }
.quotes a { border: #ccc 1px solid; padding: 5px; color: #666; margin-right: 2px; text-decoration: none; cursor: pointer; }
.quotes a:hover { padding-right: 5px; padding: 5px; background: #0066cc; color: #fff; }
.quotes a:active { background: #0066cc; padding: 5px; }
.quotes span.current a { padding: 5px; background: #0066cc; color: #fff; margin-right: 2px; }
/*case start*/
.pro_list { width: 100%; padding-top: 30px; overflow: hidden; }
.pro_list li { float: left; width: 250px; height: 188px; display: block; margin-left: 22px; margin-bottom: 60px; }
.pro_list li img { width: 230px; height: 170px; padding: 8px; border: 1px solid #CCCCCC; }
.pro_list li:hover { background: #eee; }
.pro_list li a { text-decoration: none; color: #3c3c3c; text-align: center; display: block; }
.project_name { height: 40px; line-height: 40px; font-size: 14px; color: #666; }
.project_name a:hover { color: 9d0000; }
/*contact start*/
.contact { width: 100%; margin-top: 30px; }
.message { width: 100%; height: 500px; font-size: 14px; margin-top: 30px; font-family: "Microsoft YaHei", "Œ¢»Ì—≈∫⁄"; }
.inner_mess { width: 240px; height: 45px; border: 1px solid #D2D2D2; margin-bottom: 22px; line-height: 33px; color: #666; font-family: "Microsoft YaHei", "Œ¢»Ì—≈∫⁄"; text-indent: 10px; }
.feed_word { width: 600px; height: 150px; line-height: 33px; border: 1px solid #D2D2D2; margin-bottom: 20px; color: #666; font-family: "Microsoft YaHei", "Œ¢»Ì—≈∫⁄"; text-indent: 10px; }
.sub_back a { width: 150px; height: 50px; display: block; text-align: center; line-height: 50px; font-size: 14px; color: #fff; background-color: #0066ff; border: none; cursor: pointer; font-family: "Microsoft YaHei", "Œ¢»Ì—≈∫⁄"; }
.sub_back a:hover { font-size: 14px; color: #fff; background-color: #004dc0; }
/*’–∆∏*/
.zp { width: 100%; color: #6d6d6d; line-height: 23px; }
.job_tit { background: repeat scroll 0 0 #0066cc; height: 60px; color: #fff; margin-top: 20px; }
.job_l1 { width: 300px; height: 60px; }
.job_l2 { width: 160px; height: 60px; }
.job_l4 { width: 100px; height: 60px; }
.job_l5 { width: 100px; height: 60px; }
.job_l6 { width: 80px; height: 60px; font-weight: bold; }
.job_box { background: none repeat scroll 0 0 #e2e2e2; float: left; font-size: 15px; line-height: 25px; padding: 30px; width: 800px; }
.job .item { border-left: 1px solid #E5E5E5; float: left; height: 60px; line-height: 60px; padding-left: 10px; }
.job li { border-bottom: 1px solid #eee; }
.job_btn { cursor: pointer; }
/*≥£º˚Œ Ã‚*/
.main { overflow: hidden; margin-bottom: 50px; }
.main ul.question { float: left; margin-top: 26px; }
.main ul.question li { float: left; margin-bottom: 8px; padding: 12px 20px 15px 40px; width: 740px; }
.main ul.question li.q { cursor: pointer; background: url(../images/q.png) left no-repeat #9dd7ff; color: #004474; }
.main ul.question li.a { display: none; color: #424242; background: url(../images/a.png) left top no-repeat #f1f1f1; ; overflow: hidden; line-height: 27px; }
/* expmenu */
ul.expmenu { width: 100%; }
ul.expmenu li div.header { padding: 20px; border-bottom: 1px #fff solid; }
ul.expmenu li:last-child div.header { border-bottom: none; }
ul.expmenu li ul li { background-color: #eee; padding: 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #0052a4; margin-bottom: 1px; }
ul.expmenu li ul li:last-child { border-bottom: none; }
ul.expmenu li ul li.selected { background-color: #f4f4f4; }
ul.expmenu div.header { color: #203f61; /*text-shadow:0px 1px 0px rgba(255, 255, 255, 0.2);*/
	
background: #a5d2ff;/* Old browsers */ background: -moz-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d2ff), color-stop(100%, #a5d2ff));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* IE10+ */ background: linear-gradient(to bottom, #a5d2ff 0%, #a5d2ff 100%);/* W3C */  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d2ff', endColorstr='#a5d2ff', GradientType=0 );/* IE6-9 */
}
ul.expmenu li div.header .big_class { background: no-repeat; color: #0052a4; font-weight: bold; font-size: 15px; }
ul.expmenu li div.header .arrow { display: block; width: 16px; height: 16px; background: no-repeat center; float: right; }
ul.expmenu li div.header .arrow.up { background-image: url(../images/arrow_u.png); }
ul.expmenu li div.header .arrow.down { background-image: url(../images/arrow_d.png); }
ul.expmenu li .menu { display: none; }
/* Mouse Events */
ul.expmenu div.header:hover { background: #a5d2ff;/* Old browsers */ background: -moz-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a5d2ff), color-stop(100%, #a5d2ff));/* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* Opera 11.10+ */ background: -ms-linear-gradient(top, #a5d2ff 0%, #a5d2ff 100%);/* IE10+ */ background: linear-gradient(to bottom, #a5d2ff 0%, #a5d2ff 100%);/* W3C */  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5d2ff', endColorstr='#a5d2ff', GradientType=0 );/* IE6-9 */
cursor: pointer; }
ul.expmenu li ul li:not(.selected):hover { background: #a5d2ff;/* Old browsers */ cursor: pointer; }
ul.expmenu li ul li:not(.selected):active { background: #f1f1f1;/* Old browsers */ cursor: pointer; }
/*≤˙∆∑ΩÈ…‹¡–±Ì*/
.product_list { width: 100%; overflow: hidden; margin: 30px 0px 60px 0px; font-size: 12px; color: #666; }
.product_list span { display: block; float: left; width: 250px; height: 265px; margin-left: 18px; margin-bottom: 30px; line-height: 18px; }
.product_list span img { width: 240px; height: 200px; vertical-align: middle; margin-top: 10px; }
.product_list span a { width: 260px; height: 265px; text-decoration: none; color: #3c3c3c; text-align: center; display: block; background: #ccc; }
.product_list span a:hover { color: #fff; text-decoration: none; width: 260px; height: 265px; background: #0066cc; }
.product_list span p { height: 40px; line-height: 40px; }

.pro_about_top { width: 100%; margin-top: 35px; height:350px;}
.pro_img { float: left; width: 350px; height: 300px; border:1px solid #0066cc;}
.pro_img img { width: 100%; height:298px;}
.pro_mainabout { float: right; width: 400px; height: 300px; overflow:hidden;}
.pro_mainabout h2{width: 400px; margin-bottom:20px;}
.pro_mainabout h4{ height:150px; line-height:25px; overflow:hidden; font-size:15px; font-weight:normal;}
.pro_mainabout h3{ font-weight:bold; color:#0066cc; margin-top:20px;}

.pro_about_center{width:100%; padding:30px 0;border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;}
.pro_about_txt{ padding:10px 0;font-size:14px; color:#666;}
.pro_about_images{ padding:20px 0;}
.pro_about_images img{max-width:800px;}

.pro_about_list{border-bottom:1px dashed #ccc;border-top:1px dashed #ccc;}
.pro_about_list ul li{ width:260px; height:240px; border:1px solid #ccc; float:left; text-align:center;}
.pro_about_list ul li img{ vertical-align:middle;width:240px; height:200px;}

.index_class{width:100%; height:40px; overflow:hidden;}
.index_class ul{width:1300px; margin:0 auto;}
.index_class ul li{ float:left;color:#fff; margin-right:20px; }
.index_class ul li a{display:block;border-radius:15px; background:#0066cc;color:#fff;padding:2px 10px 4px 10px;}
.index_class ul li a:hover{display:block;background:#f60;olor:#fff;}