﻿body{ font-family:"微软雅黑"; font-size:14px;}
ul,
li,
ol {
	list-style: none; padding:0px;
}
a{ color:#333333;text-decoration:none}
a:hover{ color:#333333;text-decoration:underline}
.f_l{ float:left;}

.p_t_1{ padding-top:1%;}
.p_t_5{padding-top:5%;}
.p_b_1{ padding-bottom:1%;}
.p_b_4{padding-bottom:4%;}

.m_t_1{margin-top:1%}
.m_t_2{margin-top:2%}

.m_l_1{ margin-left:1.5%;}
.m_l_3{ margin-left:3%;}
.m_l_6{ margin-left:6%;}

.w_3{width:3%;}
.w_97{width:97%;}

.f_w{ font-weight:bold;}

div .navbar-brand{float:left;width:1200px;}

.navbar
{
   float:left; background-image:url(/Images/top_bg.png); width:100%;
    margin-bottom: 0px; 
    border: 0px solid transparent;
}
nav.bootsnav.navbar-brand-top .navbar-header {
    display: block;
    width: 100%;
    text-align: left;
}

.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 19px;
    margin-right: 35px;
    margin-bottom: 8px;
    background-color: transparent;
    border: 1px solid transparent;
    border-radius: 4px;
}

.navbar-collapse {
    max-height: 340px;
    padding-right: 15px;
    padding-left: 40px;
    overflow-x: visible;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch;
}

.logo_left{ float:left;padding-top:20px;}
.log_right{float:right; padding-top:60px; }
.log_right > ul{ float:left;}
.log_right > ul > li{ float:left;clear:both;}
.log_right > ul > li > ul{ float:left;clear:both;}
.log_right > ul > li > ul > li{ float:left; padding:2px 5px; font-size:14px;}

nav.navbar.bootsnav ul.nav > li > a {
    font-weight: 600;
    color:#ffffff;
}

nav.navbar.bootsnav ul.nav > li > a:hover {
    color:#a6a6a6;
}

.container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
}

nav.navbar ul.nav > li > a:hover {
        color:#999;
    }

@media (min-width: 1200px)
{
    .container {
        max-width: 1200px;
    }
nav.navbar ul.nav > li{
 margin: 26px 0px;
        font-weight: 600;
    padding-top: 15px; 
    padding-bottom: 0px;
    }

    nav.navbar ul.nav > li > a {
       
    padding: 0px 40px; 
        color: #fff;
    }

    nav.bootsnav.navbar-brand-top .navbar-header .navbar-brand {
         display:block; 
        float: none;
        margin: 0;
    }


    .main_contact{ float:left; width:1200px; height:225px;  margin-top:20px;}
    .main_contact_content{ float:left; clear:both; padding-left:130px; padding-top:12px; }
    .main_contact_list{ float:left; clear:both; font-size:12px;}
    .main_contact_title{ float:left; font-size:18px; font-weight:bold; border-bottom:1px solid #1f215e; color:#1f215e; padding-bottom:5px;}
    .main_contact_list_title{ float:left;}
    .main_contact_list_content{ float:left; line-height:22px; vertical-align:middle; font-size:14px;}
    .main_contact_list_address{ float:left; clear:both;}

    .main_jingzheng_bg{ float:left; width:100%; height:687px; background-image:url(/Images/main_jingzheng_bg.jpg); margin-top:40px;}
}

#marquee1{float:left;margin-top:20px;padding:2px;width:100%;overflow:hidden;}
#marquee1 ul li{float:left; padding:0 1px;text-align:center; }
#marquee1 ul li img{display:block;}

#marquee2{float:left;margin-top:20px;padding:2px;width:100%;overflow:hidden;}
#marquee2 ul li{float:left; padding:0 1px;text-align:center; }
#marquee2 ul li img{display:block;}

#marquee3{float:left;height:580px;overflow:hidden; padding-left:30px;}
#marquee3 ul li{float:left; padding:1px 0;text-align:center;}
#marquee3 ul li img{display:block; padding-top:15px;}


.main_about_outer{width:100%; background-color:#075595; margin-top:30px;}


.main_products_title{ float:left; width:100%; border-bottom:1px solid #000; padding:20px 0px 10px 0px; margin-top:20px;}
.main_products_title_left{ float:left; font-size:16px; padding-left:10px;font-size:20px; font-weight:bold;}
.main_products_title_left img{padding-right:5px; padding-top:-3px;}
.more{ float:right; font-size:12px; padding-right:10px;}

.main_about{ float:left;width:100%; background-color:#2074b1; color:#ffffff; margin:30px 0px;}
.main_about a{ color:#ffffff;}
.main_about_desc{ float:left;width:100%;}
.main_about_pic{ float:left; padding:40px 5px;}
.main_about_content{ padding:30px 10px; font-size:12px; text-indent:2em;}
.main_about_bottom{ float:left; padding-left:50px;padding-bottom:20px;}

.main_support{ float:left; width:100%;}
.main_support_list{ float:left;width:90%; padding-left:5%; padding-top:20px;}
.main_support_list >ul{ float:left;}
.main_support_list >ul >li{ float:left;width:100%; border-bottom:1px dashed #000000; line-height:30px; vertical-align:middle;font-size:14px;}

.main_support_list >ul >li>ul{ float:left;width:100%;}
.main_support_list >ul >li>ul>li:first-child{ float:left;}
.main_support_list >ul >li>ul>li:last-child{ float:right;}

.main_support_bottom{ float:right;padding-right:30%; padding-top:10px; padding-bottom:20px;}

.main_jingzheng_title{ float:left; width:100%; border-bottom:1px solid #fff;  padding:40px 0px 10px 0px;color:#ffffff;}
.main_jingzheng_title_left{ float:left; font-size:16px; padding-left:10px; font-size:20px; font-weight:bold;}
.main_jingzheng_title_left img{padding-right:5px; padding-top:-3px;}
.more_jingzheng{ float:right; font-size:16px; padding-right:10px;}
.more_jingzheng a{color:#fff;}
.main_jingzheng_why{float:left; width:100%; color:#fff; padding:10px 0px 0px 30px; clear:both;font-size:16px;}

.container .row .col-md-2{padding-top:10px;}
.container .row .col-md-4{padding-top:30px;}
.container .row .col-md-9{padding-left:0px;}
.container .main_footer_line .col-md-4{padding-top:0px;}



.triangle_top {
   width: 100%; 
   height: 250px; 
   background-color:#fff;
   position: relative;
}

.triangle_bottom:before {
   content:"";
   position: absolute;
   bottom: 0px;
   left:89px;
   width: 0;
   height: 0;
   border-left: 13px solid transparent;
   border-bottom: 15px solid #959595;
   border-right: 13px solid transparent;
}

.triangle_bottom {
   width: 100%; 
   height: 250px; 
   background-color:#fff;
   position: relative;
}

.triangle_top:before {
   content:"";
   position: absolute;
   top: 0px;
   left:89px;
   width: 0;
   height: 0;
   border-left: 13px solid transparent;
   border-top: 15px solid #959595;
   border-right: 13px solid transparent;
}

.rectangle{
    width:100%;
    height:250px;
    background-color:#959595;
}

.jingzheng_detail{ padding:15% 10%; font-size:12px; line-height:20px; vertical-align:middle;}
.middle_center{ text-align:center; line-height:250px; vertical-align:middle;font-size:30px; color:#fff;}
.main_jingzheng_right_bg{height:500px;background-color:#fff;margin-left:5px;}
.main_jingzheng_right_title{width:100%;  clear:both; padding-left:10%; padding-top:15%; padding-bottom:10%; font-size:16px; font-weight:bold;}
.main_jingzheng_right_bottom{ padding:40px 5px;}

.main_news_title{float:left; width:100%;}
.main_news_title ul{float:left; width:100%;}
.main_news_title ul li:first-child{padding-top:20px;}
.main_news_title ul li{float:left; width:100%; text-align:center; font-size:20px; font-weight:bold;}
.main_news_title ul li span{ border-bottom:1px solid #000000; font-size:18px; font-weight:100;}
.main_news_list{ float:left;width:100%; border:1px solid #000; margin-top:10px;}
.main_news_list > ul > li{float:left;width:94%; padding-left:3%;}
.main_news_list > ul > li> ul{ float:left;width:100%; line-height:40px; vertical-align:middle; border-bottom:1px dashed #000;}
.main_news_list > ul > li> ul > li:first-child{float:left;}
.main_news_list > ul > li> ul > li:last-child{float:right;}

.main_news_list_more{ float:right; padding-right:10px; padding-top:10px;}

.main_partner_list{ float:left; width:100%; padding-top:20px;}
.main_partner_list ul{ float:left; width:100%;}
.main_partner_list ul li{ float:left; margin:3px; border:1px solid #000;}
.main_partner_list ul li img{width:150px; height:100px;}

.main_footer_menu{ float:left; width:100%; padding-top:20px; line-height:30px; vertical-align:middle; font-size:14px; border-bottom:1px solid #fff;}
.main_footer_menu a{ color:#fff;}
.main_footer_menu li{ float:left; padding:0px 45px;}

.main_footer_list{ width:100%;}
.main_footer_list li{width:100%; line-height:40px; vertical-align:middle; color:#9aafbb;}
.main_footer_list li a{color:#9aafbb}
.main_footer_line div:first-child{height:120px;border-right:1px solid #9aafbb; margin:10px 0px;}
.main_footer_line div:nth-child(2){height:120px;border-right:1px solid #9aafbb; margin:10px 0px;}

.main_title_en{ font-size:16px; color:#999999;}

.left_menu_top{ float:left;width:100%; border:3px solid #2078b7; margin-top:20px;}
.left_menu_about_title{ float:left;width:100%; background-color:#2078b7; height:50px; line-height:50px; vertical-align:middle;font-size:18px; font-weight:bold;}
.left_menu_about_title span{ float:left;padding-left:10px;color:#fff;}
.left_menu_list{float:left; width:100%;}
.left_menu_list li{ float:left;width:100%; border-bottom:1px dashed #333; line-height:40px; vertical-align:middle;padding-left:10px;}

.left_menu_bottom{float:left;width:100%; border:1px solid #0068b7; margin-top:10px;}
.left_menu_title{ float:left;width:100%; background-color:#0068b7; height:50px; line-height:50px; vertical-align:middle;font-size:18px; font-weight:bold;}
.left_menu_title span{ float:left;padding-left:10px; color:#fff;}
.left_news_list{float:left; width:100%;}
.left_news_list li{ float:left;width:100%; line-height:30px; vertical-align:middle;padding-left:10px;}

.left_menu_bottom img{padding-top:5px; padding-left:10px;width:260px;}
.left_men_contact_title{ float:left; width:100%; font-size:18px; font-weight:bold; color:#0068b7; padding-left:5px; padding-top:10px;}
.left_menu_contact_list{ float:left; width:100%; padding-top:5px; padding-left:5px;}
.left_menu_contact_list li{ float:left;}


.right_content{ float:left; width:100%; padding-top:20px;}
#myTab{display:none;}
#case_class{display:none;}
#mobile_show{display:none;}
.tab-content{float:left;width:100%;border:1px solid #0068b7;}
.pc_menu{ float:left;width:100%; padding-top:10px;}
.pc_menu ul{ float:left;width:100%;border:1px solid #0068b7; padding:10px 0px 10px 5px;}
.pc_menu ul li{ float:left; padding:5px;}
.tab-pane{ padding:5px}
.tab-pane p{ text-indent:2em; line-height:28px; vertical-align:middle;}

.news_list{ float:left; width:100%; padding:0px 2%;}
.news_list_detail{ float:left; width:100%; border-bottom:1px dashed #333; padding-top:10px;}
.news_list_title{ float:left; font-size:18px; font-weight:bold; color:#0068b7;}
.news_list_title a{ color:#0068b7;}
.news_list_time{ float:right; padding-right:1%;}
.news_list_desc{ float:left;width:100%; clear:both; padding:5px 0px; line-height:26px; height:62px; overflow:hidden; vertical-align:middle;}
.news_list_desc a{ color:#333;}
.news_list_desc p{ text-indent:2em}

.left_product{ float:left; width:100%; padding-left:2%;}
.left_product > li {width:100%; clear:both;}
.left_product > li >span{ padding-top:10px;}
.left_product > li > span:first-child{
    margin-top:14px;
    float:left;
    width: 16px;
    height: 16px;
    border:2px solid #0068b7;
    border-radius: 8px;
}
.left_product > li > span:last-child{ float:left; padding-left:5px; font-size:16px; color:#0068b7; font-weight:bold;}
.left_product > li > ul{ float:left;width:100%; padding-left:20px;}
#product_list > .col-md-4 >ul{ float:left;width:100%;}
#product_list > .col-md-4 >ul >li{ float:left;width:100%; text-align:center;}

.case_list{ float:left; width:96%; clear:both; border-bottom:1px solid #333; margin:0px 2%;}
.case_list:last-child{border-bottom:0px solid #333;}
.case_list img{ border:1px solid #eee;}
.case_list > .container-fluid >  .row >  .col-md-4{ padding:10px; margin:0px 0px 10px 15px;width:auto;}
.case_list > .container-fluid >  .row > .col-md-8{ padding:10px; margin:0px 0px 10px 10px;}
.case_list_title{font-size:16px; font-weight:bold;}

#about ul li{width:100%; text-align:center;}

label {
    text-align: right;
}

#div_yzm > .form-control{width:50%; display:inline}

.btn-lg {
    margin-left: 10%;
}

.form-group {
    padding: 15px;
}

.contact_right{ float:left; padding-left:5%; padding-top:5%; width:45%;}
.contact_right_pic{ float:left;}
.contact_map{ float:left; width:100%; padding:30px 0px;}
#dituContent{border: #ccc 1px solid; width: 90%; height: 400px; margin-top:20px; margin-left:20px;}

.main_middle_title{ float:left; width:100%; text-align:center; font-size:18px; font-weight:bold; padding:10px 0px;}
.show_product{ float:left; width:96%; padding:2%; line-height:28px; vertical-align:middle;}
.main_middle_title{ float:left;width:100%; text-align:center; font-size:18px; font-weight:bold; padding:10px 0px;}
.main_middle_title span:first-child{ }
.main_middle_title span:last-child{ float:right; padding-right:1%;font-size:16px; font-weight:100;}
.show_product{ float:left; width:96%; padding:2%; line-height:28px; vertical-align:middle;}

#rongyuzhizi ,#shengchanshili ,#jiqishebei,#kehupingjia , #hezuohuoban ul li{width:100%; text-align:center; clear:both;}


@media (max-width: 768px)
{
    div .navbar-brand{float:left;width:260px;}
    .log_right{display:none;}
    .navbar{background-image:none;}
    .logo_left{padding-bottom:0px; padding-top:5px;}
    .logo_left img{width:260px;}
    .main_about_outer{background-color:#FFF;margin-top:0px;}
    .main_about{ background-color:#2074b1; color:#ffffff; margin:5px 0px;}

    .main_contact_content{  float:left; clear:both; padding-left:5%; padding-top:20px;}
    .main_contact_title{font-size:20px; padding-bottom:10px; font-weight:bold;}

    .main_jingzheng_bg{ float:left; width:100%;  background-image:none; background-color:#2074b1; margin-top:0px; padding-bottom:10px;}

    .main_footer_list li{width:100%; padding-left:5%; line-height:30px; vertical-align:middle; color:#9aafbb;}
    .main_footer_line div:first-child{height:100px;border-right:0px; margin:0px 0px;}
    .main_footer_line div:nth-child(2){height:100px;border-right:0px;  margin:0px 0px;}
    
    .main_footer_line div:first-child{display:none;}
    .main_footer_list{float:left; width:100%; padding-left:5%;}
    .main_partner_list ul{ float:left; width:100%; padding:0 3%;}
    .main_partner_list ul li{ float:left; margin:3px 3%; border:1px solid #000;}

    #left_menu{display:none}
    #myTab{display:block;}
    #pc_about_menu{display:none;}
    .nav-tabs {
        border-bottom: 1px solid #0068b7;
    }
    .nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
        color: #555;
        cursor: default;
        background-color: #fff;
        border: 1px solid #0068b7;
        border-bottom-color: transparent;
    }

    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 5px;
    }
    
    .tab-content{border-top:0px solid #0068b7;}
    .container .row .col-md-9{padding-left:10px; margin-left:15px;}
    
    #case_class{display:block;}
    .btn-group>.btn:first-child {
        margin-left: 15px;
        margin-top:5px;
    }

    .btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
        margin-left: 15px;
        margin-top:5px;
    }

    .form-group {
        padding: 0px;
    }

    .contact_right{ padding-left:5%;width:100%;}
    .contact_right_pic{ display:none;}
    #dituContent{width: 98%; height: 400px; margin-top:20px; margin-left:1%;}
    #mobile_show{display:block;}
}
