@charset "utf-8";

/*=============================j_reset=====================================*/

*{font-family:Arial, Helvetica,"Microsoft Yahei", sans-serif; padding: 0; margin: 0;}

html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code,del, dfn, em, img, ins, kbd, q, samp,small, strong, sub, sup, var,b, i,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,time, mark, audio, video { margin:0; padding:0; border:0;  outline:0; vertical-align:baseline; background:transparent;}

/*html,body{ width:100%; position:relative; height:auto; overflow-x:hidden; }*/

html {font-size: 62.5%;}

html{    -webkit-background-size: cover;

    -moz-background-size: cover;

    -o-background-size: cover;

    background-size: cover;

    -webkit-text-size-adjust: none;

    background-attachment: fixed;

    background-repeat: no-repeat;

    background-position: center center;

}

body {font-size: 1.6rem; /* =16px */}

::selection{  background:#0aa284;  color:#fff;}  

::-moz-selection {  background:#0aa284;  color:#fff;  }  

::-webkit-selection {  background:#0aa284;  color:#fff;  } 

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

a,input,img,:focus{ mayfish:expression(this.onfocus=this.blur);cursor:handbblr:expression(this.onFocus=this.blur());/*IE使用*/ outline-style:none;/*FF使用*/ } /*去除a标签带来的虚框*/ 

article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}

ul,li{list-style:none}

blockquote,q{quotes:none}

blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}

a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:0 0}

ins{background-color:#ff9;color:#000;text-decoration:none}

mark{background-color:#ff9;color:#000;font-style:italic;font-weight:700}

del{text-decoration:line-through}

abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}

table{border-collapse:collapse;border-spacing:0}



input,select{vertical-align:middle}

input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  

/*css定义超链接四个状态也有顺序的。*/   

a:link, a:visited { text-decoration: none; cursor:pointer !important;}  

a:hover, a:active {  border: none;  color: #666;  }  

 

/*辅助样式*/

.fl,.left{ float:left !important;}

.fr,.right{ float:right !important;}

.no_bg{ background:none !important;}

.no_border{ border:0 !important;}

.no_margin{ margin:0 !important;}

.no_bg_img{ background-image:none !important;}

.j_hide{ display:none;}

.border{ border:1px solid #dedede;}

.clear{ clear:both;}

.h_x{ color:#fe0505; font-weight:bold; padding-left:10px; padding-top:10px;}

.dd{background: #d6d7d9; border-radius:50%; height:7px; display:inline-block; width:7px; margin:0 10px;}

hr{display:block;height:1px;border:0; background:#dcdfe0; margin:1em 0;padding:0}

.j_bnt{ display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}	

.j_bnt:hover{background:#4bc65a; cursor:pointer; }	

.tmd{opacity:1;filter:alpha(opacity=100);}

.icon_dd { background: #2d95a2 none repeat scroll 0% 0%; border-radius: 50%;  height: 6px; display: inline-block; width: 6px; margin: 0px 10px;}



/*文字排版、颜色*/

.t2{ text-indent: 2em;}

.red{  color: #ff2a00 !important;}

.green{ color: #3cac4a !important;}

.blue{ color:#ea7b99 !important;}

.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}

.text-overflow-hidden {  overflow: hidden;  word-spacing: normal;  letter-spacing: normal;  whitewhite-space: nowrap;  } 

.u_bnt{ display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}	

.u_bnt:hover{background:#5b6cc2; cursor:pointer; }	

.f12{font-size:12px;}  

.f13{font-size:13px;}  

.f14{font-size:14px;}  

.f15{font-size:15px;} 

.f16{font-size:16px;}  

.f20{font-size:20px;}  

.fb{font-weight:bold;}  

.fn{font-weight:normal;} 

.text_dx{ text-transform:uppercase;}

.submit{ cursor:pointer; background-color:none; border:none;}

.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}

.bnt_bg1{ background:#ff4400;}

.my_title{ color:#df9e5d; font-size:25px;}

.text_indent{text-indent:2em;}

.ar_article {color:#000; font-size:12px; line-height:30px; }

.ar_article p{font-size:12px; color:#000; line-height:30px; }	

.ar_article strong{ font-weight:bold;}

.ar_article td,.article th{ padding:5px 15px; border: 1px solid #c6c5c5;  }

.ar_article td p,.article th p{ }

.ar_article  img{ max-width:100%;}

.img_box img{ display:block; margin:0 auto; }





/*缓动*/

.n_nav a,#n_zizhi li img,#s_about.link_box li a,#s_ywfw .hd li img,#s_ywfw .hd li .text_box,#n_nav a,.n_case li .text_box,.bnt_back,.n_pro li,.n_pro li span,.show_pro_shlide .hd a{ -moz-transition: all 0.6s ease-in-out;

-webkit-transition: all 0.6s ease-in-out;

-o-transition: all 0.6s ease-in-out;

-ms-transition: all 0.6s ease-in-out;

transition: all 0.6s ease-in-out; } 



.nav li .a strong{ -moz-transition: all 0s ease;

-webkit-transition: all 0s ease;

-o-transition: all 0s ease-in-out;

-ms-transition: all 0s ease-in-out;

transition: all 0s ease-in-out; } 

#nav li a{ -moz-transition: all 0.3s ease;

-webkit-transition: all 0.3s ease;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out; } 



{ -moz-transition: all 5s ease;

-webkit-transition: all 5s ease-in-out;

-o-transition: all 5s ease-in-out;

-ms-transition: all 5s ease-in-out;

transition: all 5s ease-in-out; } 

/*缩放*/

{ 

-moz-transform:scale(1.1); 

-o-moz-transform:scale(1.1); 

-o-moz-transform:scale(1.1); 

-webkit-moz-transform:scale(1.1); 

transform:scale(1.1);

}

/*灰度*/

{-webkit-filter: grayscale(100%); 

-moz-filter: grayscale(100%); 

-ms-filter: grayscale(100%); 

-o-filter: grayscale(100%); 

filter: grayscale(100%); 

filter: gray; 

}

 /*动画*/

{

	width:100px;

	height:100px;

	background:red;

	animation:myfirst 5s;

	-moz-animation:myfirst 5s; /* Firefox */

	-webkit-animation:myfirst 5s; /* Safari and Chrome */

	-o-animation:myfirst 5s; /* Opera */

	

	animation-name:myfirst;

	animation-duration:5s;

	animation-timing-function:linear;

	animation-delay:2s;

	animation-iteration-count:infinite;

	animation-direction:alternate;

	animation-play-state:running;

	/* Safari and Chrome: */

	-webkit-animation-name:myfirst;

	-webkit-animation-duration:5s;

	-webkit-animation-timing-function:linear;

	-webkit-animation-delay:2s;

	-webkit-animation-iteration-count:infinite;

	-webkit-animation-direction:alternate;

	-webkit-animation-play-state:running;

}

.mark_plane{ 

animation:mark_plane;

-moz-animation:mark_plane; /* Firefox */

-webkit-animation:mark_plane; /* Safari and Chrome */

-o-animation:mark_plane; /* Opera */display:block;

animation-duration:4s;

animation-timing-function:linear;

animation-delay:1s;

animation-iteration-count:infinite;

animation-direction:normal;/*下次方向*/

} 



@keyframes mark_plane

{

	0%   { right:0; opacity:0;}

	50%  {right:50%; opacity:1;}

	100% {right:100%; opacity:0;}

}

@-moz-keyframes mark_plane /* Firefox */

{

	0%   { right:0; opacity:0;}

	50%  {right:50%; opacity:1;}

	100% {right:100%; opacity:0;}

}





@keyframes myfirst

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-moz-keyframes myfirst /* Firefox */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-webkit-keyframes myfirst /* Safari and Chrome */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}



@-o-keyframes myfirst /* Opera */

{

	0%   {background:red; left:0px; top:0px;}

	25%  {background:yellow; left:200px; top:0px;}

	50%  {background:blue; left:200px; top:200px;}

	75%  {background:green; left:0px; top:200px;}

	100% {background:red; left:0px; top:0px;}

}

 



/*==============滚动条=====================*/

.j_scoll{ position:relative;    padding-bottom:80px; overflow: scroll; overflow-y:hidden;  white-space: nowrap; width: 760px;}

/*chuizhi*/

#ascrail2000{ background:url(../images/bg_jj_scoll.png) center top repeat-y;   opacity: 1 !important; }

#ascrail2000-hr{ background:url(../images/bg_jj_scoll.png) center repeat-x; width:100%; height:10px; opacity: 1 !important; }

#ascrail2000-hr div{    } 





/*百度播放器美化*/

#playercontainer_display_button{ background:none !important; height:40px; width:40px !important; border:2px solid #fff; border-radius:50%; padding:0 !important;}

#playercontainer_display_button #playercontainer_display_button_play{background-size: 25px;}

#playercontainer_display_button{ height:40px !important; margin-top: -20px !important;}



/*移动端美化*/

@media screen and (max-device-width:780px){

	.main_box{ width:90%; margin:0 auto;}

	.article{ margin-left:10px; margin-right:10px;}

	.article img{ max-width:100%; margin:0 auto;}

	#footer .left{width:100% !important; float:none !important; margin-left:0 !important; }

	#footer .right{margin-top:50px; width:100% !important; padding:0 !important; border:none !important; float:none !important;}

	.xc_main_box div{  background-size: 160% auto !important; }

	.xc_main_box .f4 .j_parallax{ height:980px !important;}

	#footer .xc_left{ width:100% !important; float:none !important;}

	#footer .xc_right{ margin-top:50px; width:100% !important; padding-left:0 !important; border:none !important; float:none !important;}

	}

/*===============================================zoom===================================================*/

#zoom{z-index:99990;position:fixed;top:0;left:0;display:none;width:100%;height:100%;background:rgba(0,0,0,.8);filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)"}

#zoom .content{z-index:99991;position:absolute;top:50%;left:50%;width:200px;height:200px;background:#fff no-repeat 50% 50%;padding:0;margin:-100px 0 0 -100px;box-shadow:-20px 20px 20px rgba(0,0,0,.3);border-radius:4px}

#zoom .content.loading{background-image:url(../img/loading.gif)}

#zoom img{display:block;max-width:none;background:#ececec;box-shadow:0 1px 3px rgba(0,0,0,.25);border-radius:4px}

#zoom .close{z-index:99993;position:absolute;top:0;right:0;width:49px;height:49px;cursor:pointer;background:transparent url(../images/close.png) no-repeat 50% 50%;opacity:1;filter:alpha(opacity=100);border-radius:0 0 0 4px}

#zoom .next,#zoom .previous{z-index:99992;position:absolute;top:50%;overflow:hidden;display:block;width:49px;height:49px;margin-top:-25px}

#zoom .previous{left:0;background:url(../images/arrows.png) no-repeat 0 0;border-radius:0 4px 4px 0}

#zoom .next{right:0;background:url(../images/arrows.png) no-repeat 100% 0;border-radius:4px 0 0 4px}

#zoom .close:hover{background-color:#da4f49}

#zoom .next:hover,#zoom .previous:hover{background-color:#08c}