﻿@charset "utf-8";

/*Reset*/

*{ padding:0; margin:0; outline:none;}

*html{background-image:url(about:blank);background-attachment:fixed;}

html,ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,img,form,embed,label{margin:0;padding:0;border:0;}

img{border:none}

ul,li{ list-style:none;} 

.clear{ width:1px; height:0; overflow:hidden; clear:both;}

.cls{clear:both; line-height:0px!important; height:0px!important;font-size:0px!important;} 

select,input{ vertical-align:middle;}  

a {color:#333333;text-decoration:none;}

a:hover {color:#0a94dd;}

a:active {color:#0a94dd;}

.hidden{ display:none}

i{ font-style:normal}

.fl{ float:left;}

.fr{ float:right}

.page{ float:left; width:100%; text-align:center; margin:40px 0 60px;  }

.page a{ display:inline-block; line-height:30px; padding:0 10px; border:1px solid #e0e0e0; border-radius:3px; margin:0 3px;transition: all 0.3s ease 0s;}

.page a.current,.page a:hover{ color:#fff; border:1px solid #0a94dd; background:#0a94dd;}

input,select,textarea{  font-family:"微软雅黑"; outline:none}

.red{color:#0a94dd}

.overflow{overflow:hidden;white-space: nowrap;text-overflow: ellipsis;-o-text-overflow:ellipsis;}

/*basic*/ 

body{margin:0px; padding:0px;font-family:"\5FAE\8F6F\96C5\9ED1","\5B8B\4F53", Arial, Helvetica, sans-serif; font-size:14px;color:#333333;}  

.mpcop{ display:none}

/*index*/

.wbox{ width:100%; float:left;}

.headbox,.mbanner,.mprolist,.casetabbox,.fmenu,.moban,.mewmbox{ display:none;}

.banner{width: 100%; float: left; position: relative; overflow:hidden}   

.wrap{ width:1200px; margin:0 auto; }

.twrap{ width:1200px;  margin:0 auto; }

.topzw{ width:100%; float:left; height:82px;}

.top{ width:100%; float:left;   background:#fff; box-shadow: 0 0 5px #ddd; height:52px; padding:15px 0; position:fixed; left:0; top:0; z-index:100}

.logo{ float:left; height:52px;}

#nav { display:block; float:right;}

#nav .jquery_out {float:left;line-height:40px;display:block; }

#nav .mainlevel { float:left;/*IE6 only*/ background-repeat:no-repeat; position:relative;margin-right:13px; }

/*#nav .mainlevel img{  margin-top:12px; float:right; margin-left:1px;}

#nav .mainlevel .img1{ display:none}

#nav .mainlevel span{ float:left; display:block;}*/

#nav .mainlevel a { text-decoration:none; height:52px; line-height:52px;display:block; float:left;font-size:16px; padding:0 15px;  color:#000; }

#nav .mainlevel a.hov{ color:#0a94dd;}

#nav .mainlevel a:hover { color:#0a94dd;}

#nav .mainlevel a.hov .img2{ display:none}

#nav .mainlevel a.hov .img1{ display:block}

#nav .mainlevel a:hover .img2{ display:none}

#nav .mainlevel a:hover .img1{ display:block}



#nav .mainlevel ul {display:none;transition: all 0.1s ease 0s; position:absolute; left:0; top:42px; border-radius:0 0 10px 10px; text-align:center; line-height:30px; list-style-type:none; margin:0; z-index:1020; width:180px; background:#fff;  overflow:hidden; margin-left:-40px; padding-top:30px; padding-bottom:15px; }

#nav .mainlevel ul a{ width:100%; margin:0; padding:0; line-height:40px; height:40px; color:#666; font-size:14px;}





.rtop{ float:right; height:52px; margin-left:60px; height:28px; margin-top:12px; border-left:1px solid #333; padding-left:15px;}

.rtop li{ float:left; display:block; line-height:28px; font-size:16px; position:relative;}

.rtop li img{ float:right; cursor:pointer}

.rtop li span{ float:left; padding:0 30px; font-family:Arial, Helvetica, sans-serif}

.rtop li ul{ position:absolute; height:50px; box-sizing:border-box;transition: all 0.3s ease 0s; line-height:28px; left:700px; top:0; background:#fff; width:450px; overflow:hidden; z-index:10}

.rtop li:hover ul{ display:block}

.rtop li img.simg{  margin-left:15px; margin-top:3px;}

.rtop li img.ssimg2{  margin-left:15px; margin-top:7px;}

.txt_search{ float:left; width:410px; font-size:14px; background:none; line-height:28px; height:28px; border:0; border-bottom:1px solid #ddd;}

.btn_search{ width:28px; float:right; background:url(searchIco.png) center center; background-repeat:no-repeat; height:28px; text-indent:100px; cursor:pointer; border:0;}

.ssimg2{ display:none}



.pic_effect{  position: relative; overflow: hidden; }

.pic_effect img{display: block; width:100%; vertical-align: bottom;opacity: 1;filter:alpha(opacity=100);transform: scale(1, 1);transition: all 0.3s ease 0s; }

.pic_effect{ display: block; background: #fff;transition: background 0.3s ease 0s;}



.pic_effect:hover img{ transform: scale(1.08, 1.08);}





.foot{ width:100%; float:left; padding:60px 0;  background:#f9f9f9; color:#666}

.foot a{ color:#666}

.fotlx{  float:left; width:420px;}

.fotlx_t{ width:100%; float:left; line-height:25px; font-size:20px;  margin-bottom:10px; font-weight:bold;}

.footewm{ width:100px; float:left; margin-right:20px;}

.fotlx_txt{  float:left; width:300px; line-height:25px; font-size:14px; margin-top:10px;}





.fnavbox{ float:right; width:720px;}

.fnav{ float:left; width:100px;}

.fnavdada{ width:160px;}

.fnav_t{ width:100%; float:left; line-height:25px; font-size:16px; color:#000; margin-bottom:10px; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:10px;}

.fnav_txt{ width:100%; float:left; line-height:25px; font-size:14px;}



.fxlink{ width:100%; float:left; margin-top:10px;}

.fxlink img{ margin-right:30px;}

.dbinfo{ float:left; max-width:550px;}

.links{ line-height:30px; float:right; max-width:600px;}

.links a{ margin-left:15px;}



.copyright{ width:100%; float:left; line-height:30px; background:#0a94dd; padding:20px 0;  color:#fff; border-top:5px solid #002f48}

.copyright a{ color:#fff}





.index_about{ width:100%; float:left; padding:60px 0; background:url(aboutBg.jpg) left bottom no-repeat #fff; }

.abouttu{ float:right; width:450px; margin-top:35px;}

.mabouttu{ display:none}

.title1{ width:100%; float:left;line-height:30px; font-size:26px; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:15px;}

.title12{ width:100%; float:left;line-height:30px; font-size:26px; background:url(lin3.jpg) right bottom no-repeat; padding-bottom:15px; text-align:right}

.fixtitle1{ width:200px; float:left;line-height:30px; font-size:26px; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:15px; position:absolute; left:0; top:0}



.aboutms{ width:700px; float:left; line-height:25px;  color:#666666; font-size:14px; margin-top:30px;}

.numberlist{float: left; width:700px; box-shadow: 0 0 5px #ddd; margin-top:30px;}

.numberlist li{float: left; width:25%; background:url(line3.jpg) left center no-repeat; padding:25px 0; text-align: center;}

.numberlist li:nth-of-type(1){ background:none;}

.numbox{font-size:20px; color:#333;ine-height: 25px; font-weight:bold;}

.detail4{font-size: 16px;  color:#666; line-height: 25px;}



.more1{ width:125px; height:40px; border-radius:30px; line-height:40px; color:#0a94dd; font-size:16px; text-align:center; display:block; border:1px solid #0a94dd; color:#0a94dd;transition: all 0.3s ease 0s; margin-top:30px; float:left;}

.more1:hover{ background:#0a94dd; color:#fff; }



.index_cpyy{ width:100%; padding:60px 0; background:#f5f8ff; float:left}

.index_cpyy .wrap{ position:relative;}



.cpyybox{ width:100%; float:left;}

.cpyylist{ width:590px; float:right;}

.cpyylist li{ width:270px; margin:0 0 25px 25px; float:left; position:relative;}

.cpyylist li img{ float:left; width:100%; height:156px;}



.cpbanner{ width:584px; height:337px; overflow:hidden; position:relative; float:left;}

.b-img{ height:337px;  position:absolute; left:0; top:0;}

.b-img li{ height: 337px; float: left;}

.b-list{ height:50px; padding-top:300px; position:relative; margin:0 auto;z-index:1;}

.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}

.b-list .spcss{ background:#0a94dd;}

.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:50%; margin-left: -640px; background:none; top:0px; }

.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; left:50%; margin-left: 579px; background:none; top:0px; }

.bar-left em{ display:block; width:61px; height:100px; background:url(images/lbtn5.png) no-repeat; margin:0 auto; margin-top:250px;}

.bar-right em{ display:block; width:61px; height:100px; background:url(images/rbtn5.png) no-repeat; margin:0 auto; margin-top:250px;}	









.bannerbox1{ width:584px; height:337px; position:relative; float:left }



.banner1{  width:584px; height:337px; overflow: hidden; position: relative;}



.banner1 ul {height: 337px; }



.banner1 a img{ width:584px; height:337px;display: block; vertical-align: bottom; }



.slidenum1{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}



.slidenum1 span{display:inline-block; background:#fff;width:8px; height:8px; margin:0 5px; cursor:pointer; border-radius: 100%;}



.slidenum1 span.current{background:#0a94dd;}

.lbtn1,.rbtn1{ display:none}



.more2{ width:125px; height:40px; border-radius:30px; line-height:40px; color:#0a94dd; font-size:16px; text-align:center; display:block; border:1px solid #0a94dd; color:#0a94dd;transition: all 0.3s ease 0s;  margin:0 auto;margin-top:15px;}

.more2:hover{ background:#0a94dd; color:#fff; }

.more3:hover{ background:#0a94dd; color:#fff; }





#Product{ width:100%; position: relative; }

#Product .tab_box{width:1000px; float:right}

#Product .tab_box .item{ text-align: center; cursor: pointer; }

#Product .tab_box .item .icon{ overflow: hidden; width: 50px; height: 50px; margin: auto}

#Product .tab_box .item .yuan{ position: relative; padding: 20px 0}

#Product .tab_box .item .yuan:before,

#Product .tab_box .item .yuan:after{ content: ''; position: absolute; display: block; width:40%; height: 1px; top: 50%; background: #e4e4e4}

#Product .tab_box .item .yuan:before{ left: 0}

#Product .tab_box .item .yuan:after{ right: 0}

#Product .tab_box .item .yuan i{ display:inline-block;border: solid 1px #7c7c7c;border-radius: 20px; padding: 5px;line-height: 0; }

#Product .tab_box .item .yuan i:before{ content: ''; display: inline-block; background: #7c7c7c; width: 6px; height: 6px; border-radius: 20px;}

#Product .tab_box .item.slick-current .yuan i{ border-color: #0a94dd}

#Product .tab_box .item.slick-current .yuan:after,

#Product .tab_box .item.slick-current .yuan i:before{background: #0a94dd; }

#Product .tab_box .item.slick-current .icon img{transform: translateY(50px); filter: drop-shadow(#0a94dd 0 -50px); }

#Product .tab_box .item h4{ color: #666;font-size:16px; font-weight:normal}

#Product .tab_box .item.slick-current h4{ color: #0a94dd}

#Product .list_box { margin-top: 6%}

#Product .list_box pre{ line-height: 36px;}

#Product .list_box .item .pic{border-radius: 10px; overflow: hidden}

#Product .list_box .num{ display:none}

#Product .list_box .num:before{ content: ''; position: absolute; left: 30%; top: 50%; width: 40%; height: 1px; background: #8cc89f}

#Product .list_box .slick-dots{ width: auto; left: 35%; bottom:10px; z-index: 101; line-height: 40px; display:none}

#Product .list_box .slick-dots li{ display: none;}

#Product .list_box .slick-dots li.slick-active{ display: none}

#Product .list_box .slick-dots li.slick-active button{font-size: 24px; color: #fff; background:none; height: 40px}

#Product #particles-js{ position: absolute; width: 100%; height: 100%; top: 0; bottom: 0 }

#Product .count-particles{ display: none}

#Product canvas{

  display:block;

  vertical-align:bottom;

}



.slick-prev{ width:28px; height:51px; left:0; position:absolute; top:55px; cursor:pointer; z-index:101; background:url(index_tab_l.png); text-indent:100px; overflow:hidden; border:0}

.slick-next{ width:28px; height:51px; right:0; position:absolute; top:55px; cursor:pointer; z-index:101; background:url(index_tab_r.png); text-indent:100px; overflow:hidden;border:0}

.slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}

.slick-list { position: relative; z-index: 1;display: block; overflow: hidden; }

.slick-list:focus {outline: none}

.slick-list.dragging {cursor: pointer;cursor: hand;}

.slick-slider .slick-track, 

.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}

.slick-track {position: relative; top: 0; left: 0; display: block;}

.slick-track:before, 

.slick-track:after{display: table; content: '';}

.slick-track:after{ clear: both;}

.slick-loading .slick-track { visibility: hidden;}

.slick-slide{ display: none; float: left; min-height: 1px;}

[dir = 'rtl'] .slick-slide {float: right;}

.slick-slide .slick-loading img { display: none;}

.slick-slide .dragging img { pointer-events: none;}

.slick-initialized .slick-slide { display: block;}

.slick-loading .slick-slide { visibility: hidden;}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

.slick-arrow .slick-hidden { display: none;}



.index_xstd{ width:100%; float:left; padding:60px 0; background:#fff;overflow:hidden }

.index_news{ width:750px; float:left; }

.xstdtu{ width:100%;  float:left;  position:relative;  overflow:hidden; background:#fcfdff; border-radius:3px;margin-top:40px;}

.xstdtu dt{  width:230px; float:left; border-radius:3px;height:148px;}

.xstdtu dt img{ width:230px; float:left; border-radius:3px;height:148px;}

.xstdtu dd{ width:480px; margin-right:10px; float:right; padding:15px 0 0 0; color:#666;}



.xstdtu_t{ width:100%; float:left;}

.xstdtu_tt{ width:390px; float:left; height:30px; line-height:30px; font-size:18px; font-weight:bold;}

.xstdtu_sj{ float:right;}	

.xstdtu_txt{ width:100%; max-height:44px; float:left; line-height:22px; overflow:hidden; margin-top:10px;}

.xstdtu_xq{ float:left; color:#0a94dd; background:url(ico1.png) right center no-repeat; padding-right:20px;margin-top:10px;}



.xstdbox{ width:100%; float:left;   border-top:1px solid #eaeaea; margin-top:20px;}

.xstdbox li{ width:100%; float:left; border-bottom:1px solid #eaeaea; height:62px; line-height:62px;}

.xstit{ width:73%; float:left;  height:62px; line-height:62px; overflow:hidden; font-size:16px;}

.xssj{ float:right; height:62px; line-height:62px; width:25%; text-align:right;}



.shfwbox{ float:right; width:400px; float:right;}

.shfwmain{ width:340px; padding:30px; background:#0a94dd;margin-top:40px; float:left}

.shfwmain_tu{ width:100%; float:left; width:340px; height:249px;}

.shfwmain_tu img{ width:100%; float:left; width:340px; height:249px;}

.shfwmain dt{ width:100%; color:#fff; font-size:20px; line-height:60px; height:60px; overflow:hidden; margin-top:10px; float:left}

.shfwmain dd{ float:left; height:45px; padding:0 45px; line-height:45px; color:#fff; border:1px solid #fff; border-radius:30px;}

.shfwmain dd：hove



.dbannerbox1{ width:750px; height:530px; position:relative; float:left }

.dbanner1{  width:750px; height:530px; overflow: hidden; position: relative;}

.dbanner1 ul {height: 480px; }

.dslidenum1{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}

.dslidenum1 span{display:inline-block; background:#ccc;width:10px; height:10px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.dslidenum1 span.current{background:#0a94dd;}

.ddlbtn1,.ddrbtn1{ display:none}



.nbanner,.nbanner img{ float:left; width:100%;}

.ntitle1{ width:100%; float:left;line-height:30px; font-size:28px; color:#000; text-align:center; margin-bottom:40px;}



.about_fzlc{ width:100%; float:left; padding:20px 0 60px 0;}

.about_fzlc img{ float:left; width:100%;}



.about_qywh{ width:100%; float:left; padding:60px 0; background:url(bg1.jpg) right center no-repeat #f5f8ff; background-size: 15% auto}

.about_qywh dl{ width:18%; float:left; margin-right:2.5%; padding:25px; box-sizing:border-box; position:relative; background:#fff; border-radius:5px;transition: all 0.3s ease 0s; }

.about_qywh dl dt{ width:100%; float:left; font-size:18px; line-height:30px; background:url(wh1.png) left top no-repeat; padding:50px 0 5px 0; border-bottom:1px solid #ddd; margin-bottom:20px;}

.about_qywh dl dd{ width:100%; float:left; line-height:25px; height:100px; overflow:hidden;}

.about_qywh dl:nth-of-type(5n){ margin-right:0}

.about_qywh dl:hover{ background:#0a94dd; color:#fff;}

.about_qywh dl:hover dt{background:url(wh1n.png) left top no-repeat; border-bottom:1px solid #fff}



.about_honor{ width:100%; padding:60px 0; float:left}

#cp_tabs0 {width: 1200px; overflow:hidden;}

.cp_menu0{width: 1200px; height:40px; text-align:center; line-height:40px;}

.cp_menu0 a{ cursor:pointer; display:inline-block; padding:0 35px; font-size:16px;}

.cp_menu0 a.cp_hover{ color:#0a94dd; background:url(line1.png) center bottom no-repeat;}

.honortxt{ width:100%; float:left; color:#666; padding:30px 0; text-align:center}



.bannerbox2{ width:1200px; height:450px; position:relative; }

.banner2{ width:1200px; height:450px; overflow: hidden; position: relative;}

.banner2 ul {height: 450px; }



.slidenum2{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}

.slidenum2 span{display:inline-block; background:#ddd;width:12px; height:12px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.slidenum2 span.current{background:#0a94dd;}

.lbtn2,.rbtn2{position: absolute;left: 0; top: 0; background: url(sleft.png) no-repeat center center; width: 41px; cursor:pointer; height:41px; height: 100%;  text-indent: -9999px;}

.rbtn2{right: 0; left: auto; background: url(sright.png) no-repeat center center; }



.honordl{ width:1080px; margin:0 auto; overflow:hidden; margin-left:60px;}

.honordl dl{ width:330px; margin:0 15px; float:left}

.honordl dl dd{ width:100%; height:218px; float:left; background:url(honorbg.jpg); background-size:330px 220px}

.honordl dl dd img{ width:260px; margin:0 35px; margin-top:14px; height:182px;  float:left;}

.honordl dl dt{ width:100%; float:left; background:url(honorbg2.jpg) no-repeat; background-size:100% auto; padding-top:20px; padding-left:60px; padding-bottom:30px; box-sizing:border-box; line-height:30px;}

.honordl dl dt p{ font-size:18px; color:#0a94dd}

.honordl a{ display:block}



.about_hzhb{ width:100%; padding:0 0 60px 0; float:left}

.hzhbtxt{width:100%; float:left; color:#666;  text-align:center}

.hzpblist{ width:100%; float:left;}

.hzpblist dl{ float:left; width:15%; margin-right:2%; float:left; box-sizing:border-box; border-radius:5px;  border:2px solid #ddd; margin-top:40px;}

.hzpblist dl img{ width:100%; float:left; box-sizing:border-box}

.hzpblist dl:nth-of-type(6n){ margin-right:0}



.siteBox{ width:100%; float:left; border-bottom:1px solid #ddd}

.siteMbxdh{ float:left; line-height:50px; height:50px;}

.siteCate{ float:right;}

.siteCate a{ display:inline-block; margin-left:30px;line-height:50px; border-bottom:1px solid #fff}

.siteCate a:hover,.siteCate a.hov{ border-bottom:1px solid #0a94dd; box-sizing:border-box}



.siteCate2{ float:right;}

.siteCate2 dl{ display:inline-block; margin-left:30px;line-height:50px; border-bottom:1px solid #fff; position:relative; z-index:1}

.siteCate2 dl:hover,.siteCate2 dl.hov{ border-bottom:1px solid #0a94dd; box-sizing:border-box}

.siteCate2 dl ul{ position:absolute; right:0; top:51px; background:#fff; padding:10px; width:530px; overflow:hidden; border-radius:0 0 8px 8px; display:none; z-index:999999}

.siteCate2 dl ul a{ height:30px; line-height:30px; color:#666; float:left; width:25%; padding-right:10px; box-sizing:border-box}

.siteCate2 dl:hover ul{ display:block}



.newslist{ width:100%; float:left; margin-top:40px;}

.newslist li{ width:32%; float:left;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:2%; margin-bottom:20px; padding-bottom:20px; border-bottom:2px solid #fff;transition: all 0.3s ease 0s;}

.newslist li:hover{ border-bottom:2px solid #0a94dd; }



.newslist li .news_tu{ width:100%; height:220px;}

.newslist li img{ float:left; width:100%;height:220px;}

.newslist li:nth-of-type(3n){ margin-right:0}

.news_main{ width:100%;  float:left;}

.news_sj{ float:left; width:100%; line-height:25px; color:#333; }	

.news_t{ width:100%; float:left; line-height:30px; height:30px; color:#333; font-size:16px;margin-bottom:10px; margin-top:15px;}

.news_txt{ width:100%; float:left; line-height:25px; color:#333; margin-bottom:10px; height:50px; overflow:hidden}



.bannerbox3{ width:1200px; height:340px; position:relative; float:left; margin:40px 0 0 0; }

.banner3{ width:1200px; height:340px; overflow: hidden; position: relative; background:#f5f8ff;}

.banner3 ul {height: 340px; }

.banner3 li{ width:1200px;}

.slidenum3{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: right; padding-right:20px; box-sizing:border-box;}

.slidenum3 span{display:inline-block; background:#ddd;width:12px; height:12px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.slidenum3 span.current{background:#0a94dd;}

.lbtn3,.rbtn3{position: absolute;left: 0; top: 0; background: url(sleft.png) no-repeat center center; width: 41px; cursor:pointer; height:41px; height: 100%;  text-indent: -9999px; display:none}

.rbtn3{right: 0; left: auto; background: url(sright.png) no-repeat center center; }





.nxstdtu{ width:100%;  float:left;  position:relative;  overflow:hidden;}

.nxstdtu dt{  width:600px; float:left; height:340px;}

.nxstdtu dt img{ width:600px; float:left; height:340px;}

.nxstdtu dd{ width:540px; margin-right:10px; float:right; padding:15px 0 0 0; color:#666; padding-top:40px;}

.nxstdtu_t{ width:100%; float:left;margin:20px 0 35px 0;}

.nxstdtu_tt{ width:100%; float:left; height:30px; line-height:30px; font-size:18px;  font-weight:bold;}

.nxstdtu_sj{ width:100%; float:left; line-height:25px;}	

.nxstdtu_txt{ width:100%; max-height:88px; float:left; line-height:22px; overflow:hidden; margin-top:10px;}

.nxstdtu_xq{ float:left; color:#0a94dd; background:url(ico1.png) right center no-repeat; padding-right:20px;margin-top:40px;}





.newshow{ width:100%; float:left; margin:60px 0}

.newshow_t{ width:100%; float:left; line-height:30px; font-size:24px; text-align:center}

.newshow_gg{ width:100%; line-height:60px; border-bottom:1px solid #ddd; float:left; margin-bottom:30px;text-align:center}

.news_contents{ width:100%; line-height:28px; float:left;  border-bottom:1px solid #ddd; padding-bottom:30px;}

.news_contents img{ max-width:100%; height:auto}



.shangxiabox{ width:100%; float:left; margin-top:30px;}

.shangxiafanhui{ float:right; width:100px; height:40px; margin-top:5px; color:#fff; background:#0a94dd; border-radius:30px; text-align:center; line-height:40px;}

.shangxiafanhui:hover{ color:#fff}

.shangxia{ float:left; width:900px; line-height:25px;}

.shangxia li{ float:left; width:100%; height:25px; line-height:25px; color:#666}

.shangxia li a{ color:#000}



.shfwbgboxbg{ width:100%; float:left; background:#f5f8ff; padding:10px; box-sizing:border-box; margin:40px 0}



.shfwbgbox{ width:408px; height:426px; padding: 30px; box-sizing: border-box; float:left; background:url(shfwbg1.jpg); background-size:408px; height:426px; color:#fff;}

.shfwboxtt{ width:100%; float:left; text-transform:uppercase; text-align:center; font-size:20px; font-weight:bold; line-height:30px; margin-top:10px;}

.shfwboxtt p{ font-size:16px; font-weight:normal; background: url(line4.png) center center no-repeat;}

.shfwboxtxt{ width:100%; float:left; line-height:28px; padding:10px 0; box-sizing:border-box}

.shfwform{ float: right; width: 722px;}

.shfwform dl{ width: 50%; margin-bottom: 20px; padding-left: 80px; padding-right: 50px; box-sizing: border-box; position:relative; float: left;}

.shfwform dl dt{ width: 80px;height: 30px; line-height: 30px; position: absolute; left: 0; top: 0;}

.input1{ width:100%; height:30px; line-height:30px; text-indent:5px; float:left; border:1px solid #ddd; box-sizing:border-box; background: none;}

.shfwform dl.baifenbai{ width: 100%;}

.textarea1{ width:100%; height:66px; line-height:22px; padding: 5px; float:left; border:1px solid #ddd; box-sizing:border-box; background: none;}

.button1{ width:90px; float:left; border-radius:5px; color:#fff; background:#0a94dd; cursor:pointer; border:0; height:34px; font-size:16px; margin-right: 50px;}

.button2{ width:90px; float:left; border-radius:5px; color:#0a94dd; background:#fff; cursor:pointer; border:1px solid #0a94dd; height:34px; font-size:16px;}



.cpzslist{ width:100%; float:left; margin-top: 40px;}

.cpzslist li{ width:32%; float:left;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:2%; margin-bottom:20px; transition: all 0.3s ease 0s;}

.cpzslist li .cpzs_tu{ width:100%; height:220px;}

.cpzslist li img{ float:left; width:100%;height:220px;}

.cpzslist li:nth-of-type(3n){ margin-right:0}

.cpzs_main{ width:100%;  float:left; background: #f5f8ff; padding: 15px; padding-bottom: 35px; box-sizing: border-box;transition: all 0.3s ease 0s;}

.cpzs_t{ width:100%; float:left; line-height:30px; height:30px; color:#333; font-size:16px;margin-bottom:10px;}

.cpzs_txt{ width:100%; float:left; line-height:22px; color:#333;  height:44px; overflow:hidden}

.cpzs_xz{ width: 100%;float:left; text-align: right; margin-top: 10px;}

.cpzs_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd;}

.cpzslist li:hover .cpzs_main{ background:#0a94dd;}

.cpzslist li:hover .cpzs_t{  color:#fff;}

.cpzslist li:hover .cpzs_txt{  color:#fff;}

.cpzslist li:hover .cpzs_xz a{ border-bottom: 1px solid #fff;color: #fff}



.hczxBox{ width: 100%; float: left; background: #f5f5f5; padding: 40px 0 0;}

.hczxlist{ width:100%; float:left; background: #fff; padding: 25px; padding-bottom: 0;}

.hczxlist li{ width:32%; float:left; padding: 5px;background: #f5f8ff;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:2%; margin-bottom:25px; transition: all 0.3s ease 0s;}

.hczxlist li .hczx_tu{ width:100%; height:220px;}

.hczxlist li img{ float:left; width:100%;height:220px;}

.hczxlist li:nth-of-type(3n){ margin-right:0}

.hczx_main{ width:100%;  float:left;  padding: 15px; padding-bottom: 35px; box-sizing: border-box;transition: all 0.3s ease 0s;}

.hczx_t{ width:100%; float:left; line-height:30px; height:30px; color:#333; font-size:16px;margin-bottom:10px;text-align: center;}

.hczx_txt{ width:100%; float:left; line-height:22px; color:#333;  height:44px; overflow:hidden}

.hczx_xz{ width: 100%;float:left; text-align: center; margin-top: 10px;}

.hczx_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd;}

.hczxlist li:hover { background:#0a94dd;}

.hczxlist li:hover .hczx_t{  color:#fff;}

.hczxlist li:hover .hczx_txt{  color:#fff;}

.hczxlist li:hover .hczx_xz a{ border-bottom: 1px solid #fff;color: #fff}



.hczxshow{ width: 100%; padding: 30px; background: #fff; box-sizing: border-box; float: left; margin-bottom: 40px;}

.hczxshowfmt{ width: 42%; float: left; border: 5px solid #f5f8ff;}

.hczxshowmm{ width: 54%; float: right;}

.hczxshow_t{ font-size: 18px;width: 100%;float: left; line-height: 25px; margin-bottom: 10px;  }

.hczxshow_txt{ width: 100%;float: left; line-height: 22px; margin-bottom: 10px; color: #333; }

.zxbaojia{ width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; display: block; float: left;background:#0a94dd; color: #fff;}

.zxbaojia:hover{color: #fff;}

.hczxshow1{ width: 100%; float: left;}

.hczxshow2{ width:100%; line-height:28px; float:left; margin: 35px 0; border-top:1px solid #ddd;   border-bottom:1px solid #ddd; padding: 30px 0; color: #666;}

.hczxshow2 img{ max-width:100%; height:auto}

.tuijianproduct{ width: 100%; float: left; padding-top: 20px;}

.tuijianproduct dl{ width: 23.95%; margin-right: 1.4%; float: left; background: #f5f8ff; padding: 5px; box-sizing: border-box;transition: all 0.3s ease 0s;}

.tuijianproduct dl dd{width: 100%; float: left; height: 152px;}

.tuijianproduct dl dd img{width: 100%; float: left;height: 152px; }

.tuijianproduct dl dt{width: 100%; float: left; text-align: center; height: 50px; line-height: 50px;}

.tuijianproduct dl:nth-of-type(4n){ margin-right: 0;}

.tuijianproduct dl:hover{ background:#0a94dd;   }

.tuijianproduct dl:hover dt{color: #fff;}



.productslist{ width:100%; float:left; background: #fff; padding: 25px; padding-bottom: 0;}

.productslist li{ width:32%; float:left; background: #f5f8ff; border: 1px solid #cdcdcd; border-radius: 8px;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:2%; margin-bottom:25px; transition: all 0.3s ease 0s;}

.productslist li .products_tu{ width:100%; height:220px;border-radius: 8px 8px 0 0; overflow: hidden; float: left;}

.productslist li img{ float:left; width:100%;height:220px;border-radius: 8px 8px 0 0;}

.productslist li:nth-of-type(3n){ margin-right:0}

.products_main{ width:100%;  float:left;  padding: 15px; padding-bottom: 35px; box-sizing: border-box;transition: all 0.3s ease 0s;}

.products_t{ width:100%; float:left; line-height:30px; height:30px; color:#333; font-size:16px;margin-bottom:10px;}

.products_txt{ width:100%; float:left; line-height:22px; color:#333;  height:132px; overflow:hidden}

.products_xz{ width: 100%;float:left; text-align: right; margin-top: 10px;}

.products_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd;}

.productslist li:hover { background:#0a94dd;}

.productslist li:hover .products_t{  color:#fff;}

.productslist li:hover .products_txt{  color:#fff;}

.productslist li:hover .products_xz a{ border-bottom: 1px solid #fff;color: #fff}



#preview{ float:left; width:500px;}

.jqzoomx{ width:350px; height:200px; position:relative;}



.zoomdiv{ left:859px; height:400px; width:200px;}

.list-h li{ float:left;}

#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}

#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}

#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}

#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}



/*jqzoom*/

.jqzoomx{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ position:relative; width:322px; margin-right:6px;}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}





#g_tabs0 {width: 100%; overflow:hidden; margin-top: 40px; float: left;}

.g_menu0{width: 100%; height:60px; text-align:center; line-height:60px; background: #f5f8ff;}

.g_menu0 a{ cursor:pointer; font-size:16px; color:#313131; width: 25%; display: block; float: left;}

.g_menu0 a.g_hover{ color:#0a94dd; border-bottom: 2px solid #0a94dd; box-sizing: border-box;}

#g_main0 ul{display: none; font-size: 14px; color: #333; line-height: 28px; width: 100%; padding-top: 20px;}

#g_main0 ul img{ max-width: 100%; height: auto;}

#g_main0 ul.g_block{display: block;}



.contactBox{ width: 100%; float: left;  padding: 40px 0;}



.contactBox dl{ width: 32%; float: left; margin-right: 2%;}

.contactBox dl dt{ width: 100%; float: left; color: #0a94dd; font-weight: bold; height: 30px; line-height: 30px; }

.contactBox dl dd{ width: 100%; float: left;  }

.contactBox dl dd p{width: 100%; float: left; color: #333; line-height: 30px; height: 30px; overflow: hidden; padding-left: 25px; box-sizing: border-box; }

.contactBox dl dd p.companyTitle{ width: 100%; float: left; padding-left: 0; line-height: 50px; height: 50px; overflow: hidden; color: #000; font-weight: bold; font-size: 20px; }

.contactBox dl dd p.companyAddress{ background: url(lx1.jpg) left center no-repeat;}

.contactBox dl dd p.companyPhone{ background: url(lx2.jpg) left center no-repeat;}

.contactBox dl dd p.companyFax{ background: url(lx3.jpg) left center no-repeat;}

.contactBox dl dd p.companyEmail{ background: url(lx4.jpg) left center no-repeat;}

.contactBox dl dd p.companyAfterService{ background: url(lx5.jpg) left center no-repeat;}

.contactBox dl dd p.companyHotTel{ background: url(lx6.jpg) left center no-repeat; margin-top: 15px; }

.contactBox dl dd p.companyHotTel span{ font-size: 22px;color: #0a94dd;}



.contactaddresslist{ width: 1200px; margin:0 auto;  border-top: 1px solid #ddd; padding: 60px 0; overflow: hidden;}

#g_tabs1 {width: 100%; color: #333; overflow:hidden;float: left; margin-top: -10px;}

.g_menu1{width: 100%;  text-align:center;}

.g_menu1 a{ cursor:pointer; font-size:16px; color:#313131; margin: 0 15px; line-height:30px; padding-bottom: 5px; display:inline-block;}

.g_menu1 a.g_hover1{ border-bottom: 1px solid #0a94dd; color: #0a94dd; box-sizing: border-box;}

#g_main1 ol{display: none; margin-top: 30px;}

#g_main1 ol.g_block1{display: block;}

#g_main1 ol dl{ width: 32%; float: left; margin-right: 2%; background: url(lxbg1.jpg) left 15px top 15px no-repeat #f5f8ff; padding: 70px 40px; box-sizing: border-box;}

#g_main1 ol dl:hover{background: url(lxbg2.jpg) left 15px top 15px no-repeat #0a94dd; color: #fff;}

#g_main1 ol dl:nth-of-type(3n){ margin-right: 0;}

#g_main1 ol dl dt{ font-size: 16px; font-weight: bold; width: 100%; float: left; height: 30px; line-height: 30px;}

#g_main1 ol dl h1{ width: 50px; height: 2px; float: left; display: block; background: #333; margin: 10px 0 20px;}

#g_main1 ol dl dd{ width: 100%; height: 44px; line-height: 22px; overflow: hidden;}

#g_main1 ol dl:hover h1{ background: #fff;}



.liuyanform{ width: 100%; float: left; padding: 40px 0;}

.liuyanform dl{ width:580px; float: left; margin-right:40px;  margin-bottom: 20px;}

.liuyanform dl:nth-of-type(2n){ margin-right: 0px;}

.liuyanform dl dt{ width:100px; float: left; line-height: 30px; height: 30px; text-align: right;}

.liuyanform dl dt span{ color: red;}

.dinput1{ width: 480px; float: left; height: 30px; line-height: 30px; background: #f5f8ff; text-align: 5px; border: 0;}

.liuyanform dl.baifenbai{ width: 100%; margin-right: 0;}

.dtextarea1{ width: 1090px; float: left; height: 150px; line-height: 25px; background: #f5f8ff; padding: 5px; border: 0;}

.liuyanform p .button1{ float: none; display: inline-block; margin: 0 10px;}

.liuyanform p .button2{ float: none; display: inline-block; margin: 0 10px;}

.pcnone{ display:none;}

@media screen and (max-width: 900px) {

	.wrap1,.wrap{ width:94.6%; padding:0 2.7%;}	

		.page{ float:left; width:100%; text-align:center; margin-top:1em; margin-bottom: 1em;  }

.page a{ display:inline-block; line-height:2em; padding:0 0.5em; border:1px solid #e0e0e0; border-radius:3px; margin:0 1px; font-size:0.9em;transition: all 0.3s ease 0s;}

.page a.current,.page a:hover{ color:#fff; border:1px solid #0a94dd; background:#0a94dd;}

.pagenone{ display:none}



		.banner,.top,.r_fudong,.bannerbox1,.xllist,.bannerbox2,.pcban,.rtop,.pcop{ display:none;}

		.mpcop{ display:block}

		.topzw{ height:4em;}

		body{ font-size:62.5%;}

		input, button, textarea {outline: none;-webkit-appearance: none;border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";} 

select{border-radius: 0;font-family:"\5FAE\8F6F\96C5\9ED1";}

input[type=checkbox]{ -webkit-appearance: checkbox; } 

.f_20{ font-size:2em}

.f_22{ font-size:2.2em}

.f_24{ font-size:2.4em}

.f_26{ font-size:2.6em}

.f_28{ font-size:2.8em}

.f_30{ font-size:3em}

.f_32{ font-size:3.2em}

.f_34{ font-size:3.4em}

.f_36{ font-size:3.6em}

.f_38{ font-size:3.8em}

.f_40{ font-size:4em}

.f_42{ font-size:4em}

.f_44{ font-size:4.4em}





.headbox{  z-index: 10; left: 0; top:0px;   float: left; width: 100%; position:fixed;box-shadow: 0 0 1em #ddd; box-sizing:border-box; display:block}

.head{ float: left; width: 100%; height:3em; padding:0.5em 0;  position: relative; z-index: 2; background: transparent;  background:#ffffff; }

.head_hover{background: #1d76ef;}



.mlogo{ float: left; text-align:center;}

.mlogo img{  height:2em; display:inline-block; float:left; vertical-align: bottom; margin-top: 0.5em;}

.topnavbtn{ float: right; height: 2em;  margin: 0.5em 0 0; cursor: pointer; position: relative;  z-index: 10;}

.topnav img{height: 1em; margin-top:0.5em; float:right;}



.topnavbox{ position: absolute; right: 0; top: 0;  width: 100%;    box-shadow: 0px 0.83em 1.80em rgba(2, 43, 65, 0.21); font-size: 1em; display: none;}

.topnavbox .wrap1{position: relative; z-index: 2;}

.menutit{ width:100%; line-height:4em; color:#666;  height:4em; font-size:1em; text-indent:0.5em; background:#fff;}

.close{font-size: 1.8em;  display: none; float:right; margin-right:0.5em; }



.topnavlist{font-size: 1em; width:70%; float:right; background:#fff; height:100%; z-index:99999;  }

.topnavlist li{font-size: 0.95em; line-height: 3.2em; float:left; box-sizing: border-box; width:100%; border-top: 1px solid #ddd; position: relative; background:#f1f1f1;}

.topnavlist li:first-of-type{border-top: medium none;}

.topnavlist li a{  display: block; text-align:center; color:#666;  width:94.6%; margin-left:2.7%;}

.topnavlist li ul{ padding-bottom:1em; width:100%; float:left}

.topnavlist li:first-of-type a{border-top: medium none;}

.topnavlist li li{ border:0; font-size:0.95em; box-sizing:border-box; line-height:2.6em; height:2.6em}

.topnavlist li li img,.topnavlist li li span{ float:left;}

.topnavlist li li img{ width:auto; height:1em; margin:0.8em 0.5em 0 0;}



.topnavbox .wrap1{ width:100%; padding:0; height:100%; background:url(hei.png); height:100%; height:50em;}

/*.topnavlist li a.hover{color: #0068b7;}

*/.navbox{display: none;}

.sanjiao{width: 0;height: 0;border-left: 0.3em solid transparent;border-right:0.3em solid transparent;border-top: 0.4em solid #333;  display: inline-block;transition: all 0.3s ease 0s; position: absolute; right:1.64em; top: 1.4em; font-size: 1em; }

.topnavlist li a.hover .sanjiao{-webkit-transform: rotate(180deg);-moz-transform: rotate(180deg);-o-transform: rotate(180deg);-transform: rotate(180deg);border-top: 0.4em solid #0a94dd; }



.mbanner{ width:100%; float:left; display:block}

.swiper-container{width:100%;height:auto; display:block; }

.swiper-slide{text-align:center;}

.swiper-pagination-bullet{ width: 10px; height: 10px; border-radius: 100%;  background: #0a94dd; border:medium none; box-sizing: border-box; opacity: 1;}

.swiper-pagination-bullet-active{  opacity: 1; background:#ccc}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.26em;}

.swiper-container-horizontal>.swiper-pagination-bullets{ bottom:0.6em}

.swiper-slide img{ width: 100%; display: block; vertical-align: bottom;}



.foot{ width:100%; float:left; padding:0.5em  0;  background:#f9f9f9; color:#333}

.foot a{ color:#333}

.fotlx{  float:left; width:100%;}

.fotlx_t{display: none;}

.footewm{  float: left; width: 27%; margin-right: 0;}

.fotlx_txt{  float:right; width:71%; line-height:1.6em; font-size:0.8em; margin-top:1.5em;}

.fnavbox{ display: none;}



.fxlink{ width:100%; float:left; margin-top:10px;}

.fxlink img{ margin-right:30px;}

.dbinfo{ float:left; width:100%; font-size:0.85em; line-height:1.6em;}

.links{ width:100%; float:left; font-size:0.85em; line-height:1.5em; margin-top: 1em;}

.links a{ margin:0 0.5em 0 0; display: inline-block;}



.copyright{ width:100%; float:left; line-height:30px; background:#0a94dd; padding:0.5em 0; font-size:0.85em; color:#fff; border-top:5px solid #002f48}

.copyright a{ color:#fff}





.index_about{ width:100%; float:left; padding:1.5em 0; background:url(aboutBg.jpg) left bottom no-repeat #fff; background-size:100%; }

.abouttu{ float:right; width:100%; margin-top:1em;}

.mabouttu{ display:none}

.title1{ width:100%; float:left;line-height:2em; font-size:1.2em; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:0.2em;}

.title12{ width:100%; float:left;line-height:2em; font-size:1.2em; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:0.2em; text-align:left}

.fixtitle1{ width:100%; float:left;line-height:2em; font-size:1.2em; background:url(lin3.jpg) left bottom no-repeat; padding-bottom:0.2em; position:relative; left:0; top:0}



.aboutms{ width:100%; float:left; line-height:1.8em;  color:#666666; font-size:0.9em; margin-top:1em;}

.numberlist2{float: left; width:100%; box-shadow: 0 0 5px #ddd; margin-top:1em;}

.numberlist2 li{float: left; width:25%; background:url(line3.jpg) left center no-repeat; padding:1.5em 0; text-align: center;}

.numberlist2 li:nth-of-type(1){ background:none;}

.numbox{font-size:1em; color:#333;line-height: 1.8em; font-weight:bold;}

.detail4{font-size: 0.85em;  color:#666; line-height: 1.8em;}

.numberlist2 li:nth-of-type(2),.numberlist2 li:nth-of-type(3){ margin-top: -0.4em;}



.more1{ width:7em; height:2em; border-radius:1em; line-height:2em; color:#0a94dd; font-size:1em; text-align:center; display:block; border:1px solid #0a94dd; color:#0a94dd;transition: all 0.3s ease 0s; margin-top:30px; float:left;}

.more1:hover{ background:#0a94dd; color:#fff; }



.index_cpyy{ width:100%; padding:1.5em 0; background:#f5f8ff; float:left}

.index_cpyy .wrap{ position:relative;}



.cpyybox{ width:100%; float:left;}

.cpyylist{ width:100%; float:left;}

.cpyylist li{ width:48%; margin:1em 0 0 0; float:left; position:relative;}

.cpyylist li:nth-of-type(2n){ float: right;}

.cpyylist li img{ float:left; width:100%; height:auto;}



.cpbanner{ width:584px; height:337px; overflow:hidden; position:relative; float:left;}

.b-img{ height:337px;  position:absolute; left:0; top:0;}

.b-img li{ height: 337px; float: left;}

.b-list{ height:50px; padding-top:300px; position:relative; margin:0 auto;z-index:1;}

.b-list span{ display:block;cursor:pointer; width:8px; height:8px; border-radius:50%; background:#fff; float:left; margin:0 5px; _margin:0 3px;}

.b-list .spcss{ background:#0a94dd;}

.bar-left{ position:absolute; z-index:1; display:block; width:100px; height:100%; left:50%; margin-left: -640px; background:none; top:0px; }

.bar-right{ position:absolute;z-index:1; display:block; width:100px; height:100%; left:50%; margin-left: 579px; background:none; top:0px; }

.bar-left em{ display:block; width:61px; height:100px; background:url(images/lbtn5.png) no-repeat; margin:0 auto; margin-top:250px;}

.bar-right em{ display:block; width:61px; height:100px; background:url(images/rbtn5.png) no-repeat; margin:0 auto; margin-top:250px;}	





.mobilenone{ display:none;}

.pcnone{ display:block;}



.bannerbox1{ width:584px; height:337px; position:relative; float:left }



.banner1{  width:584px; height:337px; overflow: hidden; position: relative;}



.banner1 ul {height: 337px; }



.banner1 a img{ width:584px; height:337px;display: block; vertical-align: bottom; }



.slidenum1{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}



.slidenum1 span{display:inline-block; background:#fff;width:8px; height:8px; margin:0 5px; cursor:pointer; border-radius: 100%;}



.slidenum1 span.current{background:#0a94dd;}

.lbtn1,.rbtn1{ display:none}



.more2{ width:7em; height:2em; border-radius:1.2em; line-height:2em; color:#0a94dd; font-size:0.9em; text-align:center; display:block; border:1px solid #0a94dd; color:#0a94dd;transition: all 0.3s ease 0s; margin: 0 auto; margin-top:1em; float:none;}

.more2:hover{ background:#0a94dd; color:#fff; }





#Product{ width:100%; position: relative;  }

#Product .tab_box{width:100%; float:right;margin-top: 1.5em;}

#Product .tab_box .item{ text-align: center; cursor: pointer; }

#Product .tab_box .item .icon{ overflow: hidden; width: 1.5em; height: 1.5em; margin: auto}

#Product .tab_box .item .icon img{width: 1.5em; height: 1.5em;}

#Product .tab_box .item .yuan{ position: relative; padding: 0.5em 0}

#Product .tab_box .item .yuan:before,

#Product .tab_box .item .yuan:after{ content: ''; position: absolute; display: block; width:40%; height: 1px; top: 50%; background: #e4e4e4}

#Product .tab_box .item .yuan:before{ left: 0}

#Product .tab_box .item .yuan:after{ right: 0}

#Product .tab_box .item .yuan i{ display:inline-block;border: solid 1px #7c7c7c;border-radius: 20px; padding: 5px;line-height: 0; }

#Product .tab_box .item .yuan i:before{ content: ''; display: inline-block; background: #7c7c7c; width: 6px; height: 6px; border-radius: 20px;}

#Product .tab_box .item.slick-current .yuan i{ border-color: #0a94dd}

#Product .tab_box .item.slick-current .yuan:after,

#Product .tab_box .item.slick-current .yuan i:before{background: #0a94dd; }

#Product .tab_box .item.slick-current .icon img{transform: translateY(50px); filter: drop-shadow(#0a94dd 0 -50px); }

#Product .tab_box .item h4{ color: #666;font-size:0.85em; font-weight:normal}

#Product .tab_box .item.slick-current h4{ color: #0a94dd}

#Product .list_box { margin-top: 6%}

#Product .list_box pre{ line-height: 36px;}

#Product .list_box .item .pic{border-radius: 10px; overflow: hidden}

#Product .list_box .num{ display:none}

#Product .list_box .num:before{ content: ''; position: absolute; left: 30%; top: 50%; width: 40%; height: 1px; background: #8cc89f}

#Product .list_box .slick-dots{ width: auto; left: 35%; bottom:10px; z-index: 101; line-height: 40px; display:none}

#Product .list_box .slick-dots li{ display: none;}

#Product .list_box .slick-dots li.slick-active{ display: none}

#Product .list_box .slick-dots li.slick-active button{font-size: 24px; color: #553737; background:none; height: 40px}

#Product #particles-js{ position: absolute; width: 100%; height: 100%; top: 0; bottom: 0 }

#Product .count-particles{ display: none}

#Product canvas{

  display:block;

  vertical-align:bottom;

}



.slick-prev{ width:2em; height:2em; left:0; position:absolute; top:2.8em; cursor:pointer; z-index:101; background:url(index_tab_l.png) no-repeat; background-size: 1.2em auto; text-indent:100px; overflow:hidden; border:0}

.slick-next{ width:2em; height:2em; right:0; position:absolute;top:2.8em; cursor:pointer; z-index:101; background:url(index_tab_r.png) right no-repeat; background-size: 1.2em auto; text-indent:100px; overflow:hidden;border:0}

.slick-slider {position: relative;display: block;-webkit-touch-callout: none;-ms-touch-action: pan-y; touch-action: pan-y;-webkit-tap-highlight-color: transparent}

.slick-list { position: relative; z-index: 1;display: block; overflow: hidden; }

.slick-list:focus {outline: none}

.slick-list.dragging {cursor: pointer;cursor: hand;}

.slick-slider .slick-track, 

.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform: translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0)}

.slick-track {position: relative; top: 0; left: 0; display: block;}

.slick-track:before, 

.slick-track:after{display: table; content: '';}

.slick-track:after{ clear: both;}

.slick-loading .slick-track { visibility: hidden;}

.slick-slide{ display: none; float: left; min-height: 1px;}

[dir = 'rtl'] .slick-slide {float: right;}

.slick-slide .slick-loading img { display: none;}

.slick-slide .dragging img { pointer-events: none;}

.slick-initialized .slick-slide { display: block;}

.slick-loading .slick-slide { visibility: hidden;}

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}

.slick-arrow .slick-hidden { display: none;}



.index_xstd{ width:100%; float:left; padding:1.5em 0; background:#fff;overflow:hidden }

.index_news{ width:100%; float:left; }

.xstdtu{ width:100%;  float:left;  position:relative;  overflow:hidden; background:#fcfdff; border-radius:3px;margin-top:1em; text-align: left;}

.xstdtu dt{  width:100%; float:left; border-radius:3px;height:auto;}

.xstdtu dt img{ width:100%;  float:left; border-radius:3px;height:auto;}

.xstdtu dd{ width:100%; margin-right:0; float:right; padding:1em 0; box-sizing: border-box; color:#666;}



.xstdtu_t{ width:100%; float:left;}

.xstdtu_tt{ width:100%; float:left; height:2em; line-height:2em; font-size:1em; font-weight:bold;}

.xstdtu_sj{ width:100%; float:left;font-size: 0.9em; margin-top:0.5em;}	

.xstdtu_txt{ width:100%; float:left; line-height:1.5em; max-height: 6em; font-size: 0.9em; overflow:hidden; margin-top:0em;}

.xstdtu_xq{ float:left; color:#0a94dd; background:url(ico1.png) right center no-repeat; background-size: auto 0.8em; padding-right:1em; font-size: 0.9em;margin-top:0.5em;}



.xstdbox{ width:100%; float:left;   border-top:1px solid #eaeaea; margin-top:0em; margin-bottom: 3em;}

.xstdbox li{ width:100%; float:left; border-bottom:1px solid #eaeaea; height:3em; line-height:3em; text-align: left;}

.xstit{ width:73%; float:left;  height:3em; line-height:3em; overflow:hidden; font-size:0.9em;}

.xssj{ float:right; height:3em; line-height:3em; width:25%; text-align:right;font-size:0.9em;}



.shfwbox{ float:right; width:100%; float:right;}

.shfwmain{ width:100%; padding:1em; background:#9dcfff;margin-top:1em; float:left; box-sizing: border-box;}

.shfwmain_tu{ width:100%; float:left;  height:auto;}

.shfwmain_tu img{ width:100%; float:left;  height:auto;}

.shfwmain dt{ width:100%; color:#fff; font-size:1em; line-height:5em; height:5em; overflow:hidden; margin-top:0.5em; float:left}

.shfwmain dd{ float:right; height:2.5em; padding:0 2em; line-height:2.5em;font-size:0.9em; color:#fff; border:1px solid #fff; border-radius:2em;}





.dbannerbox1{ width:100%; height:530px; position:relative; float:left }

.dbanner1{  width:750px; height:530px; overflow: hidden; position: relative;}

.dbanner1 ul {height: 480px; }

.dslidenum1{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: center;}

.dslidenum1 span{display:inline-block; background:#ccc;width:10px; height:10px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.dslidenum1 span.current{background:#0a94dd;}

.ddlbtn1,.ddrbtn1{ display:none}



.nbanner,.nbanner img{ float:left; width:100%;}

.ntitle1{ width:100%; float:left;line-height:2em; font-size:1.2em; color:#000; text-align:center; margin-bottom:1em;}



.siteBox{ width:100%; float:left; border-bottom: 0;}

.siteMbxdh{ float:left; line-height:1.5em; width: 100%; height: auto; padding: 0.8em 0; border-bottom:1px solid #ddd; font-size: 0.9em;}

.siteMbxdh a{ display:inline-block;}

.siteCate{ width:100%; float:left; padding: 0.5em 0; }

.siteCate a{ display:inline-block; margin-left: 0; margin-right:0.5em; line-height:2em; font-size: 0.9em; border-bottom:1px solid #fff}

.siteCate a:hover,.siteCate a.hov{ border-bottom:1px solid #0a94dd; box-sizing:border-box}





.about_fzlc{ width:100%; float:left; padding:0.5em 0 1.5em 0;}

.about_fzlc img{ float:left; width:100%;}



.about_qywh{ width:100%; float:left; padding:1.5em 0; background:url(bg1.jpg) right center no-repeat #f5f8ff; background-size: 15% auto}

.about_qywh dl{ width:48%; float:left; margin-bottom: 1em; margin-right:0; padding:1em; box-sizing:border-box; position:relative; background:#fff; border-radius:5px;transition: all 0.3s ease 0s; }

.about_qywh dl dt{ width:100%; float:left; font-size:1em; line-height:2em; background:url(wh1.png) left top no-repeat; background-size:  auto 1.5em; padding:2em 0 0.3em 0; border-bottom:1px solid #ddd; margin-bottom:20px;}

.about_qywh dl dd{ width:100%; float:left; line-height:1.5em; height:6em; font-size: 0.85em; overflow:hidden;}

.about_qywh dl:nth-of-type(5n){ margin-right:0}

.about_qywh dl:nth-of-type(2n){ float: right;}

.about_qywh dl:hover{ background:#0a94dd; color:#fff;}

.about_qywh dl:hover dt{background:url(wh1n.png) left top no-repeat; background-size:  auto 1.5em;border-bottom:1px solid #fff}



.about_honor{ width:100%; padding:1.5em 0; float:left}

#cp_tabs0 {width: 100%; overflow:hidden;}

.cp_menu0{width: 100%; height:40px; text-align:center; line-height:40px;}

.cp_menu0 a{ cursor:pointer; display:inline-block; padding:0 1em; font-size:1em;}

.cp_menu0 a.cp_hover{ color:#0a94dd; background:url(line1.png) center bottom no-repeat;}

.honortxt{ width:100%; float:left; color:#666; padding:1em 0; font-size: 0.85em; text-align:center}



.bannerbox2{ width:1200px; height:450px; position:relative; display: none;}





.about_hzhb{ width:100%; padding:0 0 1.5em 0; float:left}

.hzhbtxt{width:100%; float:left; color:#666;  text-align:center}

.hzpblist{ width:100%; float:left;}

.hzpblist dl{ float:left; width:48%; margin-right:2%; float:left; box-sizing:border-box; border-radius:5px;  border:2px solid #ddd; margin-top:1em;}

.hzpblist dl img{ width:100%; float:left; box-sizing:border-box}

.hzpblist dl:nth-of-type(6n){ margin-right:0}

.hzpblist dl:nth-of-type(2n){ margin-right:0}



.newslist{ width:100%; float:left; margin-top:1em}

.newslist li{ width:100%; float:left;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:2%; margin-bottom:1em; padding-bottom:1em; border-bottom:0;transition: all 0.3s ease 0s;}

.newslist li:hover{ border-bottom:0 solid #0a94dd; }



.newslist li .news_tu{ width:100%; height:auto;}

.newslist li img{ float:left; width:100%;height:auto;}

.newslist li:nth-of-type(3n){ margin-right:0}

.news_main{ width:100%;  float:left;}

.news_sj{ float:left; width:100%; line-height:1.8em; color:#333; font-size: 0.9em; }	

.news_t{ width:100%; float:left; line-height:2em; height:2em; color:#333; font-size:1em;margin-bottom:0.5em; margin-top:1em;}

.news_txt{ width:100%; float:left; line-height:1.8em; color:#333; font-size: 0.9em; margin-bottom:0.5em; height:auto; overflow:hidden}



.bannerbox3{ width:1200px; height:340px; position:relative; float:left; margin:40px 0 ; display: none;}

.banner3{ width:1200px; height:340px; overflow: hidden; position: relative; background:#f5f8ff;}

.banner3 ul {height: 340px; }

.banner3 li{ width:1200px;}

.slidenum3{ position:absolute; display:block; bottom:20px; left:0; width: 100%; text-align: right; padding-right:20px; box-sizing:border-box;}

.slidenum3 span{display:inline-block; background:#ddd;width:12px; height:12px; margin:0 5px; cursor:pointer; border-radius: 100%;}

.slidenum3 span.current{background:#0a94dd;}

.lbtn3,.rbtn3{position: absolute;left: 0; top: 0; background: url(sleft.png) no-repeat center center; width: 41px; cursor:pointer; height:41px; height: 100%;  text-indent: -9999px; display:none}

.rbtn3{right: 0; left: auto; background: url(sright.png) no-repeat center center; }





.nxstdtu{ width:100%;  float:left;  position:relative;  overflow:hidden;}

.nxstdtu dt{  width:600px; float:left; height:340px;}

.nxstdtu dt img{ width:600px; float:left; height:340px;}

.nxstdtu dd{ width:540px; margin-right:10px; float:right; padding:15px 0 0 0; color:#666; padding-top:40px;}

.nxstdtu_t{ width:100%; float:left;margin:20px 0 35px 0;}

.nxstdtu_tt{ width:100%; float:left; height:30px; line-height:30px; font-size:18px;  font-weight:bold;}

.nxstdtu_sj{ width:100%; float:left; line-height:25px;}	

.nxstdtu_txt{ width:100%; max-height:88px; float:left; line-height:22px; overflow:hidden; margin-top:10px;}

.nxstdtu_xq{ float:left; color:#0a94dd; background:url(ico1.png) right center no-repeat; padding-right:20px;margin-top:40px;}





.newshow{ width:100%; float:left;  margin:1em 0 0 0}

.newshow_t{ width:100%; float:left; line-height:1.5em; font-size:1em; text-align:center}

.newshow_gg{ width:100%; line-height:3em; border-bottom:1px solid #ddd;font-size: 0.9em; float:left; margin-bottom:1em;text-align:center}

.news_contents{ width:100%; line-height:1.8em; float:left; font-size: 0.9em;  border-bottom:1px solid #ddd; padding-bottom:2em;}

.news_contents img{ max-width:100%; height:auto}



.shangxiabox{ width:100%; float:left; margin-top:1em;}

.shangxiafanhui{ float:none; clear: both; font-size: 0.9em;width:100px; display: block; height:2.5em; line-height: 2.5em; margin: 1em auto; color:#fff; background:#0a94dd; border-radius:30px; text-align:center; }

.shangxia{ float:left; width:100%; line-height:1.8em;}

.shangxia li{ float:left; width:100%; height:1.8em;; line-height:1.8em;; color:#666; font-size: 0.9em;}

.shangxia li a{ color:#000}



.shfwbgboxbg{ width:100%; float:left; background:#f5f8ff; padding:10px; box-sizing:border-box; margin:1em 0}



.shfwbgbox{ width:100%; padding: 1em; box-sizing: border-box; float:left; background:url(shfwbg1.jpg); background-size:100% auto; height:auto; color:#fff;}

.shfwboxtt{ width:100%; float:left; text-transform:uppercase; text-align:center; font-size:1.2em; font-weight:bold; line-height:30px; margin-top:10px;}

.shfwboxtt p{ font-size:0.8em; font-weight:normal; background: url(line4.png) center center no-repeat;}

.shfwboxtxt{ width:100%; float:left; line-height:1.8em; padding:10px 0; font-size: 0.9em; box-sizing:border-box}

.shfwform{ float: right; width: 100%; margin-top: 1em;}

.shfwform dl{ width: 100%; margin-bottom: 1em; padding-left: 6em; padding-right: 0; box-sizing: border-box; position:relative; float: left;}

.shfwform dl dt{ width: 6em;height: 30px; text-align: right; line-height: 30px; position: absolute; left: 0; top: 0; font-size: 0.9em;}

.input1{ width:100%; height:30px; line-height:30px; text-indent:5px; float:left; border:1px solid #ddd; box-sizing:border-box; background: none;}

.shfwform dl.baifenbai{ width: 100%;}

.textarea1{ width:100%; height:66px; line-height:22px; padding: 5px; float:left; border:1px solid #ddd; box-sizing:border-box; background: none;}

.button1{ width:90px; float:left; border-radius:5px; color:#fff; background:#0a94dd; cursor:pointer; border:0; height:34px; font-size:16px; margin-right: 50px;}

.button2{ width:90px; float:left; border-radius:5px; color:#0a94dd; background:#fff; cursor:pointer; border:1px solid #0a94dd; height:34px; font-size:16px;}



.cpzslist{ width:100%; float:left; margin-top: 1em;}

.cpzslist li{ width:100%; float:left;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:0; margin-bottom:1em; transition: all 0.3s ease 0s;}

.cpzslist li .cpzs_tu{ width:100%; height:auto;}

.cpzslist li img{ float:left; width:100%;height:auto;}

.cpzslist li:nth-of-type(3n){ margin-right:0}

.cpzs_main{ width:100%;  float:left; background: #f5f8ff; padding: 1em; padding-bottom: 1em; box-sizing: border-box;transition: all 0.3s ease 0s;}

.cpzs_t{ width:100%; float:left; line-height:2em; height:2em; color:#333; font-size:1em;margin-bottom:0.5em;}

.cpzs_txt{ width:100%; float:left; line-height:1.8em; color:#333; font-size: 0.9em; height:auto; overflow:hidden}

.cpzs_xz{ width: 100%;float:left; text-align: right; margin-top: 10px;}

.cpzs_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd;font-size:1em;}

.cpzslist li:hover .cpzs_main{ background:#0a94dd;}

.cpzslist li:hover .cpzs_t{  color:#fff;}

.cpzslist li:hover .cpzs_txt{  color:#fff;}

.cpzslist li:hover .cpzs_xz a{ border-bottom: 1px solid #fff;color: #fff}



.hczxBox{ width: 100%; float: left; background: #f5f5f5; padding: 1em 0 0;}

.hczxlist{ width:100%; float:left; background: #fff; padding: 1em; box-sizing: border-box; padding-bottom: 0;}

.hczxlist li{ width:100%; float:left; padding: 5px;background: #f5f8ff;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:0; margin-bottom:1em; transition: all 0.3s ease 0s;}

.hczxlist li .hczx_tu{ width:100%; height:auto;}

.hczxlist li img{ float:left; width:100%;height:auto;}

.hczxlist li:nth-of-type(3n){ margin-right:0}

.hczx_main{ width:100%;  float:left;  padding: 1em; padding-bottom: 1em; box-sizing: border-box;transition: all 0.3s ease 0s;}

.hczx_t{ width:100%; float:left; line-height:2em; height:2em; color:#333; font-size:1em;margin-bottom:10px;text-align: center;}

.hczx_txt{ width:100%; float:left; line-height:22px; color:#333;  height:44px; overflow:hidden}

.hczx_xz{ width: 100%;float:left; text-align: center; margin-top: 10px;}

.hczx_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd;}

.hczxlist li:hover { background:#0a94dd;}

.hczxlist li:hover .hczx_t{  color:#fff;}

.hczxlist li:hover .hczx_txt{  color:#fff;}

.hczxlist li:hover .hczx_xz a{ border-bottom: 1px solid #fff;color: #fff}



.hczxshow{ width: 100%; padding: 1em; background: #fff; box-sizing: border-box; float: left; margin-bottom: 1em;}

.hczxshowfmt{ width: 100%; float: left; border: 5px solid #f5f8ff; box-sizing: border-box;}

.hczxshowmm{ width: 100%; float: right;}

.hczxshow_t{ font-size: 1em;width: 100%;float: left; line-height: 2em; margin: 1em 0 0.5em 0; }

.hczxshow_txt{ width: 100%;float: left; line-height: 1.8em; margin-bottom: 0.5em; font-size: 0.9em; color: #333; }

.zxbaojia{ width: 80px; height: 30px; line-height: 30px; text-align: center; color: #fff; display: block; float: left;background:#0a94dd; color: #fff;}

.zxbaojia:hover{color: #fff;}

.hczxshow1{ width: 100%; float: left;}

.hczxshow2{ width:100%; line-height:1.8em; float:left; margin: 1em 0; font-size: 0.9em; border-top:1px solid #ddd;   border-bottom:1px solid #ddd; padding: 1em 0; color: #666;}

.hczxshow2 img{ max-width:100%; height:auto}

.tuijianproduct{ width: 100%; float: left; padding-top: 1em;}

.tuijianproduct dl{ width:100%; margin-right:0; float: left; background: #f5f8ff; padding: 5px; box-sizing: border-box;transition: all 0.3s ease 0s; margin-bottom: 1em;}

.tuijianproduct dl dd{width: 100%; float: left; height: auto;}

.tuijianproduct dl dd img{width: 100%; float: left;height: auto; }

.tuijianproduct dl dt{width: 100%; float: left; text-align: center; height: 3em; line-height: 3em; font-size: 0.9em;}

.tuijianproduct dl:nth-of-type(4n){ margin-right: 0;}

.tuijianproduct dl:hover{ background:#0a94dd;   }

.tuijianproduct dl:hover dt{color: #fff;}



.productslist{ width:100%; float:left; background: #fff; padding: 1em; box-sizing: border-box;}

.productslist li{ width:100%; float:left; background: #f5f8ff; border: 1px solid #cdcdcd; border-radius: 8px;  box-sizing:border-box;transition: all 0.3s ease 0s; margin-right:0; margin-bottom:1em; transition: all 0.3s ease 0s;}

.productslist li .products_tu{ width:100%; height:auto;border-radius: 8px 8px 0 0; overflow: hidden; float: left;}

.productslist li img{ float:left; width:100%;height:auto;border-radius: 8px 8px 0 0;}

.productslist li:nth-of-type(3n){ margin-right:0}

.productslist li:nth-of-type(2n){ float:right;}

.products_main{ width:100%;  float:left;  padding: 0.5em; padding-bottom: 1em; box-sizing: border-box;transition: all 0.3s ease 0s;}

.products_t{ width:100%; float:left; line-height:2em; height:2em; color:#333; font-size:1em;margin-bottom:0.5em;}

.products_txt{ width:100%; float:left; line-height:1.5em; color:#333; max-height: auto; font-size: 0.85em;  height:auto; overflow:hidden}

.products_xz{ width: 100%;float:left; text-align: right; margin-top: 10px;}

.products_xz a{  line-height: 22px; display: inline-block; border-bottom: 1px solid #0a94dd;color: #0a94dd; font-size:0.9em;}

.productslist li:hover { background:#0a94dd;}

.productslist li:hover .products_t{  color:#fff;}

.productslist li:hover .products_txt{  color:#fff;}

.productslist li:hover .products_xz a{ border-bottom: 1px solid #fff;color: #fff}



#preview{ float:left; width:100%;}

.jqzoomx{ width:350px; height:200px; position:relative;}



.zoomdiv{ left:859px; height:400px; width:200px;}

.list-h li{ float:left;}

#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}

#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}

#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}

#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}

#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}

#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}



/*jqzoom*/

.jqzoomx{position:relative;padding:0;}

.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:400px;height:400px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}

.bigimg{width:800px;}

.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}

#spec-list{ position:relative; width:322px; margin-right:6px;}

#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}





#g_tabs0 {width: 100%; overflow:hidden; margin-top: 1em; float: left;}

.g_menu0{width: 100%; height:3em; text-align:center; line-height:3em; background: #f5f8ff;}

.g_menu0 a{ cursor:pointer; font-size:1em; color:#313131; width: 25%; display: block; float: left;}

.g_menu0 a.g_hover{ color:#0a94dd; border-bottom: 2px solid #0a94dd; box-sizing: border-box;}

#g_main0 ol{display: none; font-size: 0.9em; color: #333; line-height: 1.8em; width: 100%; padding-top: 1em;}

#g_main0 ol img{ max-width: 100%; height: auto;}

#g_main0 ol.g_block{display: block;}



.contactBox{ width: 100%; float: left;  padding:  0;}



.contactBox dl{ width: 100%; float: left; margin-right: 0; margin-bottom: 1em;}

.contactBox dl dt{ width: 100%; float: left; color: #0a94dd; font-weight: bold; height: 2em; line-height: 2em; font-size: 0.9em; }

.contactBox dl dd{ width: 100%; float: left;  }

.contactBox dl dd p{width: 100%; float: left; color: #333; margin-bottom: 0.5em; line-height: 2em; height: 2em; overflow: hidden; font-size: 0.9em;padding-left: 25px; box-sizing: border-box; }

.contactBox dl dd p.companyTitle{ width: 100%; float: left; padding-left: 0; line-height: 2em; height: 2em; overflow: hidden; color: #000; font-weight: bold; font-size: 1.2em; }

.contactBox dl dd p.companyAddress{ background: url(lx1.jpg) left center no-repeat;}

.contactBox dl dd p.companyPhone{ background: url(lx2.jpg) left center no-repeat;}

.contactBox dl dd p.companyFax{ background: url(lx3.jpg) left center no-repeat;}

.contactBox dl dd p.companyEmail{ background: url(lx4.jpg) left center no-repeat;}

.contactBox dl dd p.companyAfterService{ background: url(lx5.jpg) left center no-repeat;}

.contactBox dl dd p.companyHotTel{ background: url(lx6.jpg) left center no-repeat; margin-top: 0; }

.contactBox dl dd p.companyHotTel span{ font-size: 22px;color: #0a94dd;}



.contactaddresslist{ width: 100%; margin:0 auto;  border-top: 1px solid #ddd; padding: 1em 2.7%; overflow: hidden; box-sizing: border-box;}

#g_tabs1 {width: 100%; color: #333; overflow:hidden;float: left; margin-top: -10px;}

.g_menu1{width: 100%;  text-align:center;}

.g_menu1 a{ cursor:pointer; font-size:16px; color:#313131; margin: 0 15px; line-height:30px; padding-bottom: 5px; display:inline-block;}

.g_menu1 a.g_hover1{ border-bottom: 1px solid #0a94dd; color: #0a94dd; box-sizing: border-box;}

#g_main1 ol{display: none; margin-top: 30px;}

#g_main1 ol.g_block1{display: block;}

#g_main1 ol dl{ width: 100%; float: left; margin-right:0; background: url(lxbg1.jpg) left 15px top 15px no-repeat #f5f8ff; padding:4em 1em; margin-bottom: 1em; box-sizing: border-box;}

#g_main1 ol dl:hover{background: url(lxbg2.jpg) left 15px top 15px no-repeat #0a94dd; color: #fff;}

#g_main1 ol dl:nth-of-type(3n){ margin-right: 0;}

#g_main1 ol dl dt{ font-size: 1em; font-weight: bold; width: 100%; float: left; height: 2em; line-height: 2em;}

#g_main1 ol dl h1{ width: 50px; height: 2px; float: left; display: block; background: #333; margin: 0.2em 0 0.5em;}

#g_main1 ol dl dd{ width: 100%; height:auto; line-height: 1.8em; font-size: 0.9em; overflow: hidden;}

#g_main1 ol dl:hover h1{ background: #fff;}



.liuyanform{ width: 100%; float: left; padding: 1em 0;}

.liuyanform dl{ width:100%; float: left; margin-right:0;  margin-bottom: 1em; padding-left: 6em; box-sizing: border-box; position: relative;}

.liuyanform dl:nth-of-type(2n){ margin-right: 0px;}

.liuyanform dl dt{ width:6em; float: left; line-height: 30px; height: 30px; text-align: right; position: absolute; left: 0; top: 0; font-size: 0.9em;}

.liuyanform dl dt span{ color: red;}

.dinput1{ width: 100%; float: left; height: 30px; line-height: 30px; background: #f5f8ff; text-align: 5px; border: 0;}

.liuyanform dl.baifenbai{ width: 100%; margin-right: 0;}

.dtextarea1{ width: 100%; float: left; height: 150px; line-height: 25px; box-sizing: border-box; background: #f5f8ff; padding: 5px; border: 0;}

.liuyanform p .button1{ float: none; display: inline-block; margin: 0 10px;}

.liuyanform p .button2{ float: none; display: inline-block; margin: 0 10px;}



		}





@media screen and (max-width: 1000px) {

.f_20{ font-size:1.7em}

.f_22{ font-size:1.88em}

.f_24{ font-size:2em}

.f_26{ font-size:2.2em}

.f_28{ font-size:2.38em}

.f_30{ font-size:2.56em}

.f_32{ font-size:2.7em}

.f_34{ font-size:2.9em}

.f_36{ font-size:3em}

.f_38{ font-size:3.25em}

.f_40{ font-size:3.4em}

.f_42{ font-size:3.58em}

.f_44{ font-size:3.76em}



}



@media screen and (max-width: 480px) {

.f_20{ font-size:1.28em}

.f_22{ font-size:1.4em}

.f_24{ font-size:1.536em}

.f_26{ font-size:1.66em}

.f_28{ font-size:1.79em}

.f_30{ font-size:1.92em}

.f_32{ font-size:2.048em}

.f_34{ font-size:2.18em}

.f_36{ font-size:2.3em}

.f_38{ font-size:2.43em}

.f_40{ font-size:2.56em}	

.f_42{ font-size:2.68em}	

.f_44{ font-size: 2.8em;}

}



@media screen and (max-width: 414px) {/*iphone6+ 414*736 +滚动条18*/

.f_20{font-size: 1.1em;}

.f_22{ font-size:1.2em}

.f_24{ font-size:1.32em}

.f_26{ font-size:1.44em}

.f_28{ font-size:1.55em}

.f_30{ font-size:1.655em}

.f_32{ font-size:1.77em}

.f_34{ font-size:1.88em}

.f_36{ font-size:1.99em}

.f_38{ font-size:2.1em}

.f_40{ font-size:2.2em}

.f_42{ font-size:2.3em}

.f_44{ font-size: 2.4em;}

}



@media screen and (max-width: 375px) {/*iphone6 375*667 +滚动条18*/

.f_20{font-size: 1em;}

.f_22{ font-size:1.1em}

.f_24{ font-size:1.2em}

.f_26{ font-size:1.3em}

.f_28{ font-size:1.4em}

.f_30{ font-size:1.5em}

.f_32{ font-size:1.6em}

.f_34{ font-size:1.7em}

.f_36{ font-size:1.8em}

.f_38{ font-size:1.9em}

.f_40{ font-size:2em}

.f_42{ font-size:2.1em}

.f_44{ font-size: 2.2em;}

}



@media screen and (max-width: 360px) {

.f_20{font-size: 0.96em;}

.f_22{ font-size:1em}

.f_24{ font-size:1.152em}

.f_26{ font-size:1.25em}

.f_28{ font-size:1.34em}

.f_30{ font-size:1.44em}

.f_32{ font-size:1.536em}

.f_34{ font-size:1.63em}

.f_36{ font-size:1.73em}

.f_38{ font-size:1.8em}

.f_40{ font-size:1.92em}

.f_42{ font-size:2em}

.f_44{ font-size: 2.1em;}

}



@media screen and (max-width: 320px) {

.f_20{font-size: 0.85em;}

.f_22{ font-size:0.94em}

.f_24{ font-size:1.024em}

.f_26{ font-size:1.1em}

.f_28{ font-size:1.2em}

.f_30{ font-size:1.28em}

.f_32{ font-size:1.37em}

.f_34{ font-size:1.45em}

.f_36{ font-size:1.54em}

.f_38{ font-size:1.62em}

.f_40{ font-size:1.7em}

.f_42{ font-size:1.78em}

.f_44{ font-size: 1.877em;}

}

