@charset "utf-8";
/******index******/
.headerbg{width: 100%;height: 80px;margin: 0 auto;background: #202020; position: relative;z-index: 9;}
.header{width: 1200px;margin: 0 auto;position: relative;}
.logo{width: 257px;height: 66px;float: left;}
.logo img{margin-top:8px;}
.nav{width: 610px;float: left;margin-left: 50px;}
.nav li{float: left;width: 96px;height: 80px;text-align: center;position: relative;cursor: pointer;}
.nav li>a{color: #ffffff;font-size: 16px; font-weight: bold;line-height: 16px;height: 16px;width: 84px;margin: 0 6px; padding-top: 27px; display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav li p{display: none;color: #fff;font-family: Arial;font-size: 10px;height: 12px;line-height: 12px;padding-top: 2px;width: 84px;position: absolute;left: 6px;top: 47px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nav li:hover>a{color: #ffffff;font-weight: bold;background: #666666;height: 53px;}
.nav li:hover p{color: #ffffff;display: block;}
.nav li.cur>a{color: #ffffff;font-weight: bold;background: #666666;height: 53px;}
.nav li.cur p{color: #ffffff;display: block;}
.nav li:hover div{display: block;}
.navbox{width: 145px;position: absolute;left: 6px;top: 80px;text-align: center;background: #FFF;display: none;}
.navbox a{font-size: 14px;line-height: 34px;height: 34px;border-top: 1px solid #65451e;display: block;color: #202020;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;font-weight: bold;}
.navbox a:hover{text-decoration: underline;}

.search{width: 280px;float: right;height: 40px;margin-top: 25px;}
.ontxl{width: 42px;float: left;position: relative;}
.ontxl .selectxz{width: 42px;float: left;height: 40px;line-height: 40px;padding-left: 7px;font-size: 14px;cursor: pointer;background: url(../images/pic_07.png) no-repeat 42px #666666;color: #FFF;}
.ontxl p.selectbox{display: none;position: absolute;left: 0px;top: 40px;*background: #fff;width: 78px;z-index: 999;padding: 3px 0 5px;background: #666666;}
.ontxl p.selectbox a{display: block;overflow: hidden;height: 20px;line-height: 20px;color: #fff;font-size: 12px;padding-left: 9px;}
.ontxl p.selectbox a:hover{color: #104ca0;}
.wenb{width: 226px;height: 40px;float: left;}
.wenb span.d1{width: 166px;float: left;height: 40px;line-height: 40px;padding: 0 10px;display: block;background:#666666;}
.iptxt{width: 120px;float: left;height: 40px;line-height: 40px;color: #ffffff;font-size: 12px;}
.ipbtn{width: 40px;height: 40px;background: url(../images/search_02.jpg) no-repeat;float: right;}
.fanye {text-align: center;margin: 10px auto}
.page {display: inline-block;overflow: hidden;}
.fanye ul li.active{background: #333333;
    color: #fff;}
.fanye ul li{ height:30px; line-height:30px; float:left; border:1px #dfdfdf solid; margin-right:10px; margin-bottom:15px; background:#fff; padding:0px 10px;}
.fanye ul li span{ height:30px; line-height:30px; float:left; text-align:center;}

/*banner*/
.bannerbox{width: 100%;margin: 0 auto;background: #666666;position: relative;z-index: 1;}
.banner{width: 1920px;margin: 0 auto;left: 50%;margin-left: -960px;position: relative;height: 600px;border-bottom: 1px solid #666666;z-index: 1;}
.banner ul{position: relative;}
.banner ul li{width: 1920px;height: 600px;position: absolute;top: 0px;left: 0px;}
.arrows{width: 1920px;height: 16px;position: absolute;left: 0px;bottom: 25px;text-align: center;}
.arrows a{width: 16px;height: 16px;display: inline-block;background: url(../images/arrows_01.png) no-repeat;margin: 0 8px;}
.arrows a:hover,
.arrows a.cur{background: url(../images/arrows_02.png) no-repeat;}


.contentbg{width: 100%;height: 380px;margin: 0 auto;background: #fff;position: relative;z-index: 1;}
.content{width: 1200px;margin: 0 auto;}
.content p.d1{color: #666666;font-size: 16px;height: 60px;line-height: 60px;text-align: center;background: url(../images/content_01.jpg) repeat-x left 65px;padding-top: 35px;}
.content p.d1 span{width: 145px;background: #FFF;display: block;margin: 0 auto;text-transform: uppercase;}
.content p.d2{color: #202020;font-size: 45px;text-align: center;line-height: 45px;width: 376px;margin: 0 auto;}
.content p.d3{color: #202020;font-size: 16px;line-height: 24px;text-align: center;width: 900px;margin: 0 auto;padding-top: 16px;}



.sybox{width: 100%;height: 330px;margin: 0 auto;background:url(../images/sybox_bg.jpg) no-repeat bottom center;position: relative;z-index: 2;}
.synr{width: 1200px;margin: 0 auto;height: 330px;left: 50%;margin-left: -594px;position: relative;}
.synrlist{width: 1200px;margin: 0 0 0 91px;overflow: hidden;position: absolute;left: 0px;top: -152px;}
.synrlist ul{width: 10000px;}
.synrlist li{float: left;width: 324px;height: 435px;cursor: pointer;margin-right: 16px;}
.synrtop{width: 324px;height: 241px;position: relative;display:block;}
.synrtop p.jzimg{width: 324px;height: 241px;*font-size: 211px;}
.synrtop span.d1{display: none;position: absolute;left: 0px;top: 0px;width: 324px;height: 241px;}
.synrtop p.d2{position: absolute;left: 0px;top: 278px;color: #333333;font-size: 36px;text-align: center;width: 324px;height: 36px;line-height: 36px;}
.synrtop p.d3{width: 280px;margin: 0 auto;position: absolute;left: 22px;top: 334px;color: #999999;font-size: 12px;font-family: Arial;text-align: center;height: 14px;line-height: 14px;background: url(../images/pic_14.png) repeat-x left;}
.synrtop p.d4{line-height: 24px;position: absolute;left: 22px;top: 360px;width: 280px;text-align: center;color: #666666;}
.synrbottombox{width: 272px;height: 166px;background: #fff;padding: 28px 26px 0 26px;display:block;}
.synrbottom{width: 272px;height: 166px;background: #fff;display: none;}
.synrbottom p.d1{color: #333333;font-size: 18px;height: 37px;line-height: 37px;border-bottom: 1px dashed #e4e4e4;}
.synrbottom p.d1 span{color: #999999;font-size: 12px;font-family: Arial;background: url(../images/pic_06.jpg) no-repeat left;margin-left: 11px;padding-left: 11px;}
.synrbottom p.d2{color: #666666;line-height: 24px;margin-top: 6px;height: 72px;overflow: hidden;}
.synrbottom em{color: #ae955b;font-size: 12px;height: 24px;line-height: 24px;margin-top: 6px;display: block;font-style: normal;}
.synrbottom em:hover{text-decoration: underline;}
.synrlist li:hover .synrtop span.d1{display: block;}
.synrlist li:hover .synrtop p.d2{position: absolute;left: 0px;top: 50px;color: #ffffff;font-size: 36px;text-align: center;width: 324px;height: 36px;line-height: 36px;}
.synrlist li:hover .synrtop p.d3{width: 280px;margin: 0 auto;position: absolute;left: 22px;top: 100px;color: #cccccc;font-size: 12px;font-family: Arial;text-align: center;height: 14px;line-height: 14px;background: url(../images/pic_05.png) repeat-x left;}
.synrlist li:hover .synrtop p.d4{color: #e9e9e9;line-height: 24px;position: absolute;left: 22px;top: 130px;width: 280px;text-align: center;}
.synrlist li:hover .synrbottom{display: block;}
.jiantou a{width: 67px;height: 67px;position: absolute;top: 50px;display: block;}
.jiantou a.left{background: url(../images/left.png) no-repeat;left: 0px;}
.jiantou a.right{background: url(../images/right.png) no-repeat;right: 0px;}

/*product*/
.s_product{width:1200px;margin:10px auto;overflow: hidden;}
.s_product_list{margin-top:30px;}
.s_product_list ul li{float:left;margin-right: 22px;overflow: hidden;width: 283px;}
.s_product_list ul li img{width:385px;height: 270px;overflow: hidden;}
.s_product_list ul li p{height: 50px;background: rgba(3,3,3,0.8); color: #fff;font-size: 18px;text-align: center;line-height: 50px;overflow: hidden; position: relative;top: -50px;}
.s_product_list ul li:last-child{margin-right:0px;}

/*news*/
.s_news{width:1200px;margin:0px auto;overflow: hidden;position:relative;top: -50px;}
.s_news_one{float:left;width:538px;height: 406px;position:relative;margin-top: 30px;}
.s_news_one img{width:538px;height: 406px;overflow: hidden;}
.s_news_one_txt{height:85px;background: rgba(0,0,0,0.8);position: relative; top: -85px;}
.txt_time{width:110px;float: left;height: 85px;background:#666666;text-align: center;}
.txt_time p{font-size: 35px;color: #fff;line-height: 35px;margin-top: 15px;}
.txt_time span{font-size: 20px;color: #fff;line-height: 20px;}
.txt_news{float:right;width:428px;overflow: hidden;height: 85px;line-height: 85px;}
.txt_news p a{margin-left:15px;font-size: 22px; color: #fff;}

.s_news_two{float:right;width:662px;overflow: hidden;height:203px; margin-top: 30px;}
.s_news_two_left{width:331px;float: left;}
.s_news_two_left img{width:331px;height: 203px; overflow: hidden;}
.s_news_two_right{width:271px;height: 153px; background: #f1f1f1;float: right;padding: 25px 30px;}
.s_news_two_right h3{font-size:20px;color: #333;font-weight: normal;line-height: 30px;}
.s_news_two_right h4{font-size:16px;color: #767676;font-weight: normal;line-height: 26px;}
.s_news_two_right p{font-size:14px;color: #767676;margin-top: 10px;line-height: 22px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}


.s_news_three{float:right;width:662px;overflow: hidden;height:203px; }
.s_news_three_right{width:331px;float: right;}
.s_news_three_right img{width:331px;height: 203px; overflow: hidden;}
.s_news_three_left{width:271px;height: 153px; background: #f1f1f1;float: left;padding: 25px 30px;}
.s_news_three_left h3{font-size:20px;color: #333;font-weight: normal;line-height: 30px;}
.s_news_three_left h4{font-size:16px;color: #767676;font-weight: normal;line-height: 26px;}
.s_news_three_left p{font-size:14px;color: #767676;margin-top: 10px;line-height: 22px; display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}


/*foot*/
.pageFooter { clear:both; background-color:#202020; width: 100%;overflow: hidden;}
.foot01 {width: 1200px; overflow: hidden;padding-top: 25px;margin: auto;}
.foot01 .pf { float:left; width:70%;}
.foot01 .siteMap dl { width:18%; float:left;margin-right: 15px; }
.foot01 .siteMap dt{ font-size:16px; color:#fff; margin-bottom:10px; }
.foot01 .siteMap dd a{ color: #cecece; font-size: 14px;line-height: 24px;}
.foot01 .siteMap dt,.foot01 .siteMap dd { padding-left:15%; }
.foot01 .siteMap dd a:hover{text-decoration: underline;}
.foot01 .ewm { float:right;  text-align:center; margin-right:20px;}
.foot01 .ewm .img { margin-bottom:15px; display:block;float:right;width:128px; margin-left: 25px; }
.foot01 .ewm .img p{text-align:center; line-height: 28px; color: #fff; font-size: 14px;}
.foot02 {width: 100%;}
.foot02,.foot02 a { color:#fff;}
.foot02 a { display:inline-block; white-space:nowrap; }
.foot02 a:hover { filter:alpha(opacity=80); opacity:0.8; }
.foot02 .copyRight {  text-align: center; font-size: 13px; border-top: 1px #505050 solid;  line-height: 24px;padding: 20px 0px;}




/*以下是内页样式*/

/*nybanner*/
.nybanner{width: 100%;margin: 0 auto;position: relative;height: 246px;overflow: hidden;}
.nybanner img{position: absolute;top: 0px;left: 50%;margin-left: -960px;}

.mainbtbox{width: 1920px;left: 50%;margin-left: -960px;position: relative;background: url(../images/ioc_01.png) repeat-x;height: 30px;margin-top: -30px;}
.mainbt{width: 1200px;margin: 0 auto;}
.mainbt div{line-height: 30px;max-width: 100%;float: right;color: #ffffff;font-size: 12px;background: url(../images/ioc_02.png) no-repeat left;padding-left: 25px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.mainbt div a{color: #FFFFFF;}
.mainbt div a:hover{text-decoration: underline;}

.mainnavbox{width: 1920px;left: 50%;margin-left: -960px;position: relative;background: url(../images/ioc_03.jpg) repeat-x;margin-top: 65px;}
.mainnav{width: 1200px;margin: 0 auto;overflow: hidden;}
.mainnav ul{width: 110%;}
.mainnav li{float: left;min-width: 183px;line-height: 44px;margin: 0 22px 20px 0;border: 1px solid #ffffff;background: url(../images/ioc_04.jpg) repeat-x;}
.mainnav li a{color: #666666;font-size: 16px;display: block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;background: url(../images/ioc_05.png) no-repeat 35px;padding: 0 43px 0 67px;}
.mainnav li:hover,
.mainnav li.cur{background: url(../images/ioc_06.jpg) repeat-x;border: 1px solid #dddddd;line-height: 44px;}
.mainnav li:hover a,
.mainnav li.cur a{color: #FFFFFF;background: url(../images/ioc_06.png) no-repeat 35px;}
.mainnr{width: 1200px;margin: 30px auto 0;overflow: hidden;}
.mainnr .bt{text-align: center;}
.mainnr .bt h3{color: #333333;font-size: 49px;font-weight: normal;line-height: 50px;}
.mainnr .bt h3 span{color: #333333;height: 24px;width: 1px;background: url(../images/ioc_07.jpg) no-repeat;display: inline-block;margin: 0 15px;}
.mainnr .bt p{color: #999999;font-size: 12px;font-family: arial;background: url(../images/ioc_08.jpg) repeat-x left 6px;line-height: 14px;width: 433px;margin: 20px auto 0;}
.mainnr .bt p span{background: #FFFFFF;display: inline-block;padding: 0 20px;}

/*about*/
.about{padding: 45px 0 100px;line-height: 25px;overflow: hidden;}
.about p{text-indent: 2em;}

/**news*/
.news{padding: 40px 0 85px;overflow: hidden;}
.news ul{padding-bottom: 23px;}
.news li{float: left;width: 100%;height: 144px;padding: 26px 0 46px;background: url(../images/ioc_12.jpg) repeat-x bottom;}
.news li .news_img{float: left;width: 199px;}
.news li .news_img .lxmimg{width: 195px;height: 140px;padding: 1px;border: 1px solid #cccccc;}
.news li .news_nr{width: 830px;float: left;margin-left: 15px;padding-right: 25px;border-right: 1px solid #dcdcdc;height: 137px;}
.news li .news_nr h3{color: #666666;display: block;font-weight: bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;line-height: 20px;margin: 13px 0 0;font-size: 20px;}
.news li .news_nr p{height: 84px;overflow: hidden; width: 830px;margin-top: 20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
.news li .news_nr p a{font-size: 12px;line-height: 24px;font-weight: normal;}

.news li .news_data{width: 120px;float: right;font-family: arial;padding-top: 38px;text-align: center;}
.news li .news_data span{color: #cccccc;font-size: 38px;line-height: 40px;}
.news li .news_data p{color: #e2e2e2;font-size: 19px;line-height: 20px;margin-top: 5px;}

.news li.li2 .news_img{float: right;width: 199px;}
.news li.li2 .news_nr{width: 698px;float: right;margin: 0px 15px 0 0;padding: 0 0 0 25px;border-left: 1px solid #dcdcdc;border-right: none;height: 137px;}
.news li.li2 .news_data{width: 64px;float: left;font-family: arial;padding-top: 8px;text-align: left;}
.news li:hover .news_nr a{color: #202020;}
.news li:hover .news_data span{color: #202020;}
.news li:hover .news_data p{color: #202020;}


/*pro*/
.pro_list{margin: 45px 0 98px;overflow: hidden;width: 1200px;}
.pro_list ul li{ float: left; margin-right: 37px; width: 375px;  overflow: hidden; margin-bottom: 20px; margin-top:5px;}
.pro_list ul li:nth-child(3n){margin-right: 0px;}
.pro_list ul li img{ overflow: hidden;height: 265px;width: 375px; transition: all 0.6s; }
.pro_list ul li p{font-size: 14px; line-height: 45px; text-align: center; color: #333; background: #f0f0f0;}
.pro_list ul li  a:hover img{transform: scale(1.04);}

/*proshow*/
.proshow{padding: 45px 0 98px;overflow: hidden;}
.proshownr{position: relative;}
.biglist{width: 759px;height: 507px;border: 1px solid #cccccc;background: #f2f2f2;margin: 0 auto;}
.biglist ul{position: relative;}
.biglist li{width: 753px;height: 501px;cursor: pointer;position: absolute;left: 0;top: 0;display: none;}
.biglist li:first-child{display: block;}
.biglist span.lxmimg{width: 753px;height: 501px;display: block;text-align: center;padding: 3px;}
.smallBox{width: 761px;height: 108px;position: relative;margin: 22px auto 0;}
.prev1,
.next1{display: block;position: absolute;width: 27px;height: 108px;top: 0px;}
.prev1{background: url(../images/p_left.jpg) no-repeat;left: 0;}
.next1{background: url(../images/p_right.jpg) no-repeat;right: 0;}
.small_list{width: 678px;height: 108px;overflow: hidden;position: absolute;left: 41px;}
.small_list ul{width: 10000px;overflow: hidden;position: relative;}
.small_list ul li{display: block;text-align: center;width: 157px;height: 106px;float: left;margin-right: 14px;cursor: pointer;border: 1px solid #d3d3d2;}
.small_list ul li span.lxmimg{width: 153px;height: 102px;display: block;padding: 2px;}
.small_list ul li.cur{border: 1px solid #202020;}


.product_txt{margin-top:30px;}