﻿body{ min-width:1200px;}
/* 头部样式 */
.pull-left{float: left ! important;}
.pull-right{float: right ! important;}
header {width: 100%;  height:108px;  }
header .toppanel{width:100%;  height: 40px;  background:#373d41;  font-size:14px;  }
header .toppanel .panel{width:1160px;  margin:0 auto;  position:relative;  line-height: 40px;  z-index:199;  }
header .toppanel .panel .welcome{ float:left;  color: #fff;  }
header .toppanel .panel .topTools { /*float:right; */ }
header .toppanel .panel .usertopTools{margin-left: 10px;  margin-right: 0;  float: left;  }
header .toppanel .panel .topTools .separate{  float:left;  color:#fff;  font-size:14px;  margin-right:0px;  font-weight:normal;  }
header .toppanel .panel .topTools b{  color: #ff7300;  }
header .toppanel .panel .topTools li {  padding:0 4px;  float:right;  display: inline;  }
header .toppanel .panel .usertopTools li{  padding:0 10px;  }
header .toppanel .panel .topTools li a {  color: #fff;  float:left;  }
header .toppanel .panel .topTools li a.fkway{color: #ff7200}
header .toppanel .panel .topTools li a:hover {  color:#fff;  }
header .toppanel .panel .topTools .user-list,.topTools .user-list2 {  padding:0 4px;  }
header .toppanel .panel .topTools .user-list a {  color:#FF5c00;  font-size: 13px;  }
header .toppanel .panel .topTools .user-list2 a{  color:#fff;  }
header .toppanel .panel.topTools .user-list a:hover,.topTools .user-list2 a:hover {  color:#ff5a00;  }

/*公告列表*/
.notice{position: absolute;
    top: 30px;
	width:282px;
    z-index: 9999;
    padding-top: 10px;
	display:none;
	margin-top:5px;
	text-align:left !important;
	}
.notice:before{content:"";position:absolute;top:5px;left:30px; width: 10px; height:10px; background:#fff; border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-top-radius:4px; transform:rotate(135deg)
	
	}
.notice .notice_item{
	background-color: #fff;
    border: 1px solid #cccccc;
    border-radius: 5px;
    cursor: text;
}
.notice_item-h{
	padding: 0 16px;
    height: 44px;
    line-height: 42px;
    width: 248px;
    border-bottom: 1px solid #d8d8d8;
}
.wx{
	position: relative
}
.notice_item-h1 span{}
.notice_item-c{
	color:#333;
	padding: 0 16px;
    height: 44px;
    line-height: 44px;
    width: 248px;
    border-bottom: 1px solid #e7e7e7;
}
.notice_item-c1{
	height: 44px;
	
}
.notice_item-c1 a{
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
	font-size: 12px;
    color: #999!important;
}
.notice_item-c1 a:hover{ color:#ff7200 !important;}
.notice_item-c2{ float:right; margin-top: -45px;}
.notice_item-c2 span{
	float: right;
    font-size: 12px;
    color: #cccccc;
}
.header_top {
    height: 40px;
    background: #fff;
    font-size: 12px;
    line-height: 40px;
    text-align: center;
    /*color: #fcbb47;*/
}
.header_top span {
    background: url("../images/tip.png") no-repeat left;
    width: 20px;
    height: 20px;
    display: inline-block;
    position: relative;
    top: 5px;
    margin-left: 2;
    background-size: 100% 100%;
    left: -10px;
}
.notice_item-f{
	padding: 0 16px;
    height: 44px;
    line-height: 44px;
    width: 248px;
    background-color: #f5f5f5;
}
.notice_item-f a{ color: #999!important; float: right !important;}
.notice_item-f a:hover{color:#ff7200 !important;}

/* 导航样式 */
nav{width:100%;  height:86px;background:#fff;  float: left; border-bottom: 1px #f6f7fa solid;
	/*-moz-box-shadow: 2px 2px 30px rgba(144,144,144,0.8);
	-webkit-box-shadow: 2px 2px 30px rgba(144,144,144,0.8);
	box-shadow:2px 2px 30px rgba(144,144,144,0.8);*/
}
nav a {display:block;  text-align: center;}
nav a:hover {color:#333;  }
.warpper{width:1160px;position:relative;margin:0 auto}
nav h2 {  font-family: "楷体";  font-size: 16px; float: right;  margin: 34px 0 0 16px;  }
nav .navlist {  width:1190px;  position:relative;  margin:0 auto;  }
nav .navlist .logo{  float:left;  display:block;  margin:18px 0 0 15px;  }
nav .navlist .navfouce {  width:auto;  height:86px;  line-height:86px;  float:right;  font-size: 16px;  }
nav .navlist .navfouce li { width:auto;  padding: 0 17px; height:82px;  float:left;  display:inline;  }
nav .navlist .navfouce .last{  margin-right: 0;  }
nav .navlist .navfouce li:hover{  border-bottom: 4px solid #ff7200;  }
.active {  border-bottom: 4px solid #ff7200;  }
nav .navlist .navfouce .triangle-down {width: 0;  height: 0;  border-left: 3px solid transparent;  border-right: 3px solid transparent;  border-top: 6px solid #666;  float: right;  margin: -46px -10px 0 0;  }
/*nav .navlist .navfouce li:nth-child(5) .triangle-down{margin: -46px -2px 0 0;}*/
nav .nav_show{
	height: 0;
	width: 100%;
	background: #f1f3f5;
	position: absolute;
	/*top: 166px;*/
	top: 126px;
	display: none;
	z-index: 99;
	box-shadow:2px 2px 2px #cccccc;
}
nav .nav_show .title{
	font-family: "microsoft yahei";
	font-weight: bold;
	font-size: 18px;
	width: 100%;
	height: 39px;
	margin: 30px 0 20px 0;
	text-align: left;
	border-bottom: 1px solid #d2d2d2;
}
nav .nav_show .title2{
	width: 534px;
	margin-left: 36px;
}
.show_l{ width:580px; float:left;}
nav .nav_show .list_box{
	width: 696px;
	float: left;
}

nav .nav_show .list ul.a_two.product-list.emailee li{float: left;padding-left: 21px}
nav .nav_show .list .a_two.emailee{margin: 0}
nav .nav_show .list{
	width: 276px;
	background: #fff;
	float: left;
	margin: 0 14px 14px 0;
	padding-top: 15px;
	height: 93px;
	cursor: pointer;
}
nav .nav_show .h_120{
	height: 120px;
}
nav .nav_show .h_150{
	height: 240px;
}
nav .nav_show .h_70{
	height: 70px;
}

nav .nav_show .h_80{
	height: 140px;
}

nav .nav_show .h_100{
	height: 150px;
}

nav .nav_show .last{
	margin-right: 0;
}
nav .nav_show .list .img{
	width: 32px;
	height: 32px;
	margin-left: 20px;
	float: left;
}
nav .nav_show .list .a{
	width: 211px;
	height: 60px;
	margin: 50px 0 20px 65px;
}
nav .nav_show .list .a li{
	float: left;
	margin-right: 10px;
	text-align: left;
	font-size: 12px;
	height: 22px;
}
nav .nav_show .list li a{
	padding: 0 5px;
	margin-left: -5px;
}
nav .nav_show .list .a li a:hover{
	border: 1px solid #ffb477;
}
nav .nav_show .list .a_two{
	width: 258px;
	margin: 12px 0 20px 65px;
}
nav .nav_show .list .ban{
	width: 173px;
	margin: 12px 24px 20px 50px;
}
nav .nav_show .list .a_two li{
	float: left;
	margin-bottom: 6px;
	text-align: left;
	font-size: 12px;

}
nav .nav_show .list .a_two li a:hover{
	border: 1px solid #ffb477;
}
nav .nav_show .list:hover  .a_two .gwtg{
	color:#fff;
	border-bottom:1px solid #fff;
}
nav .nav_show .list .a_two .gwtg{border-bottom:1px solid #666;}
nav .nav_show .list h3{
	float: right;
	font-size: 16px;
	font-weight: normal;
	margin: 9px 0 6px 13px;
	width: 211px;
	text-align: left;
}
nav .nav_show .list p{
	width: 211px;
	font-size: 12px;
	color: #666;
	float: right;
	text-align: left;
	margin-right: 0;
}
nav .nav_show .list:hover{
	background:#ff7300;
}
nav .nav_show .list:hover p{
	color: #fff;
}
nav .nav_show .list:hover h3{
	color: #fff;
}
nav .nav_show .list:hover a{
	color: #fff ! important;
}
nav .nav_show .list .p_last{
	margin-bottom: 6px;
}
nav .nav_show .list b{
	font-weight: normal;
	color: #ff7200;
}
nav .nav_show .list:hover b{
	color: #fff;
}
nav .nav_show .active a{
	color: #fff;
}
nav .nav_show .list .new{
	width: 29px;
	height: 15px;
	background: url(../images/new.png);
	float: right;
	margin:6px 130px 0 0;
}

.right_list_box{
	float: left;
	width:37px;
}
.right_list_box a>div{
	width: 220px;
	height: 81px;
	float: left;
	margin: 0 20px 10px 20px;
	cursor: pointer;
}
.right_list_box a>div:hover{
	
	color: #ff7200;
}
.right_list_box a>div ul{
	margin-left:20px;
}
.right_list_box li{
	text-align: left;
	font-size: 16px;
	margin-bottom: 12px;
	position:relative;
}
.right_list_box li:before{
content:"";
position:absolute;
top:10px;
left:-25px;
width:5px;
height:5px;
background:#ff7200;
border-radius:50%;

}
.right_list_box a .line2{
	text-align: left;
	font-size: 12px;
	margin:-10px 0 0 20px;
	color:#999;
}
.right_list_box{ margin-left:30px !important;}
.bordder{ border-right:0!important;}
.bor{ border-bottom:0!important;}
.box_t{ display: inline-block; margin-right:20px; float:left;}
.box_t a{ margin-bottom:9px;text-align:left;}
.box_t a:hover{ color:#ff7200;text-decoration:underline;    cursor: pointer;}
.box_tx{margin-right:30px;}
.box_t_tit{ margin-bottom:15px; font-size:16px; color:#333333; position:relative; text-align:left; }
.box_t_tit:before{ content:"";display:black; width:5px;height:5px; border-radius:50%; background:#ff7200; position:absolute; top:10px; left:-20px;}
nav .nav_show .list:hover{box-shadow:0px 3px 4px rgba(225,114,0,0.3);}
/*banner样式*/
/* fullSlide */
.fullSlide{width:100%;position:relative;background:#e5e5e5;margin-top: 18px;  clear:both;}
.fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.fullSlide .bd ul{width:100% !important;}
.fullSlide .bd li{width:100% !important;height:400px;overflow:hidden;text-align:center;}
.fullSlide .bd li a{display:block;height:400px;}
.fullSlide .hd{width:100%;position:absolute;z-index:1;bottom:15px;left:0;height:30px;line-height:30px;}
.fullSlide .hd ul{text-align:center;}
.fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:9px;height:9px; border-radius:50%; margin:1px 10px;overflow:hidden;line-height:999px; border: 1px solid #ff7200;}
.fullSlide .hd ul .on{background:#ff7200;}
.fullSlide .prev,.fullSlide .next{display:block;position:absolute;z-index:1;top:50%;margin-top:-30px;left:15%;z-index:1;width:40px;height:60px;background: url("../images/slider-arrow.png") -126px -137px #000 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.fullSlide .next{left:auto;right:15%;background-position:-6px -137px;}

/*尾部样式*/

footer .friendship-link{height: 44px;line-height: 44px;   background: #fa750c; color: #ffffff;}
footer .friendship-link span{ padding: 0 20px; }
footer .footer-t{ width: 1200px; padding: 28px 0 20px 0; position: relative;border-bottom: 1px solid #ccc;box-sizing: border-box;-webkit-box-sizing: border-box;}
footer .footer-t ul li{ color:#333333;  float: left; width: 7%; line-height: 40px;}
footer .footer-t ul li span{ padding-left: 10px;}
footer p span{ padding:0 10px;}
footer .fot{ border-bottom: 0; }
footer .friendship_item{ height: 77px; line-height: 77px; background: #f5f6f6; color: #333333;    border-bottom: 1px solid #cccccc;}
footer .friendship_item ul li{ display:inline-block; margin-right: 100px; position: relative;}
footer .friendship_item ul li:last-child{ margin-right: 0;}
footer .friendship_item ul li i{ position: absolute;  top:22px; left:-35px; display: block; width: 30px; height: 30px;}
footer .footer-tit_r{ margin-bottom: 20px; padding-bottom: -20px;}
footer .footer-tit_l p,footer .footer-tit_r p{text-align: left;}
footer .friendship-x{ background: #363636; height: 32px; line-height: 32px;}
footer .friendship_item ul { margin-left: 30px;}
footer .footer_content{  background: #e5e7e7; }
footer .youqing_l{ width: 70px;}
footer .youqing_r{ width: 1130px; text-align: left;}
.text_t{ margin-right: 19.5% !important; }
footer .ftt{ border-bottom: 1px solid #CCCCCC;}
footer .youqing{ padding: 14px 0;}
footer .footer_i{ width: 100%;     text-align: left;}
.box_p{ display:inline-block; padding-right:50px;}
.box_p a{color:#666}
.fte{ margin-top:-30px;}
footer .footer-tit_r{ position: absolute; top: 15%; right: 40px;}
.telephone{ background: url("../images/tel_1.png") no-repeat left;}
.fax{ background: url("../images/fax.png") no-repeat left;}
.mailbox{background: url("../images/youbian.png") no-repeat left;}
.address{background: url("../images/adress.png") no-repeat left;}


.tibu{ width: 100%; background:#282b34; height: 136px;background:url("../images/bgqq_1.jpg") no-repeat center;}
.tibu .tibu_conter{ width: 600px; margin: 0 auto; padding-top: 46px; position: relative;}
.tibu .tibu_conter .tibu_item{ width: 390px;   margin-top: -13px;}
.tibu .tibu_conter .tibu_item p{ text-align: right; font-size: 18px; padding-top: 7px;}
.tibu_botton_t{position: absolute;left: 421px;top:40px;}
.tibu .tibu_botton{ width:167px; height: 52px; background: #f9750b; display:inline-block; line-height: 52px;  cursor: pointer;transition:all .3s ; margin-right:20px;}
.tibu .tibu_botton:hover{background: #fd882a;}

.link{ width: 100%; background:#fb770d; height: 40px; }
.link ul li{ color: #ffffff; float: left; }
.banner{ width:100%; height: 380px;}
.nava_pic {  background-color: #39383E;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: fixed;
    width: 100%;
    height: 380px;}
.full_btn{position: relative;top: -38%;left: 49%; float:left;margin-top: 20px;}
.bull_f{position: relative;top: -140px; width: 400px;margin:0 auto !important; display: none;}
.full_btn a,.bull_f a,.bull_c a{  display:block;line-height:50px; text-align:center;display: inline-block; margin-right:10px;float:left;}
.full_btn_a{ border:1px solid #fff; color:#fff; font-size:16px; width:168px;    height: 50px !important;}
.full_btn_b{ background:#14a6e1; color:#fff; width:170px;height: 50px !important;border:1px solid #14a6e1; color:#fff;font-size:16px;}
.cor{background:#fff000;color:#1874c9; border:1px solid #fff000; }
.bull_c{position: relative;top: -35%;left: 26.5%; width: 400px; display:block; }
	@media(max-width:1440px){
	  
	    .bull_c{position: relative;top: -35%;left: 18%; width: 400px; display:block;}
	 }
@-webkit-keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

@keyframes bounce {
    0%,100%,20%,50%,80% {
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    40% {
        -webkit-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px)
    }

    60% {
        -webkit-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}

.bounce {
    -webkit-animation-name: bounce;
    animation-name: bounce
}




/*二级导航样式*/
nav .nav_show .list ul.a_tree.product-list{
    width: 200px
}
.nav_show .list ul.a_tree.product-list li{
	float: none;
    margin: 0;
    color:#333;
	text-align:center
    /*padding-left: 65px*/
}
.list.h_150:hover ul.a_tree.product-list li a{
	color:#fff;

}

.list:hover .list_head{color:#fff ! important;}

.nav_show .list ul.a_tree.product-list li a{
	display: inline-block;
	font-size: 11px ! important;
	color: #999 ;
}

nav .nav_show .list ul.a_two.product-list.emailee{
	padding-left:45px
}
nav .nav_show .list ul.a_two.product-list{
    width: 60%;
    
}
.nav_show .list ul.a_two.product-list li:nth-child(2n) a.normal{
	color:#333
}
.nav_show .list ul.a_two.product-list li{
	float: none;
    margin: 0;
    color:#333;
}

.nav_show .list ul.a_two.product-list li:nth-child(2n){
	margin-bottom: 10px;
}
.nav_show .list ul.a_two.product-list li:nth-child(2n) a{
	color:#999;
}
.list.h_150:hover ul.a_two.product-list li a{
	color:#fff;
}
.nav_show .list ul.a_two.product-list li a{
	display: inline-block;
}
.bor-line{
	border-bottom:4px solid #ff7200
}
.hot{
	position: absolute;
    left: 37%;
    top: 10%;
}


/*上下晃动的动画,当静态图可能出现失真~!,但是div元素块不会!*/
@-webkit-keyframes bounce-up {
  25% {-webkit-transform: translateY(2px);}
  50%, 100% {-webkit-transform: translateY(5);}
  75% {-webkit-transform: translateY(-2px);}
 }
 
 @keyframes bounce-up {
  25% {transform: translateY(2px);}
  50%, 100% {transform: translateY(0);}
  75% {transform: translateY(-2px);}
 }
 
.animate-bounce-up{-webkit-animation: bounce-up 1.5s linear infinite;animation: bounce-up 1.5s linear infinite;}

nav .nav_show .list .a_tree li a:hover {
    border: 1px solid #ffb477;
}