img { max-width: 100% !important; }
/* ==========================================================================
   Global
   ========================================================================== */
html { font-size: 62.5%; }
a { color: #666; }
a:hover { color: #a1702f; }
body { color: #666; font: 12px/1.5 microsoft yahei, Arial, Helvetica, sans-serif; background: #fff; }
.wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
.wrapper:after,
.row:after { content: ""; display: table; clear: both; }
/* arrow */
.arrow { position: absolute; top: 50%; margin-top: -4px; }
.arrow * { position: absolute; top: 0; left: 0; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* arrow-right */
.arr-r * { border-left-style: solid; border-width: 4px 0 4px 4px; }
.arr-r em { left: 1px; }
.arr-r span { border-left-color: #3675bb; }
.tri { position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; }
/* ==========================================================================
   Header
   ========================================================================== */
.topbar { background:url(../images/topbar.gif) repeat-x; height:30px; padding: 5px 0;  }
header { background:#242140; min-width: 1000px; position: relative; z-index: 999; -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.2); box-shadow: 0 3px 6px rgba(0,0,0,.2) }
header .wrapper { height: 92px; position: relative; z-index: 999; }
.logo { position: absolute; padding: 10px; }
.lang { float: right; }
.lang a { float: left; padding-left: 30px; }
.lang .cn { background: url(../images/cn.gif) no-repeat 0; }
.lang .en { background: url(../images/en.gif) no-repeat 0; }
.lang .pipe { float: left; padding: 0 8px; }
.hot{ float:left;padding:0 15px}

/*right*/
.social{ margin-top:28px; float:right}
.social li { width: 38px; height: 38px; float: left;}
.social li a { display: block; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; background-repeat: no-repeat; background-image: url(../images/social-sprite.png); -webkit-transition: opacity 300ms; -o-transition: opacity 300ms; transition: opacity 300ms; }
.social .item1 a { background-position: 0 0; }
.social .item2 a { background-position: -38px 0; }
.social .item3 a { background-position: -76px 0; }
.social li a:hover { opacity: .7; }
.socila-tit { color: #d1d1d1; margin-left: 10px; text-transform: uppercase; font-size: 12px; font-weight: 300; margin-bottom: 10px; text-shadow: 1px 2px 2px rgba(0,0,0,.8); margin-top: -5px; }
.search{ float:right;margin-left:20px; margin-top:20px; }
.search_bar{position: absolute;margin-top: 10px; width: 0%;min-width: 30px;height: 30px; float: right;overflow: hidden; -webkit-transition: width 0.3s; -moz-transition: width 0.3s;  transition: width 0.3s;  -webkit-backface-visibility: hidden;  background:#6b6886; } 
.input{ position: absolute;top: 0;right: 0; border: none;outline: none; width: 90%;z-index: 10; font-size: 12px;color: #666;background:transparent; padding:5px } 
.search_ico,.search_btn  { width: 30px;height: 30px;display: block; position: absolute;right: 0;top: 0; padding: 0;margin: 0;cursor: pointer;} 
.search_ico{background: #24213f url(../images/icon.png) no-repeat 5px 5px;z-index:90;} 
.search_open{width: 125px !important; z-index:1002} 
#show{position:absolute; padding:20px} 

/* ==========================================================================
   Nav
   ========================================================================== */
.navbar { }
/* primary */
.focus_in{ position: relative;  border-top:1px solid #fff }
.globalnav { z-index: 99; position: absolute; left:100px; bottom: 15px; float:right}
.globalnav li { float: left; position: relative; /*background: url(../images/nav-sep.png) no-repeat 100% 50%;*/ padding-right: 1px; }
.globalnav li a { display: block; color: #fff; padding: 0 45px; font-size: 14px; line-height: 62px; }
.globalnav li a:hover{}
.globalnav .nav-sep { }
.globalnav .active a,.globalnav li .active1 { color: #fdf063;}
.globalnav .last { background: none; }
/* secondary */
.dropdown { position: absolute; z-index: 999; background: #252240; background: rgba(37,34,64,.8); display: none; padding: 18px 0; top: 100%; width: 136px; left: 50%; margin-left: -66px; }
.dropdown:after { content: ""; position: absolute; width: 0; height: 0; border: 0 dashed transparent; overflow: hidden; border-top-style: solid; border-width: 5px 5px 0; border-top-color: #fdf063; left: 50%; margin-left: -5px; top: -15px; }
.dropdown .pic { display: block; padding: 0; width: 100%; height: 82px; margin-bottom: 10px; }
.dropdown .pic img { width: 100%; height: 100%; }
.dropdown .dd-l { float: left; width: 110px; padding-left: 20px; }
.dropdown .dd-r { float: right; width: 148px; padding-right: 20px; font-size: 12px; text-align: center; }
.dropdown .dd-l a { white-space: nowrap; line-height: 40px; font-size: 14px; padding: 0 20px; color: #fff; }
.dropdown .dd-l a .fa { font-size: 12px; line-height: 40px; color: #ccc; padding-right: 5px; }
.dropdown .dd-l a:hover,
.dropdown .dd-l a:hover .fa { color: #fdf063;list-style-type: none; }
/* ==================================
   banner
   ================================== */
.banner { position: relative; overflow: hidden; min-width: 1000px; width: 100%; height: 605px; }
.banner .bd li a { position: absolute; left: 0; top: 0; overflow: hidden; background-position: 50% 0; background-repeat: no-repeat; width: 100%; height: 605px; /* superslide 取值规定必须是具体数值 */  }
.prev, .next { position: absolute; top: 50%; cursor: pointer; }
.tempWrap { margin: 0 auto; }
.banner .prev,
.banner .next { width: 85px; height: 85px; margin-top: -42px; display: none; }
.banner .prev { background: url(../images/prev.png) no-repeat; left: 30px; }
.banner .next { background: url(../images/next.png) no-repeat; right: 30px; }
.banner:hover .prev,
.banner:hover .next {  display: block; }
/* ==========================================================================
   Content
   ========================================================================== */
.row-hd h2:before,
.row-hd h2:after { content: ""; }
.row-hd h2:before,
.row-hd h2:after,
.row-hd h2 i { position: absolute; width: 32px; height: 6px; font-size: 0; line-height: 0; background: #fff; top: 50%; margin-top: -4px; }
.row-hd h2:before,
.row-hd h2 .line-l { left: 0; }
.row-hd h2:after,
.row-hd h2 .line-r { right: 0; }
.row-hd .en-txt { font-size: 14px; line-height: 20px; }
.row-even,
.row-even .row-hd h2 { background: #f5f5f5; }
.row-ft { text-align: center; padding: 15px; }
.ui-btn1 { display: inline-block; background: #007762; color: #fff; padding: 0 8px; line-height: 24px; }
.ui-btn1:hover { color: #fff; background: #006853; }
/* about */
.row-about{ height:265px;}
.row-about .hd {  text-align: center; margin: -5px auto 25px; position: relative; border-bottom:1px solid #bcbcbc; width:455px; line-height:66px }
.row-about .hd h2 { margin-top:15px;}
.row-about .hd h2 a { color: #333333; font-size:24px; font-weight: 300; line-height:15px}
.row-about .hd i { position: absolute;left: 50%; bottom: -2px; width: 50px;height:4px;margin-left: -25px;background-color: #c6a35f;}
.nr{ width:940px;}
.nrp{ font-size:14px; height:70px; line-height:25px}
.nr .more {font-size:14px; background:#c6a35f; width:82px; margin-left:43%; padding:10px 15px 10px 35px; margin-top:15px}
.nr .more a{color: #fff; }
.nr .more:hover { background:#333; color:#FFFFFF}

/* business */
.row-business{  background:#f5f5f5 url(../images/yetopbj.png) top no-repeat; height:350px; border-top:1px solid #f1f1f1}
.row-business .hd {  text-align: center; margin: -5px auto 25px; position: relative; border-bottom:1px solid #bcbcbc; width:455px; line-height:66px }
.row-business .hd h2 { margin-top:15px;}
.row-business .hd h2 a { color: #333333; font-size:24px; font-weight: 300; line-height:15px}
.row-business .hd i { position: absolute;left: 50%; bottom: -2px; width: 50px;height:4px;margin-left: -25px;background-color: #c6a35f;}
.column1Pic {overflow: hidden;}
.column1PicList {overflow: hidden; padding-top:25px}
.column1PicList dd {float: left;width: 123px;overflow: hidden;/*margin-right:77px;*/ margin:0 38px}
.column1PicList dd div {width: 123px;height: 121px;position: relative;}
.column1PicList dd h1{ Line-height:70px; text-align:center;}
.column1PicList dd h1 a{ display:block; color:#666666; font-size:18px; font-weight: 300; }
.column1PicList dd div b {position: absolute;width: 123px;height: 121px;left: 0px;top: 0px;background: url(../images/column1Bg1hover.png) no-repeat center center;z-index: 6;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
.column1PicList dd div p {position: absolute;width: 123px;height: 121px;left: 0px;top: 0px;background: url(../images/column1Bg1.png) no-repeat center center;z-index: 5}
.column1PicList dd div i {position: absolute;display: block;width: 99px;height: 99px;left: 50%;margin-left: -50px;top: 50%;margin-top: -50px;background: url(../images/column1Icn.png) no-repeat;z-index: 4}
.column1PicList dd div i.i1{ background-position:0 0}
.column1PicList dd div i.i2{ background-position:-99px 0}
.column1PicList dd div i.i3{ background-position:-198px 0}
.column1PicList dd div i.i4{ background-position:-297px 0}
.column1PicList dd div i.i5{ background-position:-396px 0}
.column1PicList dd div em {position: absolute;display: block;width: 99px;height: 99px;left: 50%;margin-left: -50px;top: 50%;margin-top: -50px;z-index: 2;/*background: url(../images/column1Icn.png) no-repeat -495px 0;*/}
.column1PicList dd div span {position: absolute;display: block;width: 123px;height: 121px;left: 0px;top: 0px;z-index: 3;background: #ffffff;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;-moz-border-radius: 140px;-webkit-border-radius: 140px;border-radius: 140px;}
.column1PicList dd:hover div b{
	transform: rotate(91deg);
	-ms-transform: rotate(91deg); 	/* IE 9 */
	-moz-transform: rotate(91deg); 	/* Firefox */
	-webkit-transform: rotate(91deg); /* Safari 和 Chrome */
	-o-transform: rotate(91deg);
	}
.column1PicList dd:hover div span{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	}
	
/* latest */
.home .latest { margin-bottom: 8px; }
.home .latest .imgArea { width: 130px; height: 105px; }
.home .latest .txtArea { padding-left: 10px; }
.home .latest .txtArea .desc { padding-top: 4px; line-height:20px}
.home .latest .txtArea .more { color: #fdf063; margin-left: 50px; }
/* news */
.r1 { margin-bottom: 32px; margin-top:30px;}
.news{ }
.news .item {width: 460px;float: left;border: 1px #d2d2d2 solid; margin-right:30px}
.news .item dl {padding-left: 12px;}
.news .item dt {height: 52px;line-height: 52px;color: #c6a35f;font-size: 20px;border-bottom: 1px solid #d2d2d2; margin:10px 20px}
.news .item ul { padding-bottom:15px}
.news .item li {line-height: 32px;background: url(../images/sn_jt.gif) 0 center no-repeat; margin:0 25px 0 20px; padding-left:15px} 
.news .item li a {color: #3d3d3d;}
.news .item li a:hover {color: #000;}
.news .item li span{font-size: 12px;float: right;}
.news .item li span a:hover{color: #000;}
 .picc{padding:15px 25px; width:415px}
 .picc a:hover{}

/* focus */
.focus-list { }
.focus-list li { float: left; width: 392px; }
.focus-list li h3 { color: #000; font-size: 14px; font-weight: 300; margin: 15px 0 10px; }
.focus-list li h3 a { color: #000; }
.focus-list li h3 .date { float: right; }
.focus-list li .desc { color: #333; }
.focus-ft { margin-top: 15px; }
.focus .prev,
.focus .next { width: 18px; height: 18px; color: #fff; line-height: 17px; text-align: center; background: #005946; margin-right: 6px; float: left; cursor: pointer; }
.focus .prev .fa,
.focus .next .fa { font-size: 16px; line-height: 17px; }
.focus .prev:hover,
.focus .next:hover { background: #006daf; color: #fff; }



/* partner */
.row-partner{  border-top:1px solid #f1f1f1;background:#f6f6f6}
.row-partner .hd {  text-align: center; margin: -5px auto 25px; position: relative; border-bottom:1px solid #bcbcbc; width:455px; line-height:66px }
.row-partner .hd h2 { margin-top:15px;}
.row-partner .hd h2 a { color: #333333; font-size:24px; font-weight: 300; line-height:15px}
.row-partner .hd i { position: absolute;left: 50%; bottom: -2px; width: 50px;height:4px;margin-left: -25px;background-color: #c6a35f;}
.partner{padding: 10px 0 40px; }
.partner-list { margin-right: -20px;}
.partner-list li { float: left; width:244px; display: inline;   }
.partner-list .pic { display: block; height:32px; background: #fff; border-right:1px solid #e1e1e1 }
.partner-list .pic img { width: 100%; height: 100%; }
/* ==========================================================================
   Footer
   ========================================================================== */
footer { border-top:10px solid #c6a35f ;   background:#28233f ; color: #fdfefe; padding: 25px 0; }
footer a { color: #fdfefe;}
footer a:hover { text-decoration: underline; color: #fdfefe;  }
.footer-nav ul { float: left; overflow: hidden;}
.footer-nav li { float: left; margin-left: -1px; }
.footer-nav li a { display: block; padding: 0 10px; ine-height: 1; margin: 15px 0 30px 0; }
.pipe { padding: 0 8px; }
.copy { padding: 0 10px; font-size:14px; text-align:center; margin:10px 0 }