/*common start*/
body,div,ul,li,a,img,p,dl,dt,dd,h1,h2,h3,h4,span,strong,input,button{ margin:0; padding:0;list-style:none;text-decoration:none;border:0; list-style:none;}
body{ font-size:16px;font-family:''; color:#666;}
a{color:#666;}
a:hover{ color:#f60; text-decoration:underline;}
p{line-height:1.8em; padding:5px 0;}
img{outline-width:0px;vertical-align:middle;max-width: 100%;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{width:1200px; margin:0 auto;}
video{object-fit: fill;}

.top{/*padding: 20px 0;*/height:80px;line-height:80px;}
.top .logo{float: left;width: 20%;}
.top .munsa{float: right;}
.top .munsa ul li{display: inline-block;line-height: 35px;border-radius: 5px;margin: 0 5px;width: 120px;text-align: center;position: relative;z-index:999;}
.top .munsa ul li a{color: #000;font-size: 17px;}
.top .munsa ul li.ac{background: #223f94;}
.top .munsa ul li.ac a{color: #fff;}

.top .munsa ul li dl{display: none;background: #fff;border-radius: 3px;position: absolute;top: 100%;left: 0;width: 100%;}
.top .munsa ul li dl dt{line-height: 29px;}
.top .munsa ul li dl dt a{color: #000!important;font-size: 14px;}
.top .munsa ul li dl dt:hover{background: #000000;}
.top .munsa ul li dl dt:hover a{color: #fff!important;}

.top .munsa ul li:hover dl{display: block;}

.tis1{text-align: center;}
.tis1 h1{color: #000;font-size: 24px;padding-bottom: 10px;}
.tis1 span{display: inline-block;margin: 0 5px;font-size: 18px;color: #000;}

.tis2{text-align: center;}
.tis2 h1{color: #000;font-size: 24px;padding-bottom: 30px;}
.tis2 p{display: inline-block;margin: 0 5px;font-size: 18px;color: #888;}

.con1_bg{padding: 40px 0;}
.c1_main{margin-top: 30px;}
.c1_main ul{}
.c1_main ul li{display: inline-block;width: 20%;margin: 0 5px;background: #fbfbfb;padding: 20px;}
.c1_main ul li .c1_img{width: 20%;float: left;}
.c1_main ul li .c1_right{width: 80%;float: right;margin-top: 20px;}

.con2_bg{padding: 40px 0;background: #fbfbfb;}
.c2_main{margin-top: 30px;padding: 0 30px;}
.c2_main ul{}
.c2_main ul li{display: inline-block;width: 27%;margin: 0px 30px;text-align: center;}
.c2_main ul li .c2_img{border-radius: 6px;}
.c2_main ul li .c2_img h1{font-size: 15px;color: #fff;font-weight: normal;padding: 40px 0;}

.con3_bg{padding: 40px 0;}
.c3_main{margin-top: 30px;padding: 0 30px;}
.c3_main ul{}
.c3_main ul li{display: inline-block;width: 21%;margin: 0px 10px;text-align: center;padding: 10px;border: 1px solid #ccc;}
.c3_main ul li img{}
.c3_main ul li p{font-weight: bold;color: #000;font-size: 20px;}
.c3_main ul li a{display: inline-block;padding: 5px 30px;background: royalblue;border-radius: 5px;color: #fff;}

.footop_bg{padding: 40px 0;}
.footop{}
.footop .footop_left{width: 20%;float: left;}
.footop .footop_middl{width: 28%;float: left;margin-left: 9%;}
.footop .footop_middl h1{color: #000;font-size: 18px;}
.footop .footop_middl ul{padding-left: 30px;margin-top: 20px;}
.footop .footop_middl ul li{display: inline-block;width: 32%;line-height: 35px;}
.footop .footop_middl ul li a{color: #000;}
.footop .footop_right{width: 40%;float: right;}
.footop .footop_right table{width: 100%;}
.footop .footop_right table tr{}
.footop .footop_right table tr td:nth-child(1){width: 14%;}
.footop .footop_right table tr td:nth-child(2){width: 70%;}
.footop .footop_right table tr td:nth-child(2) p{font-size: 20px;color: #000;}
.footop .footop_right table tr td:nth-child(2) p:nth-child(2){font-size: 25px;font-weight:bold;}
.footop .footop_right>p{font-size: 16px;}

.link_bg{background: #3a3a3a;}
.link{line-height: 45px;color: #fff;}
.link a{display: inline-block;margin: 0 5px;color: #fff;}
.foot_bg{text-align: center;background: #000;}
.foot_bg ul{padding: 10px 0;}
.foot_bg ul li{line-height: 25px;color: #fff;}

.lins_bg{padding: 40px 0;}

.fangan ul li{margin-bottom: 10px;}
.fangan ul li table{}
.fangan ul li table tr td:nth-child(1){width: 30%;}
.fangan ul li table tr td:nth-child(2){width: 70%;}
.fangan ul li table tr td img{max-width: 90%;}
.fangan ul li table tr td h1{font-weight: normal;font-size: 22px;padding-bottom: 10px;}
.fangan ul li table tr td p{text-indent: 2rem;line-height: 25px;}

.news1{}
.news1 .news1_lf{width: 30%;float: left;}
.news1 .news1_rg{width: 68%;float: right;}
.news1 .news1_rg p{}
.news1 .news1_rg p span{float: right;}
.news1 .news1_rg i{list-style: none;font-style: normal;float: left;}
.news ul{}
.news ul li{border-bottom: 1px dashed #ccc;line-height: 35px;}
.news ul li span{float:right;}
.news ul li i{float:right;list-style: none;font-style: normal;margin-right: 20px;}
.news ul li::after{display: block;clear: both;content: "";}
.news ul li a{font-size: 15px;}

.abour .ab_hb{margin: 40px 0;}
.abour .ab_hb ul{}
.abour .ab_hb ul li{display: inline-block;width: 120px;text-align: center;line-height: 45px;font-size: 16px;}
.abour .ab_hb ul li.ac{background: royalblue;color: #fff;} 
.abour .ab_bd{}
.abour .ab_bd .ablist{display: none;}

.bt1{ text-align:center;}
.bt1 h2{ font-weight:normal; font-size:24px; line-height:1.5em; color:#333;}
.bt1 h3{ font-weight:normal; font-size:14px; line-height:1.5em; color:#999;}
.index_add1bg{ padding:50px 0 30px 0;}
.index_add1{ max-width:1200px; margin:0 auto;}
.index_add1 .list{ margin-top:20px;}
.index_add1 .list ul li{ float:left; width:calc((100% - 40px)/2); font-size:16px; line-height:36px; height:36px; margin-right:40px;}
.index_add1 .list ul li:nth-child(2n){ margin-right:0;}
.index_add1 .list ul li a{ float:left; color:#333; width:70%; height:36px; overflow:hidden;}
.index_add1 .list ul li:hover a{ color:#006eff;}
.index_add1 .list ul li i{ font-style:normal; font-size:12px; color:#666; margin-right:5px;}
.index_add1 .list ul li span{ float:right; font-size:14px; color:#999;}


.slideBox{ width:255px; height:250px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:10px; bottom:10px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.slideBox .hd ul li.on{ background:#f00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd ul li{ position:relative;}
.slideBox .bd ul span{ display:block; height:40px; line-height:40px; background:#000; background:rgba(0,0,0,0.8); position:absolute; bottom:0px; width:100%; color:#fff; padding-left:10px;}
.slideBox .bd img{ width:255px; height:250px; }
/*common end*/

/*menu*/
.menu{height:35px;line-height:35px;background:#333;}
.menu ul li{ float:left; position:relative; border-right:#666 solid 1px;width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:35px; 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;color:#fff; text-decoration:none; font-weight:bold;display:block;text-align:center;}
.menu a:hover{color:#fff;}
a.menu_hover{ background:#666;color:#fff;}
.menu_down span{ display:block;background:url(../images/menu_down.gif) right 10px center no-repeat;}

/*banner_01*/
.banner_01{ width:1000px;height:360px; overflow:hidden; position:relative; z-index:1; }
.banner_01 ul {height:360px;position:absolute;}
.banner_01 ul li {width:1000px; height:360px;float:left;overflow:hidden; position:relative; background:#ccc;}
.banner_01 ul li img{ width:1000px; height:360px;}
.banner_01 .btnBg { width:1000px;height:20px;position:absolute; left:0; bottom:0; background:#000;}
.banner_01 .btn {width:1000px; position:absolute; height:10px; padding:5px 10px; right:0; bottom:3px; text-align:right;}
.banner_01 .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:10px; _font-size:0; margin-left:5px; cursor:pointer; background:#fff;}
.banner_01 .btn span.on {background:#fff;}
.banner_01 .preNext {top:130px;width:45px; height:100px;  position:absolute; background:url(../images/sprite.png) no-repeat 0 0; cursor:pointer;}
.banner_01 .pre {left:0;}
.banner_01 .next {right:0; background-position:right top;}

/*banner_02*/
.banner_02{ height:360px; overflow:hidden;}
.banner_02 #banner_02_con{ display:none;}

/*banner_03*/
.banner_03{ position:relative; z-index: 1; width:100%; height:360px; overflow:hidden;}
.banner_03 .bd { Z-INDEX: 0; position: relative; overflow:hidden; }
.banner_03 .bd ul{ margin:0px auto;}
.banner_03 .bd li { width:100%; height:360px; text-align:center;  overflow:hidden;}
.banner_03 .hd { position:relative; top:-40px; width:1100px; height:20px; margin:0px auto; text-align:center;}
.banner_03 .hd ul { position:absolute; left:50%; margin-left:-60px; bottom:0px; z-index:99; width:150px; height:22px;}
.banner_03 .hd ul li { height:22px; width:22px; margin-left:15px; text-align:center; text-indent:-9999em; float:left; background:url(../Images/BannerBg_02.png) no-repeat; cursor:pointer;}
.banner_03 .hd ul .on { background:url(../images/BannerBg_01.png) no-repeat; }
.banner_03 .prev { position:absolute;  TOP:50%; left:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerLeft.png) no-repeat; cursor: pointer;}
.banner_03 .next { position:absolute; TOP:50%; right:20px; Z-INDEX:2; width:31px; height:53px; margin-top:-30px; background:url(../Images/BannerRgt.png) no-repeat; cursor:pointer;}

/*scroll_left start*/
#scroll_left{overflow:hidden;width:100%; margin:0px 10px; }
#scroll_left span{ display:block; height:28px; line-height:28px; text-align:center;}
#scroll_left .scroll_scale{width:220px;height:260px; background:#FFF; margin:0 5px;border:1px solid #e4e4e4;}
    #scroll_left .scroll_scale table tr td {
        height: 260px;
        width: 220px;
        text-align: center;
    }
    #scroll_left .scroll_scale img {
        max-width: 220px;
        max-height: 260px;
        width: expression(this.width >160 && this.height < this.width ? 160: true);
        height: expression(this.height > 120 ? 120: true);
    }
/*scroll_left end*/

/*scroll_01*/
.scroll_01{ background:#ddd;}
.scroll_01 .hd .prev,.scroll_01 .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_01 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 
.scroll_01 .bd li{ float:left;}

/*scroll_02*/
.scroll_02{ background:#ddd;}
.scroll_02 .hd .prev,.scroll_02  .hd .next{ display:block;  width:5px; height:9px; line-height:10px;overflow:hidden;cursor:pointer; background:url(../images/icoLeft.gif) no-repeat;} 
.scroll_02 .hd .next{ background:url(../images/icoRight.gif) no-repeat;} 

/*scroll_03*/
.scroll_03{ background:#ddd;}
.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:200px; 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:194px; max-height:144px;}


/*slideTxtBox_01*/
.slideTxtBox_01 .hd ul li.on{ background:#ddd;cursor:pointer; } 

.contentfirst{ display:none;}
.contentin{ display:block;}
.tabin{ background:#ddd;}



/*Add------------------------------------------------------------------------------*/

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:20px; background:url(../images/title_04.gif) #fff repeat-y; min-height:400px;}

.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:900px; 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;}

/*proShow*/
.product_show ul li{ width:130px;line-height:20px;}
.product_show ul li{ float:left; margin:15px 20px 0; border:#e4e4e4 solid 1px; display:inline;}
.pro img{max-width:120px; max-height: 90px; width: expression(this.width >120 && this.height < this.width ? 120: true); height: expression(this.height > 90 ? 90: true);}
.hover2{ background:#f4f4f4;}

/*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;}

@media (max-width: 980px) {

}