@charset "utf-8";
/* CSS Document */
body {padding:0; margin:0; font-size:14px; font-family:"Microsoft YaHei"; color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#066FB3; text-decoration:none;}
a img{border:none;} 
div,ul,li,p,form,h1,h2,h3,h4,h5,dt,dl,dd,table,tr,td{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
* {padding: 0px; margin: 0px; }
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
.upfile {border: 1px solid #ccc;height:28px;margin-top:10px; width:98%;}
.main_width{width:1200px; margin:0 auto;}

/*头部*/
.head{margin:0 auto; width:1200px; height:120px;}
.head .logo{float:left; margin-top:22px;}
.head .logo img{float:left; display:block;}
#nav{width:770px; float:right;}
#nav_menu{display:block; margin-top:40px;}
#nav_menu li{float:left;}
#nav_menu li a{display:block; width:110px; text-align:center; height:50px; line-height:50px; font-size:16px;}
#nav_menu li a:hover{color:#066FB3;}
.nav_menu-item{display:block;}
.navhover a{color:#066FB3 !important; font-weight:bold;}
#nav_menu li ul{margin:0;padding: 0;position: absolute;	visibility: hidden; z-index:99; border-top:solid 1px #FFF;}
#nav_menu li ul li{float: none;}
#nav_menu li ul li a{display:block;height:35px;line-height:35px; font-size:14px; background:#066FB3;color:#fff !important; font-weight:normal; border-bottom:solid 1px #fff;}
#nav_menu li ul li a:hover{background:#60B60D; color:#FFFFFF !important;}

/*动画*/
.slide-main{height:685px;position:relative; min-width:1200px; width:100%; background:#0470B4;}
.item{display:block;width:100%;height:5px;position:absolute;z-index:124;top:625px;left:0;text-align:center;}
.item a{display:inline-block;width:30px;height:8px;margin-right:11px;background:#fff;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);overflow:hidden;}
.item a.cur{background:#145FC1;}
.slide-box,.slide{display:block;width:100%;height:685px;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;height:685px;position:relative;position:absolute;z-index:8;}
#bgstylea{background:url(img_01.jpg) center no-repeat;}
#bgstyleb{background:url(img_02.jpg) center no-repeat;}
#bgstylec{background:url(img_03.jpg) center no-repeat;}
.slide a{display:block;width:100%;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f,.obj-g{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:1200px;text-align:center;}
.obj-a{top:250px;margin-left:-500px;}
.obj-b{bottom:30px;margin-left:-100px;}
.obj-c{display:block;top:265px;margin-left:-180px;}
.obj-d{top:50px;margin-left:330px;}
.obj-e{margin-left:-350px; top:140px;z-index:12;}
.obj-f{bottom:-4px;margin-left:-650px;}
.obj-g{top:40px;margin-left:150px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f,.banAnimate .obj-g{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }

/*新闻*/
.index_news_t{margin:0 auto; width:1200px; height:18px; background:#0A6DB0; border-radius:2000px 2000px 0 0; position:absolute; z-index:99; bottom:-10px;}
.index_news_bg{margin:0 auto; width:100%; background:#0A6DB0; height:50px;}
.index_news{margin:0 auto; width:1200px; position:relative;}
.index_news .l_title{display:block; float:left; background:url(n_ico.png) left no-repeat; line-height:45px; color:#FFFFFF; font-size:19px; padding-left:35px;}
.index_news .r_contact{float:left; background:url(l_news.jpg) left no-repeat; margin-left:25px; color:#FFFFFF; line-height:45px;}
.scrollbox{width:1020px; position: relative; left:30px;}
#scrollDiv{width:1020px;height:50px; overflow:hidden; display: block;}
#scrollDiv ul{ width:960px;}
#scrollDiv li a{float:left; width:880px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; display:block; color:#FFFFFF;}
#scrollDiv li a:hover{color:#FFFF66;}
#scrollDiv li p{float:left;}
#scrollDiv li span{float:right;}
.scroltit{ position: absolute;right:0px; top:0px;width:18px; z-index:99999;}
.scroltit small{float:right;width:18px;height:18px; line-height:18px; text-align: center;color: #fff; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all;}
.scroltit small:hover{ background:#ff9a22;}


/*产品*/
.index_title{margin:40px auto; width:1200px; text-align:center;}
.index_title h1{display:block;font-weight:normal; font-size:32px;}
.index_title span{display:block; font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#A3A3A3;}
.index_product{margin:0 auto; width:1200px;}
.index_product img{border:solid 1px #CCC; margin-left:20px;}
.index_product .t a{line-height:45px; background:#959595; color:#FFF; margin-left:20px; display:block; font-size:16px;}
.index_product .t a:hover{background:#066FB3;}

/*项目*/
.index_class_bg{margin:0 auto; width:100%; background:#0A6DB0; margin-top:30px;}
.index_class{margin:0 auto; width:1200px;}
.index_class li{float:left; border-left:solid 1px #FFFFFF; width:298px; display:block; padding:30px 0;}
.index_class li img{display:block; margin:0 auto;}
.index_class li h1{display:block; text-align:center; color:#FFFFFF; font-size:18px; font-weight:normal; margin:20px 0 0 10px;}
.index_class li p{display:block; text-align:center; color:#c2d6e3; margin:3px 0;}
.index_class li span{display:block; text-align:center; color:#489ed7; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase;}

.n_banner{margin:0 auto; width:100%; height:300px; background:url(n_banner.jpg) center no-repeat;}

/*内页内容*/
.mainContent{margin:20px auto; width:1200px;}
.weizhi{background:url(home.gif) left no-repeat; padding-left:25px; margin-bottom:25px; color:#999;}
.weizhi a{color:#999;}
.content{display:block; height:50px; background:#066FB3; line-height:50px; border-radius:50px 0;box-shadow:0 1px 4px #cfcfcf;}
.content .title{font-size:24px; color:#fff; text-align:center;}

.list_left{float:left; width:210px;}
.list_left .title{display:block; height:70px; font-size:22px; line-height:70px; text-align:center; background:#066FB3; color:#FFFFFF; border-radius:8px 8px 0 0;}
.list_left li{width:210px; float:left; height:40px; line-height:40px; text-align:center; margin-top:2px;}
.list_left li a{display:block; background:#f2f2f2;padding-left: 10px; font-size:15px;}
.list_left li a:hover{display:block; background:#5FB611; color:#FFFFFF;}
.list_left .currclass a{background:#066FB3; color:#fff; font-weight:bold;}

.list_right{float:right; width:960px; padding-left:15px;}
.list_right_contact{display:block; margin-top:20px; line-height:30px;}
.list_right_contact img{border: 1px solid #ccc;padding: 2px;}
.list_right_contact img:hover{border: 1px solid #066FB3;}
.list_right_contact .t{line-height:45px;}

.list_contact_us{border:solid 2px #f2f2f2; display:block; margin-top:25px;}
.list_contact_us .t_title{display:block; height:50px; background:#f2f2f2; text-align:center; font-size:18px; line-height:50px;}
.list_contact_us .n_contect{display:block; padding:2px 6px; line-height:28px; font-size:13px;}
.list_contact_us .n_contect img{display:block;}


.list_contact{display:block; margin:20px 0; line-height:30px;}
.list_contact img{max-width:1170px;}
.list_contact .title{font-size:18px; display:block; text-align:center; font-weight:bold;border-bottom: dotted 1px #ddd; height:45px; line-height:45px;}
.list_contact .contact{display:block; line-height:30px;margin-top:10px;}
.list_contact .date{display:block; text-align:center; margin:10px 0;}
.list_contact #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px;}

.list_contact_img{display:block; margin:20px 0;}
.list_contact_img img{border:solid 1px #CCC; padding:1px;}
.list_contact_img img:hover{border:solid 1px #066FB3;}
.list_contact_img .t{line-height:35px;}

.list_product{display:block; border:solid 1px #ECECEC; padding:20px 0; margin-top:15px;}
.list_product li{float:left; margin:0 18px 30px 18px;}
.list_product li img{width:280px; height:280px; margin:1px 0 0 1px;}
.list_product li p{display:block; text-align:center; line-height:40px; font-size:16px;}
.list_product li a{width:282px; background:#ECECEC; height:325px; display:block;}
.list_product li a:hover{background:#066FB3; color:#FFFFFF; transition:1s;}

.milestone{padding:0 15px 30px 15px;}
.milestone_list li{width:940px; padding:6px 10px; border-bottom:#ccc dotted 1px; list-style:none;overflow:hidden; zoom:1;}
.milestone_list li span{float:left;}
.milestone_list li span.years{width:75px; font-size:18px; font-family:Georgia; font-weight:bold; color:#0065aa;}
.milestone_list li span.m_text{width:865px; padding-top:3px; line-height:24px;}
.m_color{color:#6f6f6f;}




/*新闻栏目*/
.list_news{display:block; margin:20px 0;}
.list_news dl{ height:130px; border-bottom:1px #ddd dotted; padding:15px 0;}
.list_news dt{float:left; width:150px; height:130px; margin-right:20px;}
.list_news dt img{width:150px; height:113px;}
.list_news dd{float:left; height:130px; width:790px;}
.list_news dd h4 a{ font-size:16px; color:#555555;}
.list_news dd h4 a:hover{font-size:16px; color:#ff0000;}
.list_news dd h4 span{float:right; font-weight:normal;color:#9C9C9C;}
.list_news dd h4 span a{font-size:14px;color:#9C9C9C;}
.list_news dd h4 span a:hover{font-size:14px;}
.list_news dd p{line-height:25px; padding-top:10px; color:#9C9C9C;}

/*产品分类*/
#suckertree1 li ul li a{background: #f2f2f2;}
#suckertree1 li ul li a:hover{background:#5FB611;}
.suckerdiv{float:left; width:210px;}
.suckerdiv .title{display:block; height:70px; font-size:22px; line-height:70px; text-align:center; background:#066FB3; color:#FFFFFF; border-radius:8px 8px 0 0; margin-bottom:1px;}
.suckerdiv ul{margin: 0;padding: 0;list-style-type: none;width:210px;}
.suckerdiv ul li{position: relative;}
.suckerdiv ul li ul{left:211px; position: absolute;width:190px;top:0px;display: none;z-index:9999999;}
.suckerdiv ul li ul li ul{left:191px; /* Parent menu width - 1*/}
.suckerdiv ul li a{display: block;color:black;text-decoration: none;background:#f2f2f2;line-height:40px; font-size:14px;padding-left:30px; border-bottom:solid 1px #FFF;z-index:9999999}
.suckerdiv ul li ul li a{margin-top:0px;}
.suckerdiv ul li a:visited{color: black;}
.suckerdiv ul li a:hover{background:#5FB611; color:#fff; font-weight:bold;}
.suckerdiv .subfolderstyle{background:url(arrow-list.gif) no-repeat 190px center #f2f2f2;}
* html .suckerdiv ul li { float: left; height: 1%; }
* html .suckerdiv ul li a { height: 1%;}


/*产品内容页*/
#list_info{ height:28px; border-bottom:1px solid #D5D5D3; margin:20px 0; display:block;}
#list_info .detailed{ background: url(nav_bg2.gif) no-repeat; display:block; width:72px; line-height:28px; text-align:left; padding-left:18px; font-weight:bold; color:#393939;}
#list_product_content{display:block; clear:both;}
#list_product_content .title{font-size:18px; display:block; text-align:center; font-weight:bold; height:45px; line-height:45px;}
#list_product_content .contact{display:block; line-height:30px;}
#list_product_content .contact td{padding-left:20px;}
#list_product_content .contact img{max-width:1170px; display:block;}
#list_product_content #next{ display:block; border-top:dotted 1px #CCCCCC; margin-top:15px; text-align:center; padding-top:8px;}
.prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; font-size:20px;}
.products_show_1 {PADDING-TOP: 15px; display:block;}
.show_left {FLOAT: left; width:450px;}
.show_right {WIDTH:480px; FLOAT: right;}
.show_right LI {LINE-HEIGHT:35px; OVERFLOW: hidden; display:block; background:url(pdf.jpg) left no-repeat; padding-left:28px;}
.show_right .d_contact{display:block; line-height:35px; margin-top:10px;}

.list_order{ border-top:1px solid #e5e5e5; margin:20px 0 0; padding:20px 0; font-family:"Microsoft Yahei";}
.list_order h2{ font-size:16px; line-height:30px; color:#333; height:50px; overflow:hidden;}
.list_order h2 span{ color:#666; display:inline-block; padding-left:20px; font-weight:normal;}
.list_order ul li{ margin-bottom:25px;}
.list_order li span{ display:inline-block; width:80px; font-size:14px; vertical-align:top; color:#4a4a4a; text-align:right; line-height:36px;}
.list_order li span em{ padding-right:2px; font-style:normal;}
.list_order .li01{ width:450px; float:left;}
.list_order .li02{ width:450px; float:left;}
.list_order .li03{ width:450px; float:left;}
.list_order .li04{ clear:both;}
.list_order li img{ vertical-align:middle; height:36px; background:#e5e5e5;}
.list_order .li05,.online .li06{ margin-bottom:10px;}
.red_x { color:#DD3904; display:inline; font-family:"微软雅黑"; font-size:12px;}
.inp1{ width:324px; height:36px; background:url(ordr_img_lian.png) no-repeat 324px 10px #f2f2f2; overflow:hidden; line-height:36px; border:0; padding:0 25px 0 10px;}
.inp2{ width:324px; height:36px; background:url(ordr_img_tel.png) no-repeat 324px 10px #f2f2f2; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;}
.inp3{ width:324px; height:36px; background:url(ordr_img_mail.png) no-repeat 324px 10px #f2f2f2; overflow:hidden; line-height:36px;border:0; padding:0 25px 0 10px;}
.inp4{ width:808px; height:109px; background:none; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; resize:none;}
.inp5{ width:205px; height:36px; overflow:hidden; line-height:36px;border:1px solid #e0e0e0; background:none; margin-right:10px;}
.inp7{ width:324px; height:36px; background:url(ordr_img_contact.png) no-repeat 324px 10px  #f2f2f2; overflow:hidden; line-height:36px; border:0;padding:0 25px 0 10px;}
.btn1{width:80px; height:35px; border:0; margin:10px 27px 0 80px; background:#066FB3; color:#FFFFFF;cursor: pointer; font-family:"微软雅黑"; font-size:16px;}
.btn1:hover{background:#5FB611;}
.btn2{width:80px; height:35px; border:0; margin:10px 0 0 0; background:#5FB611; color:#FFFFFF;cursor: pointer; font-family:"微软雅黑"; font-size:16px;}
.btn2:hover{background:#066FB3;}


/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:450px; height:450px; max-width:450px; max-height:450px; border:solid 1px #eee;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;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 /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:450px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:2px; background:url(left.gif) no-repeat;  margin-top:20px;}
.spec-scroll .next{float:right; background:url(right.gif) no-repeat;  margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:408px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:87px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:1px;width:50px;height:50px;}
.spec-scroll .items ul li img:hover{border:1px solid #FF6600;padding:1px;}


/*分页*/
#fenye{clear:both; margin:20px 20px 0 0;}
#fenye .prev_h,#fenye .next_h{width:55px; text-align:center;line-height:20px;}
#fenye a.curr{width:25px;background:#066FB3; border:1px solid #fff; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px;text-decoration:none;border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px;}
#fenye a.num{width:22px;}
#fenye a:visited{color:#333333;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

/*在线留言*/
.feedback .line{padding:8px 0;}
.feedback .line .inputText{border:1px solid #ccc;color:#999;font-size:12px;padding:0 18px;width:714px;height:40px;line-height:40px;margin:0px; font-family:"微软雅黑"}
.feedback .line .textArea{border:1px solid #ccc;color:#999;font-size:12px;padding:10px 18px;width:714px;height:124px;margin:0px; font-family:"微软雅黑"}
.btn_area{width:102px; display:block;}
.submit{
	color: #fff;
	background: #333;
	width:70px;
	float:left;
	height:29px;
	border:none;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	} 
.submit:hover {
	color: #fff;
	background:#005AB5;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
	} 



/*右边浮动*/
.floating_ck{position:fixed;right:0px;top:50%; z-index:99999999999}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#066FB3;border-bottom:solid 1px #fff;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#F7AB00;border-bottom:solid 1px #F7AB00;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult{background-image:url(qq.png);}
.qrcord{background-image:url(weixin.png);}
.return{background-image:url(fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-120px;top:0px;width:120px;height:80px;background-color:#F7AB00;border-bottom:solid 1px #F7AB00;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:150px;top:-67px;}
.floating_ewm i{background-image:url(mobile.jpg);display:block;width:110px;height:110px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:14px;}

/*底部*/	
.footer{margin:0 auto; width:100%;min-width:1200px; background:#F2F2F2; padding-top:30px;}
.foot{width:1200px;margin:0 auto;padding:30px 0; }
.foot p{line-height:30px;}
.foot dl dd{float: left;margin-left:150px;}
.foot dl dd:first-child{margin-left: 0;}
.foot dl dd h2{font-size: 16px;margin-bottom:10px;}
.foot dl dd li{line-height:30px;}
.foot .code{float:right; display:block; text-align:center;}
.foot .code p{display:block;}
.footer_nav{margin:0 auto; width:100%; height:60px; line-height:60px; border-top:solid 1px #A7A7A7; text-align:center;}