/* CSS Document */
body { height:100%; min-width:1200px;}
*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,table,td,tr,th,div,dl,dt,dd,form,fieldset,img,cite,strong,em,div,input{margin:0;padding:0;}
body{ text-align:left; margin:0 auto; font-size:12px; font-family:"Microsoft YaHei","Î¢ÈíÑÅºÚ"; color:#555; position:relative;}
h1, h2, h3, h4, h5, h6{ font-size:12px;font-weight: normal;}
img ,embed{ border:none;}
table{ border-collapse:collapse;}
ul,li{ padding:0; list-style-type:none;}
a{ text-decoration:none; color:#555;}
a:hover{ text-decoration:none;}
.fl{ float:left;}
.fr{ float:right;}
.none{ display:none;}
.block,.pnone{ display:block;}
.clearfix {*zoom:1}
.clearfix:after{content: ".";display: block;height:0;clear: both;visibility:hidden;}
.h70{ width:100%; height:150px;}
.FFs{ font-family:"ËÎÌå";}
.clear{ clear:both;}
.w1000{ width:1100px; height:auto; margin:0 auto; overflow:hidden;}
.w1200{ width:1200px; height:auto; margin:0 auto; overflow:hidden;}
.w100pc{ width:100%; height:auto; margin:0 auto; overflow:hidden;}
#wrap{ width:100%; height:auto; margin:0 auto; overflow:hidden; background:#fff; position:relative;}

@font-face{font-family:AkzidenzGroteskBQ-BdCndAlt;src:url(/style/font/AkzidenzGroteskBQ-BdCndAlt.otf)}
@font-face{font-family:gabo_drive;src:url(/style/font/gabo_drive.otf)}

/*header*/
#header{width:100%;height:auto;clear:both;z-index:19;min-width:1200px;overflow:visible; position:relative;}

.head_bg{ width:100%; height:100px;background:#F2F2F2/*4472b01d6ebf*/; border-bottom:1px solid #e4e4e4;}
.head{ overflow:visible;}
.head .logo{ float:left; width:260px; position:relative;}
.head .logo a{ display:block; margin:9px 0 0;}
.head .logo img{ max-width:100%; height:auto;}

.head_tel{ float:right;width:32px;height:100px; display:none;}
.head_tel a{display:block;background: url(/images/g_02.png) right center no-repeat;position:relative;z-index:999;cursor:pointer;font-size:15px;color:#fff; height:100%;}
.head_tel a span{ display:block; width:120px; height:30px; background:#fff; position:absolute; left:50%; margin-left:-60px; bottom:-30px; line-height:30px; text-align:center; color:#4472b0; display:none}
.head_tel a:hover span{ display:block}

.menu{ float:right; width:860px; padding:0; height:auto; margin-left:30px;}
.menu .nav{ widows:100%;}
.menu li{ float:left; font-size:16px; text-align:center;background: url(/images/g_01.jpg) right center no-repeat;}
.menu li:last-child{ background:none}
.menu li>a{ display:block;padding:0; width:120px; line-height:99px;transition:all 0.3s;color:#333; font-size:16px;}
.menu li:hover>a{color:#3881e3; background:#fff;}
.menu li.active>a{color:#3881e3; background:#fff;}
.menu .sub{ display:none; position:absolute; top:100px; left:0; width:100%; height:225px;background:rgba(255,255,255,1);z-index:99;}
.menu .sub dl{ width:910px; margin:0 auto; height:auto; position:absolute; left:50%;margin-left:-400px; padding-top:40px;}
.menu .sub dl dt{ width:300px; float:left; height:140px; border-right:1px solid #dfe0e1; text-align:left}
.menu .sub dl dd{ width:calc(100% - 330px); float:right}
.menu .sub dl dd .subA{ width:560px;}
.menu .sub dl dd .subA a{ display:block; float:left; width:165px; height:41px; line-height:40px; border-bottom:1px solid #dee0e1; text-align:left; font-size:14px; color:#262626; margin-right:20px; margin-bottom:4px}
.menu .sub dl dd .subA a:hover{ color:#3881e3;}
.menu .sub dl dd p{ font-size:14px; color:#5c5c5c; text-align:left; line-height:24px; margin-top:8px}
.menu li:hover .sub{ display:block}



/*banner*/
.banner{ width:100%; height:500px; position:relative;}
.banner .swiper-container-1{ width:100%; height:100%; position:relative}
.banner .swiper-container-1 .swiper-wrapper{width:100%; height:100%}
.banner .swiper-container-1 .swiper-wrapper .swiper-slide{width:100%; height:100%}
.banner .swiper-container-1 .swiper-wrapper .swiper-slide .pic{width:100%; height:100%}
.banner .swiper-container-1 .swiper-wrapper .swiper-slide .pic a{width:100%; height:100%; display:block}

.banner .w{ text-align:center; position:absolute; bottom:0; width:100%;}
.swiper-pagination-1 { position:relative!important; bottom:55px!important; text-align:center!important; margin:0 auto; background:url(/images/hd.png) repeat-x left 10px; display:inline-block; width:auto !important; padding-right:30px;}
.swiper-pagination-1 .swiper-pagination-bullet { width:28px; text-align:center; padding-top:25px; background:url(/images/hd01.png) no-repeat top center; font-size:14px; color:#fff; margin:0 0 0 30px!important; opacity: 1; outline:none;}
.swiper-pagination-1 .swiper-pagination-bullet-active { background:url(/images/hd02.png) no-repeat top center; color:#00b2ff; }


/*main*/
.main1{ width:100%; height:auto; padding:55px 0;height:auto; background: url(/images/m01.jpg) no-repeat center;}
.mTitle{ text-align:center;position:relative;}
.mTitle h3{ font-size:56px; font-family:Arial; line-height:1; color:rgba(26,26,26,0.1); text-transform:uppercase}
.mTitle h4{ font-size:36px;line-height:1; color:rgba(26,26,26,1); font-weight:normal; margin-top:-20px}
.mTitle span{ display:block; font-size:16px; color:#949494; line-height:26px; display:block; width:790px; margin:0 auto; padding-top:10px;}
.main1_c{ padding:35px 0 0; width:100%; height:auto;}
.main1_c .main1_cl{ float:left; width:660px; height:430px; background:rgba(255,255,255,0.7); float:left; box-sizing:border-box; padding:25px;}
.main1_c .main1_cl .m1{ width:100%; line-height:30px; padding:10px 0 20px; border-bottom:1px solid #dedede}
.main1_c .main1_cl .m1 .m1_1{ float:left; font-size:20px; color:#262626}
.main1_c .main1_cl .m1 .m1_2{ float:right}
.main1_c .main1_cl .m1 .m1_2 a{ display:block; float:left; line-height:30px; padding:0 16px; font-size:14px; color:#838383; background:url(g_44.jpg) right center  no-repeat}
.main1_c .main1_cl .m1 .m1_2 a:hover{ color:#1d6ebf}
.main1_c .main1_cl .m1 .m1_2 a:last-child{ padding-right:0; background:none}
.main1_c .main1_cl .m2{ font-size:14px; color:#666; padding:25px 0; line-height:28px}
.main1_c .main1_cl .m3{ width:100%}
.main1_c .main1_cl .m3 a{ display:inline-block; vertical-align:top; background:url(/images/g_05.png) right center no-repeat; padding-right:65px; font-size:14px; color:#333}
.main1_c .main1_cl .m4{ width:100%; margin-top:40px}
.main1_c .main1_cl .m4 ul li{ width:33%; float:left; text-align:center; background:url(/images/g_06.png) right center no-repeat}
.main1_c .main1_cl .m4 ul li .p1{ font-size:14px; color:#666}
.main1_c .main1_cl .m4 ul li .p2{ font-size:16px; color:#666}
.main1_c .main1_cl .m4 ul li .p2 i{ font-size:40px;font-style:normal; margin-right:3px; color:#666}
.main1_c .main1_cl .m4 ul li:nth-child(3){ width:34%; background:none}
.main1_c .main1_cr{ width:500px; float:right;}
.main1_c .main1_cr .m1{ position:relative; width:100%; height:205px; overflow:hidden }
.main1_c .main1_cr .m1 img{ width:100%}
.main1_c .main1_cr .m1 a{ display:block; width:100%; height:100%; position:relative}
.main1_c .main1_cr .m1 a img{transition:All 0.4s linear;-webkit-transition:All 0.4s linear;-moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.main1_c .main1_cr .m1:hover a img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);    -o-transform:scale(1.1);-ms-transform:scale(1.1);}

.main1_c .main1_cr .m1 a .a1{ width:100%; height:100%; position:absolute; left:0; top:0; z-index:9;}
.main1_c .main1_cr .m1 a .a1 .a2{ width:100%; height:130px; position:absolute; left:0; top:50%; margin-top:-65px; text-align:center; color:#fff}
.main1_c .main1_cr .m1 a .a1 .a2 span{ display:block; width:100%; height:60px; background:url(images/icon_01.png) top center no-repeat}
.main1_c .main1_cr .m1 a .a1 .a2 h4{ font-size:28px}
.main1_c .main1_cr .m1 a .a1 .a2 p{ font-size:14px; padding:5px 0 0;}
.main1_c .main1_cr .m2{ margin-top:20px; overflow:hidden;}
.main1_c .main1_cr .m2 a .a1 .a2 span{background:url(images/icon_02.png) top center no-repeat}

.main2{ width:100%; height:auto; padding:55px 0;height:auto;/* background: url(/images/m02.jpg) no-repeat center;*/}
.main2_c{ padding:35px 0 0;}
.main2_c ul{ width:100%;}
.main2_c ul li{ position:relative; width:285px; float:left; height:100%; margin-right:20px;}
.main2_c ul li:last-child{ margin-right:0;}
.main2_c ul li .pic{ width:100%; height:100%; overflow:hidden; position:relative;}
.main2_c ul li .pic img{ width:100%}
.main2_c ul li .pic img{transition:All 0.4s linear;-webkit-transition:All 0.4s linear;-moz-transition:All 0.4s linear;-o-transition:All 0.4s linear;}
.main2_c ul li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.main2_c ul li .name{ width:100%; height:40px; line-height:40px;/* position:absolute; left:0; bottom:0; z-index:9; background:rgba(00,00,00,0.6);*/ font-size:15px; color:#666; text-align:center; opacity:1; transition:all 0.3s linear}
/*.main2_c ul li .desc{ width:100%; height:100%; position:absolute; left:0; top:0; background:rgba(29,110,191,0.8); color:#fff; text-align:center; opacity:0; transition:all 0.3s linear;}
.main2_c ul li .desc .w{ width:100%; height:142px; background:url(/images/icon_03.png) bottom center no-repeat; position:absolute; left:0; top:50%; margin-top:-71px; padding:0 10px;}
.main2_c ul li .desc h4{ font-size:24px; margin-bottom:20px;}*/
.main2_c ul li .desc .intro{ font-size:14px; line-height:26px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; height:52px; display:none;}
.main2_c ul li .desc{position: absolute;background-color: rgba(0,0,0,.5);opacity: 0;top:0px;left: 0px;right: 0px;bottom: 0px;z-index: 4;display: block;padding: 14px;-webkit-transition: all .3s ease-in 0s;-moz-transition: all .3s ease-in 0s;-o-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s;-webkit-transform: scale(1.6, 1.6);-moz-transform: scale(1.6, 1.6);-ms-transform: scale(1.6, 1.6);-o-transform: scale(1.6, 1.6);transform: scale(1.6, 1.6);}
.main2_c ul li .desc .w{border:1px solid #FFFFFF;display: block;width: 100%;height:100%; position:relative;}
.main2_c ul li .desc .w h4{display:block;position:absolute; height:22px; line-height:22px; color:#fff;width:100%;top:50%;left:0px;margin-top:-11px;text-align:center;font-size:16px;}
.main2_c ul li:hover .desc{ -webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}
/*.main2_c ul li:hover .name{ opacity:0}*/



.main3{ width:100%; height:auto; padding:55px 0 5px;height:auto; background: url(/images/m03.jpg) no-repeat center top;}
.main_t{ width:100%; height:auto; text-align:center;}
.main_t h3{ font-size:36px; color:#333; padding-bottom:12px;}
.main_t span{ font-size:16px; color:#949494; line-height:26px; display:block; width:790px; margin:0 auto;}
.main3_c{ padding:45px 0 0;}
.main3_c ul{width:100%;height:auto;position:relative;}
.main3_c ul li{float:left;width:48%;margin:0 4% 50px 0;height:80px;background:rgba(68,114,176,.8)/*rgba(1,135,208,.75)*/;border-radius:40px;padding:16px 0;opacity:1;}
.main3_c ul li:nth-of-type(2),.main3_c ul li:nth-of-type(4){ margin-right:0;}
/*.main3_c ul li:nth-of-type(2) p{ line-height:48px;}*/
.main3_c ul li .liBox{float:left;width:48px;height:48px;margin-left:20px;border:solid 2px #fff;border-radius:50%;margin-right:16px;font:32px/44px "Î¢ÈíÑÅºÚ";text-align: center;color:#fff;}
.main3_c ul li h3{ display:none;}
.main3_c ul li p{height:48px;overflow:hidden;font:16px/24px "Î¢ÈíÑÅºÚ";color:#fff; padding:0 30px 0 0;}




.main4{ width:100%; height:auto; padding:55px 0 25px;height:auto;}
.main4_c{ padding:50px 0 0; position:relative;}
.main4_c ul{ width:100%; height:auto;}
.main4_c ul li{ width:585px; height:auto; padding-bottom:30px; margin-right:30px; float:left;}
.main4_c ul li:nth-of-type(2n){ margin-right:0;}
.main4_c ul li .date{width: 58px;height:110px;margin-right:16px; float:left;}
.main4_c ul li .date span.spannt{color:#666;background:#e5e5e5; font-size:16px;}
.main4_c ul li .date span {display: block;width: 58px;height:45px;line-height: 45px;text-align: center;}
.main4_c ul li .date span.spannm {color: #999;background: #f8f8f8;font-size: 24px;font-weight: bold;}
.main4_c ul li .info{overflow:hidden;zoom:1}
.main4_c ul li .info h4{ font-size:16px; margin:5px 0; line-height:1.1;}
.main4_c ul li .info h4 .spanbtn{ float:right;}
.main4_c ul li .info h4 .spanbtn a{display: block;color:#fff;width:19px;height:19px;line-height:18px;text-align: center;background:#bbb/*#bbb*/; font-size:14px;}
.main4_c ul li .info h4>a{ color:#333; float:left; max-width:85%; height:auto;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.main4_c ul li .info p{ font-size:14px; color:#858585; line-height:2; padding-top:5px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden; height:56px;}
.main4_c ul li:hover{ cursor:pointer;}
.main4_c ul li:hover .date span.spannt{ background:#4472b0; color:#fff;}
.main4_c ul li:hover .date span.spannm{ color:#4472b0;}
.main4_c ul li:hover .info h4>a{ color:#4472b0;}
.main4_c ul li:hover .info h4 .spanbtn a{ color:#4472b0;}


/*footer*/
.footer_bg{ width:100%; height:auto; background:#fff; color:#333; font-size:14px; padding:0 0 20px; border-top:5px solid #4472b0;}
.footer_bg .foot_cont{ margin:0 auto; height:auto; position:relative; padding:20px 0 0;}
.footer_bg .foot_cont .copyright{ float:left; text-align:right; width:200px; line-height:30px; margin-right:35px;} 
.footer_bg .foot_cont .code{width:187px;height:auto; float:left; padding:0 30px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;/* background:url(/images/g_06.png) no-repeat center right;*/}
.footer_bg .foot_cont .code span{ display:block; float:left; text-align:center; width:20px; height:90px; line-height:22px; padding:2px 0 0; margin-right:15px;}
.footer_bg .foot_cont .code p{ float:left; width:90px; height:90px; padding:10px; background:url(/images/wx_bg.png) no-repeat center;}
.footer_bg .foot_cont .code img{ width:70px; height:70px;}
.footer_bg .foot_cont .copy_r{ float:right; width:740px;}
.footer_bg .foot_cont .copy_r .copy_b{ font-size:14px; color:#333; line-height:30px; padding:0 0 0;}
.footer_bg .foot_cont .copy_r .copy_b p{ color:#333;}
.footer_bg .foot_cont .copy_r .copy_b p.address2{ padding-left:83px;}
.footer_bg .foot_cont .copy_r .flink{ font-size:14px; color:#999; line-height:30px; padding:0 0 0;}
.footer_bg .foot_cont .copy_r .flink span{ display:inline-block; color:#999;}
.footer_bg .foot_cont .copy_r .flink a{ color:#999; display:inline-block; margin:0 8px 0 0;}


.inbanner{ background-image:url(/images/inbanner.jpg); background-position:center; background-repeat:no-repeat; height:280px; width:100%;}

/*content*/
.content{ width:100%; height:auto; padding-bottom:30px;}
.content .w1200{ overflow:visible;}
.side_l{ width:230px; float:left; padding-bottom:74px z-index:2; position:relative; margin-top:-111px;}
.side_l .sideNav{ width:100%; height:auto;}
.side_l .sideNav .leftTitle{padding:22px 5px 19px 30px;background:#4472b0;background:rgba(68,114,176,.8);}
.side_l .sideNav .leftTitle s{display:block;font-family:gabo_drive,Arial;font-size:26px;color:#fff;line-height:33px;text-transform:uppercase;opacity:.12;filter:alpha(opacity=12); text-decoration:none;}
.side_l .sideNav .leftTitle i{font-size:28px;color:#fff;font-weight:400;line-height:37px; font-style:normal;}
.side_l .sideNav>ul{ width:100%; height:auto; padding:0; margin-bottom:22px; background:#e5e5e5;}
.side_l .sideNav>ul li{border-bottom:1px solid #d5dadf;margin-left:10px;background:#edf3f8;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s;position:relative}
.side_l .sideNav>ul li:last-child{border-bottom-color:transparent}
.side_l .sideNav>ul li .v1{display:block;font-size:16px;color:#000;line-height:26px;padding:17px 40px 17px 30px;background:url(/images/img18.png) right 33px center no-repeat;position:relative}
.side_l .sideNav>ul li .v1:after{content:"";display:block;width:10px;height:100%;background:#e5e5e5;position:absolute;left:-10px;top:0;-webkit-transition:.3s;-moz-transition:.3s;-ms-transition:.3s;-o-transition:.3s;transition:.3s}
.side_l .sideNav>ul li.on .v1:after,.side_l .sideNav>ul li:hover .v1:after{background:#4472b0}
.side_l .sideNav>ul li.on .v1{background-image:url(/images/img19.png);color:#3881e3}
.side_l .sideNav>ul li .v1:hover{color:#054e9d;background-image:url(/images/img19.png)}

.m-tel{background:url(/images/img21.jpg) center center no-repeat;-webkit-background-size:cover;background-size:cover;padding:39px 10px 29px;font-size:14px;color:#fff;line-height:40px;text-align:center}
.m-tel .img-tel{display:block;width:40px;height:40px;margin:0 auto}
.m-tel .img-ma{display:block;width:129px;height:129px;margin:0 auto; background:#FFF; padding:8px;}
.m-tel h4{font-size:23px;line-height:33px;padding:7px 0 3px}
.m-tel strong{display:block;font-family:AkzidenzGroteskBQ-BdCndAlt,Arial;font-size:34px;margin-bottom:25px}
.m-tel strong span{ display:block; letter-spacing:2px; font-size:36px;}
.m-tel p{opacity:.8;filter:alpha(opacity=80)}



.side_r{ float:right; width:920px; min-height:300px; padding:0;}
.side_rt{margin:20px 0 0;border-bottom:3px solid #eaf2fb;}
.side_rt h3{ float:left;font-size:26px;color:#3881e3;font-weight:400;line-height:56px;}
.side_rt .cur{font-size:14px;color:#000;line-height:56px;text-align:right; float:right;}
.side_rt .cur a{color:#000}
.side_rt .cur a:hover,.side_rt .cur span{color:#4472b0}

.side_rc{ width:100%; height:auto; padding:21px 0 31px;}


/*¼ò½é*/
.side_rc .infor,.side_rc .contact{ width:100%; line-height:1.875; color:#373737; font-size:16px;text-align: justify;}
.side_rc .infor img{ max-width:100%; height:auto;}
.side_rc .contact .map{ margin-top:10px;}

.partner{ width:100%; height:auto;}
.partner ul li{ float:left; width:172px; margin-right:15px; margin-bottom:15px;}
.partner ul li:nth-child(5n){ margin-right:0;}
.partner ul li img{ max-width:100%; height:auto; border:1px solid #ddd;}



/*ÐÂÎÅ*/
.news_list{ width:100%; height:auto;}
.news_list ul{ width:100%; height:auto; padding-bottom:10px;}
.news_list ul li{ float:left; width:100%; margin-bottom:20px;padding-bottom:20px; border-bottom:1px dashed #ddd; cursor:pointer;}
.news_list ul li .date{width:58px;height:90px;margin-right:16px; float:left;}
.news_list ul li .date span.spannt{color:#666;background:#e5e5e5; font-size:16px;}
.news_list ul li .date span {display: block;width: 58px;height:45px;line-height: 45px;text-align: center;}
.news_list ul li .date span.spannm {color: #999;background: #f8f8f8;font-size: 24px;font-weight: bold;}
.news_list ul li .info{ float:right; width:846px; height:auto;}
.news_list ul li .info h5{ font-size:16px; margin:5px 0; line-height:1.1; padding-bottom:5px;}
.news_list ul li .info h5 a{ color:#333; float:left; max-width:85%; height:auto;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.news_list ul li .info .desc{ display:block;color:#737373;font-size:14px;line-height:26px;height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;}
.news_list ul li:hover{ cursor:pointer;}
.news_list ul li:hover .date span.spannt{ background:#4472b0; color:#fff;}
.news_list ul li:hover .date span.spannm{ color:#4472b0;}
.news_list ul li:hover .info h5>a{ color:#4472b0;}
.news_list ul li:hover .info h5 .spanbtn a{ color:#4472b0;}


.pro_list{ width:100%; height:auto;}
.pro_list ul{ width:100%; height:auto; padding-bottom:10px;}
.pro_list ul li{ position:relative; width:215px; float:left; height:100%; margin-right:20px; margin-bottom:20px;}
.pro_list ul li:nth-child(4n){ margin-right:0;}
.pro_list ul li .pic{ width:100%; height:100%; overflow:hidden; position:relative;}
.pro_list ul li .pic img{ width:100%; height:auto;}
.pro_list ul li .pic img{transition:All 0.4s linear;-webkit-transition:All 0.4s linear;-moz-transition:All 0.4s linear;-o-transition:All 0.4s linear;}
.pro_list ul li:hover .pic img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);}
.pro_list ul li .name{ width:100%; height:40px; line-height:40px; font-size:15px; color:#666; text-align:center; opacity:1; transition:all 0.3s linear}
.pro_list ul li .desc{position: absolute;background-color: rgba(0,0,0,.5);opacity: 0;top:0px;left: 0px;right: 0px;bottom: 0px;z-index: 4;display: block;padding: 14px;-webkit-transition: all .3s ease-in 0s;-moz-transition: all .3s ease-in 0s;-o-transition: all .3s ease-in 0s;transition: all .3s ease-in 0s;-webkit-transform: scale(1.6, 1.6);-moz-transform: scale(1.6, 1.6);-ms-transform: scale(1.6, 1.6);-o-transform: scale(1.6, 1.6);transform: scale(1.6, 1.6);}
.pro_list ul li .desc .w{border:1px solid #FFFFFF;display: block;width: 100%;height:100%; position:relative;}
.pro_list ul li .desc .w h4{display:block;position:absolute; height:22px; line-height:22px; color:#fff;width:100%;top:50%;left:0px;margin-top:-11px;text-align:center;font-size:16px;}
.pro_list ul li:hover .desc{ -webkit-transform: scale(1, 1);-moz-transform: scale(1, 1);-ms-transform: scale(1, 1);-o-transform: scale(1, 1);transform: scale(1, 1);opacity: 1;}



/*page*/
#page{ height:auto; margin:10px 0 0;overflow:hidden; width:100%; text-align:left;}
#page a.active{color:#fff; cursor:pointer; background:#4472b0; border:1px solid #4472b0;}
#page a{ display:inline-block; vertical-align:middle; padding:0 13px; margin:0 3px; border:1px solid #e5e5e5; line-height:30px; text-align:center; color:#666; font-size:15px; background:#e5e5e5;}
#page a.home{border-radius:32px 0 0 32px;}
#page a.end{border-radius:0 32px 32px 0;}
#page a:nth-of-type(1){ margin:0 3px 0 0;}
#page a:hover{ color:#fff; cursor:pointer; background:#4472b0; border:1px solid #4472b0;}
#page a.next1{overflow: hidden;}
#page a.prev1{overflow: hidden;}
#page .none{ display:none;}
#page01{ display:none;}

/*ÏêÇéÒ³*/
.detail_con{ width:100%; height:auto;}
.detail_contop{ width:100%; height:auto;}
.detail_title{margin-bottom:20px;font-size:28px;color:#2a2a2a;text-align:center;line-height:1.5; font-weight:700;}
.detail_time{ overflow:hidden;margin-top:-5px;padding-bottom:15px;margin-bottom:19px;text-align:center;font-size:15px;color:#bfbfc1;line-height:1.5;border-bottom:1px dashed #e6e6e6}
.detail_time span{display:inline-block;margin:0 20px}
.detail_time .date i{width:16px;height:16px;display:inline-block;vertical-align:top;margin:4px 5px 0 0;background:url(/images/ico3mg.png) no-repeat}
.detail_time .browse i{width:18px;height:16px;display:inline-block;vertical-align:top;margin:5px 5px 0 0;background:url(/images/ico4mg.png) no-repeat}
.detail_time .share{margin:0 0 0 16px}
.detail_time .share i{width:17px;height:17px;display:inline-block;vertical-align:top;margin:3px 5px 0 0;background:url(/images/ico5mg.png) no-repeat}
.m-share{display:inline-block;overflow:hidden;vertical-align:middle}
.m-share .bdsharebuttonbox{line-height:23px;height:23px}
.m-share .bdsharebuttonbox a{width:23px;height:23px;margin:0 0 0 6px;padding-left:0;background:url(images/i-fd2.png) center no-repeat;background-position:0!important;background-size:26px 22px}
.m-share .bdsharebuttonbox .bds_tqq{background-image:url(../images/icof1m.png);background-size:23px 23px}
.m-share .bdsharebuttonbox .bds_qzone{background-image:url(../images/icof2m.png);background-size:23px 23px}
.m-share .bdsharebuttonbox .bds_sqq{background-image:url(../images/icof3m.png);background-size:23px 23px}
.m-share .bdsharebuttonbox .bds_tsina{background-image:url(../images/icof4m.png);background-size:23px 23px}
.m-share .bdsharebuttonbox .bds_weixin{background-image:url(../images/icof5m.png);background-size:23px 23px}

.dis_img{ text-align:center;}
.dis_img img{ max-width:98%; height:auto;}
.details_info{ margin-bottom:58px;font-size:16px;color:#585858;line-height:2.1;text-align: justify;}
.details_info img{ max-width:98%; height:auto;}
hr{ margin:5px 0;}
.details_info table{ border-color:#ddd; border-collapse:collapse;}
.details_info table tr,.details_info table td{ border-color:#ccc; line-height:1.6;}
.details_info table td{ padding:3px;}

.detail_fenye{ width:100%; height:auto; margin:0 auto; overflow:hidden; padding:10px 0;border-top:1px dashed #ececec}
.detail_fenye span{ display:block; line-height:36px; color:#585858; font-size:16px; vertical-align:middle;}
.detail_fenye span a{ color:#585858; font-size:16px; vertical-align:middle;}
.detail_fenye span a:hover{ color:#4472b0; text-decoration:underline;}


@keyframes bounce{
    0%,20%,53%,80%,to{
        animation-timing-function:cubic-bezier(.215,.61,.355,1);
        transform:translateZ(0)
    }
    40%,43%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-14px,0)
    }
    70%{
        animation-timing-function:cubic-bezier(.755,.05,.855,.06);
        transform:translate3d(0,-7px,0)
    }
    90%{
        transform:translate3d(0,0,0)
    }
}


.dl_list{ width:100%; height:auto; padding:10px 0 30px;}
.dl_list ul{ width:100%; height:auto;}
.dl_list ul li{ float:left; width:48.5%; height:46px; line-height:45px; margin-bottom:0; padding-bottom:0; border-bottom:1px dashed #ddd; cursor:pointer; background:url(images/doc.png) no-repeat center left; padding-left:15px; margin-right:3%;}
.dl_list ul li:nth-child(2n){ margin-right:0;}
.dl_list ul li a{ float:left; display:inline-block; color:#333; font-size:16px; max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
.dl_list ul li span{ float:right; color:#ec6c00; font-size:15px; cursor:pointer; padding:0 5px 0 23px;background:url(/images/icon_dl.png) 0  15px no-repeat;}
.dl_list ul li a:hover{ color:#ec6c00;}
.dl_list ul li:hover{ background:url(images/doch.png) no-repeat center left;}
@media(max-width:767px){
	.dl_list{ width:100%; height:auto; padding:10px 0 30px;}
	.dl_list ul{ width:100%; height:auto;}
	.dl_list ul li{ float:left; width:100%; margin-right:0;}
	.dl_list ul li a{ float:left; display:inline-block; color:#333; font-size:14px; max-width:75%;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;}
}


