﻿/*
Theme Name: MaxSine
Theme URI: http://demo.douco.com/
Description: MaxSine 默认模板
Version: 1.0
Author: DouCo Co.,Ltd.
Author URI: http://www.douco.com/
*/

/* 初始化
----------------------------------------------- */
html {
 overflow-x: auto;
 overflow-y: auto;
 font-size: 14px;
}
* {
 padding: 0;
 margin: 0;
}
ul, ol, li {
 list-style-type: none;
}
body, button, input, select, textarea {
 font-family: 'Microsoft yahei';
}
code, kbd, pre, samp {
 font-family: 'Microsoft yahei';
}
a {
 text-decoration: none;
 color: #333;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
a:hover {
 color: #1067a7;
 cursor: pointer;
}
em, b, i {
 font-style: normal;
 font-weight: normal;
}
img {
 border: 0;
 max-width: 100%;
}
li {
 line-height: normal;
}
table {
 border-collapse: collapse;
 border-spacing: 0;
}
h1, h2, h3, h4, h5, h6 {
 margin: 0;
 font-weight: normal;
 font-family: "microsoft yahei";
}
h1 {
 font-size: 32px;
}
h2 {
 font-size: 24px;
}
h3 {
 font-size: 22px;
}
h4 {
 font-size: 18px;
}
h5 {
 font-size: 14px;
}
h6 {
 font-size: 12px;
}
input, table, tr, td {
 margin: 0;
 padding: 0;
 border: none;
 outline: none;
}
button, table {
 border: none;
 background: none;
 margin: 0;
 padding: 0;
}
body {
 position: relative;
 overflow: hidden;
}
select {
 margin: 0;
 padding: 0;
 font-family: "microsoft yahei";
}
input, button, textarea {
 resize: none;
 -webkit-appearance: none;
 -webkit-appearance: none;
 outline: none;
 font-weight: normal;
 border-radius: 0;
}
/* -- common -- */
.captcha {
 text-transform: uppercase;
}
#vcode {
 cursor: pointer;
}
.clear {
 clear: both;
 height: 0;
 line-height: 0;
 font-size: 0;
}
.cue {
 color: red;
 font-size: 12px;
}
/* -- main -- */
.pz_top {
 float: left;
 width: 100%;
}
.pz_menu {
 float: left;
 width: 100%;
}
.pz_banner {
 float: left;
 width: 100%;
 overflow: hidden;
 position: relative;
}
.pz_main {
 float: left;
 width: 100%;
}
.pz_down {
 float: left;
 width: 100%;
}
.w_1600 {
 width: 100% !important;
 max-width: 1600px;
 margin: 0 auto;
 margin-right: auto;
 margin-left: auto;
 padding-left: 15px;
 padding-right: 15px;
}

@media screen and (max-width:767px) {
.w_1600 {
 padding-left: 10px;
 padding-right: 10px;
}
}
/*top*/
.back1 {
 float: left;
 width: 100%;
 background-color: #fff;
 border-bottom: 1px solid #ebebeb;
 position: relative;
 z-index: 999;
}
.back1_1 {
 float: left;
 width: 100%;
 background-color: #fff;
 border-bottom: 1px solid #ebebeb;
 position: fixed;
 left: 0;
 top: 0;
 z-index: 9999;
}
.logo {
 float: left;
 width: 223px;
 height: 60px;
 margin: 29px 0;
}
.so_box {
 float: right;
 position: relative;
 width: 44px;
 height: 44px;
 margin: 30px 0;
 z-index: 99;
}
.Search_but {
 float: left;
 width: 44px;
 height: 44px;
 border: none;
 background: url(images/search_but1.png) center no-repeat #E5E5E5;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 transition: background 0.5s ease;
 -o-transition: background 0.5s ease;
 -moz-transition: background 0.5s ease;
 -webkit-transition: background 0.5s ease;
}
.Search_but:hover {
 background: url(images/search_but.png) center no-repeat #0056B9;
}
.so_but {
 display: none;
 float: left;
 width: 300px;
 height: 57px;
 position: absolute;
 right: 0;
 top: 54px;
 background: url(images/search_but2.png) center no-repeat;
 padding: 8px 1px 1px 1px;
 z-index: 99;
}
.so {
 float: left;
 width: 100%;
 position: relative;
}
.so .Search {
 float: left;
 width: 100%;
 height: 48px;
 background: none;
 border: none;
 line-height: 48px;
 padding: 0 58px 0 10px;
 color: #666666;
 font-size: 14px;
}
.so .sear_sub {
 float: right;
 width: 48px;
 height: 48px;
 border: none;
 background: url(images/search_but.png) center no-repeat;
 position: absolute;
 right: 1px;
 bottom: 1px;
}
.EN {
 float: right;
 margin: 30px 0 30px 15px;
 width: 44px;
 height: 44px;
}
.EN a {
 float: left;
 width: 44px;
 height: 44px;
 line-height: 44px;
 background: #E5E5E5;
 text-align: center;
 color: #666666;
 font-family: "Arial";
 font-size: 16px;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
}
.EN a:hover {
 background: #0056B9;
 color: #fff;
}
.Search_but_pc {
 display: block;
}
.Search_but_ph {
 display: none;
}
/*menu 效果*/
.pc_menu {
 display: block;
}
.menuph {
 display: none;
}
.xialaph {
 display: none;
}
.pf_phone_menu {
 display: none;
}
.pc_menu {
 float: left;
 padding-left: 6.5%;
}
.pc_menu ul .nli {
 float: left;
 z-index: 15;
 margin: 0 39px;
}
.pc_menu ul .nli span a {
 float: left;
 height: 104px;
 line-height: 104px;
 color: #000000;
 font-size: 18px;
 position: relative;
}
.pc_menu ul .nli span a:after {
 position: absolute;
 width: 0;
 height: 3px;
 content: "";
 background-color: #0056B9;
 left: 50%;
 top: 80px;
 transition: all 0.5s linear;
 -moz-transition: all 0.5s linear;
 -webkit-transition: all 0.5s linear;
 -o-transition: all 0.5s linear;
 -webkit-transform: translateX(-50%);
 -ms-transform: translateX(-50%);
 transform: translateX(-50%);
 -moz-transform: translateX(-50%);
 -o-transform: translateX(-50%);
}
.pc_menu ul .nli span a:hover, .pc_menu ul .nli.on span a {
 color: #0056B9;
}
.pc_menu ul .nli.on span a:after, .pc_menu ul .nli:hover span a:after {
 width: 100%;
}
/*下拉菜单（漂浮在menu .nli上）*/
.menu_bg {
 display: none;
 float: left;
 width: 100%;
 position: absolute;
 left: 0;
 top: 104px;
 background: #f1f1f1;
 border-top: 1px solid #ebebeb;
 padding: 40px 0;
}
.menu_bg .sub {
 float: left;
 width: 100%;
 background: url(images/menu4.png) center top repeat-y;
}
.menu_bg .sub .l1 {
 float: left;
 width: 50%;
 position: relative;
}
.menu_bg .sub .l1 .l1_pic {
 float: left;
 width: 320px;
 height: 160px;
 position: absolute;
 left: 0;
 top: 0;
}
.menu_bg .sub .l1 .l1_text {
 float: left;
 width: 100%;
 padding: 6px 0 6px 320px;
}
.menu_bg .sub .l1 .l1_text h1 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 18px;
 line-height: 28px;
 height: 28px;
 overflow: hidden;
 padding: 0 6.4% 0 4.3%;
}
.menu_bg .sub .l1 .l1_text h2 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 16px;
 line-height: 26px;
 height: 26px;
 overflow: hidden;
 padding: 0 6.4% 0 4.3%;
 margin-top: 2px;
}
.menu_bg .sub .l1 .l1_text p {
 float: left;
 width: 100%;
 color: #999999;
 font-size: 14px;
 line-height: 29px;
 height: 87px;
 overflow: hidden;
 padding: 0 6.4% 0 4.3%;
 margin-top: 5px;
}
.menu_bg .sub .l1:hover .l1_text h2 {
 color: #0056B9
}
.menu_bg .sub .l2 {
 float: left;
 width: 50%;
 padding-left: 1.5%;
}
.menu_bg .sub .l2 li {
 float: left;
 width: 50%;
 padding: 0 8% 0 10%;
}
.menu_bg .sub .l2 li a {
 float: left;
 width: 100%;
 line-height: 48px;
 font-size: 16px;
 color: #333333;
 background: url(images/menu2.png) right center no-repeat;
}
.menu_bg .sub .l2 li:hover a {
 color: #0056B9;
 background: url(images/menu3.png) right center no-repeat;
}

@media screen and (max-width:1440px) {
.pc_menu ul .nli {
 margin: 0 30px;
}
.menu_bg .sub .l1 .l1_pic {
 width: 266px;
 height: 133px;
}
.menu_bg .sub .l1 .l1_text {
 padding: 0 0 0 266px;
}
.menu_bg .sub .l1 .l1_text h2 {
 font-size: 14px;
}
.menu_bg .sub .l1 .l1_text p {
 font-size: 12px;
 line-height: 24px;
 height: 72px;
}
.menu_bg .sub .l2 li {
 padding: 0 4% 0 5%;
}
}

@media screen and (max-width:1199px) {
.pc_menu ul .nli {
 margin: 0 15px;
}
.menu_bg .sub .l1 {
 width: 60%
}
.menu_bg .sub .l2 {
 width: 40%
}
.menu_bg .sub {
 background: url(images/menu4.png) 60% top repeat-y;
}
}

@media screen and (max-width:992px) {
.back1 {
 padding: 10px 0;
}
.back1_1 {
 padding: 10px 0;
}
.logo {
 float: left;
 width: 123px;
 height: 32px;
 margin: 0;
}
.so_box {
 width: 32px;
 height: 32px;
 margin: 0;
 position: static;
}
.Search_but {
 float: left;
 width: 32px;
 height: 32px;
 background-size: 32px 32px;
}
.Search_but:hover {
 background-size: 32px 32px;
}
.so_but {
 display: none;
 float: left;
 width: 100%;
 height: auto;
 background: none;
 padding: 0 15px;
 z-index: 99;
 position: relative;
 top: 0;
 margin: 10px 0;
}
.so .Search {
 float: left;
 width: 100%;
 height: 32px;
 background: #fff;
 border: 1px solid #0056B9;
 line-height: 32px;
 padding: 0 58px 0 10px;
 color: #666666;
 font-size: 14px;
}
.so .sear_sub {
 float: right;
 width: 32px;
 height: 32px;
 border: none;
 background: url(images/search_but.png) center no-repeat #0056B9;
 background-size: 32px 32px;
 position: absolute;
}
.EN {
 float: right;
 margin: 0 10px;
 width: 32px;
 height: 32px;
}
.EN a {
 width: 32px;
 height: 32px;
 line-height: 32px;
 font-size: 12px;
}
.Search_but_pc {
 display: none;
}
.Search_but_ph {
 display: block;
}
.menu_bg {
 display: none;
}
.pc_menu {
 display: none;
}
.menuph {
 display: block;
}
.xialaph {
 display: block;
}
/*手机按钮*/
.menuph {
 float: right;
 cursor: pointer;
 text-align: center;
 width: 32px;
 height: 32px;
 background: #fff;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
}
.menuph .point {
 display: inline-block;
 width: 18px;
 height: 16px;
 position: relative;
 margin: 8px 6px;
}
.menuph .point:hover .navbtn, .menuph .point:hover .navbtn::after, .menuph .point:hover .navbtn::before {
 width: 18px;
}
.menuph .navbtn {
 position: absolute;
 top: 8px;
 right: 0;
 display: inline-block;
 width: 10px;
 height: 2px;
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
 background: #666;
}
.menuph .navbtn::after, .menuph .navbtn::before {
 position: absolute;
 right: 0;
 top: -5px;
 display: inline-block;
 width: 18px;
 height: 2px;
 content: '';
 -webkit-transition: all .3s ease-out 0s;
 -moz-transition: all .3s ease-out 0s;
 -ms-transition: all .3s ease-out 0s;
 -o-transition: all .3s ease-out 0s;
 transition: all .3s ease-out 0s;
 background: #666;
}
.menuph .navbtn::after {
 top: -7px;
}
.menuph .navbtn::before {
 top: 7px;
}
.menuph .point.active .navbtn {
 background: transparent;
}
.menuph .point.active .navbtn::after {
 -webkit-transform: rotate(45deg);
 -moz-transform: rotate(45deg);
 -ms-transform: rotate(45deg);
 -o-transform: rotate(45deg);
 transform: rotate(45deg);
 top: 0px;
 background: #0056B9;
}
.menuph .point.active .navbtn::before {
 -webkit-transform: rotate(-45deg);
 -ms-transform: rotate(-45deg);
 -o-transform: rotate(-45deg);
 transform: rotate(-45deg);
 top: 0px;
 background: #0056B9;
}
/*手机下拉*/
.xialaph {
 position: fixed;
 left: 0;
 top: 52px;
 float: left;
 width: 100%;
 padding-bottom: 60px;
 display: none;
 z-index: 9999;
 background: #fff;
}
.xialaph .ul2, .xialaph .ul3 {
 display: none;
}
.xialaph h4 a {
 color: #000000;
 font-size: 15px;
 line-height: 55px;
}
.xialaph h4 {
 float: left;
 width: 100%;
 position: relative;
 padding: 0 15px;
}
.xialaph li:last-child h4::before {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #e5e5e5; /*opacity: 0.1;*/
}
.xialaph h4:hover a, .xialaph h5:hover a {
 color: #0056B9;
}
.xialaph h4::after {
 content: '';
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 1px;
 background-color: #e5e5e5; /*opacity: 0.1;*/
}
.xialaph h5 a {
 color: #000000;
 font-size: 14px;
 font-family: "微软雅黑";
 line-height: 45px;
}
.xialaph h5 {
 float: left;
 width: 100%;
 padding: 0 15px;
 position: relative;
}
.xialaph h5::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 1px;
 background-color: #e5e5e5; /*opacity: 0.05;*/
}
.xialaph li:last-child h5::after {
 display: none;
}
.xialaph h4 img {
 width: 15px;
 height: 8px;
 float: right;
 margin-top: 24px;
 cursor: pointer;
}
.xialaph h5 img {
 width: 11px;
 height: 6px;
 float: right;
 margin-top: 26px;
 margin-right: 18px;
 cursor: pointer;
}
.xialaph h4.active img.img_s, .xialaph h5.active img.img_s {
 display: none;
}
.xialaph h4.active img.img_d, .xialaph h5.active img.img_d {
 display: block;
}
.xialaph .ul2 {
 float: left;
 width: 100%;
 padding: 0 15px;
}
.xialaph .ul3 {
 padding-top: 12px;
 padding-bottom: 18px;
 padding-left: 15px;
 position: relative;
}
.xialaph .ul3::after {
 content: '';
 position: absolute;
 bottom: 0;
 left: 0;
 right: 0;
 height: 1px;
 background-color: #e5e5e5;
}
.xialaph li:last-child .ul3::after {
 display: none;
}
.xialaph .ul3 li a {
 color: #333;
 font-size: 14px;
 line-height: 35px;
 display: block;
}
.xialaph .ul3 li {
 padding-top: 5px;
}
.xialaph .ul3 li:first-child {
 padding-top: 0;
}
.xialaph .phsou {
 position: relative;
 margin-top: 34px;
}
.xialaph .phsou input {
 width: 100%;
 height: 56px;
 background-color: #fff;
 color: #aaa;
 font-size: 14px;
 padding-left: 20px;
 border: 1px solid #e5e5e5;
}
.xialaph .phsou img {
 cursor: pointer;
 width: 21px;
 height: 22px;
 position: absolute;
 top: 17px;
 right: 29px;
}
.img_d, .disno {
 display: none;
}
/*phone底部导航*/
.q_d_m {
 float: left;
 width: 100%;
 height: 50px;
}
.pf_down {
 width: 100%;
 float: left;
 position: fixed;
 left: 0;
 bottom: 0;
 height: 50px;
 background: #0056B9;
 z-index: 999;
 border-top: 1px solid #5d98c4;
}
.pf_down li {
 width: 33.333333%;
 float: left;
 text-align: center;
 padding: 7px 0 4px 0;
 border-right: 1px solid #5d98c4;
}
.pf_down li .ico7 {
 width: 100%;
 float: left;
 height: 20px;
}
.pf_down li .name {
 width: 100%;
 float: left;
 margin-top: 5px;
 font-size: 12px;
 color: #fff;
 line-height: 14px;
 font-family: "Arial";
}
.pf_down li.l1 .ico7 {
 background: url(images/btn15.png) no-repeat center;
 background-size: 20px 20px;
}
.pf_down li.l2 .ico7 {
 background: url(images/btn16.png) no-repeat center;
 background-size: 20px 20px;
}
.pf_down li.l3 .ico7 {
 background: url(images/btn17.png) no-repeat center;
 background-size: 20px 20px;
}
.pf_down li:nth-child(3n) {
 border: none;
}
}
/*banner*/
.slide_banner {
 float: left;
 width: 100%;
 margin: 0;
 overflow: hidden;
}
.slide_banner .slick-slide {
 width: 100%;
 padding: 0;
}
.slide_banner img {
 width: 100%;
}
.slide_banner .slick-prev {
 width: 27px;
 height: 48px;
 background: url(images/arrow1.png) center no-repeat;
 background-size: 100% 100%;
 left: 3%;
 margin-top: -24px;
}
.slide_banner .slick-next {
 width: 27px;
 height: 48px;
 background: url(images/arrow.png) center no-repeat;
 background-size: 100% 100%;
 right: 3%;
 margin-top: -24px;
}
.slide_banner .slick-dots {
 bottom: 20px;
}
.slide_banner .slick-dots li {
 width: 14px;
 height: 14px;
 background: rgba(255,255,255,0.2);
 margin: 0 8px;
 text-indent: -9999px;
 overflow: hidden;
 content: " ";
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
}
.slide_banner .slick-dots li.slick-active {
 background: rgba(255,255,255,1);
}
.ban_pf {
 position: absolute;
 right: 6.875%;
 top: 50%;
 margin-top: -3.9%;
 width: 29.84%;
 z-index: 99;
}

@media screen and (max-width:1200px) {
.ban_pf {
 margin-top: -6.5%;
 width: 47.75%;
 z-index: 99;
 right: 11%;
}
}

@media screen and (max-width:992px) {
.slide_banner .slick-prev {
 width: 14px;
 height: 24px;
 margin-top: -12px;
}
.slide_banner .slick-next {
 width: 14px;
 height: 24px;
 margin-top: -12px;
}
.slide_banner .slick-dots {
 bottom: 10px;
}
.slide_banner .slick-dots li {
 width: 10px;
 height: 10px;
 margin: 0 5px;
}
}
/*down*/
.back5 {
 float: left;
 width: 100%;
 background-color: #E5E5E5;
}
.c_0100_2 {
 float: left;
 width: 100%;
 border-top: 1px solid #5895c2;
 padding: 20px 0;
}
.footer {
 background: url(images/down1.jpg) center repeat;
}
.footer .anBei {
 display: inline-block;
 padding-left: 20px;
 background: url(images/icon_anbei.png) center left no-repeat;
 margin-left: 20px;
}
.bq {
 text-align: center;
 color: #c7e5fc;
 font-size: 14px;
 line-height: 22px;
}
.bq a {
 color: #c7e5fc;
}
.bq a:hover {
 color: #fff;
}
.c_0100_1 {
 float: left;
 width: 100%;
 margin: 49px 0;
 position: relative;
}
.d_nav {
 float: left;
 width: 96.7%;
 margin-right: 3.3%;
 padding-right: 278px;
}
.l_nav {
 float: left;
 width: 16%;
}
.l_nav .l1 {
 float: left;
 width: 100%;
 padding: 6px 0 5px 0;
}
.l_nav .l1 a {
 display: block;
 color: #525252;
 font-size: 18px;
 line-height: 28px;
}
.l_nav .l1 em {
 color: #4E74C5;
 text-transform:capitalize;
}
.l_nav .l2 {
 float: left;
 width: 100%;
}
.l_nav .l2 li {
 float: left;
 width: 100%;
}
.l_nav .l2 li a {
 float: left;
 color: #828282;
 font-size: 14px;
 line-height: 30px;
 padding-left: 0;
}
.l_nav .l2 li a:hover {
 color: #828282;
}
.share {
 float: right;
 width: 278px;
 position: absolute;
 right: 0;
 top: 0;
}
.tel {
 float: left;
 width: 278px;
 padding: 11px 0;
}
.tel span {
 float: left;
 width: 100%;
 height: 31px;
 line-height: 31px;
 font-size: 26px;
 padding-left: 43px;
 color: #1B51B3;
 background: url(images/tel.png) left center no-repeat;
}
.tel p {
 float: left;
 width: 100%;
 font-size: 30px;
 font-weight: bold;
 line-height: 30px;
 color: #fff;
 margin-top: 15px;
}
.er {
 float: left;
 width: 278px;
 margin-top: 10px;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
.er .er_img img {
 float: left;
 width: 123px;
 height: 123px;
 padding: 6px;
 background: #fff;
}
.er .er_text {
 float: left;
 color: #1B51B3;
 font-size: 14px;
 line-height: 30px;
 margin-left: 20px;
 text-align: right;
}

@media screen and (max-width:992px) {
.c_0100_1 {
 margin: 30px 0;
}
.bq {
 width: 100%;
 text-align: center;
}
.d_map {
 width: 100%;
 text-align: center;
}
.d_nav {
 width: 100%;
 margin-right: 0;
 padding-right: 0;
}
.share {
 float: right;
 width: 100%;
 position: static;
}
.tel p {
 font-size: 34px;
 line-height: 34px;
}
.tel span {
 font-size: 16px;
 background-size: 34px 34px;
 padding-left: 32px;
 height: 34px;
}
}

@media screen and (max-width:767px) {
.c_0100_1 {
 margin: 0 0 30px 0;
}
.l_nav {
 width: 100%;
}
.l_nav .l2 {
 display: none;
}
.l_nav .l2 {
 border-bottom: 1px solid #5895c2;
 background: rgba(0,0,0,0.2);
 padding: 10px;
}
.l_nav .l1 {
 float: left;
 width: 100%;
 padding: 10px;
 border-bottom: 1px solid #5895c2;
}
.l_nav .l1 a {
 float: left;
 width: 100%;
 font-size: 16px;
 line-height: 26px;
 background: url(images/xiap11_1.png) right center no-repeat;
}
.l_nav.on .l1 a {
 background: url(images/xiap1_1.png) right center no-repeat;
}
.share {
 margin-top: 10px;
}
.tel {
 width: 100%;
 text-align: center;
}
.tel span {
 float: none;
 display: inline-block;
 display: inline;
 zoom: 1;
 padding: 5px 0 5px 32px;
}
.tel p {
 display: inline-block;
 display: inline;
 zoom: 1;
}
.er {
 width: 100%;
 margin-top: 5px;
}
.er .er_img {
 float: none;
 width: 100%;
 text-align: center;
 display: inline-block;
 display: inline;
 zoom: 1;
}
.er .er_img img {
 float: none;
}
.er .er_text {
 width: 100%;
 text-align: center;
 float: none;
 display: inline-block;
 display: inline;
 zoom: 1;
 margin: 10px 0 0 0;
}
}
/**/
.back2 {
 float: left;
 width: 100%;
 margin: 50px 0 50px 0;
 padding: 0 15px;
 position: relative;
}
.l_0100_1 {
 float: left;
 width: 50%;
 padding: 15px;
}
.Product_one {
 float: left;
 width: 100%;
 position: relative;
}
.Product_one .slick-dots {
 position: absolute;
 top: 54px;
 bottom: auto;
 width: auto;
 right: 36px;
 z-index: 9;
 text-align: right;
}
.Product_one .slick-dots li {
 width: 12px;
 height: 12px;
 overflow: hidden;
 text-indent: -9999px;
 background: rgba(255,255,255,0.3);
 margin: 0 8px;
 overflow: hidden;
 content: " ";
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
}
.Product_one .slick-dots li button {
 font-size: 0;
}
.Product_one .slick-dots li.slick-active {
 background: rgba(255,255,255,1);
}
.Product_one .slick-prev {
 width: 0;
 height: 0;
 overflow: hidden;
}
.Product_one .slick-next {
 width: 0;
 height: 0;
 overflow: hidden;
}
.Product_one .slick-slide img {
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
 transition: -webkit-transform 2s;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
.Product_one .slick-slide a:hover img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
.l_0100_2 {
 float: left;
 width: 33%;
}
.list_one {
 float: left;
 width: 100%;
}
.list_one a {
 float: left;
 width: 100%;
 height: 100%;
 position: relative;
 overflow: hidden;
}
.t_pf3 {
 float: left;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 padding: 10px;
}
.t_pf3 span {
 float: left;
 width: 100%;
 height: 100%;
 z-index: 9;
 border: 1px solid #3c3c3e;
 position: relative;
}
.t_pf1 {
 position: absolute;
 width: 100%;
 left: 0;
 top: 40%;
 z-index: 9;
 text-align: center;
}
.t_pf1 p {
 display: block;
 color: #fff;
 font-size: 30px;
 margin-bottom: 3%;
}
.t_pf1 span {
 display: block;
 color: #fff;
 font-size: 14px;
 font-family: "Arial";
 margin-top: 8px;
}
.t_pf2 {
 opacity: 0;
 filter: alpha(opacity=0);
 position: absolute;
 left: 0;
 bottom: 51px;
 z-index: 9;
 font-size: 30px;
 color: #fff;
 line-height: 30px;
 overflow: hidden;
 float: left;
 width: 100%;
 white-space: nowrap;
 text-overflow: ellipsis;
 padding: 0 41px;
 text-align: right;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.list_tow {
 float: left;
 width: 100%;
 padding: 15px;
}
.list_tow a {
 float: left;
 width: 100%;
 position: relative;
 background: #020202;
 overflow: hidden;
}
.list_tow img {
 opacity: 1;
 filter: alpha(opacity=1);
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
 transition: -webkit-transform 2s;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
.list_tow a:hover img {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
.list_tow a:hover .t_pf2 {
 opacity: 1;
 filter: alpha(opacity=100);
}
.t_pf2_1 {
 padding: 0 31px;
 bottom: 40px;
}
.h_0100_1 {
 margin-left: -15px;
 margin-right: -15px;
}

@media screen and (max-width:1599px) {
.top_dw {
 padding-bottom: 1.89%;
}
.down_dw {
 padding-top: 1.89%;
}
}

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

@media screen and (max-width:992px) {
.back2 {
 margin: 30px 0;
 padding: 0;
}
.h_0100_1 {
 margin-left: -7px;
 margin-right: -7px;
}
.l_0100_1 {
 float: left;
 width: 50%;
 padding: 7px;
}
.l_0100_2 {
 float: left;
 width: 50%;
}
.list_tow {
 padding: 7px;
}
.top_dw {
 padding-bottom: 1.89%;
}
.down_dw {
 padding-top: 1.89%;
}
.Product_one .slick-dots {
 right: 15px;
 top: 40px;
}
.Product_one .slick-dots li {
 margin: 0 5px;
}
}

@media screen and (max-width:767px) {
.l_0100_2 {
 float: left;
 width: 100%;
}
.l_0100_1 {
 float: left;
 width: 100%;
 padding: 5px 0;
}
.list_tow {
 padding: 5px 0;
}
.Product_one .slick-dots {
 right: 15px;
 top: 30px;
}
.back2 {
 margin: 20px 0;
 padding: 0 10px;
}
.h_0100_1 {
 margin-left: -10px;
 margin-right: -10px;
}
}
.back3 {
 float: left;
 width: 100%;
 background: url(images/index_maxsine.png) center no-repeat;
 padding: 72px 0 95px;
}
.list4 {
 float: left;
 width: 100%;
 text-align: center;
 color: #fff;
 font-size: 32px;
 line-height: 32px;
}
.list4 span {
 padding-left: 44px;
}
.list4 span i {
 font-style: normal;
 padding-right: 44px;
 letter-spacing:4px;
}
.list2 {
 float: left;
 width: 100%;
 padding: 20px 0 32px 0;
 text-align: center;
}
.list2 span {
 display: inline-block;
 display: inline;
 zoom: 1;
 color: #E8E5EC;
 font-size: 20px;
 height: 30px;
 line-height: 28px;
 padding: 0 12px;
 text-transform: uppercase;
 letter-spacing: 2px;
 vertical-align: middle;
}
.list3 {
 float: left;
 width: 100%;
 color: #fff;
 font-size: 16px;
 line-height: 29px;
 text-align: center;
}
.indexMaxsine {
 padding: 0 140px;
 zoom: 1;
 overflow: hidden;
}
.qyjj_cont {
 float: left;
 width: 100%;
 margin-top: 30px;
}
.qyjj_cont li {
 float: left;
 width: 20%;
 text-align: center;
 padding: 0 5px;
 background: url(images/index_maxsine_line.png) no-repeat right top;
}
.qyjj_cont li.last {
 background: url();
}
.h_text2 {
 float: left;
 width: 100%;
 margin-top: 10px;
}
.h_text2 h1 {
 float: left;
 width: 100%;
 color: #fff;
 font-size: 20px;
 line-height: 30px;
 margin-bottom: 8px;
}
.h_text2 span {
 float: left;
 width: 100%;
 color: #fff;
 font-size: 14px;
 line-height: 24px;
 height: 68px;
 overflow: hidden;
}
.qyjj_cont li .img_adv {
 float: left;
 width: 100%;
}
.qyjj_cont li .iconadv {
 display: block;
 width: 85px;
 height: 85px;
 margin: 0 auto;
 overflow: hidden
}
.qyjj_cont li .pic_adv {
 width: 85px;
 height: 85px;
 position: relative;
}
.qyjj_cont li .pic_adv .src1 {
 float: left;
 width: 85px;
 height: 85px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0.2s;
 -o-transition: all 0.4s ease-out 0.2s;
 transition: all 0.4s ease-out 0.2s;
 margin-left: 0;
}
.qyjj_cont li .pic_adv .src2 {
 float: left;
 width: 85px;
 height: 85px;
 margin-left: -85px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
}
.qyjj_cont li .img_adv:hover .pic_adv {
}
.qyjj_cont li .img_adv:hover .pic_adv .src2 {
 margin-left: 0;
}
.qyjj_cont li .img_adv:hover .pic_adv .src1 {
 margin-left: 85px;
}
.maxsineMore {
 float: left;
 width: 100%;
 text-align: center;
 font-size: 20px;
 color: #FFF;
 margin-top: 90px;
}
.maxsineMore a {
 display: block;
 width: 173px;
 height: 41px;
 margin: 0 auto;
 text-indent: -9999px;
 background: url(images/index_maxsine_more.png) no-repeat left top;
}
.recNews {
 margin-top: 65px;
 padding-bottom: 48px;
}
.recNews dl {
 background-color: #F5F6F8;
 margin-bottom: 17px;
 zoom: 1;
 overflow: hidden;
}
.recNews dd.img {
 width: 455px;
 float: left;
}
.recNews dd.text {
 width: 250px;
 padding-left: 60px;
 float: left;
}
.recNews dd.date {
 padding-top: 35px;
}
.recNews dd.date b {
 display: block;
 font-size: 70px;
 color: #0056B9;
 margin-bottom: 0px;
}
.recNews dd.date em {
 font-size: 20px;
 color: #0054B7;
}
.recNews dd.news {
 padding-top: 70px;
}
.recNews dd.news b {
 display: block;
 font-size: 20px;
 font-weight: bold;
 color: #0056B9;
 margin-bottom: 10px;
}
.recNews dd.news em {
 font-size: 20px;
}
.recNews dt {
 width: 780px;
 float: left;
 padding: 60px 20px 20px 20px;
 font-weight: normal;
}
.recNews dt a {
 font-size: 19px;
 display: block;
 color: #525252;
 margin-bottom: 10px;
}
.recNews dt p {
 font-size: 15px;
 color: #6D6D6D;
 line-height: 200%;
}
.recNews .maquee {
 width: 770px;
 float: left;
 margin: 70px 20px 20px 20px;
 font-weight: normal;
 height: 75px;
 overflow: hidden;
}
.recNews .maquee a {
 font-size: 19px;
 display: block;
 color: #525252;
 margin-bottom: 13px;
 white-space:nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
@media screen and (max-width:767px) {
 .recNews dd.img {
  width: 100%;
 }
 .recNews dt {
  width: 100%;
  padding: 20px;
 }
 .recNews .maquee {
  width: 85%;
  margin: 20px;
  height: 75px;
  overflow: hidden;
 }
 .recNews dd.news {
  padding-top: 20px;
 }
 .recNews dd.text {
  padding-left: 20px;
 }
}

@media screen and (max-width:1199px) {
.indexMaxsine {
 padding: 0;
}
.h_text2 span {
 font-size: 12px;
 line-height: 22px;
 height: 44px;
}
.h_text2 h1 {
 font-size: 18px;
 line-height: 28px;
}
.list3 {
 font-size: 15px;
}
.qyjj_cont li .iconadv {
 width: 121px;
 height: 121px;
 padding: 5px;
}
.qyjj_cont li .pic_adv {
 width: 111px;
 height: 111px;
}
.qyjj_cont li .pic_adv .src1 {
 float: left;
 width: 111px;
 height: 111px;
}
.qyjj_cont li .pic_adv .src2 {
 float: left;
 width: 111px;
 height: 111px;
 margin-left: -111px;
}
.qyjj_cont li .img_adv:hover .pic_adv .src1 {
 margin-left: 111px;
}
}

@media screen and (max-width:992px) {
.indexMaxsine {
 padding: 0;
}
.indexMaxsine .three {
 background: url();
}
.back3 {
 padding: 50px 0 30px 0;
 background-size: auto 100%;
}
.qyjj_cont {
 margin-top: 30px;
}
.qyjj_cont li {
 width: 33.333%;
 padding: 20px 5px;
}
.list3 {
 font-size: 14px;
 line-height: 24px;
}
.list4 {
 font-size: 24px;
 line-height: 24px;
}
.list2 {
 padding: 15px 0 20px 0;
}
.list2 span {
 font-size: 14px;
 height: 28;
 line-height: 26px;
}
.qyjj_cont li .iconadv {
 width: 91px;
 height: 91px;
}
.qyjj_cont li .pic_adv {
 width: 81px;
 height: 81px;
}
.qyjj_cont li .pic_adv .src1 {
 float: left;
 width: 81px;
 height: 81px;
}
.qyjj_cont li .pic_adv .src2 {
 float: left;
 width: 81px;
 height: 81px;
 margin-left: -81px;
}
.qyjj_cont li .img_adv:hover .pic_adv .src1 {
 margin-left: 81px;
}
}

@media screen and (max-width:767px) {
.indexMaxsine {
 padding: 0;
}
.back3 {
 padding: 30px 0 10px 0;
}
.qyjj_cont li .iconadv {
 width: 71px;
 height: 71px;
}
.qyjj_cont li .pic_adv {
 width: 61px;
 height: 61px;
 overflow: hidden;
}
.qyjj_cont li .pic_adv .src1 {
 float: left;
 width: 61px;
 height: 61px;
}
.qyjj_cont li .pic_adv .src2 {
 float: left;
 width: 61px;
 height: 61px;
 margin-left: -61px;
}
.qyjj_cont li .img_adv:hover .pic_adv .src1 {
 margin-left: 61px;
}
}
 @-webkit-keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
 @keyframes bounce {
0%, 100%, 20%, 53%, 80% {
-webkit-transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
transition-timing-function:cubic-bezier(0.215, .61, .355, 1);
-webkit-transform:translate3d(0, 0, 0);
-ms-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
40%, 43% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -30px, 0);
-ms-transform:translate3d(0, -30px, 0);
transform:translate3d(0, -30px, 0)
}
70% {
-webkit-transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
transition-timing-function:cubic-bezier(0.755, .050, .855, .060);
-webkit-transform:translate3d(0, -15px, 0);
-ms-transform:translate3d(0, -15px, 0);
transform:translate3d(0, -15px, 0)
}
90% {
-webkit-transform:translate3d(0, -4px, 0);
-ms-transform:translate3d(0, -4px, 0);
transform:translate3d(0, -4px, 0)
}
}
.bounce {
 -webkit-animation-name: bounce;
 animation-name: bounce;
 -webkit-transform-origin: center bottom;
 -ms-transform-origin: center bottom;
 transform-origin: center bottom
}
.back4 {
 float: left;
 width: 100%;
 padding: 0 15px;
}
.viode {
 float: left;
 width: 100%;
 position: relative;
 margin: 60px 0 30px 0;
}
.viode img {
 width: 100%;
}
.viode i {
 display: block;
 width: 80px;
 height: 80px;
 background: url(images/main7.png) center no-repeat;
 background-size: 100% 100%;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -40px 0 0 -40px;
}
.viode span {
 float: left;
 width: 100%;
 padding: 0 30px;
 bottom: 40px;
 position: absolute;
 right: 0;
 overflow: hidden;
 color: #fff;
 font-size: 30px;
 line-height: 30px;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-align: right;
}

@media screen and (max-width:1200px) {
.viode i {
 width: 40px;
 height: 40px;
 margin: -20px 0 0 -20px;
}
.viode span {
 padding: 0 20px;
 bottom: 25px;
 font-size: 22px;
 line-height: 22px;
}
}

@media screen and (max-width:992px) {
.viode {
 margin: 30px 0;
}
.viode span {
 padding: 0 15px;
 bottom: 20px;
 font-size: 18px;
 line-height: 18px;
}
.back4 {
 padding: 0;
}
}

@media screen and (max-width:767px) {
.viode {
 margin: 20px 0;
}
.viode img {
 height: 160px;
 width: 100%;
}
.viode span {
 padding: 0 10px;
 bottom: 15px;
 font-size: 16px;
 line-height: 16px;
}
}
/*视频弹窗*/

.zpf_1 {
 width: 100%;
 height: 100%;
 background: url(images/zbg_3.png);
 position: fixed;
 left: 0;
 top: 0;
 z-index: 9999;
}
.ztc_900 {
 width: 900px;
 position: fixed;
 left: 50%;
 top: 50%;
 margin: -280px 0 0 -450px;
 z-index: 99999;
}
.ztc_900 .zbtn {
 position: absolute;
 right: 20px;
 top: 16px;
 cursor: pointer;
 z-index: 999;
}
.ztc_900 .zimg {
 float: left;
 width: 100%;
 height: 560px;
 overflow: hidden;
 position: relative;
}
.ztc_900 .play {
 position: absolute;
 top: 50%;
 left: 50%;
 margin: -31px 0 0 -31px;
 width: 62px;
 height: 62px;
 cursor: pointer;
}

@media screen and (max-width:991px) {
.ztc_900 {
 width: 90%;
 left: 5%;
 margin: 0;
 -webkit-transform: translate(0, -50%);
 -ms-transform: translate(0, -50%);
 transform: translate(0, -50%);
}
.ztc_900 .zimg {
 height: auto;
}
}

@media screen and (max-width:767px) {
.ztc_900 .title h4 {
 font-size: 20px;
 line-height: 55px;
 letter-spacing: 1px;
}
.ztc_900 .play {
 margin: -21px 0 0 -21px;
 width: 42px;
 height: 42px;
}
}
.back6 {
 float: left;
 width: 100%;
 margin-bottom: 60px;
 padding: 0 15px;
}
.l_0100_3 {
 float: left;
 width: 50%;
 padding: 0 15px;
}
.Product_tow {
 float: left;
 width: 100%;
 position: relative;
}
.Product_tow .slick-dots {
 height: 0;
 width: 0;
 overflow: hidden;
}
.Product_tow .slick-prev {
 width: 54px;
 height: 80px;
 margin-top: -40px;
 background: rgba(2,2,2,0.3) url(images/main9.png) center no-repeat;
 background-size: 100% 100%;
 left: 0;
}
.Product_tow .slick-next {
 width: 54px;
 height: 80px;
 margin-top: -40px;
 background: rgba(2,2,2,0.3) url(images/main10.png) center no-repeat;
 background-size: 100% 100%;
 right: 0;
}
.Product_tow .slick-slide a {
 float: left;
 width: 100%;
 height: 504px;
}
.Product_tow .slick-slide img {
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
 transition: -webkit-transform 2s;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
.Product_tow .slick-slide a:hover img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
.Product_tow .slick-prev:hover {
 background: rgba(2,2,2,0.5) url(images/main9.png) center no-repeat;
 background-size: 100% 100%;
}
.Product_tow .slick-next:hover {
 background: rgba(2,2,2,0.5) url(images/main10.png) center no-repeat;
 background-size: 100% 100%;
}
.l_0100_4 {
 float: left;
 width: 50%;
 padding: 0 15px;
}
.news_one {
 float: left;
 width: 100%;
 border: 1px solid #e4e4e4;
 padding: 27px 30px;
}
.news_one .list1 {
 float: left;
 width: 100%;
 color: #035ea2;
 font-size: 20px;
 line-height: 20px;
 padding: 3px 0 28px 0;
}
.news_one ul {
 float: left;
 width: 100%;
}
.news_one ul .l1 {
 float: left;
 width: 100%;
 border-bottom: 1px solid #e4e4e4;
 padding-bottom: 30px;
 margin-bottom: 22px;
}
.news_one ul .l1 h1 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 30px;
 line-height: 30px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}
.news_one ul .l1 p {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 16px;
 line-height: 25px;
 height: 50px;
 overflow: hidden;
 margin-top: 14px;
}
.news_one ul .l1 .more {
 float: left;
 width: 100%;
 margin-top: 26px;
}
.news_one ul .l1 .more span {
 float: left;
 width: 142px;
 height: 40px;
 border: 1px solid #dfdfdf;
 line-height: 38px;
 text-align: center;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.news_one ul .l1 .more span i {
 font-style: normal;
 background: url(images/main13.png) right center no-repeat;
 padding-right: 42px;
}
.news_one ul .l1:hover h1 {
 color: #1067a7;
}
.news_one ul .l1:hover .more span {
 background: #1067a7;
 border: 1px solid #1067a7;
 color: #fff;
}
.news_one ul .l1:hover .more span i {
 background: url(images/main14.png) right center no-repeat;
}
.news_one ul .l2 {
 float: left;
 width: 100%;
 position: relative;
}
.news_one ul .l2 a {
 float: left;
 width: 100%;
 padding: 0 100px 0 22px;
 color: #333333;
 font-size: 18px;
 line-height: 46px;
 background: url(images/main11.jpg) left center no-repeat;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.news_one ul .l2 span {
 position: absolute;
 right: 0;
 top: 0;
 color: #888888;
 font-size: 14px;
 line-height: 47px;
}
.news_one ul .l2:hover a {
 color: #1067a7;
 background: url(images/main12.jpg) left center no-repeat;
}

@media screen and (max-width:1199px) {
.news_one {
 padding: 22px 30px;
}
.news_one .list1 {
 font-size: 20px;
 line-height: 20px;
 padding: 3px 0 20px 0;
}
.news_one ul .l1 p {
 margin-top: 10px;
}
.news_one ul .l1 .more {
 margin-top: 20px;
}
.news_one ul .l2 a {
 line-height: 40px;
}
.news_one ul .l2 span {
 line-height: 40px;
}
.Product_tow .slick-slide a {
 height: 452px;
}
}

@media screen and (max-width:992px) {
.back6 {
 padding: 0;
 margin-bottom: 30px;
}
.l_0100_3 {
 padding: 0 7px;
}
.l_0100_4 {
 padding: 0 7px;
}
.Product_tow .slick-prev {
 width: 27px;
 height: 40px;
 margin-top: -20px;
}
.Product_tow .slick-next {
 width: 27px;
 height: 40px;
 margin-top: -20px;
}
.news_one {
 padding: 15px;
}
.news_one .list1 {
 font-size: 18px;
 line-height: 18px;
 padding: 3px 0 20px 0;
}
.news_one ul .l1 {
 padding-bottom: 25px;
 margin-bottom: 15px;
}
.news_one ul .l1 h1 {
 font-size: 22px;
 line-height: 22px;
}
.news_one ul .l1 p {
 font-size: 14px;
 line-height: 24px;
 height: 48px;
 margin-top: 10px;
}
.news_one ul .l2 a {
 padding: 0 90px 0 18px;
 font-size: 16px;
 line-height: 36px;
}
.news_one ul .l2 span {
 font-size: 12px;
 line-height: 36px;
}
.Product_tow .slick-slide a {
 height: 390px;
}
.news_one ul .l1 .more span {
 float: left;
 width: 110px;
 height: 32px;
 line-height: 30px;
}
.news_one ul .l1 .more span i {
 padding-right: 20px;
}
}

@media screen and (max-width:767px) {
.back6 {
 padding: 0 10px;
 margin-bottom: 20px;
}
.l_0100_3 {
 width: 100%;
 padding: 0;
}
.l_0100_4 {
 width: 100%;
 padding: 0;
 margin-top: 10px;
}
.Product_tow .slick-slide a {
 height: auto;
}
.news_one ul .l2 a {
 font-size: 14px;
 line-height: 26px;
}
.news_one ul .l1 h1 {
 font-size: 20px;
 line-height: 20px;
}
.news_one .list1 {
 padding: 3px 0 12px 0;
}
.news_one ul .l1 p {
 line-height: 20px;
 height: 40px;
}
.news_one ul .l1 .more {
 margin-top: 12px;
}
.news_one ul .l1 {
 padding-bottom: 18px;
 margin-bottom: 10px;
}
}
/*右侧漂浮*/
.right_pf {
 float: right;
 width: 63px;
 position: fixed;
 right: 0;
 top: 50%;
 z-index: 999;
 margin-top: -136px;
}
.right_pf a {
 float: left;
 background: #b5b5b5;
 font-size: 16px;
 line-height: 18px;
 color: #fff;
 text-align: center;
 width: 63px;
 height: 63px;
 margin: 3px 0 2px 0;
 padding-top: 13px;
 transition: background 0.5s ease;
 -o-transition: background 0.5s ease;
 -moz-transition: background 0.5s ease;
 -webkit-transition: background 0.5s ease;
}
.right_pf a:hover {
 background: #1067a7;
}

@media screen and (max-width:1599px) {
.right_pf {
 width: 48px;
 margin-top: -136px;
}
.right_pf a {
 font-size: 14px;
 line-height: 16px;
 width: 48px;
 height: 48px;
 padding-top: 8px;
}
}

@media screen and (max-width:992px) {
.right_pf {
 float: right;
 width: 40px;
 position: fixed;
 right: 15px;
 top: auto;
 bottom: 30px;
 margin-top: 0;
 z-index: 9999;
}
.right_pf a {
 font-size: 12px;
 line-height: 14px;
 width: 40px;
 height: 40px;
 padding-top: 5px;
}
.right_pf a.l_pc {
 display: none;
}
}

@media screen and (max-width:767px) {
.right_pf {
 right: 10px;
 bottom: 65px;
}
}
/*左边*/
.pz_SideLayer {
 float: left;
 width: 100%;
 border-bottom: 1px solid #efefef;
}
.l_slide .l2 {
 float: left;
 width: 100%;
 background: #f5f5f5;
}
.l_slide .l2 a {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 14px;
 line-height: 44px;
 padding: 0 20px 0 68px;
}
.l_slide .l2.on a, .l_slide .l2 a:hover {
 color: #0056B9;
}
.l_slide .l2.first {
 padding-top: 15px;
}
.l_slide .l2.last {
 padding-bottom: 15px;
}
.l_slide .l1 {
 float: left;
 width: 100%;
 border: 1px solid #efefef;
 border-bottom: none;
 padding: 0 20px;
}
.l_slide .l1 a {
 float: left;
 width: 100%;
 height: 54px;
 line-height: 54px;
 color: #333333;
 font-size: 14px;
 background: url(images/slide1.png) right center no-repeat;
 padding-left: 48px;
 position: relative;
}
.l_slide .l1 a span {
 float: left;
 width: 40px;
 height: 40px;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -20px;
}
.l_slide .l1.on a, .l_slide .l1:hover a {
 color: #ffffff;
 background: url(images/slide2.png) right center no-repeat;
}
.l_slide .l1.on, .l_slide .l1:hover {
 border: 1px solid #0056B9;
 border-top: none;
 background: #0056B9
}
.l_slide .l1 .ico1 {
 background: url(images/slide3.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico2 {
 background: url(images/slide4.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico3 {
 background: url(images/slide5.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico4 {
 background: url(images/slide6.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico5 {
 background: url(images/slide7.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico6 {
 background: url(images/slide8.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico7 {
 background: url(images/slide9.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico8 {
 background: url(images/slide10.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico9 {
 background: url(images/slide11.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico10 {
 background: url(images/slide12.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico11 {
 background: url(images/slide13.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico12 {
 background: url(images/slide14.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico13 {
 background: url(images/slide15.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico14 {
 background: url(images/slide16.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico15 {
 background: url(images/slide17.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico16 {
 background: url(images/slide18.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico17 {
 background: url(images/slide19.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico18 {
 background: url(images/slide20.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico19 {
 background: url(images/slide21.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1 .ico20 {
 background: url(images/slide22.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico1, .l_slide .l1:hover .ico1 {
 background: url(images/slide3_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico2, .l_slide .l1:hover .ico2 {
 background: url(images/slide4_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico3, .l_slide .l1:hover .ico3 {
 background: url(images/slide5_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico4, .l_slide .l1:hover .ico4 {
 background: url(images/slide6_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico5, .l_slide .l1:hover .ico5 {
 background: url(images/slide7_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico6, .l_slide .l1:hover .ico6 {
 background: url(images/slide8_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico7, .l_slide .l1:hover .ico7 {
 background: url(images/slide9_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico8, .l_slide .l1:hover .ico8 {
 background: url(images/slide10_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico9, .l_slide .l1:hover .ico9 {
 background: url(images/slide11_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico10, .l_slide .l1:hover .ico10 {
 background: url(images/slide12_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico11, .l_slide .l1:hover .ico11 {
 background: url(images/slide13_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico12, .l_slide .l1:hover .ico12 {
 background: url(images/slide14_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico13, .l_slide .l1:hover .ico13 {
 background: url(images/slide15_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico14, .l_slide .l1:hover .ico14 {
 background: url(images/slide16_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico15, .l_slide .l1:hover .ico15 {
 background: url(images/slide17_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico16, .l_slide .l1:hover .ico16 {
 background: url(images/slide18_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico17, .l_slide .l1:hover .ico17 {
 background: url(images/slide19_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico18, .l_slide .l1:hover .ico18 {
 background: url(images/slide20_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico19, .l_slide .l1:hover .ico19 {
 background: url(images/slide21_1.png) left center no-repeat;
 background-size: 100% 100%;
}
.l_slide .l1.on .ico20, .l_slide .l1:hover .ico20 {
 background: url(images/slide22_1.png) left center no-repeat;
 background-size: 100% 100%;
}

@media screen and (max-width:1199px) {
.l_slide .l1 {
 padding: 0 15px;
}
.l_slide .l2 a {
 padding: 0 15px 0 63px;
}
}
/* 手机版左侧菜单
@media screen and (max-width:992px) {
.l_slide .l1 a {
 padding-left: 35px;
 height: 40px;
 line-height: 38px;
}
.l_slide .l1 a span {
 width: 30px;
 height: 30px;
 margin-top: -15px;
}
.l_slide .l2 a {
 padding: 0 15px 0 50px;
 line-height: 34px;
}
.l_slide .l2.first {
 padding-top: 10px;
}
.l_slide .l2.last {
 padding-bottom: 10px;
}
}
*/

@media screen and (max-width:767px) {
.l_slide .l1 {
 padding: 0 10px;
}
.l_slide .l2 a {
 padding: 0 10px 0 45px;
 line-height: 26px;
}
.l_slide .l2.first {
 padding-top: 6px;
}
.l_slide .l2.last {
 padding-bottom: 6px;
}
}
/* 分页 */
.wack1 {
 float: left;
 width: 100%;
 padding: 60px 0;
}
.pz_fy {
 width: 100%;
 float: left;
 padding: 5px 0;
 text-align: center;
 display: inline
}/*分页浮左或者浮右，修改此处即可。例：text-align:left;*/
.pz_fy a {
 border-radius: 2px;
 -moz-border-radius: 2px;
 -webkit-border-radius: 2px;
 border: #bdbbbb 1px solid;
 PADDING: 4px 8px;
 color: #323232;
 font-family: Arial, Helvetica, sans-serif;
 text-decoration: none;
 margin: 0 1px;
}
.pz_fy a:hover, .pz_fy a.on {
 color: #fff;
 border: #0056B9 1px solid;
 background-color: #0056B9;
 text-decoration: none;
}

@media screen and (max-width:992px) {
.wack1 {
 padding: 30px 0;
}
.fy_pc {
 text-align: center;
 font-size: 14px;
 color: #333;
 padding: 5px 0;
}
.fy_pc a {
 padding: 5px 25px;
 color: #323232;
 border: solid 1px #bdbbbb;
 border-radius: 16px;
 overflow: hidden;
}
.fy_pc span {
 padding: 5px 20px;
 color: #333;
}
}

@media screen and (max-width:767px) {
.wack1 {
 padding: 20px 0;
}
}
/*产品中心*/
.back7 {
 float: left;
 width: 100%;
 padding: 20px 15px;
}
.zy_list1 {
 float: left;
 width: 100%;
 text-align: center;
 margin-top: 50px;
}
.zy_list1 h1 {
 float: left;
 width: 100%;
 text-align: center;
 color: #444444;
 font-size: 36px;
 line-height: 36px;
}
.zy_list1 h2 {
 float: left;
 width: 100%;
 text-align: center;
 color: #0056B9;
 font-size: 14px;
 font-family: "Arial";
 margin-top: 10px;
}
.zy_title {
 float: left;
 width: 100%;
 text-align: center;
 background: #f1f1f1;
 height: 42px;
 line-height: 40px;
 color: #666666;
 font-size: 14px;
 margin-top: 10px;
 font-family: "Arial,Microsoft yahei";
}
.zy_title a {
 color: #666666;
}
.zy_title a.hover, .zy_title a:hover {
 color: #0056B9;
}
.zy_titlepf {
 float: left;
 width: 100%;
 text-align: center;
 background: #f1f1f1;
 opacity: 0.5;
 height: 42px;
 line-height: 40px;
 color: #333;
 font-size: 14px;
 margin-top: 30px;
 font-family: "Arial,Microsoft yahei";
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 8;
}
.zy_titlepf a {
 color: #333;
}
.zy_titlepf a.hover, .zy_titlepf a:hover {
 color: #0056B9;
}
.zy_titlepf b {
 margin: 0 5px;
}
.c_0100_3 {
 float: left;
 width: 100%;
 position: relative;
 margin-top: 10px;
 min-height: 600px;
}
.l_slide {
 float: left;
 width: 290px;
 position: absolute;
 left: 0;
 top: 0;
}
.right_cont {
 float: left;
 width: 100%;
 padding-left: 320px;
}
.Products_list {
 float: left;
 width: 100%;
 overflow: hidden;
}
.Products_list ul {
 margin-left: -40px;
 margin-top: -40px;
}
.Products_list li {
 float: left;
 width: 33.333%;
 padding-left: 40px;
 margin-top: 40px;
}
.Products_list li a {
 float: left;
 width: 100%;
 border: 1px solid #efefef;
 position: relative;
}
.Products_list li a:hover .pf_1 {
 float: left;
 width: 100%;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
}
.Products_list li .h_text3 {
 float: left;
 width: 100%;
 border-top: 1px solid #efefef;
 text-align: center;
 padding: 15px 0;
}
.Products_list li .h_text3 h1 {
 float: left;
 width: 100%;
 color: #5a5a5a;
 font-size: 17px;
 line-height: 17px;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
}
.Products_list li .h_text3 p {
 float: left;
 width: 100%;
 color: #5a5a5a;
 font-size: 16px;
 line-height: 16px;
 height: 17px;
 overflow: hidden;
 margin-top: 15px;
}
.Products_list li a:hover .pf_1 {
 background: #0056B9;
 opacity: 0.68;
 filter: alpha(opacity=68);
}
.Products_list li .h_pic3 {
 text-align: center;
 padding: 30px;
}
.Products_list li .h_pic3 .img2 {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
/*.Products_list li .h_pic3{ width:100%; height:0; padding-bottom:67%; position:relative; overflow:hidden;}*/

.vido_but {
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.vido_but img {
 width: 60px;
 height: 60px;
 position: absolute;
 left: 50%;
 top: 50%;
 margin: -30px 0 0 -30px;
}
.h_vido {
 margin-top: 20px;
}
.voide_list ul {
 margin-top: -20px;
}
.voide_list li {
 margin-top: 20px;
}
.voide_list li .h_text3.h_sp {
 margin-top: 0;
 border-top: none;
 padding-top: 20px;
}
.voide_list li .h_text3.h_sp h1 {
 font-size: 16px;
 line-height: 16px;
}
.voide_list li .pf_3 {
 float: left;
 width: 100%;
 background: #000;
}
.voide_list li .pf_3:hover .sp_img {
 opacity: 0.7;
 filter: alpha(opacity=70);
}
.voide_list li:hover .h_text3.h_sp h1 {
 color: #0056B9;
}

@media screen and (max-width:1599px) {
.vido_but img {
 width: 40px;
 height: 40px;
 margin: -20px 0 0 -20px;
}
}

@media screen and (max-width:1199px) {
.l_slide {
 float: left;
 width: 225px;
}
.right_cont {
 padding-left: 255px;
}
.Products_list ul {
 margin-left: -30px;
 margin-top: -30px;
}
.Products_list li {
 padding-left: 30px;
 margin-top: 30px;
}
.Products_list li a {
 padding: 20px;
}
.Products_list li .h_text3 {
 margin-top: 20px;
 padding-top: 20px;
}
}

@media screen and (max-width:992px) {
.zy_title {
 display: none;
}
.zy_list1 {
 margin-top: 30px;
}
.zy_list1 h1 {
 font-size: 30px;
 line-height: 30px;
}
.c_0100_3 {
 min-height: 100px;
}
.l_slide {
 width: 100%;
 position: relative;
}
.right_cont {
 padding-left: 0;
 margin-top: 20px;
}
.Products_list ul {
 margin-left: -7px;
 margin-right: -7px;
 margin-top: -15px;
}
.Products_list li {
 padding: 0 7px;
 margin-top: 15px;
}
.Products_list li a {
 padding: 15px;
}
.Products_list li .h_text3 {
 margin-top: 15px;
 padding-top: 15px;
}
.Products_list li .h_text3 p {
 margin-top: 10px;
}
.back7 {
 padding: 0;
}
}

@media screen and (max-width:767px) {
.Products_list li {
 width: 50%;
 padding: 0 5px;
 margin-top: 10px;
}
.Products_list li a {
 padding: 10px;
}
.Products_list ul {
 margin-left: -5px;
 margin-right: -5px;
 margin-top: -10px;
}
.Products_list li .h_text3 {
 margin-top: 10px;
 padding-top: 10px;
}
.Products_list li .h_text3 p {
 margin-top: 5px;
}
.zy_list1 {
 margin-top: 20px;
}
.zy_list1 h1 {
 font-size: 20px;
 line-height: 20px;
}
.c_0100_3 {
 margin-top: 20px;
}
}
/*11新闻中心*/
.Aboutus_list {
 float: left;
 width: 100%;
 overflow: hidden;
 border-top: 1px solid #eeeeee;
}
.Aboutus_list li {
 float: left;
 width: 100%;
 padding: 30px;
 border-bottom: 1px solid #eeeeee;
 transition: background 0.5s ease;
 -o-transition: background 0.5s ease;
 -moz-transition: background 0.5s ease;
 -webkit-transition: background 0.5s ease;
}
.Aboutus_list li a {
 float: left;
 width: 100%;
 position: relative;
}
.h_pic4 {
 position: absolute;
 left: 0;
 top: 50%;
 width: 290px;
 height: 160px;
 margin-top: -75px;
 overflow: hidden;
}
.h_pic4 img {
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
 transition: -webkit-transform 2s;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
.h_text4 {
 float: left;
 width: 100%;
 height: 175px;
 padding-left: 315px;
}
.h_text4 h1 {
 float: left;
 width: 100%;
 position: relative;
 padding-right: 100px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color: #2E2E2E;
 font-size: 20px;
 line-height: 28px;
 height: 82px;
 margin-top: 8px;
 font-weight: bold;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.h_text4 i {
 position: absolute;
 right: 0;
 top: 0;
 color: #666666;
 font-size: 14px;
 line-height: 28px;
 font-style: normal;
 font-weight: normal;
 font-family: "Arial";
}
.h_text4 p {
 float: left;
 width: 100%;
 color: #848484;
 font-size: 18px;
 overflow: hidden;
 margin-top: 20px;
}
.h_text4 span {
 float: left;
 width: 99px;
 height: 24px;
 color: #666666;
 font-size: 14px;
 line-height: 24px;
 margin-top: 15px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
 background: url(images/icon_more.png) no-repeat left top;
}
.h_text4 span:hover {
 background: url(images/icon_more_on.png) no-repeat left top;
}
.Aboutus_list li:hover, .Aboutus_list li.top {
 background: #f6f6f6;
}
.Aboutus_list li:hover .h_text4 h1 {
 color: #1067a7;
}
.Aboutus_list li:hover .h_text4 span {
 color: #1067a7;
}
.Aboutus_list li:hover .h_pic4 img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}

@media screen and (max-width:1199px) {
.Aboutus_list li {
 padding: 20px;
}
.h_text4 {
 padding-left: 186px;
}
}

@media screen and (max-width:767px) {
.Aboutus_list li {
 padding: 10px 0;
}
.h_text4 {
 height: 102px;
 padding-left: 129px;
}
.h_pic4 {
 position: absolute;
 left: 0;
 top: 50%;
 width: 119px;
 height: 102px;
 margin-top: -51px;
}
.h_text4 span {
 margin-top: 5px;
}
.h_text4 p {
 font-size: 12px;
 line-height: 20px;
 height: 25px;
 margin-top: 3px;
}
.h_text4 h1 {
 font-size: 14px;
 line-height: 24px;
 padding-right: 75px;
 margin-top: 5px;
 height: 24px;
}
.h_text4 i {
 font-size: 12px;
}
}
/*10荣誉专利*/
.Honorarypatent_list {
 float: left;
 width: 100%;
}
.Honorarypatent_list ul {
 margin-left: -33px;
 margin-right: -33px;
 margin-top: -22px;
}
.Honorarypatent_list li {
 float: left;
 width: 25%;
 padding: 22px 33px;
}
.Honorarypatent_list li a {
 float: left;
 width: 100%;
 box-shadow: 0 0 8px #ebebeb;
 padding: 22px 20px;
}
.Honorarypatent_list li .h_pic5 {
 float: left;
 width: 100%;
 overflow: hidden;
}
.Honorarypatent_list li .h_pic5 img {
 -webkit-transition: all 0.4s ease-out 0s;
 -moz-transition: all 0.4s ease-out 0s;
 -o-transition: all 0.4s ease-out 0s;
 transition: all 0.4s ease-out 0s;
 transition: -webkit-transform 2s;
 vertical-align: middle;
 -ms-interpolation-mode: bicubic;
}
.Honorarypatent_list li .h_pic5 .img2 {
 width: 100%;
 height: 100%;
 position: absolute;
 top: 0;
 left: 0;
}
.Honorarypatent_list li .h_pic5 {
 width: 100%;
 height: 0;
 padding-bottom: 67%;
 position: relative;
 overflow: hidden;
}
.Honorarypatent_list li a:hover .h_pic5 img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
.Honorarypatent_list li .h_text5 {
 float: left;
 width: 100%;
 padding-top: 20px;
}
.Honorarypatent_list li .h_text5 h1 {
 float: left;
 width: 100%;
 color: #0056B9;
 font-size: 16px;
 line-height: 26px;
}
.Honorarypatent_list li .h_text5 p {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 14px;
 line-height: 25px;
 height: 75px;
 overflow: hidden;
}
.Honorarypatent_list li a:hover .h_text5 h1 {
 font-weight: bold;
}

@media screen and (max-width:1599px) {
.Honorarypatent_list ul {
 margin-left: -22px;
 margin-right: -22px;
 margin-top: -22px;
}
.Honorarypatent_list li {
 float: left;
 width: 25%;
 padding: 22px;
}
.Honorarypatent_list li a {
 padding: 15px;
}
.Honorarypatent_list li .h_text5 {
 padding-top: 10px;
}
}

@media screen and (max-width:1199px) {
.Honorarypatent_list li {
 width: 33.333%;
 padding: 15px;
}
.Honorarypatent_list ul {
 margin-left: -15px;
 margin-right: -15px;
 margin-top: -15px;
}
}

@media screen and (max-width:992px) {
.Honorarypatent_list li {
 padding: 7px;
}
.Honorarypatent_list ul {
 margin-left: -7px;
 margin-right: -7px;
 margin-top: -7px;
}
}

@media screen and (max-width:767px) {
.Honorarypatent_list li {
 width: 50%;
 padding: 5px;
}
.Honorarypatent_list li a {
 padding: 10px;
}
.Honorarypatent_list ul {
 margin-left: -5px;
 margin-right: -5px;
 margin-top: -5px;
}
}
/*10企业简介*/
.pageTitle {
 border-bottom: 1px solid #D8D8D8;
 color: #0056B9;
 font-size: 18px;
 padding: 15px 0;
}
.pageContent {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 16px;
 line-height: 37px;
 padding: 20px 0 70px 0;
}
.file1 {
 float: left;
 width: 100%;
 text-align: center;
 padding: 20px 0 65px 0;
}
.file1 .l1 {
 float: left;
 width: 25%;
 text-align: center;
}
.file1 .l1 .h_pic1 {
 width: 110px;
 height: 125px;
}
.file2 {
 float: left;
 width: 100%;
 text-align: center;
 border-bottom: 1px solid #eeeeee;
 padding: 4px 0 27px 0;
 margin-bottom: 30px;
}
.file2 .l2 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 20px;
 line-height: 32px;
}
.file2 .l3 {
 float: left;
 width: 100%;
 color: #999999;
 font-size: 14px;
 text-transform: uppercase;
 line-height: 28px;
}

@media screen and (max-width:992px) {
.pageContent {
 font-size: 14px;
 line-height: 34px;
 padding: 10px 0 40px 0;
}
.file2 {
 padding: 0 0 15px 0;
 margin-bottom: 15px;
}
.file2 .l2 {
 font-size: 18px;
 line-height: 28px;
}
.file2 .l3 {
 line-height: 24px;
}
.file1 .l1 .h_pic1 {
 width: 55px;
 height: 62px;
}
.file1 {
 padding: 0 0 20px 0;
}
}

@media screen and (max-width:767px) {
.pageContent {
 line-height: 28px;
}
}
.fzlc {
 float: left;
 width: 100%;
}
.z_1200_6_1 {
 width: 100%;
 float: left;
 padding: 74px 0 106px 0;
}
.z_1200_6_1 .z_box {
 width: 100%;
 float: left;
 overflow: hidden;
 position: relative
}
.z_1200_6_1 .z_box ul {
 width: 100%;
 position: absolute;
 left: 0;
 top: 0
}
.z_1200_6_1 .z_item {
 width: 100%;
 float: left;
}
.z_1200_6_1 .z_main5 {
 width: 100%;
 height: 100%;
 float: left;
 position: relative;
 padding: 30px 0 34px 0;
}
.z_main5 .span {
 display: block;
 width: 1px;
 margin-left: -1px;
 float: left;
 background: #bcbcbc;
 height: 100%;
 position: absolute;
 left: 50%;
 top: 0;
}
.z_ico1 {
 width: 19px;
 height: 19px;
 background: url(images/z_ico4.png) no-repeat center;
 position: absolute;
 left: 50%;
 margin-left: -9px;
 top: 0;
 z-index: 9;
}
.z_ico2 {
 width: 10px;
 height: 10px;
 background: url(images/z_ico4.png) no-repeat center;
 position: absolute;
 left: 50%;
 margin-left: -5px;
 bottom: 0;
 z-index: 9;
}
.z_main5 li {
 width: 100%;
 float: left;
 padding:30px 0 35px 0;
}
.z_main5 li .z_time2 {
 font-size: 16px;
 color: #0056B9;
 line-height: 24px;
 font-family: "Arial";
 width: 50%;
 float: left;
}
.z_main5 li .z_text6 {
 font-size: 14px;
 color: #666;
 line-height: 24px;
 width: 49.7%;
 float: left;
}
.z_main5 li .z_text6 .p {
 width: 420px;
}
.z_main5 li.l1 .z_time2 {
 padding-right: 28px;
 text-align: right;
}
.z_main5 li.l1 .z_text6 {
 padding-left: 38px;
 text-align: left;
 background: url(images/z_bian2.jpg) no-repeat left 12px;
}
.z_main5 li.l2 .z_time2 {
 padding-left: 28px;
 text-align: left;
 float: right;
}
.z_main5 li.l2 .z_text6 {
 padding-right: 38px;
 text-align: right;
 background: url(images/z_bian2.jpg) no-repeat right 12px;
}
.z_main5 li.l2 .z_text6 .p {
 float: right;
}
.z_main5 li.l1 .z_text6 {
 float: right;
}
.z_1200_6 {
 width: 100%;
 float: left; /*background:url(images/bian2.png) no-repeat center top;*/
 position: relative;
 height: 104px;
 padding: 47px 55px 0 55px;
}
.z_main3 {
 width: 100%;
 height: 57px;
 position: relative;
 float: left;
}
.z_img4 {
 width: 100%;
 position: absolute;
 left: 0;
 top: 0;
}
.z_img4 .left, .z_img4 .right {
 width: 41px;
 float: left;
 height: 57px;
 cursor: pointer;
 background: url(images/icon_event_control.gif) no-repeat left center;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
 margin-left: 85px;
}
.z_img4 .right {
 margin-right: 85px;
 background: url(images/icon_event_control.gif) no-repeat right center;
 float: right;
}
.z_img4 .left:hover {
 opacity: 0.8;
}
.z_img4 .right:hover {
 opacity: 0.8;
}
.z_main4 {
 width: 900px;
 margin: 0 auto;
 text-align: center;
 overflow: hidden;
 position: absolute;
 left: 50%;
 top: 47px;
 margin-left: -440px;
}
.z_main4 ul {
 position: absolute;
 left: 0;
 top: 0
}
.z_main4 ul li {
 float: left;
 position: relative;
 width: 110px;
}
.z_main4 ul li b {
 display: block;
 height: 57px;
 line-height: 57px;
 margin-right: 1px;
 background-color: #0056B9;
 border-top: 1px solid #0056B9;
 border-bottom: 1px solid #0056B9;
 color: #FFF;
 font-size: 18px;
 text-align: center;
 cursor: pointer;
}
.z_main4 ul li.on b {
 background-color: #F4F9FF;
 color: #0056B9;
}

@media screen and (max-width:1199px) {
.z_1200_6 {
 padding: 47px 0 0 0;
}
.z_main4 ul li {
 width: 16.666%
}
.z_main4 ul li .data {
 width: 100%
}
.z_main4 {
 margin-left: -250px;
}
.z_main5 .span {
 margin-left: 0;
}
.z_main5 li .z_text6 .p {
 width: 100%;
}
}

@media screen and (max-width:767px) {
.z_1200_6_1 {
 padding: 36px 0 53px 0
}
.z_1200_6 {
 padding: 20px;
}
.z_main3 {
 position: absolute;
 left: 0;
}
.z_main4 {
 position: relative;
 margin: 0 auto;
 left: 0;
 top: 0;
}
.z_ico2, .z_ico1 {
 left: 25%;
}
.z_main5 .span {
 left: 25%;
 margin-left: 0;
 width: 1px;
}
.z_main5 li .z_time2 {
 width: 20%;
 padding: 0 !important;
}
.z_main5 li.l2 .z_time2 {
 float: left;
 text-align: right;
}
.z_main5 li.l2 .z_text6 {
 text-align: left;
 padding: 0 0 0 38px;
 background-position: left 12px;
}
.z_main5 li .z_text6 {
 width: 70%;
 float: right;
}
.z_1200_6_1 .title span {
 float: left;
}
.z_img4 .left, .z_img4 .right {
 margin-left: 0;
 margin-right: 0;
}
}
/*9招聘岗位*/
.Recruitment_title {
 float: left;
 width: 100%;
 text-align: center;
 padding: 27px 0 34px 0;
}
.Recruitment_title h1 {
 float: left;
 width: 100%;
 color: #0056B9;
 font-size: 20px;
 line-height: 30px;
}
.Recruitment_title h2 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 12px;
 line-height: 22px;
}
.Recruitment_list {
 float: left;
 width: 100%;
 border-top: 1px solid #eeeeee;
}
.Recruitment_list li {
 float: left;
 width: 100%;
 border-bottom: 1px solid #eeeeee;
 padding: 33px 40px 33px 46px;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 transition: background 0.5s ease;
 -o-transition: background 0.5s ease;
 -moz-transition: background 0.5s ease;
 -webkit-transition: background 0.5s ease;
 position: relative;
}
.Recruitment_list .name {
 float: left;
 width: 33.61%;
}
.Recruitment_list .name a {
 display: block;
 color: #333333;
 font-size: 20px;
 line-height: 28px;
}
.Recruitment_list .name span {
 display: block;
 color: #333333;
 font-size: 14px;
 line-height: 22px;
}
.Recruitment_list .add {
 float: left;
 width: 36.02%;
 color: #333333;
 font-size: 14px;
 line-height: 28px;
}
.Recruitment_list .time {
 float: left;
 color: #909090;
 font-size: 14px;
 line-height: 28px;
}
.Recruitment_list .more {
 float: left;
 color: #333;
 font-size: 16px;
 font-family: "Arial";
 line-height: 26px;
 position: absolute;
 right: 40px;
 top: 50%;
 margin-top: -13px;
}
.Recruitment_list .more a {
 color: #333;
}
.Recruitment_list li:hover {
 background: #f1f1f1;
}
.Recruitment_list li:hover .name a {
 color: #0056B9;
}
.Recruitment_list li:hover .more a {
 color: #0056B9;
}

@media screen and (max-width:1599px) {
.Recruitment_list .name {
 width: 29%;
}
.Recruitment_list .add {
 float: left;
 width: 39%;
}
.Recruitment_list li {
 padding: 33px 25px;
}
.Recruitment_list .more {
 right: 25px;
}
}

@media screen and (max-width:1199px) {
.Recruitment_list .name {
 width: 29%;
}
.Recruitment_list .name a {
 font-size: 16px;
 line-height: 24px;
}
.Recruitment_list .name span {
 font-size: 12px;
 line-height: 20px;
}
.Recruitment_list .add {
 float: left;
 width: 39%;
 font-size: 12px;
 line-height: 26px;
}
.Recruitment_list .time {
 font-size: 12px;
 line-height: 26px;
}
.Recruitment_list li {
 padding: 20px 15px;
}
.Recruitment_list .more {
 right: 15px;
 font-size: 14px;
}
}

@media screen and (max-width:992px) {
.Recruitment_title {
 padding: 10px 0 30px 0;
}
.Recruitment_title h1 {
 font-size: 18px;
 line-height: 28px;
}
}

@media screen and (max-width:767px) {
.Recruitment_title {
 padding: 0px 0 20px 0;
}
.Recruitment_title h1 {
 font-size: 16px;
 line-height: 26px;
}
.Recruitment_list li {
 padding: 15px 10px;
}
.Recruitment_list .name {
 width: 100%;
}
.Recruitment_list .add {
 width: 100%;
 margin-top: 5px;
}
.Recruitment_list .time {
 width: 100%;
 margin-top: 5px;
}
.Recruitment_list .more {
 width: 100%;
 position: static;
 margin-top: 5px;
}
}
/*8在线教程*/
.Servicesupport_list {
 float: left;
 width: 100%;
 overflow: hidden;
}
.Servicesupport_list ul {
 margin-left: -15px;
 margin-right: -15px;
 margin-top: -15px;
}
.Servicesupport_list li {
 float: left;
 width: 100%;
 padding: 15px;
}
.Servicesupport_list li a, .Servicesupport_list li .a {
 float: left;
 width: 100%;
 background: #f6f6f6;
 position: relative;
 padding: 30px;
}
.h_pic4.pf_1 {
 left: 30px;
}
.h_text4.pf_2 {
 position: relative;
}
.h_text4.pf_2 h2 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 18px;
 line-height: 26px;
 max-height: 52px;
 overflow: hidden;
 font-weight: bold;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.h_text4.pf_2 p {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 14px;
 line-height: 28px;
 height: 56px;
 overflow: hidden;
 margin-top: 8px;
}
.h_text4.pf_2 h3 {
 float: left;
 width: 100%;
 position: absolute;
 left: 0;
 bottom: 0;
 padding-left: 191px;
}
.h_text4 h3 time {
 float: left;
 color: #666666;
 font-size: 14px;
 line-height: 20px;
 font-style: normal;
 font-weight: normal;
 font-family: "Arial";
}
.h_text4 h3 font {
 float: right;
 color: #666666;
 font-size: 14px;
 line-height: 20px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.Servicesupport_list li:hover .h_text4 h2 {
 color: #1067a7;
}
.Servicesupport_list li:hover .h_text4 font {
 color: #1067a7;
}
.Servicesupport_list li:hover .h_pic4 img {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}

@media screen and (max-width:1599px) {
.Servicesupport_list ul {
 margin-left: -10px;
 margin-right: -10px;
 margin-top: -10px;
}
.Servicesupport_list li {
 padding: 10px;
}
.Servicesupport_list li a, .Servicesupport_list li .a {
 padding: 20px;
}
.h_pic4.pf_1 {
 left: 20px;
}
.h_text4.pf_2 {
 padding-left: 181px;
}
.h_text4.pf_2 h3 {
 padding-left: 181px;
}
}

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

@media screen and (max-width:992px) {
.Servicesupport_list ul {
 margin-left: -7px;
 margin-right: -7px;
 margin-top: -7px;
}
.Servicesupport_list li {
 padding: 7px;
}
.Servicesupport_list li a. .Servicesupport_list li .a {
padding:15px;
}
.h_pic4.pf_1 {
 left: 15px;
}
}

@media screen and (max-width:767px) {
.Servicesupport_list ul {
 margin-left: -5px;
 margin-right: -5px;
 margin-top: -5px;
}
.Servicesupport_list li {
 padding: 5px;
}
.Servicesupport_list li a, .Servicesupport_list li .a {
 padding: 10px;
}
.h_pic4.pf_1 {
 left: 10px;
}
.h_text4.pf_2 {
 padding-left: 129px;
}
.h_text4.pf_2 h3 {
 padding-left: 129px;
}
.h_text4.pf_2 h2 {
 font-size: 14px;
 line-height: 20px;
 max-height: 40px;
}
.h_text4.pf_2 p {
 font-size: 12px;
 line-height: 18px;
 height: 36px;
 margin-top: 3px;
}
.h_text4 h3 time {
 font-size: 12px;
}
}
/*7在线留言*/
.zxly_title {
 float: left;
 width: 100%;
 padding: 14px 0 24px 0;
 border-bottom: 1px solid #e4e4e4;
}
.zxly_title h1 {
 float: left;
 width: 100%;
 color: #0056B9;
 font-size: 18px;
 line-height: 28px;
}
.zxly_title p {
 float: left;
 width: 100%;
 color: #444444;
 font-size: 14px;
 line-height: 24px;
 margin-top: 15px;
}
.message {
 float: left;
 width: 100%;
 padding: 40px 0;
 border-bottom: 1px solid #e4e4e4;
}
.message .hd {
 float: left;
 width: 100%;
 margin-bottom: 40px;
}
.message .hd li {
 float: left;
 width: 33.3333%;
 text-align: center;
 border-right: 1px solid #fff;
 background: #DFEFFF;
 color: #0056B9;
 font-size: 18px;
 line-height: 54px;
 height: 54px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.message .hd li.on, .message .hd li:hover {
 background: #0056B9;
 color: #fff;
}
.message .hd li a {
 display: block;
 color: #0057B8;
}
.message .hd li.on a, .message .hd li:hover a {
 color: #fff;
}
.message .bd {
 float: left;
 width: 100%;
}
.message .bd_ul {
 float: left;
 width: 100%;
}
.message .bd_ul label {
 float: left;
 width: 100%;
 margin-bottom: 40px;
}
.message .bd .bd_ul .text {
 margin-top: -20px;
 padding-bottom: 15px;
}
.message .bd .bd_ul .text dd {
 color: #444444;
 font-size: 14px;
 line-height: 24px;
 padding-bottom: 15px;
}
.message .bd .bd_ul .text dt {
 height: 30px;
 line-height: 30px;
 background: url(images/icon_mouse.png) no-repeat left 50%;
 padding-left: 30px;
 color: #444444;
 font-size: 16px;
}
.message .bd .bd_ul .text dt.express {
 background: url(images/icon_express.png) no-repeat left 50%;
 margin-bottom: 15px;
}
.message .bd .bd_ul .text dt em {
 font-size: 14px;
 color: #555;
}
.l_input {
 float: left;
 width: 50%;
 padding-right: 15px;
}
.r_input {
 float: left;
 width: 50%;
 padding-left: 15px;
}
.l_textarea {
 float: left;
 width: 100%;
}
.fv1 {
 float: left;
 width: 100%;
 border: 1px solid #e6e6e6;
 padding: 0 18px;
 height: 50px;
 line-height: 50px;
 font-size: 16px;
 color: #999999;
}
.fv2 {
 float: left;
 width: 100%;
 border: 1px solid #e6e6e6;
 padding: 15px 18px;
 height: 165px;
 line-height: 27px;
 font-size: 16px;
 color: #999999;
}
.fv3 {
 float: left;
 width: 252px;
 border: 1px solid #e6e6e6;
 padding: 0 18px;
 height: 50px;
 line-height: 50px;
 font-size: 16px;
 color: #999999;
}
.fv4 {
 float: right;
 width: 224px;
 border: 1px solid #e6e6e6;
 background: #0056B9;
 padding: 0;
 height: 50px;
 line-height: 50px;
 font-size: 16px;
 color: #fff;
 text-align: center;
}
.fv1:focus, .fv2:focus, .fv3:focus {
 border: 1px solid #0056B9;
}
.fv_img {
 float: left;
 width: 76px;
 height: 50px;
 margin-left: 12px;
}
.message input[placeholder], [placeholder], *[placeholder] {
 color: #999 !important;
}
.message ::-webkit-input-placeholder {
color:#999
}
.message :-moz-placeholder {
color:#999
}
.message ::-moz-placeholder {
color:#999
}
.message :-ms-input-placeholder {
color:#999
}
.map {
 float: left;
 width: 100%;
 position: relative;
 margin: 40px 0 50px 0;
}
#bdmap {
 float: left;
 width: 100%;
 height: 456px;
}
.map_pf {
 float: left;
 position: absolute;
 left: 0;
 top: 0;
 height: 100%;
 width: 48%;
 z-index: 999;
 background: url(images/main37.png) center repeat;
 padding: 0 10px 0 50px;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
.map_pf li {
 float: left;
 width: 100%;
 color: #fff;
 font-size: 16px;
 line-height: 42px;
 margin: 15px 0;
 position: relative;
}
.map_pf li span {
 float: left;
 width: 100%;
 padding-left: 142px;
 padding-right: 15px;
}
.map_pf li strong {
 float: left;
 font-size: 20px;
 line-height: 42px;
 position: absolute;
 left: 77px;
 top: 0;
}
.map_pf li.ico1 {
 background: url(images/main38.png) left top no-repeat;
}
.map_pf li.ico2 {
 background: url(images/main39.png) left top no-repeat;
}
.map_pf li.ico3 {
 background: url(images/main40.png) left top no-repeat;
}
.map_pf li.ico4 {
 background: url(images/main41.png) left top no-repeat;
}

@media screen and (max-width:1599px) {
.map_pf {
 padding: 0 10px 0 20px;
}
.map_pf li {
 font-size: 14px;
 line-height: 30px;
}
.map_pf li strong {
 font-size: 16px;
 left: 40px;
 line-height: 30px;
}
.map_pf li.ico1 {
 background-size: 30px 30px;
}
.map_pf li.ico2 {
 background-size: 30px 30px;
}
.map_pf li.ico3 {
 background-size: 30px 30px;
}
.map_pf li.ico4 {
 background-size: 30px 30px;
}
.map_pf li span {
 padding-left: 80px;
}
}

@media screen and (max-width:1199px) {
.fv3 {
 float: left;
 width: 232px;
}
.fv4 {
 float: right;
 width: 194;
}
#bdmap {
 height: 300px;
}
.map_pf {
 padding: 0 12px;
}
.map_pf li {
 margin: 10px 0;
 font-size: 12px;
 line-height: 20px;
}
.map_pf li.ico1 {
 background-size: 20px 20px;
}
.map_pf li.ico2 {
 background-size: 20px 20px;
}
.map_pf li.ico3 {
 background-size: 20px 20px;
}
.map_pf li.ico4 {
 background-size: 20px 20px;
}
.map_pf li strong {
 left: 28px;
 font-size: 14px;
 line-height: 20px;
}
.map_pf li span {
 padding-left: 62px;
}
}

@media screen and (max-width:992px) {
.message .bd_ul label {
 margin: 20px 0 0 0;
}
.fv1 {
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 padding: 0 15px;
}
.fv2 {
 font-size: 14px;
 line-height: 24px;
 height: 136px;
 padding: 8px 15px;
}
.fv3 {
 height: 40px;
 line-height: 40px;
 font-size: 14px;
 padding: 0 15px;
}
.fv4 {
 height: 40px;
 line-height: 40px;
 font-size: 14px;
}
.fv_img {
 width: 61px;
 height: 40px;
 margin-left: 12px;
}
.message {
 padding: 20px 0;
}
.message .hd li {
 font-size: 16px;
 line-height: 40px;
 height: 40px;
}
.map {
 margin: 20px 0 30px 0;
}
.zxly_title {
 padding: 0 0 20px 0;
}
.zxly_title h1 {
 font-size: 16px;
}
.l_input {
 padding-right: 7px;
}
.r_input {
 padding-left: 7px;
}
.map_pf li {
 margin: 5px 0;
}
}

@media screen and (max-width:767px) {
.l_input {
 width: 100%;
 padding: 0;
}
.r_input {
 width: 100%;
 padding: 0;
 margin-top: 10px;
}
.fv3 {
 float: left;
 width: 150px;
}
.fv4 {
 float: left;
 width: 130px;
}
.zxly_title p {
 font-size: 12px;
 line-height: 22px;
 margin-top: 5px;
}
.zxly_title {
 padding: 0 0 10px 0;
}
.message .bd_ul label {
 margin: 10px 0 0 0;
}
.map_pf {
 width: 100%;
 bottom: 0;
 top: auto;
 height: auto;
 padding: 10px;
}
.map_pf li {
 height: auto;
 line-height: 22px;
 margin: 3px 0;
}
}
/*6资料下载列表*/
.Race {
 float: left;
 width: 100%;
 background: #f1f1f1;
 padding: 7px 10px;
}
.gjz {
 float: left;
 color: #444;
 font-size: 14px;
 line-height: 32px;
 position: absolute;
 left: 20px;
 top: 50%;
 margin-top: -16px;
}
.l_type {
 float: left;
 padding: 5px 0 5px 90px;
 position: relative;
}
.l_type2 {
 padding-left: 101px;
}
.fv5 {
 float: left;
 width: 240px;
 height: 32px;
 line-height: 32px;
 border: 1px solid #e4e4e4;
 padding: 0 12px;
 color: #9b9b9b;
 font-size: 12px;
}
.l_type1 {
 float: left;
 margin-left: 20px;
 padding: 5px 0 5px 137px;
 position: relative;
}
.fv6 {
 float: left;
 width: 113px;
 height: 32px;
 background: #0056B9 url(images/main49.png) 14px center no-repeat;
 color: #fff;
 text-indent: 20px;
 font-size: 14px;
 line-height: 30px;
 position: absolute;
 left: 0;
 top: 50%;
 margin-top: -16px;
}
.ksdh {
 float: left;
 width: 312px;
 overflow: hidden;
 color: #333333;
 font-size: 14px;
 line-height: 32px;
 height: 32px;
}
.ksdh a {
 color: #333333;
 font-size: 12px;
 line-height: 32px;
}
.ksdh a:hover {
 color: #0056B9;
 text-decoration: underline;
}
.top_sosuo_1 {
 width: 240px;
 float: left;
 z-index: 9999999;
}
.top_sosuo_1 .sosuo_ul {
 z-index: 999;
 width: 240px;
 left: 1px;
 display: none;
 z-index: 999999;
 overflow: hidden;
 background: #fff;
 border: 1px solid #e4e4e4;
 padding: 5px 0;
}
.top_sosuo_1 .sosuo_ul li {
 float: left;
 width: 100%;
 text-indent: 12px;
 line-height: 24px;
 height: 24px;
 cursor: pointer;
 color: #9b9b9b;
 font-size: 12px;
}
.top_sosuo_1 .li_div {
 float: left;
 width: 240px;
 line-height: 32px;
 border: 1px solid #e4e4e4;
 text-indent: 12px;
 color: #9b9b9b;
 font-size: 12px;
 background: #fff url(images/main48.png) 216px center no-repeat;
}
.Download {
 float: left;
 width: 100%;
 margin-bottom: 30px;
}
.Download .downLine {
 border: 1px solid #e4e4e4;
 float: left;
 width: 100%;
 margin-bottom: 50px;
}
.Download_title {
 float: left;
 width: 100%;
 position: relative;
 margin-top: -1px;
}
.Download_title li {
 float: left;
 width: 25%;
}
.Download_title li a {
 float: left;
 width: 100%;
 text-align: center;
 border-right: 1px solid #fff;
 background: #DFEFFF;
 color: #0057B8;
 font-size: 18px;
 line-height: 54px;
 height: 54px;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.Download_title li.on a {
 background: #0057B8;
 color: #fff;
}
.Download_list {
 float: left;
 width: 100%;
 padding: 0 30px;
 margin-top: 15px;
}
.Download_list li {
 float: left;
 width: 100%;
 line-height: 55px;
 color: #333333;
 font-size: 14px;
 border-bottom: 1px solid #e7e6e6;
 -webkit-transition: all 0.2s ease-out 0s;
 -moz-transition: all 0.2s ease-out 0s;
 -o-transition: all 0.2s ease-out 0s;
 transition: all 0.2s ease-out 0s;
}
.xz_box {
 float: left;
 width: 100%;
 position: relative;
}
.xz_cont {
 float: left;
 width: 100%;
 padding: 0 78px 0 124px;
}
.xz_1 {
 float: left;
 color: #888888;
 padding-left: 23px;
 background: url(images/main42.png) left center no-repeat;
 position: absolute;
 left: 0;
 top: 0;
}
.xz_1 span {
 padding-right: 23px;
 background: url(images/main46.jpg) right center no-repeat;
}
.xz_2 {
 float: left;
 width: 58.25%;
}
.xz_2 a {
 float: left;
 width: 100%;
 color: #333333;
 white-space: nowrap;
 text-overflow: ellipsis;
 overflow: hidden;
 padding-right: 30px;
}
.xz_3 {
 float: left;
 width: 25.42%;
}
.xz_4 {
 float: left;
 width: 16.13%;
}
.xz_5 {
 float: right;
 width: 78px;
 position: absolute;
 right: 0;
 top: 0;
}
.xz_5 a {
 color: #888888;
 background: url(images/main44.png) left center no-repeat;
 padding-left: 18px;
}
.Download_list li:hover {
 background: #0056B9;
 color: #fff;
 padding: 0 20px;
}
.Download_list li:hover .xz_1 {
 color: #cbe9ff;
 background: url(images/main43.png) left center no-repeat;
}
.Download_list li:hover .xz_1 span {
 color: #fff;
 background: url(images/main47.jpg) right center no-repeat;
}
.Download_list li:hover .xz_2 a {
 color: #fff;
}
.Download_list li:hover .xz_5 a {
 color: #fff;
 background: url(images/main45.png) left center no-repeat;
}

@media screen and (max-width:1599px) {
.Download_list {
 padding: 0 20px;
}
.xz_1 {
 padding-left: 20px;
}
.xz_1 span {
 padding-right: 16px;
}
.xz_cont {
 float: left;
 width: 100%;
 padding: 0 78px 0 148px;
}
.xz_3 {
 float: left;
 width: 22.55%;
}
.xz_4 {
 float: left;
 width: 19%;
}
.xz_2 a {
 padding-right: 25px;
}
.Race {
 float: left;
 width: 100%;
 background: #f1f1f1;
 padding: 7px 0;
}
.fv6 {
 width: 100px;
 background: #0056B9 url(images/main49.png) 10px center no-repeat
}
.l_type1 {
 padding-left: 110px;
}
.l_type {
 padding-left: 75px;
}
.l_type2 {
 padding-left: 90px;
}
.gjz {
 left: 15px;
}
.l_type1 {
 margin-left: 15px;
}
.fv5 {
 width: 200px;
}
.top_sosuo_1 {
 width: 200px;
}
.top_sosuo_1 .li_div {
 width: 200px;
 background: #fff url(images/main48.png) 180px center no-repeat;
}
.top_sosuo_1 .sosuo_ul {
 width: 200px
}
}

@media screen and (max-width:1399px) {
.l_type {
 width: 50%;
}
.Race {
 padding: 7px 15px 7px 0;
}
.fv5 {
 width: 100%;
}
.top_sosuo_1 {
 width: 100%;
}
.top_sosuo_1 .li_div {
 width: 100%;
 background: #fff url(images/main48.png) 97% center no-repeat;
}
.top_sosuo_1 .sosuo_ul {
 width: 100%
}
}

@media screen and (max-width:1199px) {
.Download_list {
 padding: 0 15px;
}
.Download_list li:hover {
 padding: 0 15px;
}
.xz_3 {
 float: left;
 width: 25%;
}
.xz_4 {
 float: left;
 width: 25%;
}
.xz_2 {
 float: left;
 width: 50%;
}
}

@media screen and (max-width:992px) {
.Download_title li a {
 font-size: 16px;
 line-height: 40px;
 height: 40px;
}
}

@media screen and (max-width:767px) {
.Download {
 margin: 20px 0;
}
.Download_list {
 padding: 0 10px;
}
.Download_list li {
 line-height: 28px;
 padding: 10px 0;
}
.Download_list li:hover {
 padding: 10px;
}
.xz_cont {
 padding: 0;
}
.xz_3 {
 float: left;
 width: 100%;
}
.xz_4 {
 float: left;
 width: 100%;
}
.xz_2 {
 float: left;
 width: 100%;
}
.xz_2 a {
 padding-right: 0;
}
.xz_5 {
 float: left;
 position: static;
}
.xz_1 {
 position: static;
}
.l_type {
 float: left;
 width: 100%;
}
.fv5 {
 float: left;
 width: 100%;
}
.gjz {
 left: 0;
}
.l_type {
 padding: 5px 0 5px 70px;
}
.l_type2 {
 padding-left: 81px;
}
.l_type1 {
 width: 100%;
 margin-left: 0;
}
.Race {
 padding: 7px 10px;
}
.ksdh {
 float: left;
 width: 100%;
}
}
/*2产品-详情*/
.c_0100_4 {
 float: left;
 width: 100%;
 padding: 20px 0;
}
.prod_scoll {
 float: left;
 width: 33%;
 margin-right: 4%
}
.top_big {
 float: left;
 width: 100%;
 padding-right: 2px;
}
.top_big .slick-slide {
 border: 1px solid #dfdfdf;
}
.top_big .slick-dots {
 height: 0;
 overflow: hidden;
}
.top_big .slick-next {
 height: 0;
 overflow: hidden;
}
.top_big .slick-prev {
 height: 0;
 overflow: hidden;
}
.down_small {
 float: left;
 width: 100%;
 margin-top: 20px;
}
.down_small .slick-dots {
 height: 0;
 overflow: hidden;
}
.down_small .slick-slide {
 margin-right: 10px;
 outline: none;
}
.down_small .slick-slide div {
 border: 1px solid #dfdfdf;
}
.down_small .slick-slide.slick-current div {
 border: 3px solid #0056B9;
}
.down_small .slick-next {
 height: 42px;
 width: 15px;
 right: 0;
 margin-top: -21px;
 background: url(images/main52.png) center no-repeat #cccccc;
}
.down_small .slick-prev {
 height: 42px;
 width: 15px;
 left: 0;
 margin-top: -21px;
 background: url(images/main51.png) center no-repeat #cccccc;
}
.down_small .slick-next:hover {
 background: url(images/main52.png) center no-repeat #0056B9;
}
.down_small .slick-prev:hover {
 background: url(images/main51.png) center no-repeat #0056B9;
}
.prod_text {
 float: left;
 width: 33%;
 margin-right: 4%
}
.prod_text h1 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 30px;
 line-height: 40px; /*margin-top:76px;*/
}
.prod_text p {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 16px;
 line-height: 30px;
 margin-top: 38px;
}
.prod_text .zxkf {
 float: left;
 width: 100%;
 margin-top: 63px;
 border-top: 1px solid #dcdcdc;
 border-bottom: 1px solid #dcdcdc;
 padding: 15px 0;
}
.prod_text .zxkf em {
 float: left;
 color: #555555;
 font-size: 16px;
 line-height: 30px;
 margin-right: 15px;
}
.prod_text .zxkf a {
 float: left;
 color: #979797;
 font-size: 16px;
 line-height: 30px;
 padding-left: 35px;
 margin-right: 15px;
}
.prod_text .zxkf a.imgQQ {
 background: url(images/icon_qq.png) left center no-repeat;
}
.prod_text .zxkf a.imgEmail {
 background: url(images/icon_email.png) left center no-repeat;
}
.prod_text .zxkf a:hover {
 color: #0056B9;
}
.iconDown {
 display: inline-block;
 width: 20px;
 height: 20px;
 background: url(images/icon_down.png) center center no-repeat;
}
.iconPlusMinus {
 display: inline-block;
 width: 19px;
 height: 19px;
 background: url(images/icon_minus.png) center center no-repeat;
}
.prod_other {
 float: left;
 width: 26%;
 border: 1px solid #dcdcdc;
}
.prod_other h3 {
 border-bottom: 1px solid #dcdcdc;
 font-size: 18px;
 color: #0056B9;
 padding: 10px 15px;
 zoom: 1;
 overflow: hidden;
}
.prod_other h3 em {
 display: inline-block;
 float: left;
 line-height: 25px;
 height: 25px;
 margin-right: 15px;
}
.prod_other h3 i.iconDown {
 height: 25px;
 float: left;
}
.prod_other dl {
 padding: 5px 15px 15px 15px;
}
.prod_other dl dt {
 font-size: 18px;
 color: #0056B9;
 padding: 10px 0;
 zoom: 1;
 overflow: hidden;
}
.prod_other dl dt em {
 display: inline-block;
 float: left;
 line-height: 25px;
 height: 25px;
 margin-right: 15px;
}
.prod_other dl dt i.iconPlusMinus {
 height: 25px;
 float: left;
}
.prod_other dl dd a {
 display: block;
 margin-bottom: 10px;
}
.share_box {
 float: left;
 width: 100%;
 margin-top: 28px;
}
.share_box a {
 -webkit-transition: none;
 -moz-transition: none;
 -o-transition: none;
 transition: none;
}
.shareto {
 float: left;
 width: 79px;
 color: #666666;
 font-size: 16px;
 line-height: 24px;
}
.weixin {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: 0 0;
 margin-right: 23px;
}
.pyq {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -46px 0;
 margin-right: 23px;
}
.qq {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -94px 0;
 margin-right: 23px;
}
.qqkj {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -138px 0;
 margin-right: 23px;
}
.qqmb {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -184px 0;
 margin-right: 23px;
}
.sinaminiblog {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -231px 0;
}
.weixin:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: 0 -30px;
 margin-right: 23px;
}
.pyq:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -46px -30px;
 margin-right: 23px;
}
.qq:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -94px -30px;
 margin-right: 23px;
}
.qqkj:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -138px -30px;
 margin-right: 23px;
}
.qqmb:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -184px -30px;
 margin-right: 23px;
}
.sinaminiblog:hover {
 float: left;
 width: 24px;
 height: 24px;
 background: url(images/main57.png) no-repeat;
 background-position: -231px -30px;
}
.c_0100_5 {
 float: left;
 width: 100%;
}
.c_0100_5 .hd {
 float: left;
 width: 100%;
 background: url(images/main56.png) center repeat;
 padding: 30px 145px;
 text-align: center;
}
.c_0100_5 .hd li {
 float: left;
 width: 25%;
 text-align: center;
 border-right: 1px solid #5d98c4;
 position: relative;
}
.c_0100_5 .hd i {
 display: inline-block;
*display:inline;
*zoom:1;
 width: 42px;
 height: 42px;
}
.c_0100_5 .hd .ico1 {
 background: url(images/main59.png) center no-repeat;
 background-size: 100% 100%;
}
.c_0100_5 .hd .ico2 {
 background: url(images/main60.png) center no-repeat;
 background-size: 100% 100%;
}
.c_0100_5 .hd .ico3 {
 background: url(images/main61.png) center no-repeat;
 background-size: 100% 100%;
}
.c_0100_5 .hd .ico4 {
 background: url(images/main62.png) center no-repeat;
 background-size: 100% 100%;
}
.c_0100_5 .hd span {
 float: left;
 width: 100%;
 margin-top: 10px;
 line-height: 16px;
 color: #fff;
 font-size: 16px;
}
.c_0100_5 .hd em {
 display: none;
 float: left;
 width: 100%;
 height: 9px;
 background: url(images/main58.png) center bottom no-repeat;
 position: absolute;
 left: 0;
 bottom: -30px;
}
.c_0100_5 .hd li.on em {
 display: block;
}
.c_0100_5 .bd {
 float: left;
 width: 100%;
 padding-top: 60px;
}
.bd_ul {
 float: left;
 width: 100%;
 position: relative;
}
.bd_list {
 float: left;
 position: absolute;
 left: 0;
 top: 0;
 color: #888888;
 font-size: 30px;
 line-height: 30px;
}
.bd_cont {
 float: left;
 width: 100%;
 color: #888888;
 font-size: 16px;
 line-height: 30px;
 padding-left: 290px;
 margin-top: 8px;
}
.sx_pages {
 float: left;
 width: 100%;
 margin: 60px 0;
 border-bottom: 1px solid #d9d9d9;
 border-top: 1px solid #d9d9d9;
}
.sx_pages a {
 float: left;
 line-height: 53px;
 color: #666666;
 font-size: 14px;
}
.l_pages {
 width: 40%;
}
.l_pages span {
 color: #1067a7;
 margin-left: 20px;
 padding-left: 12px;
 background: url(images/main54.png) left center no-repeat;
}
.r_pages {
 width: 40%;
 text-align: right;
}
.r_pages span {
 color: #1067a7;
 margin-right: 20px;
 padding-right: 12px;
 background: url(images/main55.png) right center no-repeat;
}
.sx_pages a:hover {
 color: #1067a7;
}
.sx_pages a.fanhui {
 width: 20%;
 text-align: center;
 color: #1067a7;
}
.sx_pages a.fanhui:hover {
 text-decoration: underline;
}

@media screen and (max-width:1599px) {
.prod_text h1 {
 margin-top: 38px;
}
.prod_text p {
 margin-top: 19px;
}
.prod_text .zxkf {
 margin-top: 31px;
}
.c_0100_5 .hd {
 padding: 30px 70px;
}
.bd_cont {
 padding-left: 200px;
}
}

@media screen and (max-width:1199px) {
.prod_scoll {
 padding-left: 0;
}
.prod_text {
 padding-right: 0;
}
.prod_text p {
 font-size: 14px;
 line-height: 28px;
}
.prod_text h1 {
 font-size: 22px;
 line-height: 32px;
}
}

@media screen and (max-width:992px) {
.prod_scoll {
 width: 100%;
 padding-left: 0;
}
.prod_text {
 width: 100%;
 padding-right: 0;
}
.c_0100_4 {
 padding: 30px 0;
}
.c_0100_5 .hd {
 padding: 15px 0;
}
.bd_cont {
 padding-left: 180px;
 font-size: 14px;
 line-height: 28px;
}
.c_0100_5 .hd span {
 margin-top: 5px;
 line-height: 14px;
 font-size: 14px;
}
.c_0100_5 .hd i {
 width: 30px;
 height: 30px;
}
.bd_list {
 font-size: 22px;
}
.c_0100_5 .bd {
 padding-top: 30px;
}
.sx_pages {
 margin: 30px 0;
}
.bd_cont {
 padding-left: 0;
}
.bd_list {
 position: static;
}
.sx_pages a {
 line-height: 40px;
}
.sx_pages font {
 display: none;
}
.r_pages span {
 margin-right: 0;
}
.l_pages span {
 margin-left: 0;
}
.down_small .slick-slide.slick-current div {
 border: 2px solid #0056B9;
}
}

@media screen and (max-width:767px) {
.down_small {
 margin-top: 10px;
}
.down_small .slick-slide {
 margin: 0 3px;
}
.top_big {
 float: left;
 width: 100%;
 padding: 0 28px;
}
.down_small .slick-next {
 height: 30px;
 margin-top: -15px;
}
.down_small .slick-prev {
 height: 30px;
 margin-top: -15px;
}
.c_0100_4 {
 padding: 20px 0;
}
.c_0100_5 .bd {
 padding-top: 20px;
}
.sx_pages {
 margin: 20px 0;
}
}
/*3应用案例*/
.c_0100_6 {
 float: left;
 width: 100%;
 padding: 34px 0 0 0;
}
.l_list1 {
 float: left;
 width: 100%;
 font-size: 24px;
 line-height: 34px;
 color: #0056B9;
}
.l_cont1 {
 float: left;
 width: 100%;
 color: #333333;
 font-size: 16px;
 line-height: 30px;
 margin: 18px 0 13px 0;
}
.l_cont2 {
 float: left;
 width: 100%;
}
.l_cont2 ul {
 margin-left: -15px;
 margin-right: -15px;
}
.l_cont2 li {
 float: left;
 width: 50%;
 padding: 0 15px;
 margin-top: 20px;
}
.l_cont2 .h_pic6 {
 float: left;
 width: 100%;
 overflow: hidden;
 position: relative;
 background: #000;
 line-height: 0;
}
.l_cont2 .h_pic6 img {
 opacity: 0.6;
 filter: alpha(opacity=60);
}
.l_cont2 .h_pf1 {
 float: left;
 width: 100%;
 position: absolute;
 left: 0;
 top: 50%;
 text-align: center;
 margin-top: -32px;
}
.l_cont2 .h_pf1 h1 {
 display: inline-block;
*display:inline;
*zoom:1;
 font-size: 36px;
 line-height: 36px;
 color: #fff;
 text-transform: uppercase;
}
.l_cont2 .h_pf1 h2 {
 display: inline-block;
*display:inline;
*zoom:1;
 font-size: 14px;
 line-height: 14px;
 color: #fff;
 margin-top: 14px;
 text-transform: uppercase;
 background: url(images/main65.jpg) left center no-repeat;
 padding-left: 78px;
}
.l_cont2 .h_pf1 h2 span {
 background: url(images/main65.jpg) right center no-repeat;
 padding-right: 78px;
}
.l_cont2 .h_text6 {
 float: left;
 width: 100%;
 background: #f1f1f1;
 height: 275px;
 padding: 20px 0 20px 30px;
}
.l_cont2 .h_text6 a {
 float: left;
 width: 33.333%;
 margin: 10px 0;
 height: 40px;
 line-height: 40px;
 color: #333333;
 font-size: 14px;
 padding-left: 51px;
}
.l_cont2 .h_text6 a:hover {
 color: #0056B9;
}
.l_cont2 .h_text6 .ico1 {
 background: url(images/img1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico2 {
 background: url(images/img2.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico3 {
 background: url(images/img3.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico4 {
 background: url(images/img4.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico5 {
 background: url(images/img5.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico6 {
 background: url(images/img6.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico7 {
 background: url(images/img7.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico8 {
 background: url(images/img8.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico9 {
 background: url(images/img9.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico10 {
 background: url(images/img10.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico11 {
 background: url(images/img11.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico12 {
 background: url(images/img12.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico13 {
 background: url(images/img13.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico14 {
 background: url(images/img14.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico15 {
 background: url(images/img15.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico16 {
 background: url(images/img16.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico17 {
 background: url(images/img17.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico18 {
 background: url(images/img18.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico1:hover {
 background: url(images/img1_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico2:hover {
 background: url(images/img2_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico3:hover {
 background: url(images/img3_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico4:hover {
 background: url(images/img4_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico5:hover {
 background: url(images/img5_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico6:hover {
 background: url(images/img6_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico7:hover {
 background: url(images/img7_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico8:hover {
 background: url(images/img8_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico9:hover {
 background: url(images/img9_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico10:hover {
 background: url(images/img10_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico11:hover {
 background: url(images/img11_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico12:hover {
 background: url(images/img12_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico13:hover {
 background: url(images/img13_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico14:hover {
 background: url(images/img14_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico15:hover {
 background: url(images/img15_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico16:hover {
 background: url(images/img16_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico17:hover {
 background: url(images/img17_1.png) left center no-repeat;
 background-size: 40px 40px;
}
.l_cont2 .h_text6 .ico18:hover {
 background: url(images/img18_1.png) left center no-repeat;
 background-size: 40px 40px;
}

@media screen and (max-width:1599px) {
.l_cont2 .h_text6 a {
 font-size: 12px;
 padding-left: 46px;
}
.l_cont2 .h_text6 {
 padding-left: 10px;
}
}

@media screen and (max-width:1199px) {
.l_cont2 .h_text6 {
 height: 400px;
}
.l_cont2 .h_text6 a {
 width: 50%;
}
}

@media screen and (max-width:992px) {
.l_cont2 ul {
 margin-left: 0;
 margin-right: 0;
}
.l_cont2 li {
 width: 100%;
 padding: 0;
}
.l_cont2 .h_text6 {
 height: auto;
 padding: 12px 10px;
 margin-top: 0;
}
.l_cont2 .h_text6 a {
 width: 33.33333%;
}
.l_cont1 {
 font-size: 14px;
 line-height: 28px;
}
.l_list1 {
 font-size: 18px;
 line-height: 28px;
}
.l_cont2 .h_pf1 {
 margin-top: -22px;
}
.l_cont2 .h_pf1 h1 {
 font-size: 22px;
 line-height: 22px;
}
.l_cont2 .h_pf1 h2 {
 font-size: 12px;
 margin-top: 8px;
 padding-left: 40px;
 background-size: 30px 1px;
}
.l_cont2 .h_pf1 h2 span {
 padding-right: 40px;
 background-size: 30px 1px;
}
}

@media screen and (max-width:767px) {
.l_cont2 .h_text6 {
 padding: 10px 0 10px 10px;
}
.l_cont2 .h_text6 a {
 width: 50%;
 line-height: normal;
 display: flex;
 flex-wrap: wrap;
 align-items: center;
 padding-right: 10px;
}
.c_0100_6 {
 padding-top: 20px;
}
.l_cont1 {
 margin: 10px 0 0 0;
}
}
.c_0100_7 {
 float: left;
 width: 100%;
 padding: 50px 0 55px 0;
 overflow: hidden;
}
.h_m_15 {
 margin-left: -15px;
 margin-right: -15px;
}
.Recommended_list {
 float: left;
 width: 100%;
}
.Recommended_list .slick-slide {
 width: 100%;
}
.Recommended_list .slick-slide li {
 float: left;
 width: 32.3%;
 padding-right: 2%;
 margin-bottom: 25px;
}
.Recommended_list .slick-slide li.last {
}
.Recommended_list .slick-dots {
 margin-top: 35px;
 position: static;
}
.Recommended_list .slick-dots li {
 width: 11px;
 height: 11px;
 overflow: hidden;
}
.Recommended_list .slick-dots li button {
 width: 11px;
 height: 11px;
 background: #999999;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 text-indent: -99999px;
}
.Recommended_list .slick-dots li.slick-active button {
 background: #0056B9;
}
.Recommended_list .slick-slide .title {
 padding: 15px 18px 10px 18px;
 height: auto;
 background: #f6f6f6;
 float: left;
 width: 100%;
}
.Recommended_list .slick-slide .title h1 {
 font-size: 18px;
 white-space:nowrap;
 overflow: hidden;
 text-overflow:ellipsis;
}
.Recommended_list .slick-slide .title p {
 margin: 40px 0 10px 0;
 height: 22px;
 font-size: 16px;
 color: #5a5a5a;
}
.Recommended_list .slick-slide .title .more {
 float: right;
 display: inline-block;
 width: 22px;
 height: 22px;
 background: url(images/icon_next.png) center center no-repeat;
}
.Recommended_list .slick-slide a:hover .title .more {
 display: inline-block;
 width: 22px;
 height: 22px;
 background: url(images/icon_next_on.png) center center no-repeat;
}
.l_img1 {
 float: left;
 width: 100%;
}
.l_img1 img {
 max-height: 220px;
}
.h_p_l0 {
 padding: 0 25px 22px 20px;
 height: auto;
 background: #f6f6f6;
}
.h_p_l0 h1 {
 padding-right: 0;
}
.h_p_l0 span {
 text-align: right;
 margin-top: 20px;
}
.Recommended_tit {
 float: left;
 width: 100%;
 padding-bottom: 30px;
 color: #0056B9;
 font-size: 24px;
 line-height: 24px;
}
.Recommended_tit span {
 text-transform: uppercase;
 font-size: 14px;
 color: #333333;
 font-family: "Arial";
}
.Recommended_list .slick-slide li:hover .h_p_l0 h1 {
 color: #0056B9;
}
.Recommended_list .slick-slide li:hover .h_p_l0 span {
 color: #0056B9;
}

@media screen and (max-width:1199px) {
.h_m_15 {
 margin-left: -10px;
 margin-right: -10px;
}
.Recommended_list .slick-slide {
 margin: 0 10px;
}
.h_p_l0 {
 padding: 0 15px 15px 15px;
}
.Recommended_list .slick-slide li {
 padding: 0 10px;
}
}

@media screen and (max-width:992px) {
.h_m_15 {
 margin-left: -7px;
 margin-right: -7px;
}
.Recommended_list .slick-slide {
 margin: 0 7px;
}
.h_p_l0 {
 padding: 0 10px 10px 10px;
}
.c_0100_7 {
 padding: 30px 0;
}
.Recommended_list .slick-dots {
 margin-top: 20px;
}
.Recommended_tit {
 padding-bottom: 15px;
 font-size: 18px;
 line-height: 18px;
}
.Recommended_tit span {
 font-size: 12px;
}
.Recommended_list .slick-slide li {
 width: 50%;
 padding: 0 7px;
 margin: 7px 0;
}
}

@media screen and (max-width:767px) {
.c_0100_7 {
 padding: 20px 0;
}
.h_m_15 {
 margin-left: -5px;
 margin-right: -5px;
}
.Recommended_list .slick-slide {
 margin: 0 5px;
}
.h_p_l0 {
 padding: 0 10px 10px 10px;
}
.h_p_l0 span {
 margin-top: 5px;
}
.Recommended_list .slick-slide li {
 padding: 0 5px;
 margin: 5px 0;
}
}
/*4应用案例列表*/
.h_pf2 {
 margin-top: -18px;
}
.l_cont2 .h_pf2 h2 {
 font-size: 36px;
}
.h_txt1 {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 14px;
 line-height: 28px;
 border-bottom: 1px solid #e0e0e0;
 padding: 34px 0;
}
.jzqzj_list {
 float: left;
 width: 100%;
}
.jzqzj_list li {
 float: left;
 width: 100%;
 margin-top: 20px;
 border: 1px solid #e6e6e6;
 line-height: 38px;
 padding: 10px 30px 10px 26px;
}
.jzqzj_list li a {
 float: left;
 width: 100%;
 position: relative;
 padding-right: 95px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 color: #333333;
 font-size: 14px;
}
.jzqzj_list li a time {
 float: right;
 color: #333333;
 font-size: 14px;
 position: absolute;
 right: 0;
 top: 0;
}
.jz_anli {
 float: left;
 width: 100%;
 color: #0056B9;
 font-size: 24px;
 line-height: 24px;
 margin-top: 40px;
}
.jzqzj_list li a:hover {
 color: #1067a7;
}

@media screen and (max-width:992px) {
.h_pf2 {
 margin-top: -12px;
}
.l_cont2 .h_pf2 h2 {
 font-size: 22px;
 line-height: 24px;
}
.h_txt1 {
 padding: 23px 0;
}
.jzqzj_list li {
 margin-top: 15px;
 padding: 0 15px;
}
.jz_anli {
 font-size: 18px;
 line-height: 18px;
 margin-top: 20px;
}
}

@media screen and (max-width:767px) {
.jz_anli {
 margin-top: 15px;
}
.l_cont2 .h_pf2 h2 {
 font-size: 18px;
 line-height: 18px;
}
.h_txt1 {
 padding: 13px 0;
}
.jzqzj_list li {
 margin-top: 10px;
 padding: 0 10px;
}
}
/*5服务支持*/
.left_cont {
 float: left;
 width: 100%;
 position: relative;
 padding-right: 320px;
}
.h_P_30 {
 padding: 30px;
 margin: 0;
}
.h_p_15 {
 padding: 30px 0 40px 0;
}
.tutorials_list .slick-slide {
 width: 100%;
 margin: 0;
}
.tutorials_list .slick-slide li {
 width: 33.3333%;
}
.tutorials_list .slick-dots {
 float: left;
 width: 100%;
 margin-top: 15px;
 position: static;
 text-align: center;
}
.tutorials_list .slick-dots li {
 float: none;
 display: inline-block;
*display:inline;
*zoom:1;
 width: 11px;
 height: 11px;
 overflow: hidden;
 padding: 0;
}
.tutorials_list .slick-dots li button {
 display: inline-block;
*display:inline;
*zoom:1;
 width: 11px;
 height: 11px;
 background: #999999;
 border-radius: 50%;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 text-indent: -99999px;
}
.tutorials_list .slick-dots li.slick-active button {
 background: #0056B9;
}
.more_one {
 float: right;
 width: 52px;
 height: 19px;
 line-height: 17px;
 text-align: center;
 color: #666666;
 font-size: 12px;
 border: 1px solid #e4e4e4;
}
.more_one:hover {
 color: #fff;
 background: #0056B9;
 border: 1px solid #0056B9;
}
.zlxz {
 float: left;
 width: 100%;
 line-height: 20px;
 font-size: 18px;
 color: #0056B9;
 margin-bottom: 20px;
}
.r_wyly {
 position: absolute;
 right: 0;
 top: 0;
 float: right;
 width: 290px;
 height: 390px;
 padding: 30px 25px;
 border: 1px solid #e6e6e6;
}
.r_wyly h1 {
 float: left;
 width: 100%;
 color: #0056B9;
 font-size: 18px;
 line-height: 18px;
}
.r_wyly h2 {
 float: left;
 width: 100%;
 color: #666666;
 font-size: 14px;
 line-height: 22px;
 padding: 16px 0 20px 0;
}
.r_wyly h3 {
 float: left;
 width: 100%;
 margin-bottom: 10px;
}
.r_wyly h4 {
 float: left;
 width: 100%;
 margin-top: 10px;
 text-align: center;
 background: #0056B9;
}
.r_wyly h4 a {
 color: #fff;
 font-size: 18px;
 line-height: 47px;
 display: inline-block;
*display:inline;
*zoom:1;
 background: url(images/main70.png) left center no-repeat;
 padding-left: 42px;
}
.r_wyly h4 a.a_r_wyly {
 background: url(images/main70_1.png) left center no-repeat;
}

@media screen and (max-width:1599px) {
.h_P_30 {
 padding: 20px;
}
.r_wyly {
 padding: 20px;
}
.r_wyly {
 height: auto;
}
.r_wyly h2 {
 padding: 10px 0 15px 0;
}
}

@media screen and (max-width:1199px) {
.h_P_30 {
 padding: 15px;
}
.r_wyly {
 padding: 15px;
}
.left_cont {
 padding-right: 255px;
}
.r_wyly {
 width: 225px;
}
}

@media screen and (max-width:992px) {
.left_cont {
 padding-right: 0;
}
.tutorials_list .slick-slide li {
 width: 100%;
}
.tutorials_list .slick-dots {
 margin-top: 10px;
}
.zlxz {
 margin-bottom: 10px;
 font-size: 16px;
}
.h_p_15 {
 padding: 20px 0;
}
.r_wyly {
 position: static;
 width: 100%;
 margin-top: 20px;
}
}

@media screen and (max-width:767px) {
.h_P_30 {
 padding: 15px;
}
.r_wyly {
 padding: 10px;
}
}
.l_0100_5 {
 float: left;
 width: 100%;
 margin-bottom: 50px;
 position: relative;
}
.fwjs {
 position: absolute;
 left: 0;
 top: 0;
 width: 25%;
 height: 100%;
 float: left;
 background: url(images/main71.jpg) center no-repeat;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
 align-items: center;
}
.fwjs h1 {
 color: #fff;
 font-size: 36px;
 line-height: 36px;
}
.fwjs p {
 color: #8aa7c9;
 font-size: 18px;
 line-height: 24px;
 margin-top: 15px;
 text-transform: uppercase;
}
.fwjs_cont {
 float: left;
 width: 100%;
 padding: 0 0 0 25%;
 border: 1px solid #e5e5e5;
}
.fwjs_cont .slick-slide {
 float: left;
 width: 25%;
 margin: 30px 0;
}
.fwjs_cont .slick-slide li {
 float: left;
 width: 100%;
 height: 255px;
 border-right: 1px solid #e5e5e5;
 text-align: center;
 padding: 60px 0;
}
.fwjs_cont .slick-slide a img {
 display: inline-block;
*display:inline;
*zoom:1;
 width: 95px;
 height: 95px;
}
.fwjs_cont .slick-slide a span {
 display: inline-block;
*display:inline;
*zoom:1;
 color: #0056B9;
 font-size: 22px;
 line-height: 16px;
 width: 100%;
 margin-top: 30px;
}
.fwjs_cont .slick-dots {
 height: 0;
 overflow: hidden;
}
.fwjs_cont .slick-prev {
 height: 0;
 overflow: hidden;
}
.fwjs_cont .slick-next {
 height: 0;
 overflow: hidden;
}

@media screen and (max-width:1199px) {
.fwjs_cont .slick-slide a span {
 margin-top: 20px;
}
.fwjs_cont .slick-slide li {
 float: left;
 width: 100%;
 height: 200px;
 padding: 36px 0;
}
}

@media screen and (max-width:992px) {
.fwjs_cont .slick-slide a img {
 width: 39px;
 height: 44px;
}
.fwjs_cont .slick-slide a span {
 margin-top: 10px;
}
.fwjs_cont .slick-slide li {
 height: 100px;
 padding: 13px 0;
}
.fwjs {
 width: 25%;
}
.fwjs_cont {
 padding: 0 0 0 25%;
}
.fwjs h1 {
 font-size: 22px;
 line-height: 22px;
}
.fwjs p {
 font-size: 14px;
 line-height: 22px;
 margin-top: 10px;
}
.l_0100_5 {
 margin-bottom: 30px;
}
}

@media screen and (max-width:767px) {
.fwjs {
 width: 50%;
}
.fwjs_cont {
 padding: 0 0 0 50%;
}
.fwjs_cont .slick-slide li {
 border-right: none;
}
.l_0100_5 {
 margin-bottom: 20px;
}
.fwjs h1 {
 font-size: 18px;
 line-height: 22px;
}
.fwjs_cont .slick-slide li {
 height: 80px;
 padding: 4px 0;
}
}

@media screen and (max-device-width: 320px) {
body {
 -webkit-text-size-adjust: none
}
}

@media screen and (max-device-width: 480px) {
body {
 -webkit-text-size-adjust: none
}
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
body {
 -webkit-text-size-adjust: none
}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1243px) {
body {
 -webkit-text-size-adjust: none
}
}
/*    新闻中心内页   */
.news_tit {
 width: 96%;
 float: left;
 border-bottom: 1px dashed #999999;
 padding: 20px 2% 30px 2%;
 text-align: center;
 line-height: 24px;
}
.news_tit h2 {
 font-size: 22px;
}
.news_tit span {
 width: 100%;
 float: left;
 padding-top: 30px;
 color: #969696;
}
.news_ct {
 width: 96%;
 float: left;
 padding: 30px 0;
 line-height: 20px;
}
/*网站地图*/
.wzdt {
 width: 100%;
 float: left;
}
.wzdt li {
 width: 100%;
 float: left;
 border-bottom: 1px dashed #323232;
 padding: 10px 0;
}
.wzdt li .a1 {
 width: 100%;
 float: left;
 font-size: 16px;
 font-weight: bold;
 line-height: 24px;
 color: #323232
}
.wzdt li .a2 {
 float: left;
 text-align: center;
 padding-right: 10px;
 line-height: 24px;
 color: #323232
}
.zy_banner {
 position: relative;
}
.dashiji {
 width: 100%;
 float: left;
 line-height: 45px;
 font-size: 30px;
 color: #0056B9;
 text-align: center;
}

@media screen and (max-width:767px) {
.dashiji {
 width: 100%;
 float: left;
 line-height: 35px;
 font-size: 20px;
 color: #0056B9;
 text-align: center;
}
}
.bdshare-button-style2-24 a, .bdshare-button-style2-24 .bds_more {
 background-image: url(images/getcode_btn_style2.png) !important;
 margin: 0 23px 0 0 !important;
}
.bdshare-button-style2-24 .bds_weixin {
 background-position: 0 0 !important;
}
.bdshare-button-style2-24 .bds_sqq {
 background-position: -94px 0 !important;
}
.bdshare-button-style2-24 .bds_qzone {
 background-position: -138px 0 !important;
}
.bdshare-button-style2-24 .bds_tqq {
 background-position: -184px 0 !important;
}
.bdshare-button-style2-24 .bds_tsina {
 background-position: -231px 0 !important;
}
.bdshare-button-style2-24 .bds_weixin:hover {
 background-position: 0 -30px !important;
}
.bdshare-button-style2-24 .bds_sqq:hover {
 background-position: -94px -30px !important;
}
.bdshare-button-style2-24 .bds_qzone:hover {
 background-position: -138px -30px !important;
}
.bdshare-button-style2-24 .bds_tqq:hover {
 background-position: -184px -30px !important;
}
.bdshare-button-style2-24 .bds_tsina:hover {
 background-position: -231px -30px !important;
}
.bd_weixin_popup {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
.bd_weixin_popup .bd_weixin_popup_main {
 -webkit-box-sizing: content-box;
 -moz-box-sizing: content-box;
 box-sizing: content-box;
}
/* 2017.09.05新增 */
.qc_0100_1 {
 float: left;
 width: 100%;
 margin-top: 40px;
 padding-bottom: 60px;
}
.qc_0100_1 h4 {
 display: block;
 float: left;
 width: 100%;
 margin-top: 14px;
 line-height: 28px;
 font-size: 18px;
 color: #2a2a2a;
}
.qc_0100_1 h4 i {
 display: inline-block;
*display:inline;
*zoom:1;
 vertical-align: top;
 margin: 6px 10px 0 0;
 width: 4px;
 height: 16px;
 background: #0056B9;
}
.qc_0100_1 h4 font {
 font-size: 14px;
}
.qc_0100_1 h1 {
 display: block;
 float: left;
 height: 54px;
 background: #f1f1f1;
 width: 100%;
 margin-top: 54px;
 line-height: 54px;
 font-size: 16px;
 color: #1067a7;
 text-align: center;
}
.qc_0100_1 h1 i {
 display: inline-block;
*display:inline;
*zoom:1;
 vertical-align: top;
 width: 80px;
 height: 1px;
 margin-top: 27px;
 background: #d9d9d8;
}
.qc_0100_1 h1 span {
 display: inline-block;
*display:inline;
*zoom:1;
 vertical-align: top;
 margin: 0 30px;
}
.qt_0100_1 {
 float: left;
 width: 100%;
 border: 1px solid #ebebeb;
 padding: 0 19px 13px 86px;
 position: relative;
}
.qt_0100_1 span {
 display: block;
 position: absolute;
 left: 0;
 top: 13px;
 width: 86px;
 text-align: right;
 height: 28px;
 line-height: 28px;
 font-size: 14px;
 color: #2e2e2e;
}
.qt_0100_1 font {
 display: block;
 float: left;
 padding: 0 7px;
 height: 23px;
 line-height: 19px;
 border: 1px solid #0056B9;
 margin: 13px 0 0 20px;
 color: #0056B9;
}
.qt_0100_1 font a {
 display: inline-block;
*display:inline;
*zoom:1;
 vertical-align: top;
 margin: 7px 0 0 9px;
 background: url(images/qimg_1_1.png) no-repeat center;
 width: 7px;
 height: 7px;
}
.ql_0100_1 {
 float: left;
 width: 100%;
 margin-top: 10px;
 border: 1px solid #ebebeb;
 padding: 0 19px 29px 19px;
}
.ql_0100_1 ul {
 float: left;
 width: 100%;
 margin-top: 11px;
}
.ql_0100_1 ul li {
 float: left;
 width: 100%;
 padding: 0 0 11px 150px;
 position: relative;
 border-bottom: 1px dashed #ccc;
}
.ql_0100_1 ul li h5 {
 display: block;
 position: absolute;
 left: 0;
 top: 11px;
 text-align: right;
 font-size: 14px;
 color: #2a2a2a;
 height: 28px;
 line-height: 28px;
 width: 156px;
 font-weight: bold;
}
.ql_0100_1 ul li a {
 display: block;
 float: left;
 margin: 11px 0 0 30px;
 font-size: 14px;
 color: #2e2e2e;
 height: 28px;
 line-height: 28px;
}
.ql_0100_1 ul li a.on, .ql_0100_1 ul li a:hover {
 color: #0056B9;
}
.ql_0100_1.ql_1_1 ul li {
 padding: 0 0 11px 116px;
}
.ql_0100_1.ql_1_1 ul li h5 {
 width: 116px;
}
.ql_0100_1.ql_1_2 ul li {
 padding: 0 0 11px 158px;
}
.ql_0100_1.ql_1_2 ul li h5 {
 width: 158px;
}
.ql_0100_1.ql_1_2 ul li a {
 margin: 11px 0 0 28px;
}
.qr_0100_1 {
 float: left;
 width: 100%;
 margin-top: 10px;
}
.qr_0100_1 h3 {
 display: block;
 float: left;
 width: 100%;
 line-height: 28px;
 font-size: 18px;
 color: #1067a7;
 margin-top: 25px;
}
.qr_0100_1 h3 font {
 color: #dcdcdc;
 margin: 0 14px;
}
.qr_0100_1 h3 span {
 font-size: 14px;
}
.qr_0100_1 ul {
 float: left;
 width: 100%;
 margin-top: 14px;
 border-top: 1px solid #ededed;
 border-left: 1px solid #ededed;
}
.qr_0100_1 ul li {
 float: left;
 width: 10%;
 border-bottom: 1px solid #ededed;
 border-right: 1px solid #ededed;
 text-align: center;
}
.qr_0100_1 ul li h5 {
 display: table;
 float: left;
 width: 100%;
 height: 49px;
 border-bottom: 1px solid #ededed;
 background: #f9f9f9;
}
.qr_0100_1 ul li h5 font {
 display: table-cell;
 width: 100%;
 padding: 0 9px;
 vertical-align: middle;
 line-height: 18px;
 color: #666;
 font-size: 14px;
}
.qr_0100_1 ul li span {
 display: table;
 float: left;
 width: 100%;
 height: 49px;
}
.qr_0100_1 ul li span font {
 display: table-cell;
 width: 100%;
 padding: 0 9px;
 vertical-align: middle;
 line-height: 18px;
 color: #222;
 font-size: 14px;
}

@media screen and (max-width:991px) {
.qr_0100_1 ul li {
 width: 20%;
}
}

@media screen and (max-width:767px) {
.qc_0100_1 {
 margin-top: 20px;
 padding-bottom: 30px;
}
.qc_0100_1 h1 {
 font-size: 14px;
}
.qc_0100_1 h1 i {
 width: 30px;
}
.qc_0100_1 h1 span {
 margin: 0 15px;
}
.qt_0100_1 {
 padding: 10px 15px 20px 15px;
 position: relative;
}
.qt_0100_1 span {
 position: static;
 float: left;
 width: 100%;
 left: 0;
 top: 13px;
 text-align: left;
}
.qt_0100_1 font {
 border: 1px solid #0056B9;
 margin: 10px 15px 0 0;
}
.ql_0100_1 {
 padding: 0 9px 14px 9px;
}
.ql_0100_1 ul {
 float: left;
 width: 100%;
 margin-top: 11px;
}
.ql_0100_1 ul li {
 padding: 11px 0 !important;
}
.ql_0100_1 ul li h5 {
 position: static;
 float: left;
 width: 100% !important;
 text-align: left;
 font-size: 14px;
 color: #2a2a2a;
 height: 28px;
 line-height: 28px;
 font-weight: bold;
 padding-left: 10px;
}
.ql_0100_1 ul li a {
 margin: 11px 10px 0 10px !important;
}
.qr_0100_1 h3 font {
 margin: 0 5px;
}
.qr_0100_1 ul li {
 width: 50%;
}
.qr_0100_1 ul li h5 font {
 font-size: 12px;
}
.qr_0100_1 ul li span font {
 font-size: 12px;
}
}
/* side */
.side {
 position: fixed;
 width: 59px;
 height: 270px;
 right: 4px;
 top: 50%;
 margin-top: -135px;
 z-index: 100;
}
.side ul li {
 width: 59px;
 height: 52px;
 float: left;
 position: relative;
 margin-bottom: 2px;
}
.side ul li .sidebox {
 position: absolute;
 width: 59px;
 height: 52px;
 top: 0;
 right: 0;
 transition: all 0.3s;
 background: #DADADA;
 color: #fff;
 font: 18px/52px "微软雅黑";
 overflow: hidden;
}
.side ul li .sideboxOpen {
 position: absolute;
 width: 59px;
 height: 52px;
 top: 0;
 right: 0;
 transition: all 0.3s;
 background: #DADADA;
 color: #fff;
 font: 18px/52px "微软雅黑";
 overflow: hidden;
}
.side ul li .sidetop {
 width: 59px;
 height: 52px;
 line-height: 52px;
 display: inline-block;
 background: #A3A3A3;
 transition: all 0.3s;
}
.side ul li .sidetop:hover {
 background: #0056B9;
}
.side ul li img {
 float: left;
}
.side ul li .weixinImg {
 display: none;
 position: absolute;
 width: 228px;
 height: 217px;
 top: -160px;
 right: 64px;
 z-index: 999999;
}
.side ul li:hover .weixinImg {
 display: block;
}
.side ul li .onLine {
 display: none;
 position: absolute;
 top: -107px;
 right: 59px;
 z-index: 999999;
 padding-right: 5px;
}
.side ul li .onLine .onBorder {
 border: 3px solid #0056B9;
 background-color: #F2F2F2;
 padding: 15px;
 width: 150px;
 height: 268px;
}
.side ul li:hover .onLine {
 display: block;
}
.side ul li .onLine .onlineQQ a {
 display: block;
 background: url(images/online_service.png) no-repeat left top;
 color: #0056B9;
 width: 102px;
 height: 24px;
 line-height: 23px;
 padding-left: 27px;
 margin-bottom: 12px;
}
.side ul li .onLine .onlineQQ a:hover {
 text-decoration: none;
 color: #0056B9;
}
.side ul li .onLine .service {
 border-top: 1px solid #DDDDDD;
 padding-top: 8px;
 color: #666;
}
.side ul li .onLine .service a {
 color: #666;
}
.side ul li .onLine .service p {
 background: url(images/online_service.png) no-repeat left -38px;
 padding-left: 8px;
 margin-top: 5px;
}
@media screen and (max-width:767px) {
 .side {
  display: none;
 }
}
.footContact {
 margin-top: 4px;
}
.footContact span {
 margin: 0 10px;
}