* { margin: 0; padding:0 }
.container { width: 1000px; margin: 0 auto; padding:0 }
body { font-family: "Microsoft Yahei"; min-width:1050px; }
a { text-decoration: none; color: #666666 }
a:hover { text-decoration: none; color: #005caa }
ul { list-style: none }
.date { font-size: 14px }
.caption{overflow:hidden;white-space:nowrap;}
/*reset*/
.topbar { padding: 13px 0; height: 100px; }
/*common*/
.topbar .logo { width:300px; float:left; }
.topbar .lang { margin-top: 20px; width:250px; float:left; text-align:center; }
.topbar .lang a { font-size: 10px; display: inline-block; width: 70px; text-align: center; border-right: 1px solid #dddddd; }
.topbar .lang a:last-child { border: none }
.topbar form { position: relative; margin-right: 26px; padding-top: 22px; }
.topbar form p { text-align: center }
.topbar form a { display: inline-block; width: 20px; height: 20px; position: absolute; left: 237px; top: 33px; }
.topbar form input { border-radius: 5px; box-shadow: none; width: 270px; height: 27px }
.topbar form button{width:28px;height:20px}
/*menu*/
.menu { background: #005caa; height:48px }
.nav { height: 48px; line-height: 48px; text-align: center; font-size: 16px; position: relative; }
ul.nav-main>li a { height: 100%; display: block; float: left; color: #fff; margin-right: 1px; cursor: pointer; width:163px; text-align:left; }
ul.nav-main li a:hover { color: #db4c4d }
/*隐藏盒子设置*/
div.hidden-box { width:133px; position:absolute; display:none; background:#999999; top: 48px }
.hidden-box>ul li a { line-height:30px; height:30px; color: #ffffff; display: inline-block; border-bottom:1px dashed #dddddd; padding-bottom:40px }
.hidden-box>ul li a:hover { color:#666666; }
#box-1 { margin-left: 110px }
#box-2 { margin-left: 130px }
/*隐藏盒子位置设置*/
.hidden-about { left:18px }
.hidden-enabout { left:18px }
.hidden-ruabout { left:18px }
.hidden-pro { left:165px }
.hidden-enpro { left:165px }
.hidden-rupro { left:165px }
/*bigpic*/
.bigpic img { width:100% }
/*product*/
.product .tit { height: 134px; }
.product .tit img, .news .tit img { display: block; margin: 0 auto; padding: 35px 0 }
.product .content { height:220px; background: url("../index/product-bg.jpg") no-repeat; }
.product .content a, .product .content span { color: #ffffff; line-height: 26px }
.product .content a { padding: 3px 10px; font-size: 18px }
.product .content ul { padding: 57px 28px }
.product .content li:first-child { margin-bottom: 30px }
.product .content span { font-size: 26px; }
/*about*/
.about { margin-top: 85px; }
.about .left { width:350px; float: left; }
.about .left img { width:318px;}
.about .right { width: 617px; float: right; background:url("../index/font-wrap.png") no-repeat; padding: 30px; }
.about .tit { margin-top: -43px; margin-bottom: 28px; text-align: center; }
.about .detail { font-size: 14px }
.about .detail p { line-height: 31px; text-indent: 2em; }
.more a { padding: 5px 25px; background: #005caa; color: #ffffff; }
/*news-center*/
.news { margin-bottom: 77px }
.news .left { float: left; width: 467px; }
.news .left img { width: 100% }
.news .right { width:483px; float: left; margin-left: 23px }
.news .right h4 { font-size: 16px; font-weight: bold }
.news .right ul li { margin-bottom: 24px; border-left: 2px solid #dddddd; padding-left: 10px }
.news .right ul li:hover { border-left: 2px solid #005caa }
.news .right p { font-size: 14px }
/*footer*/
.footer { width: 100%; background-color: #9c9a9b; }
.footer .left { float: left; width: 500px }
.footer .right { width: 500px; float: right; text-align: right }
.footer h4, .footer a, .footer p { color: #ffffff; }
.footer h4 { margin-bottom: 24px }
.footer .top { height: 138px; padding: 30px 0 }
.footer a { display: inline-block; margin-right: 14px }
.footer .bottom { background-color: #373737; }
.footer .bottom p { line-height: 66px; color: #828282 }
.footer .bottom a { color:#373737; }
/*new-list*/
.news-list { margin-bottom: 30px }
.news-list .left { float: left; width: 241px; margin-right:26px; background-color: #dddddd; padding: 30px 20px 10px; }
.news-list .left li img, .news .left li img { width: 100%; margin-bottom: 10px }
.news-list .left li i, .news .left li i { padding-right: 5px }
.news-list .left ul li p { padding-left:20px }
.news-list .right { float: right; width: 727px; }
.news-list .right .tit, .news .right .tit, .contact .tit { background: url("../index/pro-para.png") no-repeat; font-size: 16px; color: #ffffff; padding: 10px 26px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.news-list .right .tit .cur, .news .right .tit, .contact .tit .cur { color: #333; }
.news-list .right li a:hover { color: #666666 }
.news-list .right li { margin-bottom: 30px; border-bottom: 1px dashed #dddddd; padding-bottom: 10px; }
.news-list .right li h4:hover { border-left: 2px solid #005caa }
.news-list .right li h4 { border-left:2px solid #dddddd; padding-left: 10px }
/*标签切换*/
.tab1 { width:100%; }
.tabtit { float: left; margin-left: 40px }
.tabtit li { float:left; width: 150px; padding: 4px; border: 1px solid #dddddd; margin-right: 15px; }
.tabtit li img { width: 100% }
.tabtit p { line-height: 30px }
.tabtit .p1 { font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid }
.tabtit .p2 { font-weight: bold }
.tabtit .p3 { margin-bottom: 50px }
.off { background: #005caa }
.tabcontent { float: left; width: 500px; }
.tabcontent div { border: 1px solid #ddd; border-radius: 4px; padding: 4px }
.tabcontent div img { width: 100% }
/*标签切换*/
.pro-in { margin-bottom: 30px }
.pro-para .tit { background: url("../index/pro-para.png") no-repeat; font-size: 16px; color: #ffffff; padding: 10px 26px; border-bottom: 1px solid #ddd; margin-bottom: 30px; }
.in-top { margin-bottom: 40px; position:relative; height:187px; background:url(in-top.png); z-index: -99; }
.in-top img { width: 100%; }
.in-top p { position: absolute; left: 50%; top: 39px; font-size: 28px; border-bottom: 1px solid; padding: 10px; }
/*侧边导航切换*/
.list .left, .in-about .left { float: left; margin-right:20px; }
.list .left h2, .in-about .left h2 { background: #005caa; margin-top: 0; padding: 15px 0; color: #ffffff; text-align: center; font-size: 18px; width:209px; }
.list .left h3 { border-bottom:solid 1px #e5e3da; font-size:16px; color:#999; line-height:30px; padding-bottom: 8px; font-weight: bold; display:inline-block; width:207px }
.in-about .right article img{    max-width: 670px;height:auto}
.subNav:hover { color:#005caa; cursor: pointer }
.navContent { display: none; }
.list .pro-menu ul li a { display:block; height:40px; font-size:14px; line-height:40px; color:#333; border-bottom: 1px dashed #e5e3da; background: url(../index/arrow.png) no-repeat 210px 9px; }
.list .pro-menu ul li a:hover, .thisclass { font-weight:bold }
.list .right, .in-about .right { float: right;width:722px}
.list .right .pro-item li { width: 214px; float: left; margin-right: 24px }
.list .right .pro-item li img:hover { transition:All 0.4s ease-in-out; transform:scale(1.02); }
.list .right .pro-item li img{height:143px;}
.pagesize { text-align:center; padding:20px 0 30px; margin:10px auto; }
.pagesize li { list-style:none; float:left; margin-left:10px; line-height: 28px; }
.pagesize li a { display: inline-block; margin-left: 5px; border: 1px solid #e0e0e0; border-radius: 3px; font-size: 12px; color: #666; background: #fff; }
.pagesize li:first-child a { background-color:#005caa; color:#fff }
.pagesize li a:hover { background-color: #005caa; color: #fff; }
.news-list article h3, .in-about .right article h3 { text-align: center; font-size: 20px; }
.news-list article .news-content p, .in-about .right article .content { margin-bottom: 20px; line-height: 25px; text-indent: 2em }
.news-list article .editor, .in-about .right article .editor { text-align: center; font-size: 12px; color: #999; margin-bottom: 15px; border-bottom: 1px dashed #dddddd }
.news-list article .news-content img{width:100%}
.news-list article .editor span, .in-about .right article .editor span { margin: 10px 15px; display: inline-block; }
/*百度地图*/
.iw_poi_title { color:#CC5522; font-size:14px; font-weight:bold; overflow:visible; padding-right:13px }
.iw_poi_content { font:12px arial, sans-serif; overflow:hidden; padding-top:4px; white-space:-moz-pre-wrap; word-wrap:break-word }
#dituContent label { max-width:none; }
#dituContent div { box-sizing: initial; }
/*contact*/
.in-about .left { width: 131px; }
.in-about .left ul li a { display: block; width: 209px; height: 36px; font-size: 14px; line-height: 36px; color: #333; border-bottom: 1px dashed #e5e3da; text-align: center; }
.in-about .left ul li a:hover, .in-about .left .abtv a{ background: #005caa; color: #ffffff }
/*页码*/
.page-turn { padding: 20px 0; border-top: 1px dashed #dddddd; }
.page-turn span { padding-top: 10px; padding-right: 20px; }
.bdsharebuttonbox { padding: 10px 0; }
/*高亮当前点击栏目*/
.pro-menu ul li ul li .abtv { background-color:#005caa; color:#ffffff }
.all {height:100%; margin:0; padding:0; overflow: hidden; }
/*--产品详情页-*/
.list_box { margin-top:20px; overflow: hidden; }
/* 左侧图片放大镜样式 */
.product-show-pic { width: 404px; height: 338px; float: left; }
.jqzoom { float:left; border:none; position:relative; padding:0px; cursor:pointer; margin:0px; display:block; text-align: center; }
.jqzoom img { width: 404px; height: 278px; }
.zoomdiv { z-index:100; position:absolute; top:0px; left:0px; width:350px; height:310px; background:#ffffff; border:1px solid #CCCCCC; display:none; text-align:center; overflow:hidden; }
.jqZoomPup { z-index:10; visibility:hidden; position:absolute; top:0px; left:0px; width:20px; height:20px; border:1px solid #aaa; background:#ffffff; opacity: 0.5; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(Opacity=50); }
/* 图片小图样式 */
.spec-preview { width: 410px; height: 284px; border: 1px solid #dadada; padding: 2px; }
.spec-scroll { width: 311px; height: 56px; overflow: hidden; position: relative;right: -4px;bottom: -218px; }
.spec-scroll a.prev { display: block; width: 11px; height: 18px; position: absolute; top: 23px; left: 10px; overflow: hidden; cursor: pointer; background-image: url(listpro_btn.png); background-repeat: no-repeat; background-position: 0 0px; }
.spec-scroll a.prev:hover { background-position:0 -55px; }
.spec-scroll a.next { display: block; width: 11px; height: 18px; position: absolute; top: 23px; right: 10px; background: url(listpro_btn.png) no-repeat 0 -37px; overflow: hidden; cursor: pointer; }
.spec-scroll a.next:hover { background-position:0 -18px; }
.spec-scroll .items { position: relative; width: 241px; height: 56px; margin: 0 auto; overflow: hidden; }
.spec-scroll .items ul { position: absolute; width: 999999px; height: 56px; }
.spec-scroll .items ul li { width: 81px; height: 62px; float: left; }
.spec-scroll .items ul li img { width: 77px; height: 56px; cursor: pointer; border: 1px solid #e6e6e6; }
.spec-scroll .items ul li img:hover { border:1px solid #017ec1; }
/* 产品详情右侧简介 */
.pro_synopsis { float: right; width: 300px; line-height: 30px; height: 410px; overflow: hidden; }
.pro_synopsis h3 { color: #3C2B72; font-size: 18px; height: 54px; line-height: 54px; border-bottom:1px solid #e5e5e5; margin-bottom:15px; text-indent: 15px; }
.pro_synopsis p strong { font-weight: normal; }
.pro_synopsis .btn { margin-top:35px; }
.pro_synopsis .btn a { display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; margin-right:10px; background:#ff5b20; border-radius: 5px; transition:all 0.5s; }
.pro_synopsis .btn .b { background:#dc1118; }
.pro_synopsis .btn a:hover { background:#333; transition:all 0.5s; }
.pro_synopsis .pro_sj { line-height: 30px; width: 270px; margin-top: 0px; margin-right: auto; margin-bottom: 20px; margin-left: auto; overflow: hidden; }
.pro_sj p { color: #999; }
.pro_sj p strong { font-weight: bold; color: #333; }
.pro_synopsis .pro_jg { line-height: 30px; width: 240px; margin-left: 15px; overflow: hidden; }
.pro_jg span { float: right; }
.pro_jg span b { font-size: 20px; color: #EB0029; }
.list_tit { float: left; margin-left: 17px; width:300px;margin-top:-59px}
.list_tit .p1 { font-size: 20px; padding-bottom: 10px; border-bottom: 1px solid; width: 325PX; }
.list_tit .p2 { font-weight: bold; }
.list_tit .p3 { margin-bottom: 50px; }
.list .pro-menu ul li a.abtv { color:#005caa; font-weight:bold }
/*icon-home*/
.icon-home, .icon-mail, .icon-phone { width:12px; height:12px; display: inline-block; margin-right: 2px; }
.icon-home { background:url(home.png) no-repeat }
.icon-mail { background:url(mail.png) no-repeat }
.icon-phone { background:url(phone.png) no-repeat }
