/*
    用于列表风格的样式
*/
/* 
    Created on : 2017-1-2, 13:47:26
    Author     : lenovo
*/
.carousel-inner>.item>img, .carousel-inner>.item>a>img{ width: 100%; }
.content{background: #eee; padding-bottom:  5em; width: 60%; margin: 0 auto;}
.content-no {padding-bottom: 0px;}
.content div.content-head{ text-align: left; }
.content div.margin_2 { margin: 0 2em;}
.content div.col-sm-6 img{  filter:alpha(opacity:100); opacity: 1;}
.content_width80{ width: 80%;}
/* intro */
.carousel-indicators .active{ height: 12px; width: 12px; background: #333; border-color: #333;}
.carousel-indicators li{height: 12px; width: 12px; margin: 0 2px; border-radius: 6px; background: #999;}
.content ul{clear: left; width: auto; 	overflow: hidden; text-align: center; background: #FFF; padding: 3em; font-weight: bold;}
.content ul li{ float: left; width: 33%;}
.content ul li a{ display: block; width: 100%; height: 100%;}
.content ul li a:hover{ background: #000; color: #fff;}


.content .content_panel{ width: 80%; margin: 2em auto; background: none;}
.content .content_panel ul{background: none;}
.content .content_panel ul li { margin: 1em 0;}
.content .content_panel ul li input{ display: block; margin-left: 90%;}
.content .text_align_center{ overflow: hidden;}
.content .text_align_center img{ width: 100%; margin: 0;}

.content .attention_index img{ width: 30%;}

.tianmao_content, .tianmao_content_info{ height: auto;  overflow: hidden;}
.tianmao_content .tianmao_content_head ul { width: 100%; margin: 0 auto; background: none;}
.tianmao_content .tianmao_content_head ul li { width: 33%;}
.tianmao_content .tianmao_content_head ul li a{ display: block; background: #666; width: 100%; height: 50px; line-height: 50px; font-size: 1.5em; color: #fff; border: 1px #FFF solid;}
.tianmao_content .tianmao_content_head ul li a.select { background: #f0831f;}

.tianmao_content_head{ margin: 5em;}
.tianmao_content_info .icon_model{ margin: 2em 0; top: 0;}
.tianmao_content_info .icon_model{ text-align: center; position: relative;}
.tianmao_content_info .icon_model div.icon_watermark { position:absolute; right: 10%;  bottom: 5%;}
.tianmao_content_info .icon_model div.icon_watermark span.head_icon1{ color: #FFF; font-size: 2.5em;}
.tianmao_content_info .icon_model div.icon_watermark span.head_icon2{ color: #FFF; font-size: 1.5em;}

.tianmao_content_info .icon_model img.icon { position: absolute; top: 40%; left: 47%; width: 6%;}
.tianmao_content_info .icon_model img.back { width: 100%; }


.tianmao_content_info .icon_info{ margin-bottom: 10em;}
.tianmao_content_info .icon_info h5{ font-size: 1.8em;}
.tianmao_content_info .icon_info p{ font-size: 1.2em;}
.tianmao_content_info .icon_info span.icon_info_icon{ text-align: right;}
.tianmao_content_info .icon_info button.icon_info_button{margin-left: 92%; width: 8%; text-align: center; background: #f0831f; border: none; font-size: 14px; color: #FFF; padding: 5px 10px;}

.tianmao_content_info .icon_header{ margin-top: 8%; position: relative; top: 0;}
.tianmao_content_info .icon_header h4{ font-size: 2em;}
.tianmao_content_info .icon_header h4 font{ color: #f0831f; font-size: 1em;}
.tianmao_content_info .icon_header p{ font-size: 1.5em;}

.tianmao_content_info .icon_model div.icon_model_foot{ text-align: left; background: #666; overflow: hidden; color: #FFF; padding-left: 3%; font-size: 1.5em;}
.tianmao_content_info .icon_model div.icon_model_foot h4{ font-weight: bold; font-size: 1.5em;}
.tianmao_content_info .icon_model div.icon_model_foot p{ font-size: 1em;}

/** 关于 **/
.about_head ul li { width: 25%; margin: 0;}


.about_head .about_item_head {}
.about_head  ul.about_item_head{ width: 50%; }
.about_head  ul.about_item_head li { width: 33%; border: none; }
.about_head  ul.about_item_head li.item_header_border { border-left: 1px solid #000; border-right: 1px solid #000;}
.about_head  ul.about_item_head li a{ background: none; color: #999; border: none;}
.about_head  ul.about_item_head li a.select{ color: #000; background: none; font-size: 1.8em;}

.content .about_honors{text-align: center; margin-top: 8%;}
.content .about_honors h4{ font-weight: bold; font-size: 2.5em; color: #666;}
.content .about_honors ul{ background: none;}
.content .about_honors ul li span img{ height: 100%; }
.content .about_honors ul li { width: 16.5%; color: #666; }
.content .about_state ul li { width: 12.5%; color: #666; }
.content .intro_honors ul li img{width: 16.5%; width: 100%; }

.content .about_honors ul li p{margin-top: 1em;}
.content .about_ideality ul li{ position: relative;}
.content .about_ideality ul li span img{width: 100%;}
.content .about_ideality ul li p{ position: absolute; top: 45%; text-align: center; width: 100%; color: #FFF; margin: 0;  }

.content .idenality_endless ul li{ margin: 1%; width: 31%;}
.content .idenality_endless ul li p{ top: 90%; height: 10%;}
.content .idenality_endless ul li p span{ position: absolute; top: 0; width: 100%; height: 100%; font-size: 1.5em; line-height: 2em; font-weight: normal;}
.content .idenality_endless ul li p span.back{ background: #000; z-index: 0; filter:alpha(opacity:50); opacity: 0.5;}

.content .idenality_endless ul.idenality_endless_item1 li p span{ color: #000;}
.content .idenality_endless ul li p.item_conter{ top: 45%; color: #FFF; font-size: 1.5em;}



/** 产品中心  家用  专业 **/
.home_content .home_content_item{ width: 80%; margin: 10em auto; background: #FFF; height: auto; overflow: hidden; position: relative; top: 0;}
.home_content .home_content_item div{ width: 33%; float: left; text-align: center; overflow: hidden;}
.home_content .home_content_item div.home_item_icon img{ width: 100%; margin-left: 0; }
.home_content .home_content_item div h4 { background: #000; color: #fff;  padding: 0.5em;}

.home_content .home_content_english{ width: 80%; margin: 3em auto;}

.home_content .home_content_english div.home_english_head { width: 100%; background: none; text-align: left;}
.home_content .home_content_english div.home_english_head h4{ background: none; color: #000; height: 2em; font-size: 2em; line-height: 2em; padding-left: 1em;}

.home_content .home_content_english div.home_english_icon{ width: 100%; background: #FFF; padding: 5%;}
.home_content .home_content_english div.home_english_icon img{ width: 100%;}


.home_content .home_content_item div.home_item_info1{ padding: 3em 2em; width: 40%; overflow: hidden; }
.home_content .home_content_item div.home_item_info1 h4{ width: 50%;  margin-left: 15%;}
.home_content .home_content_item div.home_item_info1 ol{  padding: 0;}
.home_content .home_content_item div ol li{ height: 2.5em; line-height: 2.5em;}
.home_content .home_content_item div ol li span{ display: inline-block; font-size: 12px; }
.home_content .home_content_item div ol li span.left_align{ text-align: right; padding-right: 1em; width: 40%;}
.home_content .home_content_item div ol li span.right_align{ text-align: left; padding-left: 1em; width: 60%;}

.home_content .home_content_item div.home_item_info2{ width: 26%; text-align: center; padding: 3em 2em; overflow: hidden; }
.home_content .home_content_item div.home_item_info2 h4{  width: 70%; margin-left: 15%;}
.home_content .home_content_item div.home_item_info2 ol{ border-left: 1px solid #000;}
.home_content .home_content_item div.home_item_info2 ol li span.right_align{ width: 100%;}

.home_content .home_content_item div.home_item_info3 { width: 30%; padding: 3em 0; overflow: hidden; }
.home_content .home_content_item div.home_item_info3 h4{ width: 50%; margin-left: 20%;}
.home_content .home_content_item div.home_item_info3 ol{ padding: 0em; margin: 2em 0;}
.home_content .home_content_item div.home_item_info3 ol li span{ font-size: 8px;}
.home_content .home_content_item div.home_item_info3 ol li span.left_align{  padding-right: 1em; width: 40%;}
.home_content .home_content_item div.home_item_info3 ol li span.right_align { padding-left: 0em;}

.home_content .home_content_item div.home_item_info4{ width: 18.5%; padding: 3em 0; overflow: hidden; }
.home_content .home_content_item div.home_item_info4 h4{ width: 70%; margin-left: 1em;}
.home_content .home_content_item div.home_item_info4 ol{ padding: 0; border-left: #000 solid 1px; margin: 2em 0;}
.home_content .home_content_item div.home_item_info4 ol li span{ width: 100%; padding: 0;}
.home_content .home_content_item div.home_item_info4 ol li span.right_align{ padding-left: 1em ;}


.home_content .home_content_item .home_item_foot{ width: 100%; background: #000; height: 100px; padding: 2% 0;}
.home_content .home_content_item .home_item_foot div.foot_item{ width: 15%; margin-left: 5%;}
.home_content .home_content_item .home_item_foot div.foot_item div.foot_item_icon{ width: 25%; margin-right: 5px;}
.home_content .home_content_item .home_item_foot div.foot_item div.foot_item_icon img { width: 100%;}
.home_content .home_content_item .home_item_foot div.foot_item div span{ color: #FFF; font-size: 8px;}



.home_content .home_content_item div.home_item_info{ width: 67%; padding: 3em 2em; overflow: hidden; }
.home_content .home_content_item div.home_item_info h4{ width:40%;  margin: 0 auto;}
.home_content .home_content_item div.home_item_info ol{ padding: 0;}
.home_content .home_content_item div.home_item_info ol li span{ width: 50%; font-size: 14px;}
.home_content .home_content_item div ol li span.left_align{  padding-right: 1.5em;}
.home_content .home_content_item div ol li span.right_align{ padding-left: 1.5em; }


/** 关于  中国 **/
.tianmao_content_info .china_header{ margin-bottom: 0; margin-top: 10em;}
.about_china .home_content_item { background: none; }
.about_china .home_content_item .home_item_foot { background: none; height: auto;}
.about_china .home_content_item .home_item_foot div.foot_item div.foot_item_icon{ width: 100%;}
.about_china .home_content_item .home_item_foot div.foot_item div.foot_item_icon img{ height: 100%; width: auto;}
.about_china .home_content_item .home_item_foot div.foot_item div.foot_item_info { width: 100%; margin-top: 1em; height: auto; }
.about_china .home_content_item .home_item_foot div.foot_item div.foot_item_info span{ color: #000; }

.about_china .home_content_item{ width: 100%;}
.about_china .about_product_item{ background: #FFF; padding: 0 5%;}
.about_china .about_product_item div.home_item_info1 { width: 50%; padding-top: 5%; padding-bottom: 0;}
.about_china .home_content_item div ol li span{ font-size: 1.2em;}
.about_china .home_content_item div ol li span.right_align{ font-size: 1.05em;}

.about_china .about_product_item div.home_item_icon { width: 50%; text-align: center; padding-top: 5% ; }
.about_china .about_product_item div.home_item_icon img{ width: 52%;}
.about_china .about_product_item .home_item_info ol{ border-right: 1px solid #000;}


.intro_content{ width: 80%; margin: 0 auto; border-left: 2px solid #ba9977; border-right: 2px solid #ba9977;}
.intro_content div.intro_nav a.intro_select { color: #000;}

.intro_content1{ background: #666; padding: 20px 5%; text-align: center;}
.intro_content1 div{ margin-top: 2em;}
.intro_content1 a{ margin: 2em;}

.content div.intro_nav1 { width: 80%; margin:  0 auto;}
.content div.intro_nav1 a.item-info-left img { height: 120px;}
.content div.intro_nav1 a.item-info-right img { height: 120px;}

.intro_nav { text-align: center; }
.intro_nav a{ margin: 0 2em; font-size: 15px; line-height: 3em; color: #999;}
.intro_nav a:hover{ color: #000; }

.content div.content-left{ overflow: hidden; width: 45%; float: left;}
.content div.content-left ul{float: left; width: 100%; }
.content div.content-left ul li{width:  100%; text-align: left; font-size: 1.2em; }

/* make */
.content div.make_nav1 { width: 70%; margin: 0 auto;}


/* 市场 */
.facility-head { margin-top: 2em;}
.facility-head div.facility-head-top { text-align: center;}
.facility-head div.facility-head-top img{ width: 30%}
.facility-head div.facility-head-buttom { text-align: center; }
.facility-head div.facility-head-buttom img{ margin: 0 1em; width: 35% }

.tabel-border { border: 1px solid #000;}
.tabel-tr th{ border: 1px solid #000; background: #01b6e3;}

table { border: 1px solid #fff; width: 100%; text-align: center; margin-top: 5em;}
table tr th { text-align: center; font-size: 2em;}
table td{ border: 1px solid #000;  height: 2em; font-size: 1.3em;}

/* 天猫 */
.tamll{ position: absolute; bottom: -30px; left: 50%; }
.massge{position: absolute; bottom: 100px; left: 60%; filter:alpha(opacity:0); opacity:0;}

.content div.content-right{ overflow: hidden; width: 45%; float: right; }
.content div.content-right ul{float: left; width: 100%; }
.content div.content-right ul li{width:  100%; text-align: left; font-size: 1.2em;  }

.content-info h3{ padding-left: 3em;}
.content-info hr { border: 1px solid #999;}

.style_border_green { border: 0.2em solid #78bc29; }
.style_border_blue { border: 0.2em solid #6c193e; }
.style_border_yellow { border: 0.2em solid #78bc29; }

.thumbnail{ position: relative; text-align: center; background: none; border: none;}
.back_color_eee{position: absolute; }
.thumbnail div.caption { text-align: center; width: 75%; margin: 0 auto;}
.thumbnail div.caption span.caption-name { font-size: 1em; background: #000; color: #fff; line-height: 2em; display: inline-block; padding: 0 1em; border: 1px solid #000;}
.thumbnail div.caption p.caption-info{font-size: 1em; background: #fff; color: #000; line-height: 2em; display: inline-block; padding: 0 1em; border: 1px solid #000;}
/* .thumbnail>img, .thumbnail a>img { margin-left: 0;} */
.noback{ background: none; }
.style_fff{  background: #FFF; }
.carousel-fluid{ text-align: center; width: 50%; margin: 0 auto; padding: 6em;}
.carousel-fluid hr { border-color: #01b6e3; }

.content div.content-list { overflow: hidden;}
.content div.content-list div{ }
.content-info { padding: 2em 0; }
.info-height{ height: 300px;}

.list-info{  border-bottom: 2px solid #999; padding: 2em 0;}
.list-info div.info-content{ width: 59%; display: inline-block;}

.list-info div.info-img {width: 40%; display: inline-block; text-align: center;}
.list-info div.info-img img{width: 90%;}
.list-info div.info-img h3 { float: left; margin-left: 2em;}

.content-head-info p.center_p { font-size: 1.2em; text-align: left; width: 80%; margin: 0 auto; text-indent: 2em;}
.content-head-info p.center_p2 { font-size: 1.3em; line-height: 2.5em; text-align: left; width: 80%; margin: 0 auto; text-indent: 2em;}
.content-head-info p.info-title{ text-align: left; margin-left: 20%; font-size: 1.5em; margin-top: 5em;}
.content-head-info p.info-content { text-align: left; margin-left: 30%; font-size: 1.3em;}

.content-head-info h4{ width: 85%; margin: 2em auto; }
.content-head-info hr{ color:  #01b6e3; border-color:  #01b6e3; width: 30%; }
.content-head-info h5{ font-size: 1.8em;}

.english_about{ background: #666; padding: 3em;}
.english_about h4{  text-indent:0em;  color: #fff;}
.english_about p{ font-size: 1.2em; color: #fff; }


.info{ overflow: hidden; background: #fff;}
.info div.info-left{ float: left; width: 50%; }
.info div.info-left div.info-left-head{ margin-left: 10%; margin-top: 5%;}
.info div.info-left div.info-left-data{ margin-left: 10%; }
.info div.info-left div.info-left-data h3{ background: #000; width: 40%;  color: #fff; padding: 10px;}
.info div.info-left div.info-left-data p {text-align: left; width: 40%; }
.head-info-height_400{ height: 400px;}
.head-info-height_500 { height: 500px;}


.info div.info-right{ float: right; width: 50%; text-align: center;  background: #eee;}
.info div.info-right img{ margin: 5%;; height: 80%;}

.content div.row div.col-md-3 img{ height: 400px;}

.project_nav{ text-align: center; background: #fff; padding: 3em 0;}
.project_nav div.content-head { margin-top: 0;}

.content div.add_info{ border-bottom:1px solid #666; color:#000; padding-left: 5em; }
.content div.add_info h4{ font-size: 1.7em;}
.content div.add_info h4 span{ font-size: 2em; display: inline-block; color: #005916; font-weight: bold;}
.content div.add_info p { font-size: 1.5em; font-weight: bold;}
.content div.add_info ul{text-align: left; font-weight: normal; padding-top: 0px;}
.content div.add_info ul li{clear: left; width: 100%;  font-size: 1.2em; }

.content div.content-img{ position: relative; heigth: 120px; margin-top: 260px;}
.content div.content-img img{ position: absolute; left: 120px; top: -200px;}

img.action_tag{ position: relative; top: 0px;} 
/**/
.content div.content-addres{ text-align: center;}
.content div.content-addres h4 { text-align: center; font-weight: bold; color: #666;}
.content div.content-addres ul{ text-align: center; width: 780px; margin: 0 auto;}
.content div.content-addres ul li {width: auto; padding: 0 1em; border-left: 1px solid #999; color: #999;}


/**  **/
.align_center { text-align: center;}

.content-item {text-align: center; background: #fff; padding-top: 2em; clear: left; }
.content-item div.carousel-caption div.caption-back { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: #000;  filter:alpha(opacity:60); opacity: 0.6; z-index: -2; }
.content-item div.content-item-info{ width: 70%; margin: 0 auto;  background: #fff; margin-bottom: 2em;}
.content-item div.content-item-nav{ background: #fff;}
.content-item div.item-info { width: 80%; margin: 0 auto; overflow: hidden; margin-top: 8em;}
.content-head{width: 100%; margin: 0 auto; margin: 2em auto;}
.content-head div.door div.margin_0 img { margin-left: 2.5%; }
.content-head div.door div.thumbnail_1 img {}
.content-head div.item-info div.news_item{ margin-top: 2em; text-align: left;}
.content-head div.item-info div.news_top { margin-top: 100%;}
.content-head div.item-info div.news_item ul{ margin: 2em auto; width: 75%;}
.content-head div.item-info div.news_item ul li{ font-size: 14px; line-height: 24px;}
.content-head div.item-info div.news_item div.caption {background: #000; color: #fff; text-align: center; font-size: 1.5em;}
.content-head div.item-info div.news_item div.caption span{ font-size: 1em; line-height: 2em;}

.brand-head{width: 60%; margin: 0 auto; margin: 3em auto; text-align: center; height: auto; overflow: hidden;}
.brand-head div.content-head-info p { font-size: 1.2em; width: 80%; margin: 0 auto; }
.brand-head div.content-head-info h3{ font-size: 20px; margin: 0; font-weight: bold;}
.align_center a.intro_link{ display: block; width: 20%; border: 1px solid #6c193e; line-height: 3em; margin:  0 auto;}
.brandinfo-head { text-align: center; width: 90%; margin: 0 auto;}
.brandinfo-head div{ display: inline-block;}
.brandinfo-head div.brandinfo-left { width: 20%;}
.brandinfo-head div.brandinfo-rigth { width: 79%; background: #fff; height: 100%; text-align: left;}
.brandinfo-head div.brandinfo-left img{ width: 100%;}
.brandinfo-head div.brandinfo-rigth img{ }
.brandinfo-head div.brandinfo-rigth div.brand-icon{width: 999px;}

.content-head-info h4{ width: 85%; margin: 2em auto; }
.content-head-info hr{ color:  #01b6e3; border-color:  #01b6e3; width: 30%; }
.content-head-info h5{ font-size: 1.8em;}

/** 创新产品 **/
.content div.project_intro1{ width: 80%; margin: 0 auto;}
.content div.project_intro1 div.col-md-2{ width: 20%;}

.content div.project_intro2{ width: 40%; margin: 0 auto;}

.content div.project_intro3{ width: 62%; margin: 0 auto; text-align: center;}
.content div.project_intro3 div.col-sm-6{width: 24%;}
.content div.project_intro3 div.project_intro3_4{ margin-left: 2%;}

/** 首页动画 **/
.index-icon {  position: relative; overflow: hidden;}
.index-icon img.backimage { width: 100%;}
.index-icon img.icon_1{ position: absolute; top: 25%; left: 25%; width: 50%;  filter:alpha(opacity:100); opacity: 1;  }
.index-icon img.icon_2{ position: absolute; top: 65%; left: 25%; width: 50%;  filter:alpha(opacity:100); opacity: 1;  }
.index-icon img.icon_3{ position: absolute; top: 25%; left: 55%; width: 5%;  filter:alpha(opacity:100); opacity: 1;  }
.index-icon img.icon_4{ position: absolute; top: 15%; left: 48%; width: 6%;  filter:alpha(opacity:100); opacity: 1; }
.index-icon img.icon_5{ position: absolute; top: 24%; left: 40%; width: 8%;   filter:alpha(opacity:100); opacity: 1; }
.index-icon img.icon_6{ position: absolute; top: 28%; left: 30%; width: 6%;   filter:alpha(opacity:100); opacity: 1;}
.index-icon img.icon_7{ position: absolute; top: 21%; left: 31%; width: 5%;  filter:alpha(opacity:100); opacity: 1; }
.index-icon img.icon_8{ position: absolute; top: 18%; left: 58%; width: 10%;  filter:alpha(opacity:100); opacity: 1; }
.index-icon img.icon_9{ position: absolute; top: 33%; left: 63%; width: 6%; filter:alpha(opacity:100); opacity: 1;  }
.index-icon img.icon_10{ position: absolute; top: 17%; left: 35%; width: 5%; filter:alpha(opacity:100); opacity: 1;  }

.container2 div.carousel-caption{ background: none; bottom: 22%; color: #fff; text-align: left; padding-left: 2em;}
.container2 div.carousel-caption div.caption-back { position: absolute; left: 0; right: 0; top: 0; bottom: 0;  background: #000;  filter:alpha(opacity:60); opacity: 0.6; z-index: -2; }

.container2 div.carousel-caption ul{ margin-left: 2em; margin-bottom: 2em;}
.container2 div.carousel-caption ul li{ line-height: 2em; font-size: 14px; list-style: disc; color: #6c193e; font-size: 1.5em;}
.container2 div.carousel-caption ul li span{color: #fff; line-height: 2em; font-size: 12px;}
.container2 div.carousel-caption p a{ float: right; margin-right: 2em;}
.navbar-inverse .navbar-nav>li>a { color: #fff; font-family: "Microsoft YaHei";}

.navbar-inverse .navbar-nav>li:hover {color: #000;}


.group-nav{ width: 80%; margin: 0 auto; background: #fff; overflow: hidden; height: 55px; padding-top: 30px;}
.group-nav h4{ margin: 0; color: #6c193e; float: left; font-size: 1em;}
.group-nav h4 span{ font-size: 1em; display: inline-block; border-right: 1px solid #000; color: #000; padding: 0 1em;}
.group-nav ul { float: right; font-size: 1em;}
.group-nav ul li { float: left; width: 5em;}
.group-nav ul li:hover a { color: #6c193e; }

/**首页动画样式设置**/
.item { width: 100%; }
.item div.action_nav_image{  width: 100%; height: auto; overflow: hidden;}
.action_nav_image img { position: absolute; top: 0px;}
.action_nav_image img.action_name_image_back{ filter:alpha(opacity:100); opacity:1; }
.action_nav_image img.action_nav_image_big{filter:alpha(opacity:0); opacity:0;}
.action_nav_image img.action_nav_image_icon{filter:alpha(opacity:0); opacity:0; left: 528px; top: 35px;
-moz-transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
/* filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);  */
}


.head-padding_4em{ padding: 4em 0;}


.action_image{ position: relative; width: 407px; height: 323px; margin: 3em auto;}
.action_image img.action_image_back{ position: absolute;}
.action_image img.action_image_1{ position: absolute; left: 70px; top: 150px;}


/** 联系我们 **/
.action_nav_image img.action_contact_back{filter:alpha(opacity:0); opacity:0;}
.action_nav_image img.action_contact_icon{ top: 340px; left: 660px; filter:alpha(opacity:0); opacity:0;}

.foot-content div.foot-nav a div.font-height { height: 50px; overflow: hidden; }
.foot-content div.foot-nav a div.font-height img { position:relative; width: 100%; }
.foot-content div.foot-nav a:hover div.font-height img{ top: -50px;}
.foot-content div.foot-nav a:hover { color: #f0831f;}
.foot-content div.foot-nav a{padding: 2em 2em; display: inline-block; color: #fff;}


/* 视频动画样式 */
.action_video_image { position: relative;}
.action_video_image img.action_video_image_back { filter:alpha(opacity: 100); opacity: 1;}
.action_video_image img.action_video_image_icon { position: absolute; top: 63px; left: 650px;  opacity: 1;}
.action_video_image img.action_video_image_nav { position: absolute; top: 110px; left: 420px; filter:alpha(opacity: 100); opacity: 1;}
.action_video_image img.action_video_image_nav1 { position: absolute; top: 140px; left: 450px; filter:alpha(opacity: 100); opacity: 1;}


   .content div.content-head div.content-head-info p{ width: 80%; margin: 0 auto;}
   .content div.content-head div.content-head-info p.text_width_60{ width: 60%; margin: 0 auto;}
   .content div.content-head div.content-head-info p.text_width_70{ width: 60%; margin: 0 auto;}
   .intro_content1 div a img{ width: 25%;}
   .intro_content1 a{ margin: 1%;}
   
   
   .intro_image img{ width: 32%; margin: 1em 0;}
    #pc_head{ display: block;}
    #model_head{ display: none;}
   .is_pc_none{ display: none;}


@media(max-width:1000px) {
    .content-head div.item-info div.news_top{ margin-top: 0;}
    .list-info div.info-img {width: 100%; display: inline-block; text-align: center;}
    .list-info div.info-content { width: 100%; display: inline-block; padding: 0 5%;}
}

@media(max-width:767px) {
    .list-info div.info-img {width: 100%; display: inline-block; text-align: center;}
    .list-info div.info-content { width: 100%; display: inline-block; padding: 0 5%;}
    .foot-content div.foot-nav a:hover div.font-height img{ top: -23px;}
    .foot-content div.foot-nav a div.font-height { height: 23px; width: 23px; overflow: hidden; }
    .foot-content div.foot-nav a{padding:2em 0 0 0; }
    .group-nav{ width: 100%; padding-top: 10px;}
    .group-nav ul{ width: 100%; padding-top: 10px;}
   .group-nav ul li { float: left; width: 14%; text-align: center;}
   .group-nav ul li a{ font-size: 10px;}
   .vr_nav ul li{ width: 12.5%; }
   .content { width: 90%;}
   .content div.content-head div.content-head-info p{ width: 100%; font-size: 1.1em; line-height: 1.5em;}
   .content div.content-head div.content-head-info p.text_width_60{ width: 100%;}
   .content div.content-head div.content-head-info p.text_width_70{ width: 100%;}
   
   .content_nav a div{ width: 23%; margin: 0 1%;}
   .content_nav a div h3{ font-size: 1em;}
   .content_nav a div p{ font-size: 0.8em; height: 60px;}
   
   #navbar ul.navbar-nav li.dropdown a{ color: #fff;}
   .menu-nav div.English ul{ margin-left: 0;}
   .menu-nav div ul li a span.head-action-english { width: 41px; height: 20px; margin: 0 auto;}
   .menu-nav div ul li a span.head-action-english img{ width: 41px;}
   .menu-nav div ul li a:hover span.head-action-english img { top: -24px; }
   
.menu-nav div.anquan ul { margin-left: 0;}
.menu-nav div.mumen ul { margin-left: 0;}
.menu-nav div.zhuanmai ul { margin-left: 0;}
.menu-nav div.qudao ul { margin-left: 0;}
.menu-nav div.English ul { margin-left: 0;}


.menu-nav div ul li{ float: left; padding-left: 1%; font-size: 2em; margin-left: 3%; position: relative; left: 100px;}
.menu-nav div ul li a { color: #fff; }
.menu-nav div ul li a span.head-action-heigth { display: block; height: 42px; width: 35px; overflow: hidden;}
.menu-nav div ul li a span.head-action-heigth img { position: relative; width: 35px;  }
.menu-nav div ul li a:hover span.head-action-heigth img { top: -40px; }
.menu-nav div ul li a:hover { color: #6c193e;}

.menu-nav div ul li a span.head-action-width { display: block; height: 15px; overflow: hidden; width: 60px;}
.menu-nav div ul li a span.head-action-width img { position: relative; width: 50%;  }
.menu-nav div ul li a:hover span.head-action-width img { top: -15px; }


.menu-nav div ul li：hover{text-align: center;}
.menu-nav ul li a{ font-size: 12px; display: block; text-align: center; color: #999; filter:alpha(opacity:100); opacity:1;}
.menu-nav ul li a:hover{ color: #6c193e; filter:alpha(opacity:100); opacity:1;}
.menu-nav ul li a img{ margin-bottom: 0.5em;  }



.ibox-content{ top: -130%; }

    #model_head{ display: block;}
    #pc_head { display: none;}
    .info div.info-left{ width: 100%;  clear: left; }
    .info div.info-left div.info-left-head{ margin-left: 0%;}
    .info div.info-left div.info-left-data{ margin-left: 20%; width: 60%; margin-bottom: 3em;}
    .info div.info-left div.info-left-data h3{ background: #fff; width: 60%;  color: #000; padding: 10px; font-size: 1.2em; font-weight: bold; padding: 0;}
    .info div.info-left div.info-left-data p {text-align: left; width: 100%; margin-bottom:0px; font-size:1.1em; line-height: 1.4em; }
    
    .info div.info-right{ clear: right; width: 100%;}
   .navbar-nav .open .dropdown-menu>li>a, .navbar-nav .open .dropdown-menu .dropdown-header { padding: 5px 15px 5px 16px;}
   .head-info-height2{ height: 12em;}
   .content div.make_nav1{ width: 85%;}
   .content div.content-head{ width: 85%; margin: 0 auto; margin-bottom: 2em;}
   .container>.navbar-header, .container-fluid>.navbar-header, .container>.navbar-collapse, .container-fluid>.navbar-collapse{ margin: 0px;}
   .project_nav div.content-head h2 { font-size: 1.6em;}
   .project_nav div.content-head h3 { font-size: 1.3em;}
   .project_nav div.content-head p{ text-align: left; font-size: 1em;}
   .content div.content-head h2{ font-size: 1.5em;}
   .content div.content-head h3{ font-size: 1.5em;}
   .content div.content-head p{ font-size: 1em;}
   .content div.project_intro1 div.col-md-2{ width: 100%;}
   .content div.project_intro3 { width: 100%;}
   .content div.project_intro3 div.col-sm-6 { float: left;}
   .content div.project_intro3 div.col-sm-6 h4 { font-size: 1em;}
   .content div.project_intro3 div.col-sm-6 div{ margin: 0 auto; padding: 0;}
   .project_nav,.market_nav { padding: 0; padding-top: 30px;}
   .project_nav ul,.market_nav ul { width: 50%; float: right; padding: 0;}
   .project_nav ul li { width: 25%;}
   .brand-head div.content-head-info h3 { font-size: 1.6em;}
   .content-head { margin: 1em auto; margin-bottom: 3em; width: 90%;}
   .intro_content1 div a img{ width: 30%;}
   .intro_content1{ padding: 20px 0;}

   .include_door { display: none;}
   .market_nav ul li { width: 30%;}
   .content-item div.item-info{ margin-top: 3em; width: 86%;}
   .item_door{ margin-top: 4em;} 
   .content-item div.item_header { width: 100%;}
  .content-head div.item-info div.news_item{ margin-top: 0px;  width: 100%; margin: 0 auto; text-align: left;}
  .info div.info-left{ padding-left: 0%;}
  .info div.info-left div.info-left-head h3 { font-size: 1.8em;}
  .content-item div.marging-no { margin: 0; padding: 0; width: 100%;}
  /**.content-head div.item-info div.news_item div.caption{ width: 200px; margin: 0 auto; background: none; } **/
  .content-head div.item-info div.news_item div.caption{ width: 100%; margin: 0 auto; background: none; text-align: center; }
 /** .content-head div.item-info div.news_item div.caption span.caption-name{ font-size: 0.8em; display: inline-block;border: 0; background: #000; border: 0; padding: 0 1em; }
  .content-head div.item-info div.news_item div.caption p.caption-info {font-size: 0.8em; color: #000; border: 1px solid #000; display: inline-block; margin: 0; padding: 0 1em; padding-bottom: 1px; }
  **/
 .content-head div.item-info div.news_item div.caption span.caption-name{ display: inline-table; background: #000; padding: 0 1em; font-size: 0.8em;}
  .content-head div.item-info div.news_item div.caption p.caption-info{ display: inline-table; border: #000 1px solid; padding: 0 1em; color: #000; font-size: 0.8em; margin: 0; padding-top: 1px;}
  .content-head div.item-info div.news_item ul.new_item_infocontent li { font-size: 1.1em; line-height: 1.4em;}
  .door_single_opened img { height: 240px;}
  .door_product img { height: 240px;}
  .dataItem_title { margin: 0; padding: 0;}
  .dataItem_title div.caption{ margin: 0; padding: 0; text-align: left; width: 85%;}
  .dataItem_title div.caption span.caption-name{ font-size: 1.2em; display: inline-block; text-align: center; }
  .dataItem_title div.caption p.caption-info{ font-size: 1.2em; display: inline-block; text-align: center; margin: 0; height: 100%;}
  
  .dataItem_title div.caption span.caption-name1{ width: 80%; display: block; margin: 0 auto;}
  .dataItem_title div.caption p.caption-info1{ width: 80%;display: block; margin: 0 auto; }
  
  .is_model_none{ display: none; }
  .is_pc_none{ display: block;}
  .info div.info-right img{ margin: 0px; margin-top: 15%;}
  .content div.row div.col-md-3 img { height: 260px;}
  .thumbnail div.caption { text-align: center; width: 100%;}
  .tianmao_content_head{ margin: 0;}
  .tianmao_content .tianmao_content_head ul{ width: 100%; padding: 1em;}
  .tianmao_content .tianmao_content_head ul li a { font-size: 1.2em; height: 35px; line-height: 35px;}
  .tianmao_content_info .icon_header h4{ font-size: 1.8em;}
  .tianmao_content_info .icon_header h4 font{ font-size: 1em;}
  .tianmao_content_info .icon_header p{ font-size: 1em; line-height: 1.5em;}
  .tianmao_content_info .icon_model{ margin: 1em 0;}
  .tianmao_content_info .icon_info{ margin-bottom: 5em;}
  .content .about_honors h4{ font-size: 1.6em;}
  .content .about_honors ul{ padding: 0;}
  .content .about_honors ul li { width: 33%;}
  .content .about_honors ul li span{ height: 40px;}
    .content .about_honors ul li span img{ height: 90%; margin: 0 auto;}
    .content .about_honors ul li.about_honors_width span img{height: auto; width: 90%; margin: 0 auto;}
    
  .content .about_state ul li{ width: 25%;}
  .content .about_state ul li span img{ height: auto; width: 90%; margin: 0 auto;}
  .content .about_honors ul li p{ font-size: 1em; margin: 0.5em 0;}
  .tianmao_content_info .icon_info h5{ font-size: 1.25em; line-height: 1.5em;}
  .tianmao_content_info .icon_info p{ font-size: 1em; line-height: 1.5em;}
  .tianmao_content_info .icon_info span.icon_info_icon img{ width: 30%;}
  .tianmao_content .tianmao_content_head ul li a{ font-size: 1em;}
  .about_head  ul.about_item_head li a.select{ font-size: 1em;}
  .tianmao_content_info .icon_model div.icon_watermark span.head_icon1{ font-size: 1.4em;}
  .tianmao_content_info .icon_model div.icon_watermark span.head_icon2{ font-size: 0.6em;}
  .tianmao_content_info .icon_info button.icon_info_button{ width: 30%; margin-left: 70%;}
  .tianmao_content_info .icon_info h4 img { width: 30%;}
  .content .content_panel img { width: 100%;}
  .english_about p{ font-size: 0.8em; line-height: 1.4em;}
  
  .home_content .home_content_item{width: 100%; margin: 5em 0;}
  .home_content .home_content_item div{width: 100%; text-align: center;}
  .home_content .home_content_item div.home_item_icon img { width: 60%;}
  
  .home_content .home_content_item div.home_item_info{ width: 100%; margin: 0; padding: 0; overflow: hidden; }
  .home_content .home_content_item div.home_item_info h4{ width: 90%; font-size: 1em;}
  .home_content .home_content_item div ol li{ font-size: 0.5em; height: auto; line-height: 1.8em;}
  .home_content .home_content_item div ol li span.left_align{ font-size: 1.5em; }
  .home_content .home_content_item div ol li span.right_align{ font-size: 1.4em; padding-left: 0;}
  
  .home_content .home_content_item div.home_item_info1 h4{ width: 90%; font-size: 1em; margin: 0 auto;}
  .home_content .home_content_item div.home_item_info1{ width: 60%; padding: 0;}
  
  .home_content .home_content_item div.home_item_info1 ol li span{ font-size: 1em;}
  .home_content .home_content_item div.home_item_info2{ width: 40%; padding: 0;}
  .home_content .home_content_item div.home_item_info2 h4{ margin: 0 auto; font-size: 1em; width: 86%;}
  .home_content .home_content_item div.home_item_info2 ol{ padding-left:1em; margin: 2em 0;}
  .home_content .home_content_item div.home_item_info2 ol li span.right_align{ font-size: 1em;}
  
  
  .home_content .home_content_item .home_item_foot div.foot_item div.foot_item_icon{ width: 100%; text-align: center;  margin-right: 0; margin-bottom: 5px;}
  .home_content .home_content_item .home_item_foot div.foot_item div.foot_item_icon img{ width: 40%;}
  .home_content .home_content_item .home_item_foot div.foot_item div span{ font-size: 0.5em;}
  
  .home_content .home_content_item .home_item_foot div.font_item_icon{ width: 100%;}
  .home_content .home_content_item .home_item_foot div.foot_item_info{ width: 100%;}
  .home_content .home_content_item .home_item_foot div.foot_item{ margin-left: 1%; width: 18%;}
  
  
  .home_content .home_content_item div.home_item_info3{ width: 46%; padding: 0;}
  .home_content .home_content_item div.home_item_info3 h4{  font-size: 1em; margin: 0 auto; width: 90%;}
    .home_content .home_content_item div.home_item_info3 ol li{ height: auto;}
  .home_content .home_content_item div.home_item_info3 ol li span{  font-size: 0.8em;}
  
  .home_content .home_content_item div.home_item_info4{ width: 27%; padding: 0;}
  .home_content .home_content_item div.home_item_info4 h4{ font-size: 1em;  width: 90%; margin: 0 auto;}
  .home_content .home_content_item div.home_item_info4 ol li { height: auto;}
  .home_content .home_content_item div.home_item_info4 ol li span{ font-size: 0.8em;}
  .home_content .home_content_english div.home_english_head h4{ font-size: 1.5em; margin-left: 0; padding-left: 0;}
  .home_content .home_content_item div.home_item_info ol{ padding: 2em 0;}
  .home_content .home_content_item div.home_item_info1 ol { padding: 2em 0;}
  .home_content .home_content_item .home_item_foot{ height: auto;}
}