/*@font-face{
    font-family: 'SOURCEHANSANSCN-REGULAR';
    src: url('/Public/fonts/SOURCEHANSANSCN-REGULAR_0.OTF');
}
@font-face{
    font-family: 'SOURCEHANSANSCN-BOLD';
    src: url('/Public/fonts/SOURCEHANSANSCN-BOLD_0.OTF');
}
@font-face{
    font-family: 'SOURCEHANSANSCN-MEDIUM';
    src: url('/Public/fonts/SOURCEHANSANSCN-MEDIUM_0.OTF');
}
@font-face{
    font-family: 'SOURCEHANSANSCN-NORMAL';
    src: url('/Public/fonts/SOURCEHANSANSCN-NORMAL_0.OTF');
}
@font-face{
    font-family: 'cambria';
    src: url('/Public/fonts/cambria.ttc');
}*/

@charset "utf-8";body,input,select,textarea{ font-family: "Microsoft YaHei", 微锟斤拷锟脚猴拷, 锟斤拷锟斤拷; font-size: 14px;}
html,body,div,span,applet,object,iframe,h1,button,select,input,textarea,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video,input{ margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline;
	/*font-family: SOURCEHANSANSCN-REGULAR; */
	-webkit-overflow-scrolling: touch; -webkit-tap-highlight-color: transparent; -moz-appearance: none; -webkit-appearance: none}
body{ background: #f2f2f2; text-size-adjust: none; font-smoothing: antialiased; width: 100%; height: 100%; color: #666; overflow-x: hidden; position: relative}
html{ text-size-adjust: none; font-size: 14px; width: 100%; position: relative; min-height: 100%}
@media (max-width: 320px), only screen and (-webkit-max-device-pixel-ratio: 1.9){ html{ font-size: 12px}
	}
table{ border-collapse: collapse; border-spacing: 0}
ul,ol,li{ list-style: none}
em,i{ font-style: normal}
img{ border: 0}
textarea{ outline: none}
a{ text-decoration: none; color: #333}
a:active{ color: #ea5404}
input:focus,textarea:focus,button:focus,a:focus{ outline: none}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{ -webkit-appearance: none; margin: 0}

/*.header{*/


/*width:100%;*/


/*text-align:center;*/


/*margin: 5% 0;*/


/*margin-bottom: 3px;*/


/*}*/


/*.header .logo{*/


/*display: inline-block;*/


/*vertical-align: middle;*/


/*width: 20%;*/


/*}*/


/*.header .logo img{*/


/*width:100%;*/


/*}*/


/*.header .logo-description{*/


/*display: inline-block;*/


/*vertical-align: middle;*/


/*}*/


/*.header .logo-description .big-title{*/


/*!*font-family: SOURCEHANSANSCN-BOLD;*!*/


/*font-size: 107%;*/


/*font-weight: bold;*/


/*color: #333333;*/


/*}*/


/*.header .logo-description .small-title{*/


/*!*font-family: SOURCEHANSANSCN-MEDIUM;*!*/


/*color: #666666;*/


/*font-size: 120%;*/


/*}*/

.wrap img{ width: auto; height: auto; max-width: 100%; max-height: 100%;
	/*height: 118px;*/
	}
.g-hd{ height: 10.29rem; background: #fff; overflow: hidden; background: url(http://www.tinheo.com/mobile/Images/Common/h_bj.gif) repeat-x center top; -webkit-background-size: 0.5rem 14.29rem; -moz-background-size: 0.5rem 14.29rem; -o-background-size: 0.5rem 14.29rem; background-size: 0.5rem 14.29rem;}
.g-hd p{ text-align: center; height: 2.58rem; overflow: hidden; padding-left: 2.29rem; line-height: 2.58rem; font-size: 1rem; color: #fff; background: #22296d; -webkit-background-size: 1.67rem .67rem; -moz-background-size: 1.67rem 1.67rem; -o-background-size: 1.67rem 1.67rem; background-size: 1.67rem 1.67rem}
.g-hd p span{ font-size: 1.25rem; font-weight: bold; font-family: Arial, Helvetica, sans-serif;}
.m-logo{ display: block; width: 10.17rem; height: 3.5rem; overflow: hidden; margin: 2.38rem auto 0;float: left;margin-left: 0.8rem;}
.m-logo img{ width: 100%; height: 100%;}
.m-wz{ font-size: 0.83rem; color: #666; line-height: 1.3rem; float: left; margin-top: 1.5rem; margin-left: 0.5rem;}
.m-wz b{ display: block;color: #2a2e2d;font-size: 15px;margin-top: 5px;}
nav{ height: 7.03rem; overflow: hidden; position: relative;}
nav:before{ position: absolute; content: ""; width: 100%; height: 1px; top: 50%; left: 0; background: #22296d; border-top: 1px solid #3a3b3d; z-index: 10;}
nav a{ color: #fff; background: #22296d; font-size: 1rem; width: 25%; text-align: center; height: 3.5rem; line-height: 3.5rem; overflow: hidden; display: block; float: left; position: relative;}
nav a:before{ position: absolute; content: ""; width: 1px; height: 3.5rem; top: 0; right: 0; background: #22296d; border-right: 1px solid #3a3b3d;}
nav a:nth-child(3n):before{ background: none;}
.banner{ width: 100%;}
.banner img{ width: 100%;}
.nav{ width: 100%; text-align: center; background: #1b995c; margin-top: 5%;}
.nav ul li{ display: inline-block; width: 20%; padding: 2%; white-space: nowrap; overflow: hidden; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; margin: -1px; font-size: 13px;}
.nav ul li img{ width: 70%;}
.nav .first{ border-left: 1px solid #e5e5e5;}
.nav .second{ border-bottom: 1px solid #e5e5e5;}
.nav .nav-icon{ margin-bottom: 5px;}
.nav ul li a{ color: #333;}
.recommend-product{ width: 100%; background: #fff; padding-left: 2%; margin-top: 5%;}
.recommend-title{ padding: 3% 7%; background-color: #1b995c; margin-top: 5%;}
.recommend-title .title{
	/*font-family: 'SOURCEHANSANSCN-MEDIUM';*/
	font-size: 200%; color: #fff; width: 79%; display: inline-block;}
.recommend-title .more{ width: 19%; display: inline-block; text-align: right; font-size: 110%;}
.recommend-title .more a{ color: #fff;}
.recommend-product ul li{ display: inline-block; width: 47%; border: 1px solid #e5e5e5; margin: 1% 1% 1% 0;}
.recommend-product .product-img{ width: 100%;}
.recommend-product .product-img img{ width: 100%;}
.recommend-product .products-title{ padding: 3% 0; text-align: center; font-size: 125%; background: #ebebeb;}
.recommend-product .products-title a{ color: #333;}
.case{ width: 100%; background: #fff; padding: 1%;}
.case ul li{ display: inline-block; width: 47%; margin: 1%;}
.case .case-img{ width: 100%;}
.case .case-img img{ width: 100%;}
.case .case-title{ text-align: center; height: 30px; line-height: 30px; background: #1a0f0e; filter: alpha(Opacity=60); -moz-opacity: 0.6; opacity: 0.5; margin-top: -33px; font-size: 125%;}
.case .case-title a{ color: #fff;}
.news{ width: 100%; background: #fff; padding: 1%}
.news ul li{ padding-bottom: 2%; border-bottom: 1px dashed #e9e9e9;}
.news .news-title{ font-size: 120%; padding: 2% 5%; font-weight: bold;}
.news .news-discription{ padding: 0 5%;}
.news .news-title a{ color: #333;}
.news .news-discription a{ color: #999999;}
.new-nav{ width: 100%; background: #22296d;}
.new-nav ul li{ width: 19%; display: inline-block; text-align: center; padding: 5% 0;}
.new-nav a{ color: #fff;}
.wap-page{ text-align: center; margin: 5% 0;}
.productinfo{ margin: 5% 0; background: #fff; padding: 0 1%;}
.productinfo .product-title{ text-align: center; font-size: 180%;
	/*font-family: 'SOURCEHANSANSCN-MEDIUM';*/
	color: #333; padding: 3% 0;}
.productinfo .product-cover{ width: 100%;}
.productinfo .product-cover img{ width: 100%;}
.productinfo .feedback-button{ padding: 3% 0; text-align: center;}
.productinfo .feedback-button a{ color: #fff; background: #22296d; font-size: 140%; padding: 2% 5%;}
.productinfo .product-content-title{ padding: 0 5%; border-left: 4px solid #22296d; font-size: 130%; margin: 3% 0; color: #333;}
.productinfo .product-content{ width: 100%;}
.product-cate{ margin-top: 5%; padding: 0 2%; background: #fff;}
.product-cate .product-category{ padding-bottom: 5%;}
.product-cate .product-category .product-category-title{ padding: 3%; background: #22296d; font-size: 120%;}
.product-cate .product-category .product-category-title a{ color: #fff;}
.product-cate .product-category ul li{ padding: 2%; font-size: 110%; border-bottom: 1px dashed #e1e1e1;}
.product-cate .product-category a{ color: #333;}
.productinfo .contact ul li{ padding: 5%; font-size: 115%;}
.footer{ background: #22296d; position: fixed; bottom: 0; width: 100%;}
.container{ padding: 1%; margin: 0 auto; text-align: center;}
.container a{ color: #fff;}
.warp-line-4{ display: inline-block; width: 23.5%; vertical-align: middle; text-align: center;}
.footer img{ width: 35%;}
.warp-line-4 div{ margin-top: -6%;}
.container-right{ padding: 2%; background: #fff;}
.container-right .feedback-item{ margin: 5%;}
.container-right .feedback-item .feedback-item-left{ width: 20%; display: inline-block;}
.container-right .feedback-item .feedback-item-right{ display: inline-block; width: 75%;}
.container-right .feedback-item .feedback-item-right input{ border: 1px solid #c9c9c9; outline: none; border-radius: 4px; width: 100%; height: 30px; padding-left: 5px;}
.container-right .feedback-item .feedback-item-right textarea{ width: 100%; height: 80px; padding-left: 5px; border: 1px solid #ccc; border-radius: 4px; vertical-align: middle;}
.container-right .feedback-item .feedback-submit{ border: 0; color: #fff; background-color: #22296d; padding: 3% 8%; font-size: 18px; border-radius: 4px;}
.list-container{ width: 1200px; margin: 30px auto;}
.list-container .group{ margin: 60px 0 30px 0;}
.list-container .group .title{ font-size: 24px;}
.list-container .group .top-group{ margin-top: 40px;}
.list-container .group .groups{ margin-top: 20px;}
.list-container .group .title a{ font-size: 16px; float: right; width: 100px; height: 30px; line-height: 30px; color: #fff; background: #ffc700; text-align: center;}
.list-container .group .top-group ul li{ display: inline-block; margin-left: 25px; margin-bottom: 25px;}
.list-container .group .top-group a{ padding: 10px 10px; background: #e8e8e8; font-size: 16px; color: #333;}
.list-container .group .groups ul li{ border-bottom: 1px dashed #999; margin-bottom: 25px;}
.list-container .group .groups .k{ display: inline-block; font-size: 18px; margin: 0 30px 0 20px;}
.list-container .group .groups .v{ display: inline-block; vertical-align: top; width: 1100px;}
.list-container .group .groups .v a{ line-height: 20px; margin-right: 20px; margin-bottom: 20px; font-size: 16px; display: inline-block; color: #666666;}
.map-produt .map-produt-title{ font-size: 16px; color: #666666; padding-left: 20px; border-left: 5px solid #333;}
.map-produt-cate_list{ margin: 10px 0;}
.map-produt-cate_list a{ padding: 10px; color: #333; font-size: 16px;}
.product-main .product-content .container-right .search-products ul li{ display: inline-block; margin: 0 20px 20px 0;}
.product-main .product-content .container-right .search-products ul li{ display: inline-block; margin: 0 20px 20px 0;}
.product-main .product-content .container-right .search-products .products-title{ text-align: center;}
.product-main .product-content .container-right .search-products .product-img img{ width: 150px;}
.product-main .product-content .container-right .search-news ul li{ margin: 0 0 20px 0; border-top: 1px solid #ccc; padding-top: 15px;}
.product-main .product-content .container-right .search-news .search-news-title{ font-size: 16px;}
.product-main .product-content .container-right .search-news .search-news-discription{ margin-top: 10px;}
.product-main .product-content .container-right .search-news .search-news-basic{ color: #999999;}
.product-main .product-content .container-right .search-news .search-news-basic span{ margin-right: 20px;}
.productinfo .cp_c{ height: 37.42rem; width: 92.4%; margin: auto;}
.productinfo .cp_c ul li{ line-height: 0; width: 11.04rem; height: 12.5rem; float: left; margin-right: 2rem;}
.productinfo .cp_c ul li p{ height: 3.17rem; text-align: center; font-size: 1rem; line-height: 3.17rem; color: #666;}
.productinfo .cp_c ul li img{height: 124px;margin-left: 1px; width: 100%; border: 1px solid #d0d0d0; box-sizing: border-box;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;-o-box-sizing: border-box;}
.productinfo .cp_c ul li:nth-child(2n){ margin-right: 0;}
@media screen and (min-width:320px) {
	html {font-size:75%;}
}
@media screen and (min-width:360px) {
	html { font-size:85%;}
}
@media screen and (min-width:375px) {
	html { font-size:87.5%;}
}
@media screen and (min-width:480px) {
	html { font-size:110.5%;}

}
@media screen and (min-width:568px) {
	html { font-size:129%;}

}
@media screen and (min-width:639px) {
	html { font-size:150%;}
}