/* CSS Document */
/*Common CSS*/
@charset "utf-8";
body,dd,dl,h1,h2,h3,h4,h5,h6,html,ol,p,ul{margin:0;padding:0}
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,th,p,a,li,td,b,div{font:400 12px/1 "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";color:#333;}
html{font:400 100% "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial"; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: none; line-height:1.2; color:#333;}
article,aside,figure,footer,header,menu,nav,section,summary,time{display:block;margin:0;padding:0}
img{border:0}
table{border-collapse:0;border-spacing:0}
ol,ul{list-style:none}
a{color:#08c;text-decoration:none;hide-focus:expression(this.hideFocus=true);outline:0}
a:focus{outline:0}
a:active,a:link,a:visited{text-decoration:none;color:#08c}
a:hover{color:#08c;text-decoration:underline}
.clear{clear:both}
.ftleft{float:left}
.ftright{float:right}
.dsb{display:block}
.valm{vertical-align:middle}
.dsn{display:none}
.pta{position:absolute}
.ptr{position:relative}
.overf_hide{overflow:hidden}
.wrap .no_boder,.warp .no_boder{ border:none;}
.ftwa:active,.ftwa:link,.ftwa:visited{color:#fff}
.fun_nav_cont>a:hover,.icare_dl_btn:hover,.more_pro>a:hover,.nav_close:hover,.nav_cont ul li a:hover,.pro_block>a:hover,.st_close:hover{text-decoration:none}
@font-face{font-family:iconfont;src:url("../fonts/icomoon.eot-9r2afs");src:url("../fonts/icomoon.eot-9r2afs#iefix") format('embedded-opentype'),url("../fonts/icomoon.ttf-9r2afs") format('truetype'),url("../fonts/icomoon.woff-9r2afs") format('woff'),url("../fonts/icomoon.svg-9r2afs#icomoon") format('svg');font-weight:400;font-style:normal}
@font-face{font-family:'Open Sans';src:url("../fonts/opensans-light-webfont.eot");src:url("../fonts/opensans-light-webfont.eot#iefix") format('embedded-opentype'),url("../fonts/opensans-light-webfont.ttf") format('truetype'),url("../fonts/opensans-light-webfont.woff") format('woff'),url("../fonts/opensans-light-webfont.svg#Open Sans") format('svg');font-weight:300;font-style:normal}
@font-face{font-family:'Open Sans';src:url("../fonts/opensans-regular-webfont.eot");src:url("../fonts/opensans-regular-webfont.eot#iefix") format('embedded-opentype'),url("../fonts/opensans-regular-webfont.ttf") format('truetype'),url("../fonts/opensans-regular-webfont.woff") format('woff'),url("../fonts/opensans-regular-webfont.svg#Open Sans") format('svg');font-weight:400;font-style:normal}
/*pagewidth*/
.pagew880{width:880px;margin-left:auto;margin-right:auto}
.pagew980{width:980px;margin-left:auto;margin-right:auto}
.pagew1120{width:1120px;margin-left:auto;margin-right:auto}
/*header*/
header{width:100%;height:54px;background-color:#f9f9f9;box-shadow:0 0 5px #bbb;overflow:hidden;margin:0;padding:0}
.zoom:after{content:"";display:block;height:0;clear:both;visibility:hidden}
.header_logo{float:left;margin-top:9px}
/*nav*/
.head_cont2 .nav_cont ul li{width:134px}
.head_cont2 .nav_cont ul li a{width:130px}
.nav_meau{width:19px;height:16px;float:right;margin:19px 10px 0 0;display:none}
.nav_meau span{position:absolute}
.nav_meau1{width:19px;height:16px;float:right}
.nav_meau1:after{font-family:iconfont;content:"\e900";color: #737373;font-size: 20px}
.nav_meau2{width:19px;height:16px;float:right;display:none}
.nav_meau2:after{font-family:iconfont;content:"\e813";color:#737373;font-size:16px;font-weight:700}
.nav_meau1_an{animation:an_meau1 .3s linear forwards;-webkit-animation:an_meau1 .3s linear forwards}
.nav_meau2_an{animation:an_meau2 .3s linear forwards;-webkit-animation:an_meau2 .3s linear forwards}
/* @keyframes  div to move down */
@keyframes an_meau1{0%{transform:rotate(0)}100%{transform:rotate(-180deg)}}
/* Safari 和 Chrome */
@-webkit-keyframes an_meau1{0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(-180deg)}}
@keyframes an_meau2{0%{transform:rotate(180deg)}100%{transform:rotate(0)}}
/* Safari 和 Chrome */
@-webkit-keyframes an_meau2{0%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(0)}}
.nav_cont ul{float:left;margin-left:210px}
.nav_cont ul li{width:112px;height:54px;float:left}
.nav_cont ul li a{
	width: 100px;
	float: left;
	color: #666;
	text-align: center;
	/*font-family: "Open Sans";*/
	font-size: 14px;
	line-height: 54px;
	font-weight: 400;
	text-decoration: none;
}
.nav_cont ul li .nav_sel,.nav_cont ul li a:hover{color:#000}
.nav_cont_ul_li_bg{
	background-image: url(../img/nav_store_bg.png);
	background-repeat: no-repeat;
}
/*nav_pro*/
.nav_pro>a:after{font-family:iconfont;content:"\e800";font-size:14px;position:absolute;margin-left:3px}
.nav_pro_list{display:none}
.nav_pro_win{display:none;z-index:9999}
.nav_pro_bg,.nav_pro_win{width:100%;height:100%;position:fixed;top:0;left:0}
.nav_pro_bg{background-color:#000;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
.nav_pro_cont{width:770px;height:auto;position:fixed;top:50%;left:50%;margin:-343px 0 0 -385px;border-radius:10px;background-color:#fff;background-color:rgba(255,255,255,.96)}
.nav_pro_cont img{width:140px;height:140px}
.nav_pro_cont .nav_close{float:right;margin:5px 10px 0 0;font:28px/1 iconfont;color:#959595}
.nav_close:after{content:"\e813";font-size:16px}
.nav_pro_cont .nav_close:hover:after{color:#08c}
.nav_pro_cont>h3{clear:both;font:300 24px/1.5 "Open Sans";color:#000;text-align:center;padding:0 0 20px 0;border-bottom:1px solid #e0e0e0}
.nav_pro_block{width:700px;margin:0 auto}
.nav_pro_block>a{width:310px;float:left;text-align:center;color:#000;margin:10px 10px 10px 10px;padding:10px;transition:all .3s ease-out;-webkit-transition:all .3s ease-out}.nav_pro_block>a:hover{background-color:#e6e6e6;text-decoration:none}
.nav_pro_block>a h5{font:300 20px/1 "Open Sans";color:#000;margin-top:8px}
.nav_pro_block>a span{line-height:1.5;color:#666;margin-top:8px;display:block;font:400 12px/1.6 "Open Sans"}
.nav_more_pro{border-top:1px solid #e0e0e0;margin:10px 0 0 0;text-align:center;clear:both}
.nav_more_pro>a{font:400 14px "Open Sans";color:#666;line-height:60px}
.nav_more_pro>a:hover{color:#08c;background:url("../img/link_arrow.png") right center no-repeat;background-size:8px auto}
/*language*/
.language{width:45px;height:54px;float:right;text-align:center}
.language>a{height:54px;margin-top:5px}
.language a{width:45px;height:25px;display:block;padding:10px 0;transition:all .5s ease;-webkit-transition:all .5s ease}
.language:hover a{background-color:#efeeee}
.language_dl{width:45px;height:0;text-align:center;position:absolute;background-color:#efeeee;z-index:9999;overflow:hidden;opacity:0;transition:all .5s ease;-webkit-transition:all .5s ease}
.language:hover dl{height:180px;opacity:1}
.language_dl a:hover{background-color:#fff}
/*footer*/
.page_footer_border{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #fff;
}
footer{
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
	padding:15px 0;
	text-align:center;
	background-color:#A2A2A2
}
footer p,footer p a{font-size: 12px;line-height: 135%;font-weight: 400;padding-top: 5px;padding-bottom: 5px;color:#000!important}
footer p a:hover{color:#08c!important;text-decoration:underline}
.page_footer{
	font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Arial";
	padding:15px 0;
	text-align:center;
}
.page_footer p,footer p a{font-size: 12px;line-height: 135%;font-weight: 400;padding-top: 5px;padding-bottom: 5px;color:#000!important}
.page_footer p a:hover{color:#08c!important;text-decoration:underline}

/*width*/
.width10{width: 10px;}
.width15{width: 15px;}
.width20{width: 20px;}
.width50{width: 50px;}
.width100{width: 100px;}
.width150{width: 150px;}
.width200{width: 200px;}
.width210{width: 210px;}
.width220{width: 220px;}
.width230{width: 230px;}
.width240{width: 240px;}
.width250{width: 250px;}
.width260{width: 260px;}
.width270{width: 270px;}
.width280{width: 280px;}
.width290{width: 290px;}
.width300{width: 300px;}
.width350{width: 350px;}
.width400{width: 400px;}
.width410{width: 410px;}
.width420{width: 420px;}
.width430{width: 430px;}
.width440{width: 440px;}
.width450{width: 450px;}
.width460{width: 460px;}
.width470{width: 470px;}
.width480{width: 480px;}
.width490{width: 490px;}
.width500{width: 500px;}
.width550{width: 550px;}
.width600{width: 600px;}
.width650{width: 650px;}
.width700{width: 700px;}
.width750{width: 750px;}
.width800{width: 800px;}
.width850{width: 850px;}
.width900{width: 900px;}
.width950{width: 950px;}

/*width_rate*/
.width_rate10{width: 10%;}
.width_rate15{width: 15%;}
.width_rate20{width: 20%;}
.width_rate25{width: 25%;}
.width_rate30{width: 30%;}
.width_rate35{width: 35%;}
.width_rate40{width: 40%;}
.width_rate45{width: 45%;}
.width_rate50{width: 50%;}
.width_rate55{width: 55%;}
.width_rate60{width: 60%;}
.width_rate65{width: 65%;}
.width_rate70{width: 70%;}
.width_rate75{width: 75%;}
.width_rate80{width: 80%;}
.width_rate85{width: 85%;}
.width_rate90{width: 90%;}
.width_rate95{width: 95%;}
.width_rate100{width: 100%;}

/*margin*/
.margin5{margin: 5px;}
.margin10{margin: 10px;}
.margin15{margin: 15px;}
.margin20{margin: 20px;}


/*margin-top*/
.margt10{margin-top:10px}
.margt15{margin-top:15px}
.margt20{margin-top:20px}
.margt30{margin-top:30px}
.margt40{margin-top:40px}
.margt50{margin-top:50px}
.margt60{margin-top:60px}
.margt70{margin-top:70px}
.margt80{margin-top:80px}
.margt90{margin-top:90px}
.margt100{margin-top:100px}

/*padding*/
.padding5{padding: 5px;}
.padding10{padding: 10px;}
.padding15{padding: 15px;}
.padding20{padding: 20px;}

/*padding-top*/
.padt10{padding-top:10px}
.padt15{padding-top:15px}
.padt20{padding-top:20px}
.padt30{padding-top:30px}
.padt40{padding-top:40px}
.padt50{padding-top:50px}
.padt60{padding-top:60px}
.padt70{padding-top:70px}
.padt100{padding-top:100px}

/*padding-left*/
.padl10{padding-left:10px}
.padl20{padding-left:20px}
.padl30{padding-left:30px}
.padl40{padding-left:40px}
.padl50{padding-left:50px}

/*padding-bottom*/
.padb10{padding-bottom: 10px;}
.padb15{padding-bottom: 15px;}
.padb20{padding-bottom: 20px;}
.padb25{padding-bottom: 25px;}
.padb30{padding-bottom: 30px;}

/*ul li list-style*/
.ulnum{list-style:decimal;padding-left:26px}
.ulcircle{list-style:disc;padding-left:20px}
.ulifl li{float:left}
/*link-style*/
.link_arrow{display:inline;background:url("../img/link_arrow.png") right 7px no-repeat}
.link_arrow_white{background:url("../img/link_arrow_white.png") right center no-repeat}
.link_arrow_black{background:url("../img/link_arrow_block.png") right center no-repeat}
.link_arrow_gray{background:url("../img/link_arrow_gray.png") right center no-repeat}
/*font-size*/
.fts14{font-size:14px}
.fts15{font-size:15px}
.fts16{font-size:16px}
.fts18{font-size:18px}
.fts20{font-size:20px}
.fts22{font-size:22px}
.fts24{font-size:24px}
.fts25{font-size:25px}
.fts30{font-size:30px}
.fts32{font-size:32px}
.fts36{font-size:36px}
.fts38{font-size:38px}
.fts42{font-size:42px}
.fts48{font-size:48px}
/*font-weight*/
.ftw100{font-weight:100}
.ftw200{font-weight:200}
.ftw300{font-weight:300}
.ftw400{font-weight:400}
.ftw500{font-weight:500}
.ftw600{font-weight:600}
.ftw700{font-weight:700}
.ftw800{font-weight:800}
.ftw900{font-weight:900}

/*font-align*/
.textall{text-align:left}
.textalc{text-align:center}
.textalr{text-align:right}
/*line-height*/
.lineh120{line-height: 120%;}
.lineh135{line-height: 135%;}
.lineh150{line-height: 150%;}
.lineh160{line-height: 160%;}
.lineh180{line-height: 180%;}
/*color*/
.fclr333{color:#333}
.fclr444{color:#444}
.fclr666{color:#666}
.white{color:#fff}
.red{color:red}
.black{color:#000}
.green{color:#03bd83}
.blue{color:#00a8ec}
.blue2{color:#78e2fd}

/*font*/
.Italic {font-style: italic;}

/** bold **/
.RedBold { color: #D24F00; font-weight:bold;}
.GreenBold {font-weight: bold;color: #690;}
.LinkBold {font-weight: bold;}
.Bold {font-weight: bold;}
/*font*/
.FontBlack {
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
.DeleteFont {color: #660000;text-decoration: line-through;}
.PBlack {line-height: 150%;color: #333;}
.RedBoleBig {color: #CC3300;font-weight:bold;font-size:140%;}

/*404 style**/
.notfind{text-align:center; overflow:hidden; margin-top:48px; border-bottom:1px solid #e0e0e0;}
.notfind>h1{margin:10px auto;}
.notfind>p{line-height:1.5; color:#666;}
.notfind>a{width:188px; height:34px; display:block; border-radius:3px; border:1px solid #08c; font-size:14px; line-height:34px; margin:15px auto 48px auto;}
.notfind>a:hover{text-decoration:none; color:#fff; background-color:#08c;}
.notfind_pro{text-align:center; margin:48px auto;}
.notfind_pro>h2{ margin-bottom:50px;}
.notfind_block{width:210px; float:left; margin:0 17px;}
.notfind_block>h3{font-size:18px; color:#000; margin:10px auto;}
.notfind_block>p{line-height:1.5; color:#666; margin-bottom:10px;}
/*prompt change*/
.prompt_show{animation:prompt_show .3s ease forwards;-webkit-animation:prompt_show .3s ease forwards}
.prompt_hide{animation:prompt_hide .3s ease forwards;-webkit-animation:prompt_hide .3s ease forwards}
@keyframes prompt_show{0%{transform:scale(1.2)}100%{transform:scale(1)}}
@-webkit-keyframes prompt_show{0%{-webkit-transform:scale(1.2)}100%{-webkit-transform:scale(1)}}
@keyframes prompt_hide{0%{transform:scale(1);opacity:1}100%{transform:scale(1.5);opacity:0}}
@-webkit-keyframes prompt_hide{0%{-webkit-transform:scale(1);opacity:1}100%{-webkit-transform:scale(1.5);opacity:0}}
/*screen change*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (-o-min-device-pixel-ratio:3/2),only screen and (min-device-pixel-ratio:1.5)
{
.link_arrow{display:inline;background:url("../img/link_arrow@2x.png") right 7px no-repeat;background-size:8px 10px}
.link_arrow_white{background:url("../img/link_arrow_white@2x.png") right center no-repeat;background-size:8px 10px}
.link_arrow_black{background:url("../img/link_arrow_block@2x.png") right center no-repeat;background-size:8px 10px}
.link_arrow_gray{background:url("../img/link_arrow_gray@2x.png") right center no-repeat;background-size:8px 10px}
.nav_more_pro>a:hover{background:url("../img/link_arrow@2x.png") right center no-repeat;background-size:8px 10px}
}
