*{margin:0;padding:0;list-style:none;font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; }

html, body {

    -webkit-tap-highlight-color: rgba(0,0,0,0);

    color:#666;

    font-size: 14px;

    font-family: 'Microsoft Yahei','宋体','微软雅黑',Arial,'Lucida Grande',Tahoma,sans-serif; 

}

h1,h2,h3,h4,h5{font-weight: 500;}

a{color:#333;text-decoration:none;}

a:hover{color:#0670bb;transition: 0.3s;}

img{border:0 none;}

p{line-height: 1.8em;}

input,a,textarea,button{outline:none;}

span,b,dl,dt,ul,li,i,em{font-style: normal;}

.pt20{padding-top: 20px !important;}

.warp{width:1120px;margin:0 auto;}



.head{width:100%;height:90px;box-shadow: 0px 5px 14px 0px rgba(0, 0, 0, 0.06);position: relative;z-index:100;background: #fff;}





.head .warp{position: relative;height:90px;}

.head .logo{float: left;}

.head .logo a{display: block;width: 180px;height: 90px;line-height:120px;}

.head .nav{float: right;padding:0 0 0 15px;}

.head .nav ul{float: left;}

.head .nav li{float: left;position: relative;}



.head .nav li a.t{display: block;padding:0 20px;font-size:16px;color: #333;line-height: 87px;height:87px;}

.head .nav li a.t:hover{border-bottom: 1px solid #0069b3; color:#0069b3;height:89px;}

.head .nav li.active a.t{border-bottom: 3px solid #0069b3; color:#0069b3;height:87px;font-weight:bold;position: relative;}

.head .nav .me_bk{width:134px;height:30px;line-height:30px;float: left;margin-top:29px;font-size:14px;margin-left:15px;}

.head .nav .me_bk .jxs_mc{width:70px;overflow:hidden;}

.head .nav .me_bk .tuichu{width:45px;}



.head .search{width:145px;height: 30px;background: #ededed;border-radius: 15px;float:left;margin-top: 30px;position: relative;}

.head .search input{width:95px;border:none;height:30px;border-radius: 15px 0 0 0;background:none;padding:0 15px;line-height: 30px;}

.head .search a{position: absolute;right:0;top:0px;width:30px;height: 30px;font-size: 30px;text-align: center;line-height: 30px;}

.head .search i{display: block;line-height: 30px;}



.banner{position: relative;z-index:0;width: 100%;overflow:hidden;height: 490px;}

.banner ul{height:100%;}

.banner ul li{background-repeat:no-repeat;background-size: auto 100%;background-position: center;width:100%;height:100%;}



/* qqshop focus */

#focus {width:100%; overflow:hidden; position: relative;}

#focus ul {height:100%; position:absolute;left:0;top:0;width:100%;}

#focus ul li {float:left; width:100%; height:100%; overflow:hidden; position:relative;background-repeat:no-repeat;background-position:center center;}

#focus ul li a{display:block;height:100%;width:100%;background-position:center center;background-repeat:no-repeat;}

#focus ul li div {position:absolute; overflow:hidden;}

#focus .btnBg {position:absolute; width:800px; height:20px; left:0; bottom:0;}

#focus .btn {position:absolute; width:100%; height:10px; padding:5px 10px; right:0; bottom:5%; text-align:center;}

#focus .btn span {display:inline-block; _display:inline; _zoom:1; width:45px; height:5px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;border-radius:5px;}

#focus .btn span.on {background:#0069b3;}



.banner-x{height:350px;}

.ckbanner{height: 580px;}

.bgf3{background: #f3f3f3;}



.footer{background:#181818;padding:30px 0 0;position: relative;}

.footer ul{padding:10px 0 30px 0;}

.footer li h2{font-size: 18px;color: #fff;margin-bottom: 15px;}

.footer li a{color:#676767;display: block;line-height: 30px;}

.footer li a:hover{color: #ccc;}

.footer li{width: 200px;}

.footer li.fl{margin-right:20px;}

.footer li.fr{margin-left: 60px;width:100px; }

.footer li.tc{width:200px;}

.footer li.tc i{font-size: 80px;color:#676767;}

.footer li.tc span{font-weight: 700;color: #676767;font-size: 18px;display: block;padding:20px 0;}

.footer li.tr{text-align: right;}

.footer .bto{background: #000;padding:20px 0;font-size: 12px;line-height: 1.8em;color: #646464;position: relative;}

.footer  .link{position: absolute;right:0;top:0;background: #141414;border:1px solid #1c1c1c;}

.footer  .link span{display:block;width:120px;height:30px;line-height: 30px;border:0;color: #646464;padding:0 10px;position: relative;}

.footer  .link span i{position: absolute;right: 10px;top:0;font-size: 12px;}

.footer  .link b{background:#141414;overflow: hidden;position: absolute;bottom:30px;width: 100%;transition: 0.1s;height:0;}

.footer  .link b.show{height:120px;overflow: auto;}

.footer  .link b a{display: block;padding:6px 10px;font-weight: 500;border-bottom: 1px solid #1c1c1c;}



.m_nav{background: #fff;padding:15px;display: none;position: absolute;left:50%;top: 90px;overflow:hidden;z-index: 101;width: 140px;margin-left: -85px;}

.m_nav a{width:100%;line-height: 40px;border-radius:3px;display: block;width:100%;text-align: center;margin-bottom: 10px;background: #f3f3f3}

.m_nav a:hover{background:#0069b3;color:#fff;}

.gs_pro_m{width:385px;margin-left: -203px;}

.gs_pro_m .w2{width:32%;}

.gs_pro_m .w3{width:31%; margin-left:2.5%;}



.gs_pro_m .block{height:1px;width:100%;}

.m_nav a.j{position: relative;}

.m_nav a.j i{position: absolute;left:50%;bottom: -7px;height:10px;width:20px;text-align:center;line-height: 10px;margin-left:-10px;}

.gs_about_m{width: 140px;margin-left: -85px;}



.tit{color: #333;line-height: 84px;overflow: hidden;font-size: 24px;}

.tit i{font-size: 24px;}

.tit em{font-size: 14px;color: #ddd;font-style: normal;margin-left: 10px;}

.tit2{padding-top:28px;padding-bottom:18px;}

.tit2 span{position: relative;}

.tit2 span:after,.tit2 span:before{content: "";width:70px;height: 2px;background: #0769a6;display: inline-block;border-radius: 1px;position: absolute;top:50%;margin-top: -1px;}

.tit2 span:after{right: -95px;}

.tit2 span:before{left:-95px;}

.tit a.more{margin-left: 10px;}

.tp h3{font-size: 18px;color: #333;margin:0 0 0px;}

.tp p{line-height: 1.8em;font-size: 14px;}

.more{border:1px solid #ddd;color:#ddd;border-radius: 3px;padding:0px 6px;font-size: 14px;line-height: 30px;transition: 0.3s;}

.more:hover{border-color: #0769a6;}

.more.m2{padding:9px 55px;color:#0769a6;border-color: #0769a6;}

.more.m2:hover{background: #0769a6;color: #fff;}

.more.m3{border:none;position: relative;padding-left: 22px;color:#666;font-size: 16px;}

.more.m3 i{margin-right: 5px;position: absolute;left:0;top:-1px;}

.more.m3:hover{color:#0769a6;}





.tabbox .tab{height:40px;text-align: center;}

.tabbox .tab.tleft{text-align: left;}

.tabbox .tab p{display: inline-block;border: 1px solid #0769a6;line-height: 38px;overflow:hidden;border-radius: 2px;}

.tabbox .tab a{color:#0769a6;border-right: 1px solid #0769a6;display: block;float:left;margin-right:-1px;width:140px;height: 38px;line-height: 38px;text-align: center;}

.tabbox .tab a:hover{background:#0769a6;color:#fff;}

.tabbox .tab a.active{background:#0769a6;color:#fff;}

.tabbox .cont{display: none;}



.ld{background: #fff;overflow:hidden;}

.ld .fl{width: 430px;height: 314px;overflow: hidden;}

.ld .fr{width:600px;margin-right: 55px;}

.ld .cont{overflow-y: hidden;height:250px;line-height: 1.8em;padding-right: 15px;padding-bottom:20px;}

.ld .cont strong{font-size:16px;color:#666;margin-top:15px;display: block;}

.ld .cont span strong{margin-top:0px;}

.ld .cont b{color:#999;font-weight:100;}



.lay_picbox{width: 266px;height: 300px;overflow:hidden;position: relative;float: left;margin-left: 19px;}

.lay_picbox h3{font-size: 18px;color: #fff;position: absolute;bottom: 10px;left:0;margin:10px 30px;z-index: 2;}

.lay_picbox img{position: relative;z-index: 0;width:100%;}

.lay_picbox .info{background:url("../cssimg/op03.png")repeat;background: rgba(0,0,0,0.8);width:266px;height:300px;position: absolute;left: 0;top: 300px;z-index: 3;transition: 0.3s;}

.lay_picbox .info h2{margin:50px 25px 0;color:#fff;font-size:18px;font-weight: 700;}

.lay_picbox .info  a{display: block;margin:25px;background: #0769a6;border-radius: 25px;line-height: 50px;text-align: center;color: #fff;font-size: 16px;}

.lay_picbox .info p{margin:0 25px;color: #fff;position: relative;padding-left: 70px;opacity: 0.6}

.lay_picbox .info p span{width: 70px;display: block;left: 0;top: 0;position: absolute;}

.lay_picbox .info .cp_jj{margin:0 25px;color: #fff;position: relative;opacity: 0.6;margin-top:5px;padding-left:0px;}

.lay_picbox.hover .info{top: 0;}



.ivision{background: url("../cssimg/bg1.jpg") no-repeat center;background-size: cover;height: 505px;padding-top: 60px;}

.ivision .fl{background: #fff;width: 550px;height: 443px;}

.ivision .fl .tit{margin:0 30px;}

.ivision .fl .tp{margin:10px 30px 30px;}

.ivision .tb{background: #fff;height: 135px;margin-bottom: 19px;overflow: hidden;width: 550px;}

.ivision .tb .img{width:266px;height:135px;overflow: hidden;display: block;float: right;}

.ivision .tb .img img{width: 100%;}

.ivision .tb .tp{padding:15px;float: right;width:250px;}



.lay_picbox2{float: left;margin-left: 20px;width: 358px;height: 380px;}

.lay_picbox2 .img{width:358px;height: 220px;overflow: hidden;display: block;}

.lay_picbox2 .img img{height:100%;}

.lay_picbox2 h2{padding:8px 0;line-height: 26px;margin-top:5px;overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;}

.lay_picbox2 h2 a{font-size:  18px;line-height: 20px;}

.lay_picbox2 h2 span{font-size: 14px;color: #ccc;margin-top: -5px;}

.lay_picbox2 p{line-height: 1.7em;opacity: 0.54;}



.atC .fr{margin:-20px -20px 0 0;width: 519px;}

.atC .fl{width: 580px;padding-top: 20px;}

.atC h2{font-weight: 600;color: #333;font-size: 18px;line-height: 1.9em;}

.atC p{line-height: 1.8em;}

.about_zc{padding:10px 0 30px;}

.about_zc .fl{width:387px;margin:-30px 0 0 -30px;}

.about_zc .fr{width: 720px;}

.about_zc .fr h2{font-weight: 600;color: #000;}

.about_zc .fr p{margin-top: 25px;}

.atC .jiamengleft{padding-top:0!important;width :360px;}
.atC .jiamengright{padding-top:16px!important;width :700px; padding-left: 30px}


.about_ivision{height: 600px;background: url("../cssimg/bg2.jpg") no-repeat center;}

.about_ivision .fl{width: 380px;}

.about_ivision h2{font-weight: 600;color: #333;font-size: 18px;padding:0 0 5px;}

.about_ivision .tit2{padding-top:23px;padding-bottom:18px;font-size:24px;}

.about_ivision .fr{width: 650px;height: 350px;padding:30px;background: rgba(255,255,255,0.8);box-shadow: 0 0 30px rgba(0 ,0,0,0.1)}

.about_ivision p{line-height: 2.1em;color:#333;}



.course_tab{height: 50px;position: relative;}

.course_tab a{display: block;width: 50px;background: #eee;}

.course_tab a i{font-size: 24px;line-height: 50px;display: block;text-align: center;}

.course_tab a.des i{color: #ccc;}

.course_tab .li{margin:0 51px;overflow: hidden;height: 50px;}

.course_tab .li div{width:9999px;}

.course_tab .li span{display: block;text-align: center;line-height: 50px;width:203px;border-right: 1px solid #fff;background: #eee;float: left;cursor: pointer;}

.course_tab .li span.active{background: #0769a6;color: #fff;border-color: #0769a6;}

.course_cont {padding-bottom:60px;}

.course_cont .img{width:610px; float: left;}

.course_cont .info{width: 450px;height: 422px;padding:20px;background: #eee;float: right;overflow: auto;}

.course_cont  .cont{height: 422px;padding:20px 0px;display: none;}

.course_cont  .cont h2{color: #333;margin-top:13px;font-size:18px;}



.structure .box{background: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.1);position: relative;}

.structure .box .icon-sj{position: absolute;right: 0;top:0;color:#18a169;font-size: 30px;width: 30px;height: 30px;line-height: 30px;}

.structure .box.t{line-height: 60px;text-align: center;font-size: 24px;color: #0069b3;}

.structure .box.t .icon-sj{color: #0069b3;}

.structure .box.w2{text-align: center;font-size: 18px;color:#00a6ad;width:49%;line-height: 60px;}

.structure .fl{margin-right: 20px;}

.structure .w5{width: 235px;padding:15px;margin-bottom: 40px;}

.structure .w5 h2{font-size: 18px;color: #00a6ad;}

.structure .w5 .t{border-bottom: 1px solid #eee;padding-bottom: 5px;font-size: 12px;line-height: 2em;margin-bottom: 10px;}

.structure .w5 ul{height: 165px;overflow: hidden ;font-size: 12px;line-height: 2em;}

.structure .img{height:40px;}

.structure .img img{display: block;margin:0 auto;}

.structure .more.on{position: relative;z-index: 99;color: #fff;background: #0769a6;border:1px solid #0769a6;}



.structure .floadbox{position: absolute;left:10px;bottom: 50px;background: #fff;border-radius:1px;width: 540px;padding:20px;z-index: 999;box-shadow: 0 0 20px 0 rgba(0,0,0,0.2);display: none;}

.structure .floadbox em{font-size: 20px;position: absolute;bottom:-14px;left:10px;color: #fff;}

.structure .floadbox  .close{position: absolute;right: 15px;top: 15px;color: #a3a3a3;}

.structure .floadbox  .close i{font-size: 30px;}

.structure .floadbox .s{width: 50%;float: left;height: 135px;padding-top: 10px;}

.structure .floadbox h3{font-size: 20px;color: #000;}

.structure .floadbox  h3 span{font-size: 14px;color: #666;margin-left: 20px;}

.structure .floadbox .s h4{font-size: 16px;color: #333;padding: 10px 0;}

.structure .floadbox.r{left:auto;right: 10px;}

.structure .floadbox.r em{left:auto;right:210px;}



.floadbg{position: absolute;width: 100%;height: 100%;left:0;top:0;background:url("../cssimg/op03.png")repeat;background: rgba(0,0,0,0.3);display: none;z-index: 90;}

.aboutjob{padding:0 0 30px;height:520px;padding-bottom:60px;}

.aboutjob .fl{width: 320px;height: 450px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.aboutjob .fl .tp{padding:20px;}

.aboutjob .fl .img{width:100%;height:200px;overflow: hidden;display: block;}

.aboutjob .fl img{width:100%;}

.aboutjob .fr{width: 767px;}







.telme{background: #fff;height:262px; position:relative;margin-bottom: 30px;}

.telme .info{padding:30px;}

.telme .info div{width:495px;line-height: 2.2em;font-size: 16px;color: #333;overflow: hidden;}

.telme .info div span{display: inline-block;width: 70px;float:left;}

.telme .info div p{width:360px;float: left;line-height: 2.2em;}

.telme img{position: absolute;right: 0;top: 0}



.jobme{margin:20px 0 30px;height: 327px;position: relative;}

.jobme .info{background:#fff;padding:40px;width: 614px;position: relative;z-index: 1;margin:30px 0 0 433px;float: left; box-shadow: 0 0 20px rgba(0,0,0,0.1)}

.jobme .info h2{font-size: 18px;font-weight: 600;margin-bottom: 15px;color: #333;}

.jobme .info p{line-height: 2.2em;}

.jobme img{position: absolute;left:0;top:0;z-index: 0;}



.jobt,.job_cum{line-height: 50px;overflow: hidden;}

.jobt span ,.job_cum span{display: block;font-size: 16px;float:left;width:8%;padding:0 1%;text-align: center;}

.jobt span.w1,.job_cum span.w1{width:45%;text-align: left;}

.job_cum span{font-size: 14px;}

.job_cum dt{border-bottom: 1px solid #f3f3f3;}

.job_cum{background: #fafafa;}

.job_cum.show{background: #fff;}

.job_cum dd{padding:10px 20px;display: none;}

.job_cum b{color: #333;}

.job_cum i{color: #0069b3;}

.jobCom{padding-bottom: 30px;}



.tab2{text-align: center;}

.tab2 a{display:inline-block;line-height: 40px;margin:15px;border-bottom: 2px solid transparent}

.tab2 .count{border-bottom: 2px solid #333;}

.conts2 .cont2{display: none;}



.pro_list{overflow: hidden;margin-left: -20px;}

.pro_list li{background: #fff;margin-left: 20px;width:265px;height:359px;border-radius: 1px;float: left;margin-bottom: 20px;text-align: center;}

.pro_list li:hover{box-shadow: 0 0 20px rgba(0,0,0,0.05);}

.pro_list li .tp{padding:0 15px;overflow: hidden;height: 85px;padding-top:5px;background:#f00;transition: 1s}

.pro_list li:hover .tp{
	background:blue;
}

.pro_list li .tp p{font-size: 14px;color:#eee;}

.pro_list li .tp h3{font-size: 16px;font-weight: bold;color: #fff;font-weight: bold;line-height: 45px}

.pro_list li img{width: auto; height: 265px;}





.navbake{height:60px;}

.navbake a{padding-right: 30px;position: relative;line-height:60px;}

.navbake a:after{content: "\e60e";position: absolute;right: 10px;top: 0;line-height: 20px;font-family: "iconfont";font-size: 12px;}



.imgbg{background-position: center;background-size: cover;background-repeat: no-repeat; }

.pro_info{height: 450px;background-image: url("../cssimg/bg3.jpg");}

.pro_info .info{background:#fff;padding-left: 390px;padding-right:40px;height: 370px;position: relative;}

.pro_info .info .img{position: absolute;left: 0;top: 0;width:360px;height:370px;border-right: 1px solid #eee;display: table;}

.pro_info .info .img span{display: inline-block;display:table-cell;vertical-align: middle;}

.pro_info .info .img img{display: block;margin:0 auto; width: 265px; height: auto;}

.pro_info h1{font-size: 30px;color: #000;padding:30px 0 10px;font-weight:bold;}

.pro_info h1 span{color: #0069b3;font-weight: 100;font-size: 18px;}

.pro_info .tp{border-bottom: 2px solid #ccc;padding:0 0 15px;}

.pro_info ul{margin-top:10px;overflow:hidden;padding-bottom: 20px; }

.pro_info ul li{width:300px;float:left;margin:15px 10px 0 0;}

.pro_info ul li span{color: #333;}



.pro_info .info .payto{border-top: 1px solid #eee;padding:20px 0;}

.pro_info .info .payto a{color: #0069b3;margin-right: 15px;text-decoration: underline;}



.ov{overflow: hidden;}

.probox.warp{width: 1080px;}

.probox{background:#fff;padding:20px;margin:20px auto;}

.probox .tit{line-height: 24px;padding-bottom: 20px;}

.protable{width: 100%;border-collapse: collapse;}

.protable th{line-height: 50px;color: #000;background:#e3e3e3;border:none;}

.protable td{line-height: 50px;padding:0 10px;text-align: center;}

.protable td:nth-child(1){text-align: left;}

.protable tr:nth-child(2n){background:#f5f5f5;}

.proyy p{padding:3px 0;}

.proyy p i{color: #3eab13;font-size: 18px;margin-right: 5px;}

.proyy .xx{margin-left: -20px;padding-top: 20px;}

.proyy .xx span{width:72px;display: block;float: left;margin-left: 19px;text-align: center;}

.proyy .xx span b{display: block;width: 72px;height: 72px;overflow: hidden;background: #eee;border-radius: 3px;position: relative;}

.proyy .xx span b img{position: absolute;left:0;top:-72px;}

.proyy .xx em{padding:5px 0 0;text-decoration: line-through;display: block;color:#999;}

.proyy .xx .v b{background: #0069b3;}

.proyy .xx .v b img{top:0;}

.proyy .xx .v em{text-decoration: none;color: #333;}



.pro_tj h3{font-size: 18px;margin: 15px 0 5px;color: #333;}

.pro_tj ul{overflow: hidden;margin-left: -20px;}

.pro_tj ul li{float:left;width: 346px;height: 193px;margin-left: 20px; overflow: hidden;}

.pro_tj ul li img{width: 346px; height: 193px}





.oilsearchbox{min-height:600px;background: #fff;margin:30px auto;}

.oilsearchbox h2{font-size: 24px;font-weight: 600;color: #333;padding:70px 0 40px;text-align: center;}

.oilsearchbox select,.oilsearchbox input{width:350px;height:45px;padding:5px;line-height: 43px;border:2px solid #f0f0f0;border-radius: 3px;display: block;margin:20px auto 0;}

.oilsearchbox select.no{color:#999;}

.oilsearchbox .btn{width:350px;height: 45px;background:#0467bd;border:none;border-radius: 3px;color: #fff;margin:20px auto 0;display: block;cursor: pointer;}

.oilsearchbox .protable{width:96%;margin:0 2% 20px;text-align: center;}

.oilsearchbox .protable th{background: #fff;border-top: 1px solid #eee;}

.oilsearchbox h1{padding:20px;font-size: 24px;color: #999;}

.oilsearchbox h1 em{font-size: 14px;}

.oilsearchbox h1 span{color: #0052b1;}

.oilsearchbox .protable td span{height:24px;width:150px;text-align: center;line-height: 24px;background:#0052b1;font-size: 12px;color: #fff;display: block;/* float: left;margin-left: 3px; */ margin:0 auto;}

.oilsearchbox .protable td span a{color: #fff;}

.oilsearchbox .protable td:nth-child(1){text-align: center;}

.oilsearchbox .protable tr:nth-child(2n){background: #fff;}

.oilsearchbox .protable tr:nth-child(2n+1){background: #f5f5f5;}

.oilsearchbox .all{width: 165px;height: 45px;text-align: center;line-height: 45px;color: #333;background: #ebebeb;float:left;margin:20px 20px 30px;}

.oilsearchbox .all:hover{background:#0052b1;color:#fff;}

.oilsearchbox .ba{float:right;color:#0052b1;margin:30px 20px;}



.searchpro{background:none;height: auto;}

.meSearch{overflow: hidden;border-bottom: 1px solid #e3e3e3;padding-bottom: 30px;margin-bottom: 30px;}

.meSearch span{margin-right: 10px;}

.meSearch span b {color: #333;}

.meSearch a{float:right;color: #0052b1;}

.searchpro .info{border:1px solid #eee;box-shadow: 0 0  20px rgba(0,0,0,0.05);}



.pro_tjmore{overflow: hidden;padding-top: 20px;}

.pro_tjmore h2.tit{position: relative;}

.pro_tjmore h2.tit a{position: absolute;right: 0;font-size: 14px;top: 5px;}

.pro_tjmore ul{margin-left: -20px;}

.pro_tjmore li{float: left;margin-left:20px;border:1px solid #eee;width:251px; box-shadow: 0 0 10px rgba(0,0,0,0.05);}

.pro_tjmore p{font-size: 12px;padding:5px 10px;color:#999;}

.pro_tjmore h2 a{font-size: 16px;padding:0 10px ;}

.pro_tjmore .img{overflow: hidden;width:100%;height:240px;display: block;}

.pro_tjmore img{width: 100%;}



.hot-media{box-shadow: 0 0 20px rgba(0,0,0,0.08);position: relative;overflow: hidden;margin-bottom:20px;}

.hot-media .si{display: block;width: 90px;height: 35px;color: #fff;text-align: center;line-height: 35px;background: #0069b3;position: absolute;right: 0;top: 0;}

.hot-media .img{float: left; width: 560px; height: 342px; overflow: hidden;}

.hot-media .img img {width: 560px;}



.hot-media .info{width: 500px;float:right;padding-top: 50px;margin-right: 30px;}

.hot-media .info .tit{line-height: 50px;}

.hot-media .info p{line-height: 1.8em;margin-bottom:15px;}

.hot-media .info a{margin-top: 20px;}



.newslist{margin-left: -20px;overflow: hidden;margin-bottom:20px;}

.newslist dl{width: 48%;border-bottom:1px solid #eee;padding:15px 0;float: left;margin-left: 20px;}

.newslist dl dt{width: 180px;height: 110px;overflow: hidden;float: left;}

.newslist dl dt img{display: block;width: 100%;}

.newslist dl dd{width: 350px;float: right;}

.newslist dl dd h3 span{font-size: 12px;color: #999;}

.newslist dl dd h3 div{font-size: 12px;color: #999;}

.newslist dl dd p{color: #999;}



.artical{margin-top: 0;}

.artical .t{padding: 10px 0 30px ;border-bottom: 1px solid #eee;margin-bottom: 20px;}

.artical .t h1{font-size: 30px;font-weight: 500;color: #333;padding-bottom: 10px;}

.artical .t span{color: #999;margin-right: 30px;}

.artical img{margin:15px auto;display: block;}

.artical p{font-size: 16px;color: #666;margin-bottom: 20px;}



.artical .pag{border-top:1px solid #eee;padding:30px 0 50px;margin-top: 40px;}

.artical .pag a{padding:2px 0;text-indent: 0;font-size: 16px;float:left;display: inline-block;}

.artical .pag a.nextatr{float:right;}



.purpose_ul {margin-bottom: 60px;}

.purpose_ul li{background: #f3f3f3;border:none;}

.purpose_ul li p{height: 70px;overflow: hidden;}



.lay_dl1{margin-bottom: 40px;overflow: hidden;}

.lay_dl1 dt{width:522px;height:324px;overflow:hidden;}

.lay_dl1 dt img{width: 100%;height: 324px;}

.lay_dl1 dd{width:504px;padding:20px;}

.lay_dl1 dd p{margin-bottom: 20px;}

.lay_dl1.last{margin-bottom: 0;}

.tit3{width:400px;height: 68px;background:#fff;border-top: 3px solid #0069b3;text-align: center;line-height: 68px;box-shadow: 0  0 20px rgba(0,0,0,0.08);margin:-30px auto 40px;position: relative;z-index: 99; font-size: 24px;color: #333;font-weight: 600;}

.blockline{display: block;height: 1px;}



.purpose3 .w5{width:49.2%;margin-bottom: 10px;}

.purpose3 img{width: 100%;height: 100%;}

.purpose3  p{position: absolute;bottom: 0;right: 0;width: 96%;padding:10px 2%;color:#fff;font-size: 18px;}

.purpose3 p a{position: absolute;right: 10px;top:10px;line-height: 20px;font-size: 14px;}

.purpose3 .w5 .w5{width: 48.5%;height: 237px;}

.purpose3 .w5 .w{height: 365px;}

.purpose3 .wr{height: 494px;}

.purpose3 p.bg2{width:226px;padding:20px;height:197px;bottom: -116px;}

.purpose3 p.bg2 span{display: block;font-size: 14px;}

.purpose3 p.bg2 a{right: auto;left:20px;bottom:20px;top:auto;}

.purpose3 p a:hover{background: #fff;color: #0069b3;}



.searchserver{margin:20px 0;}

.searchserver select,.searchserver input{width: 350px;height: 48px;border:1px solid #ccc;box-shadow: 0 0 10px rgba(0,0,0,0.1)  inset;margin-right: 15px;padding:0 10px;}

.searchserver .btn{width: 359px;height: 50px;border:none;background: #0069b3;color: #fff;cursor: pointer;}

.serverlist{overflow: hidden;margin-left: -15px;}

.serverlist .tp{float:left;width:552px;background: #f3f3f3;margin:20px 0 0 15px;float: left;padding-bottom: 20px;    overflow: hidden;}

.serverlist .tp h3{padding:20px 20px 0;}

.serverlist .tp h3 span{background:#0069b3;color:#fff;padding:2px 5px;font-size: 14px;margin-left: 5px;}

.serverlist .tp p{padding-left: 20px;}





.page{text-align: center;padding:30px 0 10px;}

.page a{display: inline-block;width:30px;height: 30px;text-align: center;line-height: 30px;background:#eee;margin:0 2px;color: #999;}

.page a.n{background-color: #f8f8f8;}

.page a.n i{}

.page a.on{background:#226eba;color: #fff;}

.page a:hover{background:#999;color: #fff;border-color: #999;}



.zx{width: 720px;margin:20px auto 50px;}

.zx input{width:90%;}

.zx .w5{width:49%;line-height: 50px;}

.zx .w5 input{padding:0 5%;}

.zx .w input{width:96%;padding:0 2%;}

.zx label{display: block;line-height: 50px;position: absolute;left:0;top:0;padding:0 15px;color: #aaa;}

.zx em{color: red;margin-left: 5px;}

.zx .inputbox{position: relative;margin-bottom: 20px;display: block;}

.zx input,.ask_q input{height: 50px;border:1px solid #eee;box-shadow: inset 1.118px 1.658px 6px 0px rgba(0, 0, 0, 0.06);}

.zx textarea{width:96%;padding:10px 2%;height: 300px;border:1px solid #eee;box-shadow: inset 1.118px 1.658px 6px 0px rgba(0, 0, 0, 0.06);}

.zx .btn,.ask_q .btn{width:350px;height: 45px;background:#0467bd;border:none;border-radius: 3px;color: #fff;margin:20px auto 0;display: block;cursor: pointer;}

.ask_q .btn{float: left;width: 165px;height: 52px;margin:0;border-radius: 0;font-size: 16px;}

.ask_q{padding:15px 30px;}

.ask_q input{width: 522px;float: left;}

.searchend{background:#fff;padding:20px  40px;width:1040px;margin:0 auto;}

.searchend h1{font-size: 24px;color: #333;}

.searchend dl {position: relative;padding:20px 20px 20px 120px;border-bottom:1px solid #e8e8e8;min-height: 90px}

.searchend dl:last-child{border:none;}

.searchend dl dt{width:88px;height:88px;border:1px solid #e8e8e8;overflow: hidden;position: absolute;left:0;top: 20px;}

.searchend dl dt img{width: 100%;}

.searchend dl p{font-size: 14px;color: #999;}

.searchend dl h3{font-size: 18px;font-weight: 500;padding-bottom: 5px;}



.main{}

.main .slide{width: 230px;float: left;background: #fff;}

.main .slide li{line-height: 50px;font-size: 16px;}

.main .slide li a{padding:0 20px;display: block;}

.main .slide li.active a{color: #fff;background: #0168b3;}

.main .coment{float: right;width: 805px;background: #fff;padding:30px;}

.main .coment h1{color: #333;padding-bottom:10px;border-bottom:1px solid #eee;font-size: 2em;}

.main .coment h1 span{font-size: 12px;color: #999;margin-left: 10px;}

.main .coment .xx_bk{ overflow:hidden;margin-top:20px;padding-bottom:20px;border-bottom:1px solid #e8e8e8;}

.main .coment .xx_bk .xx_left{width:367px;height:130px;background:#f3f3f3;overflow:hidden;float:left;padding-left:23px;margin-right:20px;}

.main .coment .xx_bk .xx_left h3{height:30px;line-height:30px;font-size:24px;color:#333;font-weight:100;margin-bottom:10px;margin-top: 15px;}

.main .coment .xx_bk .xx_left p{height:30px;line-height:30px;color:#333;}

.main .coment .xx_bk .xx_left p span{color:#666;}

.main .coment .xx_bk .hd_right{width:390px;height:130px;background:#000000;float:left;}

.main .coment .xx_bk .hd_right img{}





.main .repassword{overflow:hidden;}

.main .repassword input{width:300px;height:25px;padding:10px;line-height:25px;border:2px solid #f0f0f0;border-radius:3px;display: block;margin:20px 0px;}

.main .repassword .btn{width: 324px;height: 45px;background: #0467bd;border: none;border-radius: 3px;color: #fff;margin: 20px 0;display: block;cursor: pointer;}





.tit4{font-size:18px;font-weight: 600; padding:15px 0 0;color: #333;overflow: hidden;}

.tit4 span{font-size: 12px;font-weight: 500;color: #999;margin-left:10px;}

.ask{padding-bottom: 20px;border-bottom: 1px solid #e8e8e8;}

.ask dl {padding:8px 0;}

.ask dl dt,.ask dl dd{position: relative;padding:0 0 0 30px;}

.ask dl dt i,.ask dl dd i{position: absolute;left: 0;top: 4px;color: #006ab6;}

.ask dl dt p{font-size: 18px; color: #333;}

.ask dl dt i{top:9px;color: #ccc;}

.ask dl dd p{color: #666;}



.albumlist{overflow: hidden;}

.albumlist ul{margin-left: -21px;}

.albumlist ul li{margin-left: 21px;width: 144px;overflow: hidden;float: left;margin-top: 20px;}

.albumlist ul li img{width: 144px;height: 190px;display: block;}

.albumlist ul li span{display: block;padding:5px 0;}



.mess dl{padding:20px 0 0 ;}

.mess dl dt{font-size: 16px; color: #333;padding-bottom: 5px;}

.mess dl dd{font-size: 12px;color: #999;}



.floadcode{position: fixed;right:10px;top:80%;width: 50px;height: 50px;border-radius: 3px;background: #fff;text-align: center;line-height: 50px;box-shadow: 0px 0px 14px 0px rgba(0, 0, 0, 0.1); cursor:pointer;}

.floadcode:hover{background:#0168b3;}

.floadcode:hover i{color:#fff;}

.floadcode i{color: #0168b3;font-size: 26px;}

.floadcode img{position: absolute;right:50px;bottom: 0;transition: 0.3s;width: 0;height: 0;}

.floadcode:hover img{width:146px;height: 223px;}



.nicescroll-rails{background: #999;border-radius: 3px;}

.ypzs{ width:1120px; margin:0 auto; overflow:hidden; margin-bottom:20px;}

.ypzs1{ width:1120px; margin:0 auto; overflow:hidden;}

.ypzs img{ width:1120px; vertical-align:top}

.ypzs1 img{ width:1120px; vertical-align:top}



.focus{height:280px;position: relative;padding: 0 0 50px;}

.focus .btn{position: absolute;top:40%;margin-top: -110px;width:40px;height: 236px;z-index:10;}

.focus .btn i{position: absolute;top:50%;margin-top: -13px;height: 30px;background: url("../cssimg/arrow3.png") no-repeat;font-size: 30px;display: block;width:30px;text-align: center;}

.focus .btn.prve{left:-40px;}

.focus .btn.prve i{left:0;background-position: left center; }

.focus .btn.next{right:-40px;}

.focus .btn.next i{right:0;background-position: right center;}

.focus ul{overflow: hidden;height:280px;background: none;position: relative;}

.focus ul li{position: absolute;left:0;top:0;width:405px;height:280px;background:rgba(0,0,0,0.5);overflow: hidden;}

.focus ul li a.fo_tit{display: block;width: 90%;position: absolute;bottom:0;padding: 0 5%;background: #000;background:rgba(0,0,0,0.7);color: #fff;height: 30px;line-height: 30px;z-index: 2;}

.focus ul li img{width: 100%;position: relative;z-index: 1;}

.focus ul li a.fo_tit .iconfont{position: absolute;right:10px;top:3px;}

.focus ul li .pinpai{width:100%;height:50px;line-height:50px;font-size:14px;color:#fff;background-color:rgba(0,0,0,0.7);position: absolute;bottom:1px;z-index: 999;padding:0px 20px;}

.focus ul li span{width: 96%;background: rgba(0,0,0,0.6);color: #fff;padding:5px 2%;position:absolute;bottom:0;left:0;z-index: 999;}

video::-webkit-media-controls-enclosure {

        overflow:hidden;

    }

    video::-webkit-media-controls-panel {

        width: calc(100% + 30px);

    }





   .fru{ height: 211px; margin-bottom: 21px; }

   .frd{ height: 211px;}



   .ckwrap{background: #fff;margin-top: -60px;margin-bottom:80px;position: relative;z-index: 9999;}

   .ckwrap .warp{width: 1000px;}

   .ckwrap .tit{padding:0 15px 40px;line-height: 60px;}

   .ckwrap .tit span{font-size: 24px;}

   .ckwrap .tit a{font-size: 16px;position:relative;color: #969696;font-weight: 500;float: right;padding-left: 25px;font-size: 14px;}

   .ckwrap .tit a i{position: absolute;left: 0;top:0;font-size: 18px;}

   .ckbanner{cursor: pointer;}



   .ck_videobox{position: fixed;width: 100%;height: 100%;background: rgba(0,0,0,0.6);z-index: 99999;left: 0;top: 0;display: none;}

   .ck_videobox .vb{width: 1120px;height: 628px;position: absolute;top:50%;left:50%;margin:-314px 0 0 -560px;}

   .ck_videobox .vb i{position: absolute;right: -32px;top:0;font-size: 26px;color: #fff;cursor: pointer;}