@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:#0e87bf;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{background:#f8f8f8 url(../images/head_bg.jpg) no-repeat center top; height:120px; }

.head_con{ position:relative; z-index:999; height: 120px;}

.topbar{ text-align:right;height:30px; line-height:30px;}

.head_phone strong{font-size: 18px; font-family: Arial; color: #ec434a; font-weight: normal;}

.topbar .sp02{color:#c8d4de; margin-left:5px;}

.topbar .sp02 a{ color:#adb0b2; margin:0 8px;}

.topbar .sp02 a:hover{ color:#0e87bf;}

/* 头部 */

.header{height: 85px; overflow:hidden;padding-top:5px;}

.head_search{ padding-top:25px; float: right; width:380px;overflow:hidden; text-align: right; }

.head_search .p01{ height:26px; overflow:hidden;float: right; }

.head_search .sear_text{ width:205px; border:1px solid #dadada; border-radius:3px 0 0 3px; border-right:none; height:24px; background:none;; float:left; padding-left:5px; line-height:24px; color:#999;}

.head_search .sear_btn{ width:25px; height:26px; background:#ec3a41 url(../images/sear_btn.png) no-repeat center center;cursor:pointer; border-radius:0 3px 3px 0; float:left;}

.head_search .p02{ color:#9a9a9a; padding-top:5px; clear: both;*padding-top:0;}

.head_search .p02 a{ color:#9a9a9a; margin:0 5px;}

.head_search .p02 a:hover{ color:#0e87bf;}

/* 主导航 */

.gr_nav{position: absolute; right: 0; top: 120px;}

.nav li{ float:left; width:155px; height:40px; text-align:center; margin-left:-40px; color:#3f3f3f; font-family:"微软雅黑"; font-size:14px;  }

.nav li span{ display:block; color:#999999; font-size:10px;  -webkit-transform:scale(0.8);-o-transform:scale(1); margin-left:-10px;}

.nav li a{ display:block;background:url(../images/nav.png) no-repeat; height:35px;padding-top:5px;line-height:30px;}

.nav li a:hover,.nav .current a{background:url(../images/navh.png) no-repeat; color:#fff;}

.nav li a:hover span,.nav .current span{ color:#fff;}

/*  广告轮播图 */

.index_banner{ width:1600px; margin: 0 auto; position:relative; height:505px;overflow:hidden; left: 50%; margin-left:-800px;}

.index_ban_ul{ width:1600px; height:505px; 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:#fff; 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:#0e87bf;}

/* 热门应用领域  */

.gr_applications{ background:#f0f0f0; padding: 25px 0; overflow: hidden; padding-bottom:15px;}

.par_title{ font-size: 24px;  color:#171717; text-align: center;text-transform: uppercase;height: 60px; font-family: "微软雅黑"; font-weight: normal;}

.par_title span{display: block; color:#ccc; font-size: 14px; }

.par_title span:before,.par_title span:after{display:inline-block;content:" ";height:15px;vertical-align:top;border-bottom:1px solid #dedede;width:150px; margin: 0 10px;}

.yingyong {width: 1020px;}

.yingyong li{ float: left; overflow: hidden; text-align: center;text-align: center; height: 190px; width: 169px;}

.yingyong li .app_img{width: 100%; height: 120px; overflow: hidden; position: relative;margin-bottom:10px;}

.yingyong li img{ width:120px; height: 120px; position:absolute;  z-index: 2;transform:rotateY(0deg);transition: all 0.6s ease 0s; backface-visibility: hidden; left: 50%;margin-left:-60px; }

.yingyong li .img2{transform:rotateY(-180deg); z-index: 1;}

.yingyong li:hover .img1{transform: rotateY(180deg); }

.yingyong li:hover .img2{transform: rotateY(0deg);}

.yingyong h4{ font-family: "微软雅黑"; font-size: 14px;color: #555;}

.yingyong h4 span{ font-size: 10px;-webkit-transform:scale(0.8);-o-transform:scale(1); display:inline-block; text-transform: uppercase; font-weight: normal;color: #c1c1c1; line-height: 14px; }

.yingyong .icon{ background:url(../images/app_icon.png) no-repeat center; display: block; height: 6px; margin-top:5px; visibility:hidden;}

.yingyong li:hover .icon{ visibility:visible;}

.yingyong li:hover h4,.yingyong li:hover h4 span{ color: #ec3a41;}

.yingyong li.last{ width: 185px; margin-left:-10px;}

/*  产品中心左侧 */

.gr_product{background:#fff url(../images/pro_bg.jpg) no-repeat center top; padding-top:25px; overflow: hidden; }

.pro_left{ float: left; width: 240px; height: 585px; }

.pro_left .title{ height: 61px; line-height: 61px; background:url(../images/side_tiebg.jpg) no-repeat;color:#fff; font-family:"微软雅黑"; font-size:22px; text-shadow:1px 1px 0 #333; padding-left:90px; }

.pro_left .pro_menu{ padding: 15px;border:2px solid #0e87bf;border-top:none;background:#fff;padding-bottom:9px;}

.pro_left .pro_menu li{ height: 30px; margin-bottom:4px;}

.pro_left .pro_menu li a{ display: block;border:1px solid #e8e8e8;line-height: 28px; padding-left:60px; border-radius: 3px;}

.pro_left .pro_menu li a:hover{background:#0e87bf;color:#fff; border:1px solid #0e87bf;}

.pro_left_form{ background:url(../images/left_formbg.jpg) no-repeat;height: 160px; margin-top:2px; color: #fff; font-size: 14px; padding:15px 20px;}

.pro_left_form .tie{ margin-bottom:10px;}

.left_form p{ height: 22px; margin-bottom:3px; overflow: hidden; color: #bedbed;}

.left_form p label{ float:left; width: 40px;}

.left_form p input{ height: 22px; background:#bedbed; color: #666; padding-left:5px; width: 145px;}

.left_form .btn{ text-align: right;padding-right:10px; margin-top:5px;}

.left_form .btn input{width: 49px; text-align: center; padding-left:0; background:#cccccc; margin-left:5px;cursor: pointer;}

.left_form .btn .sub{background:linear-gradient(#60cbfe,#3da6d7); color: #fff;}

.left_form .btn input:hover{ background:#333; color: #fff;}

 

/*  首页产品列表 */

.pro_right{ float: right; width: 745px; overflow: hidden; height: 585px;}

.pro_right .title{ height: 35px; margin-bottom:22px;border: 1px solid #c4c4c4; font-size: 18px; font-family: "微软雅黑"; padding-left:15px; line-height: 35px; color: #363636;}

.pro_right .title .more{ width: 45px; height: 18px; line-height: 18px; font-size: 10px; font-family:Arial;background:#d3d3d3; text-align:center; float: right; margin-top:10px;margin-right:15px;-webkit-transform:scale(0.8);-o-transform:scale(1);}

.pro_right .title .more:hover{background:#0e87bf; color: #fff;}

.pro_right ul{ width: 800px;}

.pro_right li{ float: left; width: 174px; height: 165px;margin-bottom:15px;margin-right:16px; background:#0e87bf; position: relative; overflow: hidden;}

.pro_right li img{width: 170px; height: 135px;border:2px solid #e0e0e0; }

.pro_right li span{ display: block; padding: 0 5px; width: 164px; height:30px; line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;background:#fff; font-size: 14px;}

.pro_right li i{ position: absolute; width: 30px; height: 30px; top: -150px; left: 50%; margin-left:-15px;background:url(../images/pro_more.png) no-repeat;transition:all 0.3s; }

.pro_right li:hover img{opacity: 0.2;filter:alpha(opacity=20);}

.pro_right li:hover i{ top: 50%;transition:all 0.3s; margin-top:-30px;}

.page_ban1{ margin-top:30px; height: 120px;}

/*  5大核心优势 */

.gr_youshi{ background:url(../images/ys_bg.jpg) no-repeat center top; height: 1355px; overflow: hidden; margin-bottom:25px;}

.youshi { position: relative; height: 1355px;font-family: "微软雅黑"; font-size: 13px; color: #333;}

.youshi div{ width: 390px; position: absolute; }

.youshi .title{ font-size: 22px; color: #292929;padding-left:20px; height: 50px; padding-top:10px; margin-bottom:15px;} 

.youshi .title strong{ color: #0e87bf;}

.youshi .title span{ display: block;color:#ccc; font-size: 11px;font-weight: normal; text-transform: uppercase;-webkit-transform:scale(0.8);-o-transform:scale(1); font-family: Arial; line-height: 14px; margin-top:5px;}

.youshi p {line-height: 20px; }

.youshi p span{color: #0e87bf;}

.youshi .ys_a{ top: 240px; left:70px;}

.youshi .ys_a h3{ margin-bottom:25px;}

.youshi .ys_b{ top: 445px; right:25px; width: 420px;}

.youshi .ys_c{ top: 675px; left:75px;}

.youshi .ys_c h3{ margin-bottom:20px;}

.youshi .ys_c p,.youshi .ys_d p,.youshi .ys_e p{ margin-bottom:5px;}

.youshi .ys_d{ top: 885px; right:35px;}

.youshi .ys_e{ top: 1115px; left:75px;}

.page_ban2{ background:url(../images/page_ban2.jpg) no-repeat; height: 120px; overflow: hidden; text-align: right; color: #fff;}

.page_ban2 .p01{padding-top:35px;padding-right:90px;}

.page_ban2 .p01 a{ display: inline-block; width: 90px; height: 25px; background:#f3131c; text-align: center; line-height: 25px; color: #fff; margin-left:5px;background:linear-gradient(#f45860,#f70711); border-radius: 3px; box-shadow: 1px 1px 0 #bb1827;}

.page_ban2 .p01 .zx{background:#649efe;box-shadow: 1px 1px 0 #3472d7; }

.page_ban2 .p01 a:hover{ background:#333;box-shadow: 1px 1px 0 #000;  }

.page_ban2 .p02{font-size: 14px;padding-right:90px;padding-top:10px; }

/*  公司新闻 */

.gr_news{border-top:2px solid #0e87bf;padding-top:10px; overflow:hidden; padding-bottom:40px; margin-top:25px;}

.news{ float:left; width:590px; overflow:hidden;}

.news_top{ overflow:hidden;margin-bottom:15px; height:30px; border-bottom:1px dashed #d6d6d6;}

.news_top .news_menu{ color:#333;font-family:"微软雅黑"; font-size:16px;}

.news_top .news_menu span{ margin-right:20px; cursor:pointer; }

.news_top .news_menu strong{ color: #dbdbdb; margin-left:5px; font-weight:normal;}

.news_top .news_menu .on{ color:#0e87bf;}

.news_top .more,.gr_faq .title .more{ float:right; color: #666666;}

.news_top .more:hover,.gr_faq .title .more{color: #0e87bf;}

.news_tab_box{height:365px;overflow:hidden;}

.news_tab_top{ overflow:hidden;}

.news_tab_top .top_img{ float:left; width:206px; height:149px; padding:2px ; border:1px solid #d5d5d5}

.news_tab_top div{ float:right; width:360px;}

.news_tab_top div h3 { font-family:"微软雅黑"; height:30px; border-bottom:1px dotted #bebebe;}

.news_tab_top div h3 a{ color:#333;}

.news_tab_top div h3 a:hover{ color:#0e87bf;}

.news_tab_top div span{ color:#c4c4c4; display:block; height:25px; line-height:25px; font-family:Arial;}

.news_tab_top div p{ line-height:20px; height:75px; color: #989898}

.news_tab_top div .more{ color:#0e87bf; font-weight:bold;}

.news_tab_top div .more:hover{ text-decoration: underline;}

.news_main{ margin-top:20px; clear:both;}

.news_main ul{ width:660px;}

.news_main li{ float:left; height:35px; line-height:35px;border-bottom:1px dotted #bebebe; width:270px;overflow:hidden; margin-right:30px;} 

.news_main li a{ font-size:12px; color:#3d3d3d; width:240px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display:inline-block;}

.news_main li span{ float:right; color:#c4c4c4;}

.news_main li a:hover{ color:#0e87bf;}

/*  常见问題 */

.gr_faq{ float:right; width:325px;}

.gr_faq .title{ color:#333;font-family:"微软雅黑"; font-size:16px;height:30px;border-bottom:1px dashed #d6d6d6;margin-bottom:15px; }

.gr_faq .title strong{color: #dbdbdb; margin-left:5px; font-weight:normal;}

.gr_faq .title .more{float:right; color: #666666; font-size:12px; font-weight:normal; font-family: "宋体";}

.gr_faq .title .more:hover{color: #266ec3;}

.faq{height:365px; overflow:hidden;}

.faq li {border-bottom:1px dotted #bebebe;padding-bottom:10px;margin-bottom:10px; height: 102px;}

.faq li h3{ height:35px; font-size:14px;background:url(../images/q.jpg) no-repeat left top; padding-left:30px; font-weight:normal; width:285px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}

.faq li h3 a{ color:#333;}

.faq li p{background:url(../images/a.jpg) no-repeat left 5px; padding-left:30px; color: #989898}

.faq li h3 a:hover{ color:#0e87bf;}

/*  尾部 */

.gr_footer{ background:url(../images/foot_bg.jpg); color: #b9d4e7; overflow: hidden;}

.foot_left{ width: 185px; background:#066591; padding-top:35px; text-align: center; color: #fff; height: 245px; float: left;}

.foot_logo{ margin-bottom:20px;}

.foot_wx p{ line-height: 18px; margin-top:10px;}

.foot_right{ float:right; width: 780px;overflow: hidden; font-size: 14px;}

.foot_nav{ height: 60px; line-height:60px;}

.foot_nav a{ color: #fff;}

.foot_nav span{ margin: 0 15px}

.foot_nav a:hover{ text-decoration: underline;}

.foot_right .p02{ height: 30px; border: 1px solid #3299c9; line-height: 30px; padding: 0 10px; margin-bottom:15px;}

.foot_right .p02 .sp01{margin-right:85px;}

.foot_contact span{ margin-left:8px;}

.foot_contact a{color:#b9d4e7; }

.foot_contact a:hover{color: #fff;}

.foot_right .gr_left{ width: 630px;}

.foot_link{ border-top:1px solid #3299c9; margin-top:15px;}

.foot_link h3{ color: #fff; text-transform: uppercase;height: 30px; line-height: 30px; font-weight: normal;}

.foot_link h3 span{ margin-left:5px;}

.foot_link a{ margin-right: 20px;}

.foot_wx2{width: 78px; height: 78px; color: #fff; padding-top:40px; text-align: center;font-size: 12px; line-height: 14px; margin-left:40px;}

.foot_wx2 p{ margin-top:5px;}

/*  内页公用 */

.list_banner{ width: 1419px; position: relative; left: 50%; margin-left:-720px; overflow: hidden;}

.list_wrapper{ margin-top:20px; overflow:hidden; padding-bottom:50px;}

.list_left{ float:left; width:240px; overflow:hidden;}

.list_right{ float:right; width:720px; overflow:hidden;}

.position{ border-bottom:1px solid #DADADA; height:30px;}

.position strong{ font-size:16px; height:29px; border-bottom:2px solid #0e87bf; display:inline-block; }

.position p span{ margin:0 8px;}

.list_box{ margin-top:20px; overflow:hidden; padding-bottom:50px; width: 720px;}

/*  内页公用菜单 */

.list_sidebar { margin-bottom:15px;}

.list_sidebar .side_title{ height: 61px; line-height: 61px; background:url(../images/side_tiebg.jpg) no-repeat;color:#fff; font-family:"微软雅黑"; font-size:22px; text-shadow:1px 1px 0 #333; padding-left:90px; }

.list_sidebar .sidebar{ padding: 15px;border:2px solid #0e87bf;border-top:none;background:#fff;padding-bottom:9px;}

.list_sidebar .sidebar li{ height: 30px; margin-bottom:4px;}

.list_sidebar .sidebar li a{ display: block;border:1px solid #e8e8e8;line-height: 28px; padding-left:60px; border-radius: 3px;}

.list_sidebar .sidebar li a:hover,.list_sidebar .sidebar .current a{background:#0e87bf;color:#fff; border:1px solid #0e87bf;}

/*  内页左侧联系我们 */

.left_contact{ background:#fff; margin-top:15px; border:1px solid #bcbcbc;}

.left_contact img{ width: 238px;}

.left_contact .font{ padding: 15px;}

/*  推荐产品 */

.recommend_pro h3{ background:#0e87bf;height: 35px; color: #fff; font-weight: normal; padding-left:15px; line-height: 35px;}

.recommend_slide{height:410px; overflow:hidden; padding: 14px;border:1px solid #bcbcbc; background:#fff;border-top:none;} 

.recommend_pro li{ width:210px;overflow:hidden;margin-bottom:10px; height:195px;}

.recommend_pro li img{ width: 208px; height: 165px; border: 1px solid #bcbcbc;}

.recommend_pro li span{height:30px; line-height:30px; position:relative; text-align:center;display: block;}

.recommend_pro li:hover img{ border: 1px solid #0e87bf;}

/* 荣誉资质 */

.list_honor ul{ width:760px;}

.list_honor li{ float:left; width:222px; text-align:center; margin-bottom:15px; margin-right:27px;}

.list_honor li img{ width:220px; height:168px; border: 1px solid #ccc;}

.list_honor li span{ height:25px; line-height:25px; display: block; text-align: center; padding-top:5px; width: 220px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}

/* 公司环境 */

.gr-setting-list ul{width:760px;}

.gr-setting-list ul li{width:225px;float:left;margin-right:22px;margin-bottom:10px;text-align:center;}

.gr-setting-list ul li img{display:block;width:220px;height:155px;padding:2px;border:1px solid #e3e3e3;background:#fff;}

.gr-setting-list ul li img:hover{border:1px solid #0e87bf;background:#0e87bf;}

.gr-setting-list ul li span{height:30px;line-height:30px; width:215px; padding:0 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; display: block;text-align: center; }

.fr-caption{ text-align:center;}

/*  新闻列表 */

.list_news li{ overflow:hidden; height:120px; line-height:18px; margin-bottom:15px; color: #888; border-bottom:1px solid #ddd; }

.list_news li .gr_left{  width: 165px; height: 102px; background:#fff; padding: 2px; border:1px solid #d0d0d0; margin-right:20px;}

.list_news li .gr_left img{ width: 165px; height: 102px;}

.list_news li h3{font-weight: normal;font-family:"微软雅黑";}

.list_news li h3 a{color: #333; }

.list_news li h3 a:hover{ color:#0e87bf;}

.list_news li .p01{ color:#9c9c9c; height:30px; line-height:30px}

.list_news li .time,.list_news li .author{ background:url(../images/date.jpg) no-repeat left center; display:inline-block; padding-left:20px; }

.list_news li .author{background:url(../images/author.jpg) no-repeat left center;margin-left:35px;}

.list_news li .more{ color:#0e87bf;}

.list_news li .more:hover{ text-decoration: underline;}

/* 新闻详细样式 */

.gr-news-show{width:720px;overflow:hidden;}

.gr-news-show h2{font-size:20px;line-height:32px;text-align:center;font-family:"微软雅黑";color:#0e87bf;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:#0e87bf;}

.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:#ededed;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:720px;margin-top:10px;overflow:hidden;}

.gr-rec-news ul{width:760px;padding-top:10px;}

.gr-rec-news ul li{float:left;margin-right:30px;width:345px;height:28px;line-height:28px;}

.gr-rec-news ul li a{display:block;width:230px;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 #ededed;font-size:14px;font-weight:bold;color:#666;}

/* 常见问题 */

.list_faq li {border-bottom:1px dotted #bebebe;margin-bottom:15px;padding-bottom:10px; }

.list_faq li h3{ font-size:14px;background:url(../images/q.jpg) no-repeat left top; padding-left:30px; font-weight:normal;}

.list_faq li h3 a{ color:#333;}

.list_faq li p{background:url(../images/a.jpg) no-repeat left 5px; padding-left:30px; color: #989898}

.list_faq li h3 a:hover{ color:#0e87bf;}

/* 产品列表 */

.list_product{ width: 720px;overflow: hidden;}

.list_product ul{ width: 760px;}

.list_product li{ float: left; width: 224px; height: 209px;margin-bottom:15px;margin-right:24px; background:#0e87bf; position: relative; overflow: hidden;}

.list_product li img{width: 220px; height: 175px;border:2px solid #e0e0e0; }

.list_product li span{ display: block; padding: 0 5px; width: 214px; height:30px; line-height:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align: center;background:#fff; font-size: 14px;}

.list_product li i{ position: absolute; width: 30px; height: 30px; top: -150px; left: 50%; margin-left:-15px;background:url(../images/pro_more.png) no-repeat;transition:all 0.3s; }

.list_product li:hover img{opacity: 0.2;filter:alpha(opacity=20);}

.list_product li:hover i{ top: 50%;transition:all 0.3s; margin-top:-30px;}

/* 左侧图片放大镜样式 */

.rec-title{padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}

.product-show-pic{width:402px;height:400px;}

.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:317px;border:1px solid #dadada;}

.spec-scroll{margin-top:10px;width:402px;height:60px;overflow:hidden;position:relative;}

.spec-scroll a.prev{display:block;width:11px;height:18px;position:absolute;top:20px;left:10px;background:url(../images/prohonor_btn.png) no-repeat 0 0px;overflow:hidden;cursor:pointer;}

.spec-scroll a.prev:hover{background-position:0 -54px;}

.spec-scroll a.next{display:block;width:11px;height:18px;position:absolute;top:20px;right:10px;background:url(../images/prohonor_btn.png) no-repeat 0 -36px;overflow:hidden;cursor:pointer;}

.spec-scroll a.next:hover{background-position:0 -18px;}

.spec-scroll .items{position:relative;width:336px;height:60px;margin:0 auto;overflow:hidden;}

.spec-scroll .items ul{position:absolute;width:999999px;height:60px;}

.spec-scroll .items ul li{width:85px;height:60px;float:left;}

.spec-scroll .items ul li img{width:73px;height:58px;cursor:pointer;border:1px solid #e6e6e6;}

.spec-scroll .items ul li img:hover{border:1px solid #0e87bf;}

/* 产品右侧简介样式 */

.product-show-title{width:290px;height:400px;overflow:hidden; float:right;}

.product-show-title h2{line-height:24px;border-bottom:1px dashed #ccc;font-family:"微软雅黑";font-size:18px;color:#0e87bf;padding:10px 0;}

.gr-description{padding:10px 0;}

.prodcut-tel{padding-left:25px;margin-bottom:10px;height:27px;line-height:27px;background:url(../images/pr_tel.jpg) no-repeat left center;}

.prodcut-tel span{position:relative;top:3px;font-family:arial;font-size:24px;color:#0e87bf;}

.product-order a{display:block;width:120px;height:40px;background:url(../images/ljcg.jpg) no-repeat;line-height:40px;text-align:center;font-family:"微软雅黑";font-size:18px;color:#fff;}

.product-order a:hover{color:#fff;}

/* 产品说明标签切换样式 */

.gr-tab-list{width:720px;overflow:hidden; margin-top:20px; margin-bottom:20px;}

.gr-tab-list .hd{height:29px;line-height:29px;border-bottom:1px solid #dadada}

.gr-tab-list .hd li{width:100px;float:left;text-align:center;background:#dadada;margin-right:5px;cursor:pointer;}

.gr-tab-list .hd li.on{background:#0e87bf;color:#fff;}

.gr-tab-list .bd{width:720px;overflow:hidden;padding-top:15px;}

/* 采购表单样式 */

.gr-order h2{ overflow: hidden;padding-left:20px;height:35px;line-height:35px;background:url(../images/page_line.jpg) no-repeat 10px 10px #e8e8e8;font-size:14px;font-weight:bold;color:#333;}

.order{width:650px;border:none;background:none;font-size:14px;font-weight:bold;color:#333; }

.order-table{padding:20px;margin-top:2px;width:680px;background:#e8e8e8;overflow:hidden;}

.table-row{width:216px;height:24px;float:left;}

.table-row span{display:inline-block;float:left;width:65px;height:24px;line-height:24px;text-align:center;}

.row-input{float:left;padding:3px 5px;width:138px;height:16px;line-height:16px;border:1px solid #d0d0d0;background:#fff;color:#999;}

.table-row-a{margin-top:15px;margin-bottom:15px;width:720px;height:80px;}

.table-row-a span{display:inline-block;float:left;width:65px;height:80px;line-height:22px;text-align:center;}

.row-textarea{float:left;padding:3px 5px;width:570px;height:72px;line-height:20px;border:1px solid #d0d0d0;background:#fff;color:#999;}

.gr-code{width:300px;}

.checkcode{margin-left:10px;float:left;width:63px;height:22px;border:1px solid #d0d0d0;}

.row-input:focus,.row-textarea:focus{border:1px solid #0e87bf;}

.subt-a{margin-left:65px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#666;cursor:pointer;float:left;color:#fff;border-radius:2px;}

.subt-a:hover{background:#888}

.subt-b{margin-left:10px;width:65px;height:24px;line-height:24px;text-align:center;border:none;background:#999;cursor:pointer;float:left;color:#fff;border-radius:2px;}

.subt-b:hover{background:#666}

/* 相关产品样式 */

.related-product { width:720px; overflow:hidden;}

.related-product ul{ width:760px; margin-top:20px;}

.related-product li{ width: 230px; height:215px; float:left;margin-bottom:20px; margin-right:15px;}

.related-product li a{ display:block; width:220px; height:205px; padding:4px; background:#ddd; border: 1px solid #ccc; }

.related-product li img{ width:220px; height:175px; }

.related-product li span{ display:inline-block; width:220px; text-align:center; height:25px;line-height:25px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }

.related-product li a:hover{background:#0e87bf; color:#fff;}

/* 评论列表样式 */

.comment-table{padding:0 20px 20px;margin-top:2px;width:720px;background:#efefef;overflow:hidden;}

.table-row-b{margin-top:15px;margin-bottom:15px;width:720px;height:80px;}

.table-row-b span{display:inline-block;float:left;width:65px;height:80px;line-height:22px;text-align:center;}

.row-textarea{float:left;padding:3px 5px;width:570px;height:72px;line-height:20px;border:1px solid #d0d0d0;background:#fff;color:#999;}

/* 应用案例 */

.list_case{  overflow: hidden; margin-bottom:40px;}

.list_case ul{ width: 760px;}

.list_case li { width: 220px; float: left;margin-right:30px;margin-bottom:10px;}

.list_case li img{ width: 220px; height: 145px;}

.list_case li span{ display: block;width: 210px; padding: 0 5px; height: 35px; line-height: 35px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis; text-align: center;}

/* 应用案例详情 */

.caseshow_slide{ width:720px;height: 475px;position:relative; overflow:hidden;margin-bottom:20px;}

.caseshow_slide li{ width:720px; height:475px; overflow:hidden; z-index:0;}

.caseshow_slide li img{ width:720px; height:475px;}

.case_ctr{ height:90px;width:720px;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_partner{ overflow: hidden;}

.list_partner ul{ width: 760px;}

.list_partner li{float:left;width:165px; height:120px;margin-right:20px;margin-bottom:10px; }

.list_partner li img{ width: 155px; height: 75px;background:#e5e5e5; padding: 4px; border: 1px solid #d4d4d4; box-shadow: 1px 1px 0 #fff inset,-1px -1px 0 #fff inset;}

.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: 155px; padding: 0 5px;}

/* 内页留言样式 */

#contactlb{width:720px;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:#0e87bf;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;}



.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}

.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}

.pagess ul li:hover{ background:#0E87BF; color:#fff;border: 1px solid #0E87BF}

.pagess ul li:hover a{color:#fff;}

.pagess ul li.thisclass {display: inline-block;border: 1px solid #0E87BF;padding: 2px 9px;margin: 0 3px;background: #0E87BF;color: #fff;}

.pagess ul li.thisclass a {color: #fff;}

.pagess ul li a{ display:block;color:#999}

.pagess ul li a:hover {color: #fff;}



/*AB模板网新增css*/



.message{ overflow:hidden; padding:50px}

.message li{ margin-bottom:10px}

.message .kuang{ width:350px; height:40px; line-height:40px; padding:0 10px; border-radius:3px; border:1px solid #ccc}

.message textarea{ width:450px; height:100px;border:1px solid #ccc;border-radius:3px; padding: 10px}

.message .tijiao{ width:120px; height:40px; background:#0E87BF; color:#fff; text-align:center; line-height:40px; border-radius:3px; border:0}