article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block}
audio,canvas,video{display:inline-block}
[hidden],audio:not([controls]){display:none}
html{font-size:100%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-family:"microsoft yahei";}
body{margin:0;padding:0;font-size:13px;line-height:1.231;font-family:"microsoft yahei"; overflow-x:hidden }
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
a{text-decoration:none;}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
.clear{ clear:both;}
.of {overflow:hidden;}

/*publik*/
.gw{width:100%;position:relative;}
.fl { float: left;display: inline;}
.fr{float:right;}
.root{width:1200px;margin:0 auto;}
.roots{width:1200px;margin:0 auto;}
.roota{width:1300px;margin:0 auto;}
em, i { font-style: normal;}

/*导航*/
.topt{ width:100%; background:#e8e8e8; height:45px; margin:0px auto;}
#nav{margin:0px auto;z-index: 9999;width: 100%;background:#333333;}
.nav_logo{ width:375px; float:left; padding-top:13px;}
.navigation-up{height:106px;background:#ffffff; line-height:60px;width:100%; !important; }
.syewm{float:right}
.navigation-up .navigation-v3 ul{ float:left; }
.navigation-up .navigation-v3 li{float:left;font:normal 16px/59px "microsoft yahei";color:#333;}
.navigation-up .navigation-v3  .yiji{font-size:16px; width:100px;display:block; height:106px; line-height:106px; text-align:center; font-weight:normal;}
.navigation-up .navigation-v3  .yiji:hover{ background:#e8e8e8;}
.navigation-up .navigation-v3 .nav-up-selected{background:#ffffff}
.navigation-up .navigation-v3 .nav-up-selected-inpage{background:#ffffff;}
.navigation-up .navigation-v3 li h2{font-weight:normal;padding:0;margin:0}
.navigation-up .navigation-v3 li h2 a{padding:0 25px;color:#333333;display:inline-block;height:60px;font-family:"microsoft yahei"}

.navigation-down{position:absolute;top:160px;left:48%;width:200px; z-index:9999999;  !important;}
.navigation-down .nav-down-menu{width:240px;margin:0;background:#ffffff;position:absolute;top:-74px;}
.navigation-down .nav-down-menu .navigation-down-inner{margin:auto;width:200px;position:relative}
.navigation-down .nav-down-menu dl{float:left; height:250px;}
.navigation-down .menu-1 dl{ padding-bottom:10px;}
.navigation-down .menu-1 dt{ width:200px;font:normal 16px "microsoft yahei";color:#333333;padding-bottom:10px;margin-bottom:10px; text-align:center;}
.navigation-down .menu-1 dd a{ margin-left:10px;color:#333333;font:normal 16px/30px "microsoft yahei"}
.navigation-down .menu-1 dd a:hover{color:#1b4b95}
.navigation-down .menu-2 dd a,.navigation-down .menu-3 dd a{color:#fff;font:normal 16px "microsoft yahei"}
a{color:#272727;}

.banner{height:657px;width:1920px;margin-left:-960px;left:50%;position:relative;overflow:hidden; }
.fn-clear{zoom:1;}
.box_skitter{position:relative;background:none;}
.box_skitter ul{display:none;}
.box_skitter .container_skitter{overflow:hidden;position:relative;}
.box_skitter .image{overflow:hidden;}
.box_skitter .image img{display:none;}
.box_skitter .box_clone{position:absolute;top:0;left:0;width:100px;overflow:hidden;display:none;z-index:20;}
.box_skitter .box_clone img{position:absolute;top:0;left:0;z-index:20;}
.box_skitter .prev_button{position:absolute;top:50%;left:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/prev.png) no-repeat left top!important;}
.box_skitter .next_button{position:absolute;top:50%;right:30px;z-index:100;width:57px;height:62px;overflow:hidden;text-indent:-9999em;margin-top:-25px;background:url(../images/next.png) no-repeat left top!important;}
.box_skitter .label_skitter{z-index:150;position:absolute;display:none;}
.loading{position:absolute;top:50%;right:50%;z-index:10000;margin:-16px -16px;color:#fff;text-indent:-9999em;overflow:hidden;background:url() no-repeat left top;width:31px;height:31px;}
#slideshow{width:100%;height:657px;}
#slideshow ul{display:none;}


/*icase*/
.icase{overflow:hidden;}
.icase .iti a:hover span{width:241px;}
.icase-link{margin:40px 0 30px;text-align:center;overflow:hidden;}
.icase-link a{display:block;float:left;width:178px;height:48px;margin-left:25px;line-height:48px;text-align:center;font-size:16px;color:#333;margin:0 10px;border:1px solid #d5d5d5;border-radius:46px;position:relative;z-index:1;overflow:hidden;}
.icase-link a:first-child{margin-left:0;}
.icase-link a:before,.icase-link a:after{content:'';position:absolute;z-index:-1;width:100%;height:100%;left:0;bottom:100%;-webkit-transition:bottom 0.3s;transition:bottom 0.3s;}
.icase-link a:before{background:#cf2b40;}
.icase-link a:after{background:#a71427;}
.icase-link a:hover::before,
.icase-link a:hover::after {bottom: 0;}
.icase-link a:hover::after {-webkit-transition-delay: 0.13s;transition-delay: 0.13s;}
.icase-link a:hover{color:#fff;}
.icase-silder{position:relative;height:480px;}
.icase-silder ul{position:relative;height:480px;}
.icase-silder li{width:800px;height:480px;position:absolute;left:0;top:0;}
.icase-silder li a{display:block;}
.icase-silder li img{width:800px;height:480px;vertical-align:middle;}
.icase-silder li .cont{display:block;position:absolute;width:100%;padding:15px 0;background:url(../images/blackop6.png);bottom:0;left:200px;color:#fff;}
.icase-silder li .cont p{padding:0 60px;font-size:14px;height:24px;line-height:24px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.icase-silder li .cont p.ti{font-size:16px;font-weight:bold;}
.icase-silder li .cont .line{display:block;width:20px;height:3px;margin:5px 0 5px 60px;background:#fff;}
.icase-silder li.cen{width:800px;height:480px;top:0;left:200px;z-index:5;}
.icase-silder li.cen img{width:800px;height:480px;}
.icase-silder li.cen .cont{display:block;}
.icase-silder li.first{left:0;}
.icase-silder li.last{left:517px;}
.icase-silder .btn{position:absolute;width:50px;height:50px;top:50%;margin-top:-25px;background:url(../images/case_btn.png)}
.icase-silder .btn.prev{left:-80px;background-position:0 0;}
.icase-silder .btn.next{right:-80px;background-position:-50px 0;}
.icase-silder .btn.prev:hover{background-position:0 -50px;}
.icase-silder .btn.next:hover{background-position:-50px -50px;}


/*******************推荐产品***********************/
.tuijianpro{ background:url(../images/tujianbj.jpg) no-repeat center; height:657px; }
.tuijianpro h2{ text-align:center; padding-top:40px;}

.tuijianpro .tj_wz{ text-align:center; font-size:14px; color:#7b7b7b; width:780px; margin-top:10px; line-height:25px; margin-left:159px;}
.tuijianpro ul{ margin-top:60px;}
.tuijianpro ul li a{ float:left; margin-left:10px;     transition: 0.5s;}
.tuijianpro ul li a:hover{    transform: translateY(-14px);
/* border: 3px solid #fff;*/
    -webkit-box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;}
/*******************产品展示***********************/
.prous{ height:940px;}
.pro_biaoti{ height:190px;}
.pro_biaoti h2{ margin-top:50px; margin-bottom:30px;}
.pro_biaoti ul{}
.pro_biaoti ul li{ float:left; background-color:#da2f1e; width:138px; height:40px; text-align:center; line-height:40px; margin-left:12px; margin-bottom:18px;}
.pro_biaoti ul li a{ color:#FFF; font-size:16px; font-weight:bold;}

.pro_biaotin{ height:120px;}
.pro_biaotin ul{}
.pro_biaotin ul li{ float:left; background-color:#da2f1e; width:138px; height:40px; text-align:center; line-height:40px; margin-left:12px; margin-bottom:18px;}
.pro_biaotin ul li a{ color:#FFF; font-size:16px; font-weight:bold;}

.pro_zhanshi1{ width:33%;}
.pro_zhanshi1 ul li{ width:50%; float:left; overflow:hidden;}
.pro_zhanshi1 ul li a img{    transition-duration: 500ms;}
.pro_zhanshi1 ul li a img:hover{    transform: scale(1.08);}
.pro_zhanshi2{ width:34%; height:30%;}
.pro_zhanshi3{ width:33%;}
.pro_zhanshi3 ul li{ width:50%; float:left; overflow:hidden;}
.pro_zhanshi3 ul li a img{    transition-duration: 500ms;}
.pro_zhanshi3 ul li a img:hover{    transform: scale(1.08);}

.pro_zhong {text-align:center;display: inline; float: left; /*  margin: 19px 5px 0 5px;*/   width:  100%; overflow: hidden;}

.pro_zhong a {position: relative;display: block;width: 100%;color: white; }
.pro_zhong a span h3{width:100%; font-size:18px; height:42px; line-height:42px; padding-left:20px;}
.pro_zhong a span p{ width:89%; height:42px; line-height:25px; padding: 0 20px;}
.pro_zhong a span {
    transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1);
    transition: all ease-out .2s;
    width:  100%; text-align:left;
    position: absolute;
    left: 1px;
    top: 332px;
    height: 123px;
    background: url(../images/imgbg1.png) repeat;
    padding: 10px 10px 0 10px;
}
.pro_zhong img {border: 1px solid #dedede;width:  100%;}
.pro_zhong a:hover span {color: white; top: 1px; transition: all 0.45s cubic-bezier(0.215, 0.61, 0.355, 1); width:  100%; height: 200px; padding: 50px 10px 0 10px; }


.case-c{ width:1200px; padding-top:14px; margin:0 auto;}

.case-c li{ width:280px;float:left;  margin-right:10px;margin-left:10px; text-align:center; line-height:0; font-size:0; margin-bottom:10px;}
.case-c li img{ width:268px; height:208px;}
.case-c li a img{  border:5px #e8e8e8 solid; display:inline-block;}
.case-c li a:hover img{ border:5px #ccc solid;}
.case-c li span{ height:39px; line-height:39px; font-size:14px;}
.case-c li span a{ color:#000; font-size:16px;}
.case-c li.nomr{ margin-right:0;}
/*******************关于我们***********************/

.H-ABOUT{ height:650px; background:url(../images/bg04.jpg) no-repeat center;}
.H-ABOUT01{ width:1046px; height:188px; float:left;}
.H-ABOUT01 h2{ display:block; height:46px; line-height:46px; text-align: center; margin-top:41px; font-size:32px; color:#464646;}
.H-ABOUT01 h2 span{ color:#e85142;}
.H-ABOUT02{ margin:0px; padding:0px;}
.H-ABOUT02-l{ float:left; width:643px; height:auto;}
.H-ABOUT02-l p{ display:block; width:600px; height:140px; float:left; margin-top:26px; text-align:left; line-height:170%; font-size:14px; color:#7f7f7f; overflow:hidden;}
.H-ABOUT02-l-more a{ display:block; margin-top:30px; float:left; width:155px; height:35px; border:#a3a4a6 3px solid; line-height:35px; text-align:center; font-size:14px; color:#363636;
	-moz-border-radius: 20px;     -webkit-border-radius: 20px;   border-radius:20px; 
	-webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; transition: all 0.2s ease-out;   
}
.H-ABOUT02-l-more:hover a{ width:260px; border:#c44d51 3px solid; background-color:#e85142; color:#fff;
	-webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; transition: all 0.3s ease-out;
}
.H-AB02-r{ float:right; width:557px;}

.t-align-c{ text-align:center;}

/*******************案例展示***********************/
.pinpai { overflow:hidden; width:100%; height:706px; background:url(../images/pinpai_bg.jpg) no-repeat center;}
.pinpai .title{ margin-top:56px;}

.pinpai .btn{ overflow:hidden; width:80px; margin:35px auto 33px auto;}
.pinpai .btn i{ display:block; width:35px; height:35px; cursor:pointer}
.pinpai .btn01{ float:left; background:url(../images/pinpai_btn.png) no-repeat center top;}
.pinpai .btn02{ float:right; background:url(../images/pinpai_btn.png) no-repeat center bottom;}
.pinpai .ppbox { overflow:hidden; width:638px; height:374px; position:relative; margin:0 auto; border:12px solid #fff; margin-bottom:50px;}
.pinpai .ppbox ul{ overflow:hidden; position:absolute}
.pinpai .ppbox li{ float:left; width:677px; height:393px;}
.pinpai .info{ overflow:hidden; width:600px; margin:0 auto}
.pinpai .info p{ float:left; width:350px; text-align:center; font-size:25px; color:#fff; border:1px solid #474749; padding:12px 0;}
.pinpai .info p span{ display:block; font-size:20px;}
.pinpai .phone{ overflow:hidden; float:right; width:210px; margin-top:7px;}
.pinpai .phone b{ display:block; width:100%; text-align:center; height:35px; line-height:35px; font-size:14px; color:#fff; background-color:#eb2533; margin-bottom:15px;}
.pinpai .phone em{ display:block; text-align:center; font-size:14px; color:#fff;}
.pinpai .phone b img{ margin-left:5px; position:relative; top:3px;}
.pinpai .phone a b:hover{text-decoration:underline;}


.title { overflow:hidden; width:100%; text-align:center;}
.title h2{ font-size:35px; color:#eb2533; height:54px; line-height:54px;}
.title h2 a{color:#eb2533;}
.title p{ font-size:16px; color:#333}
.title a{ color:#eb2533}
.title .em_ys{ font-size:12px;margin-top:8px;}
.title em{ display:block; font-size:12px; color:#44494e; text-transform:uppercase; font-family:Calibri; margin-top:10px;}

.title.wt p{ color:#fff;}
.title.wt h2,.title.wt a{ color:#ffea00}

/*******************发货现场***********************/
.main_al{ width:100%; height:114px; padding-bottom:35px; }
.main_al h4{ font-size:30px; color:#010101; line-height:55px; padding-top:20px; text-align:center;}
.main_al p{ background:url(../Images/bg.jpg) no-repeat center; font-size:14px; color:#ffffff; line-height:35px; text-align:center; margin-top:10px;}

.sy_case{ width:100%; height:260px; background-color:#bdc6cf; padding-top:40px;}
.zhsh_nei6 {width:1100px;height:225px;overflow:hidden; position:relative; }
.gun_img56{  width:300px; height:211px; border:6px solid #ffffff;float:left;margin-right:20px;}
.gun_img56 a { font-size:16px;text-align:center; display: block;width: 300px;height: 211px; color: hsl(0, 0%, 100%);overflow: hidden;position: relative;}
.gun_img56  a  img{ width:300px; height:211px;}
.gun_img56  a:hover img{ width:300px; height:211px; }
.gun_img56  a span{transition: all .45s cubic-bezier(.215, .61, .355, 1);text-align:center;transition:all ease-out .2s; width:278px;text-align:center;position:absolute;left:0px;top:250px;height:250px;}
.gun_img56  a:hover span{color: hsl(0, 0%, 100%);top: 0px;background: url(../images/imgbg2.png) no-repeat center;transition: all .45s cubic-bezier(.215, .61, .355, 1); font-size:16px; line-height:35px;height: 211px; width:300px;} 

/*******************新闻中心***********************/
.news h2{ padding-left:5%; height:60px; margin-top:50px;}
.nes_wz{ width:699px; font-size:15px; color:#7b7b7b; text-align:center; padding-left:20%; line-height:25px;}
.tqnews{ width:100%; height:400px; margin-top:40px;}

.tqnm{ width:1180px; height:362px; overflow:hidden; margin:auto; padding:0px;}
.tqnm ul{ width:100%; padding-top:10px; overflow:hidden;}
.tqnm ul li{ width:506px; background-color:#f6f6f6; float:left;  margin-left:20px; height:105px; margin-bottom:22px;  margin-right:10px; padding:27px;}
.tqnm ul li a img{ width:154px; height:96px; float:left;}
.tqnm ul li a .tqxw h4{ font-size:16px; color:#151515; line-height:35px; float:left; height:35px; width:100%; padding-top:10px; }
.tqnm ul li a:hover .tqxw h4{ font-size:16px; color:#d00000; line-height:35px; float:left; height:35px; width:100%; padding-top:10px; }
.tqnm ul li a .tqxw{ width:326px; height:280px; float:right;}
.tqnm ul li a .tqxw p{ font-size:12px; color:#818181; line-height:24px;}

/*******************联系我们***********************/

#part-lx{ width: 100%; padding-top:69px; height: 391px; margin: 0px auto; background: url(../images/sp01.jpg) top center no-repeat; color: #ffffff;}
.part-lx1{ margin: 0px 0px 0px 0px; width:451px; height: 218px; color: #ffffff; font-size: 38px; }
.part-lx1 p{ margin-bottom: 10px; color: #ffffff;line-height: 33px; font-size: 16px; }
.part-lx1 p a{ color: #ffffff;}
.part-lx1 img{ margin-top: 10px; margin-bottom: 10px; }
.part-lx2{ width: 700px; }

/*******************底部导航***********************/

.footer{ padding-top: 50px; width: 100%; height: 227px; background: #f5f5f5; border-bottom: 1px solid #e1e1e1; }
.bottom2{ margin: 0px auto; width: 1050px;}
.bottom2 ul{ margin: 0px; padding: 0px;}
.bottom2 ul li{ float: left; width: 119px; }
.bottom2 ul li a{ display:block;height: 45px;  line-height: 45px;  font-size: 16px; font-weight: bold;}
.bottom2 ul li a:hover{ display:block;height: 45px;  line-height: 45px;  font-size: 16px; font-weight: bold; color: #d03535;}

.bottom2 ul li dl{padding: 0px; margin: 0px;}
.bottom2 ul li dl dt{ width: 140px; height: 25px; line-height: 25px;}
.bottom2 ul li dl dt a{   font-size: 12px; font-weight:normal;}
.bottom2 ul li dl dt a:hover{   font-size: 12px; font-weight:normal; color: #d03535;}

/*首页渐出效果样式*/
.animate-box{opacity:0;}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s;}
.animated.bounceIn,.animated.bounceOut{-webkit-animation-duration:.75s;animation-duration:.75s;}
.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s;}
@-webkit-keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
@keyframes fadeInUp{
	from{opacity:0;-webkit-transform:translate3d(0,40px,0);transform:translate3d(0,40px,0);}
	to{opacity:1;-webkit-transform:none;transform:none;}
}
.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;}