@font-face {
    font-family: "EU-H3_0";
    src: url("../other/EU-H3_0.eot?#iefix");
    src: url("../other/EU-H3_0.eot?#iefix") format("eot"),url("../other/EU-H3_0.woff") format("woff"),url("../other/EU-H3_0.ttf") format("truetype");
}

@font-face {
    font-family:"EDWARD";src:url("../other/EDWARD.eot?#iefix");src:url("../other/EDWARD.eot?#iefix") format("eot"),url("../other/EDWARD.woff") format("woff"),url("../other/EDWARD.ttf") format("truetype");
}

.nameen {
    font-family: "EU-H3_0";
    font-weight: bolder;
    color: #b7b7b7;
    letter-spacing: 1px;
    font-size: 20px;
    text-transform: uppercase;
}

.coupon-nameen {
    transform: scale(1,1.3);
    -ms-transform: scale(1,1.3);
    -webkit-transform: scale(1,1.3);
    -moz-transform: scale(1,1.3);
    -o-transform: scale(1,1.3);
}

.title_nav {
    width: 350px;
    margin: 0 auto;
}

.title_nav .left_bg {
    background: url("../images/left_bg.png") left center no-repeat;
    width: 100px;
    height: 33px;
    display: block;
    float: left;
}

.title_nav .right_bg {
    background: url("../images/right_bg.png") left center no-repeat;
    width: 100px;
    height: 33px;
    display: block;
    float: right;
}/* CSS Document */.fl {
    float: left!important;
}

.fr {
    float: right!important;
}

.w100 {
    width: 100% !important;
    height: auto;
    position: relative;
}

.clear {
    clear: both;
}

.bgfff {
    background-color: #fff;
}

.bgf0 {
    background-color: #f0f0f0;
}

.bgeee {
    background-color: #eee;
}

.bgbc {
    background-color: #bcbcba;
}

.bg2b {
    background-color: #2b2b2b;
}

.bg2d {
    background-color: #2d2d2d;
}

.bgd1 {
    background-color: #d1d1d1;
}

.bgf5 {
    background-color: #f5f5f5;
}

.bgf6 {
    background-color: #f6f6f6;
}

.bgf8 {
    background-color: #f8f8f8;
}

.bgprimary {
    background-color: #1D3340;
}

.bgfuse {
    background-color: #d1d1d1;
}

.bgeef0f4 {
    background-color: #eef0f4;
}

.bgef {
    background-color: #efefef;
}

.bgfb {
    background-color: #fbfbfb;
}

.bgeaeff3 {
    background-color: #eaeff3;
}

.bgF4F5F9 {
    background-color: #F4F5F9;
}

.color333 {
    color: #333;
}

.colorfff {
    color: #FFF !important;
}

.color666 {
    color: #666 !important;
}

.colorbc {
    color: #bcbcbc;
}

.m15 {
    margin: 15px;
}

.m25 {
    margin: 25px;
}

.mt0 {
    margin-top: 0px !important;
}

.mt10 {
    margin-top: 10px;
}

.mt25 {
    margin-top: 25px;
}

.mt30 {
    margin-top: 30px;
}

.mt35 {
    margin-top: 35px;
}

.mt40 {
    margin-top: 40px;
}

.mt45 {
    margin-top: 45px;
}

.mt50 {
    margin-top: 50px;
}

.mt199 {
    margin-top: 199px!important;
}

.pt100 {
    padding-top: 100px;
}

.pt80 {
    padding-top: 80px;
}

.pb80 {
    padding-bottom: 80px;
}

.pt60 {
    padding-top: 60px;
}

.pb60 {
    padding-bottom: 60px;
}

.pt50 {
    padding-top: 50px;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pt40 {
    padding-top: 40px;
}

.pb40 {
    padding-bottom: 40px;
}

.pt20 {
    padding-top: 20px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb10 {
    padding-bottom: 10px;
}

.fs16 {
    font-size: 16px !important;
}

.fs18 {
    font-size: 18px;
}

.fs20 {
    font-size: 20px;
}

.fs24 {
    font-size: 24px;
}

.fs26 {
    font-size: 26px;
}

.fs30 {
    font-size: 30px;
}

.fs16 {
    font-size: 16px;
}

.line45 {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #454545;
    margin-top: 20px;
}

.line45 > .line73 {
    height: 1px;
    background-color: #737373;
    width: 91px;
    margin: 0 auto;
}

.line45 {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #454545;
    margin-top: 20px;
}

.line45 > .line73 {
    height: 1px;
    background-color: #737373;
    width: 91px;
    margin: 0 auto;
}

.linef0 {
    width: 100%;
    height: 1pxl;
    float: left;
    background-color: #f0f0f0;
    margin-top: 20px;
}

.linef0 > .linec4 {
    height: 1px;
    background-color: #c4c4c4;
    width: 91px;
    margin: 0 auto;
}

.lineddd {
    width: 100%;
    height: 1px;
    float: left;
    background-color: #ddd;
    margin-top: 20px;
}

.lineddd > .line73 {
    height: 1px;
    background-color: #737373;
    width: 91px;
    margin: 0 auto;
}/*--head--*/#head1 .container2 {
    height: 112px;
    width: 1200px;
    padding: 0;
}

#head1 .heada {
    float: right;
    margin-top: 29px;
    margin-right: 12px;
    position: relative;
}

#head1 .heada > a {
    right: 6px;
    color: #8c8c8c;
    top: 42px;
    font-size: 12px;
    position: absolute;
    z-index: 600;
}

#head1 .heada > a:hover {
    text-decoration: underline;
}

#head1 .heada > a font {
    font-size: 16px;
    margin-right: 3px;
}

#head1 .heada > a.qq {
    right: 84px;
}

#head1 .heada > a.qq font {
    font-size: 14px;
}

#head1 .store a {
    color: #8c8c8c;
    margin-left: 6px;
    margin-right: 6px;
    font-size: 12px;
}

#head1 .store a:hover {
    text-decoration: underline;
}

#head1 .nav p {
    line-height: 10px;
    color: #5ba0e3;
    font-size: 10px!important;
    position: relative;
    bottom: 10px;
}

#head1 .p {
    float: right;
}

#head1 .p.tel {
    color: #00589f;
    font-size: 14px;
    padding-top: 26px;
    color: #007dc2;
}

#head1 .p.tel font {
    font-size: 21px;
    font-style: italic;
    font-weight: 700;
}

#head1 .p i {
    float: left;
    font-size: 22px;
    margin-right: 4px;
    margin-top: 4px;
    height: 36px;
    line-height: 36px;
}

#head1 {
    width: 100%;
    background-color: #fff;
}

#head1 .logo {
    float: left;
}

#head1 .logo a {
    display: block;
    width: 733px;
    height: auto;
    margin-top: 20px;
}

#head1 .logo a img {
/* width:100%; */;
}

.top_r {
    width: 230px;
    height: 70px;
    float: right;
    margin-top: 40px;
}

.top_r h2 {
    font-size: 18px;
    line-height: 30px;
}

.top_r span {
    font-size: 24px;
    color: #787878;
	line-height: 40px;
	
}

#head1 .tel {
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    background: url(../images/tel.png);
}

#head1 .pgg {
    color: #6c6c6c;
    font-size: 14px;
}

#ms_top {
    height: 33px;
    line-height: 33px;
    background: #fff;
    border-bottom: 1px solid #d3d3d3;
}

.ms_top p {
    color: #434343;
    font-size: 12px;
    font-weight: normal;
    float: left;
    height: 33px;
}

.ms_top p span {
    font-size: 14px;
    color: #434343;
    font-weight: bold;
}

.ms_sn {
    color: #434343;
    text-align: right;
    font-size: 14px;
    float: right;
}

.ms_sn a {
    color: #434343;
    border-right: 1px dotted #ccc;
    height: 14px;
    padding: 0 10px;
    float: left;
    margin: 10px 0;
    line-height: 14px;
}

.ms_warp {
    width: 1200px;
    margin: 0 auto;
}

.bt {
 /*border-top:2px solid #007CC2;*/;
}

.nav {
    float: left;
    width: 1200px;
}

.nav > li {
    float: left;
    line-height: 58px;
    width: 150px;
    height: 58px;
}

.nav > li.pronav_list {
    width: 160px;
    background: url("../images/line.jpg") right top no-repeat #0c5cc8;
    color: #FFF;
    text-align: center;
    clear: inherit;
}

.nav > li.pronav_list > a:hover {
    background: #30b6f5;
   
}

.nav > li.pronav_list i {
    float: left;
    margin-left: 58px;
}

.nav > li.pronav_list > a {
    float: left;
    color: #FFF;
    width: 130px;
}

.nav > li > a {
    float: left;
    text-align: center;
    color: #fff;
    font-size: 16px;
    padding-right: 20px;
    padding-left: 20px;
}

.nav > li:hover > a {
    text-decoration: underline;
}

.nav > li > ul {
    position: absolute;
    top: 58px;
    display: none;
    z-index: 999999;
    background-color: #f5f5f5;
}

.nav > li > ul > li {
    line-height: 30px;
    width: 150px;
    height: 30px;
}

.nav > li > ul > li > a {
    position: relative;
    display: block;
    text-align: center;
    color: #787878;
    font-size: 14px;
    width: 100%;
    background-color: #fff;
}

.nav > li > ul > li > a:hover {
    color: #fff;
    background-color: #0c5cc8;
}

.nav > li > a span {
    width: 100%;
    line-height: 58px;
    float: left;
    text-align: center;
}

.nav > li > a span.t1 {
    
}

.nav > li > a span.t2 {
    color: #5ba0e3;
    font-size: 10px!important;
    margin-bottom: 8px;
    font-size: 16px;
	text-transform: uppercase;
}/*--banner--*/#banner {
    float: left;
    width: 100%;
    height: 180px;
	
}

#banner .lanmu2 {
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    color: #FFF;
    font-weight: 500;
}

.position .lujing2 {
    width: 74%;
    float: right;
    font-size: 22px;
    line-height: 36px;
}

.position .lujing2 i {
    font-size: 24px;
    float: left;
    height: 36px;
    line-height: 42px;
    margin-right: 6px;
    margin-left: 10px;
}

.position .lujing2 a:hover {
    text-decoration: underline;
}

#banner2 {
    height: 600px;
    margin: 0 auto;
    width: 1100px;
    position: relative;
}

.banner2 {
    height: 600px;
    width: 1920px;
    position: absolute;
    z-index: 3;
    left: -410px;
    top: 0;
}/*search*/.searchbox {
    position: relative;
    padding: 10px 0 10px 0;
    width: 100%;
    z-index: 500;
    height: 40px;
    background: #e5e5e5;
}

.searchshow2 {
    display: none;
    position: absolute;
    right: 60px;
    width: 32px;
    top: 56px;
    height: 32px;
    cursor: pointer;
    line-height: 32px;
    font-size: 22px !important;
    text-align: center;
    color: #a0a0a0;
}

.searchshow2:hover {
    background-color: #000;
    color: #FFF;
}

#search_form {
    float: left;
    margin-right: 15px;
}

#search_form .searchTxt {
    float: left;
    width: 230px;
    text-indent: 5px;
    color: #aaaaaa;
    border-radius: 3px 0px 0px 3px;
    border-left: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    background-color: #fff;
    height: 35px;
    line-height: 35px;
}

#search_form .searchPic {
    float: left;
    height: 35px;
    width: 50px;
    cursor: pointer;
    background-color: #000;
    border-radius: 0px 3px 3px 0px;
    color: #FFF;
    font-size: 14px !important;
    text-align: center;
    line-height: 30px;
    border-radius: 5px;
}

.tags {
    float: left;
    margin-left: 20px;
    line-height: 40px;
    font-size: 16px;
}

#owl-demo {
    width: 1200px;
    margin-left: auto;
    margin-right: auto;
}

#owl-demo .item {
    display: block;
    margin: 15px 15px 0px 15px;
    margin-top: 45px;
}

#owl-demo img {
    display: block;
    width: 100%;
}

.p3 a span.more {
    float: left;
    line-height: 20px;
    margin: 7px 0 7px 30px;
}

.p3 a span.circle {
    color: #fff;
    display: block;
    float: left;
    line-height: 10px;
    margin: 10px 0 12px 3px;
}

.circle {
    width: 14px;
    height: 14px;
    background: #454545;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
}

.jstd {
    width: 100%;
    height: auto;
    overflow: hidden;
}

.jstdbg {
    background: url(../images/casebg1.jpg) center 113px no-repeat;
    padding-bottom: 60px;
}

.jstd h1 {
    font-size: 26px;
    width: 330px;
    height: 60px;
}

.h1_l {
    float: left;
    width: 104px;
    height: 30px;
    background: url(../images/h1_l.png);
}

.jstd h2 {
    font-family: ;font-size: 34px;
}

.tdt_on {
    background-color: #cc0000;
    color: #fff;
}

.tdt_off {
    color: #fff;
    background: #6893d8;
}

.jstd_rx {
    text-align: center;
    height: 460px;
}

.jstd_t {
    height: 65px;
    margin: 0 auto;
}

.jstd_t p {
    width: 85px;
    float: left;
    text-align: center;
    font-size: 16px;
    margin-right: 10px;
    line-height: 23px;
    padding: 10px;
}

.jstd_c {
    position: relative;
    width: 1200px;
    height: 720px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.p1 {
/* font-size: 24px; *//* color: #e5e5e5; *//* margin-left: 490px; */;
}

.p2 {
    margin: 15px 15px 0px 15px;
    font-size: 16px;
    color: #494949;
    line-height: 45px;
}

.p3 {
/* font-size: 12px; *//* border-radius: 20px; *//* width: 125px; *//* margin: 0 auto; *//* height: 34px; *//* line-height: 34px; *//* background: #e5e5e5; */;
}

.p4 {
    float-size: 20px;
}

.p5 {
    font-size: 12px;
    width: 77%;
}

.p6 {
    float: right !important;
    font-size: 12px;
    padding: 0 20px 0 20px;
    color: #959595;
}

.p7 {
    font-size: 12px;
    width: 86%;
}

.p8 {
    text-align: left;
    margin-left: 40px;
    margin-top: 5px;
    width: 190px;
}

.rx_box {
    float: left;
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 270px;
    border: 1px solid #CCC;
    border-radius: 5px;
}

.rx_box img {
    position: absolute;
    width: 435.6px!important;
    height: 270px;
    left: 50%;
    margin-left: -218px;
}

.jstd_cp {
    text-align: center;
}

.jstd_cp_main {
    position: relative;
    width: 1200px;
    overflow: auto;
    margin: 0 auto;
    margin-top: 40px;
    background: #fff;
/* padding: 0 25px; */;
}

.cp_left1 {
    width: 236px;
    margin-right: 10px;
}

.cpleft_title {
    position: relative;
    height: 114px;
    text-align: center;
    background: #e74517;
    color: #fff;
    width: 100%;
    display: block;
    line-height: 114px;
}

.cp_list1> ul {
    float: left;
    width: 100%;
}

.cp_list1 li {
    text-align: left;
    border-bottom: 1px solid #e9e9e9;
    height: 60px;
    line-height: 60px;
}

.cp_list1 li a {
    padding-left: 20px;
}

.cp_list1 li:hover {
    background: #e74517;
}

.cp_list1 li:hover a {
    color: #fff;
}

.cp_list1 li.on {
    background: #e74517;
}

.cp_list1 li.on a {
    color: #fff;
}

.cp_right {
    width: 950px;
}

.cp_rifgt li {
    float: left;
    padding-bottom: 14px;
    width: 31.3333333%;
    margin-right: 1%;
    margin-left: 1%;
}

.xfk {
    width: 9px;
    height: 12px;
    background: url(../images/xfk.png);
    margin-top: 20px;
    margin-left: 50px;
    position: absolute;
}

.mr15 {
    margin-right: 20px;
}

.cp_right li {
    float: left;
    width: 31%;
/*margin-right:5px; margin-left:5px;*/
    margin: 1%;
	height: 260px;
}

.cp_right li a {
    display: block;
    width: 100%;
    height: auto;
    float: left;
}

.cp_right li a .cp_imgbox {
  
    position: relative;
   
    border: 1px solid #e5e5e5;
    overflow: hidden;
    width: 300px;
    height: 213px;
	display: table-cell;
	    vertical-align: middle;
	    text-align: center;
	
}

.cp_right li a .cp_imgbox img {
/* position:absolute; *//* width:363px; *//* height:225px; *//* left:50%; *//* margin-left:-180px; */
   
    max-height: 210px;
	max-width: 297px;
}

.cp_right li a span {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 30px;
    height: 30px;
    text-align: center;
    float: left;
    overflow: hidden;
}

.cp_right li a:hover span {
    color: #005192;
}

.jstd_new {
    text-align: center;
    height: auto;
}

.jstd_new_main {
    position: relative;
    width: 1200px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.new_left {
    width: 370px;
}

.new_box {
    width: 800px;
}

.new_box span {
    font-size: 20px;
    float: left;
    text-align: left;
}

.new_box p {
    float: left;
    text-align: left;
}

.new_box li {
    width: 100%;
}

.new_box li a {
    display: block;
}

.new_box li {
    padding-bottom: 21px;
    float: left;
    margin-bottom: 20px;
    background-image: url(../images/d.jpg);
    background-position: left bottom;
    background-repeat: repeat-x;
}

.new_imgbox {
    float: left;
    position: relative;
    width: 150px;
    height: 90px;
    overflow: hidden;
}

.new_imgbox img {
    width: 150px;
    height: 90px;
}

.new_box li a > span {
    float: right;
    display: block;
    width: 77%;
    color: #000;
    font-size: 16px;
    color: #333;
    padding-bottom: 4px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.new_box li a:hover > span {
    color: #005192;
}

.new_box li a > p {
    float: right;
    display: block;
    width: 77%;
    color: #666;
    line-height: 24px;
    max-height: 96px;
    overflow: hidden;
}

.new_box li a > .w70 {
    padding-top: 13px;
    padding-bottom: 13px;
}

.new_box li a > .w70 > font {
    float: left;
    display: block;
    color: #666;
    line-height: 14px;
    border-right: 1px solid #939393;
    padding-right: 10px;
    margin-right: 10px;
    font-weight: normal;
}

.new_more {
    color: #6893d8;
    font-size: 12px;
    padding: 10px 0 0 20px;
}

.new_list {
    width: }.new_list a{width: 100%;
}

.jstd .swiper-slide:nth-child(1) .new_box_l {
    left: calc(50% + 18px);
}

.jstd .swiper-slide:nth-child(2) .new_box_l {
    left: calc(50% - 56px);
}

.jstd .swiper-slide:nth-child(3) .new_box_l {
    left: calc(50% - 2px);
}

.new_box_l {
    position: relative;
    display: block;
    overflow: hidden;
    width: 100%;
    height: 325px;
    text-align: center;
    display: table-cell;
    vertical-align: middle;
 /*border:1px solid #CCC;*/
    background-color: #fff;
}

.new_box_l img {
    vertical-align: middle;
    width: 100%;
 /*position:absolute; width:616px!important; height:325px; left:50%; margin-left:-300px;*/;
}

.new_box_l_title p {
    line-height: 50px;
    background: #4272b2;
    color: #fff;
    text-align: left;
    padding-left: 15px;
}

.jstd_case {
    text-align: center;
    height: auto;
}

.jstd_case_main {
    position: relative;
    width: 1150px;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.case_box {
    float: left;
    width: 25%;
    height: 250px;
    background: #fafafa;
}

.case_box p {
    line-height: 24px;
    max-height: 72px;
    overflow: hidden;
}

.caseimg_box {
    float: left;
    width: 25%;
    height: 250px;
}

.case_title {
    margin-top: 35px;
}

.case_title h2 {
    border-bottom: solid 3px;
    padding-bottom: 5px;
    font-size: 18px;
}

.a1 {
    position: relative;
    left: 106px;
    top: 5px;
    width: 78px;
    height: 4px;
    background: #424242;
}

.case_xq {
    border: 1px solid #424242;
    position: relative;
    width: 98px;
    height: 33px;
    line-height: 33px;
    margin-left: 95px;
    margin-top: 30px;
}

.jstd_about {
    text-align: center;
    height: auto;
}

.jstd_about_main {
    position: relative;
    width: 1150px;
    height: 560px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.aboutimg_box {
    width: 690px;
    height: 460px;
    overflow: hidden;
}

.about_tb {
    text-align: center;
}

.about_tb img {
    padding: 10px 40px;
}

.about_rbox1 {
    width: 230px;
    height: 230px;
    background: #f16e40;
}

.about_rimg {
    width: 230px;
    height: 230px;
}

.about_title {
    margin: 15px;
    color: #fff;
    text-align: left;
}

.about_xq {
    border: 1px #fff solid;
    border-radius: 20px;
    width: 90px;
    height: 35px;
    margin-left: 0;
    margin-top: 30px;
    line-height: 35px;
    text-align: center;
}

#test {
    width: 100%;
    height: 2224px;
    background-color: #000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
}

.tu-p {
    display: none;
}

.tu-p img {
    position: absolute;
    z-index: 1000;
    top: 0px;
    left: 50%;
    margin-left: -500px;
    margin-top: -300px;
}

.nei-r li {
}/*bootom*/.jstd_bottom {
    height: auto;
    padding-bottom: 60px;
}

.jstd_bottom_main {
    position: relative;
    width: 1200px;
    height: 330px;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 40px;
}

.bottom_list {
    float: left;
    width: 140px;
    min-height: 248px;
    padding: 0 10px 0 10px;
}

.bottom_l {
    width: 1000px;
}

.bottom_list .hd {
    position: relative;
    height: 30px;
    line-height: 30px;
    margin-bottom: 10px;
/*border-bottom: 2px solid #aaa;padding-bottom: 10px;*/;
}

.bottom_list .hd h2 {
    color: #333;
    font-weight: 100;
    font-size: 18px;
    text-transform: uppercase;
}

.bottom_list .bd {
    padding: 5px 0;
    line-height: 26px;
}

.bottom_list .bd a {
    color: #5f5f5f;
    font-size: 14px;
}

.bottom_list .bd li {
/*margin-bottom: 5px;*/;
}

.bottom_r {
    width: 199px;
    height: auto;
    border-left: 1px solid #ccc;
}

.bottom_r .ewm {
    height: 134px;
    padding-top: 25px;
    text-align: center;
}

.bottom_list1 {
}

.bottom_list1 .bd1 {
}

.bottom_list1 .bd1 li {
    width: 70px;
    float: left;
}/*--footer--*/.footer .xia p {
    line-height: 30px;
    color: #000;
    font-size: 12px;
    padding-top: 10px;
}

.footer .xia p a {
    color: #000;
}

.footer .shang {
    padding-top: 30px;
    padding-bottom: 30px;
}

.footer .shang .list {
    float: left;
}

.list {
    float: left;
}

.list > font {
    font-size: 40px;
    color: #d2d2d2;
    line-height: 60px;
    float: left;
    width: 100%;
    padding-bottom: 10px;
}

.list > span {
    float: left;
    font-size: 16px;
    color: #fff;
    margin-bottom: 12px;
    width: 100%;
}

.list ul {
    float: left;
}

.list ul li {
    width: 100%;
    float: left;
}

.productbox li {
    line-height: 24px;
}

.productbox li a {
    color: #ccc;
    font-size: 12px;
    line-height: 24px;
}

.productbox li a:hover {
    text-decoration: underline;
}/*--banner--*/#banner {
    float: left;
    width: 100%;
    height: 300px;
}

#banner .lanmu2 {
    display: inline-block;
    font-size: 48px;
    font-weight: bold;
    color: #FFF;
    font-weight: 500;
}

.position .lujing2 {
    width: 100%;
    float: right;
    font-size: 22px;
    line-height: 36px;
}

.position .lujing2 i {
    font-size: 24px;
    float: left;
    height: 36px;
    line-height: 42px;
    margin-right: 6px;
    margin-left: 10px;
}

.position .lujing2 a:hover {
    text-decoration: underline;
}

#banner2 {
    float: left;
    width: 100%;
}

#banner2 a {
    float: left;
    width: 100%;
    display: block;
}

#banner2 .bannerimg {
    max-width: 1200px;
    position: relative;
    margin: 0 auto;
}

#banner2 .bannerimg img {
    width: auto;
    height: 100%;
    position: absolute;
    left: 50%;
}

#banner3 {
    float: left;
    height: 600px;
    margin: 0 auto;
    width: 100%;
/*position: relative;*/;
}

.banner3 {
    height: 600px;
    width: 100%;
/*position: absolute;*/
    z-index: 3;
    top: 0;
}/*--main--*/.titlespan {
    width: 100%;
    float: left;
    text-align: center;
    line-height: 32px;
    font-size: 0.3rem;
    font-weight: bold;
    text-transform: Uppercase;
}

.titlespan .line {
    display: inline-block;
    width: auto;
    line-height: 21px;
    font-weight: normal;
}/*--other--*/.bb2 {
    border-bottom: 1px solid #eee;
}

.lanmu {
    float: left;
    text-transform: uppercase;
    line-height: 56px;
    color: #333;
}

.lujing {
    float: right;
    font-size: 12px;
    color: #333;
    line-height: 56px;
}

.lujing a {
    color: #333;
}

.lujing a:hover {
    text-decoration: underline;
}

.lujing font {
    margin-right: 4px;
    font-size: 16px;
    margin-top: 8px;
    float: left;
    line-height: 44px;
}

.main {
    float: left;
    width: 100%;
	margin-top: 30px;
}

.nav_left {
    float: left;
    width: 23%;
}

.main_right {
    float: right;
    width: 74%;
    font-size: 16px;
    line-height: 30px;
}/*----nav_left---*/.lefttitle {
    position: relative;
    float: left;
    width: 100%;
    display: block;
    font-size: 18px;
    border-bottom: 1px dotted #d2d2d2;
    padding-bottom: 10px;
}

.cp img{border: 1px solid #d2d2d2;padding: 5px;}

.lefttitle font {
    color: #aeaeae;
    font-size: 18px;
}

.lefttitle i {
    background-color: #007CC2;
    bottom: -1px;
    height: 2px;
    left: 0;
    position: absolute;
    width: 72px;
}

.nav_left > ul {
    float: left;
    width: 100%;
}

.cp_left {
    margin-top: 18px;
    margin-bottom: 10px;
}

.cp_left li {
    float: left;
    width: 100%;
    background-color: #eee;
    margin-bottom: 8px;
}

.cp_left li a {
    float: left;
    transition: 0.4s ease-in-out;
    width: 100%;
    display: block;
    z-index: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 48px;
    height: 48px;
    text-indent: 20px;
    font-size: 16px;
    position: relative;
}

.cp_left li a:hover {
    color: #005192;
}

.faq_left {
    margin-bottom: 18px;
}

.faq_left li {
    float: left;
    margin-top: 18px;
    width: 100%;
}

.faq_left li a p {
    color: #333;
    line-height: 24px;
    transition: 0.3s ease-in-out;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.faq_left li a span {
    font-size: 12px;
    color: #939393;
    line-height: 24px;
}

.faq_left li a:hover p {
    color: #E60012;
}

.recent_left {
    margin-top: 21px;
    margin-bottom: 10px;
}

.recent_left li {
    float: left;
    width: 100%;
    margin-bottom: 16px;
    margin-top: 2px;
}

.recent_left li a .imgbox {
    float: left;
    width: 29%;
    height: 75px;
    border: 1px solid #ddd;
    overflow: hidden;
    position: relative;
    background-color: #666;
}

.recent_left li a .imgbox img {
    position: absolute;
    width: 121px;
    left: 50%;
    margin-left: -60px;
    height: 75px;
}

.recent_left li a span {
    float: right;
    color: #333;
    padding-left: 2.5%;
    width: 67.5%;
}

.recent_left li a font {
    color: #939393;
    font-size: 12px;
    margin-left: 3%;
    line-height: 32px;
    color: #939393;
}

.recent_left li a:hover font {
    color: #005192;
}

.xiaoshou {
    float: left;
    background-color: #FFF;
    border: 1px solid #ddd;
    width: 99%;
    z-index: 200;
}

.xiaoshou span {
    display: block;
}

.xiaoshou .xiaoshou_t {
    line-height: 36px;
    border-bottom: 1px solid #ddd;
    text-align: center;
}

.xiaoshou .img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 20px auto;
    overflow: hidden;
    border: 1px solid #ddd;
}

.xiaoshou .img img {
    width: 100%;
    height: auto;
}

.xiaoshou a {
    display: inline-block;
    cursor: pointer;
    position: relative;
    color: #FFF;
    margin-left: 10px;
    border-radius: 3px;
    padding-left: 8px;
    padding-right: 8px;
    line-height: 26px;
}

.xiaoshou a font {
    padding-left: 4px;
    font-size: 14px;
}

.xiaoshou a.zixun {
    background-color: #5ea5ee;
}

.xiaoshou a.mingpian {
    background-color: #ed5c82;
}

.xiaoshou ul {
    padding: 6px 10px 0px 10px;
}

.xiaoshou ul li {
    width: 100%;
    color: #777;
    float: left;
    text-align: center;
    line-height: 34px;
    border-bottom: 1px dashed #ddd;
    padding-top: 2px;
}

.xiaoshou ul li font {
    margin-right: 4px;
    font-size: 17px;
    width: 21px;
    text-align: center;
}

.xiaoshou ul li font.icon-youxiang {
    font-size: 21px;
}

.xiaoshou p {
    padding: 0px 0px 0px 0px;
    line-height: 32px;
    text-align: center;
    font-size: 14px;
    color: #777;
}

.mingpianbox {
    position: absolute;
    display: none;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    top: 37px;
    border-radius: 5px;
    height: 120px;
    background-color: #FFF;
    border: 1px solid #ddd;
    width: 120px;
    margin-left: -34px;
}

.mingpianbox img {
    width: 100px;
    height: 100px;
    margin-top: 10px;
    margin-left: 10px;
    float: left;
}

.mingpianbox i {
    right: 50px;
    border-color: transparent transparent #bbbbbb transparent;
    border-style: solid;
    border-width: 0px 10px 12px 10px;
    top: -12px;
    text-indent: 0px;
    position: absolute;
}

.mingpianbox i::after {
    border-color: transparent transparent #fff transparent;
    border-style: solid;
    right: -10px;
    border-width: 0px 10px 12px 10px;
    content: "";
    text-indent: 0px;
    position: absolute;
    top: 1px;
}/*----main_right---*/.mr15 {
    margin-right: 20px;
}

.cp_list li {
    float: left;
    padding-bottom: 14px;
    width: 31.3333333%;
    margin-right: 1%;
    margin-left: 1%;
}

.cp_list li a {
    display: block;
    width: 100%;
    height: auto;
    float: left;
}

.cp_list li a .imgbox {
  
    position: relative;
   
    border: 1px solid #e5e5e5;
    overflow: hidden;
    width: 278px;
    height: 280px;
	display: table-cell;
	 vertical-align: middle;
	 text-align:center;
}

.cp_list li a .imgbox img {
  
   max-width: 100%;
   max-height: 270px;
   
}

.cp_list li a span {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    text-align: center;
    padding-top: 14px;
    float: left;
    overflow: hidden;
}

.cp_list li a:hover span {
    color: #005192;
}

.new_list li {
    float: left;
    padding-bottom: 14px;
    width: 23%;
    margin-right: 1%;
    margin-left: 1%;
}

.new_list li a {
    display: block;
    width: 100%;
    height: auto;
    float: left;
}

.new_list li a .imgbox {
/*float:left;*/
    position: relative;
    display: block;
    border: 1px solid #e5e5e5;
    overflow: hidden;
    width: 268px;
    height: 216px;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.new_list li a .imgbox img {
/*position:absolute;*//* width:452px; *//* height:280px; */
    top: 26px;
    left: 45%;
/*margin-left: -107px;*/;
}

.new_list li:nth-child(1) a .imgbox img {
    left: 65%;
    top: 19px;
}

.new_list li:nth-child(2) a .imgbox img {
    left: 64%;
    top: 19px;
}

.new_list li a span {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 24px;
    height: 48px;
    text-align: center;
    padding-top: 14px;
    float: left;
    overflow: hidden;
}

.new_list li a:hover span {
    color: #005192;
}

.biaoti {
    color: #333;
    font-size: 22px;
    width: 100%;
    display: block;
    text-align: center;
    line-height: 39px;
}

div.biaoti {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: bold;
}/*---pagelist---*/.page1 {
    display: block;
}

.page2 {
    display: none;
}

.pagelist {
    float: left;
    width: 100%;
    text-align: center;
}

.pagelist span a {
    display: inline-block;
    font-family: "",Microsoft YaHei;
    border: 1px solid #e5e5e5;
    background-color: #FFF;
    margin-left: 2px;
    margin-right: 2px;
    margin-top: 4px;
    margin-bottom: 4px;
    padding: 4px 8px 4px 8px;
    float: left;
}

.pagelist li a {
    display: block;
    color: #555;
    text-align: center;
    float: left;
}

.pagelist li:hover a {
    background-color: #005192;
}

.pagelist li:hover a {
    color: #fff;
}

.pagelist li.thisclass a {
    background-color: #005192;
    padding: 4px 8px 4px 8px;
}

.pagelist li.thisclass a {
    color: #fff;
}

.pagelist li.index,.pagelist li.end {
    background-color: #005192;
    color: #FFF;
}

.pagelist li a.index,.pagelist li a.end {
    padding: 4px 8px 4px 8px;
}

.pagelist li .pageinfo {
    padding: 4px 8px 4px 8px;
    display: block;
}

.pagelist .select {
    position: relative;
}

.pagelist .select select {
    padding: 0px 0px 0px 6px;
    width: 45px;
    appearance: none;
    font-family: "",Microsoft YaHei;
    height: 28px;
    color: #555;
    background-image: url(../images/xiala.png);
    float: left;
    background-size: 9px auto;
    background-position: right center;
    margin-right: 6px;
    background-repeat: no-repeat;
    -moz-appearance: none;
    -webkit-appearance: none;
}

.pagelist select::-ms-expand {
    display: none;
}

.pagelist select option {
    padding: 4px 0px 4px 6px;
    font-family: "",Microsoft YaHei;
}

.pagelist li select {
    height: 20px;
    line-height: 20px;
}/*----product_art---*/.productc>div:nth-child(1)>span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    border-width: 11px 25px 0px 25px;
    border-style: solid;
    border-color: #E74517 transparent transparent;
    margin: 0 0 -11px -17px;
    z-index: 10;
}

.productimg {
    float: left;
    width: 302px;
}

.productname {
    float: left;
    padding-left: 30px;
    width: 54%;
}

.productname h1 {
    font-size: 18px;
    line-height: 32px;
    width: 100%;
    padding-bottom: 8px;
    float: left;
}

.productname > span {
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    float: left;
}

.productname > p {
    width: 100%;
    font-size: 14px;
    line-height: 24px;
    color: #919191;
    float: left;
    max-height: 124px;
    overflow: hidden;
    margin-bottom: 12px;
}

.productname > span > div {
    float: left;
    font-size: 14px;
    color: #919191;
    line-height: 24px;
    overflow: hidden;
    height: 24px;
    margin-right: 10px;
}

.productname > span > div > font {
    font-size: 16px;
    line-height: 28px;
    float: left;
    margin-right: 4px;
}

.productname .boxbtn {
    width: 290px;
    float: left;
    margin-top: 20px;
}

.productname .boxbtn a {
    display: block;
    color: #FFF;
    width: 140px;
    float: left;
    height: 38px;
    line-height: 38px;
    overflow: hidden;
    border-radius: 5px;
    margin-top: 10px;
    margin-right: 10px;
}

.bg2384cc {
    background-color: #2384cc;
}

.bgc7130c {
    background-color: #c7130c;
}

.bg005da3 {
    background-color: #005da3;
}

.bgff6600 {
    background-color: #ff6600;
}

.bb1 {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 8px;
}

.productname .boxbtn a font {
    display: block;
    float: left;
    width: 52px;
    text-align: center;
    color: #FFF;
    font-size: 21px;
}

.productname .boxbtn a span {
    display: block;
    width: 86px;
    text-align: center;
    float: left;
}

.productname .boxbtn a i {
    float: left;
    width: 1px;
    height: 18px;
    margin-top: 10px;
    background-color: rgba(0,0,0,0.2);
    border-right: 1px solid rgba(255,255,255,0.2);
}

.mod18 {
    position: relative;
    width: 302px;
    margin: 0 auto;
}

.mod18 .btn {
    position: absolute;
    cursor: pointer;
}

.mod18 #prevTop,.mod18 #nextTop {
    top: 322px;
    width: 20px;
    height: 77px;
    line-height: 77px;
    text-align: center;
    background-color: #4c4c4c;
    color: #FFF;
    font-size: 14px !important;
    border-radius: 3px;
}

.mod18 #prevTop {
    left: 0%;
}

.mod18 #nextTop {
    right: 0%;
}

.mod18 li {
    float: left;
}

.mod18 .cf li {
    position: relative;
    color: #fff;
}

.mod18 .cf li a {
    display: block;
    width: 300px;
    height: 300px;
    position: relative;
    float: left;
    color: #fff;
    overflow: hidden;
}

.mod18 .cf li a img {
    position: absolute;
    width: 484px;
    height: 300px;
    left: 50%;
    margin-left: -242px;
}

.mod18 .cf li a font {
    position: absolute;
    right: 0px;
    bottom: 0px;
    background-color: #eee;
    font-size: 12px;
    padding: 3px 6px 3px 6px;
    color: #333;
}

.mod18 .cf li a font i {
    margin-right: 3px;
}

.mod18 .picBox {
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    width: 300px;
    border: 1px solid #ccc;
}

.mod18 .picBox ul {
    height: 300px;
    position: absolute;
}

.mod18 .picBox li {
    width: 300px;
    height: 300px;
}

.mod18 .listBox {
    width: 261px;
    height: 77px;
    margin: 20px auto 0px auto;
    position: relative;
    overflow: hidden;
}

.mod18 .listBox ul {
    height: 77px;
    position: absolute;
}

.mod18 .listBox li {
    width: 75px;
    height: 75px;
    margin-left: 5px;
    margin-right: 5px;
    float: left;
    cursor: pointer;
    position: relative;
    float: left;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
}

.mod18 .listBox li img {
    width: 121px;
    height: 75px;
    position: absolute;
    left: 50%;
    margin-left: -60px;
}

.mod18 .listBox li.on {
    border: 1px solid #999;
}

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.fancybox-opened {
    z-index: 8030;
}

.fancybox-opened .fancybox-skin {
    -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
    position: relative;
}

.fancybox-inner {
    overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
    background-image: url('../images/fancybox_sprite.png');
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url('../images/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
    position: absolute;
    top: -18px;
    right: -18px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url('../images/blank.gif');
 /* helps IE */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    z-index: 8040;
}

.fancybox-prev {
    left: 0;
}

.fancybox-next {
    right: 0;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 34px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-prev span {
    left: 0px;
    background-position: 0 -36px;
}

.fancybox-next span {
    right: 0px;
    background-position: 0 -72px;
}

.fancybox-nav:hover span {
    visibility: visible;
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}/* Overlay helper */.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8010;
    background: url('../images/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll;
}/* Title helper */.fancybox-title {
    visibility: hidden;
    font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    position: relative;
    text-shadow: none;
    z-index: 8050;
}

.fancybox-opened .fancybox-title {
    visibility: visible;
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    right: 50%;
    margin-bottom: -35px;
    z-index: 8050;
    text-align: center;
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
 /* Fallback for web browsers that doesn't support RGBa */background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}.fancybox-title-inside-wrap {padding-top: 10px;}.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}/*Retina graphics!*/@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite@2x.png');background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/}#fancybox-loading div {background-image: url('../images/fancybox_loading@2x.gif');background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/}}#LoutiNav{ display:none; width:86px; height:auto; position:fixed; top:150px; right:0px; }#LoutiNav li{ padding:5px 12px 5px 12px; float:left; background-color:rgba(0,0,0,0.9); margin-bottom:2px; color:#fff; border-radius:5px 5px 5px 5px;  font-size:12px;text-align: center; cursor: pointer; float:left;}#LoutiNav li:hover{background:#ff6600; color:#FFF}#LoutiNav .active{background:#ff6600; color:#fff;}.louceng{width: 100%; float:left; height:auto; padding-top:36px;}.louceng  .tag{ font-size:14px; width:114px; text-indent:16px; color:#FFF; height:34px; line-height:34px; background-color:#0060ad; border-radius:5px 5px 0px 0px;}.louceng  .tag font{ margin-right:6px;}.louceng  .body{  border-top:4px solid #0060ad; padding-top:21px; border-radius:0px 0px 5px 5px; padding-bottom:21px; padding-left:20px; padding-right:20px; background-color:#f8f8f8;}/*--news--*/.new li{width:100%; }.new li a{display:block;}.new li{margin: 10px;padding: 20px;  float:left; background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;border: 1px solid #ccc;}.new li a .imgbox{ float:left; position:relative; width:27.5%; height:150px; overflow:hidden;}.new li a .imgbox img{ width:242px; height:150px; position:absolute; left:50%; margin-left:-121px;}.new li a > span{ float:left; display:block; width:100%; color:#000; font-size:16px; color:#333; padding-bottom:4px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}.new li a:hover > span{ color:#005192;}.new li a > p{float:left; display:block; width:100%; color:#a5a5a5; line-height:24px; max-height:96px; overflow:hidden;}.new li a > .w70{ padding-top:13px; padding-bottom:13px;}.new li a > .w70 > font{float:left; display:block;color:#666; line-height:14px; border-right:1px solid #939393; padding-right:10px; margin-right:10px; font-weight:normal;}.fz21_rem{ font-size:21px;}/*--FAQ--*/.faq li{ width:100%;}.faq li a{ float:left; display:block; width:100%;}.faq li{padding-bottom:21px; float:left; margin-bottom:20px;background-image:url(../images/d.jpg); background-position:left bottom; background-repeat:repeat-x;}.faq li a span{ float:right; display:block; width:100%;font-size:16px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:24px; color:#000;}.faq li a span font{ width:24px; height:24px; overflow:hidden; background-color:#000; color:#FFF; display:block; float:left; text-align:center; line-height:26px; font-size:18px; margin-right:6px;}.faq li a:hover span{ color:#005192;}.faq li a:hover span font{ background-color:#005192;}.faq li a p{float:right; width:100%; background-color:#F5F5F5; display:block; width:96%; color:#666; line-height:24px; padding:10px 2% 10px 2%; margin-top:20px; max-height:116px; overflow:hidden;}/*--photolist--*/.photolist li{ float:left; width:31%; margin-left:1%; margin-right:1%;margin-bottom:40px;}.photolist li a{ display:block; float:left; width:94%; height:auto; padding:3%; border:1px solid #e6e6e6;}.photolist li a span{ display:block; float:left; width:100%;}.photolist li a span.img{ height:225px; text-align:center; position:relative;}.photolist li a span.img div{filter:alpha(opacity=0);  opacity:0; z-index:8; position:absolute; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.4); background-image:url(../images/search2.png); background-position: center 180px; background-repeat:no-repeat;}.photolist li a span.img img{ display:inline-block; height:auto; width:auto; max-height:100%; max-width:100%;}.photolist li a span.phototitle{ line-height:40px; height:40px; text-align:center; background-color:#EEEEEE; margin-top:10px; color:#555;}.photolist li a:hover span.img div{filter:alpha(opacity=1);  opacity: 1; transition: 0.2s ease-in-out; background-position: center center;}/*--information--*/.information{padding-top:50px; padding-bottom:50px;}.information .informationbox{ width:360px; float:left; margin-right:45px;}.information .information_t{ color:#a9aaaa; float:left;line-height:24px; width:100%}.information .information_t span{ color:#2d2c2c; font-size:16px; padding-right:10px;}.information .information_t a{ float:right; font-size:12px; color:#a9aaaa;}.information .information_list{ margin-top:32px; float:left; box-sizing:border-box; border:1px solid #e9e9e9; background-color:#FFF; padding:12px;}.information .information_list li{ float:left; border-bottom:1px dashed #787878; width:100%; }.information .information_list .tt{padding-bottom:17px;}.information .information_list .tt img{ width:150px; height:93px; float:left; margin-right:18px;}.information .information_list .tt span{ float:left; width:166px; line-height:21px; height:42px; overflow:hidden;}.information .information_list .tt p{ color:#787878; font-size:12px; line-height:21px; float:left; margin-top:6px;width:166px;}.information .information_list .dd{ line-height:36px;}.information .information_list .dd i{ float:left; width:4px; height:4px; background-color:#b1b1b1; margin-top:16px; margin-right:6px;} .information .information_list .dd a{ float:left; width:324px; color:#3b3b3b;}.information .information_list .dd a font{ float:right; font-size:12px; color:#787878;line-height:38px; display:block; height:36px;overflow: hidden;}.information .information_list .dd a span{float:left; width:250px;text-overflow:ellipsis;white-space: nowrap; line-height:36px;overflow: hidden; display:block; height:36px;}.tagbox{ padding-top:30px; width:100%; padding-bottom:30px; text-align:center;}.tagbox a{ display:inline-block; padding:0px 20px 0px 20px;  cursor:pointer; color:#666; border-radius:5px; margin-left:15px; margin-right:15px; line-height:36px; background-color:#efefef;}.tagbox a.active{ background-color:#1C93E5; color:#FFF;}.contactbox2{ width:55%; float:left;}.contact{ width:55%;}.contact span{ float:left; display:block; width:100%;}.contact span font{ float:left; margin-right:1%;}.contact span p{ float:left; width:94%; display:block; font-size:1rem;  color:#4f4f4f; line-height:3rem;}.contact span p a{ cursor: pointer; }.contact span p a:hover{ text-decoration: underline; }.contact span.company{ text-indent:0px; padding-bottom:6px; text-transform: uppercase; background:none; color:#c90010; font-weight:bold; font-size:2rem;}.contact .icon{ width:5%; color:#4f4f4f; font-size:1rem;line-height:3rem; text-align:left;} /*---about--*/.aboutimgbox{ margin-top:40px;}.aboutimgbox li{ float:left;position:relative; height:auto;}.aboutimgbox li img{width:100%; float:left; height:auto;}.aboutimgbox li p{ position:absolute; left:0px; bottom:0px; line-height:30px; color:#FFF; background-color:rgba(0,0,0,0.6); display:block; width:100%; text-indent:10px;}.aboutul li{ float:left; width:29.33%; margin-top:40px; margin-bottom:40px; padding-left:2%; padding-right:2%; text-align:center;}.aboutul li .imgbox{ width:225px; height:225px; margin:20px auto; position:relative; border-radius:50%; overflow:hidden;}.aboutul li .imgbox img{ position:absolute; width:363px; height:225px; left:50%; margin-left:-181px;}.aboutul li span{ width:100%; color:#333; display:block; font-size:16px; line-height:42px;}.aboutul li p{ color:#787878; line-height:20px; font-size:12px;}/*----*/.download li{ float:left; width:46%; margin-bottom:36px; margin-right:2%; margin-left:2%;}.download li a{ float:left; width:100%; display:block; border:1px solid #ddd;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box; padding:4px 18px 12px 18px;}.download li a span{ float:left; width:100%; display:block; line-height:32px; color:#454545px;}.download li a p{ line-height:24px; font-size:12px; color:#666; height:72px; overflow:hidden; float:left; width:100%;text-align:justify;text-justify:inter-ideograph; margin-top:2px;}.download li a font{ float:left; width:100px; line-height:28px; height:28px; text-align:center; font-size:12px; background-color:#007CC2; text-align:center; color:#fff; margin-top:12px;}.download li a font i{ margin-right:4px;}.download li a:hover{-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.12);}.footer{background-color: #d1d1d1;width: 100%;overflow: auto;}.footer	.container{padding: 25px 15px 25px 15px;overflow: auto;color: #666;}.footer	.container a{/* color: #666; */}.linkurl_bg{background-color:#666;width: 100%;overflow: auto;}.linkurl{width:1170px; margin:20px auto;overflow: auto;color: #fff;padding-right: 15px;padding-left: 15px;}.linkurl a{color: #fff;}.txt1{ text-align:left;margin-left: 35px;margin-top: 5px;word-break: break-all;line-height: 20px;}.new_left .swiper-pagination-bullet{border-radius: 0 !important; width:10px; height:10px;}.icon{background:url(../images/icon.png) no-repeat;display:inline-block;vertical-align:middle}a{color:#333;text-decoration:none}.debanner {height: 330px;background-position-x: center;background-repeat: no-repeat;}.friend {margin-top: 65px;height: auto;margin-bottom: 20px;}.friend-in {padding: 0 28px;width: 100%;/* height: 124px; */border: 1px solid #cfcfcf;}.fri-title span, .fri-title1 span {position: relative;padding: 0 52px;background-color: #fff;display: inline-block}.fri-title {text-align: center}.fri-title span {top: -15px;font-size: 20px}.fri-ul {overflow: hidden;height: auto}.fri-ul li {float: left;margin-right: 43px;margin-bottom: 10px}.fri-ul li a {color: #666;font-size: 13px}.fri-title1 {text-align: center}.fri-title1 span {bottom: -12px;font-size: 13px}.fri-title1 span a {display: inline-block;width: 152px;height: 36px;background: #0068c9;color: #fff;text-align: center;line-height: 36px}.container{margin-left: auto;margin-right: auto;width: 1200px;}.case{width: 100%;padding-bottom: 98px;background-color: #f5f5f5;}.case .mainCon{width: 100%;margin-top: 32px;height: 330px;}.case .mainCon ul{width: 105%;}.case .mainCon li{width: 590px;/* height: 227px; */position: relative;overflow: hidden;float: left;margin-right: 20px;box-shadow: 0 0 12px 5px #ededed;margin-bottom: 27px;}.case .mainCon dt{width: 300px;/* height: 227px; */float: left;position: relative;overflow: hidden;}.case .mainCon dd{width: 247px;float: left;margin-left: 20px;padding-top: 20px;}.case .mainCon dd h3{font-size: 18px;color: #333333;}.case .mainCon dd h3 a{color: #333333;text-decoration: none;}.case .mainCon dd h4{font-size: 14px;color: #333333;margin-top: 13px;}.case .mainCon dd p{margin-top: 6px;font-size: 14px;color: #666666;line-height: 30px;}.case .mainCon dd .p2{color: #333333;margin-top: 18px;}.case .mainCon dd .btn{width: 100%;overflow: hidden;margin-top: 20px;}.case .mainCon dd .btn a{display: block;width: 118px;height: 36px;text-decoration: none;text-align: center;line-height: 36px;font-size: 14px;color: #666666;float: left;border: 1px solid #cccccc;}.case .mainCon dd .btn a:first-child{margin-right: 7px;}.case .mainCon li:hover dd h3 a{color: #005fb0;}.case .mainCon dd .btn a:hover{background: #59bc2b;border-color: #59bc2b;color: #fff;}.case .mainCon dt .rectborder{width: 300px;height: 225px;position: absolute;left: 0px;top: 0px;border: #fff 1px solid;transition: all ease-out .4s;}.case .mainCon dt .maskborder{width: 320px;height: 250px;position: absolute;/* left: -10px; *//* top: -10px; *//* border: #fff 10px solid; */transition: all ease-out .4s;}.case .mainCon dt img{display: block;width: 100%;height: auto;transition: all ease-out .4s}.case .mainCon li:hover .maskborder{transform: scale(0.9);}.case .mainCon li:hover .rectborder{transform: scale(0.8);}.case .mainCon li:hover dt img{transform: scale(0.9);}/*Title*/.Title{width: 100%;text-align: center;padding-top: 58px;}.Title h3{font-size: 35px;color: #333333;font-weight: normal;}.Title h3 a{color: #333333;text-decoration: none;}.Title i{display: block;margin: 10px auto 0;width: 131px;height: 22px;}.Title i img{display: block;}/*reason*/.reason{width: 100%;height: 553px;background: url("../images/reasonbg.jpg"/*tpa=http://q283.zzidc.info/style/images/reasonbg.jpg*/) no-repeat center;}.reason .Title h3{color: #fff;}.reason .mainCon{width: 100%;margin-top: 28px;}.reason .mainCon ul{width: 105%;}.reason .mainCon li{width: 292px;height: 335px;background: #fff;float: left;margin-right: 11px;}.reason .mainCon li span{display: block;width: 292px;height: 180px;position: relative;}.reason .mainCon li img{display: block;}.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;font-style:normal;height: 48px;line-height: 48px;text-align: center;background: url("../images/reasonbg02.png"/*tpa=http://q283.zzidc.info/style/images/reasonbg02.png*/);bottom:0;left: 0;position: absolute;}.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 10px;padding: 0 20px;line-height: 23px;text-align: left;}.h_left{width: 100%;float:left;background:#FFF;overflow:hidden;margin-right:18px;}.cp_type{margin-bottom:30px;}.cp_type .hd{text-align:center;background:#00a1ec;padding:14px 3%;}.cp_type .hd p{font-size:28px;font-weight:bold;color:#fff;}.cp_type .hd p:before{content:'';display:inline-block;width:28px;height:28px;background:url(../images/mulu_tlt.png) center center no-repeat;margin-right:5px;vertical-align:middle;margin-top:-3px;}.cp_type .hd span{display:block;font-size:12px;color:#fff;text-transform:uppercase;}.cp_type .bd ul li{margin-bottom:1px;overflow: hidden;height: auto;background: #30b6f5;padding-bottom: 10px;}.cp_type .bd ul li p{background: #30b6f5;line-height:65px;text-align: left;margin-top: 10px;}.cp_type .bd ul li p a{font-size:16px;color:#333;display:block;width:92%;padding:0% 0 0 6%;overflow: hidden;float:left;}.cp_type .bd ul li p span{display:block;width:20%;height:100%;background:url(../images/mulu1.png) center center no-repeat;cursor:pointer;float:left;}.cp_type .bd ul li div{background:#fff;display:none;}.cp_type .bd ul li div a{display:block;height:50px;line-height:50px;color:#666;font-size:15px;border-top:1px solid #e7e5e5;padding:0 10% 0 10%;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;background:url(../images/icon2.png) 6% center no-repeat;}.cp_type .bd ul li div a:first-child{border-top:0;}.cp_type .bd ul li p:hover,.cp_type .bd ul li.on p{background:#30b6f5;}.cp_type .bd ul li p:hover a,.cp_type .bd ul li.on p a{color:#fff;}.cp_type .bd ul li p:hover span{background:url(../images/mulu2.png) center center no-repeat;}.cp_type .bd ul li.on p span{background:url(../images/mulu3.png) center center no-repeat;}.cp_type .bd ul li div a:hover{color:#00a1ec;background:url(../images/icon3.png) 6% center no-repeat;}.cp_type .bd a.pro_ckqb{display:block;height:34px;line-height:34px;font-size:16px;color:#fff;background:#30b6f5;width:100%;margin:10px auto;text-align:center;overflow: hidden; text-overflow: ellipsis; white-space:nowrap;cursor:pointer;}.cp_type .bd a.pro_ckqb:hover{background:#0685b7;color:#fff;}

.yunu-link {
	padding: 20px 0;
	margin-bottom: 30px;
}
.yunu-link h4 {
	border-bottom: 1px solid #ddd;
	margin: 0;
	font-size: 18px;
	color: #015cb5;
	padding-bottom: 15px;
}
.yunu-link h4 small {
	text-transform: uppercase;
	font-size: 16px;
	font-weight: normal;
	color: #999;
}
.yunu-link ul {
	margin-left: -20px;
	
}
.yunu-link li {
	float: left;
	margin-left: 20px;
	margin-top: 20px;
	
	border: 1px solid #CCCCCC;
	
	text-align: center;
	padding: 10px;
	margin-bottom: 20px;
}

.yunu-link li img{height: 50px;}