/*** common css **/
/* header */
.clear{clear: both;}
.header{position: relative; width:100%; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); min-width:1200px;height:85px;z-index:99;
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    box-shadow: 0 0 8px #888;
}
.header.scroll{background:rgba(0,0,0,0.4);}
.logo{margin-top:16px;width:406px;float:left;overflow:hidden;}
.logo img.pc{display:inline}
.logo img.ph{display:none}
.nav{float:left;margin-left:120px;height:85px;position:relative}
.nav>ul>li{float:left;display:block;text-align:center;height: 85px; line-height:85px;
font-size:18px;color:#ffffff;
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
}
.nav>ul>li a{color: #333; font-size: 14px; display:block;}
.nav>ul>li.li1{width:108px;}
.nav>ul>li.li2{width:95px; position: relative;}
.nav>ul>li.li2 p{z-index: 2; color: #666;bottom:10px;font-size: 12px;width: 95px;height: 20px; line-height: 20px; position: absolute; left: 0;}
.nav>ul>li.li3{margin-right:0px}
.nav>ul>li:hover{color:#eca703;}
.nav>ul>li.cur{color:#eca703;}
.nav>ul>li>dl{display: none; padding:20px 0;border-bottom-left-radius:5px;border-bottom-right-radius:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px;
width: 250px;position: absolute;z-index: 5; left:0; top: 85px; background: url('../images/bjh.png') repeat;
}
.nav>ul>li>dl>dd{padding:0 12px;height:39px;}
.nav>ul>li>dl>dd>a{display:block;width:100%;font-size:12px;color:#ffffff;height:39px;line-height:39px;border-bottom:1px solid rgba(186,186,186,.4);
	transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -webkit-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -moz-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
    -o-transition: all cubic-bezier(.74,.16,.21,.89) 0.5s;
}

.nav>ul>li>dl>dd>a:hover{cursor:pointer;color:#eca703;}
.nav>ul>li>dl>dd.cur>a{color:#eca703;}
.nav .nav-line{position:absolute;background-color:#ca1910;width:60px;height:3px;left:17.5px;bottom:0px;}

.header-info{float:right;margin-top:25px;line-height:33px;}
.nav-logo{display:none;}
.nav-ph{display:none;}
#header-wx:hover{cursor:pointer;}
.header-wx{position:absolute;top:95px;right:0;display:none;}

/*关于我们*/
.first{padding-top: 60px; height: 470px;  background: url(../images/a1.png);border-bottom: 1px solid #dedede;}
.title{width: 1200px; margin: auto;text-align: center; color: #333;  margin-bottom: 50px;}
.title h4{margin-bottom: 5px; font-size: 22px; font-weight: normal;}
.title h6{margin-bottom: 10px; font-size:16px; font-weight: normal; color: #666;}
/*guanyuwomen zhngwen*/
.indexmaindiv{position: relative; height:270px;margin:0px auto;width:1200px;}

.playerdetail{width:1200px;height:271px;background:#FFF;font-family:'微软雅黑';}
.playerdetail div.detailimg{width:595px;height:271px;float: left;}
.playerdetail div.detailimg img{width:595px;height:271px;}
.playerdetail div.teanames{text-align:left;font-size: 18px;margin-top:5px;color: #333; float: left;margin-left: 50px; width: 555px;}
.playerdetail div.teadetail{width:545px; line-height:26px;margin-left:50px;color:#666;        float: left;        font-size: 14px; height: 108px; }
.playerdetail .checkdetail{width:150px;height:35px; line-height:35px;display:block;margin:14px; float: left;margin-left: 50px; border: 1px solid #dedede; text-align: center; color: #ca1918; font-size: 14px;}
.playerdetail .checkdetail:hover{-moz-transition: all ease .5s; -webkit-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; background: #CA1918; border: 1px solid #CA1918; color: #fff;}

/***************************************/

.indexmaindiv .arrow-left{float:left;width:10px;height:15px;background:url('../images/arrowhead.png') no-repeat left top;cursor:pointer;position:absolute;left: 680px;top: 255px;z-index: 9999;}
/*.indexmaindiv .arrow-left:hover{float:left;width:21px;height:28px;background:url('../images/arrowhead.png') no-repeat left top;cursor:pointer;position: relative;left: 680px;top: 286px;z-index: 9999;}
*/





.indexmaindiv .arrow-right{width:10px;height:15px;cursor:pointer;float: left;background:url('../images/arrowhead2.png') no-repeat left top;cursor:pointer;position:absolute;left: 645px;top:255px;z-index: 99}
/*div.indexmaindiv1 div.stylesgoright:hover{float:left;width:21px;height:28px;cursor:pointer;float: left;width:21px;height:28px;background:url('../images/arrowhead2.png') no-repeat left top;cursor:pointer;position: relative;left: 645px;top: -13px;z-index: 99}
*/



.indexmaindiv .swiper-container {
  height:270px;
  width:1200px;
}









/*滚动*/
div.maindiv1{float:left;width:1200px;height:271px;overflow:hidden;position:relative;}
div.maindiv1 ul{position:absolute;left:0;top:0;}
div.maindiv1 ul li{float:left;width:1200px;height:271px;margin-left:16px;}
.teanheng{width: 60px; height: 2px; background: #ca1918; float: left;margin: 15px 0px 15px 50px;}
/*产品展示*/
.second{padding-top: 60px; height: 484px;  background: url(../images/a2.png) top center;width:100%; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); min-width:1200px;}


/*产品展示 zhngwen*/
.indexmaindiv2{position:relative; height:344px;margin:0px auto;width:1200px;margin-top: 40px;}
.indexmaindiv2 div.playerstyles2{width:250px;height:44px;background:url('../images/playstyles.png') no-repeat;}
.indexmaindiv12{margin-top:25px; overflow:hidden;}
.indexmaindiv12 div.stylesgoleft2{float:left;width:30px;height:30px;background:url('../images/a4.png') no-repeat left top;cursor:pointer;position: relative;top: 150px;left: 5px;}
.indexmaindiv12 div.stylesgoleft2:hover{float:left;width:30px;height:30px;background:url('../images/a4.png') no-repeat left top;mcursor:pointer;position: relative;top: 150px;left: 5px;}


.playerdetail2{cursor: pointer; width:250px;height:340px; margin: 0 auto; background:none;font-family:'微软雅黑';border: 2px solid transparent;}
.playerdetail2.active{ border-color:#CA1918 ;}
.detailimg2 a.dsdh{ display: block;width:250px;height:225px; position: relative;}
.playerdetail2 div.detailimg2 img{width:250px;height:225px;}
.playerdetail2 div.teanames2{        text-align: left;font-size:16px;margin-top:7px;color:#404040;border-bottom: 1px solid #eee; padding-bottom: 10px;}
.playerdetail2 div.teadetail2{width: 321px;
        height: 27px;
        margin: 10px 0px;
        color: #666;
        line-height: 24px;}
.playerdetail2 div.detailimg2 .ceng img{width:250px;height:225px;}
.playerdetail2 .checkdetail2{width:250px;height:27px;display:block;background:url('../images/checkdetail.png') no-repeat;margin:18px;}
.stylesgoright2{float:left;width:30px;height:30px;background:url('../images/a5.png') no-repeat left top;cursor:pointer;position: relative;top: 150px;left: 20px;}
.stylesgoright2:hover{float:left;width:30px;height:30px;background:url('../images/a5.png') no-repeat left top;cursor:pointer;position: relative;top: 150px;left: 20px;}
/*滚动*/
div.maindiv12{float:left;width:1117px;height:344px;overflow:hidden;position:relative;}
div.maindiv12 ul{position:absolute;left:0;top:0;}
div.maindiv12 ul li{float:left;width:254px;height:340px;margin-left:25px;}
div.maindiv12 ul li:hover .playerdetail2{border: 2px solid #ca1918;-moz-transition: all ease 1s; -webkit-transition: all ease 1s; -ms-transition: all ease 1s; -o-transition: all ease 1s; transition: all ease 1s; }
.detailimg2 h4{font-size: 14px; color: #333; margin: 15px 0px;}
.detailimg2 p{font-size: 12px; color: #666; line-height: 26px;}
.ceng{display: none; height: 225px; width: 250px;position:absolute; top:0px;left:0px;}
.playerdetail2.active .ceng{display: block;}

/***********/
.indexmaindiv2 .swiper-container {
 width:1100px;
  height:344px;
}
.indexmaindiv2 .swiper-slide {
	/*width:275px;*/
}
.indexmaindiv2 .swiper-slide:hover p{ padding: 0px 10px;}
.indexmaindiv2 .swiper-slide:hover h4{ padding: 0px 10px;}
.arrow-left2{z-index: 99; float:left;width:30px;height:30px;background:url('../images/a4.png') no-repeat left top;position:absolute;top: 150px;left: 0;}
.arrow-right2{z-index: 99;float:left;width:30px;height:30px;background:url('../images/a5.png') no-repeat left top;position: absolute;top: 150px;right:0}




/*xinwendongai*/
.thied{width: 100%; height: 283px; margin: 60px 0px;}
.thied_co{width: 1200px; margin: auto;}
.thied_co_left{float: left;width: 670px;}
.thied_co_left img{float: left;}
.thied_co P{ font-size: 14px; line-height: 26px;}
.thied_co h4{ font-size: 16px; color: #333; font-weight: normal;}
.thied_co h4,.thied_co P,.thied_co .thied_co_left span{float: LEFT;margin-left: 30px; width:355px ; display: block;}
.thied_co .thied_co_left span{font-size: 12PX; color: #999;margin: 10PX 0PX 5PX 30PX;}
.thied_co .thied_co_left A.dhsjdhs{display: block; width:125PX; height: 35PX; text-align: center; line-height: 35PX; color: #ca1910; border: 1PX SOLID #DEDEDE; FLOAT: LEFT;margin-left: 30px; margin-top: 20PX; font-size: 14px;} 
.thied_co_right {float: right;width: 400px;
}
.thied_co .thied_co_left A.dhsjdhs:hover{background: #CA1918; color: #fff; border: 1PX SOLID #ca1918 ;-moz-transition: all ease .5s; -webkit-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s; } 
.thied_co_right {float: right;width: 400px;
}
.thied_co_right ul li{ height: 38px; font-size: 14px;padding-left: 20px;}
.thied_co_right ul li a{ color: #333;}
.thied_co_right ul li:hover a{ color: #fff;}
.thied_co_right ul li:hover{color: #fff; background: #ca1918;-moz-transition: all ease .5s; -webkit-transition: all ease .5s; -ms-transition: all ease .5s; -o-transition: all ease .5s; transition: all ease .5s;  }
.thied_co_right ul li:hover span{color: #fff; }
.thied_co_right ul li span{line-height: 42px; font-size: 12px; color: #666; margin-right: 20px;}
/*.thied_co_right ul li:hover a {-moz-transition: all ease .1s; -webkit-transition: all ease .1s; -ms-transition: all ease .1s; -o-transition: all ease .1s; transition: all ease .1s; 

}*
/*dibu*/
.footer{background: #5d5d5d;width:100%; padding: 40px 0px;_width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); min-width:1200px;}
.wow{width: 1200px; margin: auto;}
.wow .name{color: #fff; font-size: 18px; font-weight: normal; margin: 0px 0px; float: left;}
.laio {float: left;margin: 0px 0px 0px 100px;}
.laio ul li{float: left; margin-right: 10px;}
.wow p{color: #c9c9c9; font-size: 12px; font-weight: normal; line-height: 30px;}
.wow .ellipsis{width: 300px;margin-top: 50px;float: left;}
.wow .ellipsis ul li{ margin-right:20px ; color: #989898; font-size: 12px; margin-bottom: 15px; width: 385px;}
.dl_2{float:left;margin-right: 50px;}
.dl_2 dt{color: #fff; font-size: 14px; margin-bottom: 20px;}
.dl_2 dd{margin-bottom: 10px;}  
.dl_2 dd a{color: #989898; font-size: 12px;} 
.foot_le{float: left;}
.foot_ri{float: right;width: 738px;}
.foot_ri ul li{width: 230px; margin: 0px 8px; float: left;   font-size: 0px;}
.foot_ri ul li font{display: none;}
.foot_ri ul li font{display: none;}
.foot_ri ul li input{background: none; border: none;font-size: 14px; color: #989898;        }
.grayBtn1{width: 152px; height: 45px; line-height: 40px; text-align: center;background:none;border-style: solid;border: 1px solid #989898 !important;color: #989898; margin-top: 30px;margin-left: 8px;cursor: pointer; display: block !important;}
.foot_ri .Iw450{width: 738px;height: 84px; background: none;margin-top: 45px; border: none;border-bottom: 1px solid #989898;        font-size: 14px;color: #989898;}
.foot_ri .Iw290{border-bottom: 1px solid #989898;height:45px ;width: 230px;}
/*neiyebanner*/
.bn{position: relative;height:300px;overflow: hidden;width:100%; _width:expression((documentElement.clientWidth < 1200) ? "1200px" : "100%" ); min-width:1200px;}
.bn img{position: relative;left: 50%;display: block;margin-left: -960px;} 
/*weizhi*/
#content{ position:relative; }
#left{ width:260px; }
#right{ width:890px; position:relative; margin-top:10px; }
.common{ width:1200px; margin:0 auto; }
.fl{ float:left; }
.fr{ float:right; }
.clear{ clear:both; }
.pd20{ padding:20px; }
.crumbs{float: right;}
.common_top{width: 100%; border-bottom: 1px solid #dedede;}
.information{ height:60px; line-height:60px;width: 1200px;margin: auto; }
.information_title{ height:60px; width:240px; font-size:22px; color:#fff; font-family:'微软雅黑'; background: #CA1918; text-align: center; }

.information_title .about_i{ background-position:0 -120px; }
.information_title .news_i{ background-position:0 -61px; }
.information_title .business_i{ background-position:0 -242px; }
.information_title .sustainable_i{ background-position:0 -302px; }
.information_title .support_i{ background-position:0 -181px; }
.information_title .contact_i{ background-position:0 -361px; }
.track{ width:13px; height:100%; position:absolute; background:url('../images/track.png') repeat-y 50% 2px; left:-36px; }
.track i{ width:11px; height:11px; background:#fff; border:1px solid #d0d0d0; display:block; position:relative; top:2px;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
#right:hover .track i{ background:#CA1918; border:1px solid #CA1918; }
.crumbs,.crumbs a{ font-size:12px; color:#919191;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
.crumbs a:hover{ color:#CA1918; }
.crumbs{ background: url(../images/a7.png) left no-repeat;  padding-left: 20px;}
.crumbs span{ margin:0 5px;}
#menu{ margin-top:10px; }
#menu ul{ display:block; width:240px; }
#menu li{ display:block; height:30px; margin-bottom:10px; }
#menu li a{ color:#919191; background:#fff; line-height:30px; text-align:center;font-size: 12px; width:100%; height:100%; text-align:center; display:block;
	-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;
 }
#menu li:hover a,#menu li.menu_cur a{ color:#fff; background:#CA1918; }

#right .cate_title{ height:40px; display:block; font-size:15px; font-weight:500; color:#535353; cursor:default; }
.content{ padding-bottom:50px; }
/*xinwenliebiaoye*/
.news_list_n ul li{height: 128px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #EFEDED;}
.news_list_n ul li .img{float: left; width: 198px; height: 128px;}
.news_list_n ul li .news_nr{float: left; width: 600px; height: 98px; margin-left: 20px; margin-top:30px;}
.news_list_n ul li .news_nr h3{font-size: 14px; font-weight: normal; color: #333;margin-bottom: 25px;} 
.news_list_n ul li .news_nr p{font-size: 12px; font-weight: normal; color: #666;} 
.news_list_n ul li .date{float: left; font-size: 25px; color:#999; font-family: arial;}
.news_list_n ul li .date p{/*background: url(../images/a8.png) no-repeat;*/width: 40px; height: 40px; margin-top: 40px;}
.news_list_n ul li .date p img{/*background: url(../images/a8.png) no-repeat;*/ margin-top: 17.5px; margin-left: 9.5px;}
.news_list_n ul li .date p:hover{background: #dedede;-webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;}

/*chanpinliebiaye*/
.product_list_n{width: 890px;}
.product_list_n  ul li{width: 275px; float: left; margin: 10px 10px; overflow: hidden; }
.product_list_n  ul li:hover  .product_nr h3 a{display: block;   width:275px;color: #ca1918;webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;}
.product_list_n  ul li:hover  .product_nr h3 a{background: url(../images/a8.png) right no-repeat;webkit-transition:all 0.3s ease-out;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	transition:all 0.3s ease-out;}
.product_list_n  ul li .product_nr h3 {width: 275px; font-size: 16px; font-weight: normal; color: #333; margin: 25px 0px 5px;}
.product_list_n  ul li .product_nr span {width: 275px; font-size: 14px; color: #999; margin-bottom: 15px;}
.product_list_n  ul li .product_nr p {width: 275px; font-size: 13px; color: #666; margin-bottom: 15px; line-height: 26px;        margin-top: 10px;}
/*fanye*/
.pageone{margin:30px 0px 30px;display: block;padding-bottom: 50px;}
.pageone a{width: 30px; height: 30px; display: block; border: 1px solid #b2b2b2; float: left; margin: 0px 10px; line-height: 30px; text-align: center; font-size: 14px; color: #333;}
.pageone a:hover{border: 1px solid #CA1918;}
.pageone .active{border: 1px solid #CA1918;}
.pageone .fanye_ml{width: 60px; height:30px; display: block; background: #CA1918; border: 1px solid #CA1918;  float: left; margin: 0px 10px; line-height: 30px; text-align: center; font-size: 14px; color: #fff;}
/*dibu*/
 
.nr_coo{font-size: 14px; line-height: 26px;}
.nr_coo img{width: 890px; }
.detai_fy{  margin-top: 20px;
}
.detai_fy p{ padding:5px 10px;border: 1px solid #CA1918;width: 300px;overflow: hidden;height: 25px;margin-bottom: 20px;float: left;
margin-right: 10px; line-height: 25px; font-size: 12px;
}
.detai_fy p a{ color:#333;}
.zd_box{font-size: 14px; line-height: 26px;}
/*留言*/