﻿
@font-face {font-family: 'j_cn_font';

    src: url('../font/cn/j_cn.eot'); /* IE9*/

    src: url('../font/cn/j_cn.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('../font/cn/j_cn.woff') format('woff'), /* chrome、firefox */

    url('../font/cn/j_cn.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

    url('../font/cn/j_cn.svg#iconfont') format('svg'); /* iOS 4.1- */

}

@font-face {font-family: 'j_en_font';

    src: url('../en/font/j_en.eot'); /* IE9*/

    src: url('../en/font/j_en.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */

    url('../font/en/j_en.woff') format('woff'), /* chrome、firefox */

    url('../font/en/j_en.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/

    url('../font/en/j_en.svg#iconfont') format('svg'); /* iOS 4.1- */

}

.font_en{ font-family:'j_en_font' ;}

.font_cn{ font-family:'j_cn_font' ;}


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

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

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



/*辅助样式*/

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

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

.no_bg{ background:none !important;}

.no_border{ border:0 !important;}

.no_padding{ padding:0 !important;}

.no_margin{ margin:0 !important;}

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

 

.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:#e0dede; margin:10px 0 30px 0;padding:0}

.j_bnt{ display:inline-block; border:none;   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{  }

.bnt_bg1{ background:#ff4400;}

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

.text_indent{text-indent:2em;}

.ar_article {color:#525254; font-size:14px; line-height:36px; }

.ar_article p{font-size:14px; color:#525254; line-height:36px; padding-bottom:20px;   }	

.ar_article strong{ font-weight:bold;}

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

.ar_article td p,.ar_article th p{ padding-bottom:0; margin-bottom:0;}

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

.ar_article a{ color:#525254;}

.ar_article a:hover{ text-decoration:underline;}

.ar_article a:hover span{text-decoration:underline;}

.ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{ font-weight:bold;}





.pic_mark1{ -webkit-animation:owl-prev 2s infinite linear ;}

@-webkit-keyframes pic_mark1{

    0%{

		left:-5px;

       transform:rotate(5deg);-webkit-transform:rotate(5deg); /* Safari and Chrome */-moz-transform:rotate(5deg);

    }

    50%{

		left:-10px;

        transform:rotate(0deg);-webkit-transform:rotate(0deg); /* Safari and Chrome */-moz-transform:rotate(0deg);

    }

    100%{

		left:-5px;

        transform:rotate(-5deg);-webkit-transform:rotate(-5deg); /* Safari and Chrome */-moz-transform:rotate(-5deg);

    }

}

.pic_mark2{ -webkit-animation:owl-next 2s infinite linear ;}

@-webkit-keyframes pic_mark2{

    0%{

       transform:rotate(5deg);-webkit-transform:rotate(5deg); /* Safari and Chrome */-moz-transform:rotate(5deg);

    }

    50%{

        transform:rotate(0deg);-webkit-transform:rotate(0deg); /* Safari and Chrome */-moz-transform:rotate(0deg);

    }

    100%{

        transform:rotate(-5deg);-webkit-transform:rotate(-5deg); /* Safari and Chrome */-moz-transform:rotate(-5deg);

    }

}



hover img{transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}

/*缓动*/

{ -moz-transition: all 0.6s ease-in-out;

-webkit-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; } 





#n_fg3 *,#n_fg4 *{ -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; } 



#page_gl_active img,#page_gl_active .up_box .pic_box img{ -moz-transition: all 2s ease;

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

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

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

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

/*缩放*/

#n_video_list li a:hover .pic_box img,#page_yuding dd.li3 .pic_box img{ 

-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);

}

 
 /*缩放*/

.img_size li:hover img,.img_size a:hover img{ 

-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);}

 
 



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

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

.jj_scoll,.jj_scoll1{ position:relative;  padding-right: 0px; overflow: scroll; overflow-x:hidden;   }

#ascrail2000,#ascrail2001,#ascrail2002{ background:url(../images/bg_jj_scoll.png) center top repeat-y; width:100%; opacity:0 !important;  z-index:9900 !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;}

	}

/*===============================================select===================================================*/

.select_ui,select{  cursor:pointer; position:relative;display:inline-block;background:#fff;vertical-align:middle;text-align:left;  cursor:inherit;text-align: center; width:100%;}

.select_focus_ui,select:focus{border-color:#FED519}

.select_ui .select_arrow{position:absolute;top:50%;right:10px;display:block;overflow:hidden;width:0;height:0;border:6px solid #fff;border-color:#818181 transparent;border-bottom:0;margin-top:-2px;}

.select_ui .select_text_ui{ display:block;overflow:hidden; color:inherit;vertical-align:baseline;white-space:nowrap;line-height:normal; color:#bbbbc0; height:32px; line-height:32px; padding-left: 20px; text-align:left;width:100%; font-size:14px;}

.select_ui .select_poswrap,.select_ui select{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;padding:0;border:0}

.select_ui select{box-sizing:border-box;height:100%;width:100%;background:#fff;color:inherit;font:inherit;opacity:0;filter:alpha(opacity=0)}

.select_ui .select_poswrap{overflow:hidden;width:0;height:0}


 