/*全局样式*/

body,ul,li,p,span,div,img,h1,h2,h3,h4,h5,em,a,iframe,input,select,option,button{padding:0px;margin:0px;border:none;}

body{font:14px/1.5em Arial,"Microsoft YaHei","Open Sans";color:#333;overflow-x:hidden;}

table{ border-collapse:collapse;}

a{color:#000; text-decoration:none; cursor:pointer; outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);/*font-family: "Open Sans"*/}

em{font-style: normal;}

ul,li{list-style:none;}

/*.cl:after{ clear:both; display:block; height:0; text-indent:-9999px;}*/

.clear:after{ clear:both; display:table; content:"";}

.clear{*zoom:1;}

h1,h2,h3,h4,h5{font-weight: normal;}

a:hover{color: #f29512;}

.w1500{width: 77%;margin: 0px auto;padding: 0px 1%;}

.full_w{width:100%;}

/*img{width: 100%;height: auto;}*/

.w1500 h4{font-size: 36px;font-weight: bold;text-align: center;padding: 15px 0px;line-height: 36px;}

.bread{font-size:16px;}

.bread a{color: #fff;}

.bread a:hover{color: #f29512;}

.tab{width: 100%;text-align:center;}
img{width: 100%;height: auto;}



.header{position: relative;}

.header .img_txt{position: absolute; left: 20%; bottom: 30%;color: #fff;font-size: 48px;animation:moveT 1.5s ease-in-out}

@keyframes moveT{

			0%{opacity: 0;bottom: 5%;}

			100%{opacity: 1;bottom: 30%;}

		}

.header p{margin-bottom:8%;}

.header .img_txt_font{font-size: 18px;}

.header .img_txt>a{padding: 3% 5%; color: #fff;background: #f29512;font-size: 18px;}

.header .nav{position: absolute;left: 0px;top:0px;width: 100%; padding: 0.5% 0px;}

.header .float{position:fixed;top: 0px;left: 0px;z-index: 99999;background: #000;filter: alpha(opacity=70);opacity:0.7;}

.header .nav .logo{float: left;width: 20%;text-align:center;}

.header .nav .nav_det{float: right;width: 60%;}

.header .nav .nav_det a{color:#fff; }

.header .nav .nav_det a:hover{color: #f29512;}

.header .nav .nav_det>ul>li{float: left;position: relative;}

.header .nav .nav_det>ul>li>a{font-size:18px;padding:30px 18px;display: block;cursor: pointer;}

.header .nav .nav_det>ul>li>a.search{background: url(/images/icon.png) no-repeat -175px 8px;}

.header .nav .nav_det .nav_list{display: none;position: absolute;left: 0px;top: 91px;/*width: 400px;*/background: #000;opacity: 0.7;/*padding: 10px 15px;*/}

.header .nav .nav_det .nav_list .child_list{display: none;}

.header .nav .nav_det .nav_list ul li a{font-size: 16px;display: block;padding:10px 15px; width: 400px;}

.header .nav .nav_det .nav_list form{position: relative;}

.header .nav .nav_det .nav_list input{padding: 10px 40px 10px 10px;}

.header .nav .nav_det .nav_list button{position:absolute;right:0px; top:0px;padding:18px;background:url(/images/icon.png) no-repeat -175px -11px; }

.main .cata,.cer,.company,.hot,.main_news{padding: 100px 0px;}

/*.main .cata h4{line-height: 48px; width: 70%;margin: 0 auto;}*/

.main .cata ul{overflow: hidden;}

.main .cata ul li{float: left;position:relative;}

.main .cata ul li img{width: 100%;height: auto;display: block;}

.main .cata ul li>p::after{content:"";display:block;clear:both;width:100%;height:100%;background: #000;opacity: 0.3;filter:alpha(opacity=30);position: absolute;top: 0px;left:0px;}

.main .cata ul li .cata_txt{position:absolute;left:0px;top:40%;text-align:center;width: 100%;}

.main .cata ul li .cata_txt a{color: #fff;font-size: 32px; font-weight: bold;}

.main .cata ul li .cata_txt p{color: #fff;margin-top: 15px;font-size: 18px;}

/*.main .cata ul.cata_2 li .cata_txt{top: 180px;}*/

.main .cata ul.cata_1 li{width: 48%;margin: 1%;}

.main .cata ul.cata_2 li{width: 32.3%;margin:0.5%; }

.cer{background: #f29512;text-align: center;}

.cer .w1500 h4{color: #fff;margin-bottom: 50px;}

.company p{font-size: 18px;padding: 15px 20px;}

.hot{background: #33312e;}

.hot h4{color: #fff;}

.hot p{font-size:18px; color: #fff;padding: 15px 0px; text-align:center;}

.hot ul{overflow: hidden;}

.hot ul li{float: left;width: 24%;margin:1% 0.5%;}

.hot ul li h3{padding: 10px 0px;text-align:center4    ;}

.hot ul li h3 a{color: #fff;}

.main_news h4{margin-bottom: 50px;}

.main_news ul{overflow: hidden;}

.main_news ul li{float:left;width: 32.3%;margin:0px 0.5%;}

.footer{background: #242424;}

.footer .footer_det{overflow: hidden;color: #fff;padding: 50px 0px 15px;}

.footer .footer_det a,.copyright{color: #fff;}

.footer .footer_det>div{float: left;width: 33.3%;}

.footer .footer_det .logo_f p{font-size: 20px;padding: 8px 0px;}
.footer .footer_det h5{font-size: 24px;padding: 12px 0px;}

.footer .footer_det .logo_f p i{display: inline-block;width:45px; height: 45px;background: url(/images/icon.png) no-repeat -45px -156px;vertical-align:middle;}

.footer .footer_det .logo_f p.mail i{background-position:0px -156px;}

.footer .footer_det .logo_f p a:hover,.footer .footer_det .pro_f ul li a:hover{color: #f29512;}

.footer .footer_det .pro_f p{font-size: 24px;border-bottom: 1px solid #fff;padding: 10px 0px;}

.footer .footer_det .pro_f ul li{font-size: 16px;padding: 8px 0px; }

.footer .copyright{text-align:center;padding: 20px;border-top:1px solid #fff;}

.footer .sns li{display: inline-block;margin-right: 5px;}

.footer .sns li a{width: 45px;height: 45px;display:block;background: url(/images/icon.png) no-repeat -140px -54px;transition: .3s linear .1s;}

.footer .sns li.fb a{background-position:0px -54px;}

.footer .sns li.twi a{background-position:-45px -54px;}

.footer .sns li.lin a{background-position:-94px -54px;}

.footer .sns li.pin a{background-position:-235px -54px;}

.footer .sns li.ins a{background-position:-188px -54px;}

.footer .sns ul li a:hover{background-position: -140px -109px;}

.footer .sns ul li.fb a:hover{background-position:0px -109px;}

.footer .sns ul li.twi a:hover{background-position:-45px -109px;}

.footer .sns ul li.lin a:hover{background-position:-94px -109px;}

.footer .sns ul li.pin a:hover{background-position:-239px -109px;}

.footer .sns ul li.ins a:hover{background-position:-188px -109px;}
.logo img,.logo_f img{width: 280px;height: 76px;}
.wechat img{width:200px; height: 200px;}


/*about us*/

.about .com,.fac,.test,.one,.tec,.qua,.future,.sol,.con_det,.pro,.news,.pro_main{overflow: hidden;padding: 50px 0px;}

.about .com .com_l{float: left;width: 60%;padding: 80px 0px;}

.about .com .com_l p{font-size: 16px;margin-bottom: 30px;}

.about .com .com_l .est{font-size: 36px;}

.about .com .com_l p span{color: #f29512;font-weight: bold;}

.about .com .com_r{float: right;}  

.fac p,.test p{text-align:center;font-size: 16px;padding: 20px;}

.fac ul{overflow: hidden;}

.fac ul li{float:left;width:32.3%;margin:0px 0.5%;}}



/*core*/


.one ul{overflow: hidden;}

.one ul li{float: left; width: 32%;height:260px;margin:1% 0.5%;background: #f7f7f7;}

.one ul li h2{padding:10px 0px;text-align:center;}

.one ul li p{padding:0px 4%;}

.core_con{position:relative; color: #fff;}

.core_con img{display: block;}

.core_con .sam{position:absolute; left: 10%; top: 33%;text-align:center;font-size:16px;}
/*.core_con .sam p{margin-top: 15px;}*/
.core_con .sam p a{color: #fff;padding:15px 20px; background: #f29512;}

.core_con .sam p a:hover{color: #f29512;background: #fff;}



/*solutions*/

.future>p:first-child{font-size:24px;text-align:center;padding: 10px 0px;font-weight: bold;}

.future ul,.sol ul{overflow: hidden;}

.future ul li{float: left;width: 24%;margin:1% 0.5%;text-align:center;}

.future ul li h2{padding: 10px 0px;font-weight: bold;}

.future ul li img{width: 100%;height: auto;}

.sol ul li{width: 50%;height:546px;float: left;}

.sol ul li img{width: 100%;height: auto;}

.sol ul li h4{padding:10% 5% 5% 5%;font-size: 36px;font-weight: bold;line-height: 36px;}

.sol ul li p{padding: 5%;font-size: 16px;}



/*contact*/

.con .con_info{overflow: hidden;}

.con .con_info .con_left{width:49%;float: left;border-right: 1px solid #ddd;}

.con .con_info .con_left h1{margin-bottom: 15px;}

.con .con_info .con_left p{padding: 10px 0px;font-size: 16px;}

.con .con_info .con_right{width:50%;float: right;}

.con .con_left p i{display: inline-block;width:45px; height: 45px;background: url(/images/icon.png) no-repeat -92px -156px;vertical-align: middle;margin-right: 10px;}

.con .con_left p i.tel{background-position:-190px -156px }

.con .con_left p i.fax{background-position:-236px -156px }

.con .con_left p i.phone{background-position:-45px -156px }

.con .con_left p i.email{background-position:0px -156px }

.con .con_right div{padding: 8px 0px;}

.con .con_right div span{color: #f00;}

.con .con_right div input,.con .con_right div textarea{width: 80%;padding: 8px 10px; font-size:16px;border:1px solid #999;font-family:arial;}

.con .con_right div button{padding:12px 25px;background: #f29512;color: #fff;font-size:16px;border-radius:5px;}

.con .con_right div button:hover{cursor:pointer;background: #e8b266;}

#source{display:none;}
.con .con_info .con_right img{width: 47px;height: 20px;}
.one>p,.tec .tec_txt,.qua .qua_txt,.sam .sam_txt,.future .fu_txt,.con_det>p{padding:20px 0px;text-align:center;}


/*products*/

.common{width: 24%;float:left;background: #f5f5f5;}

.common h5{border-bottom: 2px solid #fff;padding: 10px 0px 10px 10px;font-size: 24px;}

.common ul{padding-left: 20px;}

.common li{padding: 8px 0px;position: relative;}

.common li a::before{content:"》";display:block;clear:both;position: absolute;left: -15px;top: 8px;}

.pro .pro_r,.pro_main .pro_txt{width:75%;float:right;}

.pro .pro_r ul{overflow: hidden;}

.pro .pro_r ul li{width: 30%;float: left;margin:1% 1.6%;}

.pro .pro_r ul li img{width: 100%;height: auto;}

.page{text-align:center;margin:20px 0px;}

.page>b,.page>a{display:inline-block;padding:10px 15px;border:1px solid #000;}

.page>b{background: #f29512;color:#fff;}





/*products detail*/

.pro_det{overflow: hidden;/*padding: 40px 0px;*/}

.pro_det .det_img{float: left;width: 40%;}

.pro_det .det_img img{width: 100%;height:auto;}

.pro_det .pro_info{float: right;width: 58%;}



/*.bx-pager{text-align:center;overflow:hidden;}



.bx-pager-item{display: inline-block;}



.bx-pager-item a{width: 20px;height: 20px;border-radius:10px;margin:0 5px;background: #666;display: block;font-size:0px;}



.bx-pager-item a.active {background: #000;}*/



.pro_info h1{font-size:16px;font-weight:bold;}

.pro_info p{padding:10px 0px;}

.pro_info p.notice,.pro_info p.notice a{color:#f7887f;}

.pro_info p.notice a:hover{color: #375dce;}

.pro_info a.inquire{border:1px solid #f24330;display: inline-block;padding:15px 25px;background: #fff0ee;color:#f24330;font-size: 18px;font-weight:bold;border-radius:5px;}

.pro_info a.inquire:hover{background: #f24330;color: #fff;}

.pro_r h3{font-size:18px;font-weight:bold;border-bottom:1px solid #ddd;padding: 5px 0px;}

.pro_r .spe,.pro_r .des,.pro_r .pack,.pro_r .faq{padding: 20px 0px;}

.spe .new_tab{width: 100%;}

.spe .new_tab td{border:1px solid #999;padding: 15px 0px;text-align:center;}

.des p,.pro_r .pack p{margin-top:10px;}

.des .img{text-align:center;}

.det_r .faq ul li{padding:10px 0px;}

.prev_next ul,.related ul{overflow:hidden;padding:15px 0px;}

.prev_next ul li{width: 50%;float: left;}

.related ul li{width:24%;float: left;margin:0px 0.5%;text-align:center;}

/*.center img,*/.related ul li img{width: 100%;height: auto;}

.related ul li h2{font-size:14px;font-weight:bold;}

.feedback{display: none;position:fixed;top: 0px;left: 0px;width: 100%;height: 100%;background:#333;opacity:0.9;filter:alpha(opacity=90);z-index: 9999999999;}

.feedback .close{width: 30px;height: 30px;background: url(/images/icon.png) no-repeat -228px -12px;position:absolute;right:25%;top: 9%;}

.feedback .close:hover{cursor: pointer;}

.feedback_form{width: 50%;margin:5% auto;}

.feedback_form div{padding:5px 0px;}

.feedback_form p{color: #fff;/*font-size: 16px;*/}

.feedback_form p span{color: #fb3838;}

.feedback_form input, .feedback_form textarea{width:90%;padding:8px 10px;border:1px solid #999;font-family:arial;font-size:14px;}

.feedback_form button{padding:12px 25px;background: #fff;color: #000;font-size:16px;border-radius:5px;}

.feedback_form button:hover{cursor:pointer;background: #375dce;color: #fff;}

#source{display:none;}


/*移动端*/
.mb{display: none;width:100%;position: fixed;top: 0px;}
.mb .nav_s{background: #0d95e8;padding: 1% 8%;}
.mb .nav_s input{width: 80%;padding: 10px 20px;border-radius: 15px;}
.mb .nav_s button{display:inline-block;width:45px; height:45px;background: url(/images/icon.png) no-repeat -5px -6px;vertical-align: middle;}
.mb .mb_nav>span{display: block; width: 45px;height: 45px; background: url(/images/icon.png) no-repeat -108px -5px;position: absolute;top: 78px;left: 35px;z-index: 9999;}
.mb .mb_logo{background: #000;filter: alpha(opacity=80);opacity:0.8;text-align:center;}
.mb .mb_logo img{width: 150px;padding: 8px 0px;}
.mb .mb_nav .mb_menu{display: none;}
.mb .show .mb_menu{display: block;background: #fff;}
.mb .show span{background-position:-220px -5px;}
.mb .mb_nav .mb_menu ul li{padding: 10px 20px; border-bottom: 1px solid #f7f7f7;position: relative;}
.mb .mb_nav .mb_menu ul li .mb_list a::before{content:"》";display:block;clear:both;position: absolute;left: 6px;top: 8px;}



@media only screen and (max-width: 1024px){
	.header{margin-top: 125px;}
	.header img{width: 100%;height: auto;}
	.header .nav{display:none;}
	.mb{display: block;}


	.about .com .com_l{width: 100%; padding: 40px 0px;}
	.about .com .com_r{display: none;}

	.sol ul li{height: 288px;}
	.sol ul li h4{padding: 3% 5%;font-size:24px;line-height: 24px;}	

}
@media only screen and (max-width: 912px){

	/*surface pro*/
	.header .img_txt{font-size: 36px;}
	.w1500 h4{font-size: 24px;line-height: 24px;}
	.main .cata,.cer,.company,.hot,.main_news{padding: 50px 0px;}
	/*.main .cata h4{line-height: 24px;}
*/	.main .cata ul li .cata_txt a{font-size:18px;}
}

@media only screen and (max-width: 768px){

	/*ipad mini or ipad*/
	.header p{margin-bottom:4%;}
	.about .com, .fac, .test, .one, .tec, .qua, .future, .sol, .con_det, .pro, .news, .pro_main{padding: 25px 0px;}
	.core_con .sam{top: 10%;}
	.sol ul li{width: 100%;height: auto;}
	.con .con_info .con_left{display: none;}
	.con .con_info .con_right{width: 100%;}
	.footer .w1500{width:98%;}
	.common{display: none;}
	.pro .pro_r,.pro_main .pro_txt{width: 100%;}

}

@media only screen and (max-width:600px){

	/*nexus 7*/
	.mb .mb_nav>span{top: 67px;}
	.header .img_txt{font-size: 24px;}
	.header .img_txt_font{font-size: 14px;}
	.header p{margin-bottom: 2%;}
	.header .img_txt>a{padding: 1% 2%;font-size: 14px;}
	/*.main .cata h4{font-size: 18px;}*/
	.main .cata ul li .cata_txt a{font-size: 14px;}
	.main .cata ul li .cata_txt p,.company p{font-size: 14px;}
	.logo_f img,.wechat img{width: 80%;height: auto;}
	.footer .footer_det .logo_f p{font-size: 16px;}

}

@media only screen and (max-width:440px){

	/*iphone 12/13 pro*/
	.mb .nav_s input{width: 75%;}
	.header .img_txt{bottom: 18%;}
	.w1500{width: 98%;}

	.main .cata, .cer, .company, .hot, .main_news{padding: 25px 0px;}
	.main .cata ul li .cata_txt{top: 7%;}
	.main .cata ul li .cata_txt p{font-size:12px;margin-top: 5px;}
	.footer .footer_det .pro_f{display: none;}
	.footer .footer_det>div{width: 50%;}
	.header{margin-top: 116px;}
	.hot ul li{width: 49%;}
	.main_news ul li{width: 99%;}
	.pro .pro_r ul li{width: 46.8%;}
	.core_con .sam{left: 0px;}
	.sam .sam_txt{display: none;}
	.pro_det .det_img{width: 100%;}
	.pro_det .pro_info{width:98%;padding: 0px 1%;}
	.related ul li{width: 49%;}
}

@media only screen and (max-width:393px){

	/*pixel 5*/
	.mb .nav_s input{width: 71%;}
	.header .img_txt{left: 10%;}
	.header .img_txt{font-size:18px;}
	.w1500 h4{font-size:18px;line-height: 18px;}

}

@media only screen and (max-width:360px){
	.mb .nav_s input{width: 69%;}
	.mb .mb_nav>span {top: 60px;left: 16px;}
	.header .img_txt{bottom:11%;}
}