/*2017.04.14修改添加*/



html body{ font-family: "微软雅黑";}

.width-small{width:1280px; margin: auto;}
.width-big{ width:1440px;margin:auto}
.width-large{width:1800px;margin:auto}




.product_bigBox .wrapper{width:100%;}
.product_bigBox .page-section{    width: 1920px; margin-left: -960px;left: 50%;}



.product_bigBox .text{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.product_bigBox .text h3{-webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}


.product_bigBox .img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;-ms-transition:all 1s ease-in-out;transition:all 1s ease-in-out;}

.bro .Sbox{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;}

.ban{ position: relative;}
.ban img{ max-width:100%;margin:auto; display:block;}
.ban em{ position: absolute;bottom:20px;left:0; width:100%;}
.ban em img{ display: block; margin: auto}


.bin{float:left;}

/*about*/
.aboutX{ float:left;width:100%}

/*aboutX(one/two)-all*/
.aboutX .one .bin,.aboutX .two .bin{ margin:100px 0}
.aboutX .one h3,.aboutX .two h3{ margin:0 0 30px 0}
.aboutX .one p,.aboutX .two p{color:#333; font-size:24px;}
.aboutX .one .left,.aboutX .one .right,.aboutX .two .left,.aboutX .two .right{margin:0 20px;}


.aboutX .one{}
.aboutX .one .left{float:left; width:405px;margin-right:50px;}
.aboutX .one .right{float:right;width:735px;}


.aboutX .two{}
.aboutX .two .left{float:left; width:735px;margin-right:50px;}
.aboutX .two .right{float:right;width:405px;}


.aboutX .three{ position: relative;overflow: hidden; float:left;width:100%;height:600px;}
.aboutX .three p{ text-indent: 1em; color:#333;font-size:24px;}
.aboutX .three .box{ float:left; width:21%;height:100%;padding:50px 2%;}
.aboutX .three .xA{background:#c0c0c0;height:430px;padding-top:170px}
.aboutX .three .xA p{margin-top:20px;}
.aboutX .three .xA h3{ margin:0 0 20px 0}
.aboutX .three .xA{}
.aboutX .three .xC{ background:#c0c0c0;}
.aboutX .three .xD{ padding:0px;width:25%;}
.aboutX .three .xD img{ width:100%;height:100%;}

.aboutX .three .bottom{ position: absolute;bottom:0;left:15%;}


.aboutX .four{float:left; width:100%; margin:120px 0 0 0; overflow: hidden;}
.aboutX .four .width-large{ position:relative;float:right; margin:inherit}
.aboutX .four .left{ position: absolute;left:150px;top:100px;width:20%;height:920px;padding:10px; background:#fff; }
.aboutX .four .left .top{width:100%;}
.aboutX .four .left h3{margin:15px 0 50px 0; text-align: center;}
.aboutX .four .left p{ margin:15px 20px;color:#333; font-size:24px;}
.aboutX .four .right{ float:right;width:80%;}
.aboutX .four .right img{ width:100%;}


.aboutX .four .x-width{ position: relative; }
.aboutX .four .x-width{}


.por_top{    text-align: center;}
.por_top li{}
.por_top a{ color:#000; display:inline-block;;font-size:18px; margin:30px 5px 0 5px}
.por_top a:hover{ color:#f60;}
.por_top a.active{ color:#f60;}
.bor{}



/*ss.product_dual .three .img img{position: absolute;right:100px; bottom:0;}*/
.product_dual .two .img img{position: absolute;left:130px;width:950px; bottom:0;}

@media (min-width: 1000px) {
	


	
	.aboutX .three p{font-size:16px}
		.aboutX .four .left p{font-size:16px;}
		.aboutX .four .left h3 {
    margin: 15px 0 20px 0;}
    .aboutX .one p,.aboutX .two p {

    font-size: 18px;
}
    /*.product_design .one .stand .img img{ width:35%}
    .product_design .four .stand .img img{ width:70%; margin:20px 0 0 0;}
       .aboutX .four .left .down{ margin:5px auto; display: block; height:165px;}
       
.product_bigBox .stand .text{line-height:25px;}
.product_bigBox .stand .text h3{ font-size:30px; line-height:35px;}      
.product_bigBox .stand .text p{ font-size:18px;}
 
 
.product_dual .two .img img{ position: absolute;left:230px;width:750px;} 



.product_dual .three .img img{}   

.product_dual .three .img img{ }

.product_experience .three .img img{width:320px;} 

.product_bigBox .bg img{}

.product_overview .four .img img{width:440px;}


.product_overview .seven .img img{ width:700px;}
.product_overview .eight .img img{ width:500px;}

.product_overview .nine .img img{ width:760px;}

.product_design .two .img img{ width:900px;}

.product_design .two .img img{ bottom:-25px;}*/
}

@media (min-width: 1920px) {
	
	.aboutX .three p{font-size:24px}
	.aboutX .four .x-width{ margin-left:12%; }
	.aboutX .four .left p{font-size:24px;}
	.aboutX .four .left h3 {
		text-align: center;
    margin: 15px 0 50px 0;}
   .aboutX .four .left .down{ margin:20px auto; display: block;}
 /*  
   .product_bigBox .stand .text{line-height:35px;}
.product_bigBox .stand .text h3{ font-size:35px;}      
.product_bigBox .stand .text p{ font-size:20px;}


.product_design .one .stand .img img{ width: !important}
.product_design .four .stand .img img{ width:inherit}

.product_dual .two .img img{ width:930px;left:130px;}   



 
.product_experience .three .img img{width:400px;} 
  
.product_bigBox .bg img{width:100%;}


.product_overview .four .img img{width:auto}

.product_overview .seven .img img{ width:auto;}
.product_overview .eight .img img{width: auto}

.product_overview .nine .img img{width:auto}

.product_design .two .img img{ width:auto;}

.product_design .two .img img{bottom:-40px; right:-30px;}*/
}


.product_design{}
.product_design .bg{ }

.product_design .page-section{}
.product_design .stand{ position:absolute; top:0;left:0;width:100%;}
.product_design .bg img{max-width:100%; display:block; margin: auto;}
.product_design .one .stand .text{width:1000px;margin:auto;padding:2% 0 0 0; text-align: center;}
/*.product_design .one .stand .text h3{color:#fff; font-size:35px}
.product_design .one .stand .text p{color:#fff; font-size:20px}

.product_design .two .stand .text h3{color:#fff; font-size:35px}
.product_design .two .stand .text p{color:#fff; font-size:20px}

.product_design .three .stand .text h3{color:#fff; font-size:35px}
.product_design .three .stand .text p{color:#fff; font-size:20px}

.product_design .four .stand .text h3{color:#fff; font-size:35px}
.product_design .four .stand .text p{color:#fff; font-size:20px}*/

.product_design .one .img img{ position: absolute; bottom:0; left:0;  right:0;} 

.product_design .one .img img{ display: block; margin: auto;}

.product_design .two .text{ float:left;width:35%;padding-top:100px;}
.product_design .two .img{float:right;width:75%;}
.product_design .two .img img{ max-width:100%;}
.product_design .two .img img{ position:absolute;}



.product_design .two .img img{ position: absolute; bottom:-20px; width:800px; right:100px; }



.product_design .three .img img{ position: absolute; bottom:130px; }

.product_design .three .stand .text{ text-align: center;padding:120px 0 70px 0;}


.product_design .four .width-small{ position: relative;}
.product_design .four .text{ position: absolute; right:0;top:100px;width:400px;}

.product_design .four .img{ position: absolute; left:0;top:10px;}





.product_dual{}


.product_bigBox .page-section{ position: relative;}
.product_bigBox .stand{ position:absolute; top:0;left:0;width:100%;height:100%;}
.product_bigBox .bg img{max-width:100%; display:block; margin: auto;}
.product_bigBox b{ border:#ff0022 1px solid;color:#ff0022;width:50px; text-align:center; padding:15px 10px; margin:20px auto; display: table; font-size:36px; font-weight:400;}



.product_bigBox .text{margin:auto; text-align: left; opacity:0}
.product_bigBox .img{opacity:0}
.product_bigBox .text h3{color:#fff;line-height:55px; font-size:35px; opacity:0;margin:-20px 0 20px 0}
.product_bigBox .text p{color:#fff; font-size:20px;}




.product_bigBox .long{ position: relative; float:left; width:100%; height:100%;}
.product_bigBox .width-small{position: relative;height:100%;}

.product_bigBox .active .text,.product_bigBox .seen .text{ opacity:1}
.product_bigBox .active .img,.product_bigBox .seen .img{opacity:1;}
.product_bigBox .active .text h3,.product_bigBox .seen .text h3{ margin-top:0;opacity:1}
.product_bigBox .active .text p{}


.Accessories01 .text p{ margin-top:20px;opacity:0}

.Accessories01 .active .text p{ margin-top:0;opacity:1}


/*
.product_overview .one .right img{bottom:30%}
.product_overview .one .right img{ bottom:37%}*/


.product_bigBox .seen .xSe{ opacity:1}


div.product_bigBox .pooli{margin-top:100px}
div.product_bigBox .active .pooli,div.product_bigBox .seen .pooli{ margin-top:0px;}


div.Accessories01 .one .pooli{margin-top:100px}
div.Accessories01 .active .pooli,div.Accessories01 .seen .pooli{ margin-top:0px;}



.product_dual .one{ height:800px; background: #000308;}



.product_dual .one .text{float:left;width:500px;margin:250px 0 0 0}
.product_dual .one .img{ position: absolute;bottom:0; right:0;float:right}
.product_dual .one .img img{ position: absolute; bottom:0; right:0;}



.product_dual .two .text{float:right;width:500px;margin:150px 0 0 0}
/*.product_dual .two .img{ position: absolute;bottom:0; left:200px;}*/




.product_dual .three .text{float:left;width:470px;margin:300px 0 0 100px}
/*.product_dual .three .img{ position: absolute;bottom:0; right:0;float:right}*/

.product_dual .three .img img{ position: absolute; bottom: 0;right:100px; width:700px; }



.product_dual .four .bg{height:900px;}
.product_dual .four .bg img{ height:100%;}

.product_dual .four .text{ text-align: center; margin:50px 0 30px 0}
.product_dual .four .width-small{ height:auto}
.product_dual .four .img img{ display: block;width:1024px;margin:auto  }






.product_performance .one .text{ position: absolute;width:400px; right:0; top:300px;}




.product_performance .two .text{margin:auto;width:800px;padding:150px 0 0 0; text-align: center;}

.product_performance .three{ height:700px;background:#0c0c0c;}


.product_performance .three .text{ width:800px;margin:auto;PADDING:100px 0 0 0}
.product_performance .three h3{ text-align: center;}
.product_performance .three h3 span{ font-size:15px;vertical-align: top;}

.product_performance .three p{ text-align: center;}


/*.product_performance .three .img{ position: absolute;bottom:0; left:0; width:100%;}*/

.product_performance .three .img img{ position: absolute;bottom:0;}

.product_performance .three .img img{width:100%; margin: auto; display: block;}







.product_performance .four{ height:1200px; background:#fff; }

.product_performance .four .text{ width:500px; margin:auto;padding:100px 0 50px 0}

.product_performance .four .img{margin:0 0 50px 0}
.product_performance .four .img img{ width:80%; position: absolute;left:10%; bottom:50px; }

.product_performance .four .bg{ background: #000;width:100%; height:800px; position: absolute; top:0; }



.product_experience .one .img{ position:relative; left:0; top:0;}
.product_experience .one .img img{ width:53%;}
.product_experience .one .text{ position: absolute; bottom:100px; right:0;width:500px;} 
.product_experience .one .width-small{ height:initial}

.product_experience .one .proBox div{ height: initial; }
.product_experience .one .stand .width-small .clear{ height: initial; }



.product_experience .two .text{ text-align: center; margin:auto; width:700px;padding:100px 0 0 0;}


.product_experience .three .text{ width:700px; margin:auto;text-align:center; padding:85px 0 0 0;}
.product_experience .three .img{ position:absolute; bottom:0; width:100%;}
.product_experience .three .img img{ margin: auto; display: block;}


.product_experience .four{  background:#000}

.product_experience .four .text{ width:500px; margin:50px auto;}


.product_experience .four .tabPanel .text{ position: absolute;top:100px;width:100%;color:#fff; font-size:20px; text-align: center;}

.product_experience .four .tabPanel .tone{ display:none; position: absolute; top:280px; width:100%; text-align: center;}
.product_experience .four .tabPanel .tone b{ color:#fff; font-size:20px; margin:0 10px;font-weight:400;cursor: pointer;}
.product_experience .four .tabPanel .tone b span{margin:0 5px 0px 0;border:1px #fff solid;border-radius: 500rem;

display: inline-flex;
}
.product_experience .four .tabPanel .tone b span em{ margin: 3px;
 width:3px; height:3px; padding:3px;display:inline-block;background:none; border-radius: 500rem;
} 

.product_experience .four .tabPanel .tone b.hit span em{ background: #fff;}


.product_experience .four .tabPanel .down .pane{ display: none;}
.product_experience .four .tabPanel .down .pane img{ max-width:100%; margin:auto; display: block;}














.product_overview .one .left img{ position:absolute;left:150px;bottom:30px; width:500px; float:left;}
.product_overview .one .right img{position:absolute;right:250px;bottom:37%;width:300px; float:right}

.product_overview .two{ background:#171717}

.product_overview .two .img img{ margin: auto; display:block}
.product_overview .two .width-small{ height: auto;}


.product_overview .three .text{ float:right;width:500px; margin:200px 0 0 0}

.product_overview .four .text{ position: absolute; top:250px;left:0;width:500px;}
.product_overview .four .img img{ position: absolute; bottom:0;right:0; }
.product_overview .four .img{ position: absolute; right:0;bottom:-80px;z-index:999}

.product_overview .five{height:900px; background:#fff}
.product_overview .five .text{ text-align: center;padding:150px 0 70px 0}
.product_overview .five .text h3,.product_overview .five .text p{ color:#000}
.product_overview .five .img{}
.product_overview .five .img img{ display: block; margin: auto;}




.product_overview .seven .text{position: absolute; right:0; top:250px;width:700px; text-align:center;}
.product_overview .seven .img{ position: absolute; left:0; bottom:0;}



.product_overview .eight{}
.product_overview .eight .text{ position: absolute; bottom:200px; left:0;width:600px;}
.product_overview .eight .img{ position: absolute; bottom:0; right:0}

.product_overview .nine{}
.product_overview .nine .text{width:700px;padding:90px 0 50px 0; text-align: center; }
.product_overview .nine .img{ position: absolute; bottom:0;width:100%;}
.product_overview .nine .img img{ display: block; margin: auto;}



.Accessories01 .one .left img{ position:absolute; bottom:50px; left:0;}

.Accessories01 .one .right img{ position:absolute; bottom:150px; right:0; }
.Accessories01 .one .width-small{ width:800px;}

.Accessories01 .two .text{ margin:150px 0 100px 0; }
.Accessories01 .two .text p{ width:900px; margin:auto;line-height:45px; font-size:30px; text-align:center}



.Accessories01 .three .text{ margin:150px 0 -90px 0; }
.Accessories01 .three .text p{ width:700px; margin:auto; text-align:center}
.Accessories01 .three .img img{ display:block; margin:auto}


.Accessories01 .four .width-small{width:900px; padding-top:180px; }
.Accessories01 .four .img{ float:left; }
.Accessories01 .four .text{ float:left; width:550px;margin:50px 0 0 50px; }


.Accessories01 .five .width-small{padding-top:85px; }
.Accessories01 .five .img{ float:left; }
.Accessories01 .five .text{ float:left; width:550px;margin:50px 0 0 50px; }


.bro{}

.bro .Sbox{ position:absolute}

.bro .Sbox hr{height:5px; width:70%; margin:20px auto;background: #fff; border: none;}
.bro .Sbox{ width:350px;}
.bro .Sbox .tone{ width:350px;padding:10px 20px 50px 20px;background:#c51230;color:#fff;font-size:18px;}
.bro .Sbox .down{width:280px;padding:15px;margin-top:-20px;background:#fff; color:#000;font-size:14px;}



.bro .Sbox{right:0;top:0; opacity: 0;}
.bro .active .Sbox,.bro .seen .Sbox{ opacity: 1;}

.bro .two{ }


.bro .three .Sbox{ position:absolute; left:0;top:0;}
.bro .three{height:700px; background:#1f1f1f}

.bro .three .img{ position: absolute; right:0; bottom:0;}

.bro .four .Sbox{ bottom:0;right:0;}



.page-bulls{ display: none;}






/*banner*/
.banner { width:100%; overflow:hidden; margin:0 auto; margin-top:0px; }
.banner {width:100%; position:relative; margin:0; padding:0; overflow:hidden; }
.banner_ul { width:100%; margin:0; padding:0; }
.banner_ul img { display:block; margin:0 auto; position:relative; width:100%;}
.banner_pic { width:100%; list-style:none; padding:0; overflow:hidden; }
.banner .rslides_tabs{ }
.banner .rslides_tabs{position:absolute; bottom:30px; left:45%;height:auto}
.banner .rslides_tabs li{float:left;margin:0 5px;}
.banner .rslides_tabs a{float:left;width:40px; height:4px;border-radius:20px; background: #fff; font-size:0;}
.banner .rslides_tabs .rslides_here a{ background:#ff0000}
.banner .prev,.banner .next{ display:none;position:absolute;width:50px; height:50px;font-size: 0px; }
.banner:hover .prev,.banner:hover .next{ display: block;}
.banner .prev{left:50px; top:45%;background: url(../images/banner_prev.png) no-repeat;}
.banner .next{right:50px; top:45%;background: url(../images/banner_next.png) no-repeat;}
.banner .prev:hover{background: url(../images/banner_prev.png) no-repeat;}
.banner .next:hover{background: url(../images/banner_next.png) no-repeat;}



/*修改20170426*/

div.proBox div{ height: initial; }


















/*phe01*/

.phe01_overview .text p{ padding:0 200px; text-align:left; }

.Accessories01 .two .text p{ font-family: arial;}
.phe01_overview .two .bg{ height:277px;background: url(../images/phe01_overviewTwoBg01.jpg) ; }
.phe01_overview .two img{display:block; margin:auto}

.phe01_overview{}
.phe01_overview .one .left img{ position: absolute; left:0;top:200px}
.phe01_overview .one .right img{ position: absolute; right:0;top:200px}

.phe01_overview .page-section{  }
.phe01_overview .three{background:#000;}


.phe01_overview .three .img{ position:absolute; bottom:0;left:0; width:100%;}
.phe01_overview .three img{ display: block; margin:auto}

.phe01_overview .four img{ display: block; margin:auto}

/*.phe01_overview .six .text{width:750px;}*/
.phe01_overview .six .img{ position:absolute;bottom:0; left:0; width:100%; text-align:center;}

.phe01_overview .seven{ height:1100px;background:#000;}
.phe01_overview .seven .img img{ display:block; margin:auto}

.phe01_overview .eight .img{  width:100%; text-align:center; margin-top:50px;}
.phe01_overview .eight .down{ position:absolute; bottom:30px; left:0; width:100%;color:#fff; font-size:20px; text-align:center}


.phe01_overview .eleven .text{ padding-top:70px;}
.phe01_overview .twelve .img{ position: absolute; left:75px; top:65px;}

#proIn .phe01_overview .twelve div.text h3{ font-size:35px;padding:0px;}

.phe01_overview .twelve .text{ position: absolute; right:0; top:200px;width:650px; text-align: left;}

.phe01_overview .twelve .text p{ padding:0px;}
.phe01_overview .five .img img{ display:block; margin:auto; }


.phe01_overview .nine{height:1250px; background:#050404;}
.phe01_overview .nine img{ display:block; margin:auto;}

div.phe01_overview .text{ text-align: center;padding:20px 0 50px 0}

#proIn .phe01_overview div.text h3{  padding:50px 0;line-height:55px; font-weight:bold;padding:0 30px;/*font-family:宋体;*/font-size: 45px;font-family: Arial;}
#proIn .phe01_overview div.text p{font-size:18px;}


.phe01_appearance{}
.phe01_appearance .one{ height:1100px; background: #040303;}
.phe01_appearance .one .left img{ position: absolute; left:0;top:200px}
.phe01_appearance .one .right img{ position: absolute; right:70px;top:200px}

.phe01_appearance .two{ height:950px; background: #040303;;}
.phe01_appearance .two img{ display: block; margin: auto;}

.phe01_appearance .three{background:#000; height:1100px;}
.phe01_appearance .three .text p{padding:0 200px;}
.phe01_appearance .three .img img{ display:block; margin:auto;}


.phe01_appearance .four .text p{padding:0 200px;}


.phe01_appearance .four .img{ position: absolute; bottom:50px;width:100%; text-align: center;} 


div.phe01_appearance .text{ text-align: center;padding:20px 0 50px 0}

#proIn .phe01_appearance div.text h3{  padding:50px 0; font-weight:bold;padding:0 30px;/*font-family:宋体;*/font-size: 45px;font-family: Arial;}
#proIn .phe01_appearance div.text p{font-size:18px;}


div.phe01_performance .text{ text-align: center;padding:20px 0 50px 0}

#proIn .phe01_performance div.text h3{  padding:50px 0; font-weight:bold;padding:0 30px;/*font-family:宋体;*/font-size: 45px;font-family: Arial;}
#proIn .phe01_performance div.text p{font-size:24px;line-height:32px;}


#proIn div.phe01_performance .one h3{margin:70px 0 0 0 }
.phe01_performance .one p{ float:right;width:625px;margin:120px 0 0 0; text-align:left; }
.phe01_performance .one .text span{ display:inline-block; width:280px; margin:30px 0px 30px 0}
.phe01_performance .one img{ display: block; margin: auto}


.phe01_performance .two{ height:1150px;background: #040404;}
.phe01_performance .two .text{padding: 50px 0 50px 0;}
.phe01_performance .two img{ display: block; margin: auto;}
.phe01_performance .three{ height:800px;background: ;}
.phe01_performance .three img{ display: block; margin: auto;max-width:100%;}
.phe01_performance .four{ height:900px;}
.phe01_performance .four img{ display: block; margin: auto;}

.phe01_performance .five .img{ margin-top:200px;}
.phe01_performance .five img{ display: block; margin: auto;}
div#proIn .phe01_performance .five h3{ font-size:70px; font-weight:bold}

.phe01_performance .two .text p{padding:0 200px;}
.phe01_performance .three .text p{padding:0 200px;}
.phe01_performance .four .text p{padding:0 200px;}


.phe01_performance .wBG{ background:#040404 url(../images/phe01_performanceBG.jpg) no-repeat center ; }




/**/
.head .wrap a{display:none;}
  .phe01_overview .ten{ background:#000;padding:50px 0; }
   .phe01_overview .ten embed{ display:block;width:500px;height:300px; margin:auto;}
   
.phone_cover{}
.phone_cover .page-section .img img{  display: block; margin: auto;}
.phone_cover .page-section .text h3{ text-align: center; color:#000000; font-size:60px;}
.phone_cover .page-section .text p{ padding: 0 200px; text-align: left;font-size:24px; color:#040404}


.phone_cover .one .text h3{ padding:70px 0}
.phone_cover .two .text{margin:30px 0 50px 0}
.phone_cover .two .text h3{ padding:30px 0}
.phone_cover .three .text{ padding:150px 0 0 0}
.phone_cover .four .text{ padding:100px 0 150px 0}
.phone_cover .five .text{ position: absolute; bottom:200px;} 
.phone_cover .six .text{padding:70px 0;}

.phone_cover .two{ height:1100px; background:#f5e5bc}
.phone_cover .three{ background:#fff}
.phone_cover .four{ height:1000px; background:#dfe6ff}
.phone_cover .five{ height:1000px; background:#fff}
.phone_cover .six{ height:900px; background:#cae7e2}