﻿/*This document I was seriously prepared, you can reuse*/
*::after, *::before {
    box-sizing: border-box;
}
html{color:#666666;background:#ffffff;font-family:"Microsoft YaHei";}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}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;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}
/* set image max width to 100% */
a, a:visited {
color:#333;
text-decoration:none;
}
    a:hover {
        color: #065ca2;
    }
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.mt5{
    margin-top:5px;
}
.mt10{
    margin-top:10px;
}
.w80{
    width:80px;
}
.w100{
    width:100px;
}
.w120{
    width:120px;
}
.bd{
    width:1200px;
    margin:0 auto;
}


/*footer st*/
.footer{
    width:100%;
    height:143px;
    background:url("../images/ftbg.jpg") repeat-x;
    clear:both;
}
.footer .foot{
    width:1200px;
    margin:0px auto;
    padding-top:50px;
    position:relative;
}
.footer .foot .lft{
    float: left;
    width: 550px;
}
.footer .foot .rft{
    float:right;
    width:550px;
}

.footer .foot .lft .smlogo{
    float: left;
    width: 60px;
    margin-top:5px;
}
.footer .foot .lft ul{
    float: left;
    width: 480px;
}
.footer .foot .lft ul li{
    height:22px;
    line-height:22px;
    color:#d4d4d4;
    font-size:12px;
}



.footer .foot .rft ul{
    overflow:hidden;
}
.footer .foot .rft ul li{
    height:22px;
    line-height:22px;
    color:#d4d4d4;
    font-size:12px;
    text-align:right;
}
.footer .foot .rft ul li a{
    color:#d4d4d4;
    margin-left:5px;
    margin-right:5px;
}
#ewm{
    position:absolute;
    right:0;
    bottom:10px;
    display:none;
}
/*footer ed*/

 /* 客服主要css样式*/
.main-im{position:fixed;right:10px;top:300px;z-index:100;width:110px;height:272px;}
.main-im .qq-a{display:block;width:106px;height:116px;font-size:14px;color:#0484cd;text-align:center;position:relative;}
.main-im .qq-a span{bottom:5px;position:absolute;width:90px;left:10px;}
.main-im .qq-hover-c{width:70px;height:70px;border-radius:35px;position:absolute;left:18px;top:10px;overflow:hidden;z-index:9;}
.main-im .qq-container{z-index:99;position:absolute;width:109px;height:118px;border-top-left-radius:10px;border-top-right-radius:10px;border-bottom:1px solid #dddddd;background:url("../images/qq-icon-bg.png") no-repeat center 8px;}
.main-im .img-qq{max-width:60px;display:block;position:absolute;left:6px;top:3px;-moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;transition:all 0.5s;}
.main-im .im-qq:hover .img-qq{max-width:70px;left:1px;top:8px;position:absolute;}
.main-im .im_main{background:#F9FAFB;border:1px solid #dddddd;border-radius:10px;background:#F9FAFB;display:none;}
.main-im .im_main .im-tel{color:#000000;text-align:center;width:109px;border-bottom:1px solid #dddddd;}
.main-im .im_main .im-tel div{font-weight:bold;font-size:12px;margin-top:6px;}
.main-im .im_main .im-tel .tel-num{font-family:Arial;font-weight:bold;color:#e66d15;}
.main-im .im_main .im-tel:hover{background:#fafafa;}
.main-im .im_main .weixing-container{width:55px;height:47px;border-right:1px solid #dddddd;background:#f5f5f5;border-bottom-left-radius:10px;background:url("../images/weixing-icon.png") no-repeat center center;float:left;}
.main-im .im_main .weixing-show{width:112px;height:172px;background:#ffffff;border-radius:10px;border:1px solid #dddddd;position:absolute;left:-125px;top:-126px;}
.main-im .im_main .weixing-show .weixing-sanjiao{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #ffffff;border-width:6px;left:112px;top:134px;position:absolute;z-index:2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big{width:0;height:0;border-style:solid;border-color:transparent transparent transparent #dddddd;border-width:8px;left:112px;top:132px;position:absolute;}
.main-im .im_main .weixing-show .weixing-ma{width:104px;height:103px;padding-left:5px;padding-top:5px;}
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto;text-align:center;}
.main-im .im_main .go-top{width:50px;height:47px;background:#f5f5f5;border-bottom-right-radius:10px;background:url("../images/totop-icon.png") no-repeat center center;float:right;}
.main-im .im_main .go-top a{display:block;width:52px;height:47px;}
.main-im .close-im{position:absolute;right:10px;top:-12px;z-index:100;width:24px;height:24px;}
.main-im .close-im a{display:block;width:24px;height:24px;background:url("../images/close_im.png") no-repeat left top;}
.main-im .close-im a:hover{text-decoration:none;}
.main-im .open-im{cursor:pointer;margin-left:68px;width:40px;height:133px;background:url("../images/open_im.png") no-repeat left top;}
.qqline{overflow:hidden;height:25px;line-height:25px;display:block;}
/* 客服主要css样式结束*/


/***************************************************************************************************************************************************************************************************/
/*hd st*/
.hdout{
    height:139px;
    background:url("../images/hdbg.gif") repeat-x ;
}
.hd {
width:1200px;
margin:0px auto;
background:url("../images/hdbg.gif") repeat-x;
overflow:hidden;
}
    .hd .logo {
    float:left;
    margin:10px 0px 0px 0px;
    width:381px;
    }
    .hd .hdright {
        float:right;
        width:740px;
    }
        .hd .hdright .hdrtop {
        margin:15px 20px 0 0;
        text-align:right;
        }
           
          .hd .hdright .menu {
        width:100%;
        clear:both;
        overflow:hidden;
        margin-top:20px;
        text-align:right;
        }
        .hd .hdright .menu ul{
            overflow:hidden;
        }
         .hd .hdright .menu ul li{
             padding:0 20px 0 10px;
            display:inline-block;
            height:37px;
            background:url("../images/ml.jpg") no-repeat scroll 0 100%;
        }
        .hd .hdright .menu a,.hd .hdright .menu a:visited{
            font-size:18px;
            color:#fff;
            width:100%;
            display:block;
        }
         .hd .hdright .menu a:hover{
            color:#DE910B;
        }
            .hd .hdright .menu  span{
                float:left;
                font-size:0px;
                height:5px;
                padding-left:3px;
                margin-top:6px;
            }

/*hd ed*/


.focus {
width:100%;
overflow:hidden;
font-size:0px;
}


.tb{
    height:40px;
    line-height:40px;
    background:url("../images/hx.gif") no-repeat scroll center 50%;
    text-align:center;
    font-weight:bold;
    font-size:20px;
    color:#333;
    margin:20px auto 10px;
}

/*pro start*/
.pro {
margin:40px auto 25px;
overflow:hidden;
width:1200px;
background-color:#fff;
}
    .pro ul {
    overflow:hidden;
    margin:10px 0px;
    width:100%;
    }
       .pro ul li{
   float: left;
    height: auto;
    margin-right:60px;
    width: 255px;
    background:url("../images/imgbg.jpg") no-repeat scroll center 0;
    }
        .pro ul li a {
        display: block;
        }
        .pro ul li a:hover {
           color:#089d7a;
        }
        .pro ul li img {
        display:block;
        }
 .pro ul li a span {
    color: #5f5f5f;
    display: block;
    font-size: 14px;
    height: 40px;
    line-height: 40px;
    margin-top: 5px;
    text-align: center;
}
  .pro ul li a:hover span {
   color:#002962;
}
/*pro end*/




/*content st*/
.content{
    width:100%;
    background-color:#f5f5f5;
    padding:40px 0px 50px 0px;
}
.content .cont{
    width:1200px;
    margin:0px auto;
    border-top:2px solid #de0b1a;
    overflow:hidden;
}
.content .cont .head{
    height:40px;
    line-height:40px;
    border-bottom:1px solid #de0b1a;
}
.content .cont .head .lft{
   width:200px;
   color:#333333;
}
.content .cont .head .lft .info{
   overflow:hidden;
}
.content .cont .head .lft span{
    font-size:12px;
}
.content .cont .head .more{
 float: right;
    height: 30px;
    padding-top: 5px;
    text-align: right;
    width: 60px;
}




.content .cont .lft{
    width:318px;
    float:left;
    position:relative;
}


.content .cont .rft{
    width:850px;
    float:right;
}
.content .cont .icon{
    text-indent:15px;
    background:url("../images/hjt.gif") no-repeat scroll 0 55%;
}
.content .cont .rft .left{
    width:570px;
    float:left;
}
.content .cont .rft .right{
    width:249px;
    float:right;
}
.content .cont .rft .left .i_news{
    width:270px;
    float:left;
}
.content .cont .rft .left .i_dangjian{
    width:270px;
    float:right;
}
#business{
    padding:10px 0px 20px;
    background-color:#f5f5f5;
}
#business h2{
    font-weight:bold;
    font-size:14px;
    color:#136dc8;
    text-indent:10px;
    height:30px;
    line-height:30px;
}
.flex-caption {
  padding:0px 10px;
  left: 0;
  bottom: 0;
  color: #333;
  font-size: 14px;
  height:160px;
  overflow:hidden;
  line-height:20px;
}

.custom-navigation {
   display: table;
    position: absolute;
    right: 0;
    table-layout: fixed;
    top: 185px;
    width:65px;
}

.custom-navigation > a {
    width: 30px;
    height:12px;
    color:#fff;
    background-color:#A7A7A7;
    text-align:center;
    font-family:宋体;
    font-size:12px;
    padding-top:3px;
}
.custom-navigation > a:hover {
    color:#fff;
    background-color:#A81404;

}

.custom-navigation > * {
    display: table-cell;
}
.custom-navigation .flex-next {
    text-align: center;
    margin-left:3px;
}

.newimglst{
    overflow:hidden;
    margin:10px 0px 0px 0px;
}
.newimglst .bgimg{
    overflow:hidden;
    padding-bottom:10px;
    border-bottom:1px dashed #b8b8b8;
}
.newimglst .bgimg .lftimg{
    width:100%;
    height: 127px;
    overflow:hidden;
    margin-bottom: 10px;
}
.newimglst .bgimg .rftinfo{
    width:100%;
}
.newimglst .bgimg .rftinfo .tit{
   font-size: 15px;
    font-weight: bold;
}
.newimglst .bgimg .rftinfo a{
    color:#136dc8;
}
.newimglst .bgimg .rftinfo a:hover{
    color:#fe3f3f;
}
.newimglst .bgimg .rftinfo .summ{
    color:#686868;
    font-size:12px;
    line-height:24px;
}
.newimglst .bgimg .rftinfo .summ a{
    color:#fe3f3f;
    font-size:12px;
}
.newimglst .bgimg .rftinfo .summ a:hover{
    color:#136dc8;
}
.newimglst ul{
    overflow:hidden;
}
.newimglst ul li{
    overflow:hidden;
    height:30px;
    line-height:30px;
    background:url("../images/hsd.gif") no-repeat scroll 0 50%;
    text-indent:10px;
      border-bottom:1px dashed #b8b8b8;
      font-size:13px;
}
.newimglst ul li .tit{
   float:left;
   overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   width:85%;
}
.newimglst ul li .time{
   float:right;
   width:15%;
   color:#9c9c9c;
   font-size:12px;
   text-align:right;
}
.newimglst ul li a{
  color:#525252;
}
.newimglst ul li a:hover{
  color:#136dc8;
}
/*content ed*/


