﻿
/*CSS通用重置样式*/
body, div, dl, dt, dd, ul, ol, li,h1, h2, h3, h4, h5, h6, pre, code,form, fieldset, legend, input, button,textarea, p, blockquote, th, td {margin:0;padding:0;list-style:none; text-decoration:none;}
fieldset, img {border:0;}
:focus {outline:0;}
address, caption, cite, code, dfn,em, th, var, optgroup,i {font-style:normal;font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight:normal;}
abbr, acronym {border:0;font-variant:normal;}
input, button, textarea,select, optgroup, option {font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
code, kbd, samp, tt {font-size:100%;}
input, button, textarea, select {*font-size:100%;}
body {font-size:12px;color:#333;background:#FFF;}
ol, ul {list-style:none;}
caption, th {text-align:left;}
sup, sub {font-size:100%;vertical-align:baseline;}
:link, :visited , ins {text-decoration:none;}
blockquote, q {quotes:none;}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
img{vertical-align:middle;}
.clearfix:before,.cf:before,.clearfix:after,.cf:after{content:"\0020";display:block;height:0;overflow:hidden;}
.clearfix:after,.cf:after{clear:both;}
.clearfix,.cf{zoom:1;}
html{_text-overflow:ellipsis;} /*���IE6��ͼƬ����*/ 
iframe{display:block;}

ol, ul {list-style: none;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* Init */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend{margin: 0; padding: 0;border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;}

/* common */
body { font: 14px/1.5 "Helvetica Neue", Microsoft YaHei, "Microsoft Yahei", Helmet, Freesans, sans-serif; color:#333333; 
margin-top:0px; }
a,a:visited{ text-decoration:none; }

.clearer{ line-height:0px; clear:both; }
strong{ font-weight:bold;}

/* new clear .clear{overflow:hidden; zoom:1; clear:both;}*/
.clear:after {content: ".";clear: both;height: 0;visibility: hidden;display: block;} 
.clear {display: inline-block;    }
/**//* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/**//* End hide from IE-mac */



.heada {
 width:100%;
 height:100px;
 background: #b80b10;
 z-index: 77;
 top:0px;
 left:0px;
 opacity: 1;
 position: fixed;
 }
.headm { width:1270px; margin:0 auto; height:100px; }
.headm p { width:448px; height:100px;float:left; }
.headm ul {float:left;width: 799px;}
.headm ul li {
   width:130px;
   height:80px;
   color:#eecdcd;
   font-size:24px;
   font-weight:bold;
   cursor: pointer;
   text-align: center;
   padding-top:20px;
   float:left;
   margin-left: 60px;
   }
.headm ul li span { display: block;  font-weight:normal; font-size:18px;}
.headm ul li a { color:#eecdcd; }
.headm ul li:hover { background:#8a0e0e; }

.headm a.chinae { display: block; width:42px; height:42px;
 background:#a61717; border:1px solid #7f0000; 
color:#fff; text-align: center; line-height: 42px;
float:left; font-size:24px; font-weight:bold;
 -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari 和 Chrome */
  border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
margin-top:25px;margin-left:25px;}
.headm a.engl {
 display: block;
 width:44px;
 height:44px;
 background:#ea7400;
 color:#fff;
 text-align: center;
 line-height: 44px;
 float:left;
 font-size:20px;
 font-weight:bold;
 -moz-border-radius: 10px; /* Firefox */
 -webkit-border-radius: 10px; /* Safari 和 Chrome */
 border-radius: 10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
 margin-left: 31px;
 margin-top:25px;
 margin-right: 17px;
 }
.headm a.phone { position: relative; ;display: block; width:44px; height:44px; float:left;margin-top:25px;}
.headm a.phone i {   
  display: block;
    position: absolute;
    left: -118px;
    top: 45px;
    width: 178px;
    height: 195px; 
    display: none;}



.ma { width:1200px; margin:0 auto; overflow:hidden; margin-top:140px;}
.mal { width:810px; float:left; overflow:hidden; }

.mala { width:810px; height:475px; }

.nmb {width:1200px; margin:0 auto;
height:345px;   background: url(/images/mbmbg.png) bottom center no-repeat;
}

.nmbli { width:590px; float:left; }


.malbtop { width:1200px; height:50px;
overflow:hidden;
 line-height: 50px;font-size:24px;margin-top:0px; margin-bottom:5px; }
.malbtop a { display:block; float:left;color:#b80b10;font-weight: bold; }
.malbtop a i { font-weight: normal; font-size:24px;  color:#333;}
.malbtop a.right { float:right; }

.malb { width:1200px; overflow:hidden;margin-top:25px; }
.malb ul li { 
  width:560px; 
  padding-left:30px; 
  background:url(/images/libga.png) no-repeat left center;
border-bottom:dashed 1px #d9d9d9;
height:40px; line-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:16px;
    margin-top: 15px;
   }
.malb ul {padding:5px 0px; }
.malb ul li i { float:right;    padding-right: 10px;  }

.malb ul li a { color:#333; }

.mar { width:370px; float:right; height:480px; position: relative;  }
.mar ul { margin-top:30px; }
.mar ul li { float:left; }
.zgurl { cursor: pointer; }

.mar .zga {cursor: pointer;
width:216px;height:216px;
  position: absolute;top: 13px;left: 65px;z-index: 52;}
.mar .zgb {cursor: pointer;position: absolute;top: 170px;left: 10px;z-index: 55;}
.mar .zgc {cursor: pointer;position: absolute;top: 267px;left: 77px;z-index: 54;}
.mar .zgd {cursor: pointer;position: absolute;top: 230px;left: 192px;z-index: 53;}
.mar .zge {cursor: pointer;position: absolute;top: 130px;left: 253px;z-index: 50;}





.mar .zgda {cursor: pointer;position: absolute;top: 237px;left: 214px;z-index: 52;opacity: 0}
.mar .zgdb {cursor: pointer;position: absolute;top: 237px;left: 214px;z-index: 52;opacity: 0}
.mar .zgdc {cursor: pointer;position: absolute;top: 237px;left: 214px;z-index: 52;opacity: 0}



.mar:hover  .zgda {animation: zgda 0.5s ease-in-out 0s 1 alternate forwards;}
.mar:hover  .zgdb {animation: zgdb 0.5s ease-in-out 0s 1 alternate forwards;}
.mar:hover  .zgdc {animation: zgdc 0.5s ease-in-out 0s 1 alternate forwards;}

/*.mar .zgda {cursor: pointer;position: absolute;top: 203px;left: 186px;z-index: 53;}
.mar .zgdb {cursor: pointer;position: absolute;top: 245px;left: 269px;z-index: 53;}
.mar .zgdc {cursor: pointer;position: absolute;top: 283px;left: 186px;z-index: 57;}
*/

.mar:hover .zga {    animation: idle 0.5s ease-in-out 0s 1 alternate forwards;}

.mar:hover .zgb {    animation: idle 0.5s ease-in-out 0s 1 alternate forwards;}
.mar:hover .zgc {    animation: idle 0.5s ease-in-out 0s 1 alternate forwards;}
.mar:hover .zgd {    animation: idlea 0.5s ease-in-out 0s 1 alternate forwards;}
.mar:hover .zge {    animation: idle 0.5s ease-in-out 0s 1 alternate forwards;}


@keyframes idle {
  from, to {
    transform: scale(0.99); /*放大1.1倍*/
  }

  
  100% {
       transform: scale(1.05); /*放大1.1倍*/
  }
}
@keyframes idlea  {
  from, to {
     opacity: 1;
  }

  
  100% {
         opacity: 0;
  }
}

@keyframes zgda {
  from, to {
    top: 237px;left: 214px;
    transform: scale(0.99); /*放大1.1倍*/
  }

  
  100% {
      top: 210px;left: 186px;
    opacity: 1;
       transform: scale(1.05); /*放大1.1倍*/
  }
}

@keyframes zgdb {
  from, to {
    top: 237px;left: 214px;
    transform: scale(0.99); /*放大1.1倍*/
  }

  
  100% {
      top: 245px;left: 264px;
    opacity: 1;
       transform: scale(1.05); /*放大1.1倍*/
  }
}

@keyframes zgdc {
  from, to {
    top: 237px;left: 214px;
    transform: scale(0.99); /*放大1.1倍*/
  }

  
  100% {
     top: 292px;left: 193px;
    opacity: 1;
       transform: scale(1.05); /*放大1.1倍*/
  }
}


.mbma { width:1200px; height:450px; position: relative;margin:0 auto; }




.mb { width:100%;overflow:hidden; background:url(/images/mbbg.jpg) bottom center no-repeat;}

.mbtop { width:1200px; margin:0 auto; 
margin-bottom:35px;
  height:140px; margin-top:35px; }

.mbm { width:1200px; margin:0 auto; position: relative;}
.mbml { width:240px; height:600px; float:left; position: relative; }

.mbml a { font-weight:bold; color:#802a14; position: absolute;right:50px; bottom:70px;  }
.mbmm { width:573px; 
  height:400px;
 overflow:hidden;
  padding-top:20px;
  float:left;margin-right:27px;}


.mbmm h5 {     color: #6a4a48;
    height: 60px;
    font-weight: bold;
    line-height: 60px;
    font-size: 23px;
    overflow: hidden;}

.mbmm h5 a {color:#6a4a48;   }
.mbmm p {
    height: 65px;
    overflow: hidden;
    color: #777777;
    line-height: 32px;
    font-size: 16px;
    border-bottom: dashed 1px #d9d9d9;
    padding-bottom: 5px;}

.mbmm p a {color:#777777;}

.mbmm img { width:573px; height:257px; }

.mbma a.prea { cursor: pointer; ;display: block; position:absolute; left:-80px; top:45%; 
   width:35px; height:83px;
   background:url(/images/actl.png) no-repeat; }
.mbma a.nexta { cursor: pointer;display: block; position:absolute;
 right:-80px; top:45%;   
 width:35px; height:83px; background:url(/images/actr.png) no-repeat; }




.mc { width:100%; overflow:hidden; 

  background:url(/images/mcbg.jpg) center no-repeat;
margin-top:55px;
height:705px;
   padding-bottom:45px;}


.mcm { width: 1570px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 65px; }

.mctopa { width:1200px; height:120px;margin:0 auto;
 background:url(/images/mctopa.png) no-repeat;
 margin-bottom:45px; }




.md { width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 65px; }

.mdl { width:540px; height:370px; margin-left:10px;padding:20px 25px 0px 25px;float:left; background:url(/images/mdbga.jpg) repeat; }


.mdltop { width:540px; height:65px; 
  background:url(/images/mdltop.png) left  center no-repeat; 
   line-height: 65px; font-size:14px; text-align: right;
   border-bottom:solid #102234 1px;padding-right:6px;
} 
.mdltop a { color:#c0d3e4; }
.mdlm {width:100%;margin-top:25px;}
.mdlm p { color:#fff; line-height: 40px; font-size:16px; margin-top:10px;}

.mdlm p i { font-weight:bold; font-size:17px; }


.mdr { width:540px; height:370px; padding:20px 25px 0px 25px;float:left; background:url(/images/mdbgb.jpg) repeat; }


.mdrtop { width:540px; height:65px; 
  background:url(/images/mdrtop.png) left  center no-repeat; 
   line-height: 65px; font-size:14px; text-align: right;
   border-bottom:solid #501b1b 1px;padding-right:6px;
} 
.mdrtop a { 
    width: 360px;
    height: 46px;
    display: block;}
.mdrm {width:100%;margin-top:25px;}

.mdrm ul li { 
  width:500px; 
  padding-left:30px; 
  background:url(/images/libga.png) no-repeat left center;
border-bottom:dashed 1px #571a1a;
height:46px; line-height: 46px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size:16px; color:#fff;
   }
.mdrm ul li a { color:#fff; }
.mdrm ul li p { width:510px;   overflow: hidden;
    text-overflow: ellipsis;float:left;
    white-space: nowrap;}
.mdrm ul li i {
    float: right;
    width:50px;
     display: block
}

.foota { width:100%;  background:#efefef;margin-top:45px;
 padding:30px 0px;text-align: center; font-size:15px ;    line-height: 32px;
 color:#373737; }


.spmin {width:100%;
  background:#e61b56; overflow:hidden; position: fixed;
z-index: 999;
left:0px; top:0px;

}

.ymin { width:100%;height:100%; overflow:hidden; }



.focusa{ position:relative; width:810px; height:510px;  float: left;}  
.focusa img{ width: 810px; height: 482px;} 
.focusa .shadow .title{width: 810px; height: 65px;padding-left: 30px;padding-top: 20px; }
.focusa .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden;}
.focusa .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} 
.focusa .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; }  
.focusa .btn a:hover,.focusa .btn a.current{  cursor:pointer;background:#fc114a;}  
.focusa .fPic{ position:absolute; left:0px; top:0px; }  
.focusa .D1fBt{ overflow:hidden; zoom:1;  height:16px; z-index:10;  }  
.focusa .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:45px; line-height: 45px; background:rgba(0,0,0,0.6);    
filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9;  text-align:left; }  
.focusa .shadow a{ text-decoration:none; color:#fff; font-size:16px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";}  
.focusa .fcona{    position: relative;
    width: 100%;
    float: left;
    background: #fff;
    height: 482px;
    overflow: hidden; }  
.focusa .fcona img{ display:block; }  
.focusa .fbg{bottom:0px;left: 40%;position:absolute;height:21px;text-align:center;z-index: 20;display:block;}  
.focusa .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px}    
.focusa .D1fBt a{position:relative; display:inline; width:18px; height:6px; margin:0 5px;color:#B0B0B0;font-size:0px; text-decoration:none; text-align:center;

 outline:0; float:left; background:#446891; }    
.focusa .D1fBt .current,.focus .D1fBt a:hover{background:#b32020;}    
.focusa .D1fBt img{}    
.focusa .D1fBt i{ font-style:normal; }    
.focusa .preva,.focusa .nexta{position:absolute;width:40px;height:74px;background: url(/images/focus_btn.png) no-repeat; }
.focusa .preva{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; }  
.focusa .nexta{top: 50%;margin-top: -37px; right: 0;  background-position:-40px -74px;  cursor:pointer;}  
.focusa .preva:hover{  background-position:0 0; }  
.focusa .nexta:hover{  background-position:-40px 0;}  


.mcmin { 
  width:1380px; height:475px; 
 
 overflow:hidden;
margin:0 auto;
position: relative;
 }

.mco {  width:880px;
 
  position: absolute;left: 394px;
    top: 30px;}
.mclia { width:880px; height:50px;
overflow:hidden;
background: url(/images/mcul.png) repeat ;
 margin:0 auto; position: relative; margin-top:365px;


}
.mclia ul { width:5555px; height:50px; position: absolute; left:0px; top:0px; }
.mclia ul li { width:40px; height:40px; 
  -moz-border-radius: 50px; /* Firefox */
  -webkit-border-radius: 50px; /* Safari 和 Chrome */
  border-radius: 50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

float:left;
 border:5px solid #fff;
 cursor: pointer;
 margin-right:42px;
 position: relative;
 }
.mcom {  width:880px;
  margin:0 auto; height:460px; overflow:hidden; }
  .mcom ul { width:9999px; height:460px; position: absolute;left:0px; right:0px; }
.mcom ul li { width:418px; height:460px; position:relative; 
  float:left;margin-left:-326px; opacity:0;}

.mcom ul li .img { position: absolute; 
    left: 0px;
    top: 0px;
width:418px; height:330px; background:url(/images/mclibga.png) no-repeat center;}

.mco ul li .img p { color:#fff;
 font-size:16px; line-height: 28px; margin-top:15px;padding-left:10px;}

.mco ul li h5 { text-align: center ;font-size:22px; color:#4b4f60; font-weight:bold;position: absolute; left:0px; bottom:0px; width:418px; height:60px; }





.bigimgstyle img:hover {
    -webkit - animation: moves.9s ease forwards;
    animation: moves.9s ease forwards
}

@-webkit-keyframes moves {
    0% {
        -webkit-transform: scale(1)
    }
    100% {
        -webkit-transform: scale(1.1)
    }
}

@keyframes moves {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.1)
    }
}



.ewma img {width:100% }

#main { opacity: 0 }


.meta { width:100%; height:50px; text-align: center; line-height: 50px; }


.meta  .pub_time {padding-right:35px;}
   .listm {width:1200px;margin:0 auto;margin-top: 100px;overflow: hidden;}
    .m-crm  {font-size: 16px;width:1180px;height:50px;margin:0 auto;
      line-height:50px;margin-top: 35px;

       /*border-bottom:1px solid #e1e1e1*/}
      .m-crm  a {color:#333;padding-left: 5px;padding-right: 5px;}
    .listmr { width:362px; float:left;    margin-left: 58px;}
    .listmrb { width:362px;}
    .lrbstop {width:362px;height:50px;line-height:50px;font-size:20px;margin-top: 39px;}
    .lrbstop span { font-weight:bold; font-size:24px; color:#963a34;padding-right:10px;}
     .lrbstop a { color:#333; }    
      .lrbstop a span { font-weight:bold; font-size:24px; color:#963a34;padding-right:10px;}
   
    .listmr ul li {    padding-left: 30px;
    background: url(http://www.gdggkf.com/index20181023/images/libga.png) no-repeat left top;
    padding-bottom: 5px;
    font-size: 18px;
    line-height: 42px;
    border-bottom: dashed 1px #d9d9d9;margin-bottom:10px;}
  .listmr ul li a { color:#333}
  
  .listml { width:780px; float:left;overflow:hidden;}
  .listml ul li {width:780px;border-bottom:dashed 1px #d9d9d9;margin-top: 25px;}
  .lsmin { width:780px; overflow:hidden}
    .listml ul li img { width:150px; float:left; margin-right:20px;}
    .listml ul li h5 { font-size:20px; font-weight:bold;}
    .listml ul li p { font-size:14px; line-height:26px;margin-top:5px; color:#767676}
    .listml ul li a { color:#333}
    .listml ul li .lstimea { width:100%; height:40px; line-height:40px; font-size:14px;}
    .listml ul li .lstimea span {padding-right:25px;}



.detailm { width:1050px; margin:0 auto;overflow:hidden}
  .detailm h2 { font-size:32px; font-weight:bold; text-align:center;margin-top:35px; margin-bottom:25px;}
 .m-article .meta {
    line-height: 21px;
    padding: 18px 0 10px;
    overflow: hidden;
    clear: both;
  border-bottom:1px solid #dfdfdf;margin-bottom:35px;
}
.m-article .meta .fl {
text-align:center;
    width:100%;

  margin-bottom:35px;
}
.m-article .meta span {
    margin-right: 12px;
    color: #828282;
    display: inline-block;
}

.detailm img {
    margin: 0 auto 15px;
    max-width: 820px;
    height: auto!important;
    display: block;
}

.detailm p {
    font-size: 18px;
    line-height: 34px;
    margin: 0 3px 20px;
}


.dem { overflow:hidden; margin-top:100px; }



.mbtop { position:relative}

.mbtop a { display:block; width:400px; height:126px; margin:0 auto; position:absolute; left:365px; top:0px}


.manext { width:80px;height:30px; line-height:30px;
 text-align: center; font-size:16px; background:rgba(138,14,14,0.8);
 color:#fff; position: absolute; right:20px; top:50px;
 z-index: 999; margin-left:-50px;  cursor:pointer;
   -moz-border-radius: 15px; /* Firefox */
  -webkit-border-radius: 15px; /* Safari 和 Chrome */
  border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
 }


.m-pager { display:none }
.bannerb { display: none; }

#displaypagenum { width:100%; }

center span  { padding  }

#displaypagenum  center span, #displaypagenum  span.page {
    display: inline-block;
    padding: 0 10px;
    margin: 10px 2px;
    line-height: 25px;
    height: 25px;
    text-align: center;
}


#displaypagenum  a.page {
    border: 1px solid #e3e3e3;
    padding: 0 10px;
    line-height: 25px;
    height: 25px;
    text-align: center;
    margin: 10px 2px;
    background: #f5f5f5;
    display: inline-block;
}

@media (max-width: 750px)

{
.bannerb {
    width: 100%;
     z-index: 2;
      display: block;
}
.bannerb img { width:100%; }
.heada {display: none;}
.listml ul {padding-left:10px; padding-right:10px;}
.m-crm { width:100%;     margin-top: 10px;}
.foota {
       width: 100%;

    margin-top: 45px;
    padding: 30px 0px;
    text-align: center;
    font-size: 13px;
    line-height: 32px;
    color: #fff;
    background: #7a2524;
}
.listml { width:100%; }
.listmr {display: none;}
.lsmin { width:100%; }
.listm { width:100%; margin-top:10px;}
.listml ul li img {
     width: 150px;
    float: left;
    margin-right: 20px;
}

.listml ul li {
   width: 100%;
}
.listml ul li h5 {
        font-size: 20px;
    font-weight: bold;
       margin-bottom: 10px;
    font-weight: 400;
    color: #434343;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-overflow: ellipsis;
}

.listml ul li p {
   display: none
}

.listml ul li .lstimea {
      font-size: 15px;
    color: #909090;
    line-height: 30px;
    margin: 0;
}



.dem {margin-top:5px;}
.detailm { width:100%; }

.prism-player {
    margin: 0 auto;
    width: 98% !important;
}




.detailm img {
     width:100%;
  
}


.foota p a span { color:#fff !important; }
.foota p a { color:#fff !important; }
}










