html {font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
body {margin: 0; background-color: #fff; }
body { font-family:"Î¢ÈíÑÅºÚ"}
body,textarea,input,select,option {font-size:16px;color:#333;font-family:"Î¢ÈíÑÅºÚ",Tahoma,Arial,sans-serif;font-family: "Microsoft YaHei",arial,courier new,courier,"\5b8b\4f53",monospace;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight: normal;}body,h1,h2,h3,h4,h5,h6,blockquote,ol,ul,li,dl,dd,p,textarea,input,select,option,form {margin:0;}ol,ul,li,textarea,input,select,option,th,td {padding:0;}table {border-collapse:collapse;}ol,ul,li {list-style-type:none;}.clears:before,.clears:after {content:'';display:table;}.clears:after {clear:both;}.clear {clear:both;overflow:hidden;}a {text-decoration:none;color:#333;}a,textarea,input{outline:none}textarea {overflow:auto;resize:none;}.img img {display:block;}a img {border:none;}.z_index{position:fixed;_position:absolute;z-index:999;display:none;}label,label input{vertical-align:middle}.pr {position:relative;}.pa {position:absolute;}.fl {float:left;}.fr {float:right;}
.clearfix:after {  clear: both;  content: " ";  display: block;  height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix2:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; }
input {caret-color: red; }
a {  background-color: transparent; -webkit-text-decoration-skip: objects;}
a:active,a:hover {  outline-width: 0;}
a{transition: color 300ms ease 0s, background-color 300ms ease 0s;}
a:hover{text-decoration:none;color:#f04343;transition: color 300ms ease 0s, background-color 300ms ease 0s; /*transition: all 0.28s ease-in;*/}
a:active{outline:none;}
.left{float: left; vertical-align: middle; }
.right{float: right; vertical-align: middle; }
p{margin: 0;}
img {	width:auto\9;	height:auto;	max-width:100%;	vertical-align:middle;	border:0;	-ms-interpolation-mode:bicubic}
ul,ol,dl,h1,h2,h3,h4,h5,h6,dt,dd{margin:0;padding:0}
em,b,i { font-style: normal;
    font-weight: normal;}
img {  border-style: none;border-radius:2%;}
a:hover img,img:hover{-moz-opacity:0.85; opacity:0.85;}
button,input,select,textarea {font: inherit; margin: 0;}
optgroup {  font-weight: bold;}
button,input {overflow: visible;}
button,select { text-transform: none;}
button,html [type="button"], [type="reset"],[type="submit"] {  -webkit-appearance: button;}
button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner {  border-style: none;  padding: 0;}
button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring {  outline: 1px dotted ButtonText;}
fieldset {   margin: 0 2px;  padding: 0.35em 0.625em 0.75em;}
legend {  box-sizing: border-box;color: inherit; display: table;  max-width: 100%; padding: 0; white-space: normal;}
textarea {  overflow: auto;}
[type="checkbox"],[type="radio"] {box-sizing: border-box; padding: 0;}
[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button {  height: auto;}
[type="search"] {  -webkit-appearance: textfield; outline-offset: -2px;}
[type="search"]::-webkit-search-cancel-button,[type="search"]::-webkit-search-decoration {  -webkit-appearance: none;}
::-webkit-input-placeholder {  color: inherit;  opacity: 0.54;}
::-webkit-file-upload-button {  -webkit-appearance: button;  font: inherit;}
/* top menu */
.head_top{ width:1200px; height:100px; margin:0 auto; padding:15px 0px;}
.head_top .logo img{float:left; margin-right:30px;width:308px;height:100px;}
.so{width:400px; overflow:hidden; float:left; margin-top:21px;}
.head_so{position: relative;}
.so_word{width:265px; border:1px solid #f04343; height:36px; line-height:36px; float:left; padding-left:15px;border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;padding-right: 36px;}
.so_submit{position: absolute; width: 34px; height: 34px; right: 60px; bottom: 1px; border: none; background: url(../images/search.png) no-repeat; background-size: cover; padding: 18px;cursor: pointer;}
.so_bt{width:59px; height:38px; background:#f04343; color:#fff; font-size:18px; line-height:36px;border:1px solid #f04343; float:left; _margin-top:-5px;
cursor: pointer;border-bottom-right-radius: 5px;border-top-right-radius: 5px;}
.so span {color: #f04343; font-size: 14px; margin-top: 4px; float: left; height: 30px; line-height: 30px; overflow: hidden; }
.so span a {border: 1px solid #bbb; padding: 1px 5px; border-radius: 3px; margin-right: 5px; display: inline-block; height: 20px; line-height: 20px; }
.top_r{width:440px; overflow:hidden; float:right;}
.top_r li {}
.top_r img {}
.column_bg{width:100%; height:48px; background:#e24c4c;margin-bottom:20px;min-width: 1200px;}
.menu{width:1200px;min-width: 1200px; height:48px; margin:0 auto; text-align:center; font-size:18px; font-weight:bold; }
.menu li{width:144px; height:48px; line-height:48px; float:left;}
.menu li a{color:#fff; width:144px; height:48px; display:block;border-left:1px #e24c4c solid;border-right:1px #e24c4c solid;}
.menu li a:hover{background:#f04343; border-left:1px #fbcece solid;border-right:1px #fbcece solid;}
.menu li.on a{background:#f04343; border-left:1px #fbcece solid;border-right:1px #fbcece solid;}
/* top nemu end */
.box1,.box2,.box3,.box4,.ad001{width: 1200px; min-width: 1200px; margin: 0 auto; }
.slidebox {width: 738px; float: left; }
.picbox{width: 738px; background: #CCC; margin-bottom: 15px; position: relative; overflow: hidden; }
.slidepic{top: 0; left: 0; width: 3995px; overflow: hidden; }
.slidepic li{float: left; position: relative; width: 738px; overflow: hidden; }
.slidepic a img {width: 738px; height: 414px; }
.slidepic em {display: block; background: #000; height: 80px; width: 738px; filter: alpha(opacity=50); -moz-opacity: 0.65; -khtml-opacity: 0.65; opacity: 0.65; position: absolute; bottom: 0; left: 0; }
.slidepic span {font-size: 18px; color: #fff; padding-left: 1em; height: 40px; line-height: 40px; width: 588px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.slidepic p {width: 598px; color: #fff; padding-left: 5px; text-indent:2em; font-size: 14px; }
.slidepoint{width: 130px; height: 20px; position: absolute; bottom: 10px; right: 0; }
.slidepoint li{float: left; font-size: 14px; color: #fff; width: 20px; height: 20px; line-height: 20px; text-align: center; border-radius: 3px; background: #f99191; cursor: pointer; margin-right: 5px; font-family: 'uni_sans_lightregular',Arial,Helvetica,sans-serif; }
.slidepoint .on{background: #f04343; }
.box1_r{width: 446px; overflow: hidden; float: right; }
.box1_r h3 {border-left: 5px solid #f04343; float: left; height: 20px; padding-left: 14px; line-height: 20px; font-weight: bold; font-size: 18px; }
.box1_r ul {width: 100%; overflow: hidden; float: left; margin-top: 6px; }
.box1_r ul li {width: 100%; height: 95px; float: left; background: #d8d8d8; margin-top: 2px; }
.box1_r ul li img {width: 153px; height: 95px; float: left; }
.box1_r ul li span{width: 273px; height: 75px; padding: 10px; display: block; float: left; color: #777171; font-size: 12px; line-height: 20px; }
.box1_r ul li em {width:0; height: 95px; display: block; float: left; background:#fff; padding:0; -moz-transition: width 1.5s; -webkit-transition: width 1.5s; -o-transition: width 1.5s; transition: width 1.5s; }
.box1_r ul li:hover em{background: #f04343; width: 293px; }
.box1_r ul li span p {width: 100%; color: ##585858; font-size: 18px; font-weight: bold; margin-bottom: 8px; height: 20px; line-height: 20px; overflow: hidden; }
.box1_r ul li:hover span{color: #fff; }
.box1_r ul li:hover span p{color: #fff; }
/****box1 ½¹µãµÄÓÒ²à2****/
/***box1 ½¹µãµÄÓÒ²à2 end*****/
.box2 h2,.box3 h2,.box4 h2{border-bottom: 1px solid #f04343;margin: 20px 0;padding-bottom: 6px;position: relative;}
.box2 h2 span,.box3 h2 span,.box4 h2 span{border-bottom: 3px solid #f04343;padding-bottom: 5px;font-size: 25px;color:#ff5858;}
.box2 h2 i,.box3 h2 i,.box4 h2 i{position: absolute; left: 15%; bottom: -10px; background: #fff; border-left: 2px solid #f04343; border-right: 2px solid #f04343; border-radius: 5px; padding: 0 8px;} .box2 h2 i a,.box3 h2 i a,.box4 h2 i a{border: 1px solid #a0a0a0; padding: 2px 3px; border-radius: 3px; font-size: 14px;margin: 0 4px; }
.box2 h2 em,.box3 h2 em,.box4 h2 em{float: right;margin-top: 18px;transition: all 0.4s;}
.box2 h2 em:hover, .box3 h2 em:hover, .box4 h2 em:hover {transition: all 0.7s; -webkit-transform: rotate(6.28rad); -ms-transform: rotate(6.28rad); transform: rotate(6.28rad); }
.box2 ul{margin-right: -20px;}
.box2 ul li{float: left; width: 222px; overflow: hidden; padding: 15px 0px 5px 0px; background: #FFF; border: 1px solid #ccc; box-shadow: 3px 3px 3px #ccc; margin: 0 20px 20px 0; border-radius: 10px; }
.box2 ul li:hover{border: 1px solid #f04343; box-shadow: 3px 3px 3px #dcafaf; }
.box2 ul li img{    width: 190px; height: 260px; margin: 0 auto; display: block; }
.box2 ul li a span{display: block; height: 30px; line-height: 30px; width: 190px; overflow: hidden; text-align: center; margin: 0 auto; }
/**** box3 *****/
.box3 ul.one li,.box4 ul li{ width: 190px; height: 280px; float: left; margin-right: 15px; overflow: hidden; position: relative; }
.box3 ul.one li img,.box4 ul li img {width: 190px; height: 280px;}
.box3 ul.one li a span,.box4 ul li a span{width: 96%; padding: 0 2%; display: block; height: 30px; line-height: 30px; overflow: hidden; position: absolute; left: 0px; bottom: 0px; text-align: center; color: #FFF; background:#000; filter:Alpha(opacity=50); background: rgba(0, 0, 0, 0.6);}
/****box3 ul two*****/
.box3 ul.two li{width: 380px; border-bottom: 1px solid #EEE; height: 42px; line-height: 42px; }
.box3 ul.two li.on {height: 151px; }
.box3 ul.two li a{overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.box3 ul.two li i{overflow: hidden; background: #fff; padding: 5px 0; display: none; height: 100px; }
.box3 ul.two li i p {width: 220px; font-size:14px; color: #999; line-height: 21px; overflow: hidden; text-indent: 2em; float: left; }
.box3 ul.two li i a {background: #fff!important; display: block; height: 100px; width: 155px; overflow: hidden; padding: 0px; float: right; }
.box3 ul.two li a {display: block; background: #fff; height: 40px; line-height: 40px; }
.box3 ul.two li em{float: left;height: 40px; padding-left: 10px;font: 14px/40px 'uni_sans_lightregular',Arial,Helvetica,sans-serif;}
.box3 ul.two li.on em {font-size:20px;color:#f04343;}
.box3 ul.two li i a img {width: 155px; height:100%;}
.box3 ul.one li img,.box3 ul.two li i a img {-webkit-transition: -webkit-transform 0.5s ease; -moz-transition: -moz-transform 0.5s ease; transition: transform 0.5s ease; opacity: 0.8;}
.box3 ul.two li i a:hover img,.box3 ul.one li:hover img {-webkit-transform: scale(1.5); -moz-transform: scale(1.5); transform: scale(1.5); opacity: 1; }
.box3 ul.two li.on i { display: block; }
.box3 ul.two li.on a,.box3 ul.two li.on em { background:#c7c6c6;}
/****box4 ***/
.box4 ul {margin-right:-12px;}
.box4 ul li{margin-right:12px;}
.box4 ul li img:hover{-webkit-animation: tada 1s .2s ease both;-moz-animation: tada 1s .2s ease both;animation: tada 1s .2s ease both;}
@-webkit-keyframes tada{0%{-webkit-transform:scale(1);}
10%, 20%{-webkit-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-webkit-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-webkit-transform:scale(1.1) rotate(-3deg);}
100%{-webkit-transform:scale(1) rotate(0);}}
@-moz-keyframes tada{0%{-moz-transform:scale(1);}
10%, 20%{-moz-transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{-moz-transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{-moz-transform:scale(1.1) rotate(-3deg);}
100%{-moz-transform:scale(1) rotate(0);}}
@keyframes tada{0%{transform:scale(1);}
10%, 20%{transform:scale(0.9) rotate(-3deg);}
30%, 50%, 70%, 90%{transform:scale(1.1) rotate(3deg);}
40%, 60%, 80%{transform:scale(1.1) rotate(-3deg);}
100%{transform:scale(1) rotate(0);}}
/* link */
.friendlink{width:1200px; overflow:hidden; margin:20px auto;min-width:1200px;}
.friendlink li{width: 1200px; min-width: 1200px; border-bottom: 1px dashed #f04343; margin-bottom: 5px; padding-bottom: 5px;}
.friendlink span{font-size: 18px; border-bottom: 1px solid #f04343; padding-bottom: 5px; }
.friendlink p{font-size: 14px;}
.friendlink p a{margin-right: 5px; margin-bottom: 5px; display: block; float: left;}
.foot_bg {width:100%; overflow:hidden; padding:15px 0; border-top:1px solid #f04343 /* #e6e5e5;*/;min-width: 1200px;}
.foot{ width:1200px; overflow:hidden; margin:0 auto;}
.foot p{width:900px; float:left; overflow:hidden;display:block; font-size:14px; color:#999;line-height: 25px;}
.foot p span{display:block;}
/*.foot span i{ display:none;}*/
.weixin {float:right;text-align:center;font-size:14px;cursor: pointer; border: 1px solid #FF8141;border-radius: 4px; padding: 5px; position: relative;transition: all .5s ease-in;}
.weixin:hover{border: 1px solid #F04343;color:#f04343;transition: all .4s ease-in;}
.weixin img {width: 100px; height:100px; opacity: 0; transform: scale(0); transform-origin: top center; transition: opacity .3s, transform .3s; position: absolute; top: -5px; right: 95px; }
.weixin:hover img {opacity: 1; transform: scale(1); }
.backToTop{background: url(../images/top.png) no-repeat #f04343;opacity: 0.5; filter: "alpha(opacity=50)"; filter: alpha(opacity=50); background-position: 15px 22px;
 cursor: pointer;width: 60px;height: 60px;visibility: hidden;position: fixed;right: 5px;bottom: 50px;border-radius: 5px;}
.backToTop_hv{opacity: 1; filter: "alpha(opacity=100)"; filter: alpha(opacity=100);}
.tj{display:none;}
