﻿@charset "utf-8";
.left{float: left;}
.right{float: right;}
.clearfix:after{content:".";display: block;clear: both;height: 0;overflow: hidden;visibility: hidden;}
.clearfix{zoom:1;}
a{color:#666;}
.wrap{width:1100px;margin:0 auto;}
.header{background:url("/Templates/coolbit2013/images/common/header.png") repeat;height:40px;}
.header2{display: none;}
.logo{float:left;display:inline-block;margin-right:40px;}
.logo-mobile{display: none;}
#GB_BIG{color: #fff;}
#GB_BIG:hover{color: #fff;text-decoration: none;}
#GB_BIG2{color: #03a4c0;}
#GB_BIG2:hover{color: #03a4c0;text-decoration: none;}
.nav{float:left;}
.nav li{float:left;height:40px;position:relative;z-index:50;}
.nav li a.a{display:block;float:left;height:40px;line-height:40px;padding:0 18px;color:#fff;font-size:14px;font-weight:700;}
.nav li.current a.a,.nav li.hover a.a{background-color:#fff;color:#000;text-decoration:none;}
.nav li dl{position:absolute;left:0;top:40px;background-color:#fff;width:100%;box-sizing:border-box;padding:15px;display:none;}
.nav li dl.lineOne{width:150px;}
.nav li dd{width:230px;float:left;}
.nav li dd a{display:block;height:20px;line-height:20px;float:left;color:#787878;background:url("../images/common/navIcon.gif") 0 50% no-repeat;padding-left:15px;white-space:nowrap;}
.nav li dd a:hover{color:#0359a2;background-image:url("../images/common/navIconHover.gif");}
.headerRt{float:right; text-align:right;padding-top:10px;}
.headerRt a{font-size:14px;}
.headerRt .tel{font-size:30px;color:#03a4c0;background:url("../images/tel.jpg") no-repeat;height:32px;padding-left:40px;line-height:32px;clear:both;margin-top:10px;}

.headerLan{float:right;background:url("../images/common/lan.gif") 84px 7px no-repeat #03a4c0;width:98px;height:16px;line-height:16px;position:relative;z-index:50;}
.headerLan span{display:block;cursor:pointer;color:#f5f6f8;font-size:11px;padding-left:10px;zoom:1;}
.headerLan dl{position:absolute;background-color:#03a4c0;width:98px;padding:4px 0;line-height:18px;display:none;}
.headerLan dd a{color:#fff;display:block;padding-left:10px;}
.headerSearch{clear:both;float:right;margin-top:5px;background-color:#03a4c0;border-radius:2px;height:26px;width:120px;}
.headerSearch input{border:0;border:none;}
.headerSearch input.text{float:left;height:26px;line-height:26px;vertical-align:middle;width:64px;background:none;color:#fff;padding:0 10px;outline:none;}
.headerSearch input.submit{float:right;width:36px;height:26px;background:url("../images/common/search.png") 50% 50% no-repeat;cursor:pointer;}

#banner{width:100%; overflow:hidden; position:relative; height:570px;}
#banner .banner_w{width:1000px; height:570px; position:relative; z-index:0; margin:0 auto;}
#banner .banner_w .item{position:absolute; top:0px; left:50%; margin-left:-960px; width:1920px;}
#banner .btn{position:absolute; z-index:110; height:13px; bottom:20px; right:20px; text-align:right;}
#banner .btn .bitem{float:left; cursor:pointer; line-height:13px; width:13px; height:13px; overflow:hidden; margin:0 4px; background:url(../images/icon.png) no-repeat 0 0;}
#banner .btn .on{background-image:url(../images/in_icon.png);}

#p_li{width:110%}
#p_li ul li{float:left;width:240px;margin-right:45px;height:300px;line-height:40px;text-align:center;}
#p_li ul li img{width:240px;}

.footer{background-color:#f7f7f7;}
.footer .wrap{border-top:1px solid #e4e4e4;}
.footer .bt-pagetop{display: none;}
.footerLink{padding:30px 0;}
.footerLink li{float:left;line-height:24px;margin-right:30px;}
.footerLink li.last{margin-right:0px;}
.footerLink li a{color:#5f6062;}
.footerLink dt{font-weight:700;}
.footerLink dd a{font-size:11px;}
.footerInfo{padding:20px 0 30px 0;border-top:1px solid #afafaf;}
.footerInfo p,.footerInfo a{color:#676767;}
.footerInfo em{padding:0 5px;}
.footerInfo p *{display:inline-block;vertical-align:middle;_vertical-align:baseline;}
.footerInfo a.f,.footerInfo a.t,.footerInfo a.e{height:14px;background:url("../images/common/footerIcon.png") no-repeat;}
.footerInfo a.f{width:13px;margin-right:2px;background-position:0 0;margin-left:10px;}
.footerInfo a.t{width:13px;margin-right:2px;background-position:-13px 0;}
.footerInfo a.e{width:17px;background-position:-26px 0;}

.bread{background:url("../images/common/bread.png") repeat-x;height:45px;}
.bread .info{height:45px;line-height:23px;color:#fff;background:url("../images/common/breadIcon.png") 35px 23px no-repeat;}
.bread .info a{color:#fff;}
.bread .info em{font-family:\5B8B\4F53;padding:0 5px;}
.bread02{background:url("../images/solution/bread01.png") repeat-x;height:70px;}
.bread02 .info{height:70px;line-height:37px;background:url("../images/solution/bread01Icon.png") 35px 37px no-repeat;}
.bread03{background:url("../images/solution/bread02.png") repeat-x;height:55px;}
.bread03 .info{height:55px;line-height:37px;background:url("../images/solution/bread02Icon.png") 35px 36px no-repeat;}
.bread04{background:url("../images/project/bread.png") repeat-x;height:60px;}
.bread04 .info{height:60px;line-height:35px;background:url("../images/project/breadIcon.png") 35px 35px no-repeat;}
.bread05{background:url("../images/contact/bread.png") repeat-x;height:70px;}
.bread05 .info{height:70px;line-height:37px;background:url("../images/contact/breadIcon.png") 35px 37px no-repeat;}
.bread06{background-image:url(../images/banner_bot.jpg);height:50px;background-position: center top;background-repeat: no-repeat;}
.bread06 .info{height:50px;line-height:37px;background:none;padding-left:270px;}

input{outline:none;}

.fs16{font-size:16px;}
.fs18{font-size:18px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}
.co6085ab{color:#6085ab;}
.co005fad{color:#005fad;}
.co7e7e7e{color:#7e7e7e;}

.asideCommon{margin-top:60px;}
.asideCommon a{display:block;color:#fff;font-size:18px;}
.asideCommon a.link01{background:url("../images/common/leftLink01.png") no-repeat;height:30px;padding:40px 0 0 10px;}
.asideCommon a.link02{background:url("../images/common/leftLink02.png") no-repeat;height:30px;line-height:30px;margin-top:15px;
    padding-left:46px;}

.pageSize{text-align:right;padding-top:10px;}
.pageSize a{color:#333333;padding:0 3px;font-weight:bold;}
.pageSize a:hover,.pageSize a.current{color:#61a0cd;}

.back{margin-top:10px;}
.back a{display:inline-block;background:url("../images/common/back.png") no-repeat;width:83px;height:36px;line-height:36px;color:#333;text-align:center;}

.searchTit{font-size:14px;}
.searchTit span{font-weight:700;color:#f00;}
.search li a{color:#666;}
.search .tit{margin-top:10px;border-bottom:1px solid #d7d7d7;font-size:14px;font-weight:700;color:#05A0A2;}
.search ul{margin-top:5px;}

.innerBanner{height:298px;background-position:50% 0;background-repeat:no-repeat;}
.innerBanner .bg,.innerBanner .wrap{height:298px;}
.innerBanner p{color:#2f2f2f;}
.innerBanner p.b{font-size:40px;padding-top:70px;font-weight:700;}
.innerBanner p.s{font-size:20px;line-height:24px;}

.proBanner{background:url("../images/product/banner.png") repeat-x;}
.proBanner p{color:#5b5b5b;}

.proBanner01 .bg{background:url("../images/product/banner01.jpg") 50% 0 no-repeat;}
.proBanner02 .bg{background:url("../images/product/banner02.jpg") 50% 0 no-repeat;}
.proBanner03 .bg{background:url("../images/product/banner03.jpg") 50% 0 no-repeat;}
.proBanner04 .bg{background:url("../images/product/banner04.jpg") 50% 0 no-repeat;}
.proBanner05 .bg{background:url("../images/product/banner05.jpg") 50% 0 no-repeat;}
.proBanner06 .bg{background:url("../images/product/banner06.jpg") 50% 0 no-repeat;}
.proBanner07 .bg{background:url("../images/product/banner07.jpg") 50% 0 no-repeat;}
.proBanner08 .bg{background:url("../images/product/banner08.jpg") 50% 0 no-repeat;}
.proBannerIndex{background:url("../images/product/bannerIndex.jpg") 50% 0 no-repeat #fff;}

.proBanner01 p.b{font-size:36px;}
.proBanner03 p{padding-left:600px;}
.proBanner06 p.ss{font-size:14px;}
.proBanner07{background:#6287a2;}
.proBanner07 p{color:#fff;}

.solutionBanner{background-image:url("../images/solution/banner.jpg");background-color:#5c92d5;}
.solutionBanner p{color:#fff;}
.solutionBanner p.b{padding-top:110px;}

.projectBanner{background-image:url("../images/project/banner.jpg");}

.contactBanner{background:url("../images/contact/banner.png") repeat-x;}
.contactBanner .bg{background:url("../images/contact/contact-banner.jpg") 50% 0 no-repeat;}
.contactBanner p{padding-left:480px;}


.briefBanner{background:url("../images/brief/banner.png") repeat-x;}
.briefBanner .bg{background:url("../images/brief-banner.jpg") 50% 0 no-repeat;}
.briefBanner p{padding-left:480px;}

.techBanner{background:url("../images/tech/banner.png") repeat-x;}
.techBanner .bg{background:url("../images/tech-banner.jpg") 50% 0 no-repeat;}
.techBanner p{padding-left:480px;}

.faqBanner{background:url("../images/faq/banner.png") repeat-x;}
.faqBanner .bg{background:url("../images/faq/faq-banner.jpg") 50% 0 no-repeat;}
.faqBanner p{padding-left:480px;}



.pppBanner{background:url("../images/product/pbanner.jpg") repeat-x;}
.pppBanner .bg{background:url("../images/product/pbanner.jpg") 50% 0 no-repeat;}
.pppBanner p{padding-left:400px;}



.pppBanner1{background:url("../images/product/pbanner.jpg") repeat-x;}
.pppBanner1.bg{background:url("../images/product/pbanner.jpg") 50% 0 no-repeat;}
.pppBanner1 p{padding-left:400px;}




.supportBanner{background:url("../images/support/banner.png") repeat-x;}
.supportBanner .bg{background:url("../images/support/banner.jpg") 50% 0 no-repeat;}
.supportBanner p{color:#fff;}

.aboutBanner01{background:url("../images/about/banner01.png") repeat-x;}
.aboutBanner01 .bg{background:url("../images/about/banner01Img.jpg") 50% 0 no-repeat;}
.aboutBanner01 p.b{padding-top:50px;}

.aboutBanner02{background-image:url("../images/about/banner02.jpg");background-color:#34398A;}
.aboutBanner02 p{color:#fff;}
.aboutBanner02 p.b{padding-top:75px;}

.aboutBanner03{background:url("../images/about/banner03.png") repeat-x;}
.aboutBanner03 .wrap{background:url("../images/about/banner03Img.png") right top no-repeat;}
.aboutBanner03 p.b{padding-top:50px;}

.aboutBanner04{background:url("../images/about/banner04.png") repeat-x;}
.aboutBanner04 .bg{background:url("../images/about/banner04.jpg") 50% 0 no-repeat;}
.aboutBanner04 p.b{padding-top:50px;color:#3580bc;}
.aboutBanner04 p.s{color:#005fad;}

.searchInfo{font-size:14px;}
.searchInfo span{font-weight:700;color:#f00;}
.searchTit{background:#396ba4;display:inline-block;padding:0 15px;height:24px;line-height:24px;color:#fff;margin-top:20px;}
.cooking {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #666666;
    text-decoration: none;
}
.cooking1 {
    font-family: "微软雅黑";
    font-size: 12px;
    line-height: 17px;
    font-weight: normal;
    color: #939598;
    text-decoration: none;
}
.cooking:hover {color: #03a4c0;}
.cookinga {float:left;padding-left:8px;
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #03a4c0;
    text-decoration: none;
    text-align: justify;
}
.cookingb {
    font-family: "微软雅黑";
    font-size: 14px;
    line-height: 20px;
    font-weight: normal;
    color: #03a4c0;
    text-decoration: none;
    text-align: justify;
}
.cookingbg{ background:url(images/ardapt.png) no-repeat 0px 11px;}
.newsa ul li a{ text-decoration:none; color:#939598;}
.yin li{float:left;width:33.3%; text-align:center;margin-bottom:30px;}

.p_con{width: 1100px;margin: 0 auto;}
.p_con_t{padding:15px 0px 15px 0px;border-bottom:1px solid #ccc;border-top:2px solid #333333;overflow:hidden;}

.p_con_l{float:left;width:840px;padding-top:20px;}
.loca{width:100%;border:1px solid #ccc;height:30px;line-height:30px;font-size:12px;color:#8e8e8e;}
.loca a{font-size:12px;color:#8e8e8e;}
.p_con_l_t{font-size:18px; line-height:50px;border-bottom:1px solid #ccc;}

.p_con_l .bg2{display: none;}
.p_con_l .p_con_l_info>div{border:1px solid #ccc;border-top: none;width: 100%;}
.p_con_l .p_con_l_info .pro-info{padding: 10px;}
.p_con_l .p_con_l_info .pro-info .infobox{overflow: hidden;}
.p_con_l .p_con_l_info .pro-info .infobox h3{font-weight: bold;font-size: 18px;line-height: 36px;border-bottom: 1px dashed #c6c6c6;}
.p_con_l .p_con_l_info .pro-info .infobox ul{padding-top: 20px;}
.p_con_l .p_con_l_info .pro-info .infobox ul li{line-height: 22px;height:167px;overflow:auto;}
.p_con_l .p_con_l_info .pro-info .infobox .hotline{font-weight: bold;font-size: 14px;line-height: 28px;margin-top: 15px;}
.p_con_l .p_con_l_info .pro-info .infobox .hotline span{font-weight: normal;font-family: arial;font-size: 22px;color:#fd521d;}
.p_con_l .p_con_l_info .pro-info .infobox .order{background: url(../images/button.png) no-repeat;display: block;width: 115px;height: 35px;line-height: 31px;text-align: center;color: #fff;font-size: 16px;margin-top: 23px;}
.p_con_l .p_con_l_info .pro-info .infobox .order:hover{text-decoration: none;opacity: .8;}

.p_con_l .p_con_l_info .pro-reason{}
.p_con_l .p_con_l_info .pro-reason h4{font-size: 16px;font-weight: bold;line-height: 32px;}
.p_con_l .p_con_l_info .pro-reason p{color: #777;line-height: 22px;}
.p_con_l .p_con_l_info .pro-reason span{color: #03a4c0;}
.p_con_l .p_con_l_info .pro-reason .reason1{background: url(../images/reason1.jpg) no-repeat;height: 700px;}
.p_con_l .p_con_l_info .pro-reason .reason1 .idea1{padding-top: 218px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .reason1 .idea2{padding-top: 230px;padding-right: 30px;text-align: right;}
.p_con_l .p_con_l_info .pro-reason .iac-reason{background: url(../images/iac-reason.jpg) no-repeat;height: 980px;}
.p_con_l .p_con_l_info .pro-reason .iac-reason .idea1{padding-top:95px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .iac-reason .idea1 h4{margin-bottom: 15px;}
.p_con_l .p_con_l_info .pro-reason .iac-reason .idea2{padding-top: 164px;padding-left: 460px;text-align: left;}
.p_con_l .p_con_l_info .pro-reason .iac-reason .idea3{padding-top: 190px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .reason2{background: url(../images/reason2.jpg) no-repeat;height: 578px;}
.p_con_l .p_con_l_info .pro-reason .reason2 .idea1{padding-top: 104px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .reason2 .idea1 h4{padding-left: 70px;}
.p_con_l .p_con_l_info .pro-reason .reason2 .idea2{padding-top:118px;padding-right: 30px;text-align: right;}
.p_con_l .p_con_l_info .pro-reason .reason3{background: url(../images/reason3.jpg) no-repeat;height: 746px;}
.p_con_l .p_con_l_info .pro-reason .reason3 .idea1{padding-top:70px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .reason3 .idea1 h4{padding-left: 70px;}
.p_con_l .p_con_l_info .pro-reason .reason3 .idea2{padding-top:100px;padding-left: 30px;}
.p_con_l .p_con_l_info .pro-reason .reason3 .idea2 h4{padding-left: 70px;}
.p_con_l .p_con_l_info .pro-reason .reason4{background: url(../images/reason4.jpg) no-repeat;height: 465px;}

.p_con_l .p_con_l_info .questions{color:#6f6f6f;padding: 0 30px;line-height: 22px;}

#viewDiv{float: left;border:10px solid transparent;}


.p_con_r{float:right;width:240px;}
.p_con_r_block{margin-top:20px;border:1px solid #ccc;overflow:hidden;padding-bottom:20px; text-align: left;}
.p_con_r_block h3 a{color:#03a4c0;font-size:14px;font-weight:bold;line-height:20px;padding-top:20px;padding-bottom:10px;}
.p_con_r_t{border-bottom:1px solid #ccc;line-height:30px;font-size:14px;padding-left:15px;}

.p_con_r_con{padding:20px;padding-bottom:0px;text-align:center;}
.p_con_r_contact{padding:20px;padding-bottom:0px;font-size:12px;padding-top:0px;}

.p_con_r_contact h3{color:#03a4c0;font-size:14px;font-weight:bold;line-height:20px;padding-top:20px;padding-bottom:10px;}
.p_con_r_contact h3.link{padding:0;}

.indexInfo h2 a{color: #000;}
.indexInfo h2 a:hover{color: #03a4c0;text-decoration: none;}



/*发展历程*/
.lic{margin-top: 25px;background:url(../images/tillnow.png) 1100px center no-repeat;padding-right:60px;}
.li_bg{ padding:55px 0;font-size: 0;overflow: hidden;}
.lic ul{ background:url(../images/li_bg01.png) no-repeat;width: 1100px;height: 220px;overflow: hidden; display:inline-block;overflow: hidden;}
.lic ul li{width: 157px;height: 220px;float: left;}
.lic ul li a{font-size: 20px;color: #333;display: block;width: 157px;height: 220px;float: left;text-align: center; background:url(../images/png.png) no-repeat;}
.lic ul li a:hover{color: #009b4d; text-decoration:none;}
.lic ul li em{display: block;overflow: hidden;}
.lic ul li span{font-size: 12px;color: #333;line-height: 16px;display: block;overflow: hidden;}
.lic .lic_t em{ padding:58px 0 66px;}
.lic .lic_b span{ padding:10px 0 0;}
.lic .lic_li02 .shanghai{height: 60px;line-height: 20px;}
.lic .lic_b em{ padding:53px 0 0;}
.lic .lic_li01 a:hover{ background:url(../images/li_bg02.png) no-repeat 0 0;color: #efefef;}
.lic .lic_li02 a:hover{ background:url(../images/li_bg02.png) no-repeat -157px 0;color: #efefef;}
.lic .lic_li04 a:hover{background: url(../images/li_bg02.png) no-repeat -943px 0;color: #efefef;}
.lic ul li  a:hover span {color: #efefef;}


#divR{position:fixed;z-index:9999;}
#divR{top:120px;display:block;right:0;width:89px;}
#divR a{cursor:pointer;display:block;float:right;height:94px;margin:0 auto;padding:0;position:relative;transition:all 0.3s ease 0s;width:48px;}
#divR a b{background:rgba(0,0,0,0) none repeat scroll 0 0;bottom:9px;color:#fff;display:block;font-family:"微软雅黑","Microsoft YaHei";font-size:15px;font-weight:500;height:20px;left:0;line-height:20px;margin:0 auto;padding:0;position:absolute;text-align:center;width:100%;}
#divR a.divRzixun{background:#2a2a2a url("../images/qq.png") no-repeat scroll center 11px;height:76px;margin-bottom:10px;width:76px;}
#divR a.divRfenqi{background:#2a2a2a url("../images/swtrightimg2.png") no-repeat scroll center 9px;height:76px;margin-bottom:10px;width:76px;}
#divR a.divRyysj{background:#2a2a2a url("../images/swtrightimg3.png") no-repeat scroll center 11px;height:76px;width:76px;}
#divR a.divRbarcode{background:#2a2a2a url("../images/r_icon1.png") center 16px no-repeat scroll;}
#divR a.divRqqzx{background:#2a2a2a url("../images/swtrightimg1.png") no-repeat scroll center 16px;}
#divR a{height:76px;margin-bottom:10px;width:76px;background-color:#2a2a2a;}
#divR a:hover{background-color:#03a4c0;width:89px;}
#divRsjs{background:rgba(0,0,0,0) url("../images/sjbg.png") no-repeat scroll 0 0;color:#fff;display:block;font-family:arial;font-size:12px;font-style:normal;height:22px;line-height:22px;position:absolute;right:0;text-align:center;top:7px;width:22px;}


.i-m1{width: 100%;min-height: 220px;overflow: hidden;}
.i-m1 .wrap{position: relative;}
.i-m1 img{position: absolute;left: 50%;margin-left: -960px;}

#showbox { background:#eee; float: left;margin-right: 37px;}
#showbox span { background:url(../images/whitebg.png) repeat;}

.m3 .youcan-mobile{display: none;}

@media screen and (min-width:320px) and (max-width:415px){
    #divR{display: none;}
    .logo{display: none;}
    .logo-mobile{display: block;} 
    .logo-mobile img{width: 100%;}
    .logo-mobile-wz{display: none;}
    .headerRt{display: none;}
    .wrap{width: 96%;}
    .header{display: none;}
    .header2{display: block;}
    .header2>font{line-height: 30px;padding-left: 10px;}
    .header2{position:relative;height:30px;background:#222;}
    .header2 .back{position:absolute;top:0;left:0;display:block;width:50px;height:50px;text-indent:-9999em;background:url(../images/icon-back.png) no-repeat center center;background-size:12px 20px;}
    #banner{height: auto;}
    #banner .banner_w{height:200px;width: 100%;}
    #banner .banner_w .item{width: 100%;margin-left: -85%;}
    #banner .banner_w .item img{width: 170%;}
    .m1{padding:0 0 20px!important;}
    .m1 .m1-entitle{font-size:2rem!important;}
    .m1 .m1-cntitle{font-size:2rem!important;}
    .m1 .conk{height: 20px!important;}
    .m2{padding: 0!important;}
    .m2 .m2-entitle{font-size: 2rem!important;}
    .m2 .m2-cntitle{font-size: 2rem!important;}
    .m2 .conk{height: 20px!important;}
    .lic{display: none;}
    .m3{background:url(../images/area.png) bottom/100% no-repeat!important;height: 785px!important;}
    .m3 .m3-title{padding:0!important;}
    .m3 .m3-title .m3-cntitle1{font-size: 2rem!important;}
    .m3 .wz{display: none;}
    .m3 .youcan-mobile{display: block;padding: 20px 0;}
    .m4{background: url(../images/section-pro-mobile.jpg) center no-repeat,#f4f4f4!important;background-size: 100%!important;background-position: center 40px!important;height: 870px!important;}
    .m4 .m4-entitle{font-size: 2rem!important;line-height: 1.5rem!important;margin-top: 28px!important;}
    .m4 .m4-ul li{font-size: 12px!important;margin:0!important;}
    .m4 .m4-ul .li1{padding-top: 41px;padding-left: 40px;}
    .m4 .m4-ul .li2{padding-left: 27px;}
    .m4 .m4-ul .li3{padding-left: 14px;}
    .m4 .m4-qc{font-size: 14px!important;margin: 0!important;padding-top: 63px;padding-left: 20px;}
    .m4 .m4-qcwz{margin:0 auto!important;padding-top:237px;width:94%;font-size:12px!important;line-height:20px!important;}
    .m5 .m5-title{margin: 0!important;}
    .m5 .m5-entitle{font-size: 2rem!important;}
    .m5 .conk{height: 20px!important;}
    .m5 .m5-newmain{width:100%!important;padding-bottom:20px;border-bottom:1px dotted #ccc;}
    .m5 .m5-newmain img{height: auto!important;}
    .m5 .m5-newson{width: 100%!important;}
    .footer .index-fd{padding:1rem 0!important;position: relative;}
    .footer .index-fd .wp{width: 80%!important;float: none!important;}
    .footer .index-fd .wp .wp-1{display: none;}
    .footer .index-fd .wp .wp-2{width:100%!important;float: none!important;}
    .footer .index-fd .wp .wp-2 .ico{display:none;}
    .footer .index-fd .wp .wp-2 .wz{width:100%!important;float: left;padding:0!important;}
    .footer p.bt-pagetop{display:block;position:absolute;top:16px;right:10px;width:21px;height:18px;margin:0;}
    .footer p.bt-pagetop a{display:block;width:21px;height:18px;background-image:url(../images/ic_pagetop_a.png);background-size:21px 18px;background-repeat:no-repeat;background-position:50% 50%;}
    .footer p.bt-pagetop a:hover{background-image:url(../images/ic_pagetop_b.png);}
    .i-m1{min-height: 75px;}
    .i-m1 img{width: 180%;margin-left: -90%;height: auto;}
    #p_li{width: 100%;}
    #p_li ul li{width:48%;float: left;margin:0 1%;height: auto;}
    #p_li ul li span{float: left;width: 100%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
    #p_li ul li img{max-width: 100%;}
    .p_con{width: 100%;}
    .p_con_r{display: none;}
    .p_con_l{width: 100%;}
    .p_con_l img{max-width: 100%;}
    .p_con_l table{width: 100%;}
    .p_con_l .bg1{display: none;}
    .p_con_l .bg2{display: block;width: 100%;}
    .p_con_l .p_con_l_info .pro-reason h4{font-size: 1.2rem;line-height:1.5rem;}
    .p_con_l .p_con_l_info .pro-reason p{display: none;}
    .p_con_l .p_con_l_info .pro-reason .reason1{background-size: 100%;height: auto;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea1{padding-top:95px;padding-left: 10px;width: 40%;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea2{padding-top: 107px;padding-right:0;width: 30%;text-align: left;padding-left: 247px;padding-bottom: 32px;}
    .p_con_l .p_con_l_info .pro-reason .reason2{background-size: 100%;height: auto;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea1{padding-left: 10px;padding-top: 65px;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea1 h4{padding-left: 0;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea2{padding-top: 81px;padding-bottom:66px;}
    .p_con_l .p_con_l_info .pro-reason .reason3{background-size: 100%;height: auto;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea1{padding-left: 10px;padding-top: 52px;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea1 h4{padding-left: 0;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea2{padding-top:64px;padding-bottom: 164px;}
    .p_con_l .p_con_l_info .pro-reason .reason4{background-size: 100%;height: auto;}
    #showbox{margin: 0;}
    .p_con_l .p_con_l_info .pro-info .infobox{width: 100%;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason{background-size: 100%;height: 412px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea1{padding-top: 46px;padding-left: 10px;width: 48%;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea2{padding-top:62px;padding-left:196px;padding-right:10px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea3{padding-top: 66px;width: 50%;padding-left: 10px;}
}
@media screen and (max-width:320px) {
    #banner .banner_w{height: 170px;}
    .m3{height:717px!important;}
    .m3 .m3-cntitle2{line-height: 2rem!important;}
    .m4{height: 748px!important;}
    .m4 .m4-ul .li1{padding-top:25px;}
    .m4 .m4-qc{padding-top: 47px;padding-left: 12px;}
    .m4 .m4-qcwz{padding-top: 195px;line-height: 16px!important;}
    .footer .index-fd .wp .wp-2 .ico img{width: 19px;height: 19px;}
    .i-m1{min-height: 63px;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea1{padding-top:81px;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea2{padding-top: 85px;padding-left: 202px;width: 35%;padding-bottom: 18px;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea1{padding-top: 55px;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea2{padding-top: 65px;padding-bottom: 55px;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea1{padding-top: 43px;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea2{padding-top: 52px;padding-bottom: 154px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason{height: 363px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea2{padding-top: 15px;padding-left: 170px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea3{padding-top: 54px;}
    .header2 .ip5-hack{position: absolute;right: 98px;z-index:999999;}
}
@media screen and (min-width:414px) and (max-width:415px) {
    #banner .banner_w{height: 220px;}
    .m3{height: 854px!important;}
    .m4{height: 954px!important;}
    .m4 .m4-ul .li1{padding-top: 53px;padding-left: 45px;}
    .m4 .m4-ul .li2{padding-left: 32px;}
    .m4 .m4-ul .li3{padding-left: 18px;}
    .m4 .m4-qc{padding-top: 74px;}
    .m4 .m4-qcwz{padding-top: 256px;line-height:30px!important;}
    .i-m1{min-height: 82px;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea1{padding-top: 102px;}
    .p_con_l .p_con_l_info .pro-reason .reason1 .idea2{padding-top: 123px;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea1{padding-top: 71px;}
    .p_con_l .p_con_l_info .pro-reason .reason2 .idea2{padding-top: 90px;padding-bottom: 75px;}
    .p_con_l .p_con_l_info .pro-reason .reason3 .idea2{padding-top: 76px;padding-bottom: 195px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason{height: 464px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea2{padding-top: 90px;padding-left: 213px;}
    .p_con_l .p_con_l_info .pro-reason .iac-reason .idea3{padding-top: 80px;}
}