﻿/*-------------------------------------------首页样式开始----------------------------------*/

/*头部样式开始*/
.pc_menu{ height:70px; background:#fff;}
.menu_box{ width:1400px; margin:0px auto;}
.menu_box h1{ margin-top:22px;}
.menu_nav{ width:800px; margin-left:60px;}
.pc_menu_list ul.menu_list{ clear:both;}
.pc_menu_list ul.menu_list li{ float:left; font-family:"微软雅黑"; font-size:14px; color:#fff; margin-left:1px; position:relative; z-index:1000;}
.pc_menu_list ul.menu_list li a{ display:inline-block; height:70px; line-height:70px; padding:0px 20px; color:#666; text-align:center;font-size:16px;}
.pc_menu_list ul.menu_list li a.active,.pc_menu_list ul.menu_list li a.current,.pc_menu_list ul.menu_list li a:hover{ background:#00afe8; color:#fff;}

.pc_menu_list ul.menu_list li .nav_xiala{ display:none;position:absolute; top:70px; background:#fff; left:0px; width:164px; padding-bottom:0px; box-shadow:0px 2px 10px rgba(0,0,0,0.3);}
.pc_menu_list ul.menu_list li .nav_xiala ul.n_x_list{ height:auto; overflow:hidden;}
.pc_menu_list ul.menu_list li .nav_xiala ul.n_x_list li{ float:none; margin-bottom:0px; border-bottom:1px solid #ddd;}
.pc_menu_list ul.menu_list li .nav_xiala ul.n_x_list li a{ display:block; height:45px; background:#fff; line-height:45px; border-top:none; color:#006ec3;text-align:center; padding:0px; font-size:12px; font-weight:normal; font-family:"微软雅黑"; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pc_menu_list ul.menu_list li .nav_xiala ul.n_x_list li a:hover{ background:#ff4800; color:#fff;border-top:none; }

.icon_tu{}
.icon_tu ul{ clear:both; margin-top:15px;}
.icon_tu ul li{ float:left; position:relative;}
.icon_tu ul li a{ display:block; width:25px; height:25px; margin-top:13px;}
.icon_tu ul li:nth-child(1) a{ background:url(../images/phone.jpg) no-repeat top center;}
.icon_tu ul li:nth-child(2) a{ background:url(../images/weixin.jpg) no-repeat top center; margin-left:15px; margin-right:15px;}
.icon_tu ul li:nth-child(2) .xuanting{ position:absolute; top:-325px; left:0; padding-top:40px; width:148px; z-index:9999; transition:all 0.5s; display:none;}
.icon_tu ul li:nth-child(2):hover .xuanting{position:absolute; top:25px; left:-50px; padding-top:30px; width:148px; z-index:9999; transition:all 0.5s; display:block;}

.icon_tu ul li:nth-child(1) .xuanting{ position:absolute; top:-325px; left:0; padding-top:40px; z-index:10000; transition:all 0.5s; display:none;}
.icon_tu ul li:nth-child(1) .xuanting strong{ font-size:14px; padding:20px; background:#fff; color:#00baff;}
.icon_tu ul li:nth-child(1):hover .xuanting{position:absolute; top:25px; left:-50px; padding-top:30px; width:148px; z-index:9999; transition:all 0.5s; display:block;}


/*头部样式结束*/

/*----------------------------------搜索框-----------------------------*/
/* reset webkit search input browser style */
.search-user{ padding-top:5px;}
.search-user input { outline: none;}
.search-user input[type=search] { -webkit-appearance: textfield; -webkit-box-sizing: content-box; font-family: inherit; font-size: 100%; }
.search-user input::-webkit-search-decoration, input::-webkit-search-cancel-button {
 display: none; /* remove the search and cancel icon */
}
/* search input field */
.search-user input[type=search] { background:url(../images/serch.png) no-repeat right center; border:none; padding: 9px 10px 9px 32px; width: 100px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
.search-user input[type=search]:focus { width: 160px; background-color: #fff; border: solid 1px #00afe8; -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5); -moz-box-shadow: 0 0 5px rgba(109,207,246,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); }

/* placeholder */
.search-user input:-moz-placeholder {
 color: #999;
}
.search-user input::-webkit-input-placeholder {
 color: #999;
}
/* demo B */
#demo-b input[type=search] { background:url(../images/serch.png) no-repeat 8px center; width:29px; padding-left: 10px; color: transparent; cursor: pointer;}
#demo-b input[type=search]:hover {}
#demo-b input[type=search]:focus { width: 130px; padding-left:45px; color: #000; background-color: #fff; cursor: auto; }
#demo-b input:-moz-placeholder {
 color: transparent;
}
#demo-b input::-webkit-input-placeholder {
 color: transparent;
}



/*----------------------手机头部-------------------*/
.mold_top{ display:none;}
/*手机菜单*/
.top2 {height:60px; width:100%;}
.widt_mold { padding:0 5% 0 0; }
.mo2 { position:fixed; right:15px; z-index:9999; padding-top:10px; }
.mo2 img { display:block; margin:0px auto; }
.top2bg{ width:100%; height:61px; border-bottom:2px solid #00a7eb; position:fixed; z-index:998; background:#fff;}
/*头部样式结束*/

/*菜单样式开始*/
/*菜单样式结束*/



/*焦点图样式开始*/
/*焦点图样式开始*/
.banner{ height:700px; clear:both;}
.banner2{ display:none;}
/*焦点图样式结束*//*焦点图样式结束*/



/*内容样式开始*/
.index_con{ width:1200px;margin:0px auto; padding-top:60px;}
h2.biaoti{ text-align:center; margin-bottom:20px; color:#e87300; line-height:42px; font-size:20px; font-family:"微软雅黑";}
.index_box{ background: url(../images/youshi.jpg) no-repeat top center; min-height:714px; padding-top:334px; margin-bottom:30px; overflow:hidden;}
.index_box ul{ clear:both; position:relative;}
.index_box ul li{ float:left;}
.index_box ul li:nth-child(2){ width:392px;}
.index_box ul li:nth-child(2) .con1{ background:#00cae8; min-height:195px; padding-top:25px; padding-bottom:15px;}
.index_box ul li:nth-child(2) .con2{ background:#0bcea7; min-height:195px; padding-top:25px; padding-bottom:15px; margin-top:66px;}

.index_box ul li:nth-child(3){ float:right; width:426px; margin-top:45px;}
.index_box ul li:nth-child(3) .con3{ background:#9b74eb; min-height:195px; padding-top:25px; padding-bottom:15px;}
.index_box ul li:nth-child(3) .con4{ background:#6989e5; min-height:195px; padding-top:25px; padding-bottom:15px; margin-top:66px;}


.index_box ul li:nth-child(1){ padding-top:80px; width:378px; position:absolute; top:0px; left:392px;}
.index_box ul li dl{ width:90%; margin:0px auto;}
.index_box ul li dl dt{ clear:both; width:100%;}
.index_box ul li dl dt span{ float:left; display:block; width:20%; font-family:Arial; font-size:60px; line-height:60px; color:#fff;}
.index_box ul li dl dt strong{ float:left; display:block; width:80%; font-weight:normal; font-size:22px; line-height:26px; color:#fff; font-family:"微软雅黑";}
.index_box ul li dl dd{ width:100%; line-height:24px; font-size:14px; font-family:"微软雅黑"; color:#fff; text-align:left; padding-top:30px; clear:both; overflow:hidden;}

.title_jianjie{ text-align:center;}
.title_jianjie p.cn_text{ line-height:16px; font-size:14px; color:#666; font-family:"微软雅黑";}
.title_jianjie p.en_text{ line-height:14px; font-size:12px; font-family:Arial; color:#999;}

/*产品列表*/
ul.pro_list{ clear:both; margin-top:50px; overflow:hidden; margin-left:-20px;}
ul.pro_list li{ float:left; width:285px; text-align:center; margin-left:20px;}
ul.pro_list li .pro_pic{ width:283px; height:283px; border:1px solid #ddd; overflow:hidden;}
ul.pro_list li .pro_pic img{ width:100%; height:auto; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
ul.pro_list li .pro_pic img:hover{ transform:scale(1.2); transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
ul.pro_list li h3{ line-height:24px; padding:15px 0px; overflow:hidden; text-overflowe:ellipsis; white-space:nowrap;}
ul.pro_list li .more{ width:100%; clear:both; margin-top:5px;}
ul.pro_list li .more a{ display:block; width:49%; float:left; height:29px; line-height:29px; text-align:center; background:#00afe8; color:#fff; font-size:12px;}
ul.pro_list li .more a:nth-child(2){ float:right; background:#6989e5;}

/*小广告*/
.xiao_ggao{ width:100%; margin:80px auto; overflow:hidden; clear:both;}
.xiao_left{ float:left;width:50%; }
.xiao_left a{ display:block; width:100%;}
.xiao_left a img{ width:100%; height:auto;}
.xiao_right{ float:right; width:50%;}
.xiao_right a{ display:block; width:100%;}
.xiao_right a img{ width:100%; height:auto;}
/*首页关于我们*/
.about_us{ width:1200px; clear:both; margin:0px auto; overflow:hidden;}
.text_about{ width:90%; margin:0px auto; font-size:14px; color:#666; line-height:24px;}
.text_about .more{ width:120px; height:30px; line-height:30px; text-align:center; margin-top:20px;}
.text_about .more a{ display:block; background:#00afe8; color:#fff;}
.about_pic{ padding-top:20px;}
.about_pic ul{ clear:both; margin-left:-20px;}
.about_pic ul li{ float:left; width:327px; text-align:center; margin-left:20px;}
.about_pic ul li .pro_pic{ width:327px; height:208px; border:1px solid #ddd; overflow:hidden;}
.about_pic ul .pro_pic img{ width:100%; height:auto; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.about_pic ul .pro_pic img:hover{ transform:scale(1.2); transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}

/*定制*/
.dingzi{ background:url(../images/dingzhi.jpg) no-repeat top center; width:100%; height:273px; clear:both; overflow:hidden; margin:40px auto; text-align:center;}
.dingzi h2{ margin-top:40px;}
.dingzhi_text{ width:40%; margin:15px auto 35px auto; text-align:center; line-height:20px;color:#fff;}
.dingzi .more{ width:365px; height:49px; border:1px solid #fff; background:rgba(255,255,255,0.2); margin:0px auto; border-radius:20px; line-height:49px; font-size:18px; color:#fff; font-family:"微软雅黑"; }
.dingzi .more a{ display:block;font-weight:normal; color:#fff;}
.dingzi .more a:hover{ text-decoration:none;}

/*news_index*/
.news_index{ width:1200px; margin:0px auto; overflow:hidden;}
.news_h_con{ clear:both;}
.n_left{ float:left; width:531px;}
.n_left dl{}
.n_left dl dt{ width:531px; height:auto;}
.n_left dl dt img{ width:100%; height:auto;}
.n_left dd{ padding-left:20px;}
.n_left dl dd.bt{ padding-bottom:15px; padding-top:10px;}
.n_left dl dd.bt h2{ font-family:"微软雅黑"; font-size:18px; line-height:24px; font-weight:normal; color:#333; overflow:hidden; text-overflowe:ellipsis; white-space:nowrap;}
.n_left dl dd.bt p{ line-height:12px; font-size:12px; color:#999; overflow:hidden; text-overflowe:ellipsis; white-space:nowrap;}
.n_left dl dd.news_text_in{ line-height:24px; font-size:12px; color:#666; margin-bottom:10px;
display:-webkit-box;
    -webkit-line-clamp:3;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.n_left dl dd a{ font-size:14px; color:#00baff; font-family:"微软雅黑"}
.n_right{ float:right; width:630px;}
.n_right dl{ clear:both; padding:0px 10px 20px 10px; margin-bottom:15px; transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.n_right dl:hover{ box-shadow:0px 5px 10px rgba(0,0,0,0.2); transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; -webkit-transition:all 0.5s;}
.n_right dl dt{ float:left; width:220px; height:auto;}
.n_right dl dt img{ width:100%; height:auto;}
.n_right dd{}
.n_right dl dd.bt{ padding-bottom:15px; padding-top:10px;}
.n_right dl dd.bt h2{ font-family:"微软雅黑"; font-size:18px; line-height:24px; font-weight:normal; color:#333; overflow:hidden; text-overflowe:ellipsis; white-space:nowrap;}
.n_right dl dd.bt p{ line-height:12px; font-size:12px; color:#999; overflow:hidden; text-overflowe:ellipsis; white-space:nowrap;}
.n_right dl dd.news_text_in{ line-height:24px; font-size:12px; color:#666; margin-bottom:10px;display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.n_right dl dd a{ font-size:14px; color:#00baff; font-family:"微软雅黑"}


/*内容样式结束*/


/*底部样式开始*/
.footer{ background:#f0f0f0; clear:both; padding:88px 0px 0px 0px; overflow:hidden;}
.foot_contain{ width:1200px; margin:0px auto;}
.foot_up{ width:1130px; margin:90px auto -58px auto; height:70px; overflow:hidden; background:#00baff; position:relative; z-index:999; padding:36px 35px 0px 35px;}
.ff_left{ float:left; width:700px;}
.ff_left h2{ color:#fff; font-family:"微软雅黑"; font-size:18px; line-height:18px; margin-bottom:5px;}
.ff_left .guanjianci{ line-height:16px; font-size:12px; color:#fff;}
.ff_left .guanjianci a{ color:#fff;}
.ff_right{ float:right; width:405px;}
.ff_right .sousuo{  border-radius:30px; background:#fff; padding-left:20px; height:43px; overflow:hidden; clear:both;}
.sousuo input[type=text]{ float:left; background: url(../images/sousuo.png) no-repeat left center; height:43px; border:none; width:300px; padding-left:25px; outline:none; line-height:43px;}
.sousuo input[type=submit]{ float:left; background:url(../images/ser_line_bg.jpg) repeat-x; width:85px; height:43px; text-align:center; line-height:43px; font-family:Arial; font-weight:bold; font-size:24px; color:#fff; outline:none; border:none; border-radius:0px 30px 30px 0px;}

.foot_con{ clear:both; overflow:hidden;}
.foot_con .erweima{ float:left;}
.foot_con .erweima img{width:130px;}
.foot_con dl{ float:left; margin-left:20px;}
.foot_con dl dt{ font-family:"微软雅黑"; font-size:18px; color:#333; line-height:18px; margin-bottom:10px;}
.foot_con dl.lianxi dd{ line-height:24px; margin-bottom:7px;}
.foot_con dl.lianxi dd:nth-child(2){ background:url(../images/add.png) no-repeat left center; padding-left:20px;}
.foot_con dl.lianxi dd:nth-child(3){ background:url(../images/tel.png) no-repeat left top; padding-left:20px;}
.foot_con dl.lianxi dd:nth-child(4){ background:url(../images/email.png) no-repeat left center; padding-left:20px;}
.foot_con dl.cadan{ margin-left:25px;}
.foot_con dl.cadan dd{ line-height:35px;}
.foot_con dl.cadan dd a{ display:block;}

.foot_con dl.chanpin { width:560px; float:right;}
.foot_con dl.chanpin dt{ width:100%;}
.foot_con dl.chanpin dd{ float:right; width:25%; text-align:left;}
.foot_con dl.chanpin dd a{ line-height:35px;}

.link{background:url(../images/foo_line.png) top repeat-x; overflow:hidden; width:100%; padding-top:20px; margin-top:20px; overflow:hidden; padding-bottom:20px; clear:both;}
.link ul{}
.link ul li a{ font-family:"微软雅黑"; font-size:12px; color:#333; line-height:28px; margin-bottom:20px;}
.link ul li{ float:left; padding:0px 30px 0 0; line-height:45px;}

.copy_right{ width:1200px; margin:0px auto; clear:both; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.copy_right .copy_left{ float:left; width:50%;color:#666; font-size:12px;}
.copy_right .fenxiang{ float:right;}
/*底部样式结束*/


/*-------------------------------------------首页样式结束---------------------------------*/

.sub_banner{height:400px; background:url(../images/banner_sub2.jpg) no-repeat top center;}
.submold_banner{ display:none; width:100%;}
.submold_banner img{ width:100%;}

.dangqian{height:40px; line-height:40px; background:#f0f0f0;}
.dq_con{ width:1200px; margin:0px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.dq_con span{ background:url(../images/home.png) no-repeat left center; padding-left:28px; display:inline-block; height:40px; font-weight:bold;}

/*about*/
.about_sub{ width:1200px; margin:0px auto; padding:0px 0px;font-size:14px; line-height:24px; color:#666;}
.about_pic{ text-align:center; margin-bottom:15px;}

.about_sub_brand{}
.about_sub_brand ul{ clear:both; margin-left:-10px;}
.about_sub_brand ul li{ float:left; width:189px; height:93px; border:1px solid #ddd; margin-left:10px; margin-bottom:10px;}
.about_sub_brand ul li img{ width:189px; height:93px;}
.bottom_about ul li{ margin-bottom:25px;}

.contain{overflow:hidden; padding-bottom:70px;}
.contain_bg{ background:#f0f0f0; overflow:hidden; clear:both;}
.neiye_caidan{ background:#fff; margin-bottom:20px; overflow:hidden;}
.nav{ border-bottom:3px solid #f0f0f0; padding:21px 0px 35px 0px;}
.nav_bg{ background:#00a7eb;}
.nav_list{ width:1200px; margin:20px auto 0px auto;}
.nav_list a{ padding:8px 20px; color:#333; border:1px solid #e9ecf1; font-family:"微软雅黑"; font-size:14px; margin-right:10px; border-radius:10px; margin-bottom:5px; display:inline-block;}
.nav_list a.current,.nav_list a:hover{ background:#00a7eb; color:#fff; border:1px solid #00a7eb; text-decoration:none;}

.sub_nav_list{ width:1200px; margin:0px auto;}
.sub_nav_list a{ padding:8px 10px; color:#333; border:1px solid #ddd; font-family:"微软雅黑"; font-size:12px; margin-right:10px; border-radius:10px;}
.sub_nav_list a.current,.sub_nav_list a:hover{ background:#ff4800; color:#fff; border:1px solid #ff4800;}

.dh_sl ul{ clear:both; margin-left:-20px;}
.dh_sl ul li{ float:left; width:285px; margin-left:20px;}
.dh_sl ul li a img{ width:283px; height:283px; border:1px solid #ddd;}
.dh_sl ul li a p{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#333; line-height:30px;}
.dh_sl ul li a:hover img{ border-color:#00a7eb;}
.dh_sl ul li a:hover p{ color:#00a7eb;}
.dh_sl ul li a:hover{ text-decoration:none;}

.ym_sl ul{ clear:both; margin-left:-20px;}
.ym_sl ul li{ float:left; width:285px; margin-left:20px;}
.ym_sl ul li a img{ width:285px; height:180px; border:1px solid #ddd;}
.ym_sl ul li a p{ text-align:center; font-family:"微软雅黑"; font-size:14px; color:#333; line-height:30px;}
.ym_sl ul li a:hover img{ border-color:#00a7eb;}
.ym_sl ul li a:hover p{ color:#00a7eb;}
.ym_sl ul li a:hover{ text-decoration:none;}


/*产品搜索*/
.pro_pic_list ul li{ margin-bottom:50px;}
.ser_bg{ background:#f0f0f0; padding:20px 0px;}
.sub_ser{ width:1200px; margin:0px auto; overflow:hidden;}
.subserch{ float:left; background:url(../images/ser_sub.png) no-repeat top center; width:288px; height:41px;}
.subserch input[type=text]{ width:226px; padding:0px 5px 0px 10px; height:41px; line-height:41px; background:none; border:none; outline:none; color:#999;}
.subserch input[type=submit]{ width:53px; height:41px; background:none; border:none; text-indent:-10000px; outline:none;}
.keywor{ float:left; line-height:41px; margin-left:25px;}

/*翻页*/
.fanye{ text-align:center; clear:both; padding-top:20px;}
.fanye a{ padding:10px 15px; border:1px solid #ddd; margin-left:5px; color:#666;}
.fanye a:hover{ background:#00a7eb; border-color:#00a7eb; color:#fff; text-decoration:none;}

/*产品详情*/
.dangqian_nav{ width:1200px; margin:0px auto; color:#fff;height:35px; line-height:35px; overflow:hidden;}
.dangqian_nav span{ width:90%; float:left; display:inline-block; font-family:"微软雅黑"; font-size:20px; font-weight:bold;}
.dangqian_nav a{ width:10%; float:right; display:inline-block; color:#fff;}

.chanpin_xq{ width:1200px; margin:20px auto 0px auto; }
.pro_xq{ clear:both;}
.detail_context_pic{width:420px;overflow:hidden; float:left;}
.detail_context_pic_top{overflow:hidden;text-align:center;position:relative;z-index:0; height:400px; width:400px; display:table-cell; vertical-align:middle; background:none;}
.detail_context_pic_top img{ width:100%;}

.detail_context_pic_bot{width:400px;height:107px;overflow:hidden;margin-top:20px;}
.detail_picbot_left{float:left;width:30px;height:107px;overflow:hidden;}
.detail_picbot_left a{display:block;width:30px;height:107px;}
.detail_picbot_right{float:right;width:30px;height:107px;overflow:hidden;}
.detail_picbot_right a{display:block;width:30px;height:107px;}
.detail_picbot_mid{float:left;width:340px;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;height:69px;overflow:hidden;padding-top:10px;padding-bottom:13px; background:#FFF;}
.detail_picbot_mid ul{height:58px;width:340px;overflow:hidden;position:relative; margin-left:10px;}
.detail_picbot_mid ul li{float:left;height:58px;margin-left:5px;display:inline;/*width:94px;*/text-align:center;overflow:hidden;position:relative; width:75px;}
#miaoshuwarp{ background:#070707;}
.detail_picbot_mid ul li img{height:56px;width:73px; border:1px solid #CCC;}
.detail_picbot_mid ul li img:hover,.detail_picbot_mid ul li img.selectpic{ border:1px solid #40560a;}

.xx_js{line-height:24px; float:left; margin-left:10px; width:390px;}
.mingcheng{ font-family:"微软雅黑"; font-size:24px; line-height:35px; color:#00a7eb; margin-bottom:5px;}
.mingcheng_pro{ font-family:"微软雅黑"; font-size:24px; line-height:35px; color:#00a7eb; margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:10px; margin-bottom:10px;}
.jianjie{ line-height:30px;}
.jj{ border-bottom:1px dashed #ddd; line-height:35px;}
.jj2{ overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical; line-height:24px !important; padding-bottom:10px;}
.jb{ line-height:24px;text-overflow:  border-bottom:1px dashed #ddd; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:6;-webkit-box-orient: vertical; margin-bottom:20px;}
.jianjie strong{ font-weight:normal;}
.fanpian{ margin-top:15px; border-top:1px dashed #ddd; padding-top:15px;}
.dinggou{ font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
.dinggou strong{ font-family:"impact"; color:#00a7eb; font-size:16px;}
.zaixian_zx{ width:160px; height:30px; line-height:30px; text-align:center; border:3px solid #00a7eb; background:#00a7eb; border-radius:10px;font-family:"微软雅黑"; font-size:16px;}
.zaixian_zx a{ display:block; color:#fff; outline:none;}

.pro_more{  padding-bottom:20px;clear:both; min-height:200px; line-height:28px; font-size:12px;}
.biati_more{ line-height:40px; border-bottom:1px solid #999; font-family:"微软雅黑"; color:#fff; clear:both; font-size:16px;}
/*视频*/
ul.shipin{ clear:both;}
ul.shipin li{ float:left; width:580px; margin-right:20px;}

/*hot_products*/
.hot_pro{line-height:24px; float:right; width:300px;margin-top:-60px; position:relative;}
.hot_pro_neiye{line-height:24px; width:300px; position:absolute; top:0px; left:0px; background:#f0f0f0;padding:15px; }
.hot_pro h2{ font-family:"微软雅黑"; font-size:24px; line-height:24px; border-bottom:2px solid #00a7eb; padding-bottom:10px; margin-bottom:10px; font-weight:normal; color:#00a7eb;}
.hot_pro ul{}
.hot_pro ul li{ line-height:40px; margin-bottom:2px;}
.hot_pro ul li a{ display:block; border:1px solid #ddd; text-align:center; line-height:40px; background:#fff;}
.hot_pro ul li a:hover{ color:#fff; background:#00a7eb;}
.mingpian{ background:#fff;width:90%; padding:0px 5% 15px 5%; margin:0px auto; margin-top:15px;}
.dh_mp{ margin-bottom:15px; box-shadow:0px 0px 5px rgba(0,0,0,0.1);}
.dh_mp img{ width:100%; height:auto; border:1px solid #ddd;}
.kuan h3,.mingpian h3{padding-top:10px;color:#00a7eb; border-bottom:1px solid #00a7eb;}
.mingpian_text{margin:0px auto; padding-top:10px; width:100%;}
.mingpian_text p.p1{ font-family:"微软雅黑"; font-size:16px; color:#333;}
.mingpian_text p.p2{ font-family:"impact"; font-size:24px; color:#00a7eb; margin-bottom:15px;}

.kuan{ width:100%; padding:0px;}
/*tab*/
ul.tab_list_pro{ clear:both;overflow:hidden; width:100%;}
ul.tab_list_pro li{ float:left;margin-left:1px; width:158px; height:40px; padding-bottom:6px;}
ul.tab_list_pro li a{ display:block;text-align:center; height:40px; line-height:40px; background:#041a33; font-family:"微软雅黑"; font-size:14px; color:#fff; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; }
ul.tab_list_pro li.current,ul.tab_list_pro li:hover{ background:url(../images/sanjiao.jpg) no-repeat bottom center;}
ul.tab_list_pro li.current a,ul.tab_list_pro li:hover a{text-align:center; font-family:"微软雅黑"; font-size:14px; color:#666; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;background:#00a7eb; color:#fff; }
.fanpian{ margin-top:15px; margin-bottom:50px; overflow:hidden; clear:both;}
.fanpian .up{ float:left;}
.fanpian .down{ float:right;}
.fanpian a{ line-height:40px;}
.fanpian a:hover{ text-decoration:underline;}

.pro_xq_tab{ padding-top:20px;}


/*case*/
.case_list_pic{ width:1200px; margin:0px auto;}
ul.case_list{ clear:both; margin-left:-15px;}
ul.case_list li{float:left; width:285px; overflow:hidden;position:relative; margin-bottom:10px; margin-left:15px;}
ul.case_list li img{ height:183px; width:283px;border:1px solid #ddd;}
ul.case_list li p{ color:#fff; font-size:14px; text-align:center; margin-bottom:15px; height:30px; line-height:30px;}
ul.case_list li .b{ position:absolute; top:0px; left:0px; display:none; width:285px; height:185px;}
ul.case_list li .b a{ display:block; width:100%; height:278px;}
ul.case_list li:hover .b{ display:block; background: url(../images/sousuo.png) no-repeat center rgba(8,63,128,0.75);}

/*详情*/
.case_xq{ width:860px; padding:20px; background:#fff; margin:0px auto; padding-top:20px; padding-bottom:50px;}
.case_xq_title{ font-family:"微软雅黑"; font-size:24px; color:#333; text-align:center; line-height:30px; margin-bottom:3px;}
.read{ padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:15px; text-align:center; font-size:12px; color:#999;}
.case_xq_text{ line-height:24px; font-size:14px;}
.case_xq_text .guding { line-height:40px; border-bottom:1px solid #ddd; margin-bottom:20px; padding-bottom:20px; clear:both; overflow:hidden;}
.case_xq_text .guding p{ float:left; width:50%;}
.case_xq_text .guding strong{}
.case_xq_text img{ width:100%; padding:10px 0px;}

/*新闻*/
.news_box{ width:1200px; margin:0px auto;}
.sub_left{ width:240px; padding:15px; background:#fff;}
	.sub_left h2.sub_lefttitle{ font-family:"微软雅黑"; font-size:16px; border-bottom:1px solid #00a7eb; padding-bottom:5px; color:#00a7eb;}
	.scrollbox{ width: 222px; margin: 0 auto; overflow: hidden; }
#scrollDiv{width:222px;height:550px; overflow:hidden;}/*这里的高度和超出隐藏是必须的*/
#scrollDiv li{height:auto; width:222px;}
#scrollDiv li h3{ height:auto; padding-top:13px; font-size:14px; color:#353535; line-height:24px; width:245px;}
#scrollDiv li h3 a{color:#353535; text-decoration:none}
#scrollDiv li h3 a img{ width:220px; height:220px; border:1px solid #ddd;}
#scrollDiv li h3 a:hover{ color:#00afe8}
#scrollDiv li div{ height:36px; width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; font-weight:bold; color:#416A7F; line-height:36px; text-align:center; overflow:hidden}
#scrollDiv li div a{ color:#416A7F; text-decoration:none}

.scroltit{ height:26px; line-height:26px; padding-bottom:4px; margin-bottom:4px;}
.scroltit h3{ width:100px; float:left;}
.scroltit .updown{float:right; width:32px; height:22px; margin-left:4px}
#but_up{ background:url(../images/up.gif) no-repeat 0 0; text-indent:-9999px}
#but_down{ background:url(../images/down.gif) no-repeat 0 0; text-indent:-9999px}


.tuijian_news{ padding:10px 0px;}
.tuijian_news ul li{ line-height:30px;}
.tuijian_news ul li a{ display:block; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.news_neiye{ width:860px; background:#fff; padding:20px;}
/*新闻页面*/
dl.news_list{ clear:both; padding-bottom:20px; border-bottom:1px dashed #141414; margin-bottom:20px; overflow:hidden;}
dl.news_list dd{ width:100%;}
dl.news_list dd.d1{ font-family:"微软雅黑"; font-size:16px; color:#333; font-weight:bold;}
dl.news_list dd.d1 span{ font-weight:normal; font-size:14px; color:#666;}
dl.news_list dd.d2{ font-size:12px; line-height:24px; margin-bottom:10px; -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;overflow:hidden;}
dl.news_list dd.d3{ width:120px; height:30px; line-height:30px; margin-top:3px;}
dl.news_list dd.d3 span{ display:block; text-transform:uppercase; border:1px solid #ddd; text-align:center; font-size:12px; width:120px; height:30px;}
dl.news_list a:hover dd.d3 span{ background:#00afe8; border-color:#00afe8; color:#fff;}
dl.news_list a:hover{ color:#00afe8;}
/*新闻详情*/
.news_biaoti{ text-align:center; font-family:"微软雅黑"; font-size:16px; color:#333;}
.nei_yue{ text-align:center; font-size:12px; padding-bottom:20px; margin-bottom:20px; border-bottom:1px dashed #999;}
.newsxq{ line-height:28px; padding-bottom:30px; border-bottom:1px dashed #999;}

/*联系我们*/
.contact_neiye{ width:1200px; margin:0px auto; clear:both; overflow:hidden;}
.contact_text{ float:right; width:580px;} 
.contact_text .l1{line-height:24px; margin-bottom:5px;font-size:24px; font-family:"微软雅黑"; color:#333;}
.contact_text .l2{font-family:Arial; font-size:20px; color:#333;}
.contact_text .l3{line-height:30px; font-family:"微软雅黑"; font-size:14px; color:#333; }
.contact_map{ float:left; width:600px; height:350px;}

.contact_list{width:1200px; margin:0px auto; clear:both; border-top:1px solid #ddd; margin-top:20px; padding-top:20px; overflow:hidden;}
.contact_list ul{ clear:both;}
.contact_list ul li{ float:left; width:46%; margin-bottom:35px;}
.contact_list ul li dl dt{ font-weight:bold; font-size:16px; color:#333; line-height:24px; margin-bottom:5px;}
.contact_list ul li dl dd{ line-height:24px; font-size:14px; color:#666;}
/*在线留言*/
.case_line{ width:1200px; margin:0px auto;}
.job_xq{ float:left; width:720px;background:#fff; padding:30px; line-height:30px; min-height:600px; font-size:14px;}
.job_xq img{ width:100%;}
.case_more p.erweima{ width:200px; height:200px; padding:15px 0px 10px 10px;}
.case_more p.erweima img{ width:200px; height:200px; margin:0px auto;}
.ser_text{ padding:0px 15px;}
.ser_text p{ font-size:14px; line-height:30px;}
.ser_text p.pp{ font-size:12px; color:#666; line-height:24px;}
.ser_text p.pp strong{ font-size:14px;}
.ser_text p.aa{ width:135px; height:25px; line-height:25px; margin-top:15px;}
.ser_text p.aa a{ display:block; width:135px; height:25px; line-height:25px; text-align:center; background:#00a7eb; color:#fff;}
/**/
.geetbooks{ width:650px; margin:0px auto;}
.geetbooks p{ line-height:24px;}
.geetbooks p input{border:1px solid #ccc; height:40px; padding:0px 15px; line-height:40px; color:#666; font-size:12px; width:400px; margin-bottom:20px;}
.geetbooks p.buttom2{ padding-left:60px;}
.geetbooks p.buttom2 input{ width:100px; height:25px; line-height:25px; border:none; background:#00a7eb; color:#fff; font-size:14px; cursor: pointer;}
.geetbooks p span{ color:red;}
.geetbooks textarea{ border:1px solid #ccc;height:200px; line-height:25px; color:#666; font-size:12px; width:488px; margin-bottom:30px;}

.case_more{ width:380px; background:#fff; padding:10px; min-height:600px; float:right;}
.up_down{ border-top:1px dashed #ddd; margin-top:50px; line-height:45px;}
.up_down a{ display:block; width:50%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.up_down a.a1{ float:left;}
.up_down a.a2{ float:right; text-align:right;}
.case_more h2{ font-family:"微软雅黑"; font-size:16px; font-weight:normal; color:#00a7eb; line-height:30px; border-bottom:1px solid #00a7eb; width:360px; margin:0px auto 10px auto;}
.case_more h2 a{ font-size:12px; color:#00a7eb;}
.case_more ul{ margin:0px auto; width:360px;}
.case_more ul li{line-height:45px;}
.case_more ul li a{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;  display:block; background:url(../images/sanjiao.png) no-repeat left center; padding-left:10px; border-bottom:1px dashed #ddd; font-size:14px;}
.case_more ul li a:hover{ background:url(../images/red_sanjiao.png) no-repeat left center;border-bottom:1px dashed #00a7eb;}
.case_more ul li span{ font-size:12px;}


/*内页推荐产品*/
ul.tuijian_pro{ clear:both; width:900px;}
ul.tuijian_pro li{ float:left; width:230px; margin-right:20px; margin-bottom:30px;}
ul.tuijian_pro li img{ width:228px; border:1px solid #ddd; height:228px; text-align:center;}
ul.tuijian_pro li p{ text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.case_px_cideo{ width:500px; height:300px; margin-bottom:20px;}

/*网站地图*/
.ditu{overflow:hidden; width:1158px; margin:20px auto 0px auto; padding:20px;}
.ditu dl{ margin-bottom:35px; padding:0px 15px; overflow:hidden;}
.ditu dl dt{ font-weight:bold; font-family:"微软雅黑"; line-height:30px; font-size:16px;}
.ditu dl dd{ clear:both; border:2px solid #DDD; overflow:hidden; padding:20px 0px; line-height:24px;}
.ditu dl dd a{ display:inline-block; float:left; padding:5px 50px;}