@charset "UTF-8";

/* @import "style.css";
/**
 * 
 * @authors jason (jason@0769html.com)
 * @date    2017-12-19 23:26:35
 * @version t01
 */

/*全站通用样式*/* { margin: 0px; padding: 0px; }
li { list-style: none; }
img { border: 0; }
.clear { clear: both; }
.page_main { margin-left: auto; margin-right: auto; width: 1200px; }
.page_full { width: 100%; }

/*页面顶部样式*/
.topinfo{ height: 40px; line-height: 40px; font-size: 12px; color: #777777; border-bottom: 1px solid #dedede; }
.topinfo .welcome{ float: left; }
.topinfo .lang{ float: right; }
.topinfo .lang a{ color: #777777; padding-left: 5px; padding-right: 5px; text-decoration: none; }
.topinfo .lang a:hover{ text-decoration: underline; }

/**/
.header { height: 117px; line-height: 117px; overflow: hidden; }
.logo { float: left; font-family: "MicroSoft YaHei", "SimHei"; color: #333333; height: 90px; }
.logo img { float: left; }
.logo .company_name { float: left; }
.logo h2 { font-size: 29px; line-height: 40px; margin-top: 12px; -webkit-font-smoothing: antialiased; font-weight: normal; }
.logo h3 { font-size: 12px; line-height: 20px; color: #999999; font-family: "Verdana"; font-weight: normal; }
.head_right { float: right; }
.telphone_number { }
.telphone_number h3 { font-size: 28px; color: #cc0000; font-weight: normal; font-family: "MicroSoft YaHei", "黑体"; font-style: italic; line-height: 30px; }
.telphone_number h4 { font-size: 14px; color: #666666; font-weight: normal; line-height: 30px; margin-top: 15px; }

/*导航条样式*/
.nav { clear: both; background-color: #E46034; height: 60px; }

/*level 1*/
.nav ul { margin-left: auto; margin-right: auto; height: 60px; line-height: 60px; font-size: 14px; float: left; font-weight: bold; }
.nav ul li { list-style: none; float: left; position: relative; -webkit-transform: perspective(1px) translateZ(10); transform: perspective(1px) translateZ(10); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; -webkit-transition-property: color, background-color; transition-property: color, background-color; }
.nav ul li a { padding: 0px 20px 0px 20px; color: #FFFFFF; text-decoration: none; }
.nav ul li:hover { background-color: #F4B416; }
.nav ul li.curr { background-color: #F4B416; }

/*level 2*/
.nav ul li ul { display: none; position: absolute; margin: 0px; z-index: 10; width: 200px; height: auto; top: 60px; left: 0px; padding: 3px; line-height: 40px; background-color: #000000; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=80); background: #000000; /*实现IE背景透明*/}
.nav ul li ul li { float: none; position: relative; clear: both; line-height: 40px; height: 40px; border-top: 1px solid #1f1f1f; }
.nav ul li ul li:first-child { border: 0px; }
.nav ul li ul li:hover { background-color: #F4B416; }
.nav ul li:hover > ul { display: block; }

/*level 3*/
.nav ul ul ul { display: none; position: absolute; margin: 0px; z-index: 11; width: 200px; height: auto; top: -3px; left:100%;;padding: 3px; line-height: 40px; background-color: #000000; background: rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; /*实现FF背景透明，文字不透明*/ filter: Alpha(opacity=80); background: #000000; /*实现IE背景透明*/}


/**/
.nav .searchbar{ float: right; margin-top: 15px; }
.nav .searchbar form{ margin: 0px; padding: 0px; font-size: 0; }
.nav .searchbar .keyword{ float: left; width: 150px; margin: 0px; padding: 0px 6px 0px 12px; border: 0; height: 30px; line-height: 30px; outline:none; overflow: hidden; border-radius:4px 0 0 4px; }
.nav .searchbar .button{ float: left; margin: 0px; border: 0; padding: 0px 10px 0px 10px; line-height: 30px; font-size: 14px; line-height: 30px; background-color: #F4B416; min-width: 40px; color: #fff; border-radius:0 4px 4px 0; background-image: url(../images/search_ico.png); background-position: center; background-repeat: no-repeat; }

/*Banner*/
.banner {  }

/*index*/
.khlist{ }
.khlist .title{ text-align: center; font-family: Arial; font-size: 30px; color: #bababa; line-height: 34px; padding-top: 50px; }
.khlist .title2{ text-align: center; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; color: #333; padding-top: 5px; }
.khlist .title2 span{ border-bottom: 3px solid #E46034; padding-bottom: 6px; }

/*水平滚动样式*/
.slider2-box{ height: 134px; width: 1170px; padding-top: 30px; padding-bottom: 50px; }
.slider2-btn{ height: 100%; float: left; width: 50px; background-repeat: no-repeat; text-indent: -9999px}
.slider2-next{ background-image: url(../images/icon_right2.png); background-repeat: no-repeat; background-position: right 0; }
.slider2-prev{ background-image: url(../images/icon_left2.png); background-repeat: no-repeat; background-position:0 0}
.slider2-next:hover{ }
.slider2-prev:hover{ }
.slider2-wrapper{ height: 100%; position: relative; width: 1060px; float: left; overflow:hidden; }
.slider2-wrapper ul{ position: absolute; height: 100%; width: 2000px; margin: 0; padding: 0; }
.slider2-wrapper li{ float: left; width:186px; height: 134px; margin: 0 13px; padding: 0; }
.slider2-wrapper li img{ background-color: white; width: 175px; height: 124px; float: left; padding: 4px; border: solid 1px #ebebeb; }


.prodcenter{ background-image: url(../images/prodcenter.jpg); background-repeat: no-repeat; background-position:center 0; height: 1000px; overflow: hidden; margin-top: 20px; }
.prodcenter .title01{ font-family: Arial; font-size: 60px; color: #fff; padding-top: 40px; }
.prodcenter .title02{ font-family: "MicroSoft YaHei", "SimHei"; font-size: 32px; color: #fff; line-height: 60px; }
.prodcenter .title02 span{ border-bottom: 3px solid #fff; }
.prodcenter .title03{ font-family: "MicroSoft YaHei", "SimHei"; font-size: 40px; color: #fff; }
.itemicon ul{ padding: 0px; margin:0px; width: 620px; overflow: hidden; margin-left: -25px; }
.itemicon ul li{ float: left; width: 180px; height: 100px; display: block; background-color:rgba(231,85,36,0.78); margin-top: 25px; margin-left: 25px; text-align: center; font-size: 16px; color: #fff; line-height: 40px; }
.itemicon ul li img{ margin-top: 14px; }
.prodimg{ position: absolute; right: 0px; top:198px; z-index: 10; }
.pcate{ }
.pcate ul{ width: 680px; height: 52px; overflow: hidden; margin-left: -15px; margin-top: 70px; }
.pcate ul li{ float: left; border: solid 1px #fff; padding: 15px; margin-left: 15px; }
.pcate ul li a{ font-size: 16px; font-weight: bold; color: #fff; text-decoration: none; }
.pcate ul li a:hover{ text-decoration: underline; }
.prodlist { margin-top: 55px; }
.prodlist ul{ margin-left: -26px; }
.prodlist ul li{ float: left; width: 280px; height: 280px; margin-left: 26px; }
.prodlist ul li img{ width: 280px; height: 280px; }
.prodlist ul li img a{ }


.box2{ text-align: left; overflow: hidden; position: relative; }
.box2:before{ content: ""; width: 0; height: 100%; background: #000; padding: 0px; position: absolute; top: 0; left: 50%; opacity: 0; transition: all 500ms cubic-bezier(0.47, 0, 0.745, 0.715) 0s; }
.box2:hover:before{ width: 100%; left: 0; opacity: 0.7; }
.box2 img{ width: 100%; height: auto; }
.box2 .box-content{ width: 100%; padding: 0px; color: #fff; position: absolute; top: 10px; left: 0; }
.box2 .title{ font-size: 16px; font-weight: 600; padding: 10px; line-height: 30px; text-transform: uppercase; margin: 0; opacity: 0;  }
.box2 .title a{color: #fff;text-decoration: none;}
.box2 .post{ font-size: 14px; text-transform: capitalize; opacity: 0; transition: all 0.2s ease 0s; padding: 10px;}
.box2:hover .title,
.box2:hover .post{ opacity: 1; transition-delay: 0.7s; }
.box2 .icon{ padding: 0; margin: 0; list-style: none; margin-top: 15px; }
.box2 .icon li{ display: inline-block; }
.box2 .icon li a{ display: block; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; background: #f74e55; font-size: 20px; font-weight: 700; color: #fff; margin-right: 5px; opacity: 0; transform: translateY(50px);  }
.box2:hover .icon li a{ opacity: 1; transform: translateY(0px); transition-delay: 0.2s; }
.box2:hover .icon li:last-child a{ transition-delay: 0.8s; }


.home_about{padding-top: 40px;}
.company_img{float: left;width: 500px;}
.aboutus{float: right;width: 680px;}
.aboutus .title01{font-family: Tahoma;font-size: 54px;font-weight: bold; color: #555;}
.aboutus .title02{font-family: "MicroSoft YaHei", "SimHei"; font-size: 36px; color: #777;}
.aboutus .about_info{color:#555;line-height: 22px; padding-top: 15px;padding-bottom: 20px;height: 90px;overflow: hidden;}
.aboutus .gsys{margin-top: 30px;}
.aboutus .gsys li{float: left;border-left: 1px solid #ebebeb; width: 180px;height: 120px;padding-left: 22px;padding-right: 22px;}
.aboutus .gsys li:first-child{border-left: 0px;}
.aboutus .gsys .title{font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; color: #e75524;}
.aboutus .gsys .sub{font-size: 14px;color: #777;line-height: 24px;}

.home_qqlist{padding-top: 30px;height: 210px;}
.home_qqlist ul{}
.home_qqlist ul li{width: 25%;text-align: center;float: left;}
.home_qqlist ul li a{width: 126px;height: 126px; color: #999; background-color: #fff;border-radius: 50%;border: 2px solid #999;display: block;text-align: center;margin-left: auto;margin-right: auto;}
.home_qqlist ul li a:hover{color: #E46034;border: 2px solid #E46034;}
.home_qqlist ul li i{line-height: 126px;font-size: 50px;}
.home_qqlist ul li span{font-family: "MicroSoft YaHei", "SimHei";font-size: 20px;color: #999;line-height: 50px;}

.home_news{background-color: #ebebeb;height: 630px;}
.home_news .title{ text-align: center; font-family: Arial; font-size: 30px; color: #bababa; line-height: 34px; padding-top: 50px; }
.home_news .title2{ text-align: center; font-family: "MicroSoft YaHei", "SimHei"; font-size: 24px; color: #333; padding-top: 5px; }
.home_news .title2 span{ border-bottom: 3px solid #E46034; padding-bottom: 6px; }
.news3box{margin-top: 50px;}
.home_news .newsbox{width: 370px;background-color: #fff; float: left;margin-left: 20px;}
.home_news .newsbox .title{padding: 0; color: #fff;background-color: #E46034; height: 50px;line-height: 50px; font-family: "MicroSoft YaHei", "SimHei";font-size: 20px;text-align: center;}
.newsbox .newslist ul{}
.newsbox .newslist li{height:46px;line-height: 46px;border-top: 1px solid #ebebeb;overflow: hidden;padding-left: 10px;padding-right: 10px;}
.newsbox .newslist li a{color: #333;text-decoration: none;}

.footer{ color: #ddd; background-image: url(../images/footbg.jpg); background-repeat: no-repeat; background-position:center 0; height: 453px;}
.footer .qrcode{width: 216px;float: left;border-right: 1px solid #666; }
.footer .qrcode .title{font-family: "MicroSoft YaHei", "SimHei";font-size: 26px;}
.footer .qrcode img{margin-top: 20px;}
.footer .qrcode .tel{font-size: 16px;line-height: 22px;padding-top: 20px;}
.footer .footnav{float: right;margin-right: 60px;}
.footer .footnav ul{}
.footer .footnav ul li{float: left;margin-left: 20px;margin-right: 20px;}
.footer .footnav ul li a{font-size: 14px;font-weight: bold; color: #ddd;text-decoration: none;line-height: 50px;}
.footer .footnav ul li ul{}
.footer .footnav ul li ul li{float: none;margin: 0px;}
.footer .footnav ul li ul li a{font-size: 12px;font-weight: normal;line-height: 30px;}
.footer .footnav ul li ul li a:hover{ color: #E46034;}
.footer .links_title{float: left;height: 45px;}
.footer .links_con{float: left;height: 45px;line-height: 45px;overflow: hidden;margin-left: 30px;}
.footer .links_con ul{}
.footer .links_con ul li{float: left;margin-left: 15px;margin-right: 15px;}
.footer .links_con a{color: #ddd;}
.footer .foot_info{text-align: center;margin-top: 60px;font-size: 14px;}
.footer .foot_info a{color: #ddd;}

.page_nav{background: #ebebeb;height: 50px;overflow: hidden;}
.page_nav ul{}
.page_nav ul li{float: left;}
.page_nav ul li a{font-size: 16px;text-decoration: none;color: #333;line-height: 50px;padding-left: 15px;padding-right: 15px;font-weight: bold;}
.page_nav ul li:hover{background-color: #E46034;}

.page_conent{min-height: 500px;}
.page_conent .title{}
.page_conent .title h2{text-align: center;font-family: "MicroSoft YaHei", "SimHei";font-size: 26px;font-weight: normal;}
.page_conent .article_info{font-size: 12px; line-height: 30px; color: #999;border-bottom: 1px solid #ebebeb; }
.page_conent .content{font-size: 14px;line-height: 22px;padding-top: 15px;}

.page_conent .prev_next{text-align: center;padding-bottom: 50px;padding-top: 30px;border-top: 1px solid #ebebeb; font-size: 14px;color: #999;}
.page_conent .prev_next a{color: #333;}
.page_conent .prev_next a:hover{color: red;}
.page_conent .prev_next .prev{margin-right: 20px;}
.page_conent .prev_next .next{margin-left: 20px;}

ul.plist{ margin: 0 0 0 -40px; padding: 0; }
ul.plist li{ text-align: center; width: 262px; overflow: hidden; float: left; margin: 10px 0 0 40px; padding: 0; }
ul.plist li a{ color: #666; font-size: 14px; line-height: 32px; text-decoration: underline; }
ul.plist li a:hover{ }
ul.plist li a img{ background-color: white; width: 256px; height: 256px; padding: 2px; border: solid 1px #ebebeb; }
ul.plist li a:hover img{ border-color: #ccc; }

.guestbook_list {margin:12px;line-height:26px;}
.guestbook_list dl {border:solid 1px #e9e9eb;margin:8px auto;padding:5px;}
.guestbook_list dl dt {border-bottom:1px dashed #e9e9eb;height:26px;line-height:26px;color:#c60f00}
.guestbook_list dl dt span {float:right;line-height:26px;}
.guestbook_list dl dd.g_content {padding:5px;line-height:26px;}


.txt{ margin: 0 0 0px; padding: 0; }
.txt li{ line-height: 50px;  padding-left: 15px; border-bottom: 1px solid #ebebeb; }
.txt li a{ text-decoration: none;color: #666; }
.txt li a:hover{ color: #c10202; text-decoration: underline; }
.txt li .date{ color: #b4b4b4; background-position: left 0; float: right; }
.list{ margin-bottom: 20px; }
.list h4{ line-height: 30px; background-color: #f1f1f1; margin: 0; padding: 0 6px; border-bottom: 1px solid #e5e5e5; }
.list h4 a{ color: #333; font-size: 16px; font-weight: bold; text-decoration: none; }
.list h4 span a{ color: #666; font-size: 12px; font-weight: normal; }
.list h4 span{ font-size: 12px; font-weight: normal; float: right; }


#pages { padding:10px 0; text-align:left; clear: both; margin-top: 10px; }
#pages a { display:inline-block; padding:0 8px; height:22px; font-size:12px; line-height:22px; background:#fff; border:solid 1px #e3e3e3; text-align:center; color:#333; font-family: 宋体; text-decoration: none; margin-right: 2px; margin-left: 2px; }
#pages a.a1 {padding:0px 12px; height:22px; line-height:22px;margin-top:0px;}
#pages a:hover { background:#f1f1f1; color:#000; text-decoration:none; }
#pages span { display:inline-block; padding:0 8px; height:22px; line-height:22px; background:#0066cb; color:#fff; text-align:center; margin: 0; }
.page .noPage { display:inline-block;  padding:0px 12px; height:22px; line-height:22px;border:1px solid #e3e3e3; text-align:center; color:#a4a4a4; }


.gallery { width: 650px; overflow: hidden; margin-right: auto; margin-left: auto; }
.gallery img { display: block;}
.main-image img { padding: 1px; border: 0px solid #ccc; background-color: #fff;}
.thumbnails { height: 85px; margin: 15px 0 0 -15px; list-style-type: none;}
.thumbnails li { float: left; margin-left: 15px; display: inline;}
.thumbnails img { padding: 4px; border: 1px solid #ccc; background-color: #fff;}


.pcon{ font-size: 14px; line-height: 22px; margin-top: 20px; padding: 0; }
.pcon .prod_photo{width: 370px;float: left;}
.pcon .prod_info{width: 820px;float: right;}
.pcon .prod_info .info{ width: 350px; float: left; }
.pcon .prod_info h2{ color: #333; font-size: 16px; font-weight: bold; line-height: 30px; margin: 0 0 14px; padding: 0 0 8px; border-bottom: 1px solid #ebebeb; }
.pcon .prod_info h3{ font-size: 14px; margin: 0; padding: 0; }
.pcon .prod_info .service{ color: white; font-size: 16px; line-height: 34px; background-color: #c10202; text-align: center; width: 170px; margin-top: 20px; margin-bottom: 20px; }
.pcon .prod_info .service:hover{}
.pcon .prod_info .service a{ color: white; font-weight: bold; text-decoration: none; }
#qrcode { width: 120px; float: right; }
.content{ padding-bottom: 50px; }
.content .title{ margin-top: 40px; border-bottom: 1px solid #ebebeb; }
.content .title span{ color: #333; font-size: 14px; font-weight: bold; line-height: 32px; background-color: #ebebeb; text-align: center; width: 100px; display: block; }
.photo_desc{border-top: 1px solid #ebebeb;min-height: 300px;padding: 6px;}