@CHARSET "UTF-8";

/*******************************************

             QQ:312010483;【青铜器科技】

             Website:www.qtqkj.com www.oupan0612.com

	     Created By 欧攀 On 2016年05月10日 16:00

********************************************/



/****首页******/

.company_pic{width:533px;height:238px;}

.company_pic img{display:block;width:533px;height:238px;}

.company_intro{width:580px;}

.compant-tit{font-size:22px;color:#00388B;}

.compant-tit em{font-size:16px;padding:0 2px;color:#c5c5c5;}

.company_intro .intro{width:580px;margin-top:15px;}

.intro-t{height:130px;overflow: hidden;color:#575757;font-size:16px;line-height:26px;}

.company_intro .intro >a.ckmore{display:block;width:115px;height:40px;margin-top:20px;line-height:40px;text-align:center;font-size:16px;color:#fff;background:#00BFF3; }

.tuijian{margin:50px auto 0 auto;}



.newpro{margin:20px auto 40px auto;}

.newpro h1.text-center{font-size:40px;font-weight:normal;color:#3F4244;}

.newpro h1.text-center p{color:#00378B;font-size:40px;}

.friend{height:400px;overflow: hidden;}

.mr_frbox{height:400px;position:relative;}

#mr_fu{overflow-x:hidden!important; height:400px!important;overflow-y:visible!important;}



#mr_fu li{width:302px;float:left;height:400px;margin:0 7px;}

#mr_fu li .pic-ul{width:302px;height:302px;}

#mr_fu li a{display:block;color:#545655;}

#mr_fu li .pic-ul img{display:block;width:302px;height:302px;}

#mr_fu li .ul-title span{text-transform :uppercase;display: block;width:200px;margin:0 auto;text-align:center;line-height:48px;font-size:16px;height:48px;}

#mr_fu li .ul-title b{display: block;margin:0 auto;height:2px;width:65px;background:#b3b3b3;}

#mr_fu li a:hover span{color:#003990;}

#mr_fu li a:hover b{display: block;margin:0 auto;height:2px;width:65px;background:#003990;}



.wikipedia{margin:10px auto;height:900px;overflow: hidden;}



.c-title-wrap{width:775px;margin:0 auto;}

.c-title{font-size:40px;width:175px;margin:0 auto;color:#3F4144;font-weight:500;border-bottom:2px solid #00378A;}

.c-title-wrap>p{font-size:13px;color:#444444;margin:30px auto;}

.wikipedia-wrap{width:100%;margin-top:25px;}

.items{height:150px;overflow: hidden;margin:10px 0;}

.wikipedia-wrap .items a{display:block;width:100%;height:150px;}

.items .items-date{width:240px;margin-top:15px;}

.items .items-date >h4{font-size:50px;text-align:right;color:#00378B;font-weight:500;margin-right:20px;}

.items .items-date >b{display:block;width:100%;font-size:22px;font-weight:500;text-align:right;color:#9599A5;}

.items .items-content{margin-top:15px;width:860px;background:url(images/index2.png) no-repeat 800px center;}

.items .items-content>h1{font-size:24px;color:#4B4B4B;font-weight:500;}

.content-d{width:670px;height:110px;overflow:hidden;margin-top:10px;color:#7E7E7E;font-size:14px;line-height:24px;}

.items:hover{background:#00378A;}

.items:hover .items-date>h4,.items:hover .items-date>b{color:#fff!important;}

.items:hover .items-content>h1{color:#fff;}

.items:hover .items-content{background:url(images/index1.png) no-repeat 800px center;}

.items:hover .items-content .content-d{color:#FDFDFD;}



.wikipedia-wrap .items a.cur{background:#00378A;}

.wikipedia-wrap .items a.cur  .items-date>h4,.items a.cur .items-date>b{color:#fff!important;}

.wikipedia-wrap .items a.cur  .items-content>h1{color:#fff;}

.wikipedia-wrap .items a.cur  .items-content{background:url(images/index1.png) no-repeat 800px center;}

.wikipedia-wrap .items a.cur  .items-content .content-d{color:#FDFDFD;}



.ckbkmore{display:block;margin:60px auto;width:200px;height:60px;line-height:60px;border:1px solid #C1C1C1;color:#3D3D3D;font-size:26px;text-align:center;}

.ckbkmore:hover{color:#00378A;border:1px solid #00378A;}





.contactus{margin:0 auto;height:630px;overflow: hidden;}

.contact-us{width:100%;height:620px;padding-top:10px;}

.contact-us-map{width:570px;height:360px;}

.contact-us-w {width:520px;}

 .contact-us-w > h2 {font-size: 24px;color: #262626;font-weight: 500;margin-bottom: 20px;}

 .contact-us-w  >p{color:#75706C;font-size:18px;line-height:35px;}

/********banner公共*********/

.dybanner{height:400px;background:url(images/dybanner.png) no-repeat center;}

.dybanner .marginauto{height:400px;position:relative;}

.text_box{width:420px;height:230px;/* background:#fff; */float:right;margin-top:40px;padding:20px;}

.text_box  h2{font-size:32px;font-weight:normal;text-transform :uppercase;height:40px;line-height:40px;color:#fff;}

.text_box .c{font-size:26px;color:#fff;}

.text_box p{line-height:26px;font-size:15px;color:#555;padding-top:15px;text-indent:30px;}

.box_btn{display:block;width:250px;height:60px;background:#0049B6 url(images/box_btn.png) no-repeat left center;position:absolute;right:0;top:310px;line-height:60px;font-size:26px;color:#fff !important;text-indent:100px;}

.box_btn:hover{filter:alpha(opacity=70); /*IE滤镜，透明度50%*/

-moz-opacity:0.7; /*Firefox私有，透明度50%*/

opacity:0.7;/*其他，透明度50%*/}





/*main的公共样式*/

.main{overflow:hidden;margin:50px auto;}

.left{width:260px;overflow:hidden;float:left;}

.left .left_title{text-transform :uppercase;height:100px;width:260px;background:#003B91;line-height:100px;text-align:center;color:#fff;font-size:34px;}

.left .left_title1{text-transform :uppercase;height:50px;margin-bottom:10px;width:260px;background:#003B91;line-height:50px;text-align:center;color:#fff;font-size:24px;}

.left .tel{display:block;width:256px;height:115px;border:2px solid #D4D4D4;border-top:5px solid #003B91;margin-top:20px;}

.left .tel img{width:256px;height:115px;}

.left_nav1{overflow:hidden;}

.left .left_nav1 li{height:50px;background:#f1f1f1;margin:5px 0;}

.left .left_nav1 li a{display:block;line-height:50px;text-align:right;font-size:20px;padding-right: 90px;background:url(images/left_nav1.png)  no-repeat 210px center;}

.left .left_nav1 li a.on{background:#0049B7 url(images/left_nav1_on.png)  no-repeat 210px center;color:#fff;}

.left .left_nav1 li a:hover{background:#0049B7 url(images/left_nav1_on.png)  no-repeat 210px center;color:#fff;}

.left .left_box {overflow: hidden;border:1px solid #D4D4D4;}

.left .left_box >h2{text-align: center;line-height: 50px;background:#0049B7;font-weight: 500;color:#fff;}

.left .box-p{padding:20px;width:218px;}

.left .box-p >p{line-height:25px;font-size:14px;color:#545454;}

.left_nav2{overflow: hidden;}

.left_nav2 .menuTitle{width: 256px;height: 39px; text-align: left;line-height: 39px; font-size: 18px; border:1px solid #EBEBEB;cursor: pointer;margin-top: 6px;}

.left_nav2 .menuTitle a{display:block;width:192px;height:39px;padding-left:64px;display:block;background:url(images/in.png) no-repeat 50px center;}

.left_nav2 .menuTitle a.active{display:block;color:#fff;background:#0051C3 url(images/on.png) no-repeat 35px center;font-size:20px;}

.left_nav2  .bordernone{border-bottom:none;}

.left_nav2 .menuContent{background-color: #FFF;height: auto;width: 256px;display:none;line-height: 40px;margin-top:10px;border:1px solid #EBEBEB;border-top:none;}

.left_nav2 .menuContent li{text-align: center;}

.left_nav2 .menuContent li a{color: #333;font-size:14px;text-align: left;padding-right:55px;}

.left_nav2 .menuContent li a:hover{color:#0052C3;}

.left-search{overflow: hidden;margin-top:20px;}

.left-search >h2{text-align: center;line-height: 50px;background:#0049B7;font-weight: 500;color:#fff;}

.search-box{border:1px solid #D4D4D4;margin-top:15px;width:258px;height:145px;}

.left-text{width:180px;height:30px;border:1px solid #D4D4D4;margin:20px 0 10px 35px;line-height:30px;font-size:14px;color:#777;padding-left:5px;}

.left-select{width:185px;line-height:30px;height:30px;margin:0 0 0 35px;border:1px solid #D4D4D4;color:#555;font-size:14px;}

.left-submit{width:65px;height:25px;background:#000;text-align: center;line-height:25px;font-size:14px;font-weight:600;border:none;color:#fff;margin-left:35px;cursor:pointer;margin-top:10px;}

.left-submit:hover{background:#333;}

.right{float:right;width:768px;padding:40px;border:1px solid #D4D4D4;}

.right h1.text-center{color:#525252;font-size:28px;font-weight: normal;}

.right .intro {padding-top:10px;font-size:14px;color:#505050;}

.r-content{color:#6D6D6D;line-height:24px;overflow: hidden;margin-top:30px;}



/***联系我们**/

.right-contact{width:638px;padding:0 15px;}

.right-contact >h2{font-size:24px;color:#262626;font-weight: 500;margin-bottom: 20px;}

.right-contact >p{color:#75706C;font-size:18px;line-height:35px;}

.map{width:580px;height:370px;margin-top:40px;}

/*定制电池**/

.ding-contact{width:768px;padding:0 10px;}

.ding-contact >h2.text-center{font-size:26px;color:#343434;font-weight: 500;margin-bottom: 20px;}

.form-content{width:100%;margin-top:50px;}

.form-content>p{font-size:16px!important;padding-top:20px;color:#1d1d1d;}

input.form-text{width:150px;height:30px;line-height:30px;padding-left:10px;border:none;border-bottom:1px solid #d6d6d6;font-size:14px;color:#444;}

span.color005be0{color:#189ad7!important;}

input.form-checkbox{margin-right:4px;}

input.form-text1{width:80px;height:30px;line-height:30px;padding-left:10px;border:none;border-bottom:1px solid #d6d6d6;font-size:14px;color:#444;}

input.form-text2{width:35px;height:30px;line-height:30px;padding-left:10px;border:none;border-bottom:1px solid #d6d6d6;font-size:14px;color:#444;}

input.form-text3{width:240px;height:30px;line-height:30px;padding-left:10px;border:none;border-bottom:1px solid #d6d6d6;font-size:14px;color:#444;}

.button_ss{margin-right:55px;width:140px;font-size:18px;cursor:pointer;height:40px;border:none;background:#005be0;color:#fff;text-align:center;line-height:40px;}

.button_ss:hover{background:#042759;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;transition: all .3s ease-in-out;}

/*服务支持**/

.service-wrap{width:768px;}

.tu_list li{overflow: hidden; width:768px; border-bottom: 1px solid #DADADA; padding-bottom: 10px; margin-bottom: 20px;}

.tu_wen{width: 540px; margin-left: 28px;}

.tu_wen p{line-height: 30px;}

.tu_wen p span{font-size:12px;color:#444;}

.tu_wen div{line-height: 21px; margin-top: 5px; height: 75px;overflow:hidden;color: #666;}

.tu_wen p a{color: #0A69C3;font-size: 16px; font-weight: 600; }

.tu_wen p a:hover,.tu_wen> a:hover{color:#0268ff;}

.list_tu img{width:166px; height: 122px; border: 1px solid #e1e1e1; vertical-align: middle;}

.list_tu a img:hover{border:1px solid #478ED2;}

.tu_wen> a{color:#0A69C3;font-size:12px;float:right;}

/**产品中心*/

.cpright{width:860px;}

.cp-title{width:860px;height:40px;font-size:18px;text-indent:15px;letter-spacing:2px;font-weight:600;line-height:40px;color:#01378F;background:#E5E5E5;}

.cp-title span.fr{font-size:14px;color:#666;font-weight:500;padding-right:10px;letter-spacing:0px;line-height:40px;}

.cplist{width:890px;margin:30px auto 20px -7px;overflow: hidden;}

.cplist1{width:860px;margin:30px auto 0 auto;overflow: hidden;}

.pro{width:200px;height:245px;float:left;margin:3px 9px;}

.pro>a{display: block; width:100%;height:100%;}

.pro dl{width:100%;height:100%;display: block;}

.pro dl dt  img{width:198px;height:198px;padding:1px;display: block;border:1px solid #E2E2E2;}

.pro dl dd{color:#959595;font-size:14px;text-align:center;line-height:35px;height:35px;overflow:hidden;display:block;font-weight: 500;}

.pro>a.current dl dd,.pro>a:hover dl dd{color:#0051C4;}

.pro dl dt  img:hover{border:1px solid #0051C4;}







/*产品详情页*/

.cpxq .preview{width:370px; float:left;overflow:hidden;height:460px;}



/* smallImg */

.smallImg{position:relative; height:89px; background-color:#F1F0F0; width:370px; overflow:hidden;float:left;}

.scrollbutton{width:25px; height:66px;overflow:hidden; position:relative; float:left; cursor:pointer;}

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(images/d_08.jpg) no-repeat;margin-top:14px;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(images/d_09.jpg) no-repeat; margin-left:346px; margin-top:-70px;}

#imageMenu{height:89px; width:320px; overflow:hidden; margin-left:0; float:left;}

#imageMenu li{height:89px; width:89px; margin:0 8px;overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:86px; height:86px;cursor:pointer; border:1px solid #ddd;}

#imageMenu li#onlickImg img, #imageMenu li:hover img{width:86px; height:86px; border:1px solid #003B93;}



/* bigImg */

.bigImg{position:relative; float:left; width:370px; height:352px;margin-bottom:18px; overflow:hidden;}

.bigImg #midimg{width:368px; height:350px;border:1px solid #ddd;}

.bigImg #winSelector{width:200px; height:180px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;top:830px!important;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}





.newdetail_intro{width:370px;float:right;margin-left:0px;overflow:hidden;}

.newdetail_intro .bigtit{font-size:18px;font-weight:bold;color:#2F2F2F;margin-bottom:15px;text-transform :uppercase;letter-spacing:2px;border-bottom:1px solid #C1BDBE;padding-bottom:10px;}

.dt-intro{width:100%;}

.dt-intro > p{line-height:30px;color:#818181;font-size:16px;}

.detailtool{width:300px;height:23px;margin-top:14px;}

.detailtool > a{height:23px;font-size:16px;line-height:23px;display:inline-block;color:#818181;padding:0 15px 0 0px;}

.detailtool > a.icon5{background:url(images/icon5.jpg) no-repeat left center;padding-left:20px;}

.detailtool > a.icon6{background:url(images/icon6.jpg) no-repeat left center;padding-left:28px;}

.detailtool > a.icon7{background:url(images/icon7.jpg) no-repeat left center;padding-left:20px;}



.dt-title{width:100%;height:40px;line-height:40px;background:#E3E3E3;margin-top:30px;font-weight: 500;}

.fls{display:block;width:120px;height:40px;cursor:pointer;text-align:center;font-size:16px;color:#444;float: left;}

.dt-title span.cur{background:#003B93;color:#fff;}

.detailed{width:738px;padding:28px 10px;overflow: hidden;}