/*氓陇麓茅茠篓忙聽路氓录聫*/

.header{
    height: 37px;
    background: url(../images/toux.png) no-repeat  52% 13% #7d7d7d;
}

.header .hyr{
    font:400 12px/37px "Microsoft YaHei";
    color: #fefefe;
   
}
.header .hyr a{color: #fefefe;}
.header .hy{
    font:400 16px/37px "Microsoft YaHei";
    color: #ffffff;
     margin-right: 16px;
}


.hht{
    height: 104px;
    line-height: 104px;
    background: #fff;
    border-bottom: 3px solid #018fd7;
}




/*猫炉颅猫篓鈧ヅ掆€�*/
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}


/*氓炉录猫藛陋忙聽聫忙聽路氓录聫*/
#menu{height: 37px;margin-top: 35px;}
.nav{height:37px;}
.nav li{line-height:37px;height:37px;text-align:center;width:105px;float:left;position:relative;z-index:999;}
.nav li a{display:block;line-height:37px;color:#333333;height:37px;font-size: 18px;}
.nav li>a:hover {
    background: #0065cd;
    color: #fff;
    border-radius:30px;
}

.nav .sec{color:#fff;z-index:9999;position:absolute;top:47px;left:0px;border-radius: 10px;box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2); background: #fff;display: none}
.nav .sec a{color:#666666;height:48px;line-height:48px;width:105px;font-size: 14px;
    border-bottom: 1px dashed #e7e7e7}
.nav .sec a:first-child{
    position: relative;
}
.nav .sec a:first-child:before{
    content: "";
    width: 100%;
    height: 10px;
    background: url(../images/san.png) no-repeat center center;
    position: absolute;
    top:-10px;
    left: 0px;
}
.nav .sec a:last-child{
    border:none;
}







.g_pro{margin-top:25px;}
.g_pro h2{background:url(../images/cptit.png) no-repeat center center;height: 83px;padding-top: 25px;text-align: center;font-size: 35px;color: #333333;font-weight: normal;}
.g_pro h2 a{    color: #0065cd;font-size: 35px;}
.g_pro h2 h3{color: #666666;display: block;font-size: 18px;    font-weight: normal;}
.g_pro .m_fl{float: left;width: 263px;}
.g_pro .m_fl h3{height: 92px;line-height: 92px;background: #0066d9;text-align: center;font-size: 24px;font-weight: bold;color: #fff;}
.g_pro .m_fl h3 a{color: #fff;}
.g_pro .m_fl ul{border:3px solid #0066d9;border-top: none;}
.g_pro .m_fl li{height: 48px;line-height: 48px; position: relative;}
.g_pro .m_fl li a{display: block;padding-left: 88px;font-size: 16px;color: #333333;background:url(../images/cpflico.jpg) no-repeat 45px 17px;}
.g_pro .wtzs{width: 52px;margin: 0 auto;margin-top:20px;}






.qj{margin-top:38px;position:relative;}

.mod18{}
.mod18 li{float:left;}
.mod18 .cf li{position:relative;color:#fff;}
.mod18 .cf li .sa1{display:block;color:#333;font:100 14px/30px "氓戮庐猫陆炉茅鈥衡€γ┞烩€�";text-align:center}
.mod18 .picBox{height:460px;position:relative;overflow:hidden;}
.mod18 .picBox ul{height:460px;position:absolute;}
.mod18 .picBox li{width:1200px;height:460px;}
.mod18 .picBox li img{width:853px;height:460px;float:left;}
.mod18 .picBox li .det{width:335px;height:467px;margin-top:0px;background:#3266cc;}
.mod18 .picBox li .cont{padding-left:18px;padding-right:15px;}
.mod18 .picBox li .tts{color:#ffffff;font-size:18px;font-weight:bold;padding-top:60px;}
.mod18 .picBox li span{color:#ffffff;font-size:14px;line-height:40px;padding-top:20px;display:block;height:268px;overflow:hidden;}



.contents{width:1200px;margin:0 auto;}
.mod18 .listBox{width:1200px;height:182px;margin:0 auto;position:relative;margin-top:20px;overflow:hidden;}
.mod18 .listBox .cf{left:0!important;}
.mod18 .listBox ul{height:182px;position:absolute;text-align:center;}
.mod18 .listBox li{width:294px;height:182px;cursor:pointer;position:relative;display:inline-block;}
.mod18 .listBox li+li{margin-left:10px;}
.mod18 .listBox li i{display:none;}
.mod18 .listBox li img{width:294px;height:182px;}
.mod18 .listBox .on img{width:294px;height:182px;}
.mod18 .listBox .on i{display:block;}
.mod18 .listBox li h3{width:100%;position:absolute;text-align:center;color:#fff;font-size:18px;left:0;top:40%;z-index:99999;opacity:1;}
.mod18 .listBox li .mask{width:100%;position:absolute;left:0;top:0;height:182px;background:rgba(0,0,0,.5);opacity:1;}
.mod18 .listBox .on .mask{opacity:0;}
.mod18 .listBox .on h3{opacity:0;}




.ht{width:1920px;position:relative;left:50%;margin-left:-960px;}

/*忙聬艙莽麓垄氓鈥櫯捗捖┾€斅β惻撁绰�*/

#formsearch{width: 383px;height: 42px;background: url(../images/ss.png) no-repeat center center;margin-top: 12px;}
.hotSearch{font-weight:normal;color:#fff;line-height: 12px;padding-top: 10px;}
.hotSearch a{margin-right:6px;color:#000000;font-size: 12px;}
.hotSearch a:hover{color:#000000;}
#formsearch input{height:42px;background:none;border:none;line-height:42px;float: left;}
#formsearch input#keyword{height:42px;line-height:42px;padding-left:13px;color:#8c8c8c;width:310px;
    outline: none;font-size: 14px;}
#formsearch input#s_btn{width:60px;height:42px;line-height:42px;text-align:center;color:#fff;border:none;cursor:pointer;float:right;}

#search-type{float: left;width:100px;height: 42px;border: 1px solid #c8c8c8;margin-right: 5px;}


/*盲赂禄盲陆鈥溍β犅访ヂ悸�*/
.w1200{width:1200px;margin:0 auto;}
#container{width:1200px;margin:0 auto;margin-top:10px;}
#container1{
width:1200px;margin:0 auto;
}
.container1{
width:1200px;margin:0 auto;
}
.menu_cate{width:220px;float:left;}
.cate_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about{width:460px;float:left;margin-left:12px;padding-bottom:5px;}
.about_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.about .content{padding:5px;padding-bottom:12px;text-indent:20px;}
.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}

/*----- Common css ------*/
.fl{float:left;}
.fr{float:right;}
.di{_display:inline;}
.fwn{font-weight:normal;}
.dib{*display:inline;_zoom:1;_display:inline;_font-size:0px;}

/*茅娄鈥撁┞÷得︹€撀懊┾€斅�*/
.news_company{width:280px;float:right;}
.news1_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.news_company .content{padding:5px;}

/*茅娄鈥撁┞÷得ヂ仿γぢ韭佲€澝陈幻λ嗏€樏ぢ宦�*/
.contact{width:218px;float:left;padding-bottom:5px;margin-top:10px;}
.contact_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.contact .content{padding:5px;padding-left:8px;}

/*氓路楼莽篓鈥姑β∷喢ぢ锯€�*/
.case{width:460px;float:left;margin-left:12px;padding-bottom:5px;margin-top:10px;}
.case_title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.case .content{padding:5px;padding-bottom:12px;text-indent:20px;}

.news2_company{margin-top:10px;}

/*盲潞搂氓鈥溌伱ε铰嵚�*/
.recommend_product{margin-top:10px;width:692px;float:left;}
.recommend_product .title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.recommend_product .content{padding-top:15px;padding-bottom:14px;}
.roll_product li{padding-bottom:0px;}

/*氓鈥溌伱р€芭捗ニ嗏€斆÷�*/
.brand-list{margin: 20px 0px;display: flex;display: -webkit-flex;flex-wrap: wrap;}
.brand-list li{margin: 5px 8px;}
.brand-list li:hover{box-shadow: 2px 1px 5px;}
.brand-list li img {width: 150px;height: 120px;}

/*氓鈥奥嵜ヂ徛懊ヂづ∶┞÷得�*/
.news{width:1000px;float:left;margin-top: 10px;}
.tab{position:relative;}
.tab li{float:left;width:100px;height:30px;display:block;line-height:30px;border:1px solid #ccc;margin-right:8px;text-align:center;color:#333;font-size:12px;cursor: pointer;}
.tab li.cur{color:#fff;text-decoration:none;font-size:12px;background:#3a78c1;border-color: #3a78c1;}

.tt{display: none;}
.list1{padding:8px 10px;}
.list1 li{line-height:27px;position:relative;vertical-align: middle;}
.list1 li a{background:url(../images/list_dot1.gif) left center no-repeat;padding-left:12px;line-height:27px;color:#555555;}
.list1 li a:hover{color:#e87518;text-decoration:none;}
.list1 li span{position:absolute;right:0px;line-height:30px;top:0;color:#999;}




/*氓聫鈥姑ζ掆€γ┾€溌久ε铰�*/
.f_link{width:1200px;margin:0 auto;line-height:30px;text-indent:10px; color: #FFf}

/*茅隆碌茅聺垄氓潞鈥⒚┢捖�*/
#footer{
    background: #333333;
    border-top:1px solid #414141;
    padding-top: 36px;
    height: 295px;
}
#footer a{color: #ffffff;}
.fota{
    width: 509px;
    border-right: 1px solid #484848;
    height: 228px;
}
#footer dd{
    font:400 16px/16px "Microsoft Yahei";
    color: #ffffff;
    
}
#footer dt{
    width: 31px;
    height: 3px;
    background: #595959;
    margin-top: 13px;
}
.fota dl{
    font: 400 12px/24px "Microsoft Yahei";
    color: #ffffff;
    margin-top: 13px;
}
.fotb{
    width: 190px;
    border-right: 1px solid #484848;
    height: 228px;
    padding-left: 97px;
}

.fotb dl{
    font-size: 0;
    margin-top: 5px;
}
.fotb dl a{
    display: inline-block;
    width: 82px;
    text-align: left;
    font:400 14px/40px "Microsoft Yahei";
    color: #FFF;
}

.fotc{
    width: 284px;
    margin-left: 209px;
}
.fotc dl{
    margin-top: 17px;
    text-align: center;
    color: rgba(255,255,255,.56);
    font-size: 12px;
    line-height: 30px;
}








/*------------氓鈥犫€γ┞÷�-------------------*/
/* .left .box{margin-bottom:10px;}
.left .box h3{line-height:31px;padding-left:15px;font-weight:bold;font-family:"Microsoft YaHei";
background:#24588e;font-size:18px;color:#fff;}
.left .box .content{padding:5px 0px;}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;}

.n_banner{width:100%;margin:0 auto;}
.n_banner img{width:100%;margin:0 auto}
.left{width:225px;float:left;}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:914px;float:right;padding-bottom:10px;}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;background:#24588e;color: #fff;}
.sitemp h2{width:340px;float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;font-size:14px;}
.sitemp .site{width:380px;float:right;text-align:right;line-height:30px;color: #fff;}
.sitemp .site a{color: #fff;}
.right .content{padding:10px;padding-top:15px;overflow:hidden;line-height: 24px;}
.sort_album{margin-top: 15px;} */




.box {
    margin-bottom: 10px;
}

.n_news {
    width: 636px;
}

.box h3 {
    padding-left: 15px;
    font-family: "脙楼脗戮脗庐脙篓脗陆脗炉脙漏芒鈧好⑩偓娄脙漏脗禄芒鈧�";
    background: url(../images/sux.png) no-repeat 0% 50%;
    font-size: 16px;
    color: #333333;
    font-weight: 500;
    line-height: 40px;
}

.box .content {}

.prodescription {
    border: 1px solid #e5e5e5;
    background: #f9f9f9;
    line-height: 24px;
    padding: 10px;
    margin-bottom: 15px;
    text-indent: 20px;
    display: none;
}

.n_banner {
    position: relative;
    width: 1920px;
    left: 50%;
    top: 0;
    margin-left: -960px;
    height: 380px;
}

.n_banner img {
    width: 1920px;
    height: 380px;
    margin-top: 20px;
}

.n_banner h3 {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 156px;
    text-align: center;
    line-height: 1;
    color: #fff;
    font-size: 36px;
    font-weight: 100;
    display:none;
}

.n_banner h3 span {
    display: block;
    font-size: 14px;
    margin-top: 20px;
    color: rgba(255, 255, 255, .3);
    text-transform: uppercase;
    font-family: 'arial';
    letter-spacing: 10px;
    margin-left: 10px;
}

.left {
    width: 225px;
    float: left;
}

.sort_menu h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.sort_product {
    margin-top: 10px;
}

.sort_product h3 {
    background-color: #ececec;
    line-height: 28px;
    padding-left: 15px;
    font-weight: bold;
}

.n_contact {
    width: 212px;
}

.n_contact h3 {}

.n_contact .content {
    line-height: 22px;
    color: #666666;
}

.right {}

.sitemp {
    line-height: 31px;
    height: 31px;
    overflow: hidden;
    padding-right: 10px;
    background: url(../images/nav.png) no-repeat 0% 100%;
}

.sitemp h2 {
    width: 340px;
    float: left;
    line-height: 31px;
    text-align: center;
    text-align: left;
    text-indent: 15px;
    font-size: 14px;
}

.sitemp .site {
    width: 380px;
    float: right;
    text-align: right;
    line-height: 30px;
}

.right .content{
    padding-bottom: 10px;
    padding-top: 45px;
    line-height: 24px;
}
.right .content .table, .abut_cont .table{
    text-align:center;
    color: #000;
    font-size: 14px;
    width: 100%;
    margin: auto;
}
.abut_cont .table{
    color: #fff;
    font-size: 12px;
}
.right .content .table img{margin-bottom: 10px;margin-top: 20px;}
.sort_album {
    margin-top: 15px;
}

.n_news1 {
    margin-left: 90px;
    width: 192px;
}

.bgx {
    margin-top: 16px;
    background: #fcfcfc;
    padding-bottom: 40px;
    padding-top: 26px;
}


/*脙楼芒鈧犆⑩偓娄脙漏脗隆脗碌news*/

.news_listNei li>div.time {
    width: 145px;
    margin-right: 14px;
    float: left;
    line-height: 1;
    font-size: 26px;
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 12px;
    color: #cacaca!important;
}

.news_listNei {
    margin: 0 -10px;
}

.news_listNei li {
    margin-bottom: 30px;
}

.news_listNei li a.img {
    width: 216px;
    height: 145px;
}

.news_listNei li a.img img {
    width: 100%;
    height: 100%;
}

.news_listNei li>div {
    width: 784px;
    margin-left: 23px;
    color: #7b7b7b;
    font-size: 12px;
    text-align: justify;
}

.news_listNei li>div a.titNei {
    display: block;
    color: #333333;
    font-size: 20px;
    margin-bottom: 15px;
}

.news_listNei li>div a.MoreNei {
    width: 81px;
    height: 26px;
    border: 1px solid #1296db;
    color: #1296db;
    line-height: 26px;
    display: block;
    text-align: center;
    margin-top: 10px;
}

.news_listNei li:hover>div a.titNei {
    color: #1296db;
}

.news_listNei li:hover>div a.MoreNei {
    background: #1296db;
    color: #fff;
}


/*脙娄芒鈧∶偮兟γ偮得偮兟┟⑩偓艙脗戮脙娄脜陆脗楼*/

.suspension {
    position: fixed;
    z-index: 55;
    right: 0;
    bottom: 85px;
    width: 70px;
    height: 240px;
}

.suspension-box {
    position: relative;
    float: right;
}

.suspension .a {
    display: block;
    width: 44px;
    height: 44px;
    background-color: #353535;
    margin-bottom: 4px;
    cursor: pointer;
    outline: none;
}

.suspension .a.active,
.suspension .a:hover {
    background: #F05352;
}

.suspension .a .i {
    float: left;
    width: 44px;
    height: 44px;
    background-image: url(../images/side_icon.png);
    background-repeat: no-repeat;
}


/* .suspension .a-service .i{background-position:0 0;} */

.suspension .a-service .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.suspension .a-service-phone .i {
    width: 20px;
    height: 20px;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url(../images/suspension-bg.png);
    background-repeat: no-repeat;
    background-position: -27px 0;
}

.suspension .a-qrcode .i {
    background-position: -44px 0;
}

.suspension .a-cart .i {
    background-position: -88px 0;
}

.suspension .a-top .i {
    background-position: -132px 0;
}

.suspension .a-top {
    background: #D2D3D6;
    display: none;
}

.suspension .a-top:hover {
    background: #c0c1c3;
}

.suspension .d {
    display: none;
    width: 223px;
    background: #fff;
    position: absolute;
    right: 67px;
    min-height: 90px;
    border: 1px solid #E0E1E5;
    border-radius: 3px;
    box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
}

.suspension .d .arrow {
    position: absolute;
    width: 8px;
    height: 12px;
    background: url(../images/side_bg_arrow.png) no-repeat;
    right: -8px;
    top: 31px;
}

.suspension .d-service {
    top: 0;
}

.suspension .d-service-phone {
    top: 34px;
}

.suspension .d-qrcode {
    top: 78px;
}

.suspension .d .inner-box {
    padding: 8px 22px 12px;
}

.suspension .d-service-item {
    border-bottom: 1px solid #eee;
    padding: 14px 0;
}

.suspension .d-service .d-service-item {
    border-bottom: none;
}

.suspension .d-service-item .circle {
    width: 44px;
    height: 44px;
    border-radius: 50%;
    overflow: hidden;
    background: #F1F1F3;
    display: block;
    float: left;
}

.suspension .d-service-item .i-qq {
    width: 44px;
    height: 44px;
    background: url(../images/side_con_icon03.png) no-repeat center 15px;
    display: block;
    transition: all .2s;
    border-radius: 50%;
    overflow: hidden;
}

.suspension .d-service-item:hover .i-qq {
    background-position: center 3px;
}

.suspension .d-service-item .i-tel {
    width: 44px;
    height: 44px;
    background: url(../images/side_con_icon02.png) no-repeat center center;
    display: block;
}

.suspension .d-service-item h3 {
    float: left;
    width: 112px;
    line-height: 44px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text {
    float: left;
    width: 112px;
    line-height: 22px;
    font-size: 15px;
    margin-left: 12px;
}

.suspension .d-service-item .text .number {
    font-family: "Microsoft Yahei", "HanHei SC", PingHei, "PingFang SC", "Helvetica Neue", Helvetica, Arial, "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.suspension .d-service-intro {
    padding-top: 10px;
}

.suspension .d-service-intro p {
    float: left;
    line-height: 27px;
    font-size: 12px;
    width: 50%;
    white-space: nowrap;
    color: #888;
}

.suspension .d-service-intro i {
    background: url(../images/side_con_icon01.png) no-repeat center center;
    height: 27px;
    width: 14px;
    margin-right: 5px;
    vertical-align: top;
    display: inline-block;
}

.suspension .d-qrcode {
    text-align: center;
}

.suspension .d-qrcode .inner-box {
    padding: 20px 0;
}

.suspension .d-qrcode p {
    font-size: 16px;
    color: #93959c;
}

.red {
    color: #fc8080!important;
}








.w1920{
    width: 1920px;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
.tybt{
    text-align: center;
}
.tybt dd{
    font:400 35px/35px "Microsoft Yahei";
    color: #0065cd;
}
.tybt dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #353535;
    margin-top: 24px;
}
.c1{
    padding: 43px 0 21px 0;
}
.c1a{
    width: 396px;
    height: 97px;
    border-right: 1px solid #e3e3e3;
}

.c1a dd{
    font:400 22px/22px "Microsoft Yahei";
    color:#333333;
    padding-top: 12px;
}
.c1a dt{
    font:400 14px/30px "Microsoft Yahei";
    color: #ffffff;
    height:30px;
    width: 175px;
    background: #3f8cda;
    text-align: center;
    margin-top: 13px;
}

.c1b{
    width: 430px;
    height: 97px;
    border-right: 1px solid #e3e3e3;
    margin-left: 58px;
}

.c1c{
    margin-left: 45px;
    margin-top: 10px;
    font:40 16px/30px "Microsoft Yahei";
    color: #414141;
}


.c2{
    height: 877px;
    background: url(../images/c2.jpg) no-repeat top center;
    padding-top: 33px;
}
.c2 .w1200{
    margin-top: 63px;
}
.c2_list{}
.c2_list li{
    float: left;
    position: relative;
}
.c2_list li .xiann{
    width: 363px;
    height: 367px;
    border:1px solid #434343;
    position: absolute;
}
.c2_list li.li1{
    padding-left: 59px;
}
.c2_list li.li1 .img{
    width:324px;
    height: 263px;
}
.c2_list li.li1 .img2{
    display: none;
}
.c2_list li.li1 .yswz{
    padding-left: 16px;
    padding-top: 36px;
    background: #3f8cda;
    height: 173px;
    color: #FFF;
}
.c2_list li.li1 .yswz dd{
    font:400 24px/24px "Microsoft Yahei";
}
.c2_list li.li1 .yswz dt{
    font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
}
.c2_list li.li1 .xiann{
    top:-24px;
    left: 38px;
}


.c2_list li.li2{
 margin-left: 55px;
 position: relative;
 width: 329px;
 height: 453px;
 top:-15px;
}

.c2_list li.li2 .yswz{
    width: 324px;
    margin: 0 auto;
    background: #3f8cda;
    height: 226px;
    color: #fff;
    position: absolute;
    top:0;
    left:3px
}
.c2_list li.li2 .yswz dd{
    font:400 24px/24px "Microsoft Yahei";
    padding-left: 31px;
    padding-top: 26px;
}
.c2_list li.li2 .yswz dt{
     font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
    padding-left: 31px;
}
.c2_list li.li2 .img1{
       width:329px;
    height: 227px;
    position: absolute;
    bottom:0;
    left: 0
}
.c2_list li.li2 .img2{
    position: absolute;
    width: 248px;
    height: 246px;
    bottom: 0;
    left: 145px;
    z-index: 99;
}
.c2_list li.li2 .xiann{
    top:70px;
    left: -21px;
    z-index: 9;
    width: 363px;
    height: 407px
}



.c2_list li.li3{
    margin-left: 55px;
}
.c2_list li.li3 .img{
    width:324px;
    height: 263px;
}
.c2_list li.li3 .img2{
    display: none;
}
.c2_list li.li3 .yswz{
    padding-left: 16px;
    padding-top: 36px;
    background: #3f8cda;
    height: 173px;
    color: #FFF;
}
.c2_list li.li3 .yswz dd{
    font:400 24px/24px "Microsoft Yahei";
}
.c2_list li.li3 .yswz dt{
    font:400 14px/24px "Microsoft Yahei";
    margin-top: 38px;
}
.c2_list li.li3 .xiann{
    top:-24px;
    left: -21px;
}


.yyss{
    width: 1200px;
    height: 175px;
    background: rgba(255,255,255,.73);
    margin-top: 22px;
    padding-top: 20px;

}

.ys_list{}
.ys_list li{
    float: left;
    width: 240px;
    text-align: center;
}
.ys_list li .img{
    height: 95px;
    line-height: 95px;
}
.ys_list li dd{
    font:600 14px/24px "Microsoft Yahei";
    color: #747474;
}


.c3{
    height: 766px;
    background: url(../images/c3.png) no-repeat top center;
    padding-top: 33px;
    margin-top: 67px;
}


/**/
.card-area .card-item{z-index:4;transition:all .3s cubic-bezier(.4,0,.2,1),z-index 0s .12s;position:relative;float:left;width:174px;height:600px;background-color:transparent;overflow: hidden;}

.card-area .card-item.active{width:600px;height:600px}
.card-area .card-item a.img1{
    display: block;
    position: relative;
    width: 174px;
    height: 600px;

}
.card-area .card-item a.img1 img{width:600px;height:600px;}

.card-area .card-item.active a.img1 h2{
    left: 28px;
    text-align: left;
}
.card-area .card-item a.img1 .ycc{
    position: absolute;
    width: 174px;
    height: 600px;
    background: rgba(0,0,0,.68);
    top:0;
    left: 0;

}

.card-area .card-item.active a.img1 .ycc{
 display: none
}
.card-area .card-item a.img1 .yxx{
 display: none
}
.card-area .card-item.active a.img1 .yxx{
 display: block;
}


.card-area .card-item a.img1 .ycc h2{
    width: 24px;
    margin: 0 auto;
    font:400 24px/35px "Microsoft Yahei";
    color: #FFF;
    padding-top: 170px;
    height: 260px;
}
.card-area .card-item a.img1 .ycc .hh2{
    width: 22px;
    height: 22px;
    background: url(../images/hh2.png) no-repeat center center;
    margin: 0 auto;
}
.yxx{
    width: 646px;
    height: 120px;
    padding-left: 33px;
    background: rgba(0,101,205,.48);
    position: absolute;
    bottom: -102;
    left: 0;


}
.yxx dd{
    font:400 24px/24px "Microsoft Yahei";
    color: #FFF;
    padding-top: 23px;
}
.yxx dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #FFF;
    margin-top: 23px;
    display:none;
}

#slideBox .hd{
    width: 1200px;
    height: 76px;
    background: rgba(125,125,125,0.26);
}
#slideBox .hd ul{
    text-align: center;
    font-size: 0;
}
#slideBox .hd ul li{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #fff;
    margin: 0 2px;
    border-radius: 50%;
    margin-top: 32px;
}
#slideBox .hd ul li.on{
    background: #535353;
}


.c4{
    height: 531px;
    background: url(../images/c4.jpg) no-repeat top center;
    padding-top: 55px;
}
.c4 .c4bt{
    text-align: center;
}
.c4 .c4bt dt{
    font:400 16px/16px "Microsoft Yahei";
    color: #fff;
    margin-top: 25px;
}


.c4_list{}
.c4_list li{
    float: left;
    margin-right: 25px;
    text-align: center;
}
.c4_list li.li8{margin-right: 0;}
.c4_list li img{
    width: 128px;
    height: 129px;

}
.c4_list li .img{
  display: block;
      width: 128px;
    height: 129px;
    position: relative;
}
.c4_list li .img:before{
    content: "";
    box-shadow: 0px 11px 25px 3px rgba(0,0,0,0.4);
    position: absolute;
    bottom: 0px;
    left: 11px;
    width: 100px;
}


.c4_list li dd{
    padding-top: 23px;
    font:400 18px/18px "Microsoft Yahei";
    color: #fff;
}

.c4_list2{
    text-align: center;
    font-size: 0;
    vertical-align: top;
    width: 476px;
    margin: 0 auto;
    margin-top: 80px;
    border-radius: 30px;
    box-shadow: 0 0 5px 2px rgba(255,255,255,.3);
}
.c4_list2 li{
    display: inline-block;
        background: #fff;
        font-size: 14px;
        line-height: 62px;
        font-family: "Microsoft Yahei";
    color: #0065cd;
    margin: 0;
    vertical-align: top;

}
.c4_list2 li:nth-child(1){
    width: 169px;
    height: 62px;
    font:400 16px/62px "Microsoft Yahei";
    text-indent: 40px;
    border-right: 1px solid #7d7d7d;
    border-top-left-radius:30px;
    border-bottom-left-radius:30px;
    text-align: left;


}
.c4_list2 li:nth-child(2){
    width: 154px;
    height: 62px;
    border-right: 1px solid #7d7d7d
}
.c4_list2 li:nth-child(3){
    width: 151px;
    height: 62px;
    border-top-right-radius:30px;
    border-bottom-right-radius:30px;
}
.c4_list2 li.on{
    background: #0065cd;
    border-color: #0065cd;
    color: #fff;
}


.c5{
    height:558px;
    background: url(../images/c5.png) no-repeat top center;
    position: relative;
    left: 50%;
    margin-left: -960px;
    width: 1817px;
}

.c5a{
    width: 654px;
    margin-left: 378px;
    text-align: center;
    padding-top: 45px;
}
.c5a dt{
    font: 400 16px/16px "Microsoft Yahei";
    color: #000000;
    margin-top: 15px;
    margin-left: 94px;
 }
 
 
 .c5a dd{
   font:400 35px/35px "Microsoft Yahei";
   color: #0065cd;
   margin-top: 63px;
   margin-left: 94px;
}


.c5a dl{
    font: 400 12px/21px "Microsoft Yahei";
    color: #74747b;
    text-align: left;
    padding-left: 148px;
    margin-top: 16px;
    height: 153px;
}

.c5a dl p{
    /* width:300px; */
}
.c5a .aaa{
    display: block;
    width: 501px;
    height: 35px;
    background: url(../images/aa.png) no-repeat 44% 50%;
    margin-top: -28px;
}
.c5aa{
    margin-top: 21px;
    text-align: left;
}
.c5aa dd{font:600 18px/18px "Microsoft Yahei";color: #000000;margin-left:190px;}
.c5aa dt{
    width: 446px;
    height: 34px;
    background: #fff;
    color: #010101;
    font:400 14px/30px "Microsoft Yahei";
    margin-left: 192px;
    box-shadow: 5px 8px 10px 3px rgba(0,0,0,.1);
    overflow: hidden;
}
.infoList{}
.infoList li{
    width: 771px;
    height: 40px!important;
    margin-bottom: 5px;
    position: relative;
}
.infoList li a{color: #010101;}
.infoList li h2,.infoList li h3{
    font-weight: normal;
    line-height: 20px
}
.infoList li .jt{
    width: 17px;
    height: 18px;
    background: url(../images/jt.png) no-repeat center center;
    position: absolute;
    top:22px;
    right: 331px;
}

.c5b{
    width: 549px;
    margin-right: 230px;
    margin-top: 102px;
}

.shuzi{
    width: 435px;
    height: 81px;
    background: rgba(255,255,255,.91);
    position: absolute;
    top: 327px;
    left: 779px;
    box-shadow: 0 0 6px 1px rgba(0,0,0,.1);
}
.shuzi ul{}
.shuzi ul li{
    float: left;
    text-align: center;
    width: 105.25px
}
.shuzi ul li dd{
    font:600 16px/30px "Microsoft Yahei";
    color: #000000;
    padding-top: 17px;
}
.shuzi ul li dt{
    font:400 12px/6px "Microsoft Yahei";
    color: #000000;
    margin-top: 6px;
}

.c6{
    height: 340px;
    background: url(../images/c6.png) no-repeat top center;
    padding-top: 23px;
}
.c6bt{
    width: 1200px;
    font:500 24px/24px "Microsoft Yahei";
    color: #0065cd;
    text-indent: 66px;
    background: url(../images/c6bt.png) no-repeat 16px center;
}
.c6bt a{
    text-transform: uppercase;
    color: #535353;
    font-size: 18px;
    line-height: 24px;
    float: right;
    margin-right: 50px;
}

#demo{overflow:hidden;width:91.5%;margin:0 auto;padding-bottom: 10px;}
#indemo {float: left;width:800%}
#demo1 {float: left;}
#demo2 {float: left;}
.gun{position: relative;margin-top: 27px;padding-bottom: 10px}
.l_btn,.r_btn{position:absolute;cursor:pointer;width: 36px;height: 118px;top:56px;}
.l_btn{left:0px;}
.r_btn{right:0px;}

.product_list1{}
.product_list1 li{float: left;margin: 0 19px;}
.product_list1 li img{width: 160px;height: 250px;box-shadow: 9px 6px 10px -1px rgba(0,0,0,.1);}


.c7{
    height: 585px;
    background: url(../images/c7.jpg) no-repeat top center;
}
.cc7{
    font:400 24px/24px "Microsoft Yahei";
    color: #0065cd;
    padding-top: 30px;
}
.cc7 span{
    float: right;
}
.cc7 span a{
    margin: 0 12px;
    font-size: 14px;
    color: #474747;
}
.news_listt{margin-top: 24px;}
.news_listt li.nli{
    padding: 0 8px;
    background: #fff;
    padding-bottom: 28px;
    width: 368px;
}
.news_listt li.nli dd{
    padding-left: 15px;
    font:400 20px/20px "Microsoft Yahei";
    color: #bebebe;
    padding-top: 23px;
}
.news_listt li.nli dt{
    padding-left: 15px;
    font:400 18px/18px "Microsoft Yahei";
    color: #000000;
    margin-top: 24px;
}
.news_listt li.nli dl{
    padding-left: 15px;
    width: 300px;
    font:400 12px/25px "Microsoft Yahei";
    color: #878787;
    margin-top: 19px;
}
.news_listt li.nli .img{
    width: 368px;
    height: 206px;
    margin-top: 20px;
}
.news_listt li.nli .img>p>img{
      width: 368px;
    height: 206px;
}
.news_listt li.nli a{
    display: block;
    width: 158px;
    height: 35px;
    background: url(../images/naa.png) no-repeat center center;
    margin-top: 16px;
    margin-left: 4px;
}

.news_listt li{
    float: left;
    width: 254px;
    margin-right: 16px;
    box-shadow: 0 0 9px 2px rgba(0,0,0,.05);
}
.news_listt li:last-child{margin-right: 0;}
.news_listt li img{
    width: 254px;
    height: 217px;
}
.news_listt li .nsbg{
    background: #fff;
    padding: 18px 12px 37px 15px;
    transition:all 0.5s;
}
.news_listt li .nsbg dd{
    font:400 16px/16px "Microsoft Yahei";
    color: #000000;
    position: relative;
}
.news_listt li .nsbg dd:before{
    content: "";
    width: 72px;
    height: 1px;
    background: #000;
    position: absolute;
    top:27px;
    left: 0
}
.news_listt li .nsbg dt{
    font:40 12px/25px "Microsoft Yahei";
    color: #777777;
    margin-top: 31px;
}
.news_listt li .nsbg dl{
     font:40 12px/12px "Microsoft Yahei";
    color: #777777;
    margin-top: 28px;
}
.news_listt li:hover .nsbg{
    background: #0065cd;
}
.news_listt li:hover .nsbg>dd{
    color: #fff;
}
.news_listt li:hover .nsbg>dd:before{
    background: #fff
}
.news_listt li:hover .nsbg>dt{
    color: #fff;
}
.news_listt li:hover .nsbg>dl{
    color: #fff;
}



.c8{
    height: 277px;
    background: url(../images/c7.png) no-repeat top center;
    padding-top: 40px;
}
#xdemo{overflow:hidden;width:100%;margin:0 auto;}
#xindemo {float: left;width:800%}
#xdemo1 {float: left;}
#xdemo2 {float: left;}
.gun1{position: relative;margin-top: 44px;}
.l_btn1,.r_btn1{position:absolute;cursor:pointer;width: 14px;height: 22px;top:42px;}
.l_btn1{left:-41px;}
.r_btn1{right:-41px;}

.product_list2{}
.product_list2 li{float: left;margin: 0 12px;}
.product_list2 li img{width: 179px;height: 103px;border:1px solid #ededed;}






/* 氓鈥犫€γ┞÷得β犅访ヂ悸� */
.case_listx-1 li {
    float: left;
    margin-bottom: 35px;
    width: 578px;
    height: 140px;
    box-shadow: 0px 0px 30px 0px #f0f0f0;
}

.case_listx-1 li:nth-child(2n) {
    float: right;
}

.case_listx-1 li a.img {
    display: block;
}

.case_listx-1 li a.img .tu {
    width: 212px;
    height: 140px;
    overflow: hidden;
}

.case_listx-1 li a.img .tu img {
    width: 212px;
    height: 140px;
}

.case_listx-1 li a.img h3 {
    float: right;
    height: 175px;
    width: 366px;
    box-sizing: border-box;
    padding-right: 46px;
    line-height: 32px;
    color: #1296db;
    font-weight: normal;
    border: 1px solid #f0f0f0;
    border-left: none;
    padding-left: 27px;
    padding-top: 26px;
    font-size: 18px;
}
.case_listx-1 li:hover a.img h3 {
    border: 1px solid #1296db;border-left: none;
}
.case_listx-1 li a.img h3 dd {
    font-size: 12px;
    color: #333333;
    line-height: 24px;
    margin-top: 12px;
}

.case_listx-1 li:hover {
    box-shadow: 0px 0px 30px 0px #e0e0e0;
}

.case_listx-1 li:hover h3 {
    border: 1px solid #1296db;
    border-left: none;
}


.sd{
    background:#fff;
    width: 100%;
    position: fixed;
        top: 0px;
    z-index: 99;
    background: #fff;
    width: 100%;
    box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.05);
}