﻿/* - - - - - - - - - 各浏览器样式默认值标准化  - - - - - - - - -*/
html,body,span,object,iframe,h1,h2,h3,h4,h5,p,blockquote,pre,
a,address,code,
del,em,img,dl,dt,dd,ol,ul,li,
fieldset,form,label{
margin:0;padding:0;border:0;
font-style:inherit;font-family:inherit;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,audio,video{margin:0;padding:0;display: block;}
html{-webkit-text-size-adjust:none;}
img{border:none;vertical-align:middle;}
input,select,button{padding:0;margin:0;outline:none;font-family:inherit;vertical-align:middle;}
textarea{font-family:inherit;padding:0;margin:0;}
button{cursor:pointer;}
html{overflow-x:hidden;}
body{font-size:12px;font-family:'Microsoft YaHei';background:#fafafa;}
ul,ol{list-style-type:none;}
h1{font-size:24px;}
h2{font-size:18px;}
h3,h4{font-size:14px;}
h5{font-size:12px;}
i,em,address{font-style:normal;}
a{ text-decoration:none;color:#4f4f4f;}
a:hover{text-decoration:underline;transition:color 200ms linear 0s,background-color 200ms linear 0s,border-color 200ms linear 0s;}	/*鼠标悬停时*/
a:active{}	/*点击与释放时*/
a:visited{}/* 访问过 */
/*  - - - - - - - - - 常用类样式  - - - - - - - - -*/
.photo_fullsize img{display:block;width:100%;height:100%;}	/*图片全尺寸*/
.no_bor{ border:none!important;}	/*无边框*/
.no_bg{ background:none!important;}	/*无背景*/
.clear{ display:block;height:0; line-height:0;overflow:hidden; clear:both;font-size:0;}/*清除浮动*/
.clear_::after{content:"";display:block; clear:both;height:0; line-height:0; overflow:hidden;}/*清除浮动*/
.center{margin:0 auto;width:1280px;}	/*让内容区块居中*/
/*图片全尺寸*/
.photo,.photo_fullsize{display:block;overflow:hidden;}
.photo img,.photo_fullsize img{display:block;width:100%;height:100%;}	
/*图片自适应尺寸*/
.photo_autosize{text-align:center;display:block; overflow:hidden; position:relative;}
.photo_autosize::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";}
.photo_autosize>div{position:absolute;left:0;top:0;right:0;bottom:0;}
.photo_autosize>div::after{height:100%;width:0;overflow:hidden; font-size:0;line-height:0;display:inline-block;vertical-align:middle;content:"";}
.photo_autosize>div img{display:inline!important;}
.photo_autosize img{ position:static!important;display:inline;left:auto;top:auto;width:auto;height:auto;max-width:100%;max-height:100%;}
/*图片自适应全尺寸*/
.photo_autofullsize{ overflow:hidden; display:block;background-size:cover!important}
.photo_autofullsize img{ display:none;}
.container1{width:617px;height:auto;margin:0 auto;}
.container1 .div_scroll{float:left;width:100%;height:289px;overflow:auto;}
.container1 .scroll_container{position:relative;overflow:hidden;}
.container1 .scroll_absolute{position:absolute;}
.container1 .scroll_vertical_bar{width:16px;height:100%;position:absolute;top:0;right:0;margin:0;padding:0;}
.container1 .scroll_track{position:relative;border-radius:10px;background:url(../images/line_y.gif) repeat-y center top;}
.container1 .scroll_drag{position:relative;top:0;left:0;border-top:none;border-bottom:none;cursor:pointer;background-color:#76312c;border-radius:20px;}
.container1 .scroll_arrow{text-indent:-20000px;cursor:pointer;display:block;}
.container1 .scroll_vertical_bar .scroll_arrow{height:16px;}


.border_top,.border_right,.border_bottom,.border_left{font-size:0; overflow:hidden; line-height:0;background:#c3b093; position:absolute;}
.border_top{left:50%;top:0;height:1px;}
.border_right{top:50%;right:0;width:1px;}
.border_bottom{left:50%;bottom:0;height:1px;}
.border_left{top:50%;left:0;width:1px;}

.btn_video ._yuan{
	  -moz-animation: rotate 4s linear infinite;
	  -webkit-animation: rotate 4s linear infinite;
	  -o-animation: rotate 4s linear infinite;
	  -ms-animation: rotate 4s linear infinite;
	  animation: rotate 4s linear infinite;
	}

	@-webkit-keyframes rotate {
	  0%,
	  100% {-webkit-transform: rotate(0deg);}
	  100% { -webkit-transform: rotate(360deg);}
	}
	@-moz-keyframes rotate {
	  0%,
	  100% {-moz-transform: rotate(0deg); }
	  100% {  -moz-transform: rotate(360deg); }
	}
	@-o-keyframes rotate {
	  0%,
	  100% { -o-transform: rotate(0deg);}
	  100% { -o-transform: rotate(360deg);}
	}
	@-ms-keyframes rotate {
	  0%,
	  100% { -ms-transform: rotate(0deg); }
	  100% { -ms-transform: rotate(360deg); }
	}
	@keyframes rotate {
	  0%,
	  100% {transform: rotate(0deg); }
	  100% {transform: rotate(360deg);}
	}
