@charset "utf-8";

/*公共样式*/
html,body,h1,h2,h3,h4,h5,h6,div,p,dl,dt,dd,ul,ol,li,form,fieldset,legend,button,submit,input,textarea,select,table,tr,th,td,hr,pre,sup,address,cite,dfn,em,var,blockquote {font-size: 14px; margin:0; padding:0;text-decoration: none;font-style: none;font-weight: normal;}
html { min-height:100%;border:none 0;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body { font:12px/1.5 "Microsoft YaHei","Hiragino Sans GB",arial,simsun,sans-serif;word-wrap:break-word;word-break:break-all;overflow-x: hidden;}
ul,ol,li { list-style-type:none;}
button,submit,input,select,textarea {font:12px/1.5 Tahoma,"Microsoft YaHei",arial,simsun,sans-serif; outline:none;}
button,submit,input,select { vertical-align:middle;}
button,submit { cursor:pointer;}
textarea { resize:none; outline:none;}
button::-moz-focus-inner,
submit::-moz-focus-inner, 
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner, 
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { padding:0; border:none;}
table { border-collapse:separate;border-spacing:0;}
th,td { text-align:left;}
address,cite,dfn,em,var{font-style:normal; }
img { border:none; vertical-align:middle;}
a { outline:none;color: #666666;}
a:link,a:visited { text-decoration:none; outline:none;}
a:hover,a:active { text-decoration:underline; outline:none;}
iframe {vertical-align: top;}
*html{zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
.ui_clear{*zoom:1}
.ui_clear:after{content:'\20';display:block;clear:both;height:0;overflow: hidden;}
.hide {display: none;}

::-webkit-input-placeholder { /* WebKit browsers */
    color:   #b4b3b3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #b4b3b3;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #b4b3b3;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #b4b3b3;
}
body { color:#666; overflow-x: hidden; }
a:link,a:visited { text-decoration:none;}
a:hover,a:active { color:#0184df; text-decoration:none;}
.l { float:left;}
.r { float:right;}
i,em { font-style: normal;}

.juzhong{display: block;position: relative;width: 1920px; margin-left: -960px;left: 50%;}
.m_top { margin-top: 35px; }

/************ banner_nav定义 **************/
.i_banner{overflow:hidden;}
.i_banner img{display: block;position: relative;width: 1920px; margin-left: -960px;left: 50%;}
.gc_banner_box{}
.sr_nav { width: 100%; margin: 0 auto; text-align: center; background-color: #3072bc; height: 60px; line-height: 60px; }
.sr_nav .top_menu { width: 980px; margin: 0 auto; }
.top_menu li { float: left; width: 80px; margin: 0px 30px;position: relative; margin-top: 4px;}
.top_menu li a { display: block; width: 80px; height: 55px; line-height: 55px; font-size: 16px;  border-bottom: 3px solid #3072bc; box-sizing: border-box; text-align: center; color: #fff;}
.top_menu li a:hover { border-bottom: 3px solid #fff;  color: #fff; box-sizing: border-box; }
.top_menu li a.on {  border-bottom: 3px solid #fff; color: #fff; box-sizing: border-box; }
.top_menu li ul { display: none; position: absolute; top: 55px; left: 0; background: #3072bc; width: 80px; text-align: center; z-index: 999;}
.top_menu li ul li { margin: 0px!important; }
.top_menu li ul li a { display: block; width: 80px; height: 35px; line-height: 35px; font-size: 14px; z-index: 999; border-bottom: 1px solid #fff;}
.top_menu li ul li a:hover { height: 35px; line-height: 35px; background: #f2f2f2; color: #3072bc; border-top: 0px; }

/************ 工程介绍定义 **************/
.first_setion { width: 1185px; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 25px; }
.gc_introduce { width: 805px; float: left; }
/**左侧通用标题**/
.sr_ltitle { width: 805px; border-bottom: 1px solid #ccc; overflow: hidden; }
.sr_ltitle span { display: block; height: 60px; line-height: 60px; }
.sr_ltitle .l h1 { float: left; font-size: 26px; color: #333; background: url(../../images/ico_1.png) left center no-repeat;  padding-left: 35px; }
.sr_ltitle .l em { font-size: 18px; color: #999; margin-left: 7px; }
.sr_ltitle .r h5 {  float: left; font-size: 14px; color: #333; }
.sr_ltitle .r h5.t_more { color: #999; margin-left: 7px; }
.sr_ltitle .r h5:hover { color: #3072bc; }

.gc_banner { width: 805px; text-align: center; overflow: hidden; border-bottom: 2px solid #3072bc; padding: 25px 0 18px; }
.gc_banner .pic { float: left; width: 355px; }
.gc_banner .pic img { width: 355px; height: 208px; }

.gc_banner .des { float: right; width: 430px; overflow: hidden;position: relative; border: 1px solid #ccc; padding-top:  20px;}
.banner_big ul{height: 190px;}
.banner_big li{height: 190px;font-size: 14px;line-height: 24px;overflow: hidden;}/*如果是全屏banner的话不要定li的宽度*/
.banner_big li{width: 410px; margin: 0 auto; height: 190px;display: block;overflow: hidden;position: relative; text-align: left;}
.banner_big li strong { font-size: 16px; color: #3072bc; }
.banner_big li a { display: inline-block; width: 60px; height: 20px; line-height: 20px; color: #3072bc; border: 1px solid #3072bc; border-radius: 15px; text-align: center; }

.banner_sml{width: 60px;height: 10px;position: absolute;bottom: 5px;left: 50%;z-index: 999;margin-left: -55px;}/*margin-left是总宽度的一半*/
.banner_sml li{width: 10px;height: 10px;font-size: 0px;line-height: 0px;float: left;display: inline;margin: 0 5px;background: #ccc;border-radius: 10px;cursor: pointer;}
.banner_sml .cur{ background: #3072bc;}

/************ 组织机构定义 **************/
.zz_jigou { width: 330px; float: right; }
.sr_rtitle { width: 330px; text-align: center; overflow: hidden; }
.sr_rtitle h3 { font-size: 20px; color: #333; height: 57px; line-height: 57px; border-top: 2px solid #3072bc; border-bottom: 1px dashed #ccc; }
.zz_jigou .con { width: 330px; height: 230px; background-color: #598ec9; text-align: center; overflow-y: scroll; margin-top: 15px; padding:5px 0 10px; }
.zz_jigou .con dl { width: 306px; margin: 0 auto; color: #fff; text-align: left; border-bottom: 1px solid #fff; }
.zz_jigou .con dl dt { text-align: center; background-color: #fff; font-size: 16px; color: #3072bc; width: 70px; height: 25px; line-height: 25px; margin-top: 15px; margin-bottom: 5px; }
.zz_jigou .con dl dd { line-height: 25px; font-size: 14px; }
/* 设置滚动条的样式 */
.zz_jigou .con::-webkit-scrollbar { width: 4px;}
/* 滚动槽 */
.zz_jigou .con::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #3072bc;;  border-radius: 10px;}
/* 滚动条滑块 */
.zz_jigou .con::-webkit-scrollbar-thumb { border-radius: 10px; background: #fff; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);}
.zz_jigou .con::-webkit-scrollbar-thumb:window-inactive { background: #fff;}


/*动态追踪定义*/
.dt_track { width: 1185px; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 25px; }
.dt_track .sr_ltitle .l h1 { background: url(../../images/ico_2.png) left center no-repeat; }
.dt_track .sr_ltitle { width: 1185px; }
.dt_track .dt_con { width: 1185px; margin-top: 20px; }
.dt_track .dt_con .con_left { float: left; width: 425px; text-align: left; }
.dt_track .dt_con .con_left h3 { width: 80px; height: 25px; line-height: 25px; background-color: #3072bc; font-size: 16px; color: #fff; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.dt_track .dt_con .con_left ul { overflow: hidden; }
.dt_track .dt_con .con_left ul li a { display: block; height: 40px; line-height: 40px; border-top: 1px dashed #ccc; background: url(../../images/small_1.jpg) left center no-repeat; padding-left: 15px; }
.dt_track .dt_con .con_left ul li a i { float: right; color: #999; }
.dt_track .dt_con .con_left ul li a:hover { color: #3072bc; }
.dt_track .dt_con .con_left ul li a:hover i { color: #3072bc; }
.dt_track .dt_con .con_left .big_event { display: block; color: #3072bc; font-size: 26px; width: 425px; height: 45px; line-height: 45px; text-align: center; border: 1px solid #3072bc; border-radius: 5px;   }
.dt_track .dt_con .con_left .big_event em { font-size: 16px;  }
.dt_track .dt_con .con_left .big_event img { margin-left: 15px; }

.dt_track .dt_con .con_main { float: left; width: 235px; margin-left: 25px; }
.dt_track .dt_con .con_main h3 { width: 80px; height: 25px; line-height: 25px; background-color: #3072bc; font-size: 16px; color: #fff; border-radius: 5px; text-align: center; margin-bottom: 20px; }
.dt_track .dt_con .con_main ul { width: 235px; overflow: hidden; }
.dt_track .dt_con .con_main ul li { width: 235px; height: 155px; position: relative; margin-bottom: 23px; overflow: hidden; }
.dt_track .dt_con .con_main ul li img { width: 235px; height: 155px; }
.dt_track .dt_con .con_main ul li span { display: inline-block; width: 235px; height: 26px; line-height: 26px; background-color: #3072bc; opacity: 0.8; color: #fff; position: absolute; left: 0px; bottom: 0px; }
.liveImg{-webkit-transition:all 0.5s ease-in-out;-ms-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;}
.dt_track .dt_con .con_main ul li:hover .liveImg{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.dt_track .dt_con .con_right { float: right; width: 475px; margin-left: 25px; }
.dt_track .dt_con .con_right{ position: relative; width: 475px; float: left; margin-top: 48px; }
.dt_track .dt_con .con_right .mesLeft{ position: absolute; left: 0; top: 40%;z-index: 10; }
.dt_track .dt_con .con_right .mesRight{ position: absolute; right: 0; top: 40%; }
 #myroundabout{ overflow: hidden; }
 #myroundabout li{ float: left; position: relative;}
 .dt_track .dt_con .con_right #myroundabout li .mesTit{ position: absolute;left: 0; bottom: 0; height: 60px; background: rgba(48,114,188,0.8); width: 100%;color: #fff;  text-align: center; font-size: 20px; overflow: hidden;line-height: 60px; }

/************ 技术+工程定义 **************/
.third_section { width: 1185px; margin: 0 auto; text-align: center; overflow: hidden; margin-top: 25px; }
.third_section .third_left { float: left; width: 805px; }

/************ 技术文献定义 **************/
.third_left .js_document { width: 805px; overflow: hidden; }
.js_document .sr_ltitle .l h1 { background: url(../../images/ico_3.png) left center no-repeat; }
.js_document ul {  width: 805px; text-align: left; overflow: hidden; }
.js_document ul li { border-bottom: 1px dashed #ccc; cursor: pointer; }
.js_document ul li .list:hover { color: #3072bc; }
.js_document ul li .list { display: block; height: 46px; line-height: 46px; background: url(../../images/small_2.jpg) left center no-repeat; padding-left: 15px; }
.js_document ul li .list em { float: right; font-size: 12px; color: #999; }
.js_document ul li .list img { margin-left: 10px; }
.js_document ul li .des_slide { display: none; width: 720px; margin: 0 auto; padding: 15px 20px; border: 1px solid #ccc; margin-bottom: 10px; }

/*工程鉴赏定义*/
.gc_appreciate { width: 805px; overflow: hidden; margin-top: 47px; }
.gc_appreciate .sr_ltitle .l h1 { background: url(../../../images/ico_4.png) left center no-repeat; }
.gc_appreciate .con { width: 805px; text-align: center; overflow: hidden;  }
.gc_appreciate .con .con_t { width: 805px; border-bottom: 1px dashed #ccc; }
.gc_appreciate .con .con_t ul { width: 205px; margin: 0 auto; text-align: center; overflow: hidden; padding: 10px 0; }
.gc_appreciate .con .con_t ul li { float: left; width: 80px; height: 25px; line-height: 25px; margin: 0 10px; border: 1px solid #3072bc; border-radius: 20px; cursor: pointer; }
.gc_appreciate .con .con_t ul li:hover { background-color: #3072bc; color: #fff; }
.gc_appreciate .con .con_b ul.big_img { display: none; }


/* 图片效果CSS开始 */
#focus_Box{position:relative;width:710px;height:308px;margin:20px auto;}
#focus_Box ul{position:relative;width:710px;height:308px}
#focus_Box li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box .prev,#focus_Box .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box .prev{background:url(../../../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box .next{background:url(../../../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box .prev:hover{background-position:left top;}
#focus_Box .next:hover{background-position:right top;}
#focus_Box a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../../images/share-btn.png) no-repeat;text-indent:-999px;}
/* 图片效果CSS结束 */
/* 视频效果CSS开始 */
#focus_Box2{position:relative;width:710px;height:308px;margin:20px auto;}
#focus_Box2 ul{position:relative;width:710px;height:308px}
#focus_Box2 li{z-index:0;position:absolute; width:0px;background:#787878;height:0px;top:146px;cursor:pointer;left:377px;border-radius:4px;box-shadow:1px 1px 12px rgba(200, 200, 200, 1)}
#focus_Box2 li img{width:100%;background:url(images/loading.gif) no-repeat center 50%;height:100%;vertical-align:top}
#focus_Box2 li p{position:absolute;left:0;bottom:0px;width:100%;height:40px;line-height:40px;background:url(../../images/float-bg.png) repeat;text-indent:8px;color:#fff;}
#focus_Box2 li p span{display:inline-block;width:70%;height:40px;overflow:hidden;}
#focus_Box2 li .play_icon {	width: 60px !important;	height: 60px !important; position: absolute; left: 50%; margin-left: -30px; top: 50%; margin-top: -50px;}
#focus_Box2 .prev,#focus_Box2 .next{display:block;z-index:100;overflow:hidden;cursor:pointer;position:absolute;width:52px;height:52px;top:131px;}
#focus_Box2 .prev{background:url(../../images/btn.png) left bottom no-repeat;left:0px}
#focus_Box2 .next{background:url(../../images/btn.png) right bottom no-repeat;right:0px} 
#focus_Box2 .prev:hover{background-position:left top;}
#focus_Box2 .next:hover{background-position:right top;}
#focus_Box2 a.imgs-scroll-btn{display:block;position:absolute;z-index:110;top:7px;right:15px;width:51px;height:23px;overflow:hidden;background:url(../../images/share-btn.png) no-repeat;text-indent:-999px;}
/* 视频效果CSS结束 */


.third_section .third_right { float: right; width: 330px; }
/*行业视点定义*/
.hy_viewpoint { width: 330px; overflow: hidden; }
.hy_viewpoint .pic_des { width: 330px; text-align: left; overflow: hidden; margin-top: 15px; }
.hy_viewpoint .pic_des .pic { float: left; width: 120px; }
.hy_viewpoint .pic_des .pic img { width: 120px; height: 80px; }
.hy_viewpoint .pic_des:hover .liveImg{ opacity: 0.6; }
.hy_viewpoint .pic_des .des { float: right; width: 195px; }
.hy_viewpoint .pic_des .des h3 { font-size: 14px; height: 46px; line-height: 23px; overflow: hidden; }
.hy_viewpoint .pic_des .des p { font-size: 12px; color: #999; }
.hy_viewpoint .gengduo a { display: block; width: 120px; margin: 0 auto; text-align: center; height: 30px; line-height: 30px; color: #3072bc; border: 1px solid #3072bc; border-radius: 5px; margin-top: 20px; }

/*媒体报道定义*/
.mt_report { width: 330px; overflow: hidden; margin-top: 25px; }
.mt_report .pic_des { width: 330px; text-align: left; overflow: hidden; margin-top: 15px; }
.mt_report .pic_des .pic { float: left; width: 120px; }
.mt_report .pic_des .pic img { width: 120px; height: 80px; }
.mt_report .pic_des:hover .liveImg{ opacity: 0.6; }
.mt_report .pic_des .des { float: right; width: 195px; }
.mt_report .pic_des .des h3 { font-size: 14px; height: 46px; line-height: 23px; overflow: hidden; }
.mt_report .gengduo a { display: block; width: 120px; margin: 0 auto; text-align: center; height: 30px; line-height: 30px; color: #3072bc; border: 1px solid #3072bc; border-radius: 5px; margin-top: 20px; }

/*T币充值定义*/
.SdRecharge {
    width: 970px;
    margin: 0 auto;
    border: 1px solid #ccc;
    box-shadow: 1px 3px 10px #d5d3d3;
    margin-top: 150px;
    margin-bottom: 60px;
    padding-bottom: 20px;
}

.SdRecharge h3 {
    width: 920px;
    margin: 0 auto;
    border-bottom: 1px solid #ccc;
    line-height: 45px;
    font-size: 16px;
    margin-bottom: 15px;
}

.SdRecharge h3 a {
    color: #0078d7;
}

.form-group {
    margin-bottom: 20px;
    font-size: 14px;
    color: #565656;
    overflow: hidden;
}

.control-label {
    text-align: right;
    margin-bottom: 0;
    padding-top: 7px;
    width: 130px;
    float: left;
    line-height: 34px;
}

.controls {
    width: 60%;
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 7px;
    line-height: 34px;
}

.controls .zfb img {
    width: 80px;
    height: 25px;
    border: 1px solid #ccc;
}

.form-control {
    display: none;
    height: 34px;
    padding: 0px 12px;
    font-size: 14px;
    color: #919191;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    line-height: 30px;
}

.controls .dj_orange {
    color: #ff6600;
}
.controls label{
    vertical-align:middle;
    margin-right:10px;
}

.play-inv-index {
    display: none;
}

.play-inv-index .controls {
    background: #f8f8f8;
    height: 90px;
}

.controls .sure_pay {
    cursor:pointer;
    display: block;
    width: 120px;
    height: 30px;
    line-height: 30px;
    background: #0078d7;
    color: #fff;
    text-align: center;
    border-radius: 5px;
}


.play_icon {
	width: 60px !important;
	height: 60px !important;
	position: absolute;
	left: 50%;
    margin-left: -30px;
    top: -50%;
    margin-top: 30px;
}