@import "base.css";

body{font-family: "微软雅黑", "黑体", "宋体";font-size: 16px;line-height: 1.5;color: #333333}
a{color: #000}


.container{width: 98%;max-width: 1200px;margin:0 auto;}


.img_center .img{position: relative;overflow: hidden}
.img_center .img img{position: absolute;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);}


.img_hover .img{position: relative;overflow: hidden}
.img_hover .img img{position: absolute;max-width: 100%;max-height: 100%;top: 50%;left: 50%;transform: translate(-50%,-50%);transition:all .5s ease; }
.img_hover .img:hover img{transform: translate(-50%,-50%) scale(1.1);transition:all .5s ease; }


.menu-button{position:fixed;width: 24px;top: 20px;right:10px;z-index: 99;padding: 9px 10px;margin-right: 15px;margin-top: 8px;margin-bottom: 8px;border: 1px solid #ddd;border-radius: 4px;cursor: pointer;display: none}
.menu-button:hover{background: #ddd}
.menu-button span{width:100%;display: block;height: 2px;background:#888;border-radius: 1px;-webkit-transition: .3s;transition: .3s;position: relative}
.menu-button span:nth-child(2){margin: 4px 0}

.menu-button.cross span:nth-of-type(1) {-webkit-transform: translateY(6px) rotate(-45deg);-ms-transform: translateY(6px) rotate(-45deg);transform: translateY(6px) rotate(-45deg);}
.menu-button.cross span:nth-of-type(2) {opacity: 0;}
.menu-button.cross span:nth-of-type(3) {-webkit-transform: translateY(-6px) rotate(45deg);-ms-transform: translateY(-6px) rotate(45deg);transform: translateY(-6px) rotate(45deg);}


.header{}
.header .logo{width: 326px;float: left;}
.header .nav{width: calc(100% - 400px);line-height: 130px;float: right;}
.header .nav ul li{width: calc(100% / 8);float: left;}
.header .nav ul li a{color: #777;display: block;}
.header .nav ul li:hover a{background: #c1272f;color: #ffffff;}


.in_category{padding: 60px 0;}
.in_category li {margin-right: 30px;width: calc((100% - 90px)/4);float: left;margin-bottom: 10px;border: 1px solid #948c8c;box-sizing: border-box;padding-bottom: 30px}
.in_category li:nth-child(4n){margin-right: 0;}
.in_category li .img{width: 50%;float: right;}
.in_category li .text{width: 50%;float: left;box-sizing: border-box;padding: 15px 10px;font-family: "宋体";font-size: 15px;color:#444444;}
.in_category li .text p{font-weight: bold}
.in_category li span{display: inline-block;border: 1px solid #f78223;width: 20px;margin-left: 5px;line-height: 20px;text-align: center;color:#f78223;border-radius: 5px;}

.title{text-align: center;padding: 20px 0 5px;margin-bottom: 15px;position: relative}
.title:before{width: 100px;height: 5px;background: #c1272f;position: absolute;content: '';left: 50%;transform: translateX(-50%);bottom: 0;}
.title h2{font-size: 24px;margin-bottom: 10px;font-weight: bold}
.title p{color: #777777;}

.in_about,.in_tx{background:#f7f7f7; padding-top:10px;margin-bottom: 60px;}
.in_about .text,.in_tx .text{line-height: 2;text-indent: 2em;padding: 20px;}

.in_about ul li{width: calc((100% - 90px)/4);margin-right: 30px;float: left;margin-bottom: 10px;line-height: 40px;color: #fff;background: #ccc;}
.in_about ul li:nth-child(4n){margin-right: 0;}
.in_about ul li a{color: #ffffff}
.in_about ul li:hover{background: #c1272f}


.in_tx .tab{border:1px solid #d4d4d4;}
.in_tx .tab_a a{float: left;width: 50%;line-height: 40px;border-bottom: 1px solid #ccc;display: block;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;box-sizing: border-box;background: #ffffff;cursor: pointer}

.in_tx .tab_a a:first-child{border-right: 1px solid #cccccc;}
.in_tx .tab_a a.current{background:#eeeeee}

.in_tx .tab_b{background: #ffffff;text-align: center}
.in_tx .tab_b li{display: inline-block;margin: 15px 40px;color: #333;width: 257px;text-align: left;line-height: 2}
.in_tx .tab_b li h3{text-align: left;font-size: 18px;color: #333;font-weight: bold}
.in_tx .tab_b .box{display: none}
.in_tx .tab_b .box.current{display: block}


.in_part{margin-bottom: 10px;}
.in_part ul li{display: inline-block;margin: 10px 3px;border: 1px solid #ccc;width: 190px;box-sizing: border-box}
.in_part ul li .img{height: 100px;}

.in_link{}
.in_link a{color: #337ab7;display: inline-block;margin-left: 10px;}


.foot{border-top:4px solid #174074;padding-top: 5px;margin-top: 30px;}

.foot_top .tit{font-size: 22px;padding: 20px 0;color:#3c3c3c;position: relative;border-bottom: 2px solid #3c3c3c;margin-bottom: 20px;}
.foot_top .tit:before{position: absolute;width: 110px;height: 4px;background: #3c3c3c;content: '';left: 0;bottom: 0;}
.foot_top .foot_nav{width: 30%;float: left}
.foot_top .foot_nav a{margin: 10px;display: inline-block;color: #3c3c3c}
.foot_top .foot_info{width: 30%;float: right}
.foot_top .foot_info .text{line-height: 2}
.foot_top .foot_ma{width:40%;float: left;text-align: center; }
.foot_top .foot_ma img{max-width: 230px;}

.foot_b{font-size: 14px;color:#fff;background: #000;padding: 40px 0;margin-top: 30px;line-height:2;text-align: center;}
.foot_b a{color: #ffffff;}
/*.foot_b img{margin-right: 10px;}*/


@media only screen and (max-width :1200px) {
    .header .logo{width: 240px;float: left;margin-top: 10px;}
    .header .nav{width: calc(100% - 300px);line-height: 100px;}

    .in_about, .in_tx{margin-bottom: 30px;}
    .in_category li {margin-right: 15px;width: calc((100% - 45px)/4);}
    .in_category li .text{font-size: 14px;}

    .in_tx .tab_b li {margin: 10px 1%;width: 30%;}
}
@media only screen and (max-width :860px) {
    .menu-button{display: block}
    .header .nav {width: 100%;line-height: 40px;position: fixed;height: 100%;left: 0;top: 0;z-index: 98;background: #fff;display: none}
    .header .nav.open{display: block}
    .header .nav ul li{width: 100%;float: none;}
    .header .nav ul li:first-child{margin-top: 50px;}

    .in_about, .in_tx{margin-bottom:15px;}
    .in_category{padding: 10px;}
    .in_category li {width: 98%;margin: 5px 1% !important}
    .in_category li .text{font-size: 14px;}

    .in_about ul li{margin: 0;width: 100%;}
    .in_tx .tab_b li {display: block;width: 100%;max-width: 257px;margin:5px auto }

    .in_part ul li{display: block;margin: 10px auto;}

    .foot_top>div{width: 100% !important;float: none}

}

.pro_category{border-bottom: 1px solid #ccc;line-height: 50px;font-size: 16px;}
.pro_category a{color: #000000;width: 25%;max-width: 170px;display: inline-block;font-weight: bold}
.pro_category a:hover{background: #c1272f}


.show_img{width: 50%;float: left}
.show_description{width: 50%;float: left;font-size: 14px;line-height: 2.2}
.show_description .tit{font-size: 30px;}

.pro_custom .tit{font-size: 30px;line-height: 3}
.pro_custom ul li{margin: 20px 10px;font-size: 14px;color: #5A5A5A}
.pro_custom ul li h3{font-weight: bold;font-size: 18px;margin-bottom: 10px;color: #000000}
.pro_custom ul li strong{color: #000000}
.pro_custom ul li .img{width: 50%;float: right;box-sizing: border-box;padding: 0 15px;}
.pro_custom ul li:nth-child(even) .img{float: left}
.pro_custom ul li .text{width: 50%;float: left;line-height: 2.2;box-sizing: border-box;padding: 0 15px;}
.pro_custom ul li:last-child .text{float: right}

.case_about{background: #f7f7f7;margin-top: 50px;padding: 20px 20px 80px;}
.case_about .text{color: #555555}

.case_list li{width: 29.3%;margin: 30px 2%;float: left;text-align: center;font-size: 19px;font-weight: bold}
.case_list li .img{height: 210px;border: 1px solid #a8a8a8;position: relative;overflow: hidden;margin-bottom: 10px;}
.case_list li .img img{transition: .5s;position: absolute;max-width: 100%;max-height: 100%;top:50%;left: 50%;transform: translate(-50%,-50%);}
.case_list li .img img:hover{transform: translate(-50%,-50%) scale(1.2);}
.case_list li a{color: #777777;}

.case_class,.news_class {margin: 50px 0;line-height: 2;}
.case_class a{margin: 0 15px;width: 13%;max-width: 170px;background: #eee;color: #555;font-weight: bold;border-radius: 5px;font-size: 16px;text-align: center;transition: all 0.25s;display: inline-block}
.case_class a:hover{background: #c1272f;color: #ffffff}
.case_info .description{}
.case_info .tit{border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;line-height: 1;margin: 20px 0;}
.case_info .tit span{border-left:3px solid #c1272f;padding-left: 10px;;}
.case_info .img{width: 50%;float: right;}
.case_info .show_text{width: 50%;float: left;}

.news_class a{width: 48%;display: inline-block;float: left;background: #f2f2f2;padding: 12px 0;text-align: center}
.news_class a:hover{ background-color: #c1272f;color: #ffffff;font-weight: 700}
.news_class a:nth-child(odd){margin-right: 4%;}

.news_list li{padding: 35px 15px 8px;border-bottom: 1px #e5e5e5 solid;color: #333333;}
.news_list li .img{float: left;width:200px;}
.news_list li .con{float: right;width: calc(100% - 220px);}
.news_list li .con .tit{margin-top: 15px;margin-bottom:40px;}
.news_list li .con .tit a{color: #333333;}
.news_list li .con .tit a:hover{color: #c00000;}
.news_list li .con .u-time .leaf{margin-right: 30px;background: url("../images/list-style.jpg") no-repeat left center;padding-left: 15px;}


.fenye {text-align: center;margin-top: 30px;}
/*.fenye a{border-bottom: 1px #e5e5e5 solid;display: inline-block;padding: 5px 20px;line-height: 28px;color: #337ab7;margin: 0 10px;border-radius:5px;}*/
/*.fenye a.current{background: #c1272f;color: #ffffff;}*/

.show .tit{font-size: 23px;color: black;text-align: center;margin: 10px 0;}
.show_time{text-align: center;background: #eee;line-height: 30px;margin-bottom: 20px;}
.show_content{line-height: 1.8;}
.show_next{border-top: 1px solid #eee;background: #f4f4f4;padding: 10px 0;margin-top: 20px;}
.show_next>div{width: 48%;padding: 0 1%;float: left}
.show_next>div:nth-child(2n){text-align: right}
.show_next span{font-weight: bold;}
.show_next a{color: #337ab7}

.about{padding-top:30px; background:#f7f7f7}
.about .img{width: 30%;float: left}
.about .text{width: 68%;float: right;line-height:2.3;color:#444444;padding-right: 12px;}
.about .text h3{font-size: 30px;}

.about_img{padding-bottom: 30px;}
.about_img li{margin: 10px 1.5%;width: 47%;float: left}
.about_img li .img{height: 340px;}
.about_img li .img img{width: 100%;}

.job_list li{}
.job_list li .tit{padding: 10px;border-left: 10px solid #aaa;color: #333;font-weight: 700;background: linear-gradient(0,#ccc 1%,#eee 2%, #f1f1f1 98%,#ccc 100%);}
.job_list li .text{margin-left: 10px;margin-bottom: 20px;line-height: 1.8}
.job_list li .text h3{background: #ccc;padding: 5px 10px;display:inline-block;font-weight: 700;}

.contact_tips{padding: 20px 15px;border-bottom: 1px solid #E5E5E5;font-size: 18px;}
.contact_box{padding: 10px;width: 50%;float: left;box-sizing: border-box;color:#555;font-size:15px;}
.contact_box h2{font-size:16px;color:#c1272f;margin-bottom:10px;font-weight:bold;}
.captcha_img{height:38px;cursor: pointer}


@media only screen and (max-width :860px) {
    .pro_category a{width: auto;padding: 0 15px;}
    .show_img,.show_description{width: 100%;float: none}
    .show_img,.pro_custom ul li .img{text-align: center}

    .pro_custom ul li .img,.pro_custom ul li .text,.case_info .img,.case_info .show_text,.about .img,.about .text,.contact_box{width: 100%;float: none}

    .case_list li{width: 300px;float: none;margin: 15px auto 0;}

    .case_class, .news_class{margin: 20px 0;}
    .case_class a{width: 46%;margin: 5px 2%;max-width: initial;float: left}

    .about_img li{width: 97%;}
}