/*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:12px;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;}
.clear{ margin:0; padding:0; font-size:0; clear:both; }
.wapper{ width:1100px; margin:0 auto;}


.topbg{ background:#005d67;text-align:center;}
.top{ padding:220.5px 0px; }
.top b{ display:block; font-weight:normal; color:#000; font-size:50px; padding-top:20px;}
.header{ background:#005d67; height:100px; position:relative; z-index:8;}
.head{ height:100px;}
.head .logo{ float:left;    padding-top: 0px;}
    .head .logo img{
       max-height:100px;
    }

/*menu*/
.menu{height:100px;line-height:100px; float:right;}
.menu ul li{ float:left; position:relative;width:120px;}
.menu ul li dl{ background:#fff; width:100%; position:absolute; left:0px; top:100px; 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:16px;color:#fff; text-decoration:none; display:block;text-align:center;}
    .menu a:hover {
        color: #edc480;
    }
a.menu_hover{ background:url(../images/line.jpg) repeat-x center top;color:#000;}

html, body {min-height: 100%;height: 100%;}
.banner{ position:relative; width:100%;}
.ban_pic{ position:absolute; top:50%; left:50%; margin-left:-555px; margin-top:-380px;}
.ban_pic img {
    max-width:1200px;
}

.con1{ padding:50px 0px;}
.c1_left{ float:left; width:48%;}
.c1_left img{ width:100%;}
.c1_right{ float:right; width:48%;}
.c1_right h2{ display:block; font-size:30px; line-height:50px; color:#333;}
.c1_right strong{ display:block; font-size:22px; line-height:26px; width:500px; color:#333; padding-top:30px; padding-bottom:15px;}
    .c1_right span {
        display: block;
        font-size: 18px;
        line-height: 24px;
        width: 500px;
        line-height: 2;
        color: #333;
        padding-bottom: 15px;
    }

.con2bg{ background:#f5f5f5; padding:50px 0px;}
.con2 h1 {
    font-size: 30px;
    line-height: 35px;
    color: #005d678c;
   
}
.con2 h2{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con2 h3 {
    font-size: 27px;
    line-height: 30px;
    color: #005d67;
}
.con2 ul li{ float:left; width:418px; background:#fff; margin-top:30px; margin-right:60px; padding:51px;}
.con2 ul li img{ width:418px;}
.con2 ul li strong{ display:block; color:#333; font-size:20px; line-height:40px; padding-top:10px;}
.con2 ul li strong a{ color:#333;}
.con2 ul li b{ display:block; color:#333; font-size:16px; line-height:24px;}
.con2 ul li i{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con2 ul li span{ display:block; font-size:12px; line-height:22px;}
    .con2 ul li span:hover {
       color:#fff;
    }

.con2 ul li span{ display:block; font-size:12px; line-height:22px;}
.con2 ul li:nth-child(2n){ margin-right:0px;}
    .con2 ul li:hover {
        background: #005d67;
        box-shadow: #e3e6e7 0px 0px 10px 5px;
    }
        .con2 ul li:hover i {
            background: #edc480;
        }

        .con2 ul li:hover strong {
            color: #fff;
        }
        .con2 ul li:hover b {
            color: #fff;
        }
        .con2 ul li:hover span {
            color: #fff;
        }
.con3bg {
    background: url(../images/banner2.jpg);
    padding: 50px 0px;
}
.con3 h1{     font-size: 30px;line-height: 35pxcolor:#fff;}
.con3 h2{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con3 h3{ font-size:27px; line-height:30px; color:#fff;}
.con3 ul li{ float:left; width:535px; margin-top:50px; margin-right:30px; position:relative; height:265px;}
.con3 ul li strong{     display: block;font-size: 30px;line-height: 42px;padding-top: 82px;padding-left: 20px;color: #4b2e00 ;font-weight: 500;}
.con3 ul li span{ display:block; font-size:14px; line-height:22px; padding-top:15px; padding-left:20px; padding-right:20px; color:#4b2e00 ;}
.con3 ul li .c3_pic{ position:absolute; top:20px; right:20px;}
.con3 ul li .img2{ display:none;}
.con3 ul li:nth-child(2n){ margin-right:0px;}
.con3 ul li.i1{ /*background:url(../images/b3.png) center no-repeat;*/}
.con3 ul li.i2{ /*background:url(../images/b1.png) center no-repeat;*/}
.con3 ul li.i3{ /*background:url(../images/b2.png) center no-repeat;*/}
.con3 ul li.i4{ /*background:url(../images/b4.png) center no-repeat;*/}
    .con3 ul li:hover {
        background: #005d67;
    }
        .con3 ul li:hover strong {
            color: #FDCF85;
        }
        .con3 ul li:hover span {
            font-size: 18px;
            color: #fff;
        }
.con3 ul li:hover .img1{ display:none;}
.con3 ul li:hover .img2{ display:block;}


.con4{ padding:50px 0px;}
.con4 h1{     font-size: 30px;line-height: 35pxcolor:#333;}
.con4 h2{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con4 h3{ font-size:27px; line-height:30px; color:#333;}
.con4 ul li{ float:left; width:340px; margin-right:40px; margin-top:30px;}
.con4 ul li img{ width:340px;}
.con4 ul li strong{ display:block; font-size:18px; padding-top:10px;    margin: 10px;}
.con4 ul li strong a{ color:#333;}
.con4 ul li i{ display:block;  width:48px; height:4px; background:#005d67;    margin: 10px;}
.con4 ul li span{ display:block; line-height:22px; padding-top:5px;     margin: 10px; font-size:14px}
.con4 ul li:hover{box-shadow: #8c878433 0px 0px 5px 2px;}
.con4 ul li:nth-child(3n){ margin-right:0px;}
.con4 .more{ text-align:center; margin-top:60px;}


.con5bg {
    background: url(../images/banner3.jpg);
    padding: 50px 0px;
}
.con5 h1 {
    font-size: 30px;
    line-height: 35px;
    color: #0b5c689e;
}
.con5 h2{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con5 h3 {
    font-size: 27px;
    line-height: 30px;
    color: #0b5c68;
}
.con5 ul li{ float:left; width:186px; margin-top:30px; margin-right:271px;}
.con5 ul li .img2{ display:none;}
    .con5 ul li .img1 {
        width: 100%;
        border-radius: 50%;
    }

.con5 ul li span{ display:block; color:#005d67; line-height:40px; font-size:22px; text-align:center;}
/*.con5 ul li:hover .img1{ display:none;}
.con5 ul li:hover .img2{ display:block;}*/
.con5 ul li:nth-child(3n){ margin-right:0px;}
    .con5 ul li:hover span {
        color: #005d67;
        text-decoration: none;
    }

.con6{ padding:50px 0px;}
.con6 h1{ font-size: 30px;line-height: 35px; color:#333;}
.con6 h2{ display:block; margin-top:10px; margin-bottom:10px; width:48px; height:4px; background:#005d67;}
.con6 h3{ font-size:27px; line-height:30px; color:#333;}
.c6_left{ float:left; width:500px; font-size:16px; line-height:30px; color:#333; margin-top:30px;}
.c6_mid{ float:left; width:500px; margin:0px 35px; font-size:16px; line-height:30px; color:#333; margin-top:30px;}
.c6_right{ float:right; width:30px; margin-top:30px; position:relative; cursor:pointer;}
.c6_right .ewm{ position:absolute; bottom:30px; right:-50px; width:120px; height:120px; border:5px solid #efefef; display:none;}
.c6_right:hover .ewm{ display:block;}
.foot{ padding:10px 0px; text-align:center; line-height:24px;}




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

.weizhi{height:40px; line-height:40px; background:url(../images/title03.png) no-repeat;font-size:14px; }
.inside{margin-top:50px; min-height:400px; padding-bottom:50px;}

.inside_con{ padding:10px 0;}

.inside_tit{ border-bottom:1px solid #e8e8e8; height:50px; line-height:50px; font-size:20px; font-weight:bold; color:#333; padding-bottom:20px;}
.inside_news ul li{ padding:20px 0px; border-bottom:1px solid #e8e8e8; font-size:14px;}
.inside_news ul li strong{ display:block; height:30px; line-height:30px;}
.inside_news ul li strong b{ float:left; font-weight:normal;}
.inside_news ul li strong a{ float:right; font-weight:normal;}
.inside_news ul li span{ display:block; line-height:24px;}
.inside_news ul li:hover{ color:#333; font-weight:bold;}
.inside_news ul li:hover strong b{ font-weight:bold;}
.inside_news ul li:hover strong a{ font-weight:bold;}

.detail_tit{ border-bottom:1px solid #e8e8e8; line-height:40px; color:#333; padding-bottom:20px;}
.detail_tit h2{ font-size:20px;}
.detail_tit h3{ font-weight:normal; color:#999; font-size:14px;}
.detail_tit h3 span{ padding:0px 10px;}
.detail_con{ padding-top:30px;}

.pro_top{ border-bottom:1px solid #eee; padding-bottom:50px;}
    .pro_top ul li {
        float: left;
        text-align: center;
        width: 20%;
        margin-top: 30px;
        /*margin-right: 124px;*/
    }
.pro_top ul li img{ width:80px;}
.pro_top ul li .img2{ display:none;}
.pro_top ul li span{ display:block; color:#333; line-height:40px; font-size:16px; text-align:center;}
.pro_top ul li:hover .img1{ display:none;}
        .pro_top ul li:hover .img2 {
            display: block;
            margin: 0 auto;
        }
.pro_top ul li:nth-child(6n){ margin-right:0px;}

.inside_pro ul li{ float:left; margin-top:30px; width:340px; text-align:center; margin-right:40px; padding:30px 0px;}
.inside_pro ul li strong{ display:block; font-size:18px; color:#333; line-height:50px; text-align:center;}
.inside_pro ul li:hover{box-shadow: #e3e6e7 0px 0px 10px 5px;}
.inside_pro ul li:nth-child(3n){ margin-right:0px;}


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