*,html{padding:0px; margin:0;}
body{  font-size:12px;color: rgb(0, 0, 0); margin:0 auto; padding:0; font-family: 'Microsoft YaHei', Arial, Helvetica, sans-serif; }
body{background: #FFF }
ul,li{list-style:none;padding:0px; margin:0px;}
img{ margin:0; padding:0; border:0;}
a{ text-decoration:none;color:#626262; outline:none;}
a:active {star:expression(this.onFocus=this.blur());} 
a:hover{color:#d40000}
.img-responsive{ display: block;    max-width: 100%;    height: auto;}
.none{ display: none;}
.text-center{ text-align: center;}
.text-left{ text-align:left;}
.text-right{ text-align:right;}
.center-block {
    display: block;
    margin-right: auto;
    margin-left: auto;
}
.fl{ float: left;}
.fr{ float:right;}



.clearfix:before, .clearfix:after {   
    content:"";   
    display:table;   
}   
.clearfix:after{   
    clear:both;   
    overflow:hidden;   
}   
.clearfix{   
    *zoom:1;   
}
.none{ display: none}

.bk,
.bk3,
.bk6,
.bk8,
.bk10,
.bk15,
.bk20,
.bk30 {
	clear: both;
	font-size: 1px;
	height: 0;
	line-height: 1px
}

.bk3 {
	height: 3px;
}

.bk6 {
	height: 6px
}

.bk8 {
	height: 8px
}

.bk10 {
	height: 10px
}

.bk15 {
	height: 15px
}

.bk20 {
	height: 20px
}

.bk30 {
	height: 30px
}

.panel {
	padding: 0;
	margin: 0;
	border: none;
}
.img-responsive{display: block;max-width: 100%;height: auto;}
input::-webkit-input-placeholder{color: #c1c1c1;}
　input:-moz-placeholder, textarea:-moz-placeholder {color:#c1c1c1;}
　input::-moz-placeholder, textarea::-moz-placeholder {color:#c1c1c1;}
　input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#c1c1c1;}



#wrap{ width:100%; overflow: hidden;}
.container{width: 1200px; margin: 0px auto;}
.tp_fixbox{ width:100%; position:fixed; left:0; top:0; z-index:3001;}
.tp_loadbkg{width:100%;height:3px; background-color:#0026b9;}
.tp_loadbkg div{background-color:#c00009;height:100%;width:20%;}
.tp_topbkg{clear:both;width:100%;height:125px;background:url(../images/headbg.png) repeat-x;position:relative;}

.in_content{ width:1300px; margin:0 auto; height:106px;}
.in_content .lg{ float:left; margin-top:15px;}
.in_content .lang{ float:right; margin-top:42px; width:67px; height:26px; background:url(../images/select_lang.jpg) no-repeat; position:relative;}
.in_content .lang p{ padding-left:28px; height:21px; line-height:21px; font-size:16px; cursor:pointer;}
.in_content .lang ul{ position:absolute; left:-10%; top:26px; width:120%; background-color:#D6251F; display:none; height:0;}
.in_content .lang ul a{ display:block; height:35px; line-height:35px; text-align:center; color:#FFF;}
.in_content .lang ul a:hover{ background:rgba(16, 1, 95, 0.5);}
.in_content .sh{ float:right; margin:42px 11px 0 0; width:21px; height:21px; background:url(../images/search_bg.jpg) no-repeat; cursor:pointer;}
.in_content .hd_nav{ float:right; padding:0 33px 0 0; height:100%;}
.in_content .hd_nav li{ float:left; _width:112px;width:100px; height:106px; position:relative;}
.in_content .hd_nav li>a{ display:block; font-size:15px; width:100%; height:100%; line-height:106px; text-align:center; transition:all 0.3s ease;}
.in_content .hd_nav li>em{ position:absolute; right:0; top:46px; width:1px; height:17px; background-color:#E2E1E1;}
.in_content .hd_nav li:hover>a{ font-size:16px; font-weight:bold; color:#333333;}
.in_content .hd_nav li::after{ content:""; display:block; width:0px; height:5px; background-color:#D6251F; position:absolute; left:50%; bottom:0px; transition:all 1s ease;}
.in_content .hd_nav li:hover::after{ width:110%; left:0;}
.in_content .hd_nav li.cur::after{ width:110%; left:0;}

.in_content .hd_nav li .box{ width:466px; background:#F4F4F4; position:absolute; left:0; top:106px; display:none; height:0;}
.in_content .hd_nav li .box .nav{float:left;width:110px;min-height:294px;background:#D6261F url(../images/child_nav_bg.jpg?v==333) left bottom no-repeat;}
.in_content .hd_nav li .box .nav a{ display:block; width:100%; height:51px; line-height:51px; text-align:center; color:#FFF; transition:all 0.5s ease;}
.in_content .hd_nav li .box .nav a:hover{ background:rgba(16, 1, 95, 0.5);}
.in_content .hd_nav li .box .info{ float:left; padding:26px 0 0 26px; width:276px; line-height:25px; color:#666;}
.in_content .hd_nav li .box .info img{ margin-bottom:15px;}
.in_content .hd_nav li .box_6{ left:-112px;}

.hb_box_2{ width:100%; background:#DA261D; position:absolute; left:0; top:106px;  display: none; }
.hb_box_2 .prodcatelist{ margin: 20px 40px 20px 40px; min-height: 100px;  display: block;}
.hb_box_2 .prodcatelist li{ float:left; margin-right:25px; line-height: 35px; margin-bottom: 15px;  font-size: 16px; transition:all 0.5s ease;}
.hb_box_2 .prodcatelist li a{ color:#FFF;}
.hb_box_2 .prodcatelist li a:hover{  color:#333;}

/** header cate**/
.hb_box_2 .prodcatewrap{ margin: 20px;min-height: 300px;}
.hb_box_2 .prodcateflex{ display: -webkit-flex; display: flex;	flex-direction: row;	flex-wrap: wrap;  }
.hb_box_2 .prodcateflex .item{ height: 30px; line-height: 28px; width: 10%;text-align: center; }
.hb_box_2 .prodcateflex .item a{ color: #FFF; font-size: 14px;}
.hb_box_2 .prodcateflex .item a:hover{  color:#333;}
/** end header cate**/



.in_topheight{ clear:both; width:100%; height:109px;}

.in_shbox{ clear:both; width:100%; height:117px; background:#E7E5EF; margin-top:-19px; display:none; height:0;}
.in_shbox .in_sh{ width:910px; margin:0 auto; overflow:hidden; padding-top:35px;}
.in_shbox .in_sh .txt{ float:left; width:783px; height:21px; line-height:21px; padding:13px 10px; border:0; background:#FFF;}
.in_shbox .in_sh .btn{ float:left; width:107px; height:47px; line-height:47px; text-align:center; color:#FFF; font-size:17px; border:0; background:url(../images/search_btn_bg.jpg) no-repeat; cursor:pointer;}


	/*分页样式*/
.Pro_page,.page20px{padding:10px;height:30px;width:100%;margin-right:20px; clear:both;}
.pages { color: #999; font-family:Verdana; height:30px}
.pages a, .pages .current { text-decoration:none; padding: 3px 8px; border: 1px solid #ddd;background: #fff;margin:0 3px; line-height:25px; font-size:12px; color:#000;}
.pages a:hover { background-color:#e43a3d; color:#fff;border:1px solid #e43a3d; text-decoration:none;}
.pages .current { font-weight: bold; color: #fff; background:#e43a3d; border:1px solid #e43a3d;}
.goto_txt{ width:30px;margin:0px 5px;}
.pages .allRecordset{ margin-right:10px}
.pages .allpage{ margin-right:30px}
.pages b{ color:#333; padding:0 2px; font-size:14px}

.prevnext{ width:100%}
.prevnext p{ line-height:25px;}
.prevnext p a{ color:#b5b5b5}


.page_wp { width: 100%; }
.page_wp .fl { float: left; width: 200px; margin: 10px 0; line-height: 30px; }
.page_wp .fl .allRecordset{ margin-right: 20px;}
.pagination { display: inline-block; padding-left: 0; margin: 10px 0; border-radius: 0px; }
.pagination > li { display: inline; }
.pagination > li > a, .pagination > li > span { position: relative; float: left; padding: 6px 12px; margin-left: -1px; line-height: 1.428571429; text-decoration: none; background-color: #ffffff; border: 1px solid #dddddd; }
.pagination > li:first-child > a, .pagination > li:first-child > span { margin-left: 0; border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination > li:last-child > a, .pagination > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pagination > li > a:hover, .pagination > li > span:hover, .pagination > li > a:focus, .pagination > li > span:focus { background-color: #eeeeee; }
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus { z-index: 2; color: #ffffff; cursor: default; background-color: #cc0000; border-color: #cc0000; }
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus { color: #999999; cursor: not-allowed; background-color: #ffffff; border-color: #dddddd; }
.pagination-lg > li > a, .pagination-lg > li > span { padding: 10px 16px; font-size: 18px; }
.pagination-lg > li:first-child > a, .pagination-lg > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius: 0px; }
.pagination-lg > li:last-child > a, .pagination-lg > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }
.pagination-sm > li > a, .pagination-sm > li > span { padding: 5px 10px; font-size: 12px; }
.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span { border-bottom-left-radius: 0px; border-top-left-radius:0px; }
.pagination-sm > li:last-child > a, .pagination-sm > li:last-child > span { border-top-right-radius: 0px; border-bottom-right-radius: 0px; }

/*分页样式*/
.Pro_page,.page20px{padding:10px;height:30px;width:100%;margin-right:20px; clear:both;}
.pages { color: #999; font-family:Verdana; height:30px}
.pages a, .pages .current { text-decoration:none; padding: 3px 8px; border: 1px solid #ddd;background: #fff;margin:0 3px; line-height:25px; font-size:12px; color:#000;}
.pages a:hover { background-color:#e43a3d; color:#fff;border:1px solid #e43a3d; text-decoration:none;}
.pages .current { font-weight: bold; color: #fff; background:#e43a3d; border:1px solid #e43a3d;}
.goto_txt{ width:30px;margin:0px 5px;}
.pages .allRecordset{ margin-right:10px}
.pages .allpage{ margin-right:30px}
.pages b{ color:#333; padding:0 2px; font-size:14px}





.footer{ clear:both; width:100%; background:#111111; padding:75px 0 30px 0;}
.f_btm{ width:1230px; margin:0 auto; overflow:hidden; color:#767676;}
.f_btm .lt{ float:left; width:333px;}
.f_btm .lt .p_1{ font-weight:bold; font-size:20px; line-height:55px;}
.f_btm .lt .info{ line-height:30px; padding:0 0 0 24px; font-size:15px; background:url(../images/f_contact_ico12.jpg) left 8px no-repeat; min-height:201px;}
.f_btm .lt .p_2{ color:#A6A6A6; font-weight:bold; padding-top:27px;}
.f_btm .lt .p_3{ padding-top:8px;}
.f_btm .lt .p_3 img{ border-radius:3px;}
.f_btm .ct{ float:left; width:459px; padding:0 18px; border-left:1px solid #2B2B2B; border-right:1px solid #2B2B2B;}
.f_btm .ct .top{ height:78px; padding-top:5px; line-height:30px; font-size:15px; border-bottom:1px solid #2B2B2B; }
.f_btm .ct .nav{ padding-top:28px; overflow:hidden;}
.f_btm .ct .nav li{ float:left; font-weight:bold; font-size:13px; padding-right:50px;}
.f_btm .ct .nav li.none{ padding-right:0;}
.f_btm .ct .nav li a{ display:inline-block; color:#CDCDCD; transition:all 0.2s ease;}
.f_btm .ct .nav li a:hover{ color:#FFF; transform:translateX(2px);}
.f_btm .ct .list{ font-size:15px; line-height:37px; padding-top:23px; max-height:185px; overflow:hidden;}
.f_btm .ct .list a{ display:inline-block; color:#595959; margin-right:25px; transition:all 0.2s ease;}
.f_btm .ct .list a:hover{ color:#CDCDCD; transform:translateX(2px);}
.f_btm .ct .list a.none{ margin-right:0;}
.f_btm .ct .more{ clear:both; line-height:37px;}
.f_btm .ct .more a{ color:#595959; margin-right:25px;}
.f_btm .ct .more a:hover{ color:#CDCDCD;}
.f_btm .rt{ float:right; width:400px;}
.f_btm .rt .top{ height:68px; border-bottom:1px solid #2B2B2B; margin-left:16px; padding-top:15px;}
.f_btm .rt .top a span{ display:inline-block; width:30px; height:30px; margin:0 0 0 5px; padding:0; background:url(../images/index_49.jpg) left center no-repeat;}
#a_gmail span{ background-position:0px 0px; padding:0px !important;}
#a_google span{ background-position:-36px 0px; padding:0px !important;}
#a_fc span{ background-position:-72px 0px; padding:0px !important;}
#a_plaxo span{ background-position:-108px 0px; padding:0px !important;}
.a_5{ background-position:-144px 0px; padding:0px !important;}
#a_linkedin span{ background-position:-180px 0px; padding:0px !important;}
.f_btm .rt .box_1{ color:#FFF; padding-top:25px;}
.f_btm .rt .box_1 div{ float:left; padding-left:25px;}
.f_btm .rt .box_1 div p{ font-weight:bold; line-height:33px;}
.f_btm .rt .box_1 div input{ width:145px; height:22px; padding:6px 10px; background:#FFF; border-radius:3px; border:0; font-size:13px;}
.f_btm .rt .box_2{ clear:both; color:#FFF; padding:0 0 0 25px;}
.f_btm .rt .box_2 p{ font-weight:bold; line-height:50px;}
.f_btm .rt .box_2 .area{ width:335px; height:93px; padding:6px 10px; background:#FFF; border-radius:3px; border:0; font-size:13px;}
.f_btm .rt .btn{ clear:both; margin:15px 0 0 25px; width:44px; height:28px; line-height:28px; text-align:center; border:1px solid #CFD0D0; border-radius:2px; cursor:pointer;}
.f_btm a{ color:#767676;}
.f_btm a:hover{ color:#CDCDCD;}
.in_cpybox{ clear:both; width:100%; background:#111111; border-top:1px solid #484848;}
.in_cpy{ width:1230px; margin:0 auto; height:66px; line-height:66px; overflow:hidden; color:#767676;}
.in_cpy .lt{ float:left;}
.in_cpy .rt{ float:right;}
.in_cpy a{ color:#767676;}
.in_cpy a:hover{ color:#CDCDCD;}


.wexin_Qc{ width: 103px;}
.wexin_Qc h4{ font-size: 16px; height: 50px; line-height: 50px; text-align: center;}

.copyright{ border-top: 1px solid #2B2B2B; background: #111111; height: 30px; line-height: 30px;color: #FFF;}
.copyright .text-c{ text-align: center;}
.copyright .text-c a{ color: #FFF;}