/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:12px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
@media screen and (min-width: 768px) {
    .wapper{ width:970px; margin:0 auto;}
    .header{ position:relative; z-index:66; background:url(../images/topbg.jpg) repeat-x top;}
    .head { height:95px; line-height:95px; padding-top:10px; overflow:hidden;}
    .head .logo{ float:left;}
    .head .home{ float:right;}
    /*menu*/
    .menu{height:55px;line-height:55px;}
    .menu ul li{ float:left; position:relative; background:url(../images/menu.jpg) center no-repeat; margin-right:1px;width:105px;}
    .menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:55px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
    .menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
    .menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
    .menu ul li dl dd a:hover{ color:#f60;}
    .menu a{ font-size:14px; text-decoration:none; font-weight:bold;display:block;text-align:center;}
    .menu a:hover{color:#fff;}
    a.menu_hover{ background:#666;color:#fff;}
    
    
    #content{ margin:0 auto; margin-top:32px;}
    #anliImg{ width:970px; height:390px;}
    #anliBox{ width:970px; position:relative; zoom:1; height:390px; overflow:hidden;margin:0 auto;}
    #anliBtnL,#anliBtnR{ background:url(../images/anliBtn.png) no-repeat; width:50px; height:50px; position:absolute; overflow:hidden; cursor:pointer;}
    #anliBtnL{ left:10px; top:50%; margin-top:-25px;}
    #anliBtnR{ right:10px; top:50%; margin-top:-25px; background-position:0 -50px;}
    #anliSmallImg{ border:1px solid #bfb18a; height:83px; width:645px; margin:10px auto 0; overflow:hidden;}
    #anliSmallImg ul{ width:2000px;}
    #anliSmallImg ul li{ width:125px; height:77px; overflow:hidden; float:left; display:inline; margin:3px 0 0 3px;-moz-opacity: 0.4; /* FF 3.5以下 */  
    opacity: 0.4; /* FF 3.5及以上 */  
    filter: alpha(opacity=40); /* IE6及以上 */ background:#000; cursor:pointer;}
    #anliSmallImg ul li.xz{-moz-opacity:1; /* FF 3.5以下 */  
    opacity:1; /* FF 3.5及以上 */  
    filter: alpha(opacity=100); /* IE6及以上 */}
    #anliTit{ background:url(../images/anli_11.jpg) no-repeat; height:29px; overflow:hidden; border-bottom:3px #c0b18a solid; margin-top:20px;} 
    #anlismBox{ height:170px; overflow:hidden; margin-top:1px; border:1px solid #c0b18a; color:#A5AFC7; line-height:18px;}
    #anlismL{ width:229px; border-right:1px solid #c0b18a;height:170px; float:left;}
    #anlismL ul li{ background:url(../images/anli_15.jpg) repeat-x left bottom; padding:10px;}
    #anlismL ul li h3{ color:#c0b18a; font-size:12px; font-weight:bold; padding-bottom:4px;}
    #anlismL ul li.end{ background:none;}
    #anlismR { width:408px; float:right; padding:10px;}
    #anlismR h3{ color:#c0b18a; font-size:12px; font-weight:bold; padding-bottom:6px;}
    #anlismR p{ line-height:18px;}
    
    .con1{ background:url(../images/tou.jpg) top center no-repeat #f1f1f1; padding-top:23px; margin-top:15px; border-bottom:1px solid #ccc;}
    .con1 h2{ background:url(../images/biao.jpg) repeat-x; height:52px; line-height:52px;}
    .con1 h2 span{ display:block; text-align:left; width:970px; margin:0 auto; font-weight:500; font-size:24px;}
    .cn1 .list{ float:left; padding:25px 15px; width:455px;}
    .cn1 .list img{ float:left;}
    .cn1 .list .txt{ float:right; width:195px; margin-top:55px;}
    .cn1 .list .txt strong{ display:block; color:#2187ae; font-size:18px;}
    .cn1 .list .txt span{ display:block; line-height:24px;}
    .cn1 .list .txt a{ margin-top:40px; display:block; width:126px; height:34px; line-height:34px; background:#6bc7d6; color:#fff; text-align:center; float:right; font-size:14px; border-radius:5px;}
    
    .con2{  margin-top:33px; }
    .con2 h2{ border-top:1px solid #e7e7e7; height:50px; line-height:50px; border-bottom:1px solid #cecfce;}
    .con2 h2 span{ display:block; text-align:left; width:970px; margin:0 auto; font-weight:500; font-size:24px;}
    .cn2 ul li{ float:left; width:323px; margin-top:20px;}
    .cn2 ul li dl{ height:55px;}
    .cn2 ul li dl dt{ float:left;}
    .cn2 ul li dl dt img{ width:55px; height:55px;}
    .cn2 ul li dl dd{ float:right; width:250px; padding-top:5px; color:#ccc;}
    .cn2 ul li dl dd a{ font-size:18px; font-weight:normal; color:#666;}
    
    .con3bg{ background:#e9f3ff; border-bottom:1px solid #e3e4e6; border-top:1px solid #e3e4e6; margin-top:33px;}
    .con3{ padding:25px 0px;}
    .con3 h2{ font-weight:normal; font-size:24px; color:#000; padding-bottom:15px;}
    .zixun img{ float:left; width:478px; height:250px;}
    .zixun .new{ float:right; width:475px;}
    .zixun .new .new-top{ border-bottom:1px solid #ccc;}
    .zixun .new .new-top a{ color:#2c3e76; font-size:18px; height:30px; line-height:30px; display:block; font-weight:bold;}
    .zixun .new .new-top span{ display:block; line-height:24px; display:block;}
    .zixun .new .new-top a.more{ font-size:12px; color:#1e4e7e; display:block; font-weight:normal;}
    .zixun .new ul { padding-top:10px;}
    .zixun .new ul li{ height:25px; line-height:25px;}
    .zixun .new ul li span{ padding-right:5px;}
    
    .con4 h2{ text-align:center; height:65px; line-height:65px; border-bottom:1px solid #cecfce; font-weight:500; font-size:24px;}
    /*scroll_03*/
    .scroll_03{ width:970px; margin:0 auto; overflow:hidden;}
    .scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
    .scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
    .scroll_03 .bd li{ float:left; width:180px; overflow:hidden; margin:0 10px;}
    .scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
    .scroll_03 .bd li .img:hover{background:#f4f4f4;}
    .scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
    .scroll_03 .bd li .img table tr td{ height:144px;}
    .scroll_03 .bd li .img table tr td img{ max-width:174px; max-height:144px;}
    
    .con5bg{ background:#f1f1f1; padding:30px 0px;}
    .con5{ position:relative;} 
    .con5 h2{ background:url(../images/h2.jpg) 110px center no-repeat; height:60px; line-height:60px; font-weight:500; font-size:24px;}
    
    .footer{ background:url(../images/foot.jpg) repeat-x;}
    .f1{ height:160px;}
    .f1 h2{ padding-top:40px;}
    .f1 span{ display:block; line-height:35px;}
    .f1 span a{ padding-right:10px;}
    .f2{ height:50px; line-height:50px;}
    .f2 b{ float:left; font-weight:normal;}
    .f2 strong{ float:right; font-weight:normal;}
    
    
    /*scroll_04*/
    .scroll_04 .hd .prev{ display:block; position:absolute; right:50px; top:10px;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url(../images/left.jpg) no-repeat;} 
    .scroll_04 .hd .next{ display:block; position:absolute; right:0px; top:10px;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url(../images/right.jpg) no-repeat;} 
    .scroll_04 .bd li{ float:left; width:186px; overflow:hidden; margin-right:10px;}
    .scroll_04 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
    .scroll_04 .bd li .img:hover{background:#f4f4f4;}
    .scroll_04 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
    .scroll_04 .bd li .img table tr td{ height:144px;}
    .scroll_04 .bd li .img table tr td img{ max-width:180px; max-height:144px;}
    
    
    
    
    
    /*Add------------------------------------------------------------------------------*/
    
    .weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
    .inside{ margin-top:20px;  min-height:400px; margin-bottom:50px;}
    
    .inside_left{ width:220px; float:left;}
    .inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;}
    .inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
    .inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
    .inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
    .inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
    .lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}
    
    .inside_right{ width:720px; float:right; }
    .inside_con{ padding:10px 0;}
    
    
    
    /*contact*/
    .contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
    .contact{ margin-top:15px; }
    .contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
    .contact ul li{ line-height:20px; padding:3px 0;}
    
    
    
    /*product_list*/
    .side_product { margin-top:15px;}
    .side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
    .side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
    .side_product ul li{line-height:24px;}
    .side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
    .side_product ul li dl dd a{ display:inline; border:none; background:none;}
    .mbheader{
        display: none;
    }
    .mbnav{
        display: none;
    }
    
}
@media screen and (max-width: 768px) {
    .mbnav{
        display: none;
    }
    .mbnav a{display: block;text-align: center;padding: 5px 0;color: black;width: 100%;border-bottom: 1px solid #cccccc;}
    .mbheader{
        width: 100%;height: 75px;background-color: #fff;display: flex;padding: 0 10px;align-items: center;justify-content: space-between;box-sizing: border-box;
    }
    .hb{
        width: 25px;height: 25px;
    }
    .wapper{ width:100%; margin:0 auto;}




    .header{display: none;}
    .head { height:95px; line-height:95px; padding-top:10px; overflow:hidden;}
    .head .logo{ float:left;}
    .head .home{ float:right;}
    /*menu*/
    .menu{height:55px;line-height:55px;}
    .menu ul li{ float:left; position:relative; background:url(../images/menu.jpg) center no-repeat; margin-right:1px;width:105px;}
    .menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:55px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
    .menu ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
    .menu ul li dl dd a{ font-size:12px; color:#666; font-weight:normal; display:inline; padding:0; text-align:left;}
    .menu ul li dl dd a:hover{ color:#f60;}
    .menu a{ font-size:14px; text-decoration:none; font-weight:bold;display:block;text-align:center;}
    .menu a:hover{color:#fff;}
    a.menu_hover{ background:#666;color:#fff;}
    
    
    #content{ margin:0 auto; margin-top:32px;}
    #anliImg{ width:100%; height:390px;}
    #anliImg img{
        width: 100%;object-fit: cover;height: 174px;
    }
    #anliBox{ width:100%; position:relative; zoom:1; height:174px; overflow:hidden;margin:0 auto;}
    #anliBtnL,#anliBtnR{ background:url(../images/anliBtn.png) no-repeat; width:50px; height:50px; position:absolute; overflow:hidden; cursor:pointer;}
    #anliBtnL{ left:10px; top:50%; margin-top:-25px;}
    #anliBtnR{ right:10px; top:50%; margin-top:-25px; background-position:0 -50px;}
    #anliSmallImg{ border:1px solid #bfb18a; height:83px; width:100%; margin:10px auto 0; overflow:hidden;}
    #anliSmallImg ul{ width:2000px;}
    #anliSmallImg ul li{ width:125px; height:77px; overflow:hidden; float:left; display:inline; margin:3px 0 0 3px;-moz-opacity: 0.4; /* FF 3.5以下 */  
    opacity: 0.4; /* FF 3.5及以上 */  
    filter: alpha(opacity=40); /* IE6及以上 */ background:#000; cursor:pointer;}
    #anliSmallImg ul li.xz{-moz-opacity:1; /* FF 3.5以下 */  
    opacity:1; /* FF 3.5及以上 */  
    filter: alpha(opacity=100); /* IE6及以上 */}
    #anliTit{ background:url(../images/anli_11.jpg) no-repeat; height:29px; overflow:hidden; border-bottom:3px #c0b18a solid; margin-top:20px;} 
    #anlismBox{ height:170px; overflow:hidden; margin-top:1px; border:1px solid #c0b18a; color:#A5AFC7; line-height:18px;}
    #anlismL{ width:229px; border-right:1px solid #c0b18a;height:170px; float:left;}
    #anlismL ul li{ background:url(../images/anli_15.jpg) repeat-x left bottom; padding:10px;}
    #anlismL ul li h3{ color:#c0b18a; font-size:12px; font-weight:bold; padding-bottom:4px;}
    #anlismL ul li.end{ background:none;}
    #anlismR { width:408px; float:right; padding:10px;}
    #anlismR h3{ color:#c0b18a; font-size:12px; font-weight:bold; padding-bottom:6px;}
    #anlismR p{ line-height:18px;}
    
    .con1{ background:url(../images/tou.jpg) top center no-repeat #f1f1f1; padding-top:23px; margin-top:15px; border-bottom:1px solid #ccc;}
    .con1 h2{ background:url(../images/biao.jpg) repeat-x; height:52px; line-height:52px;}
    .con1 h2 span{ display:block; text-align:left; width: 100%; margin:0 auto; font-weight:500; font-size:24px;}
    .cn1 .list{ float:left; padding:25px 15px; width:100%;box-sizing: border-box;}
    .cn1 .list img{ float:left;width: 100%;}
    .cn1 .list .txt{width: 100%; margin-top:100%;}
    .cn1 .list .txt strong{ display:block; color:#2187ae; font-size:18px;}
    .cn1 .list .txt span{ display:block; line-height:24px;}
    .cn1 .list .txt a{ margin-top:40px; display:block; width:126px; height:34px; line-height:34px; background:#6bc7d6; color:#fff; text-align:center;  font-size:14px; border-radius:5px;}
    
    .con2{  margin-top:33px; }
    .con2 h2{ border-top:1px solid #e7e7e7; height:50px; line-height:50px; border-bottom:1px solid #cecfce;}
    .con2 h2 span{ display:block; text-align:left; width:100%; margin:0 auto; font-weight:500; font-size:24px;}
    .cn2 ul{
        display: flex;flex-wrap: wrap;justify-content: space-around;
    }
    .cn2 ul li{ float:left; width:48%; margin-top:20px;text-align: center;}
    .cn2 ul li dl{ height:55px;}
    .cn2 ul li dl dt{ width: 100%;}
    .cn2 ul li dl dt img{ width: 100%;}
    .cn2 ul li dl dd{ float:right; width: 100%; padding-top:5px; color:#ccc;}
    .cn2 ul li dl dd a{ font-size:18px; font-weight:normal; color:#666;}
    
    .con3bg{ background:#e9f3ff; border-bottom:1px solid #e3e4e6; border-top:1px solid #e3e4e6; margin-top:33px;}
    .con3{ padding:25px 0px;}
    .con3 h2{ font-weight:normal; font-size:24px; color:#000; padding-bottom:15px;padding-left: 20px;}
    .zixun img{ float:left;width: 100%;}
    .zixun .new{ float:right; width:100%;padding: 15px;box-sizing: border-box;}
    .zixun .new .new-top{ border-bottom:1px solid #ccc;}
    .zixun .new .new-top a{ color:#2c3e76; font-size:18px; height:30px; line-height:30px; display:block; font-weight:bold;}
    .zixun .new .new-top span{ display:block; line-height:24px; display:block;}
    .zixun .new .new-top a.more{ font-size:12px; color:#1e4e7e; display:block; font-weight:normal;}
    .zixun .new ul { padding-top:10px;}
    .zixun .new ul li{ height:25px; line-height:25px;}
    .zixun .new ul li span{ padding-right:5px;}
    
    .con4 h2{ text-align:center; height:65px; line-height:65px; border-bottom:1px solid #cecfce; font-weight:500; font-size:24px;}
    /*scroll_03*/
    .scroll_03{ width:100%; margin:0 auto; overflow:hidden;}
    .scroll_03 .hd .prev,.scroll_03 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
    .scroll_03 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
    .scroll_03 .bd li{ float:left; width:180px; overflow:hidden; margin:0 10px;}
    .scroll_03 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
    .scroll_03 .bd li .img:hover{background:#f4f4f4;}
    .scroll_03 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
    .scroll_03 .bd li .img table tr td{ height:144px;}
    .scroll_03 .bd li .img table tr td img{ max-width:174px; max-height:144px;}
    .scroll_04{
        width: 100% !important;overflow: hidden !important;
    }
    .con5bg{ background:#f1f1f1; padding:30px 0px;}
    .con5{ position:relative;} 
    .con5 h2{ background:url(../images/h2.jpg) 110px center no-repeat; height:60px; line-height:60px; font-weight:500; font-size:24px;padding-left: 15px;box-sizing: border-box;}
    
    .footer{ background:url(../images/foot.jpg) repeat-x;}
    .f1{ height:160px;    padding-left: 20px;}
    .f1 h2{ padding-top:40px;}
    .f1 span{ display:block; line-height:35px;}
    .f1 span a{ padding-right:10px;}
    .f2{ height:50px; line-height:50px;}
    .f2 b{ font-weight:normal;text-align: center;display: block;}
    .f2 strong{ font-weight:normal;}
    .f2  a{
        display: block;
width: 100%;text-align: center;
    }
    
    /*scroll_04*/
    .scroll_04 .hd .prev{ display:block; position:absolute; right:50px; top:10px;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url(../images/left.jpg) no-repeat;} 
    .scroll_04 .hd .next{ display:block; position:absolute; right:0px; top:10px;  width:40px; height:40px;overflow:hidden;cursor:pointer; background:url(../images/right.jpg) no-repeat;} 
    .scroll_04 .bd li{ float:left; width:186px; overflow:hidden; margin-right:10px;}
    .scroll_04 .bd li .img{height:150px; border:#f4f4f4 solid 1px; padding:2px; background:#fff;}
    .scroll_04 .bd li .img:hover{background:#f4f4f4;}
    .scroll_04 .bd li span{ height:30px; line-height:30px; text-align:center; display:block;}
    .scroll_04 .bd li .img table tr td{ height:144px;}
    .scroll_04 .bd li .img table tr td img{ max-width:180px; max-height:144px;}
    
    
    
    
    
    /*Add------------------------------------------------------------------------------*/
    
    .weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
    .inside{ margin-top:20px;  min-height:400px; margin-bottom:50px;}
    .lianxi img{
        width: 100%;
    }
    .inside_left{ width:100%;}
    .inside_left .side_a dl dt{ border-bottom:3px solid #ddd; display:block; height:40px; color:#324483; font-weight:bold; line-height:40px; font-size:18px;padding-left: 10px;}
    .inside_left .side_a dl dd{ height:36px; line-height:36px; border-bottom:#ddd solid 1px;}
    .inside_left .side_a dl dd a{ display:block; padding-left:30px; font-size:14px; background: url(../images/about-cn3_19.jpg) 15px center no-repeat;}
    .inside_left .side_a dl dd a:hover{ background:#324483; color:#fff;}
    .inside_left .side_a dl .hover a{ background:#324483; color:#fff;} 
    .lianxi{ margin-top:15px; text-align:center; padding-bottom:20px;}
    
    .inside_right{ width:100%;padding: 10px ;box-sizing: border-box; }
    .inside_con{ padding:10px 0;}
    
    
    
    /*contact*/
    .contact h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
    .contact{ margin-top:15px; }
    .contact ul{ padding:10px 10px; border:#e4e4e4 solid 1px;}
    .contact ul li{ line-height:20px; padding:3px 0;}
    
    
    
    /*product_list*/
    .side_product { margin-top:15px;}
    .side_product h2{ height:36px; line-height:36px; padding-left:20px; color:#fff; background:#999;}
    .side_product ul{ padding:10px 10px; border:#e4e4e4 solid 1px; }
    .side_product ul li{line-height:24px;}
    .side_product ul li a{ padding-left:30px; display:block; border-bottom:#e4e4e4 dashed 1px;background: url(../images/side_menu_bg.gif) 10px 8px no-repeat;}
    .side_product ul li dl dd a{ display:inline; border:none; background:none;}
    
}