@charset "utf-8";
/* CSS Document */

/**
 * 公共样式
 * @type {Number}
 */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,label,dl,dt,dd,fieldset,img{margin:0;padding:0;border:0;list-style:none;font-weight:normal; }
img{ border:none;padding:0;margin:0;}
a img{ border:none;}
a:focus{outline:none;}
body {
    font-family:Arial, Helvetica, sans-serif;
    color: #000;
    padding: 0;
    margin: 0;
    font-size: 14px;
    background-color: #fff;
}
html,body{}
a{text-decoration:underline; color: #000;
font-family:Arial, Helvetica, sans-serif;
/* transition:all 0.5s;
-webkit-transition:all 0.5s;
-ms-transition:all 0.5s;
-moz-transition:all 0.5s;
-o-transition:all 0.5s; */}
a:link { text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}
.clear{clear:both; height:0px; font-size:0px;overflow:hidden; display:block; font-size:0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table; height: 1%; display: block;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none;}




.allpnopagebtn { margin:20px 0; margin-right:5px;float: right;}
.allpnopagebtn a { float:right;display: inline-block;font-size: 20px;font-weight: 200;line-height: 38px;width: 38px;text-align: center;margin: 0 0px 0 10px;color: #999;border: 1px solid #999;}
.allpnopagebtn a:hover{color: #333;border-color: #333;}

.zero{width:100%;height:50px;line-height:50px;text-align:center;font-size:14px;color:#666;margin-bottom:200px;}

.center{width:1000px;margin:0px auto;}

.right{width:710px;height:100%;float:right;}

/*公用头部*/
.top_blue{width:100%;height:50px;background:#000;}

.top_two{width:480px;height:50px;float:left;}
.top_two li{width:240px;height:50px;float:left;}
.top_two li img{float:left;margin-right:10px;margin-top:20px;}
.top_two li p{height:50px;line-height:50px;text-align:left;color:#fff;float:left;}

.yuyan{width:330px;height:50px;line-height:50px;float:right;color:#fff;}
.share{width:200px;height:30px;margin-top:10px;float:right;}

.top_white{width:100%;height:100px;background:#fff;border-bottom: 1px solid rgba(255,94,20,0.20)}
.top_logo{float:left;width:277px;height:80px;margin-top:10px;}

.sousuo{width:245px;height:36px;float:right;border:1px solid #CCC;margin-top:30px;}
.sousuo .searchname{width:209px; height:27px;line-height:27px;float:left;margin-top:3px;margin-left:2px;font-size:12px; text-indent:2px; border:none;}
.sousuo .submit{width:30px;height:30px;line-height:30px;border:none;float:right;background:#fd5f16 url(../images/sousuo.png) center no-repeat;color:#fff;font-size:13px;margin-top:2px;margin-right:2px;}





/*公用左边导航*/
.left_guide{width:270px;float:left;}
.left_guide .left_title{width:100%;height:50px;line-height:50px;color:#FFF;background:#fd5f16;text-indent:2em;font-size:18px;float:left;margin-bottom:15px;}


.left_list{width:250px;float:left;background:#f9f9f9;padding:10px 10px;margin-bottom:20px;}
.left_list ul{margin:0px;padding:0px;}
.left_list ul li{width:100%;height:50px;float:left;}
.left_list ul li img{width:10px;height:15px;float:left;margin-right:10px;margin-top:18px;margin-left:20px;}
.left_list ul li span{width:200px;height:50px;line-height:50px; font-size:15px;text-align:left;color:#555;float:left;}
.left_list ul a:hover li img{margin-left:25px; transition:all 0.5s;}
.left_list ul a:hover li span{color:#fd5f16;}
		
		
.left_feature{width:250px;float:left;background:#f9f9f9;padding:10px 10px;}
.left_feature ul{margin:0px;padding:0px;}
.left_feature ul li{width:100%;height:100px;float:left;margin-bottom:5px;}



.left_feature ul li .feature_img{width:112px;height:84px;float:left;margin-right:10px;}
.left_feature ul li .feature_img img{width:20px;float:left;margin-left:5px;margin-top:5px;}


.left_feature ul li .ft{width:128px;height:60px;line-height:20px; overflow:hidden;color:#555;}
.left_feature ul li span{width:50px;height:30px;line-height:30px; text-align:center;background:#fd5f16;color:#FFF;float:left;}
.left_feature ul a:hover li .ft{color:#fd5f16;transition:all 0.5s; }
.left_feature ul a:hover li span{background:#333;transition:all 0.5s; }

.left_contact{width:250px;float:left;background:#f9f9f9;padding:10px 10px;margin-bottom:40px;}
.left_contact ul{margin:0px;padding:0px;}
.left_contact ul li{width:100%;height:64px;line-height:32px;float:left;margin-bottom:5px;}


.left_contact ul li .p1{color:#fd5f16; font-weight:bold;}
.left_contact ul li p{height:32px;line-height:32px;width:100%;float:left;color:#555;}
.left_contact ul li p img{float:left;width:21px;height:17px;margin-top:7px;}


/*公用内页位置*/
.inner_guide{width:100%;height:60px;line-height:60px;float:left;color:#666;}
.inner_guide a{ text-decoration:none;color:#666;}
.inner_guide a:hover{ text-decoration:none; color:#fd5f16;}

/*首页*/


/*首页推荐分类*/
.recommended_classify{width:100%;height:270px;margin:0px auto;}
.recommended_classify ul{ margin:0px; padding:0px;}
.recommended_classify ul li{width:200px;height:220px;float:left;padding:15px;background:#FFF;margin:10px;position:relative;top:0px;left:0px;transition: all 0.5s ease-in-out; }
.recommended_classify ul li:hover{top:-20px;}
.recommended_classify ul li .li_div{width:200px;height:150px;float:left;margin-bottom:10px;}
.recommended_classify ul li .li_div img{float:left;height:30px;margin-top:10px;margin-left:10px;}
.recommended_classify ul li p{width:100%;height:35px;line-height:35px;text-align:left;font-size:15px; float:left; color:#333;margin-bottom:0px; overflow:hidden;}
.recommended_classify ul li:hover p{color:#fd5f16;}
.recommended_classify ul li a{ text-decoration:none;width:76px;height:20px;line-height:20px;text-align:left; display:block;float:left;}
.recommended_classify ul li:hover a{color:#333;border-bottom:2px solid #fd5f16;}

/*特色产品 热销产品*/
.index_product{width:100%;height:250px;margin:0px auto;}
.index_product ul{ margin:0px; padding:0px;}
.index_product ul li{width:230px;height:240px;float:left;background:#f9f9f9;margin:10px; transition: all 0.5s ease-in-out;}
.index_product ul li:hover{background:#fd5f16;}
.index_product ul li .li_div{width:230px;height:175px;float:left;margin-bottom:10px;}
.index_product ul li .li_div img{float:left;height:30px;margin-top:10px;margin-left:10px;}
.index_product ul li p{width:90%;height:50px;line-height:25px;text-align:left;font-size:15px; float:left; color:#333;margin-bottom:0px; overflow:hidden;padding:0px 5%;}
.index_product ul li:hover p{color:#fff;}



.index_bt{height:50px;line-height:50px;text-align:center;color:#333;margin:0px auto; font-size:26px;}
.index_bt_line{width:70px;height:4px;background:#fd5f16; border-radius:2px;margin:0px auto;margin-bottom:20px;}


/*首页简介*/
.index_about{width:100%;height:290px;background:#f9f9f9;padding:30px 0px;}
.index_about .about_div{width:100%;height:100%;float:left;}
.index_about_bt{height:60px;line-height:30px;text-align:left;font-size:24px;color:#333;}
.index_about_line{width:80px;height:2px;background:#fd5f16;float:lefft;margin-bottom:20px;margin-top:5px;}


.index_about .about_div .about_div_text{float:left;width:100%;line-height:25px;font-size:13px;color:#999;margin-top:10px;}
.index_about .about_div .about_more{float:left;width:80px;height:37px;line-height:37px;text-align:center;border:1px solid #fff;display:block;margin-top:10px;color:#fff;background:#fd5f16;}
.index_about .about_div .about_more:hover{color:#fd5f16;background:#FFF;border:1px solid #fd5f16;}

.index_about img{float:right;width:450px;border:10px solid #FFF;}
.index_about .shipin{float:right;width:450px;height:262px;border:10px solid #FFF;}


/*首页新闻*/
.index_news{width:100%;height:410px;margin:0px auto;}
.index_news ul{ margin:0px; padding:0px;}
.index_news ul li{width:300px;height:380px;float:left;margin:15px; }

.index_news ul li .li_div{width:300px;height:300px;float:left;margin-bottom:10px;   overflow: hidden;  //这个一定要加上  不然就不是外框不变里面变大了}
.index_news ul li .li_div img{float:left;     display: block;width: 100%;height: 100%;transition: all 0.5s;}
.index_news ul li:hover .li_div img{transform: scale(1.2); //放大 倍数随意}

.index_news ul li p{width:100%;height:50px;line-height:25px;text-align:left;font-size:15px; float:left; color:#333;margin-bottom:0px; overflow:hidden;}
.index_news ul li:hover p{color:#fd5f16;}

.news_time{width:80px;height:60px;background:#fd5f16; position:absolute; text-align:center;margin-top:10px;}
.news_time .span1{float:left;width:100%;height:35px;line-height:35px;color:#FFF;font-size:30px; font-weight:bold;}
.news_time .span2{float:left;width:100%;height:25px;line-height:25px;color:#FFF;font-size:14px;}

/*首页快速链接*/
.links{width:100%;height:1px;background:#ccc; }
.links .links_title{width:180px;height:40px;line-height:40px;font-size:22px;background:#FFF;color:#000;margin:0px auto; text-align:center;position:relative;top:-20px;}
.links_text{width:100%;height:100px;margin-top:30px;float:left; overflow:hidden;}
.links_text a{height:25px;line-height:25px;color:#555; margin:0px 10px;}
.links_text a:hover{color:#fd5f16; }


/*about us*/


.about_title{width:100%;height:50px;line-height:50px;background:#f9f9f9; text-align:left; text-indent:2em;color:#333;font-size:18px;}
.about_content{float:left;width:100%;height:100%;line-height:30px;font-size:15px;text-indent:2em;text-align:left;}


/*view*/
.view_div{width:100%;float:left;text-align:center;padding:20px 0px;}
.view_div ul{margin:0px;padding:0px;}
.view_div ul li{float:left;margin:3px 8px;width:220px;background:#f9f9f9;}
.view_div ul li img{float:left;width:100%;height:220px;}
.view_div ul li p{float:left;width:100%;height:40px;line-height:20px; text-align:center; float:left; font-size:16px; color:#404042;margin:10px 0px;}
.view_div ul li a{width:100%;height:35px;line-height:35px; display:block; background:#999; color:#FFF;float:left;}
.view_div ul li a:hover{background:#fd5f16;}




/*product*/
.one_class{width:100%;height:60px;line-height:60px;font-size:20px;text-align:center; letter-spacing:2px;}
.pro_guide{width:100%;/*height:40px;*/background:#fff;float:left;}


	


/*product*/
.pro_list{width:100%;float:left;margin-top:20px;}
.pro_list ul{width:100%;margin:0px;padding:0px;float:left;}
.pro_list ul li{float:left;width:94%;margin-top:10px; background:#f9f9f9;padding:3%;}
.pro_list ul li .pro_img{width:213px;height:160px;float:left;margin-right:3%;margin-top:3%;}
.pro_list ul li .pro_img img{width:30px;float:left;margin-left:10px;margin-top:10px;}


.pro_list ul li .pro_div{width:65%;float:left;}
.pro_list ul li .pro_div p{width:100%;line-height:30px;text-align:left;font-size:18px;color:#555;overflow:hidden; font-weight:bold;margin-bottom:10px;}
.pro_list ul li .pro_div .brief{width:100%;height:125px;line-height:25px;text-align:left;font-size:13px;color:#555;overflow:hidden;}
.class_href{width:100%;height:40px;float:left;margin-top:20px;}
.class_href a{width:80px;height:40px;line-height:40px;float:left;margin-right:20px;background:#f0f0f0;color:#242424; text-align:center;padding-right:10px;}
.class_href .email{background:#fd5f16;color:#fff;}
.class_href .email img{height:17px;float:left;margin-top:12px;margin-left:10px;}
.class_href a:hover{background:#444;color:#fff; transition:all 0.5s; }
		
/*product details*/






.prodeatail{width:100%;text-align:center;float:left;}
.prodeatail p{width:100%;lne-height:30px;font-size:20px;color:#09203c;margin:10px 0;text-align:center; float:left;}
.prodeatail img{width:100%;text-align:center;float:left;}

.p_text{width:100%;text-align:left;margin:20px 0px;float:left;}
.p_text .p_btn{width:150px;height:35px;line-height:35px;color:#fff;background:#09203c;float:left;text-align:center;}
.p_text .p_content{width:100%;float:left;text-align:left;line-height:25px;margin-top:20px;text-indent:2em;}



.pro_tonglei{width:100%;float:left;}
.pro_tonglei ul{float:left;width:100%;}
.pro_tonglei ul li{float:left;width:100px;margin:10px 10px 10px 0px;}
.pro_tonglei ul li img{float:left;width:100px;height:100px;}
.pro_tonglei ul li p{width:100%;float:left;line-height:25px;height:50px;text-align:center;}
.pro_tonglei ul li a{display:block;}
.pro_tonglei ul li a:hover{color:#ff3600;}
/*news*/



	
	



.newspage p.time{ font-size:14px;color:#c4c4c4; text-align:center;margin-bottom:10px; line-height:26px;}
.newspage .article{ font-size:12px; line-height:30px; margin-bottom:30px;text-align:left;text-indent:2em;}
.newspage h2.tit{ font-size:24px;font-weight:bold; text-align:center;  line-height:35px;margin-top:20px; }

.news_six{width:100%;float:left;}
.news_six img{float:left;}
.news_six .six_list{float:left;width:350px;}
.news_six .six_list h2{color:#b2a400;font-size:16px;line-height:40px;}
.news_six .six_list ul li{float:left;line-height:30px;height:30px;overflow:hidden;width:100%;}
.news_six .six_list ul li a{color:#8b89a0;}
.news_six .six_list ul li a:hover{color:#000;}


/*contact*/
.contact{width:680px;height:280px;float:left;text-align:left;border: 15px solid #f9f9f9;}
.contact ul{margin:0px;padding:0px;border:1px solid #ebebeb;float:left;width:100%;height:100%;}
.contact ul li{width:100%;height:46px;line-height:46px;border-bottom:1px solid #ebebeb;}
.contact ul li span{width:30%;float:left;border-right:1px solid #ebebeb; text-indent:2em; font-weight:bold;color:#666;}
.contact ul li .span1{width:69%;border-right:none;color:#666;font-weight:100;}
.contact ul li .span1 a{color:#666;}
.contact ul li .span1 a:hover{color:#fd5f16;}

/*feedback*/

.feedback{width:680px;height:440px;float:left;text-align:left; background:#f9f9f9;border: 15px solid #f9f9f9;margin-top:30px;}
.feedback p{width:100%;height:50px;line-height:50px;color:#666; text-indent:1em;font-size:18px;}
.feedback_text{width:310px;height:45px;line-height:45px;border:1px solid #ececec;float:left;margin:5px 0px;padding-left:10px; font-family:Arial, Helvetica, sans-serif;font-size:13px;}
.submit{width:100px;height:40px;background:#fd5f16;border:none;color:#FFF;font-size:15px;line-height:40px;margin-top:10px;}


/*case*/


.case_text{width:100%;float:left;margin-top:20px;}
.case_text h2{float:left;width:100%;ine-height:40px;text-align:center;color:#09203c;margin-bottom:10px;}
.case_text .case_img{text-align:center;float:left;width:100%;}





/*底部浮层联系客服*/

.dock { position: fixed; right: 0px; width: 65px; z-index: 200; top:50%; margin-top:-150px; }
.dock.close { z-index: 50 }
.dock ul.icons { position: absolute; list-style: none; right: 0px; padding: 0px; width: 65px; background:url(../images/fbg.png) no-repeat center;  -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.dock.close ul.icons { right: -70px }
.dock ul.icons li i { display: block; position: relative; width: 65px; height: 72px; cursor: pointer; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s; z-index: 210 }
.dock ul.icons li.active i { -moz-opacity: 0.4; opacity: 0.4 }
.dock ul.icons li.up i { background:none; height:20px; }
.dock ul.icons li.sina i { background:url(../images/xl.png) no-repeat center; }
.dock ul.icons li.im i { background:url(../images/qq.png) no-repeat center;}
.dock ul.icons li.wechat i { background:url(../images/wx.png) no-repeat center;}
.dock ul.icons li.down i { background-position: -63px -190px; background:none; height:20px; }
.dock ul.icons li p { display: block; position: absolute; top: 20px; right: -260px; padding: 15px 20px; color: White; line-height: 30px; border: 1px solid #333; border-right: none; background: #111; -moz-border-radius: 10px 0 0 10px; -webkit-border-radius: 10px 0 0 10px; border-radius: 10px 0 0 10px; -moz-opacity: 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease-in-out .1s; -moz-transition: all .4s ease-in-out .1s; -ms-transition: all .4s ease-in-out .1s; -o-transition: all .4s ease-in-out .1s; transition: all .4s ease-in-out .1s; overflow: hidden; z-index: 201 }
.dock ul.icons li.active p { right: 65px; -moz-opacity: 1; opacity: 1; filter: alpha(opacity=100) }
.dock ul.icons li.sina p { width: 160px; font-size:12px;}
.dock ul.icons li.im p { top:0px; width: 140px; font-size:12px;}
.dock ul.icons li.im p a { display: block; margin-top: 12px; width: 100px; height: 35px; line-height: 32px; color: #00dfb9; font-size: 12px; text-align: center; text-decoration: none; border: 1px solid #00dfb9; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: all .3s ease-in-out 0s; -moz-transition: all .3s ease-in-out 0s; -ms-transition: all .3s ease-in-out 0s; -o-transition: all .3s ease-in-out 0s; transition: all .3s ease-in-out 0s }
.dock ul.icons li.im p a:hover { color: White; background: #0f8773; border: 1px solid #0f8773 }
.dock ul.icons li.wechat p { width: 160px }
.dock a.switch { position: absolute; display: block; top: 250px; right: 16px; width: 26px; height: 26px; background: url(../images/icons.png) no-repeat 0px -640px; cursor: pointer; -webkit-transition-delay: .15s; -moz-transition-delay: .15s; -ms-transition-delay: .15s; -o-transition-delay: .15s; transition-delay: .15s }
.dock a.switch.off { background-position: -32px -640px }