body{font-family:"Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif; margin:0;font-size:14px;width:100%; overflow-x:hidden;color:#929292}
html{width:100%;overflow-x:hidden;}
img{ border:0;width:100%;}
a{color:#929292}
.clear{ clear:both;}
h2{ font-weight:bold;}
.no_width{width:auto;}
.navbar{width:100%; background:#fff; font-size:18px;color:#000; margin: 0;}
.logo{ margin:6px 0 0 20px; float:left}
.navbar .navbar-right{float:right;  padding-right: 0;}
.navbar .nav li { margin: 0; margin-left: 1px;}
.navbar .nav li ul li { margin: 0;}
.navbar .nav li a{color:#000;padding:30px 20px; border: 0;} 
.navbar .nav{ z-index:1000}
@media (max-width:767px){
    .navbar{height:50px;top:40px;}
    .logo{margin:5px 0 0 10px;}
    .logo img{height:40px; width: auto;}
}
.container{width:1200px;}
@media (max-width:767px){
    .container{width:100%;}
}
.navbar{ font-size:16px;z-index:10}
.navbar .nav{ margin: 0;}
.navbar .nav a{color:#000;font-size:16px; border:1px solid #fff;}
.navbar .nav .active>a,.navbar .nav a:hover,.navbar .nav .active a:hover,.navbar .nav>li>a:hover{color:#fff; background:none;box-shadow:none;-webkit-box-shadow:none; background: #305dc3;font-size:16px;}
.navbar .nav li:hover>a{color:#fff; background: #305dc3}
.navbar .nav li:hover .dropdown-toggle .caret,.navbar .nav li  a.dropdown-toggle:hover .caret{border-top-color:#fff;border-bottom-color:#fff;}
.navbar-toggle{ background:none;border:0;position: relative;float: right;padding: 9px 10px;margin-top:6px;margin-right: 15px;margin-bottom: 8px; display:none;}
.navbar .nav li.dropdown.open>.dropdown-toggle, .navbar .nav li.dropdown.active>.dropdown-toggle, .navbar .nav li.dropdown.open.active>.dropdown-toggle{color:#fff;background: #305dc3}
.navbar .nav li.dropdown.active>.dropdown-toggle .caret{border-top-color:#fff;border-bottom-color:#fff;}
@media (max-width:767px){
    .navbar-toggle{ display:block;}
    .navbar .nav{ background:#fff; margin:0; position:absolute;top:50px; display:none; border-bottom:1px solid #666;width:100%;padding:0;}
    .navbar .nav li{ float:inherit;width:100%}
    .navbar .nav li a{ border:0; font-size:14px;padding:10px 20px;}
    .navbar .nav .active a,.navbar .nav a:hover,.navbar .nav .active a:hover,.navbar .nav>li>a:hover{border:0; font-size:14px;}
}
.wap_menu{display: none;}
.navbar-toggle .icon-bar{display:block;width:22px;height:2px; background-color: #305dc3; margin-top:4px;}
.home-banner{width:100%;margin: 0;color:#fff; font-size: 20px; position:relative;}
.home-banner ul{ margin: 0}
.bx-wrapper .bx-viewport{border: 0}
.home-banner li{ text-align: center;}
.home-banner li img{max-height:420px;}
.home-banner .tag1,.home-banner .tag2,.home-banner .tag3,.home-banner .tag4{ padding-top: 200px; font-size: 60px; font-family: "Bree Serif",serif; font-weight:bold;}
.home-banner .tag2{text-align: right; font-size: 50px; padding-top: 180px;} 
.home-banner .tag3{text-align: center; padding-top: 250px;}
.home-banner .tag4{text-align: center; padding-top: 250px;}
.bx-wrapper{ margin: 0 auto; margin-bottom: 10px;}
.bx-wrapper .bx-pager{ bottom: 0; z-index: 1000;}
.bx-wrapper .bx-pager.bx-default-pager a{ background: #fff}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active{ background: #305dc3;}
@media (max-width:767px){
    .home-banner li img{width:100%;height:auto;}
    .home-banner .tag1,.home-banner .tag2,.home-banner .tag3,.home-banner .tag4{ padding: 70px 10px 0 10px; font-size: 26px; line-height: 1.2;}
    .home-banner .tag2{ font-size: 20px; }
    .bx-wrapper .bx-controls-direction a{ display:none}
    .wap_menu{display: block;}
    .wap_menu{display: none;}
}
.about-banner{width:100%; min-height: 300px;margin: 0; text-align: right;}
.about-banner h3{ font-size: 36px;color:#e6eaf5; padding-top: 120px;}
@media (max-width:767px){
    .about-banner h3{ padding-right: 20px;}
}
.title_box{ text-align:center; color:#444;}
.title_box h2{ font-size: 25px;color:#444; display:initial; border-bottom:3px solid #305dc3; padding-bottom: 4px;}
.section3 .title_box{ text-align:left;}
.section1,.section3{ padding:30px 0}
.section_info{ text-align: center; font-size:14px;line-height: 1.5; color:#565656; font-family: "Roboto",Helvetica,Arial,sans-serif;}
.section1 .section_info,.section3 .section_info{ text-align: left; }
.section1 .section_img { float: left;}
.section3 .section_img { float: right;}
.section3 .section_info{ padding: 0;}
.section3 .section_info .info_txt{ padding-top: 20px;}
.section_img img{width:300px; border: 10px solid #f7f7f7}
.section2{padding: 50px 0; background: #f7f7f7;}
.section2 .section_info{ font-size:24px; line-height: 1.2; }
.section_product{ padding-top:30px;}
.section_product li{width:360px;list-style: none;margin: 0 auto 25px auto; /*margin: 0 30px 25px 0;*/}
.section2 .section_product li{ float: left;margin: 0 30px 25px 0;}
.section2 .section_product ul{ float: left;}
.section_product .product_title{ background: #fff; text-align:center; font-size: 16px; padding: 20px 0;margin: 0;}
.section_product li a{  text-decoration:none;}
.section_product .product_img{ height: 200px; overflow: hidden; margin: 0;}
.section_more{ text-align:center; margin-top: 20px;}
.section_more a{ background: #fff; border: #ddd 1px solid; font-size: 16px; padding: 10px 20px; margin: 0 auto}
.section_more a:hover{text-decoration:none;color: #fff; background: #305dc3 }
.product_list{float: right;width:920px;}
.product_list .section_product{padding-top: 0;}
.product_list .section_product ul{margin: 0}
.product_list .section_product li{margin: 0 10px 10px 0; background: #fff; float: left;width:220px; border: 1px solid #ececec}
.product_list .section_product li:nth-child(4n){margin-right: 0}
.product_list .section_product li .product_wrapper{text-align: center;}
.product_list .section_product li .product_wrapper .product_title{height:20px; line-height: 20px;padding:10px 0}
.product_list .section_product li .product_wrapper .product_img{padding:4px; height: 180px;}
.product_list .section_product li .product_wrapper img{max-height: 100%; width: auto; max-width: 100%}
.product_list .section_product li .product_info_box{ padding:20px 10px; margin-left:360px;color:#929292;}
.product_list .section_product li .info_title{font-size: 16px; padding:15px 0;margin: 0;}
.product_list .section_product li a{color:#444}
.product_list .section_product li a:hover{color:#305dc3;background: none;}
@media (max-width:767px){
    .section_product .product_img{ height: auto}
    .section1,.section3{ padding: 20px 0}
    .section1 .section_img,.section3 .section_img{ display: none;}
    .section1 .section_info .info_txt{margin-left: 0;padding:0 20px; font-size: 16px; }
    .section2{padding: 20px 0; }
    .section2 .section_info{ font-size:16px;padding:10px 10px 0 10px; }
    .section_product li{width:90%; margin: 0;  margin-bottom: 20px;}
    .section3 .title_box{ text-align:center;}
    .section3 .section_info{padding:0 10px; font-size: 16px;}
    .section3 .section_info .info_txt{padding:20px 20px 0 20px;}
}
.section4{ background: #f7f7f7;}
.section4 .section_img img{ border-color: #fff;}
.section5{ padding: 50px 0;}
.navbar .nav>li>.dropdown-menu:before{ display: none}
.navbar .nav>li>.dropdown-menu:after{ display: none}
.navbar .nav .dropdown-menu{-webkit-border-radius:0;border-radius:0;padding:0; border: 0; margin: 0}
.navbar .nav .dropdown-menu li a{padding:10px;}

.strength li{ float: left;width:33.33%;list-style: none; text-align:center; font-size: 16px;}
.strength li .i_box{ padding: 20px 0}
.strength li img{width:20%}
@media (max-width:767px){
    .dropdown-menu{width:100%; position:initial;}
    .dropdown-menu li{ padding-left: 20px;}
    .strength li{ float: none;width:100%;}
    .section5{ padding: 20px 0;}
}
.main_page{ padding: 30px 0; color: #565656;}
.page_title{ font-size: 34px;}
.page_info{ font-size: 16px; line-height: 1.2;}
.page_info img{width:auto}
.team_item{width:582px;height:196px;margin-right:30px; margin-bottom:30px; border: 1px #f3f3f3 solid; float: left;}
.team_item:nth-child(2n){ margin-right: 0;}
.team_item .team_img{ height: 190px;width:180px;background-position:center top;background-size:cover;margin:3px;float: left;}
.team_item .team_box{ float: right;width:380px;}
.team_item .team_box .name_box{padding:30px 10px 0 0}
.team_item .team_box .name{ font-size: 20px; font-weight:bold; padding-right: 15px;}
.team_item .team_box .team_info{padding:10px 10px 0 0;  line-height: 1.2}
.articles_page .article_item{ margin-bottom: 10px;}
.articles_page .article_item .title{ font-size: 20px; font-weight: bold; border-bottom: 1px solid #ddd;}
.articles_page .article_item .title h3{ border-left: 3px solid #305dc3; padding-left: 10px;}
.articles_page .article_item .info{ font-size: 16px; padding-top: 10px;}
.sort_list{ text-align: center; float: left;width:260px;}
.sort_list a{ display:block; font-size: 16px; border-bottom: 1px #efefef solid;}
.sort_list a:hover,.sort_list li.cur a{color:#305dc3;text-decoration:none;}
.sort_list li{list-style: none; background: #fff;height:45px;line-height: 45px;}
.sort_list li.title{background: #305dc3;color:#fff;font-size:16px; font-weight: bold;}
.product_page{background: #f7f7f7; padding: 30px 0;}
.message ul{ margin: 0;width:100%}
.message li{ list-style: none;width:100%}
.message .title{ font-weight:bold; font-size: 16px; padding-bottom: 10px;}
.message .name_box{width:30%; display:inline-block; float:left; margin-right: 6%}
.message .name_box label{ font-weight:bold;}
.message .name_box input{ width: 100%; margin-bottom: 0;}
.message .required{color:#790000; margin-left: 4px;}
.message label.error{color:red; font-weight:normal}
.message .input1{width:30%}
.message .input2{width:100%; height: 80px}
.btn{ cursor: pointer;  font-size: 16px;}
.footer{ background: #2e2e2e; text-align:center; padding: 20px 0;color:#a4a4a4; font-size: 14px;}
@media (max-width:767px){
    .sort_list{ text-align: left; float:none;width:100%; margin-bottom: 10px;display: none;}
    .sort_list ul{margin: 0}
    .sort_list ul li{padding: 0 10px; display: none;}
    .sort_list ul li.title{display:block;}
    .sort_list a{ margin-bottom: 10px;}
    .product_list{float: none;width:100%;}
    .product_list .section_product ul{ margin: 0  auto;}
    .product_list .section_product li{width:47%; margin-right:0;margin-left: 1%; margin-bottom: 1%}
    .product_list .section_product li:nth-child(2n){}
    .product_page{padding:0}
    .message .name_box{width:40%}
    .main_page{padding:0;}
    .main_page .container{padding:20px 0}
    .product_page .container{padding: 1% 0}
    .message .input1{width:100%}
    .page_info{padding: 0 10px}
    .page_info img{width:100%}
    .footer{  font-size: 12px;}
}
.product_info_page{padding:20px 0; }
.product_info{ font-size: 16px;}
.product_img_box{width:600px; margin: 0 auto;padding:10px 0; position:relative;}
.product_img_box li{ position:absolute;left:0;top:0;width:600px;}
.product_img_box li img{width:100%}
.product_img_box ul,.product_img_box li{ margin: 0;}
.page-panel {padding:20px 0 0 0;text-align: center;}
.page-panel a{color:#fff;background:#305dc3;padding:6px 10px;text-decoration:none}
.page-panel a:hover{text-decoration:none}
.page-panel a.disable{cursor:default; background: #9ea3a6}