@charset "utf-8";
/*css reset*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img {margin:0; padding:0;}
table {border-collapse:collapse; border-spacing:0px;}
fieldset,img {border:none;vertical-align:bottom;}
adress,caption,cite,code,dfn,em,th,var {font-style:normal; font-weight:normal;}
dl,ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after {content:"";}
abbr,acronym {border:0;}
input,button,select,textarea,a{ outline:none;} 
html,body {font: 16px/1.7em microsoft yahei; color:#646464;}
a{color:#4e83d0;text-decoration:none;}
a:hover {text-decoration:none;}
/**去除焦点边框*/
*{     
    -webkit-tap-highlight-color: transparent;  
    -webkit-appearance: none;  
} 
/** 设置默认字体 **/
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, var { font-style: normal; } /* 将斜体扶正 */
code, kbd, pre, samp { font-family: "微软雅黑"; } /* 统一等宽字体 */
small { font-size: 12px; } /* 小于 12px 的中文很难阅读，让 small 正常化 */
/*oo css*/
 
.fl{float:left;}
.fr{float:right;}
.clearfix:after{content:""; display:block; clear:both;}
.clearfix{zoom:1;}
.hidden{visibility:hidden}
.hide{display:none;}
 
.gW{ width: 1000px; margin: 0 auto;}
.pR{ position: relative;}
.pA{ position: absolute;}
.fs30{ font-size: 30px !important;}
.pd0{ padding: 0 !important;}
/*page css*/
body,html{ width: 100%; height: 100%; font-family: "微软雅黑" !important;background: #ffffff; }
.header_top{background:#fcfcfc none repeat scroll 0 0;height:73px;width:100%}
.logo{float:left;margin-top:15px}
.kecheng{float:right}
.kecheng li{background:transparent url(https://www.xhd.cn/topic/2015sjb/css/../images/02.jpg) no-repeat scroll right center;float:left;font-family:"宋体";font-size:14px;line-height:73px;padding:0 19px}
.kecheng li a{color:#0d1e34}

.header{ width: 100%; position: relative; height: 778px; background: url("../images/2.jpg") no-repeat scroll 50% 0; margin-right: -100%;}
.header .titleImg{  display: block; margin: 0 auto; padding-top: 93px;}
.mainMsg{ height: 589px; width: 100%; text-align: center;}
.mainMsg h1{   line-height: 74px; padding-top: 55px; font-weight: bold; letter-spacing:3px;font-size: 60px; color: #EC6813;}
.mainMsg h2{ width: 470px; margin: 0 auto; color: #f0f0f0; font-size: 32px;margin-top: 20px; line-height: 53px; background: #EC6813;;}
.mainMsg p{ font-size: 14px; color: #000000; width: 360px; margin: 0 auto; margin-top: 80px;}
.mainMsg p span{ font-size: 18px; color: #EC6813;}
.mainMsg .yhUp{ left: 225px; top: 240px;}
.mainMsg .yhDown{ right: 195px; top: 450px;}
.mainMsg .dianUp{ left: 475px; top: 220px;}
.mainMsg .dianDown{ left: 475px; top: 510px;}

.xhdWh{ height:1366px; background:#F08E18; background:-webkit-radial-gradient(#F08E18,#EB6112);background:-moz-radial-gradient(#F08E18,#EB6112);}
.upsanjiaoW{ border-bottom: 50px solid #fff;border-left: 120px solid transparent; border-right: 120px solid transparent; width: 0; height: 0;}
.downsanjiaoW{ border-top: 50px solid #fff;border-left: 120px solid transparent; border-right: 120px solid transparent; width: 0; height: 0;}
.upsanjiaoR{ border-bottom: 50px solid #EC590D;border-left: 120px solid transparent; border-right: 120px solid transparent; width: 0; height: 0;}
.downsanjiaoR{ border-top: 50px solid #EC590D;border-left: 120px solid transparent; border-right: 120px solid transparent; width: 0; height: 0;}
.whcon{ padding-top: 84px;}
.whcon .content{ height: 280px; cursor: pointer; padding: 0 23px; padding-top: 15px; font-size: 14px;   }
.whcon li.bgW .content{background: #fff; color: #EC590D;  }
.whcon li.bgR .content{background: #EC590D; color: #fff; } 
.whcon li{ float: left; width: 240px; text-align: center; position: relative; }
.whcon li .up{ height: 159px; z-index: ;}
.whcon li .down{ margin-top: -50px;  }
.whcon li h3.active{ opacity: 1;}
.whcon li .dao3{ padding: 15px 0;}
.whcon li h3{ opacity: 0; font-weight: bold; position: absolute; width: 240px; left: 0; top: 0; line-height: 159px; font-size: 40px; color: #F0F0F0;}
.whcon li .content h4{ font-weight: bold; font-size: 16px;transition: 500ms all ease;}
.bgW h4{ color: #ec590d;}
.whcon li .content h4 span{ font-size: 20px}
.whcon li .content p{ line-height: 24px; padding-top: 10px;transition: 500ms all ease;}
.xhdWh h3.tit{ width:568px; height: 63px; line-height: 63px; text-align: center; color: #f0f0f0;   font-size: 36px; border: 3px solid #f0f0f0; margin: 90px auto 0;}

.xhdWh .choseSix{ margin-top: 80px; width: 750px;}
.xhdWh .choseSix li{ float: left; width: 250px; position: relative; height: 152px; color: #F0F0F0;}
.xhdWh .choseSix li img{ position: absolute; top:38px ; left: 0;}
.xhdWh .choseSix li h3{ font-size: 26px; padding-bottom: 10px;}
.xhdWh .choseSix li p{ width: 180px; padding-top: 10px; font-size: 14px}
.xhdWh .gW{ height: 100%;}
.xhdWh .line{ bottom: 0; left: 30px;}
.xhdWh .line1{ bottom: 195px; right: 68px;}
.xhdWh .line2{ bottom: 215px; right: 57px;}
.xhdWh .line3{ bottom: 235px; right: 57px;}
.xhdWh .light{ background: url(../images/14.png) no-repeat; right: 2px; bottom: 258px; width: 192px; height: 238px;}
.xhdWh .light p{ padding: 50px 10px 0 10px; font-weight:bold; text-align: center; color: #EC590D;}
.xhdWh .light p span{ font-weight: bold; font-size: 28px; font-style: italic; padding: 0 5px;}

.course .title{ text-align: center; padding-top: 65px;color: #F4AA4A !important; }
.course .title h3{ color: #eb6112; font-size: 48px; line-height: 80px; font-weight: bold;}
.course .title h4{ font-size: 26px; padding-top: 10px;color: #F19319 !important;}
.course .title h5{ font-size: 20px;padding-top: 10px; color: #F19319 !important;}
.course .banner{ width: 100%; height: 115px; background: #FF650D; margin-top: 48px;}
.course .banner li{ float: left; position: relative; padding-left: 13px;}
.course .banner li span{display: block; border-radius: 50%; float: left; text-align: center; color: #FF650D; line-height: 24px;}
.course .banner li .ring1{ width: 86px; height: 86px; background: #f0f0f0; margin:14px 0 0 4px;position: relative;  }
.course .banner li .ring2{ width: 78px; height: 78px; background: #FF650D;  position: absolute; left: 4px; top: 4px;  }
.course .banner li .ring3{ width:70px ; height: 70px; background: #F0F0F0; position: absolute;left: 4px; top: 4px; }
.course .banner li .ring3 span{width:70px ; height: 70px; padding-top: 10px; font-weight: bold; font-size: 18px}
.course .banner li p{ float: left; height: 60px; margin-top: 36px; margin-left: 10px; padding-left: 10px; border-left: 1px solid #f0f0f0;}
.course .banner li p strong{ display: block; color: #F0F0F0;}
.course .banner li p strong.tit{ font-size: 28px}
.course .yskecheng{border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;height:715px;margin-top:1px;width:100%}
.course .yskecheng tr td{border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;color:#010101;font-size:12px;height:33px;text-align:center;vertical-align:middle;width:332px}
.course .yskecheng tr td a{ color: #646464;}
.course .yskecheng .sykecheng td{font-family:"微软雅黑";font-size:20px;height:47px}
.course .yskecheng tr .zixun{background:#E8E8E8 none repeat scroll 0 0;font-family:"宋体";font-size:16px}
.course .zixun span{float:left;margin-left:36%; color: #313131;}
.course .zixun button{float:right; cursor: pointer; border-radius: 3px; transition:.5s ease all;height:30px;margin-right:8px;width:90px;  background:#dedede;background: -webkit-linear-gradient(#f3f3f3, #dedede); background: -moz-linear-gradient(#f3f3f3, #dedede);  opacity: 0.9; border: 1px solid #A6A6A6; color: #191919;}
.course .qjb table{background:#fff none repeat scroll 0 0;border-left:1px solid #c9c9c9;border-top:1px solid #c9c9c9;padding-top:1px}
.course .qjb table tr td{border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;font-family:"微软雅黑";font-size:16px;height:46px;text-align:center;vertical-align:middle}
.course .qjb table tr td img{margin:0 auto}
.course .qjb table tr td input{ background:#dedede;background: -webkit-linear-gradient(#f3f3f3, #dedede); background: -moz-linear-gradient(#f3f3f3, #dedede);    cursor: pointer; color: #191919; border-radius: 3px; border: 1px solid #a6a6a6; padding: 5px 10px;}
.course .qjb table tr td a{ color: #191919;}
.course .kechengzx{width:98px} 
.course .kechengyy{width:110px}
.mxxy{ padding-top: 50px;}
.mxxy ul li{ float: left; width: 33.3%;}
.mxxy ul li img{ display: block; float: left;}
.mxxy ul li p{ float: right; width: 157px; padding-right: 25px; font-size: 14px  }
.mxxy ul li p span{  color: #FF660E; display: block; padding-bottom: 20px; font-size: 16px}
.mxxy ul li p a{color: #FF660E;}
.xygy{ padding: 50px 0;}
.xygy h4{ color: #F19319; text-align: center; font-size: 28px; line-height: 44px;}
.xygy h5{ color: #F19319;text-align: center; font-size: 18px;  }
.xygy .con{ margin-top: 20px;}
.xygy .con p{ width: 245px; font-size: 14px}
.xygy .con p span{ padding-left: 170px;color: #FF660E; font-size: 16px; font-weight: bold;}
.xygy .con .xy1{ left: 0; top:35px;}
.xygy .con .xy2{ left: 0; top:255px;}
.xygy .con .xy3{ right: 0; top:35px;}
.xygy .con .xy4{ right: 0; top:295px;}
.xygy .con .tit{ left: 365px; text-align: center; top: 120px; color: #F0F0F0; font-size: 18px}
.video{ width: 100%; margin-top: 65px; text-align: center;background:#F08E18; background:-webkit-radial-gradient(#F08E18,#EB6112);background:-moz-radial-gradient(#F08E18,#EB6112); height: 694px;}
.video .gW{ height: 100%; }
.video h3{ color: #f0f0f0; font-size: 48px; padding-top: 540px; font-weight: bold;}
.video h4{ color: #f0f0f0; font-size: 28px; padding-top: 30px;}
.video img.mid{ position: absolute; left: 0; top: -25px;}
.video .btn{ position: absolute; width: 135px; color: #F0F0F0; font-size: 22px; height: 53px; border: 3px solid #f0f0f0; text-align: center; line-height: 53px; cursor: pointer;}
.video .btn img{ vertical-align: middle;}
.video .btn a{ display: block; color: #F0F0F0;}
.video .b1{ left: 51px; top: 146px;}
.video .b2{ right: 320px; top: 133px;}
.video .b3{ left: 295px; top: 255px;}
.video .b4{ right: 74px; top: 255px;}
.fwzz{ width: 100%; height: 870px; background: #FFFFFF;}
.fwzz .gW{ height: 100%;}
.fwzz h3,h4,h5{ text-align: center;}
.fwzz h3{ font-size: 48px; color: #EB6112; font-weight: bold; padding-top: 105px;}
.fwzz h4{ font-size: 24px; color: #F19319; padding-top: 30px;}
.fwzz h5{ font-size: 18px; color: #F19319;}
.fwzz ul{ padding: 60px 0;}
.fwzz ul li{ float: left; width: 30%; padding-left: 5%;}
.fwzz .num{ display: block; font-weight: bold; color: #F0F0F0; text-align: center;     background: url(../images/19.png) no-repeat; width: 92px; height:80px;}
.fwzz .num2{ background: url(../images/20.png) no-repeat;}
.fwzz .num3{ background: url(../images/21.png) no-repeat;}
.fwzz li p{ width: 196px; font-size: 14px; line-height: 24px;}
.fwzz li p span{ display: block; font-size: 16px; color: #F4A846; font-weight: bold;}

.pingpai{ width: 100%; height: 947px; background:#F08E18; background:-webkit-radial-gradient(#F08E18,#EB6112);background:-moz-radial-gradient(#F08E18,#EB6112);}

.pingpai p{ display: inline-block; font-size: 14px; color: #F0F0F0; padding-top: 70px; float: left;}
.pingpai p.eng{ width: 540px; padding-left: 50px;}
.pingpai p.cn{ width: 250px;}
.pingpai .tit{padding: 50px 0 0 50px;}
.pingpai h3,h4{ text-align: center; color: #F0F0F0;}
.pingpai h3{ font-size: 28px; padding-top: 30px;}
.pingpai h4{ font-size: 20px; padding-top: 10px;}
.pingpai .photo{padding: 50px 0 0 120px;}

.fenxiao_left{float:left;width:162px}
.fenxiao_left h1,.fenxiao_right h1{background:#dee2eb none repeat scroll 0 0;color:#000;font-family:"宋体";font-size:14px;height:26px;line-height:26px;text-align:center;width:100%}
.huabei{border:1px solid #95a1b9;height:140px;margin-top:8px;width:160px}
.huabei ul li{float:left;font-family:"宋体";font-size:12px;line-height:28px;margin-left:10px;margin-right:0;width:155px}
.huabei ul li span{color:#000;float:left;font-size:14px;margin-right:25px}
.huabei ul li a{color:#054489;cursor:pointer;float:left;margin-right:13px}
.fenxiao{ overflow: hidden;}
.fenxiao_center{margin-left:5px}
.fenxiao_right{float:right;width:666px}
.fenxiao_right .huabei{width:664px}
.fenxiao_you{float:right}
.fenxiaoqg{color:#083b70;font-family:"微软雅黑";font-size:18px;font-weight:700;line-height:20px;padding-bottom:20px;padding-top:50px;text-align:center}

.footer{ padding: 50px 0;}
.footer_con{ overflow: hidden; padding-left: 80px;}
.footer_left{float:left;width:350px}
.footer_center{float:left;margin-left:9px;width:510px}
.footer_center p{color:#333;font-size:12px;line-height:14px;margin-left:10px;margin-top:10px}