@CHARSET "utf-8";

.key_tag{text-decoration:underline;}

/*导航栏样式*/
.nav{height:50px;}
.nav li{line-height:50px;height:50px;text-align:center;width:170px;float:left;position:relative;z-index:9999;}
.nav li a{display:block;line-height:50px;color:#fff;height:50px;font:100 16px/50px "微软雅黑";}
.nav li a:hover{color:#fff;text-decoration:none;background-color:#24588e;}
.nav li a:visited{color:#fff;}

.nav li.current a{color:#fff;text-decoration:none;background:#24588e;}
#a_cate{display:none;position:absolute;left:0px;top:50px;z-index:999;width:100%;background:#24588e;}
#a_cate a{display:block;color:#fff;text-align:center;background:none;border-bottom:1px dotted #d1d1d1;font:100 12px/32px 'Microsoft Yahei';height:32px;}
#a_cate a:hover{color:#fff;background:#227638;}




/*幻灯片样式2*/
#focus {width:286px; height:161px; overflow:hidden; position:relative;}
#focus ul {height:161px; position:absolute;}
#focus ul li {float:left; width:286px; height:161px; overflow:hidden; position:relative; background:#000;}
#focus ul li a img{height:161px;width:286px;}
#focus ul li div {position:absolute; overflow:hidden;}
#focus .btnBg {position:absolute; width:286px; height:20px; left:0; bottom:0;}
#focus .btn {position:absolute; width:286px; height:10px; padding:5px 10px; right:0; bottom:0; text-align:right;}
#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:10px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
#focus .btn span.on {background:#fff;}





/*产品分类*/
.cate{border:1px solid #e0e1dc;padding:10px;background-color:#f7f7f7;}
.cate li{line-height:28px;border-bottom:1px dashed #d7d7d7;line-height:28px;}
.cate li a{padding-left:60px;display:block;height:28px;line-height:28px;background:url(../images/ico1.gif) 34px center no-repeat;}
.cate li a:hover{background-color:#ececec;text-decoration:none;}

/*新闻列表*/
.news_list{}
.news_list li{line-height:27px;position:relative;padding-left:10px;}
.news_list li a{line-height:27px;color:#666;}
.news_list li a:visited{text-decoration: none;color:#666;}
.news_list li a:hover{text-decoration:none;color:#666;}
.news_list li span{color:#999;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list li h3 {font-size:14px;}
.news_list li div{line-height:24px;}

.news_list1{}
.news_list1 li{line-height:27px;position:relative;}
.news_list1 li a{line-height:27px;color:#565656;font-size: 14px;}
.news_list1 li a:visited{text-decoration: none;color:#666;}
.news_list1 li a:hover{text-decoration:none;color:#666;}
.news_list1 li span{color:#343434;z-index:0;line-height:27px;position:absolute;right:0px;top:0px;}
.news_list1 li h3 {font-size:14px;}
.news_list1 li div{line-height:24px;}

.words{overflow:hidden;margin-right:-1.3%;padding-top:5px;}
.words li{width:31%; float:left;margin-right:1.3%;border:1px dashed #d0d0d0;background:#fcfcfc;padding-left:0px;margin-bottom:10px;text-align:center;}

.new1 li{}

/*案例列表*/
.case_list{}
.case_list li{float:left;margin-left:21px;margin-right:21px;padding-bottom:15px;_display:inline;}
.case_list li a.img{padding:10px;border:1px solid #e0e1dc;}
.case_list li a.img img{width:170px;height:170px;}
.case_list li h3{text-align:center;padding-top:5px;}
.case_list li h3 a{font-weight:normal;}
.case_list li a.img{display:block;}
.case_list li a.img:hover{border-color:#666;}

/*Tag列表*/
.tag_list_product {margin-top:10px;}
.tag_list_product li{float:left;margin-left:21px;margin-right:21px;padding-bottom:15px;_display:inline;}
.tag_list_product li a.img{padding:10px;border:1px solid #e0e1dc;}
.tag_list_product li a.img img{width:170px;height:170px;}
.tag_list_product li h3{text-align:center;padding-top:5px;}
.tag_list_product li h3 a{font-weight:normal;}
.tag_list_product li a.img{display:block;}
.tag_list_product li a.img:hover{border-color:#67cffd;}

.tag_list_news{}
.tag_list_news li{line-height:27px;position:relative;padding-left:10px;}
.tag_list_news li a{line-height:27px;}
.tag_list_news li span{color:#999;z-index:0;line-height:27px;}
.tag_list_news li h3 {font-size:14px;}
.tag_list_news li div{line-height:24px;}

.tag_total{height:36px;line-height:36px;text-align:left;padding-left:20px;background-color:#edf1f5;border:1px solid #b6c7db;}

/*产品里列表*/

/*滚动*/
#demo{overflow:hidden;width:100%;margin:0 auto;}
#indemo {float: left;width:950px;}
#demo1 {float: left;}
#demo2 {float: left;}

/*滚动*/
#mdemo{overflow:hidden;width:100%;margin:0 auto;}
#mindemo {float: left;width:800%;}
#mdemo1 {float: left;}
#mdemo2 {float: left;}

/*滚动*/
#ydemo{overflow:hidden;width:96%;margin:0 auto;}
#yindemo {float: left;width:800%;}
#ydemo1 {float: left;}
#ydemo2 {float: left;}

.product_list{}
.product_list li{float:left;margin-left:21px;margin-right:21px;padding-bottom:15px;_display:inline;}
.product_list li a.img{border:1px solid #dddddd;padding:10px;}
.product_list li a.img img{width:170px;height:170px;}
.product_list li h3{text-align:center;padding-top:5px;font-size:14px}
.product_list li h3 a{font-weight:normal;}
.product_list li a.img{display:block;}
.product_list li a.img:hover{border-color:#67cffd;}
.roll_product{float:left;}

.product_list1{margin:0 -19px;}
.product_list1 li{float:left;margin:0 19px 25px 19px;padding-bottom:15px;_display:inline;width:209px;background:#fff;position:relative;height:284px;}
.product_list1 li:hover{background:#0f70cf;color:#fff}
.product_list1 li:hover a{color:#fff;}
.product_list1 li:hover p{color:#fff;}
.product_list1 li a.img{padding:19px;}
.product_list1 li a.img img{width:170px;height:170px;}
.product_list1 li h3{text-align:center;padding-bottom:4px;}
.product_list1 li p{text-align:center;font-size: 16px;color:#484848;}
.product_list1 li h3 a{font-weight:normal;text-decoration:none;font:100 16px/26px "arial";color:#484848;}
.product_list1 li a.img{display:block;}
.product_list1 li a.img:hover{border-color:#67cffd;}
.roll_product{float:left;}
.dian{width:170px;height:170px;position: absolute;left:19px;top:19px;display:none;}





/*下载列表*/
.down_list{}
.down_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.down_list li a{}

/*招聘列表*/
.job_list{}
.job_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.job_list li a{}
.job_list li span{position:absolute;color:#999;right:0;z-index:0;}

/*招聘列表*/
.download_list{}
.download_list li{line-height:27px;height:27px;position:relative;background:url(../images/list_dot1.gif) 0 50% no-repeat;padding-left:10px;}
.download_list li a{}
.download_list li span{position:absolute;color:#999;right:0;z-index:0;}


/*详细页面公共样式*/
h3.title_bar{margin-left:40px;width:420px;float:left;}
.share{padding-left:5px;padding-bottom:8px;float:left;;height:35px;}
.info_title{border-bottom:1px solid #e1e4e6;margin-bottom:15px;}
.case_title{border-bottom:1px solid #e1e4e6;}

/*产品详细*/
.product_detail{padding:5px;}
.product_detail h1.title{text-align:center;line-height:30px;font-size:14px;font-family:"Microsoft YaHei";border-bottom:1px solid #e0e1dc;margin-bottom:15px;padding-bottom:5px;}
.product_detail .img{/*width:200px;height:200px;*/float:left;padding:2px;border:1px solid #e0e1dc;}
.product_detail .img img{}
.product_detail .small{/*width:200px;height:200px;*/width:100%;height:auto;}
.jqzoom{
	text-decoration:none;
	float:left;
}

.product_detail .list{width:300px;float:left;margin-left:30px;display:inline;padding-top:8px;}
.list_p{}
.list_p li{height:26px;font-size:12px;border-bottom:1px dashed #e0e1dc;padding-bottom:5px;padding-top:5px;font-family:"Microsoft YaHei"}
.list_p li h2{font-size:12px;font-weight:normal;font-family:"Microsoft YaHei"}
.product_detail .inquiry{line-height:32px;border:none;margin-top:6px;}
.product_detail .inquiry a{background:url("../images/xunjia.gif") center center no-repeat;display:block;width:112px;height:32px;text-indent:-99999px;}
.product_detail .inquiry a:hover{background-image:url("../images/xunjia_hover.gif");}
.list_p li h2 a{font-size:12px;font-family:"Microsoft YaHei"}
.p_detail span.title{line-height:28px;height:28px;text-align:left;margin-top:10px;
	display:block;padding-left:10px;font-size:12px;border-bottom:1px solid #666;margin-bottom:15px;}
.p_detail p.dd{padding-top:5px;padding-bottom:5px;}
h3.tag{line-height:32px;border-top:1px dashed #666;margin-top:10px;color:#999;font-weight:normal;font-size:14px}
h3.tag a{color:#f10000;}
h3.tag a:hover{color:#67cffd;}
.page{line-height:26px;border-top:1px dashed #666;margin-top:6px;padding-top:5px;font-size:12px;}
.page a{color:#f10000;}
.page a:hover{color:#67cffd;}
.page span{color:#f10000;}

/*新闻详细*/
.news_detail{}
.news_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;
padding-bottom:10px;}
.news_detail h3.title_bar{line-height:26px;text-align:center;font-weight:normal;color:#808080;float:left;height:26px;overflow:hidden;font-size:14px;}
.news_detail h3.title_bar span{padding-right:10px;}


/*招聘详细*/
.job_detail{}
.job_detail h1.title{text-align:center;font-family:"Microsoft YaHei";font-size:18px;border-bottom:1px solid #e0e1dc;margin-bottom:5px;padding-bottom:10px;}
.job_detail h3.title_bar{line-height:35px;text-align:center;font-weight:normal;color:#808080;font-size:14px;}
.job_detail h3.title_bar span{padding-right:10px;}
.job_detail .content h4{background-color:#f1f1f1;height:35px;line-height:35px;text-align:left;padding-left:15px;font-size:14px;}
.job_detail .content div.text{padding-top:10px;padding-left:22px;padding-right:8px;}




/*下载详细*/
.down_info{padding:10px;margin-top:15px;}
.down_info table{width:100%;}
.down_info table thead{line-height:26px;background-color:#f2f2f2;}
.down_info table th{border:1px solid #b6d5f1;}
.down_info table td{padding:3px;padding-left:10px;padding-right:5px;border:1px solid #b6d5f1;text-align:center;line-height:28px;height:28px;}
#download{text-decoration:underline;}
#down_detail{}
#down_detail .title{line-height:26px;text-align:left;padding-left:15px;font-size:14px;height:26px;background-color:#ececec;}
#down_detail .text{padding:10px;}


/*内页左侧分类通用样式*/
//.sort{border-bottom:#D9D9D9 1px solid;}
.sort li{position:relative;}
.sort li .layer2{position:absolute;left:210px;top:0px;width:210px;padding:10px 20px;background:#f5f6f6;
	border-bottom:2px solid #3a78c1;z-index:9999;}
.sort li .layer2 li{overflow:hidden;}
.sort li .layer2 li a{font-weight:bold;background:url(../images/ico1.gif) no-repeat 0% 50%;}
.sort li .layer2 li a:hover{text-decoration:none;color:#3a78c1;}
.sort li .layer2 li .layer3 li{border-bottom:1px dashed #d5d5d5;margin:6px 0px;height:24px;
line-height: 24px;}
.sort li .layer2 li .layer3 li a{font:normal 12px/24px "微软雅黑";background:none;}

.sort li a{background:url(../images/dot4.png) no-repeat 5px -41px;color:#666;display:block;line-height:30px;font-family: "微软雅黑";border-bottom:1px solid #dddddd;padding-left:25px;}
.sort li a:visited{text-decoration: none;color:#666;}
.sort li a:hover{color:#3a78c1;text-decoration: none;background:url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;}
.sort li.change a{background:url(../images/dot4.png) no-repeat 5px -41px #f5f6f6;}



//.sort .layer2 li{width:200px;height:35px;margin-bottom:0;background:none;}




/*首页留言表单*/
.index_message{position: relative;}
.name_input{border:1px solid #cccccc; margin-top: 5px; background: #fff; height: 22px; width: 189px;}
.input_left{float: left; width: 40px; text-align: center; background:url(../images/newadd/title_left.jpg) left top repeat-x; height: 22px; line-height: 22px}
.input_right{position: relative; float: right;}
.input_right input{height: 22px; line-height: 22px;}
.input_right .m_label{position:absolute;width:100px;text-align:left;line-height:22px;padding-left:6px;color:#ccc;z-index:1;cursor:text;}


#m_div{width:222px;position:fixed;right:2px;bottom:0px;padding-bottom:1px;z-index:99999;background:none;}
.d_label{line-height:18px;padding-top:8px; width:160px;}
.w_message{border:1px solid #4a9cf9;padding:7px;padding-top:3px; height:189px; background:#fff;padding-bottom:27px;display:block; background:url(../images/newadd/message_bg.jpg) left top no-repeat;}
.w_message #name{width:142px;height:22px;line-height:22px; border: none !important;}
.w_message #contact{width:142px;height:20px;line-height:20px; border: none !important;}
.w_message #content{width:176px;height:65px;resize:none;overflow-y:auto;overflow-x:hidden;}
.w_message #checkcode{width:82px;height:22px;line-height:22px;border:1px solid #ccc;background-color:#fff;}


#message_main{display:table-cell;}
.w_message #message_main tr{display:block;width:100%;overflow:hidden;line-height:28px;}
.w_message #message_main tr th{height:28px;line-height:28px;width:37px;text-align:center;vertical-align:middle;overflow:hidden;}
.w_message #code{padding-top:0px; margin-top: 5px;}
.w_title{background:none;color:#fff;;position:relative;cursor:pointer;height:33px;width:222px;overflow:hidden;}
.w_message #message_main .m_input{border:1px solid #ccc;background-color:#fff;}
.w_message .msgbtn{width:93px;height:29px;line-height:20px; background:url(../images/newadd/submit.png) 50% 50% no-repeat;margin-top:3px;border:none;font-family:"Microsoft YaHei",arial;font-size:12px;margin-left:54px; font-family: "微软雅黑"; color: #fff;}
.w_message .msgbtn_hover{background:#3c96fc;color:#fff;border:1px solid #3c96fc;}



.m_close{background:url(../images/newadd/messbtn.png) left top no-repeat;position:absolute;right:0px;top:0px;cursor:pointer;overflow:hidden;
width:19px;height:20px;right:12px;top:8px;cursor:pointer;}
.m_open{background:url(../images/newadd/messbtn1.png) left top no-repeat;;}
.w_message .m_under{position:absolute;width:227px;height:37px;line-height:41px;left:0;bottom:1px;}
.w_message .support{color:#000;width:100px;position:absolute;bottom:1px;right:8px;font-size:12px;}
#m_top{height: 1px;font-size: 0px;line-height: 1px;margin: 0 2px;background:#4a9cf9;}
#m_mid{height: 1px;font-size: 0px;line-height: 1px;margin: 0 1px;background:#4a9cf9;}
#m_bot{background:#4a9cf9;height:31px;line-height:31px;padding-left:9px; font-family: "微软雅黑"; font-size: 13px;}


/*分页样式1*/
.pageController{padding-right:10px; padding-top:5px;padding-bottom:5px;color:#505050;margin:0 auto;border-top:1px solid #E2E3E4;margin-top:16px;line-height:24px;}
.pageController a{background-color:#FFF;vertical-align:middle; border:#efefef 1px solid; color:#505050;padding:3px 8px; margin-right:3px;margin-left:3px;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none;border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#ff0000;border:#efefef 1px solid;}
.pageController .t1{float:left;margin-right:5px;height:24px;line-height:22px;white-space:nowrap;}
.pageController .t2{float:right;vertical-align:middle;line-height:24px;}
.pageController .t2 #current{padding:0 5px;line-height:24px;}
.pageController .t1 span{padding-left:4px;padding-right:4px;}
.pageController select{height:24px;vertical-align:middle;text-align:center;line-height:24px;}
.pageController select option{vertical-align:middle;}

/*相关产品和新闻*/
.relate_list{margin-top:10px;}
.relate h4{line-height:30px;border-bottom:1px solid #666;padding-left:5px;font-size:14px;}
#relate_p .img img{width:100%;height:200px;}
#relate_p li{margin-left:10px;margin-right:10px;_display:inline;width:calc(25% - 20px);margin-bottom:20px;}
#relate_n li{width:48%;float:left;}
.relate ul{float:none;margin-top:10px;}


.p_detail img{max-width:100%!important;height:auto!important;}


/*博客列表*/
.blog_list{}
.blog_list li{border-bottom:1px solid #ccc;padding-bottom:20px;}
.blog_list li h2{line-height:42px;height:42px;padding-left:10px;padding-left:20px;border-bottom:1px dashed #ccc;}
.blog_list li h2 a{font-size:14px;font-family:"Microsoft YaHei";font-weight:bold;color:#4C4C4C;line-height:42px;color:#204e7d;}
.blog_list li .summary{color:#878787;line-height:28px;height:28px;text-indent:20px;padding-top:5px;padding-bottom:5px;}
.blog_list li .under{padding-left:20px;padding-top:5px;height:24px;line-height:24px;padding-bottom:5px;color:#2970a6;}
.blog_list li .under a{color:#2970a6;}

/*网站地图*/
h3.map_title{line-height:30px;line-height:30px;background-color:#f5f8fa;border:1px solid #d6dbe1;text-indent:20px;color:#3b639f;border-bottom:2px solid #458fce;}
.map_list{line-height:30px;padding-left:20px;margin-top:8px;margin-bottom:8px;}
.map_list a{padding:4px;white-space:nowrap;}
.map_list a:hover{text-decoration:none;background-color:#3b639f;color:#fff;padding:4px;}


@media (max-width: 768px) {

#relate_p li {
    margin-left: 10px;
    margin-right: 10px;
    _display: inline;
    width: calc(50% - 20px);
    margin-bottom: 20px;}
}