@charset "utf-8";



#flashs{ position:relative; height:560px; overflow:hidden;}

#flashs .bgitem{  z-index:1;position:absolute; top:0; }

#flashs .btn{ position:absolute; z-index:7; bottom:10px; left:50%; margin-left:-45px; padding:0px 6px;}

#flashs .btn span{ background:#333; cursor: pointer;display: inline-block;margin:0 2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}

#flashs .btn span.on{  background:#1ab6b3;}

/*banner_end*/



.rearch{ height: 41px; padding: 22px 0px;}

.rearch .container{ overflow: hidden;}

.rearch .hotword{ height: 41px; line-height: 41px; float:left; width: 520px; overflow: hidden; margin-left: 20px;}

.rearch .hotword *{ display: inline-block;  font-size: 13px; color: #4c4c4c; margin-left:5px;}

.rearch .hotword span{ margin-right: 8px;}

.rearch .rsbox{ width: 295px; height: 41px; float: right; background: #f1f1f1;}

.rearch .rsbox .cont_text{ float: left; width: 220px; margin-left: 15px; height: 15px; border: none; outline: none; background: none; padding: 13px 0px;}

.rearch .rsbox .cont_btn{ float: right; width: 51px; height: 41px; background:url(/uploads/image/simages/rsbtn.jpg) no-repeat; cursor: pointer; outline: none; border: none;}

/*-- 搜索_end --*/





.cpcenter{}

.cpcenter .container{ overflow: hidden; }

.cpcenter .leftlist{ width: 240px; float: left; overflow: hidden; background: #f5f5f5; padding-bottom: 3px;}

.cpcenter .leftlist h4{ width: 240px; height: 86px; background:url(/uploads/image/simages/cpttbg.png) no-repeat; text-align: center; line-height:86px}

.cpcenter .leftlist h4 a{ font-size: 22px; color: #fff; text-decoration: none;}

.cpcenter .leftlist h4 span{ display: block; font-size: 14px; font-weight: normal; color: #5dcbc9; text-transform: uppercase; padding-top: 5px;}

.sortlist{}

.sortlist dl{ overflow: hidden; padding-bottom: 10px; padding-top:10px}

.sortlist dl dt{ height: 60px; line-height: 60px; margin-bottom: 6px; background:#e0e0e0 url(/uploads/image/simages/cpdtbg.png) no-repeat 34px center; padding-left: 58px; padding-right: 10px;}

.sortlist dl dt a{ font-size: 14px; color: #1b1b1b; display: inline-block; width: 100%; height: 60px; line-height: 60px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.sortlist dl dd{ height: 37px; padding-left: 60px; padding-right:10px; background:url(/uploads/image/simages/cpddbg_h.png) no-repeat 39px center;}

.sortlist dl dd a{ display: inline-block; width: 100%; height: 37px; text-decoration: none; line-height: 37px; font-size: 12px; color: #404040; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.sortlist dl dd:hover{background:url(/uploads/image/simages/cpddbg.png) no-repeat 39px center;}

.sortlist dl dd:hover a{ color: #309494;}

/*leftlist_end*/

.rightshow{  overflow: hidden; margin: 10px auto; }

.rightshow ul{ overflow: hidden; /* width: 980px; */}

.rightshow ul li{
	width: 32%;
    margin-bottom: 23px;
    margin-right: 10px;
    float: left;
    overflow: hidden;
    position: relative;
    text-align: center;
    position: relative;
}

.rightshow ul li .pic{
	display: block;
    /* width: 231px; 
    height: 288px;*/
    position: relative;
    z-index: 15;
}

.rightshow ul li .pic img{ 
	display: inline-block;
    margin-top: 12px;
    /* width: 100%; */
    height: 300px;
} 

.rightshow ul li .detail1{ height: 140px; width: 100%; background: #fff; position: absolute; bottom: 0px; left: 0px; z-index: 6;}

.rightshow ul li .detail1 h5{ padding-top: 48px;font-size:28px; font-weight: normal; padding-bottom: 15px;}

.rightshow ul li .detail1 h5 a{ font-size: 22px;font-weight:bold; color: #017284;}

.rightshow ul li .detail1 img{ display: inline-block;}

.rightshow ul li .detail2{ height: 179px; width: 100%; background:url(/uploads/image/simages/dtl2bg.png) repeat-x;  position: absolute; bottom: -200px; left: 0px; z-index: 8;}

.rightshow ul li .detail2 h5{ padding-top: 78px; font-weight: normal;

   padding-bottom: 6px; -webkit-transform: translatey(-100px);

   -moz-transform: translatey(-100px);

   -o-transform: translatey(-100px);

   -ms-transform: translatey(-100px);

   transform: translatey(-100px);

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

   -moz-transition: all 0.2s ease-in-out;

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

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

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

.rightshow ul li .detail2 h5 a{ font-size: 14px; color: #fff;}

.rightshow ul li .detail2 p{ height: 22px; line-height: 22px;

   -webkit-transform: translatex(300px) rotate(90deg);

   -moz-transform: translatex(300px) rotate(90deg);

   -o-transform: translatex(300px) rotate(90deg);

   -ms-transform: translatex(300px) rotate(90deg);

   transform: translatex(300px) rotate(90deg);

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

   -moz-transition: all 0.2s ease-in-out;

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

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

   transition: all 0.2s ease-in-out;

    padding: 0px 6px; font-size: 13px; color: #fff; 
}

.rightshow ul li .detail2 p em{ font-size: 13px; color: #fff; font-weight: bold;}



/*rightshow_end*/

/*-------------- 产品中心_end ---------------*/



.banner2{}

.banner2 .container{ overflow: hidden; height: 159px; padding-top: 32px; background: no-repeat center top;}

.banner2 .holine{ float: right; margin-right: 28px;}

.banner2 .holine dl{ overflow: hidden;}

.banner2 .holine dl dt{ float: left;}

.banner2 .holine dl dt img{ display: block;}

.banner2 .holine dl dd{padding-left: 48px;}

.banner2 .holine dl dd span{ font-size: 14px; color: #fff;}

.banner2 .holine dl dd p{ font-size: 20px; font-family: "arial"; color: #fff; font-weight: bold;}

.banner2 .ljzx{ display: block; width: 141px; height:47px; margin-top: 6px; text-decoration: none; margin-left: 26px; line-height: 47px; font-weight: bold; font-size: 18px; color: #fff; text-align: center; background:url(/uploads/image/simages/zxbtn.png) no-repeat center top;}

/*-- banner2_end --*/
/**/
.ys h3{ height:188px; text-align:center; padding-top:70px; margin-bottom:78px;}
.ys h3 img{ width:1000px; height:88px; margin-bottom:10px;}
.ys h3 span{ display:block; font:32px "microsoft yahei"; font-style:inherit; color:#017284; line-height:50px;}
.ys1{ height:340px; background:url(/uploads/image/simages/ys_01.jpg) no-repeat right 20px;}
.ys dl ,.ys2 dl ,.ys3 dl{ width:506px; height:190px;}
.ys dt ,.ys2 dt,.ys3 dt{ height:80px;}
.ys dt span ,.ys2 dt span,.ys3 dt span{ float:left; width:79px; height:79px; background:url(/uploads/image/simages/ys_tb.png) no-repeat left center; font:34px impact; color:#fff; line-height:78px; text-align:center; margin-right:4px;}
.ys dt em ,.ys2 dt em,.ys3 dt em{width:420px; font:14px ; color:#b8b4b4; line-height:14px; text-transform:uppercase; height:25px; border-bottom:1px dashed #bab7b6; display:block;float:left; }
.ys dt i ,.ys2 dt i,.ys3 dt i{ display:block; width:420px; font:24px "microsoft yahei"; font-weight:bold; color:#0b0b0b; line-height:42px; padding-top:5px;float:left;}
.ys dd , .ys2 dd, .ys3 dd{ font:14px "microsoft yahei"; color:#444444; line-height:30px; margin-left:82px; padding-left:12px;  background: no-repeat 0 14px;}
.ys dd span ,.ys2 dd span,.ys3 dd span { font-weight:bold; color:#002548;}

.ys2{ height:400px; background: no-repeat center top; overflow:hidden; }
.ys2_con{ height:368px;padding-top:32px; background:url(/uploads/image/simages/ys_02.jpg) no-repeat left 48px;}
.ys2 dl{ float:right;}
.ys3{ height:348px; overflow:hidden;}
.ys3 dl{ padding-top:60px;}
.ys3 .ys_con{height:348px; background:url(/uploads/image/simages/ys_03.jpg) no-repeat right 40px;}
/**/
.ban4{ height:225px; background:url(/uploads/image/simages/ban4.gif) no-repeat center top; overflow:hidden;}
/**/
.ban5{ height:226px; background:url(/uploads/image/simages/ban5.jpg) no-repeat center top; overflow:hidden;}



.hbsys{ overflow: hidden;}

.hbsys .ysbg{ height: 183px; position: relative; z-index: 5;}

.hbsys .ysbg1{background:url(/uploads/image/simages/ys_01.jpg) no-repeat center top;}

.hbsys .ysbg2{background:url(/uploads/image/simages/ys_02.jpg) no-repeat center top;}

.hbsys .ysbg3{height: 184px; background:url(/uploads/image/simages/ys_03.jpg) no-repeat center top;}

.hbsys .ysbg4{background: no-repeat center top;}

.hbsys .ysbg5{background: no-repeat center top;}

.hbsys .ysbg6{background: no-repeat center top;}

.hbsys .ysbg7{background: no-repeat center top;}

.hbsys .ysbg8{height: 184px; background: no-repeat center top;}

.hbsys .ysbg9{background: no-repeat center top;}

.hbsys .ysbg10{background: no-repeat center top;}

.hbsys .hbsyscont{ height: 1842px; margin-top: -1842px; position: relative; overflow: hidden; position: relative; z-index: 10; }



.hbsyscont .hotline{ width: 227px; height: 44px; padding-left: 18px; padding-top: 3px; padding-bottom: 2px; background: #1ab6b3; position: absolute; top: 102px; right: 172px;}

.hbsyscont .hotline dt{ float: left;}

.hbsyscont .hotline dt img{ display: block; margin-top: 10px;}

.hbsyscont .hotline dd{ padding-left: 38px;}

.hbsyscont .hotline dd span{ font-size: 14px; color: #fff;}

.hbsyscont .hotline dd p{ font-family: "arial"; font-size: 24px; color: #fff;}



.hbsyscont .text{ overflow: hidden; width: 385px; position: absolute;}

.hbsyscont .text h5{ font-size: 30px; color: #333333; padding-left: 72px;}

.hbsyscont .text p{ font-size: 13px; color: 3333333; padding-left: 72px;}

.hbsyscont .text ul{ overflow: hidden; margin-top: 25px;}

.hbsyscont .text ul li{ line-height: 26px; font-size: 14px; color: #333333; background:url(/uploads/image/simages/point.png) no-repeat left 11px; padding-left: 15px;}

.hbsyscont .text ul li em{ font-weight: bold; font-size: 14px; color: #1ab6b3;}



.hbsyscont .text1{ top: 273px; left: 576px;}

.hbsyscont .text2{ top: 562px; left: 16px; width: 478px;}

.hbsyscont .text3{ top: 833px; left: 576px; width: 408px;}

.hbsyscont .text4{ top: 1077px; left: 16px; width: 478px;}

.hbsyscont .text5{ top: 1338px; left: 576px; width: 398px;}

/*-- 红宝石优势_end --*/



.map{ height: 891px; background:url(/uploads/image/simages/map.jpg) no-repeat center top;}

.map .mapcont{ overflow: hidden; height: 891px; position: relative;}



.map .cmmap{ position: absolute; width: 21px; height: 29px; background:url(/uploads/image/simages/ditu2.png) no-repeat;}

.map .mditu1{top: 341px; left: 810px;}

.map .mditu2{top: 372px; left: 750px;}

.map .mditu3{top: 295px; left: 732px;}

.map .mditu4{top: 280px; left: 315px;}

.map .mditu5{top: 386px; left: 240px;}

.map .mditu6{top: 324px; left: 114px;}

.map .mditu7{top: 506px; left: 82px;}

.map .mditu8{top: 350px; left: 212px;}

.map .mditu9{top: 461px; left: 50px;}

.map .mditu10{top: 533px; left: 912px;}

.map .mditu11{top: 558px; left: 939px;}

.map .mditu12{top: 280px; left: 415px;}

.map .mditu13{top: 341px; left: 390px;}

.map .mditu{ width: 32px; height: 46px; top: 380px; left: 345px; background:url(/uploads/image/simages/ditu1.png) no-repeat; position: absolute;}

.map .person{ display: none; width: 292px; height: 386px; position: absolute; background:url(/uploads/image/simages/person.png) no-repeat; bottom: 65px; left: 465px;}

.map .calmt{ width: 418px; height: 394px;filter:alpha(opacity=0); opacity:0; background: no-repeat; position: absolute; left: 0px; bottom: 8px;}

.map .ccm{ display: none;}

.map .cmmap{ display: none;}

.map .cxian{ display: block;}

.personup{}

.animated {

  -webkit-animation-duration: 1s;

  animation-duration: 1s;

  -webkit-animation-fill-mode: both;

  animation-fill-mode: both;

}

/*-- 地图_end --*/





.cstpj{ height: 380px; background: no-repeat center top;}

.cstpj .container{ padding-top: 54px;}

.cstpj h5{ height: 30px; line-height: 30px; text-align: center; width: 100%;}

.cstpj h5 a{ font-size: 30px; color: #017284;}

.cstpjtop{ margin-top: 45px; position: relative;}

.cstpjtop ul{ overflow: hidden; width: 100%; display:flex; justify-content:space-around}

.cstpjtop ul li{width: 25%;text-align: center;margin-left: 20px;margin-right: 20px;position: relative;}

.cstpjtop ul li img{ display: block; border:1px solid #017284;}

.cstpjtop ul li p{ height: 25px; line-height: 25px; margin-top: 3px; padding: 0px 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.cstpjtop ul li p a{ font-size: 13px; color: #242424;}

.cstpjtop .btn{ display: block; width: 34px; height: 35px; position: absolute; top: 50px;}

.cstpjtop .prev{ left: -43px; background:url(/uploads/image/simages/prev.png) no-repeat;}

.cstpjtop .next{ right: -43px; background:url(/uploads/image/simages/next.png) no-repeat;}

.cstpjtop ul li .overlay{ display: none; background:url(/uploads/image/simages/yloverbg.png); width: 180px; position:absolute; left: 0px; top: 0px;}

/*.cstpjtop .prev:hover{ left: -43px; background:url(/uploads/image/simages/prev_h.png) no-repeat}

.cstpjtop .next:hover{ right: -43px; background:url(/uploads/image/simages/next_h.png) no-repeat}*/



.cstpjdown{ overflow: hidden; margin-top: 25px; height: 159px; padding-top: 32px; background:url(/uploads/image/simages/banner3.jpg) no-repeat center top;}

.cstpjdown .holine{ float: right; margin-right: 300px;}

.cstpjdown .holine dl{ overflow: hidden;}

.cstpjdown .holine dl dt{ float: left;}

.cstpjdown .holine dl dt img{ display: block;}

.cstpjdown .holine dl dd{padding-left: 48px;}

.cstpjdown .holine dl dd span{ font-size: 14px; color: #fff;}

.cstpjdown .holine dl dd p{ font-size: 20px; font-family: "arial"; color: #fff; font-weight: bold;}

.cstpjdown .ljzx{ display: block; width: 141px; height:47px; margin-top: 6px; text-decoration: none; margin-left: 26px; line-height: 47px; font-weight: bold; font-size: 18px; color: #e79800; text-align: center; background:url(/uploads/image/simages/zxbtn1.png) no-repeat center top;}

/*- 红宝石荣誉_end --*/





.gtcpny{
  height: 350px; width:100%; *margin-top:-1px;
}

.gtcpny .container{ padding-top: 28px;}

.gtcpny .gtcpny_l{ width: 420px; height: 290px; background:url(/uploads/image/simages/overlay.png); float: left; position: relative;}

.gtcpny .gtcpny_l ul{ width: 400px; height: 270px; float: left; margin-left: 10px; margin-top: 10px; position: relative; z-index: 5;}

.gtcpny .gtcpny_l ul li{width: 400px; height: 270px;}

.gtcpny .gtcpny_l ul li img{ display: block;}

.gtcpny .gtcpny_l .afocus{ position: absolute; bottom: 25px; left: 0px; width: 100%; text-align: center; height: 10px; line-height: 10px; z-index: 8;}

.gtcpny .gtcpny_l .afocus span{ display: inline-block; width: 9px; cursor: pointer; height: 9px; margin: 0px 3px; background:url(/uploads/image/simages/yuan.png) no-repeat;}

.gtcpny .gtcpny_l .afocus span.cur{background:url(/uploads/image/simages/yuan_h.png) no-repeat;}

.gtcpny .gtcpny_r{ width: 497px; float: right; padding-top: 20px; padding-right: 15px;}

.gtcpny .gtcpny_r h4{ font-size: 22px; color: #fff; font-weight: normal;}

.gtcpny .gtcpny_r span{ width: 399px; height: 42px; display: inline-block; margin-top: 10px; margin-bottom: 14px; background:url(/uploads/image/simages/gstt.png) no-repeat;}

.gtcpny .gtcpny_r h5{ font-weight: normal; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gtcpny .gtcpny_r h5 a{ font-size: 18px; color: #fff;}

.gtcpny .gtcpny_r p{ line-height: 26px; font-size: 14px; color: #fff; height: 130px; margin-top: 6px;}

/*-- 走进红宝石_end --*/





.gsxc{*margin-top:-1px;}

.gsxc .container{}

.gsxccont{ position: relative;}

.gsxccont>div{width: 960px; margin: 0 auto;}

.gsxccont ul{ overflow: hidden; width: 960px; margin: 0 auto;}

.gsxccont ul li{ float: left; width: 226px; text-align: center; margin: 0px 7px;}

.gsxccont ul li img{ display: block; background: #fff; padding: 5px 5px;}

.gsxccont ul li p{ height: 30px; line-height: 30px; margin-top: 5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gsxccont ul li p a{ font-size: 14px;  color: #fff; font-weight: bold;}

.gsxccont .btn{ display: block; width: 28px; height: 28px; position: absolute; top: 70px;}

.gsxccont .prev{ left: -26px; background:url(/uploads/image/simages/xcprev_h.png) no-repeat;}

.gsxccont .next{ right: -26px; background:url(/uploads/image/simages/xcnext_h.png) no-repeat;}

.gsxccont .prev:hover{ left: -26px; background:url(/uploads/image/simages/xcprev.png) no-repeat;}

.gsxccont .next:hover{ right: -26px; background:url(/uploads/image/simages/xcnext.png) no-repeat;}

/*-- 公司相册_end --*/





.gsdt{*margin-top:-1px;}

.gsdt .container{ overflow: hidden; padding-top: 28px; padding-bottom: 32px;}

.gsdt .gsdt_l{ width: 900px; height:387px; padding: 15px 15px; background: #fff; float: left; border: 3px solid #6ab3b0;}

.gsdt_l .topst{ height: 32px; border-bottom: 1px solid #dcdcdc; margin-bottom:22px;}

.gsdt_l .topst ul{ height: 32px; float: left;}

.gsdt_l .topst ul li{ float: left; height: 32px; margin-right: 40px; position: relative;}

.gsdt_l .topst ul li i{ position: absolute; font-style: normal; right: -26px; top: -5px; height: 32px; line-height: 32px; font-size: 18px; color: #2c9390; font-weight: bold;}

.gsdt_l .topst ul li a{ display:inline-block; padding: 1px 1px; text-decoration: none; font-size: 16px; color: #030303;}

.gsdt_l .topst ul li.cur,.gsdt_l .topst ul li:hover{ border-bottom: 2px solid #2c9390;}

.gsdt_l .topst ul li.cur a,.gsdt_l .topst ul li:hover a{ color: #2c9390; font-weight: bold;}



#more_span{ float:right; *margin-left:305px;}

.gsdt_l .topst .smore{ display: inline-block; text-transform: uppercase; color: #434343; font-size: 13px; float:left;}

.gsdt_l .dtchbox{ margin-top: 23px;}

.gsdt_l .chtext{ overflow: hidden;}

.gsdt_l .chtext dl{ overflow: hidden;}

.gsdt_l .chtext dl dt{ float: left;}

.gsdt_l .chtext dl dt img{ display: block;}

.gsdt_l .chtext dl dd{ padding-left: 220px;}

.gsdt_l .chtext dl dd h5{ height: 23px; line-height: 23px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.gsdt_l .chtext dl dd h5 a{ font-size: 14px; color: #000000;}

.gsdt_l .chtext dl dd p{ line-height: 26px; color: #000000; font-size: 13px; height: 104px; overflow: hidden;}

.gsdt_l .chtext dl dd p a{ font-weight: bold; font-size: 14px; color: #2c9390;}

.gsdt_l .chtext .dtnews{ overflow: hidden; width: 900px; margin-top: 8px;}

.gsdt_l .chtext .dtnews li{ float: left; height: 40px; margin-right: 12px; margin-top: 6px; margin-bottom: 6px; background: #eeeeee; width: 430px;}

.gsdt_l .chtext .dtnews li h5{ float: left; width: 41px; background: #999999; font-weight: normal; padding-top: 2px; height: 38px; float: left; text-align: center;}

.gsdt_l .chtext .dtnews li h5 span{ display: block; font-size: 18px; color: #fff; font-family: "impact";}

.gsdt_l .chtext .dtnews li h5 em{ font-size: 12px; color: #fff; font-family: "arial";}

.gsdt_l .chtext .dtnews li:hover h5{background: #2c9390;}

 

.gsdt_l .chtext .dtnews li>div{ padding-left: 54px;}

.gsdt_l .chtext .dtnews li>div p{ height: 40px; line-height: 40px;}

.gsdt_l .chtext .dtnews li>div p a{ font-size: 13px; color:#404040;}

/*-- gsdt_l_end --*/



.gsdt_r{ width: 265px; height:387px; float: right; padding: 15px 15px; background: #fff; border: 3px solid #6ab3b0;}

.gsdt_r h5{ overflow: hidden; width: 100%; background:url(/uploads/image/simages/xian.png) left bottom no-repeat; height: 32px; line-height: 32px; margin-bottom:15px;}

.gsdt_r h5 *{ display: inline-block;}

.gsdt_r h5 em{ float: left;}

.gsdt_r h5 em .bt{ float: left; font-size: 16px; color: #000000; font-weight: bold;}

.gsdt_r h5 em span{ font-size: 16px; color: #d6d6d6; margin-left: 3px; font-family: "arial"; font-weight: normal; text-transform: uppercase;}

.gsdt_r h5 .smore{ font-size: 28px; color: #000; float: right; text-decoration: none; margin-right: 5px;}



.flquetion{ margin-top: 15px; height: 306px; overflow: hidden;}

.flquetion dl{ overflow: hidden; border-bottom: 1px solid #dadada;}

.flquetion dl dt{ height: 25px; line-height: 25px; margin-bottom: 4px; background:url(/uploads/image/simages/wen.jpg) left center no-repeat; padding-left: 28px;}

.flquetion dl dt a{ font-size: 12px; color: #303030; font-weight: bold;}

.flquetion dl dd{ height: 50px; line-height: 25px; padding-left: 28px; background:url(/uploads/image/simages/da.jpg) left 3px no-repeat; font-size: 12px; color: #646464; overflow: hidden;}



/*!------------ 红宝石动态_end ----------------*/





.frlink{ *margin-top:-1px;}

.frlink .container{ overflow: hidden; border-top: 2px solid #4ea4a2;}

.frlink .frlink_l{ float: left; background:url(/uploads/image/simages/ylicon.png) no-repeat left center; padding-left: 52px; padding-top: 18px; padding-bottom: 18px;}

.frlink .frlink_l h5{ padding-bottom: 4px;}

.frlink .frlink_l .yqlj{ font-size: 16px; color: #017284>;}

.frlink .frlink_l .sqrk{ font-size: 13px; color: #fff;}

.frlink ul{ width: 778px; float: right; overflow: hidden; margin-top: 14px; margin-bottom:10px}

.frlink ul li{ float: left; height: 14px; line-height: 14px; border-left: 1px dotted #4ea4a2; margin-top: 5px; margin-bottom: 5px; margin-left: -1px;}

.frlink ul li a{ display: inline-block; padding: 0px 21px; font-size: 13px; color: #017284;}

/*-- 友情链接_end --*/







/*css3*/



@-webkit-keyframes zoominup {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



@keyframes zoominup {

  0% {

    opacity: 0;

    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);

  }



  60% {

    opacity: 1;

    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);

    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);

  }

}



.zoominup {

  -webkit-animation-name: zoominup;

  animation-name: zoominup;

}





.rightshow ul li:hover h5 {

   -webkit-transform: translatey(0px);

   -moz-transform: translatey(0px);

   -o-transform: translatey(0px);

   -ms-transform: translatey(0px);

   transform: translatey(0px);

   -webkit-transition-delay: 0.5s;

   -moz-transition-delay: 0.5s;

   -o-transition-delay: 0.5s;

   -ms-transition-delay: 0.5s;

   transition-delay: 0.5s;

}

.rightshow ul li:hover p {

   -webkit-transform: translatex(0px) rotate(0deg);

   -moz-transform: translatex(0px) rotate(0deg);

   -o-transform: translatex(0px) rotate(0deg);

   -ms-transform: translatex(0px) rotate(0deg);

   transform: translatex(0px) rotate(0deg);

   -webkit-transition-delay: 0.4s;

   -moz-transition-delay: 0.4s;

   -o-transition-delay: 0.4s;

   -ms-transition-delay: 0.4s;

   transition-delay: 0.4s;

}



.navbar-nav > li {
    float: left;
}

.navbar-default .navbar-nav > li > a {
    color: #017284;
    padding-top: 30px;
    padding-bottom: 30px;
    font-weight: bold;
    font-size: 20px;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.navbar {
    margin: 0px;
    border: none;
    background-color: #fff;
    min-height: 80px;
}

@media (min-width: 1200px)
.container {
    width: 1170px;
}
@media (min-width: 992px)
.container {
    width: 970px;
}
@media (min-width: 769px)
.container {
    width: 750px;
}
.container {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.nav > li > a {
    position: relative;
    display: block;
    padding: 10px 15px;
}

.navbar-nav > li > .dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
@media screen and (min-width: 769px)
.nav_small {
    background-color: #e53e40;
    background-color: rgba(229, 62, 64, 0.9);
    padding: 10px 0px;
    padding-bottom: 15px;
    border-radius: 0px;
    border: none;
    box-shadow: none;
}
.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}

.flash div.bx-pager {
    bottom: 4%;
}

.logo {
    margin: 10px 0px 0px 0px;
    max-width: 330px;
    max-height: 60px;
}


.flash,.cpmain{
	padding-top:85px;
}

.navbar{
	background:#ddd;	
} 

.nav-container{
	height:85px;	
}