@charset "utf-8";
/* 公用CSS */
html,body,ol,ul,li,a,span,div,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,img,fieldset,legend,blockquote,input,textarea,select,hr{margin:0;padding:0;list-style:none;word-wrap:break-word;outline:none;font-size:100%; border:none;}
input,textarea{outline:0;resize:none;}
img{vertical-align:top;border:0;}
input,textarea{font-family:"宋体";font-size:12px;border:none;resize:none;outline:none;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
.clearfix{clear:both;margin:0;padding:0;font-size:0px;line-height:0px;height:0px;overflow:hidden;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
*html .clearfix{zoom:1;}
*+html .clearfix{zoom:1;}
h1{ font-size:24px;}
h2{ font-size:18px}
h3{ font-size:14px;}
h4{ font-size:16px;}
h5{ font-size:12px;}
body{font:12px/24px "宋体",Arial, Helvetica, sans-serif;color:#666;}
a{color:#666;text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());}
a:hover{color:#017ec1;text-decoration:none;}:focus{outline:none;}
/* CSS活动的公共样式 */
.gr_left{float:left;}
.gr_right{float:right;}
.gr_overflow{overflow:hidden;}
.gr_center{text-align:center;}
.gr_width{ width:1000px; margin:0 auto;}
.mb30{margin-bottom:30px;}
.pt30{padding-top:30px;}
.ml10{margin-left:10px;}
.mb20{margin-bottom:20px;}
.pt20{padding-top:20px;}
.mt15{margin-top:15px;}
.mr20{margin-right:20px;}
.mb10{margin-bottom:10px;}
/* 头部 */
.gr_header{ overflow: hidden; background:url(../images/head_bg.jpg); height: 85px; padding-top:20px;}
.head_phone{ margin-top:15px;font-size:18px;line-height:30px;color:#017EC1;}
.head_phone span{font-size:22px;font-family:Arial;color:#017EC1;font-weight:bold;}
/* 主导航  */
.gr_nav{ height: 45px; line-height: 45px;background:url(../images/nav_bg.jpg);}
.gr_nav li{ float: left; height: 45px; background:url(../images/nav_line.jpg) no-repeat right center; font-size: 14px; font-family: "微软雅黑"; width: 111px; text-align: center;}
.gr_nav li a{display: block;color: #fff;}
.gr_nav li.last{background:none;}
.gr_nav li a:hover,.gr_nav li.current a{ background:url(../images/nav_h.jpg);}
/*  广告轮播图 */
.index_banner{ width:1920px; margin: 0 auto; position:relative; height:500px;overflow:hidden; left: 50%; margin-left:-960px;}
.index_ban_ul{ width:1920px; height:500px; overflow:hidden; z-index:0;}
.banner_ctr{ height:90px;width:1000px;position:absolute;top:45%;z-index:2;left:50%; margin-left:-500px;}
.banner_ctr a{ display:block;width:60px;height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.banner_ctr a.prev{left:0px;}
.banner_ctr a.next{right:0px; background-position: 0 -90px;}
.banner_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.index_banner .hd{ width:1000px;position:absolute; bottom:0; text-align: center; z-index:1;left: 50%; margin-left:-500px;font-size: 0; line-height: 0; background:url(../images/ban_numbg.png) no-repeat center bottom; height: 23px;padding-top:10px; }
.index_banner .hd li{background:#333; z-index:2; cursor:pointer; margin-right:5px; display:inline-block;width:12px; height:12px; line-height:0;font-size:0;*display:inline; zoom:1; font-weight: bold; border-radius: 100%;}
.index_banner .hd li:hover,.index_banner .hd .on{background:#3c9afa;}
/*  热点搜索 */
.hot_search{height:60px;line-height:59px; border-bottom:2px solid #dadada;color: #333;}
.hot_search .gr_left strong{ margin-right:5px; }
.hot_search .gr_left a{color: #333;}
.hot_search .gr_left a:hover{ color: #017ec1;}
.search{width:290; height:30px; line-height:30px; float:right;margin-top:10px; background:#fff; border-radius: 20px;overflow: hidden; border: 1px solid #dadada;}
.sear_text{ width:230px; float:left;  height:30px; line-height:30px; float:left; color:#999; padding-left:10px;}
.sear_btn{ float:left; background:url(../images/sear_btn.jpg) no-repeat center center; width:50px; height:30px; cursor:pointer; }
.sear_btn:hover{ opacity: 0.8;}
/* 产品展示 */
.gr_product{overflow: hidden;margin-top:30px;margin-bottom:30px;}
.pro_left{ width:200px; float:left; overflow:hidden; }
.pro_side li{ font-size: 18px; font-family: "微软雅黑"; }
.pro_side li a{display: block;color: #fff; background:#017ec1 url(../images/leftside_li.png) no-repeat 160px center; padding-left:20px; padding-left:20px;height: 40px; line-height: 40px;border-left:3px solid #005b9c;margin-bottom:1px;}
.pro_side li ul a{ height: 36px; line-height: 36px; background:#f4f4f4; border-left:none; padding-left:23px; font-size: 12px; color: #666; font-family: "宋体";}
.pro_side li ul a:hover{background:#017ec1; color: #fff;}
.pro_right{ float:right; width:770px;}
.pro_right ul{ width:800px;}
.pro_right li{ width: 255px; height: 210px; float:left; margin-right:11px;border-bottom:1px solid #f0f0f0; margin-bottom:20px; }
.pro_right li img{ width:235px; height:166px; border:1px solid #017ec1;}
.pro_right li span{ display:block; width:245px; text-align:center; height:40px;line-height:40px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding: 0 5px;}
/* 三大优势 */
.gr_youshi{background:url(../images/head_bg.jpg); overflow: hidden;}
.ys_title{ height:110px; overflow: hidden;background:url(../images/ys_tiebg.jpg) repeat-x;padding-top:30px;text-align: center;}
.youshi{ overflow: hidden;font-family: "微软雅黑"; font-size: 16px;}
.youshi div h3{font-family: "微软雅黑"; font-size: 20px; color: #006aa3; height: 55px;margin-bottom:5px; border-bottom:1px solid #d6d6d6; line-height: 26px;}
.youshi div h3 span{font-size: 12px; font-family: Arial; font-weight: normal; color: #bdbdbd;display: block;}
.youshi div p span{color: #006aa3; line-height: 28px;}
.ys_a{ background:url(../images/ys_1.jpg) no-repeat center top; height: 180px; overflow: hidden; padding-top:74px; padding-right:545px; padding-left:50px;}
.ys_b{ background:url(../images/ys_2.jpg) no-repeat center top; height: 240px; overflow: hidden; padding-top:66px; padding-left:550px; padding-right:35px;}
.youshi .ys_b h3{ height: 80px;}
.ys_c{ background:url(../images/ys_3.jpg) no-repeat center top; height: 220px; overflow: hidden; padding-top:65px; padding-right:545px; padding-left:50px;}
/* 分页广告 */
.page_ban1{height:140px; overflow: hidden;background:url(../images/ys_tiebg.jpg) repeat-x;text-align: center;}
/* 产品PK */
.gr_pro_pk{ padding-top:20px; overflow: hidden; margin-bottom:10px;}
.pk_tabmenu{ height: 40px; overflow: hidden; width: 1030px; margin-bottom:25px;}
.pk_tabmenu li{height: 40px; width: 320px; overflow: hidden; float: left; background:#f4f4f4; font-size: 14px; text-align: center; line-height: 40px; margin-right:20px; cursor: pointer;}
.pk_tabmenu li.on{background:url(../images/pk_tabmenu.jpg) repeat-x;color: #fff}
.pk_tabbox{ overflow: hidden;position: relative; height:450px;  }
.pk_tab{ overflow: hidden; height:450px; }
.pk_tab .pk_img{ height: 381px; overflow: hidden; margin-bottom:15px;}
.pk_tab .pk_img li{ border: 2px solid #017ec1; height:379px; width: 488px; background:#017ec1; border-bottom:none;}
.pk_tab .pk_img img{width: 488px; height: 349px;}
.pk_tab .pk_img li span{ height: 30px; line-height: 30px;text-align: center; color: #fff; font-weight: bold; display: block;}
.pk_tab .pk_img .gr_right{background:#999999;border: 2px solid #dadada; }
.pk_tab .p01{font-weight: bold; color: #333;}
.pk_icon{ position: absolute; top: 150px;left:475px; }
/* 应用领域 */
.gr_applications{ background:#f4f4f4; overflow: hidden; padding-top:25px; padding-bottom:90px;}
.home_title{ text-align: cente r; color: #fff;text-transform: uppercase; font-size:18px; font-weight: normal; font-family: Arial; height: 55px; margin-bottom:20px; text-align: center;}
.home_title span{ display: block; font-family: "微软雅黑";  font-size: 24px; }
.gr_applications .home_title,.gr_partner .home_title{ color: #999999;}
.gr_applications .home_title span,.gr_partner .home_title span{ color:#017ec1;}
.applications{ overflow: hidden; height: 340px;}
.applications .bd{width: 1000px; height:305px; overflow: hidden;}
.applications .bd ul{ width: 1020px;}
.applications .bd li{ width: 190px; height: 305px; background:#000; overflow: hidden; float: left; margin-right:13px; }
.applications .bd li a{ display: block; height: 305px; width: 190px; overflow: hidden;}
.applications .bd img{width: 190px; height: 305px; transform:scale(1,1); transition: all 0.5s;}
.applications .bd li span{ position: relative; margin-top:-30px; display: block; text-align: center;background:url(../images/yy_fontbg.png) repeat-x;  color: #fff;line-height: 30px; height: 30px;}
.applications .bd li:hover img{ transform:scale(1.2,1.2); transition: all 0.8s;}
.applications .hd{text-align: center; font-size: 0; line-height: 0; height: 10px;zoom:1;margin-top:20px;}
.applications .hd li{ display: inline-block; width: 10px; height: 10px; background:#8a8989; border-radius: 100%; margin-right:5px;_display: inline; zoom:1; cursor: pointer;}
.applications .hd li.on{ background:#017ec1; }
.page_ban2{height: 120px; background:url(../images/page_ban2.jpg) no-repeat center top;margin-top:-70px;}
.page_ban2 p{ font-family: "微软雅黑"; color: #017ec1; float: right; padding-right:45px; padding-top:35px;}
.page_ban2 p span{display: block;font-size: 24px; font-family: Arial;}
/* 合作伙伴 */
.gr_partner{ overflow: hidden; padding-top:50px; padding-bottom:40px;}
.partner{ height: 105px; overflow: hidden; margin-bottom:20px;}
.partner li{float:left;width:145px; height: 95px; border:1px solid #dadada; position: relative; margin-right:14px;padding: 4px; background:#f4f4f4;}
.partner li img{ width: 145px; height: 95px;position: absolute;  z-index: 2;transform:rotateY(0deg);transition: all 0.6s ease 0s; backface-visibility: hidden;}
.partner li span{ position: absolute; width: 145px; height: 95px; background:#fff; line-height: 95px; text-align: center;transform:rotateY(-180deg);transition: all 0.5s ease 0s; backface-visibility: hidden; color: #333; font-size: 14px; }
.partner li:hover{ border:1px solid #017ec1;}
.partner li:hover img{transform: rotateY(180deg); }
.partner li:hover span{transform: rotateY(0deg);}
/* 客户眼中的新大 */
.gr_customers{ background:#017ec1; overflow: hidden; padding: 35px 0;}
.customers{ overflow: hidden;}
.customers li{background:#eaeef2; height: 150px; width: 485px; overflow: hidden; padding-right:15px; float: left;}
.customers li img{ width: 200px; height: 150px; margin-right:20px; float: left;}
.customers li h3{ height: 45px; line-height: 45px;font-family: "微软雅黑"; font-size: 18px; font-weight: normal;}
.customers li h3 a{ color: #333;}
.customers li h3 a:hover{ color:#017ec1;}
.customers li p{ height: 75px; overflow: hidden; line-height: 20px;}
.customers li .more{ color: #017ec1;}
.customers li .more:hover{text-decoration: underline;}
.customers li.blus{ background:#005a8b; color: #fff;}
.customers li.customers_right{ padding-right:0;padding-left:15px;}
.customers li.customers_right img{margin-left:20px;margin-right:0;}
.customers li.blus a{color: #fff;}
.customers li.blus a:hover{text-decoration: underline; }
/*  走进我们 */
.gr_about{overflow: hidden; height: 430px}
.about{ float: left; width: 660px; overflow: hidden; padding-top:20px;}
.content_tie{ height: 30px;font-family: "微软雅黑"; font-size: 18px; color: #017ec1; font-weight: normal;}
.content_tie span{ display: inline-block; width: 18px; height: 18px; background:#017ec1; color: #fff; text-align: center; font-family: Arial;margin-right:5px; line-height: 18px;text-transform: uppercase;}
.home_more{float: right; width: 45px; height: 15px; line-height: 15px;background:#017ec1;font-size: 10px; font-weight: normal;text-transform: uppercase;  margin-top:5px; font-family:Arial;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block; color: #fff;border-radius: 3px; text-align: center;}
.home_more:hover{background:#333; color: #fff;}
.about_top{ overflow:hidden; height:190px; margin-bottom:20px; margin-top:15px;}
.about_top .about_img{ width:275px; height:190px; overflow:hidden;}
.about_font{ float:right; width:370px; }
.about_font h3{ height:30px; width:360;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color: #333; font-size: 18px;font-family:"微软雅黑"; font-weight: normal;}
.about_font .font{ height: 135px; overflow: hidden;text-indent: 2em;}
.about_font .more{ color:#017ec1; }
.about_font .more:hover{ text-decoration: underline;}
/*  公司环境 */
.gr_setting {width:690px;overflow:hidden; height: 135px;}
.gr_setting  ul{}
.gr_setting  li{float:left;width:160px; height: 135px; margin-right:19px;overflow: hidden;_margin-right:10px;}
.gr_setting  li img{ width: 160px; height: 105px; }
.gr_setting  li span{height:30px; width:150px; padding:0 5px;line-height:30px;display:block;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
/*  荣誉资质 */
.gr_honor{ width: 280px; background:#f4f4f4; overflow: hidden; padding:10px; float: right; height: 430px;}
.honor_slide{ height: 305px;margin-top:20px; position: relative;}
.honor_slide .ohbox{height: 305px; position: relative; left: 25px; width: 235px; overflow: hidden;}
.honor_slide li{ width: 235px; height: 305px; text-align: center; position: relative;}
.honor_slide img{ width: 200px; height: 265px;}
.honor_slide li span{ display: block; height: 40px; line-height: 40px; text-align: center;}
.honor_slide .pageBtn span{ background:url(../images/honor_btn.png) no-repeat 0 -34px; display:block;width:19px;height:34px;position:absolute;top:125px;cursor:pointer;overflow:hidden; text-indent:-9999px;left:0px;}
.honor_slide .pageBtn .next{left:260px;background-position:0 0;}
.honor_slide .pageBtn span:hover{opacity: 0.7;}
/*  常见问题 */
.gr_content{ background:#f4f4f4; overflow: hidden; padding-top:20px; padding-bottom:15px;}
.gr_faq{ float:left; width:310px; background:#fff; padding:15px; height: 300px; overflow: hidden;}
.gr_faq .content_tie{ border-bottom:none; margin-bottom:10px;}
.gr_faq ul{}
.gr_faq li {border-bottom:1px dotted #bebebe;padding-bottom:10px;margin-bottom:10px;}
.gr_faq li h3{ height:25px; font-size:12px;background:url(../images/q.jpg) no-repeat left 5px; padding-left:25px; width:230px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.gr_faq li h3 a{ color:#333;}
.gr_faq li h3 a:hover{ color:#017ec1;}
.gr_faq li p{background:url(../images/a.jpg) no-repeat left 5px; padding-left:25px;}
.gr_faq li:last-child{border-bottom:none;}
/*  公司新闻 */
.news{ float:right; width:610px; overflow:hidden;  background:#fff; height: 300px; padding: 15px}
.news .news_top{ height: 30px;margin-bottom:10px;overflow: hidden;}
.news .news_menu a{float: left; font-family: "微软雅黑"; font-size: 18px; color: #333; font-weight: normal; margin-right:15px;}
.news .news_menu a span{ display: inline-block; width: 18px; height: 18px; background:#c2c2c2; color: #fff; text-align: center; font-family: Arial;margin-right:5px; line-height: 18px; text-transform: uppercase;}
.news .news_menu .on{ color:#017ec1;}
.news .news_menu .on span{ background:#017ec1; color: #fff;}
.news_tab{overflow: hidden; height: 275px;}
.news_tab_box{ height: 275px; overflow: hidden;}
.news_tab_top{ height: 120px; overflow:hidden;}
.news_tab_top .top_img img{ width: 230px; height: 120px;}
.news_tab_top div{ float:right; width:360px; overflow: hidden;}
.news_tab_top div h3{font-size: 14px; font-weight: normal; height: 20px;}
.news_tab_top div h3 a{ color:#017ec1; }
.news_tab_top div h3 a:hover{text-decoration: underline;}
.news_tab_top div .date{ font-family: Arial; line-height: 30px; display: block; font-weight: bold; color:#a9a9a9;}
.news_main{ margin-top:20px; clear:both; overflow: hidden;}
.news_main ul{ width:750px;}
.news_main li{ float:left; height:32px;width:285px;overflow:hidden; margin-right:32px;}
.news_main li a{ font-size:12px; width:210px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block; background:url(../images/news_li.jpg) no-repeat left center ; padding-left:10px;}
.news_main li a:hover{ color: #017ec1;background:url(../images/news_lih.jpg) no-repeat left center ;}
.news_main li span{ float:right; color:#999;}
/*  友情链接 */
.gr_link{background:#fff; padding: 20px 15px; margin-top:20px;}
.gr_link .content_tie a{ float: right; font-size: 12px; font-weight: normal; color: #333;}
.gr_link .content_tie a:hover{color:#017ec1;}
.gr_link .link{ margin-top:10px;}
.gr_link .link a{ margin: 0 5px;}
/*  尾部 */

.footnav{ height: 45px; line-height: 45px;width:1000px;margin:0px auto;}
.footnav li{ float: left; height: 45px;font-size: 12px; font-family: "微软雅黑"; width: 111px; text-align: center;}
.footnav li a{display: block;color: #fff;}

.gr_footer{ background:#017ec1; padding:5px 0; overflow: hidden; color: #b8d9f5;}
.foot_logo{ float: left;padding-top:50px; width: 80px; background:url(../images/foot_line.jpg) repeat-y right top; height: 90px;}
.foot_contact{float: left; width: 650px; background:url(../images/foot_line.jpg) repeat-y right top; padding-left:30px;}
.foot_contact span{ margin-left:10px;}
.foot_contact a{color: #b8d9f5;}
.foot_contact a:hover{color: #fff;}
.foot_wx{float: right; text-align: center; padding-left:13px;}
.foot_wx img{ border: 3px solid #0085c9; width: 105px; height: 105px; margin-bottom:5px;}
/*  内页公用 */
.list_banner{ width: 1920px; position: relative; left: 50%; margin-left:-960px; overflow: hidden;}
.list_wrapper{overflow: hidden; margin-bottom:60px;margin-top:25px;}
.list_left{ float: left; width: 200px; overflow: hidden;}
.list_right{ float: right; width: 760px; overflow: hidden;}
.position{ border-bottom:1px solid #DADADA; height:30px;}
.position strong{ color:#333; font-size:18px; font-family:"微软雅黑";  height:29px; border-bottom:2px solid #017ec1; display:inline-block; font-weight:normal;}
.position p span{ margin:0 8px;}
.list_box{ width:760px; margin-top:20px; overflow: hidden;}
/*  内页公用侧边栏 */
.list_left .title{background:#017ec1; height:55px;  font-size:24px; color:#fff; text-align:center; font-family: "微软雅黑";line-height: 55px; font-weight: normal; border-radius: 6px 6px 0 0;margin-bottom:1px;}
.list_side li { height:40px; line-height:40px;border-bottom:1px solid #fff;}
.list_side li a{ display:block; background:#efefef url(../images/pro_sideicon2.png) no-repeat 150px center; padding-left:30px;  font-weight: bold;}
.list_side li a:hover,.list_side .current a{background:#017ec1 url(../images/listside_lih.png) no-repeat 150px center; color: #FFF;}
/*  左侧联系我们 */
.left_contact{ margin-top:15px;}
.left_contact h3{ background:#1768b9; height: 30px; line-height: 30px; font-size: 12px; font-weight: normal;color: #fff; padding-left:21px; font-size: 14px;}
.left_contact h3 span{ font-family: Arial;margin-left:5px;}
.left_contact .font{ border: 1px solid #ddd;border-top:none; padding: 10px 20px;}
/* 荣誉资质 */
.list_honor ul{ width:810px;}
.list_honor li{ float:left; width:230; text-align:center; margin-bottom:15px; margin-right:20px;}
.list_honor li img{ width:230px; height:305px; border-radius:3px; padding: 4px; border: 1px solid #dadada}
.list_honor li span{ height:40px; line-height:40px; display: block; text-align: center;width: 230px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;padding: 0 5px;}
/* 公司环境 */
.gr-setting-list ul{width:800px;}
.gr-setting-list ul li{width:235px;float:left;margin-right:27px;margin-bottom:10px;text-align:center;}
.gr-setting-list ul li img{display:block;width:230px;height:150px;padding:2px;border:1px solid #e3e3e3;background:#fff;}
.gr-setting-list ul li img:hover{border:1px solid #017ec1;background:#017ec1;}
.gr-setting-list ul li span{height:30px;line-height:30px; width:215px; padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.fr-caption{ text-align:center;}
/* 产品展示 */
.list_product{ overflow: hidden; margin-bottom:20px;}
.list_product ul { width: 800px;}
.list_product li{ float: left;margin-bottom:10px; margin-right:20px; width: 240px;}
.list_product li img{ width: 210px; height: 165px;border: 1px solid #dadada; padding: 4px;}
.list_product li span{display: block;height: 30px; line-height: 30px; width: 230px; padding: 0 5px;text-align: center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.list_product li:hover img{ border: 1px solid #017ec1;}
/* 产品详情图片切换 */
.proshow_top{ overflow: hidden; height:340px; margin-bottom:30px; }
.zoombox { width: 350px; height:235px; background:#fff; float: left; }
.zoompic { width:348px; height:233px;overflow: hidden; margin-bottom:5px;border: 1px solid #dadada;}
.sliderbox { height:52px; overflow:hidden; margin-top:10px; width:350px;}
.sliderbox ul{ width: 380px;}
.sliderbox  li { float:left; width:75px; height:50px; text-align:center; margin-right:14px; border: 1px solid #ccc}
.sliderbox  li img {  width: 75px; height: 50px;}
.sliderbox  li.current{border: 1px solid #017ec1;}
/* 左侧图片放大镜样式 */
.product-show-pic{width:400px;height:340px;}
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:310px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff ;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/* 图片小图样式 */
.spec-preview{width:400px;height:268px;border:1px solid #dadada;}
.spec-scroll{margin-top:10px;width:400px;height:52px;overflow:hidden;position:relative;}
.spec-scroll a.prev{display:block;width:11px;height:18px;position:absolute;top:17px;left:10px;background:url(../images/listpro_btn.png) no-repeat 0 0px;overflow:hidden;cursor:pointer;}
.spec-scroll a.prev:hover{background-position:0 -55px;}
.spec-scroll a.next{display:block;width:11px;height:18px;position:absolute;top:17px;right:10px;background:url(../images/listpro_btn.png) no-repeat 0 -37px;overflow:hidden;cursor:pointer;}
.spec-scroll a.next:hover{background-position:0 -18px;}
.spec-scroll .items{position:relative;width:336px;height:52px;margin:0 auto;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:52px;}
.spec-scroll .items ul li{width:85px;height:52px;float:left;}
.spec-scroll .items ul li img{width:75px;height:50px;cursor:pointer;border:1px solid #e6e6e6;}
.spec-scroll .items ul li img:hover{border:1px solid #017ec1;}
/* 产品详情右侧简介 */
.pro_synopsis{ float: right; width: 335px; line-height: 30px; height: 340px; overflow: hidden;}
.pro_synopsis h1{ color: #017ec1; font-family: "微软雅黑"; font-size: 16px; height: 54px; line-height: 22px; border-bottom:1px solid #e5e5e5; font-weight: normal; margin-bottom:15px;}
.pro_synopsis p strong{ font-weight: normal;}
.pro_synopsis .btn{ margin-top:35px;}
.pro_synopsis .btn a{ display: inline-block; width: 100px; height: 30px; line-height: 30px; text-align: center; color: #fff; font-size: 14px; margin-right:10px; background:#ff5b20; border-radius: 5px; transition:all 0.5s;}
.pro_synopsis .btn .b{ background:#dc1118;}
.pro_synopsis .btn a:hover{background:#333;transition:all 0.5s;}
.pro_synopsis .font{ height: 150px;}
.pro_synopsis .phone {background:url(../images/pro_phone.jpg) no-repeat left 20px;padding-left:25px; line-height: 20px; border-top:1px solid #e5e5e5; padding-top:15px;}
.pro_synopsis .phone span{font-family: Arial;font-size: 20px; color: #017ec1; display: block;}
/* 产品详情TAB内容 */
.prodetail_tabmenu { height:30px; line-height: 30px; border-bottom:1px solid #dadada; margin-top:30px;}
.prodetail_tabmenu li{ float:left;width: 100px; text-align: center;  cursor: pointer;height: 30px;  cursor: pointer;background:#dadada;font-size: 14px; margin-right:10px; font-weight: bold;}
.prodetail_tabmenu li.on{background:#017ec1; color: #fff; }
.prodetail_tabbox{ padding-top:10px; min-height: 150px;_height:expression((document.documentElement.clientHeight||document.body.clientHeight)<150px?"150px":"150px");}
/* 相关产品 */
.related_pro{ overflow: hidden; margin-bottom:20px; margin-top:20px;}
.proshow_tie{ height: 30px; line-height: 30px; background:#017ec1; color: #fff; font-size: 12px; font-weight: bold; padding-left:15px; margin-bottom:10px;}
.related_pro ul { width: 800px;}
.related_pro li{ float: left;margin-bottom:10px; margin-right:27px; width: 235px;}
.related_pro li img{ width: 230px; height: 152px;border: 1px solid #dadada; padding: 2px;}
.related_pro li span{display: block;height: 30px; line-height: 30px; width: 225px; padding: 0 5px;text-align: center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.related_pro li:hover img{ border: 1px solid #017ec1;}
/*  新闻列表 */
.list_news li{ overflow:hidden; height:100px; line-height:18px; margin-bottom:15px; color: #999; border-bottom:1px solid #eee; }
.list_news li .gr_left{  width: 165px; height: 85px; background:#fff; padding: 2px; border:1px solid #d0d0d0; margin-right:20px;}
.list_news li .gr_left img{ width: 165px; height: 85px;}
.list_news li h3{ height:30px; font-weight: normal;font-family:"微软雅黑";}
.list_news li h3 a{color: #333; }
.list_news li h3 a:hover{ color:#017ec1;}
.list_news li .more{ color:#017ec1;}
.list_news li .more:hover{ text-decoration: underline;}
/*  常见问题 */
.list_faq{ width: 760px; overflow: hidden; margin-bottom:40px;}
.list_faq li{border-bottom:1px dotted #cecece; background:url(../images/q.jpg) no-repeat left 12px;padding: 10px 0 10px 25px; }
/* 新闻详细样式 */
.gr-news-show{width:760px;overflow:hidden;}
.gr-news-show h1{font-size:20px;line-height:32px;text-align:center;font-family:"微软雅黑";color:#017ec1;position:relative;}
.gr-news-show h3{text-align:center;height:30px;line-height:30px;border-bottom:1px dashed #d2d2d2;}
.gr-news-show h3 span{margin:8px 8px 0 8px; color:#999;text-decoration:none;}
.fontResizer a{padding:0 5px;}
.curFont{font-weight:bold;color:#017ec1;}
.news-show-box{padding-top:15px;line-height:26px;padding-bottom:10px;}
.news-message{padding-bottom:10px;border-bottom:1px dashed #d2d2d2;overflow:hidden;}
.news-message div{padding:10px 0;}
.news-message h3{width:100%;text-align:right;font-weight:bold;color:#333;text-decoration:underline;overflow:hidden;}
.gr-fenx{height:35px;background:#ececec;padding:0 10px;margin-top:15px;}
.prew {background:url(../images/pre_info.gif) no-repeat left center;float:left;height:35px;line-height:35px;overflow:hidden;padding-left:15px;text-align:left;width:46%;}
.nextw {background:url(../images/next_info.gif) no-repeat right center;float:right;height:35px;line-height:35px;overflow:hidden;padding-right:15px;text-align:right;width:46%;}
.gr-keyword{border:1px solid #dadada;padding:5px 10px;margin:10px 0;overflow:hidden;}
.gr-keyword a{padding:0 5px;}
/* 推荐资讯样式 */
.gr-rec-news{width:760px;margin-top:10px;overflow:hidden;}
.gr-rec-news ul{width:780px;padding-top:10px;}
.gr-rec-news ul li{float:left;margin-right:30px;width:360px;height:28px;line-height:28px;}
.gr-rec-news ul li a{display:block;width:260px;line-height:28px;background:url(../images/icona.jpg) no-repeat left center;padding-left:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;float:left;}
.gr-rec-news ul li a:hover{background:url(../images/iconb.jpg) no-repeat left center;}
.gr-rec-news ul li span{float:right;color:#999;}
.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #ececec;font-size:14px;font-weight:bold;color:#333;}
/* 客户评价 */
.list_witness ul li{overflow: hidden; border-bottom:1px dotted #ddd; padding-bottom:15px; margin-bottom:15px; height: 137px;}
.list_witness ul li .gr_left{width:180px; height: 135px; padding: 2px; background:#fff;border: 1px solid #d2d2d2; margin-right:20px;}
.list_witness ul li h3{font-family: "微软雅黑"; font-weight: normal; height: 30px; line-height: 30px; overflow: hidden;}
.list_witness ul li h3 span{ display: inline-block; margin-left:10px;}
.list_witness ul li h3 a{color:#555; }
.list_witness ul li p{ height: 75px; overflow: hidden;}
.list_witness ul li .more{ width: 75px; height: 22px;display: inline-block; text-align: center; line-height: 22px; color: #fff; background:#999; border-radius: 3px;}
.list_witness ul li .more:hover{background:#017ec1;}
.list_witness ul li h3 a:hover{color: #017ec1; }
/* 合作伙伴 */
.list_partner{ overflow: hidden;}
.list_partner ul{ width: 800px;}
.list_partner li{float:left;width:175px;margin-right:20px;margin-bottom:10px; }
.list_partner li img{ width: 165px; height: 108px;background:#f4f4f4; padding: 4px; border: 1px solid #dadada; }
.list_partner li span{ height: 35px; line-height: 35px; display: block; text-align: center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display: block; text-align: center; width: 165px; padding: 0 5px;}
/* 客户案例详情 */
.caseshow .title{ text-align: center; color: #0098e6; font-size: 18px; font-family: "微软雅黑"; margin-bottom:30px; background:url(../images/casedetail_line.jpg) no-repeat bottom center; padding-bottom:15px;}
.caseshow_slide{ width:500px;height: 480px;position:relative; overflow:hidden;border: 1px solid #ccc; margin:0 auto;margin-bottom:20px; }
.caseshow_slide li{ width:500px; height:480px; overflow:hidden; z-index:0; text-align: center;}
.caseshow_slide li img{ width:300px; height:480px;}
.case_ctr{ height:90px;width:500px;position:absolute;top:45%;z-index:2;}
.case_ctr a{ display:block;width:60px;height:90px; background: url(../images/ad_ctr.png) no-repeat 0 0; position:absolute; opacity:0.2;filter: alpha(opacity=20);display:block;}
.case_ctr a.prev{left:0px; left: 0;}
.case_ctr a.next{right:0px; background-position: 0 -90px; right: 0;}
.case_ctr a:hover{ filter:alpha(opacity=50) !important;opacity:0.5 !important;  }
.caseshow_font strong{ display: block;}
/* 应用领域 */
.list_application{ overflow: hidden; width: 760px;}
.list_application ul{ width: 800px;}
.list_application li{ width: 180px; height: 290px; background:#000; overflow: hidden; float: left; margin-right:13px; position: relative; margin-bottom:15px;}
.list_application img{width: 180px; height: 290px; opacity: 0.6;filter:alpha(opacity=60);}
.list_application li span{ position: absolute; background:#fff; font-size: 14px;font-weight: bold; padding: 1px 15px; top: 45%; left: 35%;transition:all 0.3s; }
.list_application li:hover img{ opacity: 1;filter:alpha(opacity=100);}
.list_application li:hover span{transition:all 0.3s; top: -50px;}
/* 招聘样式 */
.gr-jobs-list{width:760px;overflow:hidden;}
.gr-jobs-list dl{width:760px;}
.gr-jobs-list dd{padding:0 10px;height:35px;line-height:35px;border:1px solid #eaeaea;background:#ececec;margin-top:10px;cursor: pointer;}
.gr-jobs-list dd em{float:right;display:block;width:15px;height:15px;background:url(../images/iconf.jpg) no-repeat;cursor:pointer;margin-top:10px;}
.gr-jobs-list dd.on em{background:url(../images/icong.jpg) no-repeat;}
.gr-jobs-list dd span{display:block;float:left;width:180px;}
.gr-jobs-list dt{border:1px solid #eaeaea;border-top:none;padding:15px;margin-bottom:10px;}
a.gr-apply{display:block;width:80px;height:25px;margin:20px auto 0;background:#999;color:#fff;line-height:25px;text-align:center;border-radius:2px;}
a.gr-apply:hover,.jobs-submit:hover{background:#666;color:#fff;}
/* 招聘详细样式 */
.gr-jobs-show{border:1px solid #eaeaea;}
.gr-jobs-show h3{font-size:14px;font-weight:bold;background:#ececec;line-height:35px; padding-left:15px;}
.gr-jobs-show table{width:688px;margin:10px 20px;}
.jobs-input{width:230px;border:1px solid #ccc;line-height:23px;height:23px;padding:0 5px;margin-bottom:10px;}
.jobs-input:focus,.jobs-textarea:focus{border:1px solid #888;}
.jobs-textarea{width:650px;padding:5px;border:1px solid #ccc;line-height:22px;height:125px;}
.jobs-submit{background:#999;width:80px;height:25px;line-height:25px;cursor:pointer; border:none;color:#fff;margin-right:10px;border-radius:2px}
.jobs-submitb{background:#017ec1;width:100px;height:25px;line-height:25px;cursor:pointer; border:none; color:#fff;border-radius:2px}
/* 内页留言样式 */
#contactlb{width:760px;font-size:18px;font-weight:bold;color:#333;}
#contactlb span{font-weight:normal;font-size:13px;font-family:arial;display:block;color:#999;}
#leavetable{margin-top:35px;}
#leavetable tr{height:40px;}
.contactnr{width:600px;margin:0 auto;}
.contactnr input{ border-radius: 3px;}
.left_l{width:12%;font-size:14px;height:20px;line-height:20px;vertical-align:top;padding:5px;}
.left_cont{vertical-align:middle;}
.tc_name{width:300px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_zt{width:400px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_lz{width:250px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_nr{width:470px;height:140px;background:#fff;border:1px solid #ccc;padding:5px;margin-bottom:10px; border-radius: 3px;}
.text-input{width:100px;height:14px;line-height:14px;background:#fff;border:1px solid #ccc;margin-bottom:15px;padding:10px 5px;}
.tc_name:focus,.tc_zt:focus,.tc_lz:focus,.tc_nr:focus,.text-input:focus{border-color:#666;outline:0;}
.suba{width:110px;height:35px;background:#017ec1;font-size:18px;text-align:center;line-height:35px;border:0px;cursor:pointer;display:block;float:left;margin-right:15px;color:#fff;font-family:"微软雅黑"}
.suba:hover{background:#333;}