@charset "utf-8";
/* CSS Document */


body{
     background-size:100% auto;}


iframe, input, textarea, button {
    border:0;
    margin:0;
    padding:0;
    outline:0;
}
iframe {
    display:block;
}
input, select, textarea {
    font-family:Arial, sans-serif;
    vertical-align:middle;
    font-weight:normal;
    outline:none;
}


.normal-button,
input[type='submit'] {
     display:inline-block;
     margin:0 5px 20px;
     min-width:65px;
     height:30px;
     font-size:11px;
     font-weight:bold;
     text-align:center;
     color:#ffffff;
     background-color:#1269b6;
     vertical-align:middle;
     line-height:30px;
     cursor:pointer;
    padding:0 10px;
    transition:all .5s;
    -moz-transition:all .5s;
    -webkit-transition:all .5s;
    -o-transition:all .5s;
}
input[type='submit'] {
     min-width:100px;
     margin:0;
}
.normal-button.small {
    min-width:62px;
    height:24px;
    line-height:24px;
    font-size:8px;
    padding:0 5px;
}
.normal-button.larg {
    height:48px;
    line-height:48px;
    font-size:15px;
    padding:0 18px;
}
.normal-button.xlarg {
    height:64px;
    line-height:64px;
    font-size:22px;
    padding:0 24px;
}
.normal-button.reverse,
.normal-button.small.reverse,
.normal-button.larg.reverse,
.normal-button.xlarg.reverse {
    color:#ffffff;
    background-color:#373737;
}
.normal-button.reverse:hover,
.normal-button.reverse.small:hover,
.normal-button.reverse.larg:hover,
.normal-button.reverse.xlarg:hover {
    color:#ffffff;
    background-color:#63b1be;
}
.normal-button:hover,
.normal-button.small:hover,
.normal-button.larg:hover,
.normal-button.xlarg:hover,
input[type='submit']:hover {
    background-color:#373737;
    color:#ffffff;
}




a {color:#333;}

a:hover {color:#cc0000; text-decoration:none;}

.padding0 {padding:0;}

.mtop0 {margin-top:0;}

.mbottom0 {margin-bottom:0;}

.mtop10 {margin-top:10px;}

.mtop20 {margin-top:20px;}

.mtop30 {margin-top:30px;}

.mtop50 {margin-top:50px;}

.redcolor {color:#cc0000;}


#head {
	padding:15px;
}

.telphone {
	background: url(../images/photobg.png) no-repeat left top;
	height: 75px;
	width: 300px;
	padding: 16px 0 0 140px;
	font-size: 18px;
	font-family:Arial;
	color:#666;
	letter-spacing:0.5px;
}

.navpc {width:100%;}

.navpc li {
	/*width:10.5%;*/
	text-align:center;
}

.navld{ margin-bottom: 2px; font-size: 16px!important;}
.navld a{ color: #fff;}
.navld .navld_t,.navld .navld_b{
    padding: 8px 0;
    text-align: center;
    border-right: 1px solid #4790d0;
}
.navld .navld_t{ background-color: #2978bd;  border-bottom:1px solid #4790d0; }
.navld .navld_b{ background-color: #1269b6;}


.navbar-brand {
    float: left;
    padding: 5px;
    line-height: 21px;
    height: auto;
    width: 75%;
}
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
}

.dianxing {
    /*background:#e5f5ff;*/
}

    .dianxing .titlebar {
        background:url(../images/anlitit.jpg) center center no-repeat;
    background-size:100% auto;
text-align:center;
margin-top:10px;
height:80px;
    }
.dianxing h2 {		
	letter-spacing:4px;
	font-size:40px;
    background:#e5f5ff;
    width:20%;
    margin:0 auto;
}




 .swiper-container {
    width: 100%;
    height: 100%;
    }
 .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    /*display: flex;*/
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    /*justify-content: center;*/
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    /*align-items: center;*/
    }

.swiper-container p{
	width:100%;
	height:30px;
	margin-top:5px;
	line-height:30px;
	font-size:14px;
	color:#333;
	background-color:#eeedf4;
}

/*.title-h1{font-size:20px; color:#333; border-bottom:3px solid #4187c5;font-weight:bold;padding-bottom:20px;}*/

.product {
	background-color:#f0f0f0;
	padding:100px 0;
}

.product .tabbtn{
	background:url(../images/btnbg.jpg) center center repeat-x;
	width:100%;
	height:70px;
	display:block;
	color:#000;
	font-size:17px;
	text-align:center;
	line-height:70px;
}

.home_pro h3 {
    background:url(../images/anlitit.png) center center no-repeat;
    text-align:center;
    letter-spacing:4px;
    font-weight:bold;
    font-size:20px;
}

.home_pro .container{ padding: 0px;}



.tabcontent {
	background:#fff;
	padding:20px;
	color:#666;
	font-size:12px;
	border-bottom:4px solid #cc9900;
	min-height:235px;
}

.tabcontent h4{
	color:#000;
	font-size:15px;
	padding-bottom:20px;
	border-bottom:1px solid #cccccc;
}

.tabcontent li {
	margin-right:40px;
	line-height:28px;
}

.panel-default > .panel-heading {
    color: #2c3e50;
    background-color: #fff;
    border-color: #fff;
}

.news {padding:50px 0;}

.news h3 {
	letter-spacing:4px;
	font-weight:bold;
	font-size:20px;
	margin-top:0;
	padding-bottom:10px;
	background:url(../images/newstitbg.png) bottom left no-repeat;
}

.news .iconbtn {margin-top:10px;}

.newsimg img {width:100%;max-height:78px;}

.newsh {border-top:4px solid #333;padding:10px 0 0 0;font-size:13px;color:#333;text-align:left; }


.newsp {font-size:12px; color:#333; text-align:left;}

.news-l ul{
    padding-left:0;
    list-style:none;
}

.news-l li{
    border-bottom:1px dotted #cecece;
    margin-bottom:15px;
    padding-bottom:5px;
}

.news-d {}
.news-d .content{border-bottom:1px dotted #cecece;
    margin-bottom:15px;
    padding-bottom:5px!important;}

.info{
    border-bottom:1px dotted #cecece;
    margin-bottom:5px;
    padding-bottom:5px;
}
.info span{ margin-right: 20px;font-family: arial, sans-serif; color: #999;}
.info .date{ font-style: italic;  }

/*.pages{ border-bottom:1px dotted #cecece;
    margin-bottom:5px;
    padding-bottom:5px;}*/




.baidu-map {
    margin:0;
    background-color:#f8f8f8;
}
.baidu-map.top {
    padding:0;
}
.baidu-map.map940 {
    width:100%;
    margin:0 auto;

    background-color:#ffffff;
}
.baidu-map iframe {
    width:100%;
}



#contact-form {
    margin:30px 0 0;
}
#contact-form label {
    display:none;
    margin-bottom:5px;
    font-size:13px;
    font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
    color:#5f5f5f;
}
#contact-form form > div {
    max-width:310px;
    position:relative;
    padding:5px 10px;
    border:1px solid #e0e0e0;
    margin-bottom:20px;
    background:#ffffff;
    box-shadow:1px 1px 0px transparent;
    -moz-box-shadow:1px 1px 0px transparent;
    -webkit-box-shadow:1px 1px 0px transparent;
}
#contact-form .textarea {
    max-width:100%;
}
#contact-form .recaptcha,
#contact-form .buttons {
    max-width:none;
    padding:0;
    border:none;
    margin-bottom:20px;
    background:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}
#contact-form .recaptcha-error {
    color:#ffffff;
    background-color:#f00f00;
    padding:2px 5px;
    display:inline-block;
}
#contact-form input[type='text'] {
    width:100%;
    height:20px;
    margin:3px 0 3px;
    font-size:13px;
    color:#5f5f5f;
    background-color:transparent;
}
#contact-form textarea {
    width:100%;
    height:109px;
    margin:5px 0 9px;
    font-size:13px;
    resize:none;
    color:#5f5f5f;
    background-color:transparent;
}
#contact-form .error-message {
    position:absolute;
    top:-1px;
    left:-1px;
    background:pink;
    padding:10px;
    color:red;
    border:1px solid pink;
    border-top:0;
}
#contact-form .error-message.php-message {
    position:static;
    height:18px;
    color:red;
    background:transparent;
    padding:0;
    border:0;
    border-radius:0px;
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
}
#contact-form .wait {
    width:16px;
    height:16px;

}
.contact-info {
    overflow:hidden;
    padding:20px 10px;
    color:#373737;
    text-shadow:1px 1px 3px #c9c9c9;
    background-color:#f8f8f8;
    border-top:1px solid #e4e4e4;
    border-bottom:1px solid #e4e4e4;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
}
.contact-info > div {
    display:block;
    line-height:34px;
    padding:0;
    text-indent:30px;
    background-position:0 2px;
    background-repeat:no-repeat;
    float:left;
    width:100%;
}
.contact-info > div.col1 {
    width:100%;
}
.contact-info > div.col2 {
    width:50%;
}
.contact-info > div.col3 {
    width:33%;
}
.contact-info > div.col4 {
    width:25%;
}
.contact-info .phone {
    background-image:url(../images/phone.png);
}
.contact-info .fax {
    background-image:url(../images/fax.png);
}
.contact-info .mobile {
    background-image:url(../images/mobile.png);
}
.contact-info .email {
    background-image:url(../images/email.png);
}
.contact-info .web {
    background-image:url(../images/web.png);
}
.contact-info .address {
    background-image:url(../images/address.png);
}








.kehu {
	background-color:#f0f0f0;
	padding:50px 0;
}


.kehu h3 {
	letter-spacing:4px;
	font-weight:bold;
	font-size:20px;
	margin-top:0;
	padding-bottom:10px;
	text-align:center;
}

.kehu .row .col-xs-6 {
	text-align:center;
	margin-top:20px;
}

.kehu .row .col-xs-6 .kehuimg {
	background:#fff;
	padding:0 20px;
	border:1px solid #ccc;
}

.kehu .row div img {
	display:block;
	margin:0 auto;
}

/*.youlink {padding:50px 0;}*/

.youlink .container{
	background:url(../images/youlinkbg.png) top center no-repeat;
}

.youlink ul {margin:50px auto;padding-left:50px;}

.foot {background:#d2d2d5; color:#fff;padding:10px  0; font-size:12px;}

.foot h4 {font-size:18px; border-left:3px solid #00a0ff; padding-left:10px; color:#333;}

.foot p {font-size:12px; line-height:22px;color: #333;}

.foot ul {border-left:1px solid #00a0ff; padding-left:20px;}

.foot li {line-height:24px;color: #333; position:relative;}
.foot li a{ color: #333;}
    .foot li i { padding-right:20px;
    }
    .foot li span {
        position:absolute;
        bottom:2px;
        left:50%;
    }




.banquan {
    background:#00a0ff;
    line-height:60px;
    /*height:60px; */
    color:#fff}

.banquan a {color:#fff}

.banquan .col-xs-5{text-align:right;}

.fudong {
	position:fixed;
	top:20%;
	right:0;
	z-index:9999;
}

.fudong li {
	margin-top:1px;
}

.breadcrumb {
	background:url(../images/breadcrumbbg2.png) top center repeat-x;
	font-size:12px;}
.breadcrumb ul {float:right;}

.breadcrumb .container {position:relative;}

.breadcrumbicon {position:absolute; left:0;top:-8px}

.productlist h4 {background:#4187c5;line-height:36px; font-size:18px;color:#fff;padding:0 0 0 50px;margin:0}
.productlist h4 a{color:#fff;}
.productlist ul {padding:20px 50px;background:#e7f0f8; line-height:22px;margin:0; }

.productlist ul a {color:#666;}

.productlist ul a:hover {color:#cc0000; text-decoration:none;}

.left_case,.left_pro {position:relative;}

.left_case .more{ position:absolute; bottom:10px; right:10px; }
.left_pro .more{position:absolute; top:175px; right:10px;}

.pro-list{ }
.pro-list p{
    width:100%;
    height:30px;
    margin-top:5px;
    line-height:30px;
    font-size:14px;
    color:#333;
    background-color:#eeedf4;text-align: center;}



.miaosu h3 {font-size:20px; color:#333; border-bottom:3px solid #000;font-weight:bold;padding-bottom:20px;}

.miaosu p {color:#666;line-height:24px;}

a.list-group-item:hover, button.list-group-item:hover, a.list-group-item:focus, button.list-group-item:focus {
    text-decoration: none;
    color: #555555;
    background-color: #fff;
}

.list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ededed;
    border: 1px solid #ecf0f1;
}

.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus {
    z-index: 2;
    color: #ffffff;
    background-color: #fff;
    border-color: #2c3e50;
}

.mtop62 {margin-top:62px;}

.jiesao .tab-content {
	border:1px solid #c1c1c1;
	padding:30px 20px;
}
.jiesao .jiesao_img img{ width:100%;}

.jiesao a.list-group-item.active,.jiesao a.list-group-item.active:hover,.jiesao a.list-group-item.active:focus {
    border-color: #c1c1c1;
	border-bottom-color: #fff;
	margin-top: 1px;
	color:#333;
	text-align:center;
}

.jiesao .list-group-item {
    position: relative;
    display: block;
    padding: 10px 15px;
    margin-bottom: -1px;
    background-color: #ededed;
    border: 1px solid #ecf0f1;
	text-align:center;
	margin-top: 1px;
}

.weixin:hover .weixinbox {
    width: 170px;
    height: 204px;
}

.weixin:hover .weixinbox img{ padding: 20px; width: 100%;}

.message:hover .messagebox {
    width: 170px;
    height: 204px;
}

.message .messagebox .messageinf{  padding:20px; }
.message .messagebox .messageinf p{ color:#fff; font-size:16px; margin-bottom:10px; line-height:30px;}

.dianhua:hover .dianhuabox {
    width: 170px;
    height: 204px;
}

.weixinbox,.messagebox,.dianhuabox {
	background:rgba(69,124,230,0.8);
    width: 0px;
    height: 0px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: -175px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}


.dianhuabox .contact-info1{

    padding:20px 10px;
    color:#fff;
    font-size:16px;
   
    
    
}


.dianhuabox .contact-info1 .phone { background:url(../images/phone.png) no-repeat; padding-right:25px;}
.dianhuabox .contact-info1 .fax {  background:url(../images/fax.png) no-repeat ; padding-right:25px;}
.dianhuabox .contact-info1 .mobile { background:url(../images/mobile.png) no-repeat; padding-right:25px;}
.dianhuabox .contact-info1 .email { background:url(../images/email.png) no-repeat; padding-right:25px;}
.dianhuabox .contact-info1 .web { background:url(../images/web.png) no-repeat; padding-right:25px;}
.dianhuabox .contact-info1 .address { background:url(../images/address.png);}



.weixin2 {
	position:relative;
}


.weixinbox2,.qqbox,.telbox {
	background:rgba(69,124,230,0.8);
    width: 140px;
    height: 204px;
    overflow: hidden;
    position: absolute;
    top: -142px;
    left: -35px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
}

.qq {
	position:relative;
}


.tel {
	position:relative;
}

.nav-footer{
    width:100%;
    border-top:1px solid #C2C2C2;
    border-bottom: 0px;
    background:#1269b6;
    position:fixed;
    bottom:0px;
    z-index:9999;
}
.nav-footer ul{ list-style: none;  padding: 0px 5px;}
.nav-footer li{ width:20%; float:left; text-align:center; border-left:1px solid #ccc;}
.nav-footer li:first-child{border-left:0px;}
.nav-footer .wixi{
    background-color: rgba(0,0,0,.8);
    border-radius: .5em;
    margin: 6px 6px;
    padding: 16px 16px;
}
.nav-footer li img{ width: 100%; padding: 15px 25px;}

.aboutus img{
    float:right;
    margin:5px 0 15px 20px;

}



.bigimg{width:600px;position: fixed;left: 0;top: 0; right: 0;bottom: 0;margin:auto;display: none;z-index:9999;border: 5px solid #fff;}
.mask{position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #000;
    opacity:0.8;
    filter: Alpha(opacity=50);
    z-index: 98;
    transition:all 1s;
    display: none
}
.bigbox{
   overflow: hidden;
    margin-right: -20px;

}
.imgbox{
    width:25%;
    float:left;
    overflow: hidden;
    padding-right: 20px;
    box-sizing: border-box;
    background-clip: content-box;
    text-align: center;
	min-height:260px;


}
.imgbox>img{width:100%;}
.imgbox:hover{cursor:zoom-in}
.mask:hover{cursor:zoom-out}
.mask>img{position: fixed;right:10px;top: 10px;width: 60px;}
.mask>img:hover{cursor:pointer}




.error404 {
    margin:40px 0;
    text-align:center;
    text-shadow:1px 1px 3px #cccccc;
    font-size:16px;
    color:#5f5f5f;
}
.error404 h1 {
    font-size:72px;
    font-family:'Philosopher', serif;
    line-height:72px;
    padding:30px 0 30px;
    margin-bottom:10px;
    text-shadow:
    0 1px 0 #ccc,
    0 2px 0 #c9c9c9,
    0 3px 0 #bbb,
    0 4px 0 #b9b9b9,
    0 5px 0 #aaa,
    0 6px 1px rgba(0,0,0,.1),
    0 0 5px rgba(0,0,0,.1),
    0 1px 3px rgba(0,0,0,.3),
    0 3px 5px rgba(0,0,0,.2),
    0 5px 10px rgba(0,0,0,.25),
    0 10px 10px rgba(0,0,0,.2),
    0 20px 20px rgba(0,0,0,.15);
}
.error404 .searchform-wrapper {
    height:80px;
    margin:40px auto 0;
    max-width:320px
}



.home-banner-mb{}
.home-banner-mb img{ width: 100%;}

.marqueeleft{width:100%;overflow:hidden;margin:20px auto;}
.marqueeleft ul{float:left;}
.marqueeleft li{float:left;margin:0 5px;display:inline;}
.marqueeleft li .pic{display:block;border:#ccc 1px solid;width:219px;height:164px;padding:2px;overflow:hidden;}
.marqueeleft li .txt{text-align:center;line-height:23px; background:#eeedf4; margin-top:2px;}



.contact .mapBox {
  margin-top: 25px;
  width: 100%;
  height: 430px;
  border: 1px solid #ededed;
  padding: 3px;
}
.contact .mapBox #map {
  width: 100%;
  height: 100%;
}

    .home-banner-pc img{ width:100%;}



@media screen and (max-width:768px){


    .home-banner-pc{display: none;}
    .error404 h1{ font-size: 36px;}
}


@media screen and (min-width:769px) {
    .yidongd,.home-banner-mb {
        display: none;
    }

}




@media screen and (min-width:768px){
    .nav-footer{ display: none;}


}




@media only screen and (min-width: 320px) and (max-width: 414px){
    .navbar-brand{width: 100%; }
    .navbar-brand img{ margin: 0 auto;}
    .breadcrumb{ padding-bottom: 0px;}

    /*.title-h1{padding-bottom:10px;  margin: 0;}*/
    .aboutus img{ margin: 10px 0; float: none; width: 100%}
    .imgbox{width:40%; margin:0 10px; }
    .banquan{background:#1269b6;}
    .youlink,.f_nav,.f_about,.foot,.fudong,.breadcrumbicon{display: none;}
    .f_copyright{ width: 100%; text-align: center;}
    .product{padding:30px 0;}
    /*.product .container{padding:0px;}*/
    .list-inline{ float: none;}
    .nav-footer li img{ width: 100%; padding: 10px 20px;}

}



/*2020更新*/

.topbar {
    background:#696a74;
    height:38px;
    margin:50px 10px 18px 10px;
    position:relative;
}

    .topbar .logo {
        width:344px;
        height:48px;
        padding:10px 10px 0 10px ;
        background:#696a74;
        border-radius:10px;
        position:absolute;
        top:-30px;
        left:0px;

    }

      .topbar .logo img { width:100%;
        }

    .topbar .navbar {
        position:absolute;
        left:380px;
        top:0px;
      
    }



        .topbar .navbar a {
             line-height:30px;
            color:#fff;
            font-size:15px;
            min-width:100px;
        }



      .topbar .navbar a:hover,.topbar .navbar .active {
            background:url(../images/menu_a_b.png);
          background-size:100% 100%;  
            height:56px;
             top:-8px; 
            padding-top:8px;
             text-align:center;
             min-width:100px;
        }


.mainbar { 
           /*display: -webkit-flex;
            display:flex;
            -webkit-flex-wrap:nowrap;
            flex-wrap:nowrap;*/
           
}

    /*.mainbar > div {
         min-height:1px;
    }*/

.floatL {float:left;
         width:20%;
         border:solid #d8d9d9 1px;
         background:-webkit-linear-gradient(left, #d8d9d9, #fff 50%); 
         position:relative;
         padding-top:70px;
         border-radius:5px;
         box-shadow: 0px 0 5px 0px #ccc;
        
         
         
}

.floatR {float:right;
         width:77%;
         height:100%;
          border:solid #d8d9d9 1px;
         border-radius:5px;
         padding:20px;
         box-shadow: 0px 0 5px 0px #ccc;
}


.floatL .title2 { 
        position:absolute;
        left:-18px;
        top:20px;
        background:url(../images/left-title.png);
        width:226px;
        height:57px;
        
}
    .floatL .title2 h2 {
        color:#fff;
        text-align:center;
         line-height:0px;
        font-size:20px;
    }


.floatL .menuL {
    margin:15px 25px;
    border-bottom:1px dashed #ccc;
}

    .floatL .menuL h3 {
         background:url(../images/left_menu_20.png)no-repeat left center;
        font-size:16px;
        padding-left:20px;
    }
        .floatL .menuL h3 a {color:#00a0ff;
        }

    .floatL .menuL ul {
        list-style:none;
   
        padding-left:5px;
      
    }

        .floatL .menuL li {
             background:url(../images/left_menu_22.png)no-repeat left center;
             line-height:25px;
             padding-left:20px;
        }

            .floatL .menuL li a:hover {
                color:#00a0ff;
                
            }

            .floatL .menuL li a.a_menuL {color:#00a0ff;
            }




.menu_bd{
	margin:15px 25px;
}
    .menu_bd .line {
         border-top:1px dashed #ccc;
         height:10px;
         margin:10px 0 5px 0;
    }

.menu_bd_page{
	min-height:353px;
	background-image:url(../images/2013102902394772.jpg);
	background-repeat:no-repeat;
}
.menu_bd_page .a1{
	display:inline-block;
	margin-left:9px;
	width:195px;
	text-align:center;
	height:35px;
	line-height:35px;
	background-image:url(../images/2013731174421.png);
	background-repeat:no-repeat;
}
.menu_bd h3{ 
    font-size:16px;
	background:url(../images/left_menu_20_1.png)no-repeat left center;
	color:#0099ff;
	padding-left:20px;

}
.menu_bd .tilte {
  
}

        .menu_bd .tilte a {color:#0099ff;font-size:16px;  
        }

.menu_bd span {
    background:url(../images/left_menu_20_1.png)no-repeat left center;
    width:20px;
    height:20px;
    margin-right:10px;
}

.menu_bd ul{
	list-style:none;
    padding:0px;

       
}
.menu_bd ul li{

	line-height:25px;
	background-image:url(../images/left_menu_22.png);
	background-repeat:no-repeat;
	background-position: 5px 50%;
	padding-left:10px;
}

    .menu_bd ul li:last-child {
        background:url(../images/left_menu_last.png);
        background-repeat:no-repeat;
	background-position: 5px 150%;
    }


.menu_bd li a{
	margin-left:13px;
	color: #747474;
}


.menu_bd li a.a_menuL {color:#00a0ff;
            }




.floatR header{
    border-bottom:4px solid #0099ff;
    position:relative;
    width:100%;
    height:30px;
}
    .floatR header h2 {
        font-size:20px;
        position:absolute;
        left:0px;
        top:0px;
        margin:0;
    }

    .floatR header .more {
        position:absolute;
        right:0px;
        bottom:1px;
        font-size:11px;
        font-family:Arial;
    }
        .floatR header .more a {
            color:#0099ff;
        }

.floatR p {
    font-size:13px;
    color:#333333;
    line-height:21px;
}

.h_aboutus {
    height:280px;
}
.h_aboutus .h_company {
    float:left;
    width:58%;
    border-bottom:solid 1px #ccc;
}

    .h_aboutus .h_company p img {
        float:right;
        padding-left:20px;
      
    }

    .h_aboutus .h_contact {
        float:right;
        width:35%;
        border-bottom:dashed 1px #ccc;
    }
        .h_aboutus .h_contact p {
            line-height:19px;
        }

        .h_aboutus .h_contact img { width:100%;
        }

    .aboutus li {
        border-bottom:1px dashed #e9eeed;
        padding:3px 0;
    }

.h_case { margin-bottom:30px;}

    .h_case .case_List {
            background:#e5f5ff;
            padding-top:20px;             
    }
    .h_case .row {
        margin:0px;
    }
    .h_case .col-md-2,.h_case .col-md-4 {
        text-align:center;
        padding:0 5px;
    }



.h_news  {
    height:280px;
}
    .h_news .h_newsL {
        float: left;
        width: 55%;
        height:350px;
        overflow:hidden;
    }

       .h_news .h_partner {
        float:right;
        width:38%;
        
    }


    .h_news .h_newsL .h_news_list {
        margin-top:20px;
        border-bottom:1px dashed #ccc;
        padding-bottom:5px;
    }

        .h_news .h_newsL .h_news_list h4 {
            font-size:13px;
            font-weight:bold;
        }

            .h_news .h_newsL .h_news_list h4 a {
                color:#000;
                text-decoration:underline;
            }

    .h_news .h_partner .h_partner_l {
        margin:25px 0;
        padding-left:20px;
    }



        .h_news .h_partner .h_partner_l li {
            border-bottom:1px dashed #ccc;
            font-size:13px;
            line-height:23px;
        }

.f_about {
    text-align:center;
}

    .f_about img {
        margin-bottom:20px;
    }


.t_blue {
    color:#0099ff!important;
}



.title-h1{
    
    border-bottom:3px solid #4187c5;
    padding-bottom:35px;

}

    .title-h1 h1 {
font-size:25px; 
    color:#333; 
    margin:0px;


    }
    .title-h1 i {
        font-size:25px;
        color:#0099ff; 
        margin-right:20px;
    }


.type_intro {
    margin:20px 0;
}

.title_h2 {
    font-size:16px;
    color:#00a0ff;
}

.Pro_img_b {
    margin:20px 0;
}



.pages {
    list-style:none;
    padding:0px;
    margin-top:30px;
}

    .pages li {
        background:#bde3fa;
        line-height:22px;
        color:#000;
        padding:5px;
        margin-bottom:1px;
        text-align:right;

    }

        .pages li a { color:#000;
        }


    .pages span {padding:0 8px;    }

    .pages li .cpb {
        color:#ff0202;
        font-weight:bold;
    }












@media (max-width: 768px) {
    .floatR {
        float:none;
        width:100%;
        margin-bottom:30px;
    }

    .dianxing h2 {
        font-size:21px;
        width:80%;
    }

    .dianxing .titlebar {
    background-size:auto auto;
    margin-top:10px;
    height:40px;
    }

    .marqueeleft {
        margin:10px auto;
    }


}


@media (max-width: 414px) {
    .h_aboutus,.h_case,.h_news {height:auto; }
    .h_aboutus .h_company,.h_aboutus .h_contact,.h_news .h_newsL,.h_news .h_partner {
        float:none;
        width:100%;
        margin-bottom:20px;
    }
        .h_aboutus .h_company p img {
            display:none;
        }

        .h_case .case_List {
            background:none
        }

}