@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}
body {color: #777777;font-family:Arial, Helvetica, sans-serif;font-size: 16px;line-height:22px;width:100%;}
.clear{ clear:both;}
.clearfix:after {clear: both;content: ".";display: block;height: 0;visibility: hidden;}
a:link, a:visited {color: #666666;text-decoration: none;}
fieldset,img {border: none;}
ul, li {list-style-type: none;}
h1, h2, h3, h4, h5, h6 {font-size: 100%;}
h1{font-size: 40px; font-weight: bold;}
h2{font-size: 28px; font-weight: bold;}
h3{font-size: 24px; font-weight: bold;}
h4{font-size: 18px; font-weight: bold;}
a.more{ background: #de4229;color: #fff; font-size: 18px; padding: 10px 30px; transition:all 0.3s ease}
a.more:hover{ background: #fd2a08;border-radius:10px}
li a{transition:all 0.3s ease}
li a:hover{color:#ff8a00}
.txt-center{ text-align: center}
span.error{ color: red; padding-left: 10px}

.half{ float: left; width: 50%}
.fl{ float:left}
.fr{ float:right}
.wrap{margin: 0 auto;width: 1200px;}
.minwidth{}
#container{ background:#fff}
.font16{ font-size: 16px;}
.textc{ text-align: center;}
.textl{ text-align: left;}
.textr{ text-align: right;}
.mb{ margin-bottom: 30px;}
.pr{ position: relative;}
.pa{ position: absolute;}
.tt,.tt1{  letter-spacing: 1px; text-align: center; padding-top: 65px; padding-bottom: 50px; color: #000}
.tt1{ text-align: left; background: url(../images/h1bg.png) no-repeat left bottom; padding-bottom: 30px; margin-bottom: 30px}

.index_do ul{ padding-top: 20px}
.index_do li{ width: 25%;float: left; text-align: center}
.index_do li img{ margin: 0 auto; display: block;margin-bottom: 30px}
.index_do li h3{margin-bottom: 10px}
.index_do li p{color: #999}

.index_products{ height: 820px; background: #f8f8f8}
.index_product_category{ text-align: center; height: 120px}
.index_product_category li{ display: inline-block; margin: 30px; }
.index_product_category li a{ font-size: 20px; padding-bottom: 5px; font-weight: bold}
.index_product_category li a:hover,.index_product_category li a.sel{ color: #fd2a08;border-bottom: solid 3px #fd2a08}

.index_product{ height: 450px}
.index_product li{ float: left; width: 352px; height: 370px;position: relative;margin-right: 72px; text-align: center}
.index_product li:last-child{ margin-right: 0}
.index_product li img{ width: 352px; height: 340px; margin-bottom: 10px}
.index_product li h3{font-weight: normal}


/*加载*/
.load{margin-top:10px;height:38px;background:#f0f0f0;color:#707c85;text-align:center;line-height:38px}
.load a{ color: #707c85; display: block}
.load a:hover{color:#870407}

/*新闻详细页*/
.title{padding-bottom:10px;color:#333;text-align:center;font-weight:bold;font-size:21px; margin-top:20px}
.time{margin-bottom:20px;padding-bottom:5px;border-bottom:1px dotted #aaa;text-align:center}
.hits{margin-left:20px}
.operate{margin-top:20px;padding-top:10px;border-top:1px dotted #aaa;text-align:right}

/*留言*/
#guestform{margin-top:20px;padding:20px;border:dotted 1px #ddd}
.ajaxtable td{vertical-align:middle}
.tdinput{text-align:left;font-weight:normal;font-size:12px;line-height:30px}

/*banner*/
#ban {height: 550px;}
#ban .banner {height: 550px;position: relative; width: 100%; overflow: hidden} 
.banner ul.imglist li {position: absolute;}
#ban .imglist li {background: none no-repeat center top;height: 550px;width: 100%;padding: 0; margin: 0}
#ban a {display: block;height: 501px;}
.pagelist {bottom: 45px;height: 17px;position: absolute;right: 0;text-align: center;width: 100%; z-index: 1;}
.pagelist li {color: #fff; cursor: pointer;display: inline-block; *display:inline;font-size: 65px;height: 45px;line-height: 45px;position: relative;
width: 25px;}
.pagelist li.on {color: #c03;}



/*头部*/
#header{  background:url(../images/hebg.jpg) repeat center center;padding: 0;}
#header .wrap{ height: 118px}
.logo {margin: 27px 0;}
.headright { text-align:right; margin:3px 10px 18px 0; height: 95px}
.headright p{ text-align:right; height:25px;}
.headright p a:hover{ color:#00acd4}
/*搜索*/
.headright .search{ float: right; margin-bottom: 15px}
.search form {background: none repeat scroll 0 0 #eee; height: 30px; margin-top: 14px;width: 205px; border-radius:10px;}
.txt {border: medium none; background: #eee; color: #2e2f30;height: 30px;line-height: 24px; padding: 0 5px; width: 160px;margin-left: 5px;float:left;}
.sub {background: url("../images/search.png") no-repeat center center;border: medium none;float:left; cursor: pointer; width: 30px; line-height:28px;height:30px;}
/*导航*/

.headright .menu { float: right; clear: both }
.menu > li{  float:left; margin-right: 50px; text-align:center; line-height:36px; position:relative}
.menu > li:last-child{ margin-right: 0}
.menu > li > a{ display:block; font-size:18px; font-weight: bold; letter-spacing: 0.5px;transition:all 0.1s ease }
.menu  li a:hover{ color: #ff8a00;border-bottom: solid 3px #ff8a00}
#nav .menu .cur{ background:#ff8a00; color:#fff;}

.menu ul  {position:absolute; top:35px;  left:0; width:200px; z-index:1000 ;  display:none; background:#f0f0f0; border-left: solid 3px #f9f9f9;  }
.menu ul li{ width:100%; height:35px;float:none; float:left; position:relative;border-top: solid 1px #f0f0f0; background:#f0f0f0; }
.menu ul li a{ color:#333;  line-height:35px;font-size: 14px; display: block; text-align: left;  text-indent:10px}
.menu ul li a:hover{ background:#ff8a00; color:#fff}

.menu ul ul{position:absolute; top:5px;  left:196px;  width:200px;  }
.menu ul ul a{ }

.menu ul ul ul{ left:190px}

.menu .lihead{ height:1px; line-height:1px; zoom:1; font-size:0; background:none;border: none }
.menu .lifoot{ height:8px; line-height:1px; zoom:1; font-size:0; background:none;border: none}

/*首页主体*/
.index_do{ background: #f8f8f8; height: 475px}


.index_about{height: 505px}
.index_about .half{ padding-top:30px}
.index_about p{ padding-right: 30px; line-height: 2; margin-bottom: 40px}

.main3{ background:#e4e4e4;height:150px;}
.main3 ul li{ float:left;padding:49px 58px; text-align:center; background:url(../images/line.jpg) no-repeat center left;}
.main3 ul li img{ vertical-align: middle; margin:0 10px;}
    .main3 ul li span {width:165px;}
/*底部*/

/*底部*/
.foot{background: #d2d2d2; border-top:solid 3px #f0f0f0; height: 262px; margin-top: 40px }
.foot .foot_header{margin-top: 25px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #333;line-height: 1}
.foot .foot_menu li a{ padding:0 30px; font-weight: bold }
.foot .foot_menu li:last-child{ border-right: none; padding-right: 0 }
.foot .foot_menu li:last-child a{ padding-right: 0}
.foot_body{ }
.foot_body img{display: block}
.foot_body .left{float: left; margin-top: 60px}
.foot_body .left .contact li{float: left; margin-right: 120px}
.foot_body .left .contact li img{float: left; vertical-align: middle;}
.foot_body .left .contact li:hover img{animation: icon-bounce 0.6s 1;}

.foot_body .left .contact li div{ float: left; margin: 0px 0 0 15px;color:#666}


.foot_body .right{float: right; text-align: center; font-size: 20px; margin-top: 20px}
.foot_body .right img{ margin: 0 auto}

.foot2{ background: #232323; color: #fff;height: 51px; line-height: 51px; font-size: 14px}
.foot2 a{color: #fff}


@keyframes icon-bounce {
    0%, 100% {
        -moz-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    25% {
        -moz-transform: rotate(15deg);
        -ms-transform: rotate(15deg);
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    50% {
        -moz-transform: rotate(-15deg);
        -ms-transform: rotate(-15deg);
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg);
    }

    75% {
        -moz-transform: rotate(5deg);
        -ms-transform: rotate(5deg);
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    85% {
        -moz-transform: rotate(-5deg);
        -ms-transform: rotate(-5deg);
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }
}

.scontent{ }
.inbanner1{ background:url(../images/inbanner_1.jpg) no-repeat center center; height:300px;}
.inbanner2{ background:url(../images/inbanner_2.jpg) no-repeat center center; height:300px; }
.inbanner3{ background:url(../images/inbanner_3.jpg) no-repeat center center; height:300px; }
.inbanner4{ background:url(../images/inbanner_4.jpg) no-repeat center center; height:300px; }
.inbanner5{ background:url(../images/inbanner_5.jpg) no-repeat center center; height:300px; }
.inbanner6{ background:url(../images/inbanner_6.jpg) no-repeat center center; height:300px;}
.inbanner7{ background:url(../images/inbanner_7.jpg) no-repeat center center; height:300px;}
#inmain{ overflow:hidden;margin-bottom:20px;}
.current{ height:50px; line-height:50px; background:#f9f9f9;}
.content .inmaintitle{ line-height:20px; height:20px; font-size:18px;  color:#0768b2; margin-bottom:10px; clear: both;  text-indent: -999px }
.content .inmaintitle a{ color:#0768b2 ; margin-right:20px;padding:8px 20px; border:1px solid #ccc; }
.content .inmaintitle a.cur{ background:#0768b2;color:#fff;  }
.prolist{ overflow:hidden;}
.prolist li{ float:left; border:1px  solid #b9b9b9; margin-right:12px;}
.prolist li a{ display:block;padding:5px 8px; }
.prolist li:hover,.prolist li.cur{ background:#ff8a00;}
.prolist li a:hover,.prolist li.cur a{ color:#fff;}
.products{ width:1200px; overflow:hidden;}
.products li{ float:left; border:1px  solid #b9b9b9;  margin:20px 5px 20px 0; text-align:center; width:230px; height:205px; overflow:hidden}
.products li a h3{ height:30px; line-height:30px; font-size: 16px; font-weight: normal}
.products li a{ display:block;}
.products li img{  height:173px; margin:0 auto}
.products li:hover{border:1px solid #ff8a00}
.products li a:hover{ color:#ff8a00;}

.prolistSub{ margin-top:10px}
.prolistSub li{ border:none}
.prolistSub li.cur{ background:#fff;}
.prolistSub li.cur a{ color:#ff8a00; font-weight:bold}
/*新闻列表*/
.news li{ overflow:hidden;width: 48%; margin-right:4%;margin-bottom:20px; border-bottom:1px dashed #ccc; height: 120px; float: left; overflow:hidden}
.news li .newsdate {float: left;height: 102px;margin-right: 15px;width: 136px; }
.news li img{border-radius:5px}
.news li .day, .news li .month {display: block;text-align: center;}
.news li .day {font-size: 16px;height: 30px;line-height: 30px;}
.news li .month {font-size: 16px;line-height: 30px;background:#0768b2;color:#fff;}
.news li.odd{ float:none}
.newsinfo{ width:415px;}
.newsinfo  h3 { font-weight:bold;font-size: 16px;}
.news li a p{ font-size: 13px; color: #777; padding-top:5px}
.news li a:hover h3{ color:#ff8a00;}
.news li a:hover p{color:#777}


/*下载列表*/
.download li{padding-bottom:5px;margin-bottom:10px; border-bottom:1px dashed #ccc;}
.download li a{ background:url(../images/download.png) no-repeat center left; padding-left:15px;}

#guestform th{ text-align:right; padding:8px 20px 8px 0}
#guestform th,#guestform td{ padding: 10px 0}
#guestform input{ width: 400px; height: 40px; line-height: 40px; font-size: 16px; padding: 0 5px}
#guestform .submit input{ font-size: 18px;  height: 50px; width: 250px}
.scontent table td p { text-align:center; }


.index_exhi{ height: 425px; }

.loop{width: 1200px; height: 260px; float: left; text-align:center; margin:0 auto; position:relative; background:#f8f8f8; border-radius: 8px}
.tempWrap{ margin-left: 2px;height:300px;}
.imglist{height:290px; width:1200px;overflow:hidden; margin: 0; }
.imglist li{margin: 0; padding:0; list-style: none ;height:240px; width: 273px;margin:25px 13px 0 13px;  line-height:20px; float:left;position:relative}
.imglist span{ left:3px; bottom:0; position:absolute; color:#fff; z-index:1; }
.imglist img{ display:block;width: 273px; height: 205px;border-radius: 4px; margin-bottom: 10px}

.prev,.next{ z-index:10; cursor:pointer; position:absolute; top:100px; width:29px; height: 48px; transition:all 0.2s ease}
.prev{ left:-32px; background:url(../images/left.jpg) no-repeat center center}
.next {
    right: -32px;
    background: url(../images/right.jpg) no-repeat center center;
}
.prev:hover{ margin-left: -3px}
.next:hover{ margin-right:-3px}


.videos li{ width: 360px; height: 330px; float: left;  margin-right: 60px; text-align: center }
.videos li.li3{ margin-right: 0}
.videos a{ display: block; position: relative;width: 360px; height: 270px; overflow: hidden;border-radius: 10px;}
.videos a img{  margin-bottom: 5px;transition:all .3s ease-out;}
.videos a:hover img{	transform:scale(1.1);}
.videos a:hover i{ transform:scale(0.96)}
.videos a i{ width:80px; height: 80px; background: url(../images/player.png); z-index: 2; position: absolute; right: 0px; bottom: 10px;transition:all 0.3s ease}


.proudct-big-img,.product-small-img{float: left}
.proudct-big-img{border:solid 1px #eee;width: 354px; height: 342px; display: table-cell;}
#big{width: 352px; height: 340px; display: table-cell;vertical-align: middle; background: #000 }
.proudct-big-img img{ width: 352px; height: 340px;  }
.product-small-img{ margin-left: 10px;}
.product-small-img img{width: 83px; height: 80px;border: solid 1px #ddd}
.product-small-img li{ width: 85px; height: 82px;margin-bottom: 6px;  position: relative }

.product-small-img  i{ background: url(../images/player1.png); width: 32px; height:32px;position: absolute; left: 28px; top: 28px; z-index: 2 }