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

body{
	background:#fff;overflow-x:hidden;
	font-family: '微软雅黑', sans-serif;
}
body a{
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;COLOR:#000
}li{list-style-type:none;}
 ul{
	padding: 0;
	margin: 0;
}
h1,h2,h3,h4,h5,h6,label,p{
	margin:0;	
}
.content{background:url(../images/bg1.jpg);}
.text-center{text-align:center;}
.fr{float:right}
.navbar-default {
    background: none;
    border: none;
    margin: 0;
    min-height: auto;  
}
.navbar-default .navbar-nav > .active > a{
    color: #FFF;
   background:#e16a12;
	
}
div#bs-example-navbar-collapse-1 {
    float: right;
}
 .navbar-default .navbar-nav > .active > a:hover,
 .navbar-default .navbar-nav > .active > a:focus {
    	background:#e16a12;
	-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
		
	color:  #fff;
}
.navbar-default .navbar-nav > li > a {
    color: #000;
    font-size: 16px;
	padding: 40px 18px;
}
.navbar-default .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    	background:#e16a12;
	outline: none;
		-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
		
	color:  #fff;
}
.navbar-default .navbar-nav > .open > a,
 .navbar-default .navbar-nav > .open > a:hover, 
 .navbar-default .navbar-nav > .open > a:focus {
   	background:#e16a12;
	outline: none;
		-webkit-transition: max-width 0.5s;
	-moz-transition: max-width 0.5s;
	transition: max-width 0.5s;
		
	color:  #fff;
}

.w_hline{
	margin:0 auto;
    width: 90px;
    height: 11px;    border-top:1px solid  #e16a12;}
	
.e_line{margin:0 auto;
    width: 70px;
    height: 11px;line-height:1px;   border-bottom:1px solid  #e16a12;}
	
.web_title{margin:80px 0  50px 0;}
.web_title h3{font-size:30px;margin-bottom:15px;}
.web_title h3 img{margin-top:-12px;}
.product li{text-align:center;}
.product li h3{padding:10px 0 20px 0;font-size:16px;}
.product li img{border:1px solid #ccc;width:90%;height:215px;}
.p_list {text-align:center;padding-bottom:20px;display:block;overflow:hidden;}
.p_list a{padding:10px  30px;border-radius:10px;display:inline-block;margin:0 5px 20px 0;background:#383838;color:#fff;}
.p_list a:hover{background:#e26b14;color:#fff;}

.about{background:url(../images/about.jpg) top center no-repeat;margin-top:50px;padding-bottom:70px;}
.w_rbox{background:url(../images/ab_left.jpg) no-repeat;min-height:565px;margin-top:72px;padding:0 50px 0 30px;color: #4d4d4d}
.w_rbox h2{height:177px;line-height:177px;color:#fff;font-size:40px;}
.w_rbox h3{padding:50px 0;font-size:28px;}
.w_rbox  p{line-height:200%;margin-bottom:30px;}
.w_rbox .more{background:#323232;color:#fff;display:block;margin:0 auto;padding:20px 50px;width:60%}

.w_about{margin-top:250px;color:#fff;float:right}
.w_about h3{font-size:28px;}
.w_about h4{font-size:24px;line-height:150%;}
.w_about .w_hline{margin:30px 0 50px 0}
.w_about .w_hline,.w_about .e_line{width:100%;border-color:#aecc14;}

.about_list{margin-top:50px;text-align:center}
.about_list div{width: 125px;height: 125px;text-align:center;line-height:125px;font-size:40px;background:#fff;border-radius:50%;color:#e16a12;margin: 0 auto;margin-bottom:10px;}
.about_list li.orange div{background:#e16a12;color:#fff;}

.two img{margin-bottom:50px;}

.text-align{text-align:center;clear:both;padding:20px 0 50px 0;}
.company  div{}
.company .more,.news .more,.friend .more{    background-color: rgba(255, 154, 78, 1);
    border-radius: 20px;display:block;width:150px;margin:0 auto;
    font-size: 16px;padding:10px 30px;color:#fff}
	
.news{background:url(../images/new.jpg);}
.new_list li{width:48%;float:left;background:#fff;border:1px solid #eaeaea;padding:15px;margin-right:2%;margin-bottom:2%;}
.new_list li:nth-child(even){margin-right:0}
.new_list .col-md-8{padding-left:5%;width:74%}
.new_list li  h3{font-size:18px;color:#323233;}
.new_list li .right{float:right;font-size:14px;color:#9c9c9c;}
.new_list li p{line-height:170%;margin-top:10px;}

.friend{}
.friend li{text-align:center;margin-bottom:20px;    width: 15.5%;
    margin: 0.5% 0.5%;}
.friend li img{border:1px solid #bbb;padding:0 30px;width:100%}

.footer{background:#363636;color:#fff;padding:50px 0;}
.footer a{color:#fff;}
.footer h4{padding-bottom:10px;}
.footer li{line-height:200%}
.clear{clear:both}
.bottom{border-top:1px solid #494949;clear:both;margin-top:50px;padding-top:50px;text-align:center}

.position{ background-color: rgba(241, 241, 241, 1);}
.position li{float:left;font-size:18px;}
.position li a{color:#333;font-weight:bold;padding:20px 30px;display:inline-block;background:#f1f1f1}
.position li a:hover{color:#fff;background:#ec4d0b}
.position li.active{font-weight:bold;}
.position li.active a{color:#fff;background:#ec4d0b}

.news_lists{margin-top:50px;}
.news_two {position: relative;font-size: 12px;font-family: Arial, 微软雅黑;width: 100%;min-width: 1100px;margin: 0px auto;}
.news_two_ul {height: auto;overflow: hidden;padding: 0px;}
.news_two_ul li {width: 100%;margin-bottom: 20px;}
.news_two_box {width: 100%;overflow: hidden;position: relative;background: #f7f7f7;transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_img {width: 230px;height: 157px;float: left; transition: all .6s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_img img {width: 200px; height: 130px;margin: 15px;border-bottom: 1px solid rgba(0, 0, 0, 0.09);}
.news_two a {color: #666;text-decoration: none;}
.news_two_txt {width: 56%;float: left;margin: 36px 0 28px 34px;transition: all .3s ease-out 0s;}
.news_two_txt span {font-size: 16px;color: #666;display: block;overflow: hidden;margin-bottom: 10px;transition: all .3s ease-out 0s;}
.news_two_txt i {height: 52px;color: #666;line-height: 24px;display: block; overflow: hidden;font-style:inherit;font-size: 13px;transition: all .3s ease-out 0s;}
.ser_but {position: absolute;top: 72px;right: 50px;width: 100px;height: 35px;border-radius: 18px;text-align: center;border: 1px solid #dedfe1;transition: all .5s cubic-bezier(.215, .61, .355, 1) 0s;}
.news_two_but {position: absolute;top: 60px;right: 105px;}
.ser_but i { width: 70px;height: 35px;line-height: 35px;transition: all 0.3s;}
.news_two_box:hover {border: 1px solid #efefef;box-shadow: 0 6px 10px 5px rgba(0, 0, 0, .08);}
.news_two_ul li:hover .ser_but {color: #fff;}
.news_two_box:hover .ser_but {background: #ccc;border: 1px solid #ccc; margin: 0 -60px;}
.news_two_box:hover .news_two_txt {margin: 36px 0 28px 54px;}
.news_two_box:hover .news_two_img {background: #ccc;}
.news_two_box .news_two_img {background: #eaeaea;}

.xiayiye{padding:20px 0 80px 0;}
.xiayiye li{float:left;margin-right:10px;line-height:30px;}
.xiayiye li a{ padding:0px 10px; display:block; vertical-align:middle;border: 1px solid #dedede;-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;            /* W3C syntax */}
.xiayiye select {-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px;            /* W3C syntax */height:28px;border:1px solid #dedede;}
.xiayiye li.thisclass{background:#e16a12;padding:0px 10px; display:block; vertical-align:middle;border: 1px solid #dedede;-moz-border-radius: 5px;      /* Gecko browsers */-webkit-border-radius: 5px;   /* Webkit browsers */ border-radius:5px; color:#fff;           /* W3C syntax */}
.xiayiye a:hover{background:#e16a12;}

.p_head {
    text-align: center;
    font-size: 25px;color:#000;height:45px;border-bottom:1px solid #f0f0f0;}
.p_SummaryBox{  margin:10px 0;  border-width: 1px;
    border-style: solid;padding:10px;
    border-color: rgba(228,228,228,1);
    background-color: rgba(252,251,253,1);
    word-wrap: break-word;
    word-break: break-all;
    font-size: 14px;color:#999;}
	
.news_yangxi{    font-size: 18px;color: #333;line-height: 200%;margin-top:20px;}

.news_lists .nav-left {
    background: url(../images/left.png);
}	
.news_lists{margin:50px 0;}
.news_lists .nav-left{background:url(../images/left.png);}
.news_lists .nav-left span{font-size:16px;font-weight:bold}
.news_lists .nav li{border-bottom:1px solid #e26b14;font-size:16px;}
.pp_list a{display:block;padding:15px;border-bottom:1px solid #fd9d64;}
.pp_list a:last-child{border-bottom:1px solid #e26b14;}
.news_lists .nav li a{color:#000;}

.news_lists .nav li a:hover,.welcome .nav li.active{background:#974001;color:#fff;}
.new_list img{width:150px;height:100px;}
.right .text-style{padding-left:30px;}
.tab_img .fashion-img{padding:10px;}
.tab_img .fashion-img a{display:block;}

.nexttre{line-height:200%;padding:30px 0;}
.p_n_info{padding:10px 0;text-align:center}

.tab_img .fashion-img  h4{color:#333;text-align:center;padding:30px 0}
.tab_img .fashion-img img{height:200px;}
.lanren{ position:fixed; right:0; top:150px;}
.lanren .slide_box{ width:154px; height:auto; overflow:hidden; background:url(/images/slide_box_bg.jpg) repeat-y; font-size:12px; text-align:center; line-height:130%; color:#666; border-bottom:2px solid #e26c15;}
.lanren .slide_box .weixin{ margin-bottom:5px;}
.lanren .slide_box img{ cursor:pointer;}
.lanren .slide_box p{ text-align:center; padding:5px; margin:5px;font-size:16px;line-height:200%}

@media screen and (max-width: 767px) {
	.lanren{display:none;}
	.logo img{width:90%;}
	.navbar-brand{padding:0}
	.web_title{margin:30px 0 20px 0}
	.product .col-sm-6,.company img.col-sm-6{width:50%;float:left;padding:10px;}
	.product li img{width:100%;}
	.w_rbox {margin:0}
	.w_rbox h3{padding:10px 0}
	.w_about {float:none;margin-top:0}
	.w_about h3 ,.w_about h4, .w_about div.w_hline{display:none }
	.about_list{margin-top:30px}
	.about_list li{width:25%;float:left;}
	.about_list div{width:70px;height:70px;font-size:20px;line-height:70px}
	
	 .two img {margin-bottom: 0px;}
	 .company img{margin-bottom:10px;}
	
	 .new_list li {width: 100%}
	 .new_list .col-sm-3{display:none}
	 .new_list .col-sm-8{width:100%}
	 
	 .footer .col-sm-6{width:30%;float:left}
	 .footer .col-md-2 img{margin:0 auto;display:block;}
	 
	 .carousel img{width:100%}
	 .navbar-collapse,.navbar-nav{width:100%}
	 .navbar-default .navbar-nav > li > a{padding:8px 10px}
	 .friend li{width:40%;float:left}
	 .friend li img{padding:0}
	 
	 .foot1 h4{font-size:14px;display:none}
	 .foot5,.foot3{display:none;}
	 .right .text-style {
    padding-left: 0px; 
}
.tab_img .fashion-img img {
    height: 100px;
}
.product li img {
    height: 150px;}
img{max-width:100%;height:auto;}
	}