@charset "utf-8";
/* CSS Document */
/* Auther: Puyuan */
/* WebSite: http://www.ipuyuan.com/ */
/*公共样式与首页样式*/
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
A{TEXT-DECORATION: none;}
A:link{color:#555555;}
A:visited{color:#555555}
A:active{color:#555555}
A:hover{COLOR:#d7181f}
BODY
{
 margin:0px; font-family:"微软雅黑"; background:#ffffff; font-size:14px;line-height:24px;color:#555555;}
p,h1,h2,h3,h4,h5,h6,ul,li,input,dl,dt,dd,header,article,iframe,footer,ol,div,img{margin:0px; padding:0px; }
input{ border:0px;}
img{border:0px; vertical-align:middle;}
li{ list-style:none;}
a{outline:none;}
b{ font-weight:normal;}
input,button,select,textarea{outline:none;font-family:"微软雅黑"; font-size:14px;}
.left{float:left;}
.right{float:right;}
.clear{clear:both; margin:0px; padding:0px; height:0px;}
.main{ width:1200px; margin:0px auto;}
.top1{ width:100%; font-size:14px; height:78px; line-height:30px; background:#e6e4d8;}
.top1 .s1{ float:left;}
.top1 .s2{ float:right;}
.top1 .s2 .fx{ margin:0px 6px;}
.top1 a{ display:inline-block; margin:0px 6px;}
a.cd_xd{ background:url(../images/t_sj.png) left no-repeat; padding-left:18px;}
.top2{ width:100%; background:#fff; height:85px; position:relative; z-index:20;}
a.logo{width:330px;  line-height:58px; float:left; margin-top:5px;}	
.logo img{max-width: 100%}
.htt_language{display: inline-block; float: right;}
.htt_language a.active{color: #d7181f;}
.menu{ display: inline-table; width: 100%;  height:85px; position:relative; z-index:22;}
.menu li{ display: table-cell; height:85px; text-align: center;}
.menu li a.dbt{  display:block; height:85px; line-height:85px; padding:0px 15px; font-size:16px;color:#000000;}
.menu li a.dbt:hover,.menu li.on a.dbt,.menu li:hover a.dbt{ background:#e6e4d8; }
.menu li dl{ position:absolute; width:1200px; height:40px; line-height:40px; right:0px; top:85px; display:none;}
.menu li dd{ float:left; margin:0px 20px; font-size:14px;}
.menu li dd a{ color:#ffffff;}
.menu li dd a:hover{ color:#FF6;}
.menu li dt.d_1{ width:255px; float:left;	}
.menu li dt.d_2{ width:255px; float:left;	}
.menu li dt.d_3{ width:660px; float:left;	}
.menu li dt.d_4{ width:708px; float:left;	}
.menu li dt.d_5{ width:800px; float:left;	}
.menu li:hover dl{ display:block;}
#menu_bj{ width:100%; height:40px; display:none; top:85px; left:0px; background:url(../images/j16_05.png); position:absolute;}
#scroll_box{ width:100%; position:relative; z-index:0;  margin:0px auto; }
.box_163css{ width:100%;height:517px; position:relative; overflow:hidden;}
.box_163css img{ display:block;}
.box_163css li{float:left; display:inline; width:100%; height:517px}
.box_163css li a{display:block; width:100%; height:517px;line-height: 517px;}
a.prev,a.next{ cursor:pointer; width:60px; height:60px; top:50%; margin-top:-30px; position:absolute;}
a.prev{ left:2%; background:url(../images/jt1.png)}
a.prev:hover{ background:url(../images/jt1.png)}
a.next{ right:2%; background: url(../images/jt2.png)}
a.next:hover{ background:url(../images/jt2.png)}
.scroll_nav{ position:absolute; display:none; z-index:2; bottom:15px; left:50%; margin-left:-45px; }
.scroll_nav li{ width:18px; height:18px; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; float:left; background:#ffffff; margin:0px 5px; cursor:pointer;  -moz-border-radius:18px; -webkit-border-radius:18px; border-radius:18px;}
.scroll_nav li.current{background:#ffffff; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#scroll_box{height: auto};

#scroll_box2{ width:1200px; position:relative; z-index:0;  margin:0px auto; height:560px;}
#scroll_box2 .box_163css{ width:100%;height:560px; position:relative; overflow:hidden;}
#scroll_box2 .box_163css img{ display:block;}
#scroll_box2 .box_163css li{float:left; display:inline; width:1200px; height:560px}
#scroll_box2 .box_163css .txtk{ float:left; width:540px; margin-left:20px; margin-top:105px;}
#scroll_box2 .box_163css .txtk b{ float:left; background:url(../images/j5_06.jpg) left no-repeat; line-height:52px; height:57px; color:#d7181f; font-size:57px; font-weight:bold; padding-left:30px;}
#scroll_box2 .box_163css .txtk p{ float:left; font-size:24px; color:#666666; width:510px; line-height:20px; margin:20px 0px 10px 30px;}
#scroll_box2 .box_163css .txtk dl{ float:left; width:510px; margin:0px 0px 50px 30px;}
#scroll_box2 .box_163css .txtk dd{ float:left; width:492px; line-height:36px; padding-left:18px; font-size:16px; color:#333333; background:url(../images/j6_10.png) no-repeat 0px 14px;}
#scroll_box2 .box_163css .txtk a.more2{ float:left; width:180px; height:50px; line-height:50px; font-size:18px; color:#ffffff; background:#d7181f; text-align:center;}
#scroll_box2 .box_163css .txtk a.more2:hover{ background:#c10007;}
#scroll_box2 .box_163css .imgk{ width:635px; float:right;}
#scroll_box2 .box_163css .imgk img{ width:635px; height:560px;}
#scroll_box2 .scroll_nav{ position:absolute; display: block; z-index:2; bottom:30px; right:30px; left:auto; margin-left:0px; }
#scroll_box2 .scroll_nav li{ width:44px; height:6px; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; float:left; background:#ffffff; margin:0px 0px 0px 6px; cursor:pointer;  -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
#scroll_box2 .scroll_nav li.current{background:#ffff00; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

#scroll_box3{ width:400px; position:relative; z-index:0;  height:195px;}
#scroll_box3 .box_163css{ width:400px;height:195px; position:relative; overflow:hidden;}
#scroll_box3 .box_163css img{ display:block;}
#scroll_box3 .box_163css ul li{float:left; display:inline; width:400px; height:195px}
#scroll_box3 .box_163css img{ width:400px; height:195px;}
#scroll_box3 .scroll_nav{ position:absolute; display: block; z-index:2; bottom:20px; left:50%; margin-left:-126px; }
#scroll_box3 .scroll_nav li{ width:44px; height:6px; filter:alpha(opacity=45); -moz-opacity:0.45; opacity:0.45; float:left; background:#ffffff; margin:0px 0px 0px 6px; cursor:pointer;  -moz-border-radius:0px; -webkit-border-radius:0px; border-radius:0px;}
#scroll_box3 .scroll_nav li.current{background:#ffff00; filter:alpha(opacity=100); -moz-opacity:1; opacity:1;}

.s_d{ float:left; margin-left:10px; background:url(../images/right.png) left no-repeat; padding-left:20px; font-size:12px; color:#1ec702;}
.s_c{ float:left; margin-left:10px; background: url(../images/error.png) left no-repeat; padding-left:20px; font-size:12px; color:#ff0000;}
.foot{ width:100%; background:#d7181f; padding:40px 0px; color:#ffffff;}
.foot a{ color:#ffffff;}
.foot a:hover{ color:#FF9;}
.cd_f{ width:900px; float:left; margin-bottom:40px;}
.cd_f li{ float:left; margin-right:75px; line-height:30px;}
.cd_f a.dbt{ font-size:18px; }
.cd_f dl{  font-size:14px; display:block; padding-top:2px;}
.cd_f dd{display:block;}
.wx_lb{ float:right;}
.wx_lb li{ float:left; margin-left:30px; width:116px; height:165px; text-align:center;}
.wx_lb p{ padding-top:5px;}
.wx_lb img{ width:100%; display:block;}
.f_1{ float:left; width:750px;  font-family:Arial,微软雅黑;}
.f_1 b{ font-size:18px; line-height:28px; padding-right:12px;}
.f_1 p{ display:block; padding-top:3px;}
.f_2{ float:right; background:url(../images/j1_148.png) no-repeat; width:398px; height:49px;}
a.cd_qq{ background:url(../images/t_qq.png) no-repeat; width:100px; height:28px; line-height:28px; display:inline-block; vertical-align:middle;}
.sy1{ width:100%; background:#ffffff; padding:60px 0px;}
.sy1 .d0{ float: left; width: 260px; padding: 5px; box-sizing: border-box; border: solid 20px #f85e4a; height: 360px;}
.sy1 .d0 dt{font-size: 26px;    line-height: 26px; text-align: center; border-bottom: 1px solid #f85e4a; padding-bottom:10px}
.sy1 .d1{ float:left; width:530px;box-sizing: border-box; padding: 0 15px 5px;}
.sy1 .d2{ float:right; width:400px; height:370px; border:solid 20px #f85e4a; background:#f85e4a;}
.bt1{ width:100%; float:left; height:30px; }
.bt1 .s1{ float:left; font-size:26px; line-height:26px;}
.bt1 a.more1{ float:right;}
a.more1{ color:#555555; padding:0px 20px; line-height:30px; height:28px; line-height:28px; display:inline-block; border:solid 1px #e6e6e6;  -moz-border-radius:30px; -webkit-border-radius:30px; border-radius:30px;}
a.more1:hover{ color:#d7181f; border:solid 1px #d7181f;}
.lb1{ width:100%; box-sizing: border-box; float:left; height:315px; overflow:hidden; margin:20px 0px 0px 0px; text-align:center;}
.lb1 ul{ float:left; width:100%;}
.lb1 li{ padding: 5px; float:left; width: 33.333%; height:auto;box-sizing: border-box;
    text-align: center;}
.lb1 i{ display: inline-block; width:100px; height:100px;background-size: 100% !important;}
.lb1 p{ width:100%; float:left; font-size:22px; margin-top:10px;}
.lb1 a{display: inline-block;}
.lb1 a i.i1{ background:url(../images/b1.png) no-repeat;}
.lb1 a:hover i.i1{ background:url(../images/b1_.png) no-repeat;}
.lb1 a i.i2{ background:url(../images/b2.png) no-repeat;}
.lb1 a:hover i.i2{ background:url(../images/b2_.png) no-repeat;}
.lb1 a i.i3{ background:url(../images/b3.png) no-repeat;}
.lb1 a:hover i.i3{ background:url(../images/b3_.png) no-repeat;}
.lb1 a i.i4{ background:url(../images/b4.png) no-repeat;}
.lb1 a:hover i.i4{ background:url(../images/b4_.png) no-repeat;}
.lb1 a i.i5{ background:url(../images/b5.png) no-repeat;}
.lb1 a:hover i.i5{ background:url(../images/b5_.png) no-repeat;}
.lb1 a i.i6{ background:url(../images/b6.png) no-repeat;}
.lb1 a:hover i.i6{ background:url(../images/b6_.png) no-repeat;}
.lb1 a i.i7{ background:url(../images/b7.png) no-repeat;}
.lb1 a:hover i.i7{ background:url(../images/b7_.png) no-repeat;}
.lb1 a i.i8{ background:url(../images/b8.png) no-repeat;}
.lb1 a:hover i.i8{ background:url(../images/b8_.png) no-repeat;}
.xx1{ width:360px; float:left; overflow:hidden; height:50px; line-height:50px;}
.xx1 li{ float:left; text-align:center; height:50px; font-size:26px; width:100%;}
.xx1 li a{ display:block; width:100%; height:50px; color:#ffffff;}
.xx1 li a.on{ background:#ffffff; color:#f85e4a;}
.xx1 li i{ width:20px; height:22px; display:inline-block; margin-right:7px; vertical-align:middle;}
.xx1 li i.i1{ background:url(../images/a3.png) no-repeat;}
.xx1 li a.on i.i1{ background:url(../images/a3_.png) no-repeat;}
.xx1 li i.i2{ background:url(../images/a2.png) no-repeat;}
.xx1 li a.on i.i2{ background:url(../images/a2_.png) no-repeat;}
.xx1 li i.i3{ background:url(../images/a1.png) no-repeat;}
.xx1 li a.on i.i3{ background:url(../images/a1_.png) no-repeat;}
.xx1n{ width:360px; float:left; background:#ffffff; height:280px;}
.fo1{ float:left; width:320px; margin:30px 0px 0px 20px;}
.fo1 li{ width:100%; float:left; margin-bottom:18px;}
.fo1 li.l_bt{ margin-bottom:10px;}
.fo1 .tx1{ float:left; width:100%; height:95px; border:solid 1px #bfbfbf; font-size:14px; color:#999999; padding:8px 10px;}
.fo1 .tx2{ float:left; height:34px; line-height:34px; border:solid 1px #bfbfbf; padding-left:10px; color:#999999; width:172px;}
.fo1 .s_yzm{ float:right;}
.fo1 .tx1k{ width:100%; height:34px; position:relative;}
.an_h{ width:320px;border: none; height:36px; line-height:100%; text-align:center; color:#ffffff; cursor:pointer; background:#ffcc00;}
.an_h:hover{ background:#ffb400;}
.an_r{ width:120px; height:36px; line-height:100%; text-align:center; color:#ffffff; cursor:pointer; background:#d7181f;}
.an_r:hover{ background:#cb070e;}
.sy2{ width:100%; background:#ffffff; padding:30px 0px;}
.bt2{ width:100%; height:40px; line-height:40px; font-size:26px; text-align:center;}
.kh_lb{ width:1200px; float:left; overflow:hidden; margin:20px 0px 0px 0px;}
.kh_lb ul{ float:left; width:1250px;}
.kh_lb li{ float:left; width:140px; height:68px; margin:0px 9px 10px 0px; border:solid 1px #e3e3e3; overflow:hidden;}
.kh_lb li img{width:140px; height:68px; }
.kh_lb ul li a{ display:block; width:140px; height:68px;}
.kh_lb ul li a:hover img{-moz-transform: scale(1.07);
-ms-transform: scale(1.07);
-o-transform: scale(1.07);
-webkit-transform: scale(1.07);
transform: scale(1.07);}
.sy3{ width:100%; background:#f2f2f2; padding:40px 0px 55px 0px;}
.sy3 .d1{ float:left; width:780px;}
.sy3 .d2{ float:right; width:400px;}
.cx_lb{ float:left; width:100%; margin:30px 0px 0px 0px; position:relative;}
.cx_lb li{ width:260px; height:auto;  float:left;    padding: 8px;  box-sizing: border-box;}
.cx_lb .imgk{ float:left; width:100%; height:195px; position:relative;}
.cx_lb .imgk img{width:100%; height:auto;}
.cx_lb ul li{transition:All 0.4s ease-in-out;    -webkit-transition:All 0.4s ease-in-out;    -moz-transition:All 0.4s ease-in-out;    -o-transition:All 0.4s ease-in-out;}
.cx_lb ul li img{width: 170px;height: 120px;border-radius: 2px;}
.cx_lb ul li span{background:rgba(0, 0, 0, 0.5);color:#fff;border-bottom-left-radius: 2px;border-bottom-right-radius: 2px;line-height: 23px;position:absolute;bottom: 3px;width: 170px;left:0;font-size:12px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;}
.cx_lb ul li:hover {transform:translate(0,-10px);    -webkit-transform:translate(0,-10px);    -moz-transform:translate(0,-10px);    -o-transform:translate(0,-10px);    -ms-transform:translate(0,-10px);}

.cx_lb .imgk i{ background:url(../images/t_jt2.png) no-repeat; width:20px; height:12px; position:absolute; left:20px; bottom:0px;}
.cx_lb .txtk{ width:220px; float:left; margin:20px 0px 0px 20px; position:relative; height:135px;}
.cx_lb .s1{ position:absolute; width:80px; height:26px; line-height:24px; border:solid 1px #d71921; color:#d71921; right:0px; bottom:0px; text-align:center;}
.cx_lb li.on{ background:#e7e7e7;}
.cx_lb li.on i{ background:url(../images/t_jt1.png)}
.cx_lb li:hover .s1{ background:#d71921; color:#ffffff;}
.cx_lb .txtk a{ font-size:18px; line-height:normal;}
.cx_lb .txtk p{ color:#555555; padding-top:8px;}
.n1{ float:left; width:100%; margin:15px 0px 0px 0px;}
.n1 li{float:left; width:100%; font-size:16px; line-height:36px; height:36px; overflow:hidden;}
.t1{ width:100%; float:left; height:195px; margin:30px 0px 0px 0px;}
.t1 img{ width:100%; height:195px;}
.ban{ width:100%; height:180px;}
.ba4{ background:url(../images/j7_02.jpg) center center no-repeat;}
.ba5{ background:url(../images/j2_02.jpg) center center no-repeat;}
.ba3{ background:url(../images/j13_02.jpg) center center no-repeat;}
.ba1{ background:url(../images/j16_02.jpg) center center no-repeat;}
.top3{ width:100%; padding:40px 0px; background:#f5f5f5;}
.top3 .d1{ float:left; width:240px; background:#ffffff;}
.top3 .d3{ float:left; width:1200px; background:#ffffff;}
.top3 .d3 .bt4{ width:1120px;}
.top3 .d2{ float:right; width:920px;background:#ffffff; min-height:500px;}
.lm1_bt{ width:100%; float:left; font-size:24px; height:60px; line-height:60px; color:#ffffff; background:#d7181f;}
.lm1_bt span{ float:left; margin-left:30px;}
.lm1{ float:left; width:100%;}
.lm1 li{ float:left; width:100%; height:40px; line-height:40px; border-bottom:solid 1px #eeeeee;}
.lm1 li a{ display:block; padding-left:30px; width:210px; float:left;}
.lm1 li a:hover,.lm1 li a.on{ color:#d7181f;}
.lm1 li a.on{ background:url(../images/j2_05.png) no-repeat 200px 14px;}
.lb2{ width:240px; float:left;  margin:30px 0px 20px 8px; text-align:center;}
.lb2 li{ float:left; width:74px; height:90px; }
.lb2 i{ float:left; width:50px; height:50px; margin-left:12px;}
.lb2 p{ width:100%; float:left; font-size:12px; margin-top:3px;}
.lb2 a i.i1{ background:url(../images/d1.png) no-repeat;}
.lb2 a:hover i.i1{ background:url(../images/d1_.png) no-repeat;}
.lb2 a i.i2{ background:url(../images/d2.png) no-repeat;}
.lb2 a:hover i.i2{ background:url(../images/d2_.png) no-repeat;}
.lb2 a i.i3{ background:url(../images/d3.png) no-repeat;}
.lb2 a:hover i.i3{ background:url(../images/d3_.png) no-repeat;}
.lb2 a i.i4{ background:url(../images/d4.png) no-repeat;}
.lb2 a:hover i.i4{ background:url(../images/d4_.png) no-repeat;}
.lb2 a i.i5{ background:url(../images/d5.png) no-repeat;}
.lb2 a:hover i.i5{ background:url(../images/d5_.png) no-repeat;}
.lb2 a i.i6{ background:url(../images/d6.png) no-repeat;}
.lb2 a:hover i.i6{ background:url(../images/d6_.png) no-repeat;}
.lb2 a i.i7{ background:url(../images/d7.png) no-repeat;}
.lb2 a:hover i.i7{ background:url(../images/d7_.png) no-repeat;}
.lb2 a i.i8{ background:url(../images/d8.png) no-repeat;}
.lb2 a:hover i.i8{ background:url(../images/d8_.png) no-repeat;}
.bt3{ width:100%; text-align:center; font-size:24px; height:85px; line-height:90px; float:left;}
.bt4{ width:840px; margin-left:40px; text-align:left; font-size:24px; height:85px; line-height:90px; float:left;}
.ab_nr{ width:840px; float:left; margin:0px 0px 40px 40px; font-size:14px; line-height:30px;}
.ab_nr img{ max-width:100%; height:auto;}
.wh_lb{ width:840px; float:left; margin:0px 0px 40px 40px; background:url(../images/j4_07.png) left;}
.wh_lb dl{ width:100%; float:left; margin:20px 0px;}
.wh_lb dt{ float:left; width:140px; background:url(../images/j4_03.png) left no-repeat; height:26px; line-height:26px; color:#d7181f; font-size:24px;}
.wh_lb dt .s1{ float:left; margin-left:45px;}
.wh_lb dd{ width:680px; float:right; color:#666666; line-height:25px;}
.zt_r{ color:#d7181f;}
.bt5{ width:840px; float:left; height:70px; line-height:70px; border-bottom:solid 1px #eeeeee; margin:10px 0px 0px 40px;}
.job .ab_nr{ margin:20px 40px;}
.fh{ width:100%; text-align:center; float:left; margin-bottom:30px}
a.cd_a_h{ height:38px; line-height:38px; padding:0px 40px; font-size:14px; color:#ffffff; background:#d7181f; display:inline-block;}
a.cd_a_h:hover{ background:#a91318;}
.n2{ width:840px; margin:-10px 40px 20px 40px; float:left;}
.n2 li{ width:100%; float:left; border-bottom:solid 1px #dddddd; height:50px; line-height:50px;}
.n2 a{ width:100%; float:left; height:50px;}
.n2 a:hover{ background:#f5f5f5;}
.n2 .s1{ float:left; background:url(../images/j7_08.png) left no-repeat; padding-left:25px; margin-left:10px; width:690px; height:50px; overflow:hidden;}
.n2 .s2{ float:right; color:#666666; margin-right:10px;}
.n2 a:hover .s1{ background:url(../images/j7_05.png) left no-repeat; color:#d7181f;}
.fy1{ width:840px; float:left; margin:0px 40px 40px 40px;}
.fy1 .s1{ float:left;}
.fy1 .s2{ float:right;}
.fy1 .s2 a{ margin-left:10px;}

.cx_lb2{ float:left; width:840px; margin:0px 0px 5px 40px; position:relative;}
.cx_lb2 li{ width:100%; height:195px; background:#f8f8f8; float:left; margin-bottom:20px;}
.cx_lb2 .imgk{ float:left; width:260px; height:195px; position:relative;}
.cx_lb2 .imgk img{width:260px; height:195px;}
.cx_lb2 .txtk{ width:505px; float:left; margin:30px 0px 0px 45px; position:relative; height:135px;}
.cx_lb2 .s1{ position:absolute; width:80px; height:26px; line-height:24px; border:solid 1px #d71921; color:#d71921; right:0px; top:0px; text-align:center;}
.cx_lb2 li:hover .s1{ background:#d71921; color:#ffffff;}
.cx_lb2 li:hover{ background:#efefef;}
.cx_lb2 .txtk a{ font-size:18px; line-height:normal;}
.cx_lb2 .txtk p{ color:#666666; padding-top:25px;}

.qk_lb{float:left; width:840px; overflow:hidden; margin:0px 0px 5px 40px;}
.qk_lb ul{ float:left; width:880px;}
.qk_lb li{ float:left; width:408px; margin:0px 20px 20px 0px; height:209px; border:solid 1px #dddddd; background:#ffffff;}
.qk_lb .imgk{ float:left; width:150px; margin:-1px; height:210px; background:#d7181f;}
.qk_lb b{ width:100%; text-align:center; float:left; text-align:center; height:60px; line-height:60px; font-size:30px; color:#ffffff;}
.qk_lb font{ font-size:45px; font-weight:bold;}
.qk_lb img{ width:150px; height:150px; float:left;}
.qk_lb .txtk{ float:left; width:200px; margin:15px 0px 0px 25px; font-size:14px; line-height:30px; color:#666666;}

.sp_lb{float:left; width:840px; position:relative; overflow:hidden; margin:0px 0px 5px 40px;}
.sp_lb ul{ float:left; width:900px;}
.sp_lb li{ float:left; width:240px; margin:0px 60px 0px 0px; height:230px; text-align:center;}
.sp_lb .imgk{ width:240px; height:160px; float:left; position:relative;}
.sp_lb .imgk img{ width:240px; height:160px;}
.sp_lb .imgk i{ background:url(../images/j10_06_.png) center center no-repeat; width:240px; height:160px; position:absolute; top:0px; left:0px; display:none;}
.sp_lb p{ padding-top:15px; width:100%; float:left;}
.sp_lb li:hover i{ display:block; }

.wd_lb{float:left; width:840px; margin:0px 0px 15px 40px;}
.wd_lb dl{ width:840px; float:left; margin-bottom:25px;}
.wd_lb dt{ width:790px; padding-left:50px; float:left; line-height:40px; height:40px; background:url(../images/j11_03.png) #f9f9f9 no-repeat 10px 8px;}
.wd_lb dd{ width:790px; padding-left:50px; margin-top:10px; float:left; line-height:30px;  background:url(../images/j11_06.png) #ffffff no-repeat 10px 5px;}

.sbt{ width:840px; float:left; font-size:24px; border-bottom:solid 1px #dddddd; margin:20px 40px 0px 40px; line-height:40px; padding:15px 0px; text-align:center;}
.ssj{ text-align:center; color:#666666; float:left; margin:0px 40px 0px 40px; line-height:40px; width:840px;}
.snr{ width:840px; float:left; margin:20px 0px 40px 40px; color:#666666; font-size:14px; line-height:30px;}
.snr img{ max-width:100%; height:auto;}
.sgd{ width:840px; float:left; margin:0px 0px 40px 40px; color:#666666; }
.sgd .s1{ float:left;}
.sgd .s2{ float:right;}

.fo1_2{ float:left; width:840px; margin:15px 0px 45px 40px;}
.fo1_2 li{ width:280px; float:left; margin-right:15px; line-height:34px;}
.fo1_2 li.l_bt{ width:65px; margin:0px; text-align:center;}
.fo1_2 .tx1{ float:left; width:298px; height:95px; border:solid 1px #bfbfbf; font-size:14px; color:#999999; padding:8px 10px;}
.fo1_2 .s_yzm{ float:right;}
.fo1_2 .tx1k{ width:100%; height:34px; position:relative;}
.fo1_2 li.l_an{ width:120px; margin:0px;}
.fo1_2 .an_h{ width:120px;}
.ta1{ float:left; width:840px; margin:0px 0px 30px 40px; background:#dddddd;}
.ta1 td{ background:#ffffff; padding:10px;}
.ta1 .tr1 td{ background:#f5f5f5; padding:6px 10px; text-align:center;}
.tx3{height:34px; line-height:34px; border:solid 1px #bfbfbf; padding-left:10px; color:#999999; width:270px;}
.fo2{ float:left; width:840px; margin:0px 0px 25px 40px; line-height:34px;}
.fo2 dl{ width:100%; float:left; margin-bottom:15px;}
.fo2 dt{ float:left; width:140px; text-align:right;}
.fo2 dd{ float:right; width:675px;}
.fo2 .se1,.fo2 .tx3,.fo2 .an_r{ float:left;}
.fo2 .dl1{ margin-top:10px;}
.se1{ height:34px; line-height:34px; border:solid 1px #bfbfbf; padding-left:10px; color:#999999; width:280px;}
.fo_z{ float:left; margin:0px 10px;}
.fo_z2{ float:left; margin:0px 30px; font-size:18px;}
.yj_nr{ width:840px; float:left; margin:0px 0px 40px 40px; color:#666666; font-size:14px; line-height:30px;}

.wd1{ float:left; width:1118px; margin:0px 40px; border:solid 1px #dddddd; margin-bottom:35px;}
.wd1 .fo1_2{ width:860px; margin:30px 0px 30px 20px;}
.wd1 .fo1_2 li.l_bt{ font-size:16px; width:auto; margin-right:10px;}
.wd1 .txtk{ float:right; width:220px; margin:10px 0px 0px 0px; font-size:14px; line-height:24px;}
.wd1 .txtk .p_1{ background:url(../images/j14_03.jpg) left no-repeat; padding-left:30px;}
.wd1 .txtk .p_2{ background: url(../images/j14_06.jpg) left no-repeat; padding-left:30px;}
.wd1 .txtk .p_3{ background: url(../images/j14_08.jpg) left no-repeat; padding-left:30px;}
.wd2{ float:left; width:1120px; margin:0px 40px 40px 40px;}
.wd2 .w1{ float:left; width:727px;}
.wd2 .w2{ float:right; width:340px;}
.xx2{ width:100%; float:left; height:35px; line-height:35px; border-bottom:solid 2px #d7181f;}
.xx2 a{ float:left; padding:0px 30px; height:35px;}
.xx2 a.on{ color:#ffffff; background:#d7181f;}
.xx2n{ width:100%; float:left; margin:15px 0px 30px 0px; font-size:12px;}
.xx2n a{ float:left; width:30%; height:24px; line-height:24px;}
.xx2n2{ width:100%; float:left; margin:15px 0px 30px 0px; font-size:12px; font-family:Arial;}
.xx2n2 a{ float:left; width:9%; height:24px; line-height:24px;}
.bt6{ width:100%; float:left; border-bottom:solid 2px #dddddd; color:#d7181f; height:35px; line-height:35px;}
.wd_lb2{ width:100%; float:left; margin:15px 0px 30px 0px; font-size:14px;}
.wd_lb2 a{ float:left; width:20%; height:24px; line-height:24px;}
.zz1{ width:840px; float:left; margin:0px 40px 20px 40px;}
.fo3{ float:left; width:540px; line-height:34px;}
.fo3 li{ float:left; width:100%; margin-bottom:20px;}
.fo3 .tx4{ float:left; width:508px; border:solid 1px #dddddd; height:180px; background:#f9f9f9; padding:10px 15px; color:#666666;}
.fo3 .tx2{ float:left; height:34px; line-height:34px; border:solid 1px #bfbfbf; color:#999999; width:130px; text-align:center;}
.fo3 .s_yzm{ float:left; margin-left:6px;}
.fo3 .an_h{ width:120px;     border: none;}
.zz1_r{ float:right; width:270px;}
.zz_bt{ width:100%; float:left;}
.zz_bt .s1{ float:left; font-size:16px;}
.zz_bt .s2{ float:right; color:#0066cc;}
.zz_lb{ float:left; width:100%; margin:10px 0px 0px 0px;}
.zz_lb li{float:left; width:100%; line-height:30px; font-family:Arial,微软雅黑; font-size:16px;}
.zz_lb li a{ float:left;}
.zz_lb li a.cd_del{ float:right; background:url(../images/j15_03.png) no-repeat; width:11px; height:11px; margin:10px 20px 0px 0px;}
.zz_lb li a.cd_del:hover{ background:url(../images/j15_06.png) no-repeat}
.zz_bt2{ width:100%; float:left;  line-height:40px; font-size:18px; border-bottom:solid 1px #dddddd;}
.zz_lb2{ width:100%; float:left; margin:10px 0px 15px 0px; line-height:30px; }
.zz2{ width:840px; float:left; margin:0px 40px 40px 40px}

#tracklist{display: inline-block;width: 100%;}
#tracklist .number{margin-top: 15px;margin-bottom: 5px;}
#tracklist .row-th{border-bottom: 1px solid #dedede;}
#tracklist .row-td{margin-bottom: 10px;}
#tracklist table{width: 100%; text-align: left;}
.form-group .help-block{display: inline-block;width: 100%;}
.lm2{ float:left; width:100%;}
.lm2 li{ float:left; width:100%; line-height:40px; }
.lm2 li a{ display:block; padding-left:30px; width:210px; float:left; border-bottom:solid 1px #eeeeee; font-size:16px;}
.lm2 li a:hover,.lm2 li a.on{ color:#d7181f;}
.lm2 li a.on{ background:url(../images/j2_05.png) no-repeat 200px 14px;}
.lm2 dl{ float:left; width:210px; padding:6px 0px 6px 30px; border-bottom:solid 1px #eeeeee;}
.lm2 dl dd{ float:left; width:100%; line-height:35px; height:35px;}
.lm2 dl a{ border:0px; font-size:14px; padding-left:20px;}
.lm2 dl a.on{ background:url(../images/j2_05.png) no-repeat 170px 12px;}

/*footer*/
.pull-left {
    float: left!important;
}
footer {

    margin: 25px auto 50px;

    width: 95%;

    padding-top: 1.2rem;

    border-top: 1px solid #2e2d2d;

}

.foot-left {

    display: block;

}

.footer-form {

    max-width: 262px;

    width: 100%;

    margin: 0;

}

.footer-form input[type="email"] {

    position: relative;

    width: 100%;

    height: 22px;

    padding: 0 5px;

    line-height: 22px;

    border: 1px solid #2e2d2d;

    font-size: 10px;

    font-weight: 300;

    text-align: center;

}

.footer-form-field label {

    text-transform: uppercase;

    position: absolute;

    top: 0px;

    left: 1px;

    padding-left: 4px;

    height: 20px;

    font-size: 10px;

    font-weight: 300;

    letter-spacing: 3px;

    line-height: 22px;

    background: #ffffff;

}

.footer-form-button .btn {

    width: 100%;

    display: block;

    height: 22px;

    line-height: 22px;

    border: 1px solid #2e2d2d;

    background: #ffffff;

    font-size: 10px;

    font-weight: 300;

    text-transform: uppercase;

    letter-spacing: 3px;

    padding: 0 10px 0 13px;

    margin: 0;

    text-align: center;

    border-radius: 0;

}

.footer-form-button {

    float: right;

}

.footer-form-field {

    position: relative;

    float: left;
	width: 150px;
    margin-right: 10px;

}



.footer-social {

    max-width: 290px;

    width: 100%;

}

.footer-social .main-menu-list {

    margin: 0;

}

.footer-social .main-menu-list li {

    float: left;

    margin: 0 5px;

}

.footer-social .main-menu-list li.first {

    margin-left: 0;

}

.footer-social .main-menu-list li{

    font-size: 10px;

    line-height: 20px;

    letter-spacing: 1px;

    position: relative;

    display: inline-block;

    padding-top: 6px;

    text-transform: uppercase;    

    font-weight: 300;

}

.foot-right {

    text-align: right;



}
.footer-menu{width: 725px;}
.footer-menu .footer-menu-item {

	float: left;

	padding: 0 20px;

}

.footer-menu .footer-menu-item .fm-title {

	color: #d7181f;

	margin-bottom: 10px;

	font-size: 1.2rem;

	border-bottom: 1px solid #d7181f;

}

.contact-row1{margin-bottom: 20px;}
.btn-group-vertical>.btn-group:after, .btn-group-vertical>.btn-group:before, .btn-toolbar:after, .btn-toolbar:before, .clearfix:after, .clearfix:before, .container-fluid:after, .container-fluid:before, .container:after, .container:before, .dl-horizontal dd:after, .dl-horizontal dd:before, .form-horizontal .form-group:after, .form-horizontal .form-group:before, .modal-footer:after, .modal-footer:before, .nav:after, .nav:before, .navbar-collapse:after, .navbar-collapse:before, .navbar-header:after, .navbar-header:before, .navbar:after, .navbar:before, .pager:after, .pager:before, .panel-body:after, .panel-body:before, .row:after, .row:before {
    display: table;
    content: " ";
}
.btn-group-vertical>.btn-group:after, .btn-toolbar:after, .clearfix:after, .container-fluid:after, .container:after, .dl-horizontal dd:after, .form-horizontal .form-group:after, .modal-footer:after, .nav:after, .navbar-collapse:after, .navbar-header:after, .navbar:after, .pager:after, .panel-body:after, .row:after {
    clear: both;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}
@media (min-width: 768px){
	.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    	float: left;
	}

}
@media (min-width: 768px){
	.col-sm-6 {
	    width: 50%;
	}
	.col-md-4 {
	    width: 33.33333333%;
	}
	.col-sm-4 {
	    width: 33.33333333%;
	}
	.col-sm-12 {
	    width: 100%;
	}
}


/*news start*/
.news { width:1142px; margin:35px auto 55px; overflow:hidden;}
.news .news_list { height:348px; background:#f7f7f7; margin-top:10px;}
.news .news_list .news_list_pic { width:668px; position:relative; z-index:1;}
.news .news_list .news_list_pic a {z-index: 0;display: block;overflow: hidden;}
.news .news_list .news_list_pic a span {display: block;cursor: pointer;position: absolute;top: 0;left: 0;right: 0;bottom: 0; background: rgba(0, 0, 0, 0.1);-moz-transform: rotateX(180deg);-ms-transform: rotateX(180deg); -o-transform: rotateX(180deg);-webkit-transform: rotateX(180deg);transform: rotateX(180deg);-moz-transition: 0.5s;-o-transition: 0.5s;-webkit-transition: 0.5s;transition: 0.5s;opacity: 0;z-index: 1; }
.news .news_list .news_list_pic a img {position: relative;max-width: 100%; height: auto; -moz-transition: 0.5s;-o-transition: 0.5s; -webkit-transition: 0.5s; transition: 0.5s; }
.news .news_list .news_list_pic a:hover span {opacity: 1;-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg); -o-transform: rotateX(0deg);-webkit-transform: rotateX(0deg);transform: rotateX(0deg); }
.news .news_list .news_list_pic a:hover img { -moz-transform: scale(1.07);-ms-transform: scale(1.07);-o-transform: scale(1.07);-webkit-transform: scale(1.07);transform: scale(1.07); }
.news .news_list .news_list_pic .date { width:108px; height:108px; background:url(../images/date.jpg) no-repeat; position:absolute; z-index:6; top:0; left:0;}
.news .news_list .news_list_pic .date h3 {font-family:'BARIOL_REGULAR'; font-size:28px; color:#fff; padding:18px 0px 0px 12px;}
.news .news_list .news_list_pic .date h4 {font-family:'BARIOL_REGULAR'; font-size:24px; color:#fff; text-align:right; padding:25px 12px 0px 0px;}
.col-xs-12 {position: relative;min-height: 1px;width: 100%; }
  
.news .news_list .news_list_word { width:474px;}
.news .news_list .news_list_word .event { width:80%; margin:0 auto;}
.news .news_list .news_list_word .event h2 { margin:45px 0px 20px;}
.news .news_list .news_list_word .event h2 a { font-size:20px; color:#6f1c34; line-height:25px;}
.news .news_list .news_list_word .event h3 { font-size:16px; color:#666666; line-height:28px;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical; -webkit-line-clamp:4;   overflow: hidden;}
.news .news_list .news_list_word .event h4 { width:95px; height:27px; line-height:27px; text-align:center; margin-top:80px; }
.news .news_list .news_list_word .event h4 a { display:block; font-size:14px; color:#fff; background:#d3d2d2;-moz-border-radius: 13px;-webkit-border-radius: 13px; border-radius:13px;}
.news .news_list .news_list_word .event h4 a:hover {background:#6f1c34;}
.mar_top { margin-top:0;}

.news_content { width:1142px; margin:35px auto 80px; overflow:hidden;}
.news_content h1 { font-size:30px; color:#6f1c34; text-align:center; line-height:35px;}
.news_content .news_content_word { font-size:18px; color:#666; margin:35px 0px 65px; line-height:32px;text-align:justify;}
.news_content .news_content_word p { padding-bottom:20px;}
.news_content .news_content_word .MsoNormal { padding:20px 0px;}
.news_content .news_content_word table { margin-top:10px;}

.share {}
.share span { font-size:20px; color:#6f1c34; float:left;}
.share ul { float:left;}
.share ul li { width:33px; height:33px; background:#58595b; float:left;-moz-border-radius: 6px;-webkit-border-radius: 6px; border-radius:6px; margin-left:5px;}
.share ul li:hover { background:#39599f;}

@media (max-width: 1210px) {
.news { width:768px; margin:35px auto 55px; overflow:hidden;}
.news .news_list { height:220px; background:#f7f7f7; margin-top:10px;}
.news .news_list .news_list_pic { width:55%; position:relative; z-index:1;}
  
.news .news_list .news_list_word { width:45%;}
.news .news_list .news_list_word .event { width:85%; margin:0 auto;}
.news .news_list .news_list_word .event h2 { margin:20px 0px 10px;}
.news .news_list .news_list_word .event h2 a { font-size:15px; color:#6f1c34; line-height:25px;}
.news .news_list .news_list_word .event h3 { font-size:13px; color:#666666; line-height:22px; height:84px;}
.news .news_list .news_list_word .event h3::after {content:"..."; }
.news .news_list .news_list_word .event h4 { margin-top:30px; }

.news_content { width:768px; margin:35px auto 80px; overflow:hidden;}
.news_content h1 { font-size:28px; color:#6f1c34; text-align:center; line-height:35px;}
.news_content .news_content_word { font-size:18px; color:#666; margin:35px 0px 65px; line-height:32px;}
.news_content .news_content_word img { width:100%; height:auto;}
}

@media (max-width: 810px) {
.news { width:95%; margin:35px auto 55px; overflow:hidden;}
.news .news_list { height:auto; background:#f7f7f7; margin-top:10px; clear:both; overflow:hidden;}
.news .news_list .news_list_pic { width:55%; }
.news .news_list .news_list_pic .date { width:60px; height:60px; background:url(../images/date.jpg) no-repeat center; }
.news .news_list .news_list_pic .date h3 {font-size:20px;  padding:0px 0px 0px 5px; height:auto}
.news .news_list .news_list_pic .date h4 {font-size:16px; text-align:right; padding:10px 5px 0px 0px;}
  
.news .news_list .news_list_word { width:45%;}
.news .news_list .news_list_word .event { width:85%; margin:0 auto;}
.news .news_list .news_list_word .event h2 { margin:10px 0px 5px;}
.news .news_list .news_list_word .event h4 { width:80px; height:26px; line-height:26px; text-align:center; margin-top:30px; }
.news .news_list .news_list_word .event h4 a { font-size:12px; }
	
.news_content { width:95%; margin:35px auto 80px; overflow:hidden;}	
}

@media (max-width: 700px) {
.news .news_list .news_list_word .event h4 { width:80px; height:26px; line-height:26px; text-align:center; margin-top:20px; }	
}

@media (max-width: 670px) {
.news .news_list .news_list_pic { width:100%; }
.news .news_list .news_list_pic .date { width:108px; height:108px; background:url(../images/date.jpg) no-repeat;}
.news .news_list .news_list_pic .date h3 {font-size:28px;  padding:18px 0px 0px 12px;}
.news .news_list .news_list_pic .date h4 {font-size:24px;  padding:25px 12px 0px 0px;}
  
.news .news_list .news_list_word { width:100%;}
.news .news_list .news_list_word .event { width:95%; margin:0 auto;}
.news .news_list .news_list_word .event h2 { margin:20px 0px 10px;}
.news .news_list .news_list_word .event h2 a { font-size:24px;  line-height:25px;}
.news .news_list .news_list_word .event h3 { font-size:14px; line-height:22px;}
.news .news_list .news_list_word .event h4 { width:95px;  margin-top:30px; margin-bottom:20px; }
.news .news_list .news_list_word .event h4 a {  font-size:14px; }
}

@media (max-width: 600px) {
.news_content h1 { font-size:24px; }
.news_content .news_content_word { font-size:16px;  line-height:30px;}	
}

@media (max-width: 420px) {
.news .news_list .news_list_pic .date { width:60px; height:60px; background:url(../images/date.jpg) no-repeat center;}
.news .news_list .news_list_pic .date h3 { font-size:20px; color:#fff; padding:0px 0px 0px 5px;}
.news .news_list .news_list_pic .date h4 { font-size:16px;  padding:10px 5px 0px 0px;}
	
.news .news_list .news_list_word .event h2 { margin:20px 0px 10px;}
.news .news_list .news_list_word .event h2 a { font-size:15px;  line-height:25px;}
.news .news_list .news_list_word .event h3 { font-size:13px; line-height:22px;}
.news .news_list .news_list_word .event h4 { width:80px;  margin-top:30px; margin-bottom:20px; }
.news .news_list .news_list_word .event h4 a { font-size:12px; }
	
.news_content h1 { font-size:18px; }
.news_content .news_content_word { font-size:14px;  line-height:25px; margin:35px 0px 35px;}	
.news_content .news_content_word p { padding-bottom:0px;}	
}
/*news end*/

/**/
/* ------------------------------------------------------------------------- */
/*
 * Custom Animations
 *
 * `custom-animation-fade`
 * `custom-animation-scale-up`
 * `custom-animation-scale-down`
 * `custom-animation-slide-top`
 * `custom-animation-slide-bottom`
 * `custom-animation-slide-left`
 * `custom-animation-slide-right`
 *
 ---------------------------------------------------------------------------- */
/* -------------------------------------------------------------------------- */
.animated-scale-up, .animated-scale-down, .animated-slide-left, .animated-slide-right, .animated-slide-bottom, .animated-slide-top, .animated-fade {
    opacity: 0;
}

.custom-animation-fade,
.custom-animation-scale-up,
.custom-animation-slide-top,
.custom-animation-slide-bottom,
.custom-animation-slide-left,
.custom-animation-slide-right {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
/*
 * Fade
 */
.custom-animation-fade {
  -webkit-animation-name: custom-fade;
  animation-name: custom-fade;
  -webkit-animation-duration: 0.8s;
  animation-duration: 0.8s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
}
/*
 * Scale Up, Scale Down
 */
.custom-animation-scale-up {
  -webkit-animation-name: custom-scale-up;
  animation-name: custom-scale-up;
}
.custom-animation-scale-down {
  -webkit-animation-name: custom-scale-down;
  animation-name: custom-scale-down;
}
/*
 * Slide Top, Slide Bottom, Slide Left, Slide Right
 */
.custom-animation-slide-top {
  -webkit-animation-name: custom-slide-top;
  animation-name: custom-slide-top;
}
.custom-animation-slide-bottom {
  -webkit-animation-name: custom-slide-bottom;
  animation-name: custom-slide-bottom;
}
.custom-animation-slide-left {
  -webkit-animation-name: custom-slide-left;
  animation-name: custom-slide-left;
}
.custom-animation-slide-right {
  -webkit-animation-name: custom-slide-right;
  animation-name: custom-slide-right;
}
/* start效果 Keyframes
 ---------------------------------------------------------------------------- */
/*
 * Fade
 */
@-webkit-keyframes custom-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes custom-fade {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/*
 * Scale Up
 */
@-webkit-keyframes custom-scale-up {
  0% {
    opacity: 0;
    -webkit-transform: scale(0.2);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes custom-scale-up {
  0% {
    opacity: 0;
    transform: scale(0.2);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Scale Down
 */
@-webkit-keyframes custom-scale-down {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.8);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
  }
}
@keyframes custom-scale-down {
  0% {
    opacity: 0;
    transform: scale(1.8);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
/*
 * Slide Top
 */
@-webkit-keyframes custom-slide-top {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes custom-slide-top {
  0% {
    opacity: 0;
    transform: translateY(-100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Bottom
 */
@-webkit-keyframes custom-slide-bottom {
  0% {
    opacity: 0;
    -webkit-transform: translateY(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0);
  }
}
@keyframes custom-slide-bottom {
  0% {
    opacity: 0;
    transform: translateY(100%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
/*
 * Slide Left
 */
@-webkit-keyframes custom-slide-left {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes custom-slide-left {
  0% {
    opacity: 0;
    transform: translateX(-100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*
 * Slide Right
 */
@-webkit-keyframes custom-slide-right {
  0% {
    opacity: 0;
    -webkit-transform: translateX(100%);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0);
  }
}
@keyframes custom-slide-right {
  0% {
    opacity: 0;
    transform: translateX(100%);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*end 效果*/


/*news.html*/
.news-picture {
    width: 100%;
    height: 217px;
    overflow: hidden;
    display: block;
}
.picture-content {
    font-size: 15px;
    color: #666;
    line-height: 30px;
    padding: 30px 0 20px;
    overflow: hidden;
    display: block;
}
.news-title{
    font-size: 20px;
    color: #1a92a1;text-overflow: ellipsis;display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	height:60px
}
.picture-content p:nth-child(2) {text-overflow: ellipsis;display: -webkit-box; 
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
	height:120px}
.news-blog .news-title {height:auto;-webkit-line-clamp: 10;}
.news-blog .picture-content p:nth-child(2) {height:auto;-webkit-line-clamp: 20;}
.news-wrap {
    margin: 40px 0;
}
.news-list{
    margin: 0 -15px;
}

.news-content{
    text-align: center;
}
.news-row{margin-top: 4%;    margin-bottom: 5%;}
.news-row .news-content {
    border: 2px solid #ddd;
    min-height: 400px;
    border-radius: 6px;
    box-shadow: 1px 1px 5px #ddd,-1px -1px 5px #ddd;
    padding: 4%;
}
.news-content h1,.news-content h3{color: #1a92a1;}
.news-content h1{font-size: 28px;margin-top: 0;}
.news-content h3{font-size: 18px;margin-top: 0;}
h3.news-top {
    font-size: 22px;
    color: #fff;
    background: #1A92A1;
    font-weight: 100;
    padding: 12px 20px 15px;
    line-height: 1.5rem;
    margin: 0;
    background: url(../images/newstitle_bg.png) no-repeat;
    background-size:100% 100%; 
}
ul.news-leftmenu {
    padding: 8px 0px 20px 0px;
    border-bottom: 8px solid #ccc;
    border-radius: 10px;
}
ul.news-leftmenu li {
    position: relative;
}
ul.news-leftmenu li a {
    display: block;
    padding: 12px 12px 10px 6px;
    color: #666;
    border-bottom: 1px solid #ccc;
    box-shadow: 0px 1px 5px rgba(204, 204, 204, 0.37);
}
ul.news-leftmenu li:before,ul.news-leftmenu li:after {
    color: #666;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);

}
ul.news-leftmenu li:before{
    border-left: 10px solid #909090;	
    right: 2px;
}
ul.news-leftmenu li:after{
   border-left: 10px solid #fff;	
   right: 4px;
}
ul.news-leftmenu li:before:hover{
cursor: pointer;
-webkit-transform: translate3d(5px,0,0);
transform: translate3d(5px,0,0);
}
.picture-content .readmore-btn{margin-left: 0;}
.login-contain .readmore-btn{margin-left: 0;}
.readmore-btn{
    font-size: 18px;
    color: #fff;
    border: none;
    background: #1a92a1;
    padding: 5px 15px;
    border-radius: 5px;    
}
.readmore-btn:hover{
    background: rgb(2, 110, 123);color: #fff;
}
.pages-wrap .pagination{
    float: right;
}
.pages-wrap .pagination>li>a{
    margin: 0 5px;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 4px;
    box-shadow: 0px 1px 1px rgba(204, 204, 204, 0.8);
    font-weight: 600;
    color: #b5b3b3;
    border: 1px solid #ccc;
}
.pages-wrap .pagination>.active>a, .pages-wrap .pagination>.active>a:focus, .pages-wrap .pagination>.active>a:hover, .pages-wrap .pagination>.active>span, .pages-wrap .pagination>.active>span:focus, .pages-wrap .pagination>.active>span:hover{
    background: none;
    color: #1a92a1;
}

/*最新優惠*/

.news-blog .events{background-color: #fff;border: 1px solid #ccc;}
.news-blog .picture-content{padding: 15px 10px;position: relative; height:270px;}
.news-blog .news-title{font-size: 17px;}
.news-blog .more-div{text-align: center;bottom: 0px;position: absolute;width: 100%;    overflow: hidden;}
.news-blog .more-div .more-div-in{width: 6rem;border-radius: 50%;background: #707070;margin: 0 auto -45px;height: 98px;padding: 17px 10px 0px;display: inline-block;    vertical-align: middle;    -webkit-transform: translateZ(0);    transform: translateZ(0);    box-shadow: 0 0 1px rgba(0, 0, 0, 0);    -webkit-backface-visibility: hidden;    backface-visibility: hidden;    -moz-osx-font-smoothing: grayscale;    position: relative;    -webkit-transition-property: color;    transition-property: color;    -webkit-transition-duration: 0.3s;    transition-duration: 0.3s;}
.news-blog .more-div .more-div-in:before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50%;
  background: #d7181f;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.news-blog .more-div .more-div-in:hover, .news-blog .more-div .more-div-in:focus, .news-blog .more-div .more-div-in:active {
  color: white;
}
.news-blog .more-div .more-div-in:hover:before, .news-blog .more-div .more-div-in:focus:before,.news-blog .more-div .more-div-in:active:before {
  -webkit-transform: scaleY(1);
  transform: scaleY(1);
}
.more-div-in .blogmore-btn{font-size: 18px; color: #fff;}


.news-blog .readmore-btn:hover { background: none;color: #fff;}
.picture-content .row{margin: 0 -15px;}
.picture-content .bt{font-size: 14px; color: #1a92a1;padding-right: 0px;}
.picture-content .ct{font-size: 14px;}
.col-sm-8.ct {
    padding-left: 2px;
}
.col-xs-7.ct{width: 100%;padding-left: 15px;}
.blog-picture { height: 245px; display: block;  overflow: hidden;}
.blog-picture img { width: 100%;}
.youhui-picture {
    display: block;
    overflow: hidden;
    height: 202px;
}
div#blog-content {
    position: relative;
}
div#blog-content .blog .blog-lgtitle{font-size: 30px;padding: 0px 0px 10px;}
/* div#blog-content .blog .blog-title{margin-top:20px; margin-bottom: 58px;}*/
div#blog-content .blog .blog-row2{background: #FFF;padding: 20px 5px 0px;}
.passge-arrow-right,.passge-arrow-left{
    position: absolute;
    top: 50%;
    
    font-size: 32px;
    margin-top: -35px;
}
.passge-arrow-right a,.passge-arrow-left a{
	display: block;
	-webkit-transform: translateZ(0);
    transform: translateZ(0);
}
.passge-arrow-right{right: 0;}
.passge-arrow-left{left: 0;}
.passge-arrow-right a:hover, .passge-arrow-right a:focus, .passge-arrow-left a:hover,.passge-arrow-left a:focus {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


.news-blog .news-title {
    color: #999;
}


/*end 最新優惠*/

/*分页*/
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pages-wrap .pagination {
    float: right;
}
.pagination > li {
    display: inline;
}
/*end 分页*/

/*serivce*/
.serivce p{margin-bottom: 10px;}
/*end service*/

/*index loading*/
#banner_loading{position: relative;width: 100%; height: 100%; display: inline-block;}
#loading{
	background-color: #cf4a30;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: 1;
	margin-top: 0px;
	top: 0px;
}
#loading-center{
	width: 100%;
	height: 100%;
	position: relative;
	}
#loading-center-absolute {
	position: absolute;
	left: 50%;
	top: 50%;
	height: 60px;
	width: 60px;
	margin-top: -30px;
	margin-left: -30px;
    -webkit-animation: loading-center-absolute 1s infinite;
	animation: loading-center-absolute 1s infinite;

}
.object{
	width: 20px;
	height: 20px;
	background-color: #FFF;
	float: left;
	-moz-border-radius: 50% 50% 50% 50%;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	margin-right: 20px;
	margin-bottom: 20px;	
}
.object:nth-child(2n+0) {
	margin-right: 0px;

}
#object_one{
	-webkit-animation: object_one 1s infinite;
	animation: object_one 1s infinite;
	}
#object_two{
	-webkit-animation: object_two 1s infinite;
	animation: object_two 1s infinite;
	}	
#object_three{
	-webkit-animation: object_three 1s infinite;
	animation: object_three 1s infinite;
	}		
#object_four{
	-webkit-animation: object_four 1s infinite;
	animation: object_four 1s infinite;
	}		
	
@-webkit-keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}			
	
}		
@keyframes loading-center-absolute{
100% {
    -ms-transform: rotate(360deg); 
   	-webkit-transform: rotate(360deg); 
    transform: rotate(360deg); 
	}
}						
@-webkit-keyframes object_one{
50% {
    -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}		
@keyframes object_one{
50% {
     -ms-transform: translate(20px,20px); 
   	-webkit-transform: translate(20px,20px);
    transform: translate(20px,20px);
	}
}
@-webkit-keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}		
@keyframes object_two{
50% {
    -ms-transform: translate(-20px,20px); 
   	-webkit-transform: translate(-20px,20px);
    transform: translate(-20px,20px);
	}
}
@-webkit-keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}		
@keyframes object_three{
50% {
    -ms-transform: translate(20px,-20px); 
   	-webkit-transform: translate(20px,-20px);
    transform: translate(20px,-20px);
	}
}
@-webkit-keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}		
@keyframes object_four{
50% {
    -ms-transform: translate(-20px,-20px); 
   	-webkit-transform: translate(-20px,-20px);
    transform: translate(-20px,-20px);
	}
}
/*index loading*/

/*bootstrap*/


.row {
  margin-left: -15px;
  margin-right: -15px; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, header .row #header_logo, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px; }

.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left; }

.col-xs-1 {
  width: 8.33333%; }

.col-xs-2 {
  width: 16.66667%; }

.col-xs-3 {
  width: 25%; }

.col-xs-4 {
  width: 33.33333%; }

.col-xs-5 {
  width: 41.66667%; }

.col-xs-6 {
  width: 50%; }

.col-xs-7 {
  width: 58.33333%; }

.col-xs-8 {
  width: 66.66667%; }

.col-xs-9 {
  width: 75%; }

.col-xs-10 {
  width: 83.33333%; }

.col-xs-11 {
  width: 91.66667%; }

.col-xs-12 {
  width: 100%; }

.col-xs-pull-0 {
  right: auto; }

.col-xs-pull-1 {
  right: 8.33333%; }

.col-xs-pull-2 {
  right: 16.66667%; }

.col-xs-pull-3 {
  right: 25%; }

.col-xs-pull-4 {
  right: 33.33333%; }

.col-xs-pull-5 {
  right: 41.66667%; }

.col-xs-pull-6 {
  right: 50%; }

.col-xs-pull-7 {
  right: 58.33333%; }

.col-xs-pull-8 {
  right: 66.66667%; }

.col-xs-pull-9 {
  right: 75%; }

.col-xs-pull-10 {
  right: 83.33333%; }

.col-xs-pull-11 {
  right: 91.66667%; }

.col-xs-pull-12 {
  right: 100%; }

.col-xs-push-0 {
  left: auto; }

.col-xs-push-1 {
  left: 8.33333%; }

.col-xs-push-2 {
  left: 16.66667%; }

.col-xs-push-3 {
  left: 25%; }

.col-xs-push-4 {
  left: 33.33333%; }

.col-xs-push-5 {
  left: 41.66667%; }

.col-xs-push-6 {
  left: 50%; }

.col-xs-push-7 {
  left: 58.33333%; }

.col-xs-push-8 {
  left: 66.66667%; }

.col-xs-push-9 {
  left: 75%; }

.col-xs-push-10 {
  left: 83.33333%; }

.col-xs-push-11 {
  left: 91.66667%; }

.col-xs-push-12 {
  left: 100%; }

.col-xs-offset-0 {
  margin-left: 0%; }

.col-xs-offset-1 {
  margin-left: 8.33333%; }

.col-xs-offset-2 {
  margin-left: 16.66667%; }

.col-xs-offset-3 {
  margin-left: 25%; }

.col-xs-offset-4 {
  margin-left: 33.33333%; }

.col-xs-offset-5 {
  margin-left: 41.66667%; }

.col-xs-offset-6 {
  margin-left: 50%; }

.col-xs-offset-7 {
  margin-left: 58.33333%; }

.col-xs-offset-8 {
  margin-left: 66.66667%; }

.col-xs-offset-9 {
  margin-left: 75%; }

.col-xs-offset-10 {
  margin-left: 83.33333%; }

.col-xs-offset-11 {
  margin-left: 91.66667%; }

.col-xs-offset-12 {
  margin-left: 100%; }

@media (min-width: 810px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, header .row #header_logo, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left; }

  .col-sm-1 {
    width: 8.33333%; }

  .col-sm-2 {
    width: 16.66667%; }

  .col-sm-3 {
    width: 25%; }

  .col-sm-4, header .row #header_logo {
    width: 33.33333%; }

  .col-sm-5 {
    width: 41%; padding:0; }

  .col-sm-6 {
    width: 50%; }

  .col-sm-7 {
    width: 58%; padding:0;}

  .col-sm-8 {
    width: 66.66667%; }

  .col-sm-9 {
    width: 75%; }

  .col-sm-10 {
    width: 83.33333%; }

  .col-sm-11 {
    width: 91.66667%; }

  .col-sm-12 {
    width: 100%; }

  .col-sm-pull-0 {
    right: auto; }

  .col-sm-pull-1 {
    right: 8.33333%; }

  .col-sm-pull-2 {
    right: 16.66667%; }

  .col-sm-pull-3 {
    right: 25%; }

  .col-sm-pull-4 {
    right: 33.33333%; }

  .col-sm-pull-5 {
    right: 41.66667%; }

  .col-sm-pull-6 {
    right: 50%; }

  .col-sm-pull-7 {
    right: 58.33333%; }

  .col-sm-pull-8 {
    right: 66.66667%; }

  .col-sm-pull-9 {
    right: 75%; }

  .col-sm-pull-10 {
    right: 83.33333%; }

  .col-sm-pull-11 {
    right: 91.66667%; }

  .col-sm-pull-12 {
    right: 100%; }

  .col-sm-push-0 {
    left: auto; }

  .col-sm-push-1 {
    left: 8.33333%; }

  .col-sm-push-2 {
    left: 16.66667%; }

  .col-sm-push-3 {
    left: 25%; }

  .col-sm-push-4 {
    left: 33.33333%; }

  .col-sm-push-5 {
    left: 41.66667%; }

  .col-sm-push-6 {
    left: 50%; }

  .col-sm-push-7 {
    left: 58.33333%; }

  .col-sm-push-8 {
    left: 66.66667%; }

  .col-sm-push-9 {
    left: 75%; }

  .col-sm-push-10 {
    left: 83.33333%; }

  .col-sm-push-11 {
    left: 91.66667%; }

  .col-sm-push-12 {
    left: 100%; }

  .col-sm-offset-0 {
    margin-left: 0%; }

  .col-sm-offset-1 {
    margin-left: 8.33333%; }

  .col-sm-offset-2 {
    margin-left: 16.66667%; }

  .col-sm-offset-3 {
    margin-left: 25%; }

  .col-sm-offset-4 {
    margin-left: 33.33333%; }

  .col-sm-offset-5 {
    margin-left: 41.66667%; }

  .col-sm-offset-6 {
    margin-left: 50%; }

  .col-sm-offset-7 {
    margin-left: 58.33333%; }

  .col-sm-offset-8 {
    margin-left: 66.66667%; }

  .col-sm-offset-9 {
    margin-left: 75%; }

  .col-sm-offset-10 {
    margin-left: 83.33333%; }

  .col-sm-offset-11 {
    margin-left: 91.66667%; }

  .col-sm-offset-12 {
    margin-left: 100%; } }
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left; }

  .col-md-1 {
    width: 8.33333%; }

  .col-md-2 {
    width: 16.66667%; }

  .col-md-3 {
    width: 25%; }

  .col-md-4 {
    width: 33.33333%; }

  .col-md-5 {
    width: 41%; }

  .col-md-6 {
    width: 50%; }

  .col-md-7 {
    width: 58%; }

  .col-md-8 {
    width: 66.66667%; }

  .col-md-9 {
    width: 75%; }

  .col-md-10 {
    width: 83.33333%; }

  .col-md-11 {
    width: 91.66667%; }

  .col-md-12 {
    width: 100%; }

  .col-md-pull-0 {
    right: auto; }

  .col-md-pull-1 {
    right: 8.33333%; }

  .col-md-pull-2 {
    right: 16.66667%; }

  .col-md-pull-3 {
    right: 25%; }

  .col-md-pull-4 {
    right: 33.33333%; }

  .col-md-pull-5 {
    right: 41.66667%; }

  .col-md-pull-6 {
    right: 50%; }

  .col-md-pull-7 {
    right: 58.33333%; }

  .col-md-pull-8 {
    right: 66.66667%; }

  .col-md-pull-9 {
    right: 75%; }

  .col-md-pull-10 {
    right: 83.33333%; }

  .col-md-pull-11 {
    right: 91.66667%; }

  .col-md-pull-12 {
    right: 100%; }

  .col-md-push-0 {
    left: auto; }

  .col-md-push-1 {
    left: 8.33333%; }

  .col-md-push-2 {
    left: 16.66667%; }

  .col-md-push-3 {
    left: 25%; }

  .col-md-push-4 {
    left: 33.33333%; }

  .col-md-push-5 {
    left: 41.66667%; }

  .col-md-push-6 {
    left: 50%; }

  .col-md-push-7 {
    left: 58.33333%; }

  .col-md-push-8 {
    left: 66.66667%; }

  .col-md-push-9 {
    left: 75%; }

  .col-md-push-10 {
    left: 83.33333%; }

  .col-md-push-11 {
    left: 91.66667%; }

  .col-md-push-12 {
    left: 100%; }

  .col-md-offset-0 {
    margin-left: 0%; }

  .col-md-offset-1 {
    margin-left: 8.33333%; }

  .col-md-offset-2 {
    margin-left: 16.66667%; }

  .col-md-offset-3 {
    margin-left: 25%; }

  .col-md-offset-4 {
    margin-left: 33.33333%; }

  .col-md-offset-5 {
    margin-left: 41.66667%; }

  .col-md-offset-6 {
    margin-left: 50%; }

  .col-md-offset-7 {
    margin-left: 58.33333%; }

  .col-md-offset-8 {
    margin-left: 66.66667%; }

  .col-md-offset-9 {
    margin-left: 75%; }

  .col-md-offset-10 {
    margin-left: 83.33333%; }

  .col-md-offset-11 {
    margin-left: 91.66667%; }

  .col-md-offset-12 {
    margin-left: 100%; } }

  


input[type="search"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }



@media (max-width: 810px) {
.col-xs-12, .col-sm-12, .col-md-6 { padding-left:0; padding-right:0;}
#htmlcontent_top ul > li a span { margin:0px;}
.col-sm-5 { width:150px; float:left;}
.col-sm-7 { width:160px; float:left;}
.col-sm-5,.col-sm-7 {padding-left:0; padding-right:0;}
.row { margin:0;}
}

/*end bootstrap*/