@charset "utf-8";
html{font-size: 12px;}
body{font-size:14px;font-family: "microsoft yahei","微软雅黑","arial, helvetica, sans-serif";line-height:25px;background:#ffffff;}
*{margin: 0;padding: 0;border: 0;}
ul,dl{list-style: none;}
a{text-decoration: none;color: #333333;}
a:hover{text-decoration:none;color: #000000;}
.position_r{position: relative;}
.shadow{height:auto;box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.img_auto,.img_auto img{width: 100%;height:auto}
.img_block{display:block;}
.fixed{position:fixed; top:0; z-index:99;width:100%;}
.more{width:150px;line-height:50px;background:#cc6600;color: #FFFFFF;border-radius:6px;text-align: center;}
.more a{color: #FFFFFF;}
.more:hover{background:#003366;}
/*行间距*/
p{line-height: 30px;}
.p_lh24,.p_lh24 p{line-height: 24px;}
.button{padding: 5px 20px; border-radius: 10px;background-color:#f7f7f7;}
.button a{color: #FFFFFF;}
/*内间距*/
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad30{padding:30px;}
.pad_t30{padding-top:30px;}
.pad_tb20{padding:20px 0;}
.pad_tb30{padding:30px 0;}
.pad_tb50{padding:50px 0;}
.pad_tb100{padding:100px 0;}
.pad_l20{padding-left:20px;}
/*外间距*/
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mt20{margin-top: 20px;}
.mt10{margin-top: 10px;}
/*边框*/
.bk{border: 1px solid #cccccc;}
.bk_dashed{border: 2px dashed #cc6600;}
.bk_red{border: 2px solid #cc0000;}
.bk_b{border-bottom: 1px solid #cccccc; padding: 10px 0px;}
.bk_b_orange{border-bottom: 2px solid #ff9933;width:45px;}
.bk_b_dashed{border-bottom: 1px dashed #cccccc; padding: 10px 0px;}
.bk_r_10{border-radius: 10px;}
.bk_r_6{border-radius:6px;}
/*背景*/
.bg{background: #e8e8e8;}
.bg_gray{background-color:#f2f2f2;}
.bg_red,.bg_red a,a.bg_red{background:#cc0000;color: #FFFFFF;}
.bg_blue,.bg_blue a,a.bg_blue{background:#003366;color: #FFFFFF;}
.bg_orange{background:#ffaa0f;color: #FFFFFF;}
.bg_white{background: #FFFFFF;}
.bg_black{background: #000000;}
.bg_zong,.bg_zong a,a.bg_zong{background:#cc6600;color: #FFFFFF;}

/*图片背景*/
.bg_product{background: url(../images/bg_product.jpg) no-repeat; height:520px;color: #FFFFFF;}
.bg_contact{background: url(../images/bg_contact.jpg);background-size: cover;}
.bg_advantage{background: url(../images/bg_advantage.jpg) no-repeat left -260px;}
.bg_honor{background: url(../images/bg_honor.jpg)  no-repeat left -260px;}
.bg_news{background: url(../images/bg_news.jpg);background-size:cover; height:720px;box-sizing: border-box;}
.bg_position{background: url(../images/bg_position.jpg) repeat-x;height:46px;line-height:46px;}
/*字体颜色*/
.txt_red{color:#cc0000;}
.txt_gray{color:#333333;}
.txt_orange{color:#ff6600;}
.txt_zong{color:#cc6600;}
.txt_white,.txt_white a,a.txt_white{color:#ffffff;}
.txt_white:hover{text-decoration:none;color: #ffffff;}
/*浮动*/
.fl{float: left;}
.fr{float: right;}
/*清除浮动*/
.clearfix:after{ content: ""; display:block;height:0;clear:both; }
/*标题+字体大小*/
h1{font-size: 28px;line-height:48px;letter-spacing:2px;}
h2{font-size: 24px;line-height: 48px;letter-spacing:2px;}
h3{font-size: 20px;line-height: 40px;letter-spacing:2px;}
.f38{font-size: 38px;line-height: 48px;}
.f30{font-size: 30px;}
.f24{font-size: 24px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.f16{font-size: 16px;}
.f12{font-size: 12px;}
/*文字对齐*/
.txt_center{ text-align: center;}
.txt_right{ text-align: right;}
.txt_left{ text-align: left;}
/*框架*/
.container{width: 1200px; margin: 0 auto; height: auto;box-sizing: border-box;}
.w1000,.w930,.w900,.w120,.w250,.w600,.w800,.w500,.w530,.w300,.w450,.w400,.w350,.w200,.w290{height: auto;box-sizing: border-box;margin: 0 auto;}
.w1000{width: 1000px;margin: 0 auto;}
.w930{width: 930px;}
.w900{width: 900px;}
.w600{width: 600px;}
.w700{width: 700px;margin: 0 auto;}
.w500{width: 500px;}
.w530{width: 530px;}
.w350{width: 350px;}
.w300{width: 300px;}
.w800{width: 800px;}
.w400{width: 400px;}
.w450{width: 450px;}
.w250{width: 250px;margin: 0 auto;}
.w290{width: 290px;}
.w200{width: 200px;}
.w100{width:100px;}
.w120{width:120px;}
.h240{height:240px;overflow:hidden;}
.h240 img{min-height:240px;width:auto;}
.h280{height:280px;overflow:hidden;}
.h280 img{min-height:280px;width:auto;}
/*顶部*/
.header{background: #2f2f2f;height: 30px;line-height: 30px;color: white;}
.header a{color: white;}
.head img{display:block;}
/*logo*/
.logo{width:300px;float: left;}
.logo img{display: inline-block;height:50px;width:auto;padding-top:25px;}
/*电话*/
.tel{background: url(../images/tel.png) no-repeat left center;padding-left: 50px;height:100px;vertical-align: middle;display: table-cell;}
/*导航*/
.navbar{height: auto;}
.nav{height:100px;padding-left: 20px;overflow:hidden;}
.nav li{width:calc(100%/5); float: left;text-align: center;}
.nav a{display:inline-block;width:80%;font-size: 16px;font-weight:bold;line-height:100px;color:#000000;}
.nav .active,.nav a:hover{color:#cc6600;text-decoration: none;}
/* banner */
.ico {background: url(../images/icon.png) no-repeat;display: inline-block;vertical-align: middle;}
#banner_main {position: relative;z-index: 2;height:auto;}
.banner {min-width: 1200px;height:750px;position: relative;overflow: hidden;z-index:0;}
.banner li {width: 100%;height:auto;z-index:1;overflow: hidden;display: none;text-align: center;}
.banner li:first-child {display: block;}
.banner li a{ display: block;position: absolute;transform: translate3d(-50%, 0px, 0px);left: 50%; width: 1920px;height:750px;}
.banner li img,.banner li video {width:100%;height: 100%;display:block;}
#banner .tip {height: 20px;line-height: 0;font-size: 0;text-align: center;position: absolute;width:100%;bottom: 25px;z-index: 3;}
#banner .tip span {width: 16px;height: 16px;margin: 0 6px;display: inline-block;font-size: 0;cursor: pointer;background-position: -150px 0px;}
#banner .tip span.cur {background-position: -130px 0px;}
#banner #btn_prev, #banner #btn_next {width: 32px;height: 50px;position: absolute;top: 50%;margin-top: -25px;z-index: 5;}
#banner #btn_prev {background-position: -60px 0;left: 4%;transition: all 600ms ease;}
#banner #btn_next {background-position: -92px 0;right: 4%;transition: all 600ms ease;}
#banner #btn_prev:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;left: 3.6%;}
#banner #btn_next:hover {opacity: .8;filter: alpha(opacity=80);transition: all 600ms ease;right: 3.6%;}
.banner1{position: relative;max-height: 320px;overflow: hidden;text-align: center;}
.banner1 img{width:100%; max-width: 1920px;height: auto;}
.typename{width:100%;position: absolute;left:0%; top:45%;color:#ffffff;text-align:center;font-size:38px;}

/*标题*/
.bt{text-align: center;letter-spacing:2px;margin-bottom:30px;}
.bt p{color: #666;line-height:24px;}   
.bt1{background: url(../images/tit.png)no-repeat center;color: #333;font-size: 26px;}
.bt2{background: url(../images/tit2.png)no-repeat center;color: #fff;font-size: 26px;}
.bt3{font-size: 18px;line-height: 40px;height: 40px;overflow: hidden;background: #2f2f2f;color: #FFFFFF;}
.bt3 span{float: right;margin-right: 20px;font-size: 14px;}
.bt3 a{color: #FFFFFF;}
.bt3 a:hover{color: #FFFFFF;}

/*关于我们右侧*/
.about{float:left; width:600px;height:auto;}
.about img{width:600px;height:auto;border-radius: 12px;}
.about-txt{float:right;}
.about-txt 

.pic{height:270px;}
.pic img{height:auto;width:450px;display:block;}
.pic .pictxt{height:270px;padding:30px;line-height:30px;text-align:center;background:#0066cc;color: #FFFFFF;}

/*文字列表*/
.lie{height: auto;}
.lie li{line-height:30px;}
.lie li p{line-height:30px; }
.lie_p li a{height: 36px;background: url(../images/news_s.png) no-repeat left center;padding-left: 15px;}
.lie_p p{color: #666;}
.lie li span,.lie1 li span{float: right;margin-right: 10px;font-size: 12px;color: #999;}
.lie1 li{ border-bottom: 1px solid #CCCCCC;overflow: hidden;line-height:36px;height;padding:10px;padding-left:15px;font-size:16px;font-weight:400;}
.lie1 li:last-child{border-bottom:0px;}
.lie1 li:hover{background:#ffaa0f; }
.lie1 li:hover:first-child{border-radius:10px 10px 0 0;}
.lie1 li:hover:last-child{border-radius:0 0 10px 10px;}
.lie1 li:hover a{color:#ffffff;}
/*图片列表*/
.lie_img1 li {text-align:center;line-height: 40px;}
.lie_img1 li img,.lie_img3 img,.lie_img4 img{width:100%;height:auto;display: block;margin: 0 auto;transition-duration: 0.8s;}
.lie_img4{display:block;}
.lie_img3{box-sizing: border-box;}
.lie_img3 li,.lie_img4 li{float:left;box-sizing: border-box;line-height: 40px;}
.lie_img3 li{position: relative;width:31%;height:auto;overflow: hidden;margin:1%;margin-top: 0px;}
.lie_img4 li{position: relative;width:23%;margin:1%;margin-top:0px;height:auto;overflow: hidden;}
.img_bk li{text-align:center;border:1px solid #cccccc;}
.lie_img3 li strong,.lie_img4 li strong{display: block;width:100%;height: 40px;text-align:center;overflow: hidden;font-size: 18px;}
.lie_img3 li p,.lie_img4 li p{color: #999999;font-size: 16px;}
.lie_img3 li:hover img, .lie_img4 li:hover img {transform: scale(1.2);}
.lie_img3 li:hover{box-shadow: 0 3px 9px rgba(204,204,204,0.9);}
.datetime{position: absolute;right:0;top:250px;height:30px;line-height:30px;background-color: rgb(0, 0, 0,0.2);color:#ffffff;padding-left:8px;}
.datetime i{background:#cc6600;color: #FFFFFF;line-height:30px;width:30px;text-align:center;}
.lie_pro{height:auto;}
.lie_pro li{border:1px solid #cccccc;padding:10px;background:#f7f7f7;}
.lie_pro li p{font-size: 14px; height:50px;overflow:hidden;}
.lie_pro .img{width:240px; height:240px;border-radius:50%;overflow:hidden;margin:0 auto;}
.lie_pro .img img{width:240px; height:240px;}
/*首页图片滚动*/
		.picScroll-left{ overflow:hidden; box-sizing: border-box;}
		.picList{width:900px;position:relative;padding:0px 50px; box-sizing: border-box;}
		.picScroll-left .hd{}
		.picScroll-left .hd .prev,.picScroll-left .hd .next{width: 32px;height: 50px;position: absolute;top: 50%;margin-top: -25px;z-index: 5;cursor:pointer;}
		.picScroll-left .hd .prev{background-position: -60px 0;left:1%;transition: all 600ms ease;}
		.picScroll-left .hd .next{background-position: -92px 0;right:1%;transition: all 600ms ease;}
		.picScroll-left .hd .prevStop{ background-position:-60px 0; }
		.picScroll-left .hd .nextStop{ background-position:-60px -50px; }
		.picScroll-left .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
		.picScroll-left .hd ul li{ float:left;  width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url("images/icoCircle.gif") 0 -9px no-repeat; }
		.picScroll-left .hd ul li.on{ background-position:0 0; }
		.picScroll-left .bd{}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;background-color: rgb(255, 255, 255);border:4px solid #cccccc; border-radius: 6px;}
		.picScroll-left .bd ul li .pic{height:250px; text-align:center;overflow:hidden;}
		.picScroll-left .bd ul li .pic img{ width:280px; height:250px; display:block;overflow:hidden;transition-duration: 0.8s;}
		.picScroll-left .bd ul li .pic:hover img{transform: scale(1.2);}
/*首页优势滚动*/
		.twScroll-left{position:relative;}
		.twScroll-left .hd .prev,.twScroll-left .hd .next{background:#cc6600;color: #FFFFFF;padding:20px 50px;position: absolute;margin-top: -75px;z-index: 5;cursor:pointer;}
		.twScroll-left .hd .prev{top:0%;right:10%;transition: all 600ms ease;}
		.twScroll-left .hd .next{top:0%;right:0%;transition: all 600ms ease;background:#ffffff;color: #000000;}
		.twScroll-left .bd ul li{ float:left;margin:0;border:0; border-radius: 0px;width:300px; height:220px;background-color: rgb(255, 255, 255); box-sizing: border-box;}
		.twScroll-left .bd ul li img{ width:300px; height:220px; display:block;overflow:hidden;}
		.twScroll-left p{line-height:24px;}
/*首页FAQ*/		
		.sideMenu{}
		.sideMenu h3{ height:56px; line-height:56px;padding-left:10px; background:#ffffff;color: #000000; cursor:pointer;font-size:18px;font-weight:bold;}
		.sideMenu h3 em{ float:left; display:block; width:40px; height:32px; background:url(../images/icoAdd.png) 16px 25px no-repeat; cursor:pointer; }
		.sideMenu h3.on{background:#cc6600;color: #fff; }
		.sideMenu h3.on em{ background-position:16px -42px; }
		.sideMenu ul{font-size:16px; background:#ffffff;padding:20px; color:#000; display:none;margin-bottom:20px; /* 默认都隐藏 */ }
/*底部*/
.footer{background-color: rgb(11, 60, 99);height: 100%;color: #fff;}
.nav_foot{height:50px;line-height: 50px;text-align: center;}
.nav_foot a{display: inline-block;width: 110px;text-align: center;font-size: 16px;}
.nav_foot a:hover{color: #ffff00;}
.footer a{color: #fff;}
/*文章内页*/

.newpic img{width:450px;height:auto;}

/*产品展示内页*/
.s-lt {height:400px;overflow:hidden;text-align:center;}
.s-lt img {width:600px;height:400px;}
.s-slide {position: relative;width: 100%;background:#f9f9f9;padding:20px;box-sizing: border-box;}
.s-pic {position: relative;overflow: hidden;width:100%;height:152px;margin: 0 auto;}
.s-pic ul {position: absolute;width: 600%;}
.s-pic li {float: left;}
.s-pic li+li {margin-left: 20px;}
.s-pic li img {height: 150px;width:150px;border:1px solid #cccccc;}
.s-slide .prev, .s-slide .next {position: absolute;top:80px;font-size: 30px;cursor: pointer;color: #ccc;}
.s-slide .prev {left: 0;}
.s-slide .next {right: 0;}
.s-slide .prev:hover, .s-slide .next:hover {color: #1e1c1c;}
.pro_bt{background: url(../images/pro_bt.png) no-repeat; height: 40px;line-height:40px;padding-left: 20px;color: #FFFFFF;}
.pro_nr{margin:10px auto;}
.pro_nr img{display: block;margin:0 auto;}
/*在线留言*/
.message{border:4px solid #cccccc; border-radius: 6px;padding:30px;}
.message input,.message textarea,.message .tijiao{margin-bottom: 20px;border-bottom: 2px solid #cccccc;padding: 10px;}
.message input {width: 300px;}
.message textarea {width:960px;border: 2px solid #cccccc;}
.message .button {width: 330px;cursor: pointer;margin:0 auto;display:block;}
.message label{color: red;}


/*当前位置*/
.position{padding-left: 30px;background: url(../images/position.png) no-repeat left center;}
/*文字横排列表*/
.txt{ height: auto;text-align: center;}
.txt a{color:#333;padding:3px 15px; margin:5px;display: inline-block;border:1px solid #cccccc;}
.txt a:hover{background:#cc0000;color:#ffffff;}
.txt .on{background:#cc0000;color:#ffffff;}
/*图文*/
.tw {height:auto;overflow:hidden;border-bottom:1px dashed #cccccc;}
.tw_detail{width:100px;line-height: 30px;text-align: center;color:#cc6600;}
.tw_detail:hover{border:1px solid #cc6600;border-radius: 10px;}
.tw_img{float:left; width:580px;height:220px;overflow:hidden;text-align: center;margin-right:20px;border-radius: 10px;}
.tw_img img{width: 100%;height:auto;display: block;}
.tw_txt{float:left;width:600px;height: auto;overflow:hidden;box-sizing: border-box;}

/*内容页图片*/
.content{padding:20px;}
.content img{max-width: 100%;height:auto;padding:10px 0;display:block;margin:0 auto;}
/*表格*/
table {border-collapse:collapse;margin:0 auto;width:100%;}
td {border:1px solid #e3e3e3;padding:10px;}
.tbbt {text-align: center;font-weight:bold;background:#f5f5f5;}
.tbbt a:hover {color:#FF0000;}
/*分页*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;padding:8px 12px;}
.list_page ul a{color:#333;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.list_page ul li a:hover{color:#690;text-decoration:none;padding:2px 4px 2px;}
.list_page ul li.thisclass,.list_page ul li.thisclass a,.pagebox ul li.thisclass a:hover{background-color:#F8F8F8;font-weight:bold;}
.list_page .pageinfo{display:block;color:#999;}
.list_page .pageinfo strong{color:#555;font-weight:normal;margin:0px 2px;}