@charset "utf-8";
@media screen and (min-width:0px)  and  (max-width:1024px)  {
body,html { width:100%; min-height: 100%; font-family:Arial, Helvetica, sans-serif; font-size:10px;}
html{font-size:62.5%}
@media only screen and (min-width:321px) {html {font-size:62.5%!important}}
@media only screen and (min-width:361px) {html {font-size:70.31%!important}}
@media only screen and (min-width:376px) {html {font-size:73.24%!important}}
@media only screen and (min-width:481px) {html {font-size:98%!important}}
@media only screen and (min-width:561px) {html {font-size:119%!important}}
@media only screen and (min-width:641px) {html {font-size:125%!important}}
/*------公用------*/
.wrap{}
.special-wrap{}
.pc{display:none;}
.wap{display:block;}
.center a{ text-align:center;  margin:0 auto; margin-top:20px;}

/*更多*/
.more{text-transform:uppercase;}
.more a{display:block; height:3rem; line-height:3rem; width:10rem; text-align:center; margin:0 auto; font-size:1.2rem;}

.blue a{color:#28ACFF; background:url(/templets/temp2017/images/arrows2.png) no-repeat 85% center; padding-right:30px; border:1px solid #28ACFF;}
.blue a:hover{color:#fff;  background:url(/templets/temp2017/images/arrows3.png) no-repeat 95% center #28ACFF; padding-right:30px;}
.white a{color:#fff; background:url(/templets/temp2017/images/arrows3.png) no-repeat 85% center; padding-right:30px; border:1px solid #fff; margin:30px auto 0 auto;}
.white a:hover{color:#333;  background:url(/templets/temp2017/images/arrows7.png) no-repeat 95% center #fff; padding-right:30px;}


/*标题*/
.titleText{text-align:center;}
.titleText h3{font-size:1.8rem; color:#666; margin-bottom:1rem; text-transform:uppercase; text-align:center; margin-top:1rem;}
.titleText p{font-size:1.2rem; color:#666666; line-height:160%; margin-bottom:1rem;}
.titleText a{color:#666666;}

.leftNav{background:#C9CACA; padding:8px 10px; font-size:18px; color:#fff;}

.pageNav{background:#fff; border-bottom:5px solid #28ACFF; text-align:center;  font-size:1.8rem;  text-transform:uppercase; padding-top:2rem; padding-bottom:2rem;}


/*------头部------*/
.header{padding:1rem; overflow:hidden;}
.header a{ color:#666;}
/*LOGO*/
.logo{float:left; width:100%; margin-top:10px; text-align:center;}

/*语言*/
.wap-language{float:left; width:30%; text-align:right; font-size:1.2rem; margin-top:5%; cursor:pointer;}
.wap-language em{background:url(/templets/temp2017/images/arrows.png) no-repeat right; padding-right:1.5rem;}
.wap-languagePop{border-top:1px solid #efefef; display:none;}
.wap-languagePop li{line-height:3rem; border-bottom:1px solid #efefef; font-size:1.2rem; text-align:center; font-size:1.2rem;}


/*导航*/
.wap-nav{float:right; width:20%; text-align:right; cursor:pointer;}
.wap-nav img{width:30%; margin-top:15%;}


/*导航弹出*/
.wap-navPop{border-top:1px solid #efefef; display:none;}
.wap-navPop li{line-height:3rem; border-bottom:1px solid #efefef; font-size:1.2rem;}
.wap-navPop li.arrows{background:url(/templets/temp2017/images/arrows-wap-01.png) no-repeat 95% 1rem; background-size:1rem;}
.wap-navPop li a{padding-left:1rem; display:block; color:#666;}
.wap-navPop li dl{ margin-left:2rem; display:none;}
.wap-navPop li dl em{border-bottom:1px solid #efefef; display:block;}
.wap-navPop li dl em a{background:url(/templets/temp2017/images/dot.jpg) no-repeat 0 center;}


/*联系*/
.wap-contact{background:#002b45; overflow:hidden; height:6rem; line-height:3rem; font-size:1.2rem; color:#fff;}
.wap-contact li{float:left; width:50%; text-align:center;}
.wap-contact a{ color:#fff;}

/*联系*/
.contact{}
.contact-info{float:left; margin-right:10px;}
.contact-info li{float:left; height:21px; line-height:24px; padding-left:23px; margin-right:10px;}
.contact-info li.contact-s{background:url(/templets/temp2017/images/contact-icon-a.png) no-repeat;}
.contact-info li.contact-tel{background:url(/templets/temp2017/images/contact-icon-b.png) no-repeat;}

/*语言*/
.language{ float:right; position:relative;}
.language-choos{border:1px solid #C9CACA; background:url(/templets/temp2017/images/arrows.png) no-repeat 90% center; height:20px; line-height:20px; display:block; padding-left:10px; padding-right:20px; cursor:pointer;}
.language-choos:hover{background:url(/templets/temp2017/images/arrows.png) no-repeat 90% center #f9f9f9; }
.language-list{text-align:center; border:1px solid #C9CACA; border-top:none; display:none; position:absolute; width:98%; top:22px; z-index:100;}
.language-list dd{line-height:25px; height:25px; border-bottom:1px solid #efefef; background:#fff;}
.language-list dd a{display:block;}
.language-list dd a:hover{background:#f9f9f9;}

.indexabout{background:#f7f7f7; padding:1rem; overflow:hidden; height:auto; width:95%; overflow:hidden;}
.aboutLeft{float:left; width:100%;height:auto;}



/*------位置------*/
.path{line-height:2rem; text-align:center; font-size:0.8rem; color:#999; padding-top:1rem; padding-bottom:1rem; height:2rem; overflow:hidden;}

.products-banner{width:100%;height:18rem;background:url(/templets/temp2017/products/bg-banner-m.jpg) 0 0 no-repeat;}
.products-text{width:98%;height:auto;margin:0 auto; padding:1%;text-align:center;}
.products-text p{margin:0; padding:0;font-weight:bold; line-height:2.5rem;}
.products-text .h1{font-size:1.7rem; padding-top:1rem;}
.products-text .h3{font-size:1rem; line-height:1.2rem; margin:1rem 0;}

.p-list{width:100%;height:auto;margin:2.5rem auto; padding:0; clear:both; color:#041e41;}
.p-list h1{ width:100%;background:url(/templets/temp2017/products/news_h3_bg.png) no-repeat center center; text-align:center; font-size:1.5rem; font-weight:bold; margin-bottom:2rem;text-transform:uppercase;}
.p-list .text{width:98%; font-size:0.8rem; margin:1.2rem auto; padding-left:1rem; line-height:1.6rem;}
	.p-list ul{width:100%;clear:both;}
	.p-list li{ width:48%; height:auto; margin-right:1%;overflow:hidden; float:left; margin-bottom:1.5rem; border-bottom:solid 1px #ccc; padding-bottom:2rem;}
	.p-list li #s1{margin-right:0px; }
	.p-list h2{ font-size:1rem; font-variant:inherit; font-weight:bold; margin:1rem 0; text-align:center; height:2.4rem; overflow:hidden;}
	.p-list h2 a, .p-list h2 a:visited{ color:#041e41;}
	.p-list h4{ margin:1rem 1rem;}
	.box{width:100%; height:auto; padding:0; margin:0;}
	.box img{ width:100%; height:auto;}
	.p-list h4 span{width:100%; float:left; font-size:0.8rem; padding-left:3.5rem; padding-top:1rem; height:4rem; overflow:hidden;}
	.p-list .h4-img1{ background:url(/templets/temp2017/products/h4_s1.jpg) 0 0 no-repeat;}
	.p-list .h4-img2{ background:url(/templets/temp2017/products/h4_s2.jpg) 0 0 no-repeat;}
	.p-list h5{ font-size:1rem; line-height:1.5rem; margin:1rem 0;}
	.p-list .h5-l{ width:100%; height:6rem; float:left; overflow:hidden; padding-left:1%;}
	.p-list .h5-r{ width:47%; height:auto; float:left; overflow:hidden; margin-top:1rem; text-align:center; margin-left:1%;}
	.p-list .h5-r{background:#f8c301; padding:0.2rem;font-size:0.8rem;}
	.p-list .h5-r a{ color:#fff;;}
.p-news{width:100%;height:auto;margin:0 auto; padding:0; clear:both;}
	.p-news h2{ width:100%; font-size:1.5rem; font-weight:bold; margin-bottom:2rem;text-transform:uppercase; text-align:center;}
	.p-news a,.p-news a:visited{ color:#041e41;}
	.p-news-l{ width:100%; height:auto; float:left; overflow:hidden;}
		.p-news-l ul{width:100%; height:auto; overflow:hidden;}
		.p-news-l ul li{width:46%; height:auto; margin-bottom:1rem; margin-left:2%; float:left; overflow:hidden;}
		.p-news-l ul li h4{ width:100%; overflow:hidden; margin-bottom:1rem;}
		.p-news-l li h4 img{width:100%;}
		.p-news-l li h5{ width:100%; overflow:hidden;margin-bottom:1rem; height:3rem;overflow:hidden;}
		.p-news-l li h3{ width:100%; height:4rem; overflow:hidden;text-transform:uppercase; font-size:0.8rem; line-height:1rem; font-weight:bold;}
		.p-news-l li p{ width:100%; height:11rem;overflow:hidden; font-size:0.8rem;background:url(/templets/temp2017/products/h4_bg.jpg) no-repeat 0 bottom; padding-bottom:1rem;}
.p-news-r{ width:98%; height:auto; margin:0 auto;overflow:hidden;}
	.p-news-l ul{}
		.p-news-r li{ width:100%;height:auto; margin-bottom:2rem;overflow:hidden; border-bottom:dotted #ccc 0.1rem; padding-bottom:2rem;}
		.p-news-r h3{ width:100%; height:auto; float:left;text-transform:uppercase; font-size:1.2rem; line-height:1.5rem;}
		.p-news-r h3 span{ width:100%; height:auto; clear:both;}
		.p-news-r .time{width:100%; margin:1rem 0; color:#666; font-size:1rem;background:url(/templets/temp2017/products/h4_bg.jpg) no-repeat 0 bottom;padding-bottom:2rem;}
		.p-news-r .h5-r{background:#f8c301; padding:1rem; font-size:1rem; line-height:1.2rem;}
		.p-news-r h4{ width:100%; height:auto;}
		.p-news-r h4 img{ width:100%; height:auto;}
		.p-news-r p{ width:100%; height:auto; font-size:1rem; line-height:1.5rem;}
		
		
.p-b{ width:100%;height:auto; margin:0 auto; background:#434343;}
.p-btitile{}
.p-btitile h4{text-align:center;font-size:1.3rem; color:#fff; background:#041e41; line-height:2.5rem; overflow:hidden;}
.p-bottom{width:100%;height:auto;margin:0 auto; padding:0; clear:both;border-left:0.5rem solid #fff;border-right:0.5rem solid #fff;}
	.p-footer{width:100%; height:auto; margin:0 auto;}
	.p-footer-l{ width:100%; height:auto;float:left; background:#434343;}
		.p-footer-l dl{ width:95%; margin:1rem auto;padding-bottom:1rem; }
		.p-footer-l dd{ color:#fff; padding-left:2.5rem; height:3rem;font-size:1rem;line-height:2rem;}
		.p-footer-l dd a{color:#fff;}
		.p-footer-l .tel{background:url(/templets/temp2017/products/tel.jpg) no-repeat 0 0;}
		.p-footer-l .fax{background:url(/templets/temp2017/products/fax.jpg) no-repeat 0 0;}
		.p-footer-l .email{background:url(/templets/temp2017/products/email.jpg) no-repeat 0 0;}
		.p-footer-l .mobile{background:url(/templets/temp2017/products/mobile.jpg) no-repeat 0 0;}
		.p-footer-l .skype{background:url(/templets/temp2017/products/skype.jpg) no-repeat 0 0;}
		.p-footer-l .add{background:url(/templets/temp2017/products/add.jpg) no-repeat 0 0;}	
/*-----liu yan ban-----*/
.foteny_ly{width:100%;margin:0 auto;box-sizing:border-box; background:#f7f7f7;}
.foteny_ly h3{text-align:center;font-size:1.3rem; color:#fff; background:#041e41; line-height:2em; overflow:hidden;}
.foteny_ly dl{width:100%;padding:1rem; box-sizing:border-box;}
.foteny_ly dl dd{ width:100%; overflow:hidden;margin-bottom:1rem; padding-left:0;}
.foteny_ly dl dd input{ float:left;width:96%;height:3rem;border-radius: 0.4rem; background-color:rgba(255,255,255,0.7); color:#333; padding-left:3rem;line-height:3rem; box-sizing:border-box; background-size:19px 17px;border:1px solid #ccc; font-size:0.8rem;}
.foteny_ly dl dd span,.foteny_ly dl dt span{ width:1rem; color:#e41f1f; float:left; height:3rem; line-height:3rem; display:block;}
.foteny_ly dl dt{ width:100%;overflow:hidden;}
.foteny_ly dl dd select{float:left;width:96%;height:3rem;border-radius: 0.4rem; background-color:rgba(255,255,255,0.7); color:#000; padding-left:3rem;line-height:3rem; box-sizing:border-box; background-size:19px 17px;border:1px solid #ccc; font-size:0.8rem;}
.foteny_ly dl dt textarea{float: left;width:96%;margin-bottom:1rem; height:8rem;background-color:#fff;box-sizing:border-box;color:#666; line-height:2em;font-family:Hind, Arial, Helvetica, sans-serif;padding-left:3rem;border:1px solid #ccc;background-size:19px 17px;border-radius: 0.4rem;font-size:0.8rem;}
.user{background: url(/templets/temp2017/products/ly1.png) no-repeat 8px center;}
.cp{background: url(/templets/temp2017/products/ly2.png) no-repeat 8px center;}
.yxtb{background: url(/templets/temp2017/products/ly3.png) no-repeat 8px center;}
.tel2{background: url(/templets/temp2017/products/ly4.png) no-repeat 8px center;}
.lytb{background: url(/templets/temp2017/products/ly5.png) no-repeat 8px 5px;}
.button1{width:100%;margin:10px auto; text-align:center; cursor:pointer;}
.button1 input{ width:auto;font-size:1rem; padding:0 3rem; border:none;line-height:2.5em; text-transform:uppercase; background: -webkit-gradient(linear, 0% 2%, 100% 10%,from(#ffcb01), to(#ffde5c)); font-weight: 500; border-radius:3px; border:1px solid #f1c000; color:#000;}

.copyright{color:#ccc;}
.copy-l{ width:100%; float:left; clear:both; padding:1rem;font-size:0.8rem;}
.copy-l ul{float:left; margin:1rem 0; clear:both;}
.copy-l p{float:left;clear:both; line-height:1.2rem;}
.copy-l li{ float:left; margin-right:1rem; line-height:1.2rem;}
.copy-l li a{color:#ccc; font-size:0.8rem;}
.copy-r{ width:100%; text-align:center; color:#bcbcbc; line-height:2rem; font-weight:bold; text-transform:uppercase; font-size:1.2rem;background:#353535; padding:1rem;}
.copy-r a{ margin-left:1rem;}

.p_footer{position:fixed; text-transform:uppercase; bottom:0; max-width:780px;width:100%; margin:0 auto;z-index:99999;}
.p_footer ul{ list-style:none;height:40px; line-height:40px; text-align:center;}
.p_footer ul li{ width:50%; box-sizing:border-box; display:block; float:left;height:45px;font-size:14px; text-align:center;}
.p_footer ul li img{width:24px; height:24px; margin-right:5px; vertical-align:middle;}
.p_footer ul li a{ color:#fff; display:block;}
.p_footer ul li:nth-child(1){background: -webkit-linear-gradient(left, #ffcb01,#ff9502 30%,#ff9502);height:40px;
    background: -o-linear-gradient(right, #ffcb01,#ff9502 30%,#ff9502);background: linear-gradient(to right, #ffcb01,#ff9502 30%,#ff9502);
    background: -moz-linear-gradient(right, #ffcb01,#ff9502 30%,#ff9502);}
.p_footer ul li:nth-child(2){ border-left:1px solid #fff;background: -webkit-linear-gradient(left, #ff7700,#ff4a00);height:40px;display:block;
    background: -o-linear-gradient(right, #ff7700,#ff4a00 30%,#ff4a00);
    background: -moz-linear-gradient(right, #ff7700,#ff4a00 30%,#ff4a00);
    background: linear-gradient(to right, #ff7700,#f34a00 30%,#ff4a00);}

.cd-top1 {
  height: 38px;
  width: 39px;
   bottom: 80px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);}
.float{width: 40px;position: fixed;bottom: 23%;right: 0;z-index: 9999;background:rgba(255,220,0,0.8);}
.float img{width:100%;height:auto;}

.bottom{width:100%;height:2.5rem; line-height:2.5rem;background:#ccc;position:fixed;bottom:0;/**距离底部为0*/left:0;z-index:1;}
.bottom li{ width:25%; float:left; font-size:1.1rem; text-align:center;}
.bottom a{ color:#000;}
}