
.banner { position: relative; overflow: auto;margin-top: -140px;min-width: 1200px;}
.banner li { list-style: none;}
.banner ul li {float: left; width:100%;height:800px;}
.banner ul li a{display: block;width: 100%;height: 800px;background: url(../images/banner_mc.png);position: relative;z-index: 444} /*蒙层代码  */
ol{position: absolute;left: 50%;bottom: 8%;font-size: 0;z-index: 999;margin-left: -28px;}
ol li{float: left;width:10px;height: 10px;border: 2px solid white;border-radius: 50%;margin-left: 5px;font-size: 0;cursor: pointer;}
ol li.active{border: 2px solid red}
ol li:hover{border: 2px solid red}
.banner .touber{position: absolute;width:662px;height:164px;background: url(../images/toube.png);left: 50%;margin-left: -331px;top: 33%;z-index: 999}
.banner p{display: none;color: #fff;font-size: 20px;line-height: 28px;text-align: center;position: absolute;top: 56%;z-index: 999;width: 100%}
.banner .btn{display: block;line-height: 40px;text-align: center;width: 142px;height: 40px;border: 1px solid #fff;position: absolute;left: 50%;margin-left: -72px;top: 66%;z-index: 999;background: none;font-size: 13px;color: #fff;font-weight: bold;}
.banner .btn:hover{color: red;border-color: red}

.index_about{width:100%;height: 330px;min-width: 1200px}
.index_about .left{width: 50%;height: 330px;background: #fff;float: left;position: relative;}
.index_about .left .left_section{width: 600px;height: 192px;position: absolute;right: 0;top: 50%;margin-top: -96px;background: #fff}
.index_about .right{width: 50%;height: 330px;background: red;float: right;position: relative;overflow: hidden;}
.index_about .left_section h2{font-size:24px;}
.index_about .textbox{width: 600px;margin-top:26px }
.index_about .textbox .line{width: 71px;height: 66px;float: left;border-top: 2px solid black}
.index_about .textbox .text{width: 460px;padding-left: 30px;padding-right: 38px;float: right;font-size: 14px;color: #878787;line-height: 28px;margin-top: -8px}
.index_about .btn{display: inline-block;width: 142px;height: 40px;border: 1px solid black;font-size: 13px;line-height: 40px;margin-top: 25px;text-align: center;margin-left: 100px}
.index_about .right li{width: 169px;height: 190px;border: 1px solid #fff;margin-left: 30px;float: left;margin-top: 71px;font-size: 16px;color: #fff;text-align: center;background:url(../images/hand.png) no-repeat center 40px; }
.index_about .right li p{margin-top: 118px}
.index_about .btn:hover{color: red;border-color: red}
.index_about .right li .wfEditorMode{position: relative;z-index: 99999}

.product_inform{width: 100%;height: 550px;background: rgb(223,223,223);min-width: 1200px}
.product_inform .container{max-width: 1200px;height: 100%;margin: 0 auto;text-align: center;}
.product_inform .container h1{padding-top: 50px;font-size: 24px}
.product_inform .container ul{margin-top: 60px}
.product_inform .container li{width:350px;display: inline-block;vertical-align: center;margin-right: 40px}
.product_inform .container li img{width: 100%;}
.product_inform .btn{;display: block;width: 142px;height: 40px;border: 1px solid rgb(133,133,133);text-align: center;line-height: 40px;font-size: 13px;font-weight: bold;margin: 60px auto 0}
.product_inform .btn:hover{color: red;border-color: red}

.service{width: 100%;height: 650px;background: url(../images/banner_bg.jpg);overflow: hidden;position: relative;min-width: 1200px}
.service ul{width: 1200px;margin: 0 auto}
.service ul li{width: 590px;height:650px;overflow: hidden;}
.service ul .li1{float: left;}
.service ul .li2{float: right;}
.service ul img{width: 100%}

.service ul img{

	  overflow: hidden;
    transition: transform 1s;
    -webkit-transition: -webkit-transform 1s;
    -moz-transition: -moz-transform 1s;
    -o-transition: -o-transform 1s;
}
.service ul img:hover{
	 -webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -o-transform:scale(1.1,1.1);
    transform:scale(1.1,1.1);
}

.service ul h2{color: #fff;font-size: 24px;margin-top: 30px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;}
.service ul p{color: #fff;font-size: 13px;line-height: 23px;margin-top: 30px}
.service .btn{display: block;width: 142px;height: 40px;border: 1px solid rgb(133,133,133);text-align: center;line-height: 40px;font-size: 13px;font-weight: bold;/*margin-top: 40px;*/color: #fff;position: absolute;bottom: 10px}

.service .btn:hover{color: red;border-color: red}


.index_news {width: 100%;height: 500px}
.index_news .container{width: 1200px;height: 100%;margin:0 auto;overflow: hidden;}
.index_news .container h2{font-size: 24px;color: #333333;text-align: center;margin-top: 53px;margin-bottom: 46px}
.index_news .container li{width: 550px;padding-left: 20px;padding-right: 20px;height: 160px;/*line-height: 160px;*//*vertical-align: middle*/;float: left;margin-bottom: 64px;/*background: url(../images/new_list01.png) no-repeat left;*/}
.index_news .container li a{display: inline-block;float: left;}
.index_news .container img{display: inline-block;width: 170px;height:auto;margin-top: 25px;/*vertical-align: middle;*/}
.index_news .container .textbox{width: 412px;height: 100%;margin-left: 170px;padding:13px;line-height: normal;}
.index_news .container .textbox h4 a{display: inline;color: black}
.index_news .container .textbox h4{font-size: 14px;color: #333333;margin-bottom: 54px;margin-top: 20px}
.index_news .container .textbox span{font-size: 13px;color: #ff0000;display: block;margin-top: 35px;text-align: left;}
.index_news .container .textbox p{margin-top: 16px;/*overflow: auto;*/}
.index_news .container .textbox a{color: #666666;line-height: 24px;}
.index_news .arrow{width: 17px;height: 9px;display: inline-block;margin-top: 15px;background: url(../images/arrow.png);}
.index_news .btn{display: inline-block;width: 142px;height: 40px;margin: 0 auto;border: 1px solid #666666;text-align: center;line-height: 40px;margin-top: 53px;margin-left: 528px}
.index_news  li.li3,.index_news  li.li4{margin-bottom: 0}
.index_news .btn:hover{color: red;border-color: red}

.about_banner .wfEditorMode{position: relative;z-index: 11111}
.about_banner{width: 100%;height: 540px;background: url(../images/about_banner.jpg);margin-top: -140px;position: relative;min-width: 1200px}
.about_banner .about_text{width: 662px;height:138px;background: url(../images/about02.png) no-repeat; position: absolute;left: 50%;margin-left: -331px;top: 44.4%}
.about_banner p{display: none;font-size:16px;line-height:28px;color: #fff;position: relative;text-align: center;z-index: 888;top: 76%}

.companyProfile{width: 100%;height:850px;}
.companyProfile .container{width: 1200px;height: 100%;margin: 0 auto;/*background:gray*/;overflow: hidden;}
.companyProfile h2{font-size: 28px;color:#333333;text-align: center;line-height: 26px;margin-top: 51px;margin-bottom: 80px}
.companyProfile h2 span{font-size: 18px;line-height: 26px;color: #666666}
.companyProfile .text{width: 100%;height: 594px;font-size: 13px;line-height: 26px;color: #666666}
.companyProfile .first{width: 600px;margin-bottom: 33px}
.companyProfile h6{font-weight: normal;margin-bottom: 5px}
.companyProfile .second{list-style:disc inside;margin-bottom: 20px}
.companyProfile .third{margin-bottom: 23px}
.companyProfile .fourth{width: 600px}
.companyProfile .fifth li{width: 169px;height: 190px;border: 1px solid red;margin-right: 29px;float: left;color: red;font-weight: bold;background: url(../images/about_icon01.jpg) no-repeat center 36px;}
.companyProfile .fifth li p{margin-top: 114px}
.companyProfile .fifth {margin-top:10px;font-size: 16px;text-align: center;}


/*产品中心分栏页*/
.products_banner{width: 100%;height: 540px;;margin-top: -140px;position: relative;min-width: 1200px}
.products_banner .products_text{width: 662px;height:138px;background: url(../images/products01.png) no-repeat; position: absolute;left: 50%;margin-left: -331px;top: 44.4%}
.products_banner p{display: none;font-size:16px;line-height:28px;color: #fff;position: relative;text-align: center;z-index: 888;top: 76%}
.products_banner .wfEditorMode{position: relative;z-index: 9999}
.products {width: 100%;height: 970px;}
.products .container{width:1200px;height:100%;margin:0 auto;}
.products .container li{width: 276px;height: 410px;float: left;margin-right: 32px;margin-top: 49px;position: relative;}
.products .container li.remove{margin-right: 0}
.products .container li.li4,.products .container li.li8{margin-right: 0}
.products .container li img,.products .container .product_mc{display: inline-block;width: 100%;height:361px;}
.products .container li .product_mc{position: absolute;background: url(../images/product_mc.png) ;top: 0;left: 0;display:none;text-align: center;}
.products .container li:hover .product_mc{display: block;}
.products .product_mc h5{color: #fff;font-size: 17px;line-height: 26px;margin-top: 109px;margin-bottom: 20px}
.products .product_mc p{color: #fff;font-size: 18px;line-height: 26px;}
.products .product_mc span{display: inline-block;width: 28px;height: 19px;margin-top: 24px;background:url(../images/arrow02.png);}
.products .product_name {color: gray;font-size:16px;line-height: 26px;text-align: center;margin-top: 28px;overflow: hidden;}
.products .product_name a:hover{color:#666666}

.products_list {width: 100%;height: 1370px;}
.products_list .container{max-width:1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.products_list h3{font-size: 28px;line-height:26px;color: #333333;text-align: center;margin-top: 47px;margin-bottom: 50px}
.products_list h3 span{font-size: 18px;color:#666666 }
.products_list .list{width: 100%;/*overflow: hidden;*/height: 1088px;margin-bottom:43px;}
.products_list .list li{width: 373px;height: 530px;float: left;margin-right:40px;}
.products_list li img{display: inline-block;width: 100%;height: 450px}
.products_list li  a{display: inline-block;}
.products_list li.li3,.products_list li.li6{margin-right: 0;}
.products_list li.li4,.products_list li.li5,.products_list li.li6{margin-top: 35px;}
.products_list p{text-align: center;color:#333333;font-size: 16px;line-height: 26px;margin-top: 50px}


.products_detail {width: 100%;height: auto;padding-bottom: 20px}
.products_detail .container{width:1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.products_detail h3{font-size: 28px;line-height:26px;color: #333333;text-align: center;margin-top: 45px;margin-bottom: 27px}
.products_detail h3 span{font-size: 18px;color:#666666 }
.products_detail .con_p{font-size: 13px;line-height: 26px;text-align: center;color: #666666;margin-bottom:37px }
.products_detail .list{width:1200px;margin: 0 auto }
.products_detail .list > li{width:1200px;height: 400px;margin-bottom: 50px;}
.products_detail .list > li img{display: inline-block;width: 600px;height: 100%;}
.products_detail .right{box-sizing: border-box; padding: 40px 30px;width:100%;border: 1px solid rgb(222,222,222) ;height: 318px }
.products_detail .right h5{font-size: 16px;color: #333333;line-height: 26px}
.products_detail .line{width: 46px;height: 2px;background: red;margin-top: 16px;margin-bottom: 24px}
.products_detail .right p{font-size: 13px;line-height: 26px;color: #666666;margin-bottom: 19px}
.products_detail .circle {
    display: flex;
}
.products_detail .circle li{width: 121px;height: 121px;background: url(../images/circle.png) no-repeat;margin-right: 28px;text-align: center;}
.products_detail .circle li p{margin: 0;padding:0;}
.products_detail .circle li .first{margin-top: 40px;color: red;font-size: 22px;margin-bottom: 5px}
.products_detail .circle li .second{font-size: 13px;line-height: 17px;color: #666666}

/*新闻业*/
.news_banner{width: 100%;height: 540px;background: url(../images/news_banner.jpg);margin-top: -140px;position: relative;min-width: 1200px}
.news_banner .news_text{width: 662px;height:138px;background: url(../images/news01.png) no-repeat; position: absolute;left: 50%;margin-left: -331px;top: 44.4%}
.news_banner p{
    display: none;font-size:16px;line-height:28px;color: #fff;position: relative;text-align: center;z-index: 888;top: 76%}
.newsList{width:100%;height:auto;padding-bottom: 20px}
.newsList    .wfEditorMode{position: relative;z-index: 11111;top: 20px}
.news_banner .wfEditorMode{position: relative;z-index: 11111;top: 20px}
.newsList .container{width:1200px;height: 100%;margin: 0 auto;overflow: hidden; }
.newsList  .list li{width: 100%;height: 205px;border-top: 1px solid rgb(222,222,222);border-bottom: 1px solid rgb(222,222,222);padding: 30px 0}
.newsList  .list li.li1{border-top: 0;padding-top:126px;}
.newsList  .list li a.oa{display: block;width: 390px;height: 206px;overflow: hidden;float: left;}
.newsList  .list li img{display: inline-block;width: 390px;height: 100%;float: left;}
.newsList  .list li .right{padding-left: 30px;width: 780px;float: right}
.newsList  .right h5{font-size: 16px;line-height: 26px;color: #333333;margin-bottom: 25px}
.newsList  .right span{color: red;font-size: 13px;line-height: 26px;}
.newsList  .right .text{font-size: 13px;line-height: 26px;color: #666666;margin-top: 15px}
.newsList  .right .btn{display: block;width: 142px;height: 40px;border: 1px solid #666666;font-size: 14px;line-height: 40px;text-align: center;margin-top: 27px}
.newsList  .right .btn:hover{color: red;border-color: red}
.newsList  .list{margin-bottom: 50px}


.newsdetail {width: 1200px;margin: 0 auto;padding: 30px 0}
.newsdetail h3{width: 100%;text-align: center;color: #333;line-height: 30px;font-size: 25px;margin-top: 20px}
.newsdetail .date{text-align: center;width: 100%;height: 20px;color: red;font-size: 15px;margin-top: 10px}
.newsdetail p{line-height: 20px;color: gray;width: 800px;margin: 0 auto;margin-top: 20px;text-indent: 20px;font-size:14px;}
.newsdetail .imgs{width: 600px;height: auto;display: block;margin: 20px auto}


/*锯切实例*/
.example_banner{width: 100%;height: 540px;background: url(../images/example_banner.jpg);margin-top: -140px;position: relative;min-width: 1200px}
.example_banner .example_text{width: 662px;height:138px;background: url(../images/example01.png) no-repeat; position: absolute;left: 50%;margin-left: -331px;top: 44.4%}
.example_banner p{display: none;font-size:16px;line-height:28px;color: #fff;position: relative;text-align: center;z-index: 888;top: 76%}
.examples{width:100%;height:1400px }
.example_banner .wfEditorMode{position: relative;z-index: 11111;}
.examples .container{width:1200px;height: 100%;margin: 0 auto;overflow: hidden;}
.examples .list{width: 1200px;margin-top: 50px}
.examples .list li{float: left;width: 373px;height: 514px;margin-right: 40px;margin-bottom: 55px}
.examples li.li3,.examples li.li6,.examples li.li9{margin-right: 0}
.examples .wfEditorMode{position: relative;top: 20px;z-index: 9999}
.examples img{display: block;width: 373px;height: 450px;}
.examples p{font-size: 16px;line-height: 26px;text-align: center;line-height: #333333;margin-top: 43px}

.exampledetail {width: 1200px;margin: 0 auto;padding: 30px 0}
.exampledetail h3{width: 100%;text-align: center;color: #333;line-height: 30px;font-size: 25px;margin-top: 20px}
.exampledetail p{line-height: 20px;color: gray;width: 800px;margin: 0 auto;margin-top: 20px;text-indent: 20px;font-size:14px;}
.exampledetail .imgs{width: 600px;height:500px;display: block;margin: 20px auto}



.contact_banner{width: 100%;height: 540px;background: url(../images/contact_banner.jpg);margin-top: -140px;position: relative;min-width: 1200px}
.contact_banner .wfEditorMode{position: relative;z-index: 11111;top: 100px}
.contact_banner .contact_text{width: 662px;height:138px;background: url(../images/contact01.png) no-repeat; position: absolute;left: 50%;margin-left: -331px;top: 44.4%}
.contact_banner p{display: none;font-size:16px;line-height:28px;color: #fff;position: relative;text-align: center;z-index: 888;top: 76%}
.contacts {width: 100%;height: 744px;}
.contacts .container{width:1200px;margin: 0 auto;overflow: hidden;padding: 50px 0}
.contacts .left{width: 225px;float: left;margin-right: 43px; }
.contacts .rightmap{width: 888px;height: 633px;float: right;margin-left: 43px;background: gray}
.contacts .left h4{font-size: 16px;font-weight: bold;}
.contacts .left .line{width: 36px;height: 2px;background: black;margin-top: 20px}
.contacts .left .address{margin-top: 26px}
.contacts .left .phone{font-weight: normal;}
.contacts .left p{font-size: 13px;line-height: 23px;color: #333333}
.contacts .left .li1 img,.contacts .left .li2 img{display: none;}
.contacts .left .li2{margin-top: 42px}
.contacts .li3{margin-top: 45px;position: relative;}
.contacts .li3 img.conweixin{position: absolute;left: 60px;top: -190px;display:none;}
.contacts .li3 a.imgcon:hover .conweixin{display:block;}
.contacts .li3 img{width: 183px;height: 189px;overflow: hidden;}
.contacts .li3 a.imgcon{width: 50px;height: 50px;display: inline-block;margin-left: 10px;cursor: pointer;background:url(../images/icon01.png);}
.contacts .li3 img.imgcon1{width: 50px;height: 50px;margin-left: 42px;display: inline-block;}
.contacts .li3 .line{display: none;}
.contacts .li3 p{font-size: 16px;line-height: 30px;color: #333333;font-weight: bold;}
.contacts  #map{width: 888px;height: 633px}



/*视频*/
#mplayer{width:900px;height:560px;overflow: hidden;margin:  0 auto;position: relative;}
#mplayer .play{width:900px;height:560px;position:absolute;z-index:9;cursor:pointer;}
#mplayer #video{width:900px;height:560px;position:relative;}
.controls{width:900px;height:65px;position:relative; z-index:999;  }
#mplayer .controls .timeline{width:900px;height:17px;position:relative;background:#666666; }
#mplayer .controls .timeline .jp-seek-bar{float:left;width:900px;height:17px;background:#666666;}
#mplayer .controls .timeline .jp-play-bar{float:left;width:900px;height:17px;background:url(../images/process_bar.png) repeat-x;}
#mplayer .controls .pbutton{width:900px;height:44px;position:relative;background:#c5c5c5; }
#mplayer .controls .jp-play{cursor:pointer;position:absolute;width:32px;height:32px;overflow: hidden;text-indent: -9999px;background:url(../images/play.png) no-repeat;top:6px;left:20px;}
#mplayer .controls .jp-pause{cursor:pointer;position:absolute;width:32px;height:32px;overflow: hidden;text-indent: -9999px;background:url(../images/pause.png) no-repeat;top:6px;left:20px;}
#mplayer .controls .jp-stop{cursor:pointer;position:absolute;width:32px;height:32px;overflow: hidden;text-indent: -9999px;background:url(../images/stop.png) no-repeat;top:6px;left:60px;}
#mplayer .controls .jp-time{position:absolute;width:75px;height:15px;font-size:12px;color:#333333;top:16px;right:215px;}
#mplayer .controls .jp-time div{float:left;}
#mplayer .controls .jp-mute{position:absolute;width:24px;height:24px;background:url(../images/muteoff.png) no-repeat;right:175px;top:10px;cursor:pointer;}
#mplayer .controls .jp-unmute{position:absolute;width:24px;height:24px;background:url(../images/muteon.png) no-repeat;right:175px;top:10px;cursor:pointer;}
#mplayer .controls .voice{position:absolute;height:6px;width:56px;background:url(../images/volSbar.png) repeat-x;right:98px;top:19px;}
#mplayer .controls .voice .jp-volume-bar{position:absolute;width:100%;height:100%;background:url(../images/volSbar.png) repeat-x;cursor:pointer;}
#mplayer .controls .voice .jp-volume-bar .jp-volume-bar-value{position:absolute;height:100%;background:url(../images/volPbar.png) repeat-x;cursor:pointer;}
#mplayer .controls .jp-restore-screen{position:absolute;width:32px;height:32px;top:6px;right:30px;background:url(../images/big_fsOff.png) no-repeat;cursor:pointer;}
#mplayer .controls .jp-full-screen{position:absolute;width:32px;height:32px;top:6px;right:30px;background:url(../images/big_fsOn.png) no-repeat;cursor:pointer;}
#mplayer .onoff{position: absolute;width: 160px;height: 160px;background: url(../images/onoff.png);z-index: 999;left: 50%;top: 30%;margin-left: -80px;cursor: pointer;}










