@charset "utf-8";
/*@import url("mm.css");*/
/* 
CSS Document 
Ver 1.0 
Date 2020/3
Lunge QQ:15985055
*/
.nav_mobile{ display:none;}
.myfooter_mobile{ display:none;}
.nav_mobile_gap { display:none;}
.myfooter_mobile_gap { display:none;}

@font-face {
    font-family: 'DINPro-Bold';
    src: url('../fonts/DINPro-Bold.eot');
    src: local('?'), url('../fonts/DINPro-Bold.woff') format('woff'), url('../fonts/DINPro-Bold.ttf') format('truetype'), url('../fonts/DINPro-Bold.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Medium';
    src: url('../fonts/DINPro-Medium.eot');
    src: local('?'), url('../fonts/DINPro-Medium.woff') format('woff'), url('../fonts/DINPro-Medium.ttf') format('truetype'), url('../fonts/DINPro-Medium.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DINPro-Regular';
    src: url('../fonts/DINPro-Regular.eot');
    src: local('?'), url('../fonts/DINPro-Regular.woff') format('woff'), url('../fonts/DINPro-Regular.ttf') format('truetype'), url('../fonts/DINPro-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Avenir Next';
    src: url('../fonts/AvenirNext-Medium.eot');
    src: url('../fonts/AvenirNext-Medium.eot?#iefix') format('embedded-opentype'),
    url('../fonts/AvenirNext-Medium.woff2') format('woff2'),
    url('../fonts/AvenirNext-Medium.woff') format('woff'),
    url('../fonts/AvenirNext-Medium.ttf') format('truetype'),
    url('../fonts/AvenirNext-Medium.svg#AvenirNext-Medium') format('svg');
    font-style: normal;
}

@font-face {
	font-family: 'Conv_HelveticaNeueLTStd-BlkCn';
	src: url('../fonts/HELVETICANEUELTPRO-BDCN_0.eot');
	src: local('?'), url('../fonts/HELVETICANEUELTPRO-BDCN_0.woff') format('woff'), url('../fonts/HELVETICANEUELTPRO-BDCN_0.ttf') format('truetype'), url('../fonts/HELVETICANEUELTPRO-BDCN_0.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}/* /fonts/HELVETICANEUELTPRO-BDCN_0.svg ����*/




html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
    font-weight: normal;
    font-family:  "PingFangSC-Regular",PingFangSC-Light, 'Microsoft YaHei', "΢���ź�", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
    box-sizing: border-box;
}

.font-medium {
    font-family: "PingFangSC-Medium",  'Microsoft YaHei', "΢���ź�", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
}

.font-normal {
    font-family: "PingFangSC-Regular",  'Microsoft YaHei', "΢���ź�", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
}

.font-light {
    font-family: "PingFangSC-light",  'Microsoft YaHei', "΢���ź�", SourceHanSansCN-Normal, STHeiti, Helvetica, Arail;
}
article, aside, details, figcaption, figure,
footer, header, menu, nav, section {
    display: block;
}
body {
    font-size: 12px;
    background-color: #F7F8FA;
    transition: padding 0.3s;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing:grayscale;
}
/*body::-webkit-scrollbar {
    display: none;
}
body {
    background: url("../images/bg.jpg") no-repeat center top;
    background-size: 100%;
}
body > div {
    opacity: 0.8;
}*/
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
i, em {
    font-style: normal;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
a {
    text-decoration: none;
    outline: none;
}
input, textarea, button, select {
    outline: none;
    font-family: PingFangSC-Light,PingFangSC-Regular, MicrosoftYaHei, 'Microsoft YaHei', "΢���ź�", SourceHanSansCN-Normal, STHeiti, Helvetica;
}
.font-din {
    font-family: 'DINPro-Regular';
}
.font-din.bold {
    font-family: 'DINPro-Bold';
}
.font-din.medium {
    font-family: 'DINPro-Medium';
}
.font-avenir {
    font-family: 'Avenir Next';
}
.clear {
    clear: both;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    content: "";
    clear: both;
    overflow: hidden;
    height: 0;
    width: 100%;
    display: block;
    zoom: 1;
}
img {
    max-width: 100%;
    height: auto;
}

.animated {
    -webkit-animation-duration: 0.3s;

    animation-duration: 0.3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
@-webkit-keyframes scaleOut {
    0% { -webkit-transform: scale(0.6); opacity: 0; }
    100% { -webkit-transform: scale(1.00); opacity: 1.0; }
}
@keyframes scaleOut {
    0% { transform: scale(0.6); opacity: 0; }
    100% { transform: scale(1.00); opacity: 1.0; }
}

.scaleOut {
    -webkit-animation: scaleOut 0.3s ease-in-out both;
    animation: scaleOut 0.3s ease-in-out both;
}

@-webkit-keyframes scaleIn {
    0% { -webkit-transform: scale(1.0); opacity: 1.0; }
    100% { -webkit-transform: scale(0.6); opacity: 0; }
}
@keyframes scaleIn {
    0% { transform: scale(1.0); opacity: 1.0; }
    100% { transform: scale(0.6); opacity: 0; }
}

.scaleIn {
    -webkit-animation: scaleIn 0.3s ease-in-out both;
    animation: scaleIn 0.3s ease-in-out both;
}
@-webkit-keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInDown {
    from {
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInDown {
    -webkit-animation: slideInDown 0.3s ease-in-out both;
    animation: slideInDown 0.3s ease-in-out both;
}
@-webkit-keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

@keyframes slideInUp {
    from {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
        visibility: visible;
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }
}

.slideInUp {
    -webkit-animation: slideInUp 0.3s ease-in-out both;
    animation: slideInUp 0.3s ease-in-out both;
}


@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -50%, 0);
        transform: translate3d(0, -50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

.fadeInDown {
    -webkit-animation: fadeInDown 0.5s  both;
    animation: fadeInDown 0.5s  both;
}
@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}
.fadeIn {
    -webkit-animation: fadeIn 0.5s ease-in-out both;
    animation: fadeIn 0.5s ease-in-out both;
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 50%, 0);
        transform: translate3d(0, 50%, 0);
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none;
    }
}
@-webkit-keyframes fadeIn2 {
    from {
        opacity: 0;
        /*-webkit-transform: translate3d(0, 20px, 0);*/
        /*transform: translate3d(0, 20px, 0);*/
    }

    to {
        opacity: 1;
        /*-webkit-transform: none;*/
        /*transform: none;*/
    }
}

@keyframes fadeIn2 {
    from {
        opacity: 0;
        /*-webkit-transform: translate3d(0, 20px, 0);*/
        /*transform: translate3d(0, 20px, 0);*/
    }

    to {
        opacity: 1;
        /*-webkit-transform: none;*/
        /*transform: none;*/
    }
}

.fadeInUp {
    -webkit-animation: fadeInUp 0.5s both;
    animation: fadeInUp 0.5s both;
}

.fl {
    float: left;
}
.fr {
    float: right;
}
.relative {
    position: relative;
}
.swiper-pagination span.swiper-pagination-bullet,
.swiper-pagination a {
    width: 14px;
    display: inline-block;
    height: 14px;
    border-radius: 100%;
    background-color: #fff;
    opacity: 0.3;
    transition: all 0.5s;
    margin: 0 10px!important;
    text-indent: -20px;
    overflow: hidden;
}
.swiper-pagination span.swiper-pagination-bullet-active,
.swiper-pagination a.activeSlide {
    opacity: 1;
    background-color: #fff;
}
/* ����Ϊ������ʽ */


#layer { /*͸�����ֲ㣬���������ش���Ϣ����*/
    position: fixed;
    width: 100%;
    height: 100%;
    background: #000;
    filter: alpha(opacity=70);
    opacity: 0.7;
    z-index: 11;
    top: 0;
    left: 0;
    display: none;
}


/* 20200313 */
.m1200 {
    width: 1240px;
    padding: 0 30px;
    margin: 0px auto;
/*
	background-color:#C60;
	border:1px #CC0000 solid;
*/	
}

.m1200:after {
    content: '';
    display: block;
    width: 100%;
    height: 0;
    overflow: hidden;
    clear: both;
}
.box .m1200 {
    position: relative;
}

.header {
    padding: 17px 0;
    width: 100%;
   /* background: #EFF0F1 ;*/
    background:#FFFFFF;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    transition: all 0.3s;
   /* box-shadow: 0 6px 9px rgba(220,220,220,0.21); */
    border-bottom: 1px solid #D7D7D7;
}

.logo {
    width: 180px;
    height: 60px;
    margin-top: 0px;
    /*background: url('../images/logo_15050.png') no-repeat;*/
    background-size:cover;
    /*text-indent: -2000px;*/
    overflow: hidden;
}
.logo a {
    display: block;
    float: left;
    width: 100%;
    height: 100%;
}
.logo img {
    width: 100%;
    visibility: hidden;
}
.nav {
    margin-left: 60px;
    padding: 5px 0;
    position: relative;
    overflow: hidden;
}

.nav li {
    padding: 0 0 0 2em;
    display: block;
    float: left;
    transition: all 0.5s;
}
.nav li a {
    line-height: 36px;
    padding: 0 3px;
    font-size: 16px;
    color: #111111;
    letter-spacing: 0;
    position: relative;
    display: block;
    float: left;
}
.nav li a:after {
    content: '';
    width: 0;
    transition: all .4s;
    display: block;
    height: 2px;
    overflow: hidden;
    background: #1E2085;
    position: absolute;
    bottom: 0px;
    left: 0;
    /*transform: scaleX(0);*/
}
.nav li a.active-trail:after,
.nav li a.active:after,
.nav li a:hover:after {
    width: 100%;
    /*transform: scaleX(1);*/
}
.nav li a.active-trail,
.nav li a.active {
    color: #1E2085;
    /*font-weight: 600;*/
}
.navline {
    content: '';
    display: block;
    width: 1px;
    height: 42px;
    background: #f0f0f0;
    overflow: hidden;
    margin:2px 2em;
    top: 2px;
}

.call-num {
    font-size: 16.5px;
    line-height: 130%;
    padding: 3px 0 8px;
    color: #333;
    display: block;
	background:url(../images/icos_tel.png) no-repeat 1px 13px;
	text-indent:33px;
	float:right;
}
.call-num em{
    font-size: 15px;
}
.call-num a{
    color: #333;
}


/*���ͼ*/
.slick1 {width:100%; margin:auto; position:relative; clear:both}
.slick1 div { }
.slick1 div a{ display:block; background-repeat:no-repeat; background-position:center center; background-size:100%;height:550px;}
.slick1 img {width:100%; height:auto; display:none;}

/* Slider */
.slick-slider{display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list{position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
.slick-track{position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto;}
.slick-track:before,.slick-track:after{display: table; content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block; height: auto; }
.slick-arrow.slick-hidden{display: none;}
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:119px;width:65px;cursor:pointer;z-index:80;top:50%; margin-top:-59.5px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color:inherit; background-repeat:no-repeat; background-position:center;opacity: 1.3;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;border:none !important;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 1.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:1%; background-image:url(../images/arrowleft1.png);}
.slick-next { right:1%; background-image:url(../images/arrowright1.png);}
.slick-prev:hover {opacity: 1.55;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;}
.slick-next:hover {opacity: 1.55;-webkit-filter:none;-moz-filter:none;-ms-filter:none;-o-filter:none;filter:none;filter:none;}
/* Dots */
.slick-slider { }
.slick-dots {position: absolute; top:30%; left:5%;display: block;padding: 0px; width:100px; text-align:center; z-index:9; }
.slick-dots li { position: relative; height: 30px; width: 20px; cursor: pointer;background: url(../images/bannernav.png) left bottom no-repeat; opacity:0.5;}
.slick-dots li button { background:none;display:none; height: 30px; width: 20px; padding: 0px; cursor: pointer; position:absolute; right:5px; top:10px; color:#fff;z-index:4; outline: none; font-family:Arial;border:none !important;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button { display: block;}
.slick-dots li.slick-active  {width: 60px;opacity:1.0;}
.slick-dots li:hover  { opacity:1.0;}

/* ��ҳ�������� */
.tab3 { text-align:center; width:100%; overflow:hidden; }
.tab3 div { float:left;display:inline-block; width:calc(33.3333%);width:-webkit-calc(33.3333%);}
.tab3 h3{ color:#444444; padding:5px 2px; overflow:hidden;text-transform:uppercase; font-size:24px;}
.tab3 h3 a{ color:#444444;}
.tab3 h3 a:hover{color:#222222;}
.tab3 h4{ text-transform:uppercase; font-size:14px; color:#7f7f7f;font-family: 'Conv_HelveticaNeueLTStd-BlkCn';}
.tab3 p{ text-align:center; color:#777777;text-transform:uppercase;  overflow:hidden; padding-top:12px; }
.tab3 .ticon1,.tab3 .ticon2,.tab3 .ticon3{display:block;margin:auto;position:relative; overflow:hidden;}
.tab3 .ticon1 a,.tab3 .ticon2 a,.tab3 .ticon3 a{width:100px; height:100px;margin:auto;display:block;position:relative;}
.tab3 .ticon1 h3 a,.tab3 .ticon2 h3 a,.tab3 .ticon3 h3 a{ padding:0; height:auto; width:150px;}
.llineb { background:url(../images/liney.jpg) eft  30px no-repeat;}
.lrlineb { border-left:#CCC 1px solid;}
.lrline {border-right:#CCC 1px solid;}
.ptb50 { padding:50px 0;}

/* ҳβ */ 
/*
.myfooter{width:100%; margin:auto; background:#D9D7D8;border-top:3px #108B96 solid; margin-top: 85px;overflow: hidden;color: #222;font-size: 14px; line-height:24px;}
.myfooter .m1200{ max-width:990px !important; margin:0 auto; padding-top:40px;}
.myfooter dl{ width:25%; float:left;}
.myfooter dl p{ padding-top:30px;}
.myfooter dl dt{ font-size:16px; padding-bottom:12px;}
.myfooter dl dt span{ padding-bottom:6px; border-bottom:2px #666666 solid;}
.myfooter a{color:#222;}

.copyright{ float:none; clear:both; margin:0 auto; padding-top:30px; text-align:center;}
.myfooter_last { margin-top:20px; color:#7e7e83;  font-size:12px !important; text-align:center;}
.myfooter_last a {color:#7e7e83; padding-right:1em; }

.mobile { display:none; text-align:center; font-size:16px!important; margin:20px auto;}
.mobile a{ color:#FF0;}
*/

/*ҳβver2*/
.myfooter{width:100%; margin:auto; background:#D9D7D8;border-top:3px #C2C0C1 solid; margin-top: 45px; padding-bottom:35px;overflow: hidden;color: #444;font-size: 14px; line-height:24px;}
.myfooter a{color:#444;}
.myfooter .m1200{ max-width:1000px !important; margin:0 auto; padding-top:40px;}
.myfooter dl{ width:75%; float:left;}
.myfooter dl:first-child{ width:25%; float:left;}
.myfooter dl dt, .myfooter dl dd {display:inline-table;} 
.myfooter dl p img{ max-height:100px;}
.myfooter dl span{ padding:0 0.5em;}


.btn_top{ position:fixed; right:20px; bottom:10%; z-index:90;background-image: url(../images/float_top.png); background-repeat: no-repeat; background-position: center top; display: block; height: 36px; width: 36px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out;}
.btn_top:hover{background-image: url(../images/float_top.png);background-repeat: no-repeat;background-position: center bottom;}


/*� */
.page_location{ margin:0 !important; padding:0 !important; text-align:right;background-color:#E8E8E8;}
.page_location .m1200{ margin:0 !important; padding:15px !important; font-size:12px; line-height:14px;color:#666666;}
.page_location .m1200 a{ color:#666666;}
/* ������ */
.dtitle{ width:100%; height:100px; overflow:hidden; background:url(../images/bg_dtitle.png) no-repeat center !important;}
.dtitle p{ text-align:center;}
.dtitle_cn{ font-size:32px; line-height:58px; color:#333333;}
.dtitle_en{ font-size:20px; padding-top:4px; color:#999999; }

.ptitle{ text-align:center; width:100%; height:100px; overflow:hidden; background:url(../images/bg_ptitle.png) no-repeat center;}
.ptitle h1{ font-size:30px !important; line-height:50px; color:#333333;}
.m1200 .ptitle p{  font-size:18px; padding-top:10px; color:#999999;}


/* ��ҳ��ͼ */
.pagebanner{ margin-top:100px; width:100%; height:400px; margin:0 auto;}


/* ��ҳ����*/
.scroll_horizontal{position:relative; margin:5px auto;}
.scroll_horizontal .scroll_box{overflow:hidden;position:relative;width:100%; margin:0 auto;}
.scroll_horizontal .scroll_list{overflow:hidden; width:29999px;}
.scroll_horizontal .scroll_list li{float:left;width:1200px;}
.scroll_horizontal .scroll_list li:nth-child(2n+0){ }
.scroll_horizontal .prev,
.scroll_horizontal .next{position:absolute;top:calc(50% - 90px);margin-top:0px;width:65px;height:119px;background-repeat:no-repeat;font:0/0 Arial;cursor:pointer; z-index:100;}
.scroll_horizontal .prev{left:1px; background-image:url(../images/arrowleft2.png); }
.scroll_horizontal .next{right:1px; background-image:url(../images/arrowright2.png);}
.scroll_horizontal .prev:hover{ background-image:url(../images/arrowleft2_on.png);}
.scroll_horizontal .next:hover{ background-image:url(../images/arrowright2_on.png);}

.anli ul { }
.anli ul li { padding:0; margin:0;}
.anli ul li div { float:left; text-align:center; height:278px; width:32.666667%; margin-right:1%; overflow:hidden;}
.anli ul li div:nth-child(3n+0){margin-right:0; }

.anli ul li div p {width:100%; height:238px; overflow:hidden;}
.anli ul li div p img {width:100%; height:238px !important;-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.anli ul li div p:hover img{ /*-webkit-filter: brightness(100%); filter: brightness(100%);*/ height:238px;-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.anli ul li div span { display:block; font-size:16px; line-height:40px;}

.anli a {color:#333;}



/* ��ҳ����*/
.dabout{color:#333333;}
.dabout .left{ width:47%; float:left; margin-top:20px; }
.dabout .right{ width:47%; float:right; margin-top:20px; }
.dabout h3{ font-size:24px; line-height:30px; margin-bottom:20px;}
.dabout h3 span{ font-style:italic; padding-left:6px; color:#B5C6CD;}
.dabout dl{margin-bottom:1em;}
.dabout dl dt{font-size:16.5px;}
.dabout dl dt a{color:#333333;}

.dcontent{ font-size:14.5px; line-height:27px;}
.dcontent p{margin-bottom:0.45em;}

/* ��ҳ����  */
.dnews{}
.dnews ul{ zoom:1; overflow:hidden;}
.dnews ul li{ width:20%; height:160px; float:left;}
.dnews ul li div{ display:block; width:98%; overflow:hidden; text-align:center; }
.dnews ul li div a img{width:100%; height:160px;-webkit-transition:all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out;-o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
.dnews ul li div p{width:100%; height:120px; padding:3px; position:relative; bottom:-10px; z-index:500; background:url(../images/bg_333.png); font-size:0.75em; line-height:18px; color:#FFF;-webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
.dnews ul li div p strong{ display:block; height:18px; overflow:hidden; font-size:14px;}
.dnews ul li div p span{ display:block; font-size:15px;}
.dnews ul li div:hover p{ bottom:120px; -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
.dnews ul li div:hover img{-webkit-filter: brightness(60%); filter: brightness(60%);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);}

.dnews ul li div:hover p{ text-decoration:none; -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.dnews ul li div p a{ display:block; width:100%; height:100%; color:#CCCCCC;}
.dnews ul li div p a strong{ color:#FFFFFF;}
.dnews ul li div p a span{ color:#888888;}

a.atomore{ color:#666666; padding-right:30px;}
a.atomore i{ background:url(../images/atomore.png) no-repeat right; padding:5px 15px 5px 0;}
a.atomore:hover i{ -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
a.atomore:hover { color:#333333;}


/*��̬�߿�*/
.dongtaibiankuang li{
    transition: ease-in .3s;
    background: linear-gradient(0, #108b96 2px, #108b96 2px) no-repeat, 
                linear-gradient(-90deg, #108b96 2px, #108b96 2px) no-repeat, 
                linear-gradient(-180deg, #108b96 2px, #108b96 2px) no-repeat, 
                linear-gradient(-270deg, #108b96 2px, #108b96 2px) no-repeat;
    background-size: 0 2px, 2px 0, 0 2px, 2px 0;
    background-position: left top, right top, right bottom, left bottom;
}
.dongtaibiankuang li:hover {
    background-size: 100% 2px,  2px 100%, 100% 2px, 2px 100%;
}

/* ���񷽰��б� */
.fanganlist{margin-top:20px; zoom:1; overflow:hidden;}
.fanganlist .imgs{ width:49%; float:left;}
.fanganlist .imgs img{ width:99%;}
.fanganlist .txts{ width:49%; float:right;}
.fanganlist .txts h2{ margin-bottom:22px;text-align:left; font-size:30px; line-height:48px; color:#333333; margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.fanganlist .txts h2 a{color:#333333;}
.fanganlist .txts p{ text-align:left; font-size:16px; line-height:28px; color:#646464;}
.tomore{ display:block; margin-top:40px; font-size:16px;}
.tomore a{ padding: 8px 56px 8px 18px; background:url(../images/tomore.png) no-repeat right; border:1px #E4E4E4 solid; border-radius:5px;}
.tomore a { color:#444444;}
.tomore a:hover { background-color:#09F;}

/* ��������ҳ*/
.fangancontents{ float:right; padding:15px; background:#FFFFFF;text-align:left; font-size:14px; line-height:22px;width:calc(100% - 180px);width:-webkit-calc(100% - 180px);  } 
.fangancontents img{ max-width:100%;}
.fangancontents .subTitle{ margin-top:40px; margin-bottom:10px; height:150px; background:url(../images/fangan_nav2.png) no-repeat center; text-align:center;}
.fangancontents .subTitle h2{ padding-top:65px; padding-left:5px; font-size:26px; color:#333333;}
.fangancontents h6{ }

.subMenu{ float:left; width:130px; height:360px; /*position:fixed; margin-left:-580px; left:50%; top:150px;*/}
/**html .subMenu {position:fixed; z-index:1000;}*/
.subNavBtn{display:block !important; height:45px; line-height:45px; border-top:1px #031C36 solid;text-indent:25px; cursor:pointer; font-size:15px; color:#333333; background-color:#EEEEEE;}
.subNavBtn:hover{ font-weight:bold; color:#FFFFFF; background-color:#6FBCEA;}
.subNav0{display:block !important; height:45px; line-height:45px; border-top:1px #031C36 solid;text-indent:25px; cursor:default; font-size:15px; color:#FFFFFF; background-color:#0F546F;}
.subNavList .current{ background-color:#428AEC; color:#FFFFFF;}
.forcase{ width:80px !important;}
.forcase h3, .forcase li{ text-indent:1px !important; text-align:center; }


/* ��Ŀ����ҳ*/
.anli_tupian{}
.anli_tupian ul{ margin-top:20px; zoom:1; overflow:hidden;}
.anli_tupian ul li{ float:left;display:inline-block; width:calc(33.33% - 16px);width:-webkit-calc(33.33% - 16px); margin-right:24px; margin-bottom:24px;}
.anli_tupian ul li img{ /*-webkit-filter: brightness(60%); filter: brightness(60%);*/-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.anli_tupian ul li:hover img{ /*-webkit-filter: brightness(100%); filter: brightness(100%);*/-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.anli_tupian ul li:nth-child(3n+0){ margin-right:0;}

.anli_tupian ul li div{ height:70px; overflow:hidden;text-align:left; padding:0;}
.anli_tupian ul li div h5{ font-size:12px; line-height:20px; color:#999999;}
.anli_tupian ul li div h4{ font-size:16px; line-height:25px; color:#333333;}
.anli_tupian ul li div p{ line-height:20px; color:#666666;}
.anli_tupian ul li div.txts{ }
.anli_tupian ul li div.imgs{ width:100%; height:230px; overflow:hidden;}
.anli_tupian ul li div.imgs img{width:100%; height:230px;}


/*��������ҳ��*/
/* �ڵ���*/
.ptypenav { text-align:center; overflow:hidden; padding:30px 0;}
.ptypenav a{ background:#fff; color:#000; font-size:14px; border:#CCC 1px solid;display:block; float:left; padding:13px 0;}
.ptypenav a{width:calc(20% - 2px);width:-webkit-calc(20% - 2px);}

.ptypenav a.cur{ background:#21212d; color:#FFF;}
.ptypenav a.ml1 { margin-left:-1px;}
.ptypenav a:hover { background:#f2f2f2; color:#000;}
.ptypenav a.cur:hover { background:#21212d; color:#FFF;}

/* ��˾����ҳ */
.comprofile{margin-top:20px; zoom:1; overflow:hidden;}
.comprofile .imgs{ width:49%; float:left;}
.comprofile .imgs img{ width:80%;}
.comprofile .txts{ width:49%; float:right;}
.comprofile .txts h2{ margin-bottom:24px;text-align:left; font-size:30px; line-height:48px;  color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.comprofile .txts p{ text-align:left; font-size:16px; line-height:28px; margin-bottom:0.6em; color:#646464;}

.comcustomer{margin-top:20px; zoom:1; overflow:hidden;}
.comcustomer .imgs{ width:49%; float:right; text-align:right;}
.comcustomer .imgs img{ width:80%;}
.comcustomer .txts{ width:49%; float:left;}
.comcustomer .txts h2{ margin-bottom:24px;text-align:left; font-size:30px; line-height:48px;  color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.comcustomer .txts p{ text-align:left; font-size:16px; line-height:28px; margin-bottom:0.6em; color:#646464;}

.customermap{margin-top:20px; zoom:1; overflow:hidden;}
.customermap img{ width:100%;}

/*��չ����*/
.historymain{ font-size:14.5px; line-height:25px; text-align:center;color:#646464;}
.historymain h2{ display:block; clear:both; font-size:30px; line-height:40px;color:#333333; margin:60px auto 20px auto;}
.historymain h2.nomar{ margin-top:0;}
.historymain p{max-width:700px; margin:10px auto ;}
.historymain div{ }
.historymain div img{width:100%;}


/* �Ŷ�ҳ */
.team_chairman{margin-top:20px; zoom:1; overflow:hidden;}
.team_chairman .imgs{ width:49%; float:left; text-align:center;}
.team_chairman .imgs img{ width:45%;}
.team_chairman .txts{ width:49%; float:right;}
.team_chairman .txts h2{ margin-bottom:22px;text-align:left; font-size:30px; line-height:48px; color:#333333;}
.team_chairman .txts h2{ font-weight:lighter; /*color:#07a9fe;*/ margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.team_chairman .txts div{ margin-top:1em;text-align:left; font-size:16px; color:#646464;}
.team_chairman .txts .teamtitle p{ line-height:24px; }
.team_chairman .txts .teamsummary p{ line-height:28px;}
/*teammember*/
.teammember .txts h2{ margin-top:10px;}
.teammember .imgs img{ width:40%;}
.t1 .imgs{ }
.t1 .txts{ padding-right:10%; }
.t2 .imgs{ float:right !important; }
.t2 .txts{ float:left !important; padding-left:10%; }

/* ����ҳ */
.newsbox ul{ margin:20px 0 0 0; zoom:1; overflow:hidden;}
.newsbox ul li{ float:left; height:250px; overflow:hidden; display:inline-block;border:1px #F5F5F5 solid; width:calc(25% - 16px);width:-webkit-calc(25% - 16px); margin-right:21px; margin-bottom:21px;}
.newsbox ul li:hover{ border:1px #CCCCCC solid;-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.newsbox ul li img{ -webkit-filter: brightness(60%); filter: brightness(60%);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.newsbox ul li:hover img{ -webkit-filter: brightness(100%); filter: brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.newsbox ul li:nth-child(4n+0){ margin-right:0;}
.newsbox ul li div.imgs{ width:100%; height:160px; overflow:hidden;}
.newsbox ul li div.imgs img{width:100%; height:100%; -webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.newsbox ul li div.txts{ height:90px; text-align:left; padding:10px; width:100%; position:relative; bottom:0; z-index:500;  -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;background:none;}
.newsbox ul li:hover div.txts{ bottom:90px;background:url(../images/bg_333.png); -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}

.newsbox ul li div.txts span{ display:block; line-height:20px; font-size:14px; color:#888;}
.newsbox ul li div.txts h4{ font-size:16px;  color:#333333;}
.newsbox ul li:hover a h4{ color:#FFFFFF; -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}

.newsbox ul li p{ line-height:20px; color:#666666;width:100%; height:90px; padding:3px; position:relative; bottom:-10px; z-index:500; font-size:0.75em;-webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
.newsbox ul li:hover p{ bottom:90px; -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}

/* ver old
.newsbox ul{ margin-top:20px; zoom:1; overflow:hidden;}
.newsbox ul li{ float:left; height:275px; overflow:hidden; display:inline-block;border:1px #F5F5F5 solid; width:calc(25% - 20px);width:-webkit-calc(25% - 20px); margin-right:20px; margin-bottom:20px;}
.newsbox ul li:hover{ border:1px #CCCCCC solid;}
.newsbox ul li:hover img{ -webkit-filter: brightness(80%); filter: brightness(80%);-webkit-transform:scale(1.05);-moz-transform:scale(1.1);-o-transform:scale(1.05);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.newsbox ul li:nth-child(4n+0){ margin-right:0;}
.newsbox ul li div.imgs{ width:100%; height:200px; overflow:hidden;}
.newsbox ul li div.imgs img{width:100%;}
.newsbox ul li div.txts{ height:75px; overflow:hidden;text-align:left; padding:10px;}
.newsbox ul li div.txts span{ display:block; line-height:20px; color:#888;}
.newsbox ul li div.txts h4{ font-size:16px; line-height:40px; color:#333333;}
.newsbox ul li:hover a h4{ color:#000000;}
.newsbox ul li p{ line-height:20px; color:#666666;width:100%; height:120px; padding:3px; position:relative; bottom:-10px; z-index:500; background:url(../images/bg_333.png); font-size:0.75em;color:#FFF;-webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
.newsbox ul li:hover p{ bottom:195px; -webkit-transition: all 0.5s ease-in-out;-moz-transition:all 0.5s ease-in-out; -o-transition:all 0.5s ease-in-out;transition :all 0.5s ease-in-out;}
*/

/* ��������ҳ*/	
.newscontentbox{ zoom:1; overflow:hidden;}	
.newscontentbox .lef{width:calc(100% - 310px);width:-webkit-calc(100% - 310px); float:left; border-right:1px #A0A0A0 solid; }
.newscontentbox .righ{ width:308px;display:inline-block; float:left;}

.newscontentbox .conbox{background:#FFFFFF; padding:10px 20px; margin-right:20px;  zoom:1; overflow:hidden; }
	.newscontentbox .conbox .newscontents{ width:calc(100% - 70px);width:-webkit-calc(100% - 70px); float:right; }
	.newscontentbox .conbox .news_fx{ text-align:center;width:33px; height:172px; zoom:1; overflow:hidden; position:fixed; left:50%; margin-left:-565px; bottom:100px; }
	.news_fx ul li{ width:33px; height:33px; overflow:hidden; margin-bottom:10px; background-repeat:no-repeat; background-size:100% 100%; cursor:pointer;}
	.news_fx ul li.bgs1{ background-image:url(../images/fx_pic1.png);}
	.news_fx ul li.bgs2{ background-image:url(../images/fx_pic2.png);}
	.news_fx ul li.bgs3{ background-image:url(../images/fx_pic3.png);}
	.news_fx ul li.bgs4{ background-image:url(../images/fx_pic4.png);}
	.news_fx ul li:hover{transition:all 0.3s;opacity:0.8;filter:Alpha(opacity=80);}
	.news_fx ul li a{ display:block; width:100%; height:100%; background:none;}
	
	.newscontents{ color:#646464;}
	.newscontents h1{ margin:10px auto 26px auto; color:#222222; font-size:36px; }
	.newscontents h6{ margin:5px auto; padding:5px 0; border-top:1px #EEEEEE solid; font-size:12px; color:#777777; }
	.newscontents h6 a{ color:#777777;}
	.newscontents .summary{ padding:15px; margin-bottom:26px; background-color:#EEEEEE; font-size:15px; line-height:24px; }
	.newscontents .newsdata { width:100%; overflow:hidden; font-size:16px; line-height:26px;}
	.newscontents .newsdata img{ max-width:100%;}

.newscontentbox .newlink{ margin:10px 15px 10px 20px; background-color:;}
.newlink { font-size:14px; line-height:20px;}
.newlink , .newlink a{ color:#646464;}
.newlink h3, .newlink h3 a{ font-size:18px; line-height:40px; background:url(../images/bg1.gif); color:#333333;}

.newlink li{ border-bottom:1px #CCC solid; padding:15px;}
.newlink li:hover{ background:#FFFFFF;}
.newlinkimg li a img{ width:100%; height:140px; display:block;}
.newlinkimg li a p{ display:block; clear:both; padding-top:5px;}
.newlink a:hover{ color:#333333;}


/**/
.careerslist{ padding:15px; border-bottom:1px #E6F2FF dotted; font-size:14px; line-height:24px; color:#666666;}
.careerslist:hover{ color:#333333; }
.careerslist ul{ margin:0 auto 0 auto;}
.careerslist h3{ font-size:20px; color:#333333;}
.careerslist div{ padding:0 30px;}


	
/*��ҳ*/
.yema{ width:100%; text-align:center; clear:both; overflow:hidden; padding-top:40px; padding-bottom:1px; clear:both;}
.yema .span{ line-height:40px; font-size:18px; letter-spacing:5px; padding-left:20px; padding-right:20px;}
.yema a{ display:inline-block; width:60px;height:60px; vertical-align:top; overflow:hidden;margin-left:1px; margin-right:1px;  text-align:center; background-size:100% 100%; background-repeat:no-repeat; background-position:center center; }
.yema .span .on{color:#005bb0;}
.yema a.Prev{ background-image:url(../images/left_bg1.png); }
.yema a.Prev:Hover{ background-image:url(../images/left_bg1_on.png);}
.yema a.Next{ background-image:url(../images/leright_bg2.png);}
.yema a.Next:Hover{background-image:url(../images/leright_bg2_on.png);}
.yema a.First{ background-image:url(../images/left_bg0.png); }
.yema a.First:Hover{ background-image:url(../images/left_bg0_on.png);}
.yema a.Last{ background-image:url(../images/left_bg4.png);}
.yema a.Last:Hover{background-image:url(../images/left_bg4_on.png);}
.yema a.nopage:hover{ background:none;}


.yema .span{display:inline-block; font-family:Arial;font-size:20px; color:#999999; letter-spacing:2px; line-height:60px;vertical-align:top;}






/* ��ϵ��ʽҳ*/
.contactmain{ margin:20px auto;}
.contactmain ul{ margin-top:20px; zoom:1; overflow:hidden;}
.contactmain ul li{ float:left;display:inline-block; width:calc(25% - 20px);width:-webkit-calc(25% - 20px); margin-right:20px;  /*background-color:#E7EBEF;*/ color:#333333; }
.contactmain ul li:nth-child(4n+0){ margin-right:0;}
.contactmain ul li:hover{ color:#000000;}
.contactmain .imgs1{ text-align:center;}
.contactmain .imgs1 img{ margin-left:10px;}
.contactmain .imgs1 p{ display:block; font-size:11px; color:#C5C5C5;}

.contactmain .imgs{
	width:150px;
	height:150px;
	margin:0 auto;
	padding-top:20px 20px 10px 20px;
}
.contactmain .imgs .tu{
	margin:0 auto;
	top:10px;
	position:relative;
	width:130px;
	height:130px;
	left:50%; margin-left:-65px;
	border-width:10px;
	border-style:solid;
	border-bottom-color:#108b96;
	border-right-color:#108b96;
	border-top-color:#FFF;
	border-left-color:#fff;
	border-radius:65px;
	overflow:hidden;
	transition:ease 0.5s;
}
.contactmain .imgs img{
	position:relative;
	margin-top:-120px;
	margin-left:10px;
/*	border-radius:133px; */
	transition:ease 0.3s;
	opacity:0.85;
}
.contactmain .imgs:hover .tu{
	transform:rotate(360deg);
}
.contactmain .imgs img:hover{
	opacity:1;
}
.contactmain .txts{ text-align:center; font-size:16px; line-height:20px;}
.contactmain .txts p{ margin-top:18px;}





body {
    padding-top: 80px!important;
    min-width: 1000px;
}
body.front {
    padding-top: 0!important;
}
/*body.fixed-header .header {
    box-shadow: 0 2px 6px 0 rgba(117,117,117,0.20);
}*/

.big_box{
	width:100%;
    padding: 57px 0;
	}
.bg555{ background-color:#555555;}	
.bgF0F0F0{ background-color:#F0F0F0;}
.bgfff{ background-color:#FFFFFF;}
.bg3d4{ background-color:#3D4351}
.bgE7EBEF{ background-color:#E7EBEF;}

.bgimg156{background-image:url(../uploadfile/bg_156.png); background-position:center top; background-size:cover;}
.bgimg932{background-image:url(../uploadfile/bg_932.png); background-position:center top; background-size:cover;}
.bgimg808{background-image:url(../uploadfile/bg_808.png); background-position:center top; background-size:cover;}
.bgimg868{background-image:url(../uploadfile/bg_868.jpg); background-position:center top; background-size:cover;}
.bgimg793{background-image:url(../uploadfile/bg_793.jpg); background-position:center top; background-size:cover;}




/*zhanlue_chanpin*/
/* 战略页面 */
.zhanlue_chanpin{ font-size:14.5px; line-height:1.75em;color:#646464;}
.zhanlue_chanpin ul{ margin-top:20px; zoom:1; overflow:hidden;}
.zhanlue_chanpin ul li{ float:left;display:inline-block; width:calc(33.333% - 15px);width:-webkit-calc(33.333% - 15px); margin-right:20px; margin-bottom:20px; border:2px #FFFFFF solid; background-color:#FFFFFF;}
.zhanlue_chanpin ul li:nth-child(3n+0){ margin-right:0;}
.zhanlue_chanpin ul li:hover{ background-color:#FFFFFF; }
.zhanlue_chanpin ul li img{ -webkit-filter: brightness(80%); filter: brightness(80%);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s; width:100%; height:100%;}
.zhanlue_chanpin ul li:hover img{ -webkit-filter: brightness(100%); filter: brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}

.zhanlue_chanpin ul li div{ float:left;display:inline-block; height:120px; overflow:hidden;}
.zhanlue_chanpin ul li div h4{ font-size:24px; line-height:28px; margin-bottom:10px; color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.zhanlue_chanpin ul:hover{color:#222222;}
.zhanlue_chanpin ul li div.txts{ padding:5px 13px;width:100%;}
.zhanlue_chanpin ul li div.imgs{ width:calc(100% - 4px); height:220px; margin:2px; overflow:hidden;}


/* 文旅页面 */
.wenlv_chanpin{ font-size:14.5px; line-height:1.75em;color:#646464;}
.wenlv_chanpin ul{ margin-top:20px; zoom:1; overflow:hidden;}
.wenlv_chanpin ul li{ float:left;display:inline-block; width:calc(50% - 10px);width:-webkit-calc(50% - 10px); margin-right:20px; margin-bottom:20px;}
.wenlv_chanpin ul li:nth-child(2n+0){ margin-right:0;}
.wenlv_chanpin ul li .imgs img{ -webkit-filter: brightness(80%); filter: brightness(80%);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.wenlv_chanpin ul li .imgs:hover img{ -webkit-filter: brightness(100%); filter: brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.wenlv_chanpin ul li div{ overflow:hidden;}
.wenlv_chanpin ul li div h4{ font-size:24px; line-height:28px; margin-bottom:15px;  color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.wenlv_chanpin ul li div.txts{ padding:5px 13px;width:100%;}
.wenlv_chanpin ul li div.imgs{ width:calc(100% - 4px); height:220px; margin:2px; overflow:hidden;}
.wenlv_chanpin ul li div.imgs img{height:220px;}


/* 顾问页面 */
/*
.guwen_chanpin{ margin-top:30px; font-size:14.5px; line-height:1.75em;color:#646464;}
.guwen_chanpin ul{ margin-top:20px; zoom:1; overflow:hidden;}
.guwen_chanpin ul li{ float:left;display:inline-block; width:calc(50% - 15px);width:-webkit-calc(50% - 15px); margin-right:30px; margin-bottom:30px; border:2px #E7EBEF solid; background-color:#E7EBEF; color:#666666;}
.guwen_chanpin ul li:nth-child(2n+0){ margin-right:0;}
.guwen_chanpin ul li:hover{ background-color:#FFFFFF; }
.guwen_chanpin ul li img{ -webkit-filter: brightness(80%); filter: brightness(80%);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li:hover img{ -webkit-filter: brightness(100%); filter: brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li div{ float:left;display:inline-block; height:180px; overflow:hidden;}
.guwen_chanpin ul li div h4{ font-size:20px; line-height:28px; margin-bottom:10px; color:#333333;}
.guwen_chanpin ul li div.txts{ float:right; text-align:left; padding:5px 13px;width:calc(100% - 180px);}
.guwen_chanpin ul li div.imgs{ float:left; text-align:right; width:176px; height:176px; margin:2px; overflow:hidden;}
.guwen_chanpin ul li img{width:176px; height:176px; }
.guwen_chanpin ul li.row1{}
.guwen_chanpin ul li.row2{ }
.guwen_chanpin ul li.row2 div.txts{ float:right;}
.guwen_chanpin ul li.row2 div.imgs{ float:left;}

.guwen_chanpin{ margin-top:30px; font-size:14.5px; line-height:1.75em;color:#646464;}
.guwen_chanpin ul{ margin-top:20px; zoom:1; overflow:hidden;}
.guwen_chanpin ul li{ width:100%; height:320px;  margin-bottom:30px; padding:30px; /*border:2px #E7EBEF solid; */ 
/*
border:2px   #E4F0FA solid;background-color:#E7EBEF; color:#666666;}
.guwen_chanpin ul li:hover{ background-color:#FFFFFF; }
.guwen_chanpin ul li img{ -webkit-filter: brightness(80%); filter: brightness(80%);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li:hover img{ -webkit-filter: brightness(100%); filter: brightness(100%);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li div{ float:left;display:inline-block; height:180px; overflow:hidden;}
.guwen_chanpin ul li div h4{ font-size:24px; line-height:28px;  color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.guwen_chanpin ul li div.txts{ float:right; text-align:left; padding:5px 13px;width:calc(100% - 460px);}
.guwen_chanpin ul li div.imgs{ float:left; text-align:right; width:400px; height:260px; overflow:hidden;}
.guwen_chanpin ul li img{width:100%; height:100%; }
*/
.guwen_chanpin{ margin-top:30px; font-size:14.5px; line-height:1.75em;color:#646464;}
.guwen_chanpin ul{ margin-top:20px; zoom:1; overflow:hidden;}
.guwen_chanpin ul li{ float:left;display:inline-table;width:calc(50% - 25px);width:-webkit-calc(50% - 25px); margin-right:50px; margin-bottom:50px; border:1px #D5DCDF solid; background-color:#FFFFFF; color:#666666;}
.guwen_chanpin ul li:nth-child(2n+0){ margin-right:0;}
.guwen_chanpin ul li:hover{ background-color:#FFFFFF; }
.guwen_chanpin ul li img{ -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li:hover img{ -webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transition: 0.5s;-moz-transition: 0.5s;-o-transition: 0.5s;-ms-transition: 0.5s;transition: 0.5s;}
.guwen_chanpin ul li div{ float:left;display:inline-block; height:180px; overflow:hidden;}
.guwen_chanpin ul li div h4{font-size:24px; line-height:28px;  color:#333333;margin-bottom:5%;background:url(../images/about_bg2.png) left bottom no-repeat; padding-bottom:3%;}
.guwen_chanpin ul li div.txts{ float:right; text-align:left; padding:5px 13px;width:calc(100% - 180px);}
.guwen_chanpin ul li div.imgs{ float:left; text-align:right; width:176px; height:176px; margin:2px; overflow:hidden;}
.guwen_chanpin ul li img{width:176px; height:176px; }
.guwen_chanpin ul li.row1{}
.guwen_chanpin ul li.row2{ }
.guwen_chanpin ul li.row2 div.txts{ float:left;}
.guwen_chanpin ul li.row2 div.imgs{ float:right;}