/* reset css */
body {
	 font-family:'Microsoft YaHei','微软雅黑','Century Gothic', 'Helvetica', 'SimSun', '宋体', 'Heiti', '黑体', 'Arial', 'sans-serif';
	 color:#666;
	 font-size:12px;
	 background:#fff;
}
body,
p,
ul,
ol,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
th,
td {
	 margin:0;
	 padding:0;
}
li {
	 list-style:none;
}
a {
	 text-decoration:none;
	 color:#666;
}
input,
select,
textarea {
	 border:none;
	 outline:none;
}
textarea {
	 resize:none;
}
img {
	 vertical-align:top;
	 border:none;
}

.clear {
	 zoom:1;
}
.clear:after {
	 content:"";
	 display:block;
	 clear:both;
}
table {
	 border:0;
	 border-collapse: collapse;
}
em,
i {
	 font-style:normal;
}
textarea {
	 resize:none;
}


.P_width {
	 width:100%;
	 margin:0 auto;
}

/* 头部样式重写（11.3） */
#top {
	 height:122px;
}
#top .head {
	 width:1200px;
     height:122px;
	 margin:0 auto;
	 position:relative;
}
#top .head .logo {
	 width:274px;
	 position:absolute;
	 top:32px;
	 left:0;
}
#top .head .logo img {
	 width:100%;
}
#top .head .nav {
	 padding-left:130px;
	 text-align:center;
	 padding-top:80px;
}
#top .head ul li {
	 display:inline-block;
	 margin-right:2px;
}
#top .head ul li a {
	 display:block;
	 font-size: 15px;
	 padding:0 33px;
}
#top .head ul li.active a,
#top .head ul li:hover a {
	 background:#f39d01;
	 color:#fff;
}
#top .language {
	 position:absolute;
	 top:80px;
	 right:0;
}
#top .nav_btn {
	 width:40px;
	 height:40px;
	 background:url("../images/menuico.png") no-repeat;
	 background-size:cover;
	 position:fixed;
	 top:16px;
	 right:10px;
	 z-index:9998;
	 display:none;
}
#top .small_nav {
	 width:100%;
	 height:100%;
	 box-sizing:border-box;
	 padding-top:30px;
     text-align:center;
	 background:#fff;
	 position:fixed;
	 top:0;
	 right:-1000px;
	 z-index:9999;
	 display:none;
}
#top .small_nav a {
	 display:block;
	 border-bottom: 1px #ccc solid;
	 font-size:18px;
     color:#666;
     line-height:60px;
}
#top .small_nav span {
	 position:absolute;
     width:40px;
     height:40px;
     background:url("../images/close.png") no-repeat center;
     background-size:cover;
     margin:0 auto;
	 left:50%;
	 margin-left:-20px;
	 bottom:10%;
}
.small_language {
	 display:none;
}

@media (max-width:400px) {
	 #top .language {
		 display:none;
	 }
	 #top .small_language {
		 display:block;
	 }
	 
	 .small_language a {
		 font-size:16px;
	 }
}
@media screen and (min-width:401px) and (max-width:850px) {
	 #top .small_language {
		 display:none;
	 }
}
@media (max-width:850px) {
	 
	 #top .head {
		 width:100%;
	 }
	 #top {
		 height:70px;
	 }
	 #top .head {
		 height:70px;
	 }
	 #top .nav {
		 display:none;
	 }

	 #top .head .logo {
		 width:150px;
		 top:15px;
		 left:10px;
	 }
	 #top .head .logo img {
		 
	 }

	 #top .nav_btn {
		 display:block;
	 }
	 #top .small_nav {
		 display:block;
	 }
	 #top .language {
		 top:16px;
		 left:50%;
		 right:auto;
		 z-index:999;
	 }
}

@media screen and (min-width:851px) and (max-width:1218px) {
	 #top {
		 height:90px;
	 }
	 #top .head {
		 width:96%;
		 margin:0 auto;
		 height:90px;
	 }
	 #top .head .logo {
		 width:200px;
		 top:16px;
	 }
	 #top .head .nav {
		 padding-top:50px;
	 }
	 #top .head .language {
		 top:50px;
	 }
	 #top .head ul li a {
		 padding:0 10px;
	 }
}


/* 内页共用背景图 */
.P_bg {
	 padding-bottom:100px;
	 background:url("../images/pro_bg.jpg") no-repeat fixed;
	 background-size:cover;
	 text-align: center;
}


/* 导航产品栏目 */  /* 修改（10.31）新增 */
.new_sb_product {
	 position:relative;
}
.new_sb_product .menu {
	 width:200px;
	 padding:10px;
	 background:#fff;
	 top:26px;
	 position:absolute;
	 left:-1px;
	 z-index:999;
	 display:none;
}
.new_sb_product .menu span {
	 color:#333;
	 display:block;
	 line-height:35px;
	 text-align:center;
	 border-bottom:1px dashed #efefef;
	 cursor:pointer;
}
.new_sb_product .menu span:hover{
	 color:#f39d01;
}/* 新增结束 （10.31） */
/* 内页共用搜索栏目 */
.seacher_box {
	 background:#e50000;
	 height:46px;
	 margin-top:12px;
}
.seacher_box .info {
	 width:72.625%;
	 margin:0 auto;
	 line-height:46px;
}
.seacher_box .info h2 {
	 width:40%;
	 float:left;
	 color:#fff;
	 font-size:16px;
}
.seacher_box h2 span {
	 font-size:10px;
}
.seacher_box .seacher {
	 width:260px;
	 float:right;
	 padding-top:7px;
}
.seacher_box .seacher .text,
.seacher_box .seacher .btn {
	 float:left;
}
.seacher_box .seacher .text {
	 width:220px;
	 height:30px;
	 text-indent:10px;
	 margin-right:10px;
}
.seacher_box .seacher .btn {
	 width:28px;
	 cursor:pointer;
	 height:30px;
	 background:url("../images/seacher_bg.png") no-repeat;
}
/* 技术支持和新闻中心共用结构样式 */
.main {
	 width:72.625%;
	 margin:50px auto 0;
}
.main h2 {
	 font-size:18px;
	 color:#333;
	 padding-bottom:6px;
	 border-bottom:1px solid #e8e8e8;
}
.main .section {
	 width:100%;
}
.main .left_section {
	 width:62.8%;
	 float:left;
}
.main .left_section .tech_news_list li {
	 width:100%;
	 border-bottom:1px solid #c7c7c7;
	 padding-bottom:12px;
}
.main .left_section .tech_news_list li a {
	 display:block;
}
.main .left_section .tech_news_list li .pic {
	 width:30%;
	 float:left;
	 
	 margin:30px 0 14px 0;
	 margin-right:34px;
}

.main .left_section .tech_news_list li .pic img {
	 width:100%;
}
.main .left_section .tech_news_list li .intro {
	 width:64%;
	 float:left;
	 padding-top:30px;
}
.main .left_section .tech_news_list li .intro h3 {
	 font-size:14px;
	 color:#333;
	 line-height:24px;
}
.main .left_section .tech_news_list li .intro p {
	 font-size:12px;
	 /* color:#da251c; */
	 line-height:23px;
}
.main .left_section .tech_news_list li .intro span {
	 float:right;
}
.main .left_section .paging {
	 margin-top:30px;
}

.right_section {
	 width:30%;
	 float:right;
	 padding-top:38px;
}
.right_section .search {
	 width:100%;
}
.right_section h3 {
	 font-size:14px;
	 color:#333;
	 border-bottom:1px solid #d8d8d8;
	 padding-bottom:6px;
	 margin-bottom:10px;
}
.right_section h3 span {
	 font-size:12px;
	 color:#999;
}
.right_section .search_box {
	 width:100%;
	 margin-bottom:48px;
}
.right_section .search_box input,
.right_section .search_box a {
	 float:left;
}
.right_section .search_box input {
	 width:76%;
	 height:46px;
	 border:1px solid #d8d8d8;
	 border-right:none;
	 text-indent:10px;
}
.right_section .search_box a {
	 width:20%;
	 height:50px;
	 background:#d8d8d8 url("../images/seacher_bg.png") no-repeat center;
	 background-size:26px 28px;

}
.right_section .recommend .mes a {
	 display:block;
	 color:#5a5a5a;
	 line-height:24px;
	 font-weight:bold;
	 margin-top:6px;
}
.right_section .recommend .mes p {
	 line-height:24px;
}

/* 分页 */
.paging {
	 width:100%;
	 margin:0 auto ;
	 text-align:center;
}
.paging .center {
	 display:inline-block;
}
.paging a {
	 color:#666;
	 font-size:12px;
	 margin-right:10px;
	 margin-bottom: 8px;
	 float:left;
}
.paging .pages,.paging .pagess{
	 display:block;
	 width:28px;
	 height:28px;
	 text-align:center;
	 line-height:28px;
	 border:1px solid #999;
}
.paging .pagess{
	width: auto;
	position: relative;
	padding:0 10px;
}
.paging .pgd{padding-left: 20px}
.paging .pgd2{padding-right: 20px}
.paging .pgd span{
	display: block;
	position: absolute;
	left: 10px;
	top: 12px;
	width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-right: 6px solid #5a5a5a;
    border-bottom: 3px solid transparent;
}
.paging .pgd2 span{
	display: block;
	position: absolute;
	right: 10px;
	top: 12px;
	width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-left: 6px solid #5a5a5a;
    border-bottom: 3px solid transparent;
}
.paging .pgd:hover span{border-right-color: #da251c;}
.paging .pgd2:hover span{border-left-color: #da251c;}
.paging .active,.paging .pages:hover,.paging .pagess:hover{
	 border-color:#da251c;
	 color:#da251c;
}

/* 查看更多按钮 */
.p_more_2 {
	 display:inline-block;
	 padding:10px 34px;
	 border:1px solid #f07a7a;
	 text-align: center;
}

/* 成功案例 */
.case {
	 padding-top:60px;
}
.case .caption {
	 
}
.case .pic_list {
	 width:100%;
	 padding-top:50px;
}
.case .pic_list li {
	 width:20%;
	 position:relative;
	 float:left;
}
.case .pic_list li img {
	 width:100%;
}
.case .pic_list .show {
	 width:100%;
	 height:100%;
	 background:#da251c;
	 text-align:center;
	 position:absolute;
	 top:0;
	 left:0;
	 display:none;
}
.case .pic_list .show .sb_position {
	 position:absolute;
	top:50%;
	margin-top:-30px;
	width: 100%;
}
.case .pic_list .show p {
	 width:80%;
	 text-align:center;
	 margin:auto;
	 color:#fff;
	 font-size:14px;
	 margin-bottom:2px;
}
.case .pic_list .show a {
	 display:inline-block;
	 color:#fff;
	 padding:6px 20px;
	 border:1px solid #fff;
	 margin:0 auto;
	 font-size:14px;
}
.P_more_center {
	 width:100%;
	 text-align:center;
}
.P_more {
	 display:inline-block;
	 width:238px;
	 height:66px;
	 border:1px solid #da251c;
	 color:#da251c;
	 font-size:18px;
	 line-height:66px;
	 text-align:center;
}
.P_more:hover {
	 color:#f39d01;
}
.case .P_more_center {
	 padding:40px 0 60px 0;
}

/* tab切换 */
.tab {
	padding:45px 0 45px 0;
	  width:75.625%; 
	 margin:0 auto;
	 text-align: center;
	 display: inline-block;
}
.tab li {
	 zoom: 1;
    /* display: inline-block; */
    text-align: center;
    width: 20%;
    margin-bottom: 15px;
    float: left;
}
.tab li a {
	 display:block;
}
.tab li.first .btn p,
.tab li.first .btn span {
	 background:#e83738;
}
.tab li.first .btn p {
	 color:#fff;
}
.tab li.first .btn span {
	 display:block;
}
.tab li.active .btn p,.tab .btn p:hover{
	 color:#e83738;
	 border:1px solid #e83738;
}
.tab li.first .btn p {
	 color:#fff;
}
.tab .btn {
	 position:relative;
}
.tab .btn p {
	 width:90%;
	 
	 font-size:14px;
	 color:#333;
	 padding:10px 0;
	 text-align:center;
	 border:1px solid #a8a8a8;
	 height: 38px;
}
.tab .btn span {
	 position:absolute;
	 width:5px;
	 height:26px;
	 right:12px;
	 top:8px;
	 border-radius:0 5px 5px 0;
	 display:none;
}
/* 尾部 */
#footer {
	 width:100%;
	 margin:0 auto;
	 padding-bottom: 20px;
	 height:auto;
	 background:#1c1a1a;
}
#footer .info {
	 width:31.25%;
	 margin:0 auto;
	 padding-top:18px;
}
#footer .title{
	 text-align:center;
	 border-bottom:1px solid #585252;
	 margin-bottom:12px;
}
#footer .title h2 {
	 font-size:18px;
	 color:#c8c3c3;
	 margin-bottom:10px;
}
#footer .title .line {
	 width:34px;
	 height:4px;
	 background:#585252;
	 margin:0 auto;
}
#footer .phone {
	text-align: center;
	font-family: 'Microsoft YaHei';
	 width:300px;
	 margin:0 auto;
	 height:26px;
	 background:url("../images/phone_bg.png") no-repeat;
	 text-indent:30px;
	 line-height:26px;
	 font-size:18px;
	 font-weight:bold;
	 color: #888484;
}
#footer .address {
	/*  width:500px; */
	font-family: 'Microsoft YaHei';
	 margin:0 auto;
	 font-size:15px;
	 text-align: center;
	 color: #878383;
	 margin-top:18px;
	 font-weight:bold;
	 margin-bottom:10px;
}
#footer .onwer {
	/*  width:340px; */
	font-family: 'Microsoft YaHei';
	 color: #878383;
	 line-height:24px;
	 margin:0 auto;
	 text-align:center;
	 word-break: break-word;
}

a.menu-ico{ display:none; width:40px; height:40px; background:url(../images/menuico.png) no-repeat; background-size:cover; position:fixed; right:5px; text-indent:-9999em; top:32px;
z-index: 999}
.menu-show{ width:100%; height:100%; position:fixed; top:0; right:-500%; background:#fff; z-index:999999;transition:all 1s; opacity:0;}
.menu-show ul{ padding-top:30px; text-align:center;}
.menu-show ul li{border-bottom: 1px #ccc solid}
.menu-show ul li a{ font-size:18px; display:block; color:#666; line-height:60px;}
.menu-bottom{ width:100%; position:absolute; bottom:10%; left:0;}
.menu-close{ display:block; width:40px; height:40px;background:url(../images/close.png) no-repeat; background-size:cover; margin:0 auto;}
.menuhover{ right:0; transition:all 0.4s;opacity:1;}

@media (max-width:750px){
	a.menu-ico{display: block;}
	.nav{display: none;}
}