@charset "utf-8";
/* ??????*/

.y_main{width:100%;height:auto;overflow:hidden;}

.location {background-color: #fff; border-bottom: 1px solid #ededed;height: 60px;line-height:60px; }

.location .right{width:40%; text-align: right;}


.location .right span {
    display: inline-block;

    font-size: 14px;
    background: url(img/loc.png) no-repeat left center;
    padding-left: 25px;
}

.location .right a{    font-size: 14px;text-decoration: none;}

.location .right a:hover{color:#d83514;text-decoration: none}


.location  .left {
    width: 60%;
   
    font-size: 20px;

    letter-spacing: 2px;
}



.pro_fl {
    margin:0 3% 2% 3%;
    color: #eee;
}
 .pro_fl p{   line-height: 28px;    color: #d0d0d0;}

 .pro_fl strong {
    color:#fff;font-size:15px;    display: inline-block;
    background: #dc492b;
    padding: 0 1%;
}
 .pro_fl a {display:inline-block;text-decoration:none;
    padding: 0 1%;font-size: 16px;
}
 .pro_fl a:hover{text-decoration:none;color:#004481;}





.y_tit{width:100%;height:350px;
overflow: hidden;
clear: both;


    background-attachment: fixed;
    background-position: left top;
    background-size: 100% 600px;
    color: white;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
   }

.container {
    width: 1200px;
    margin: 0 auto;

}

.container p{font-size:32px;letter-spacing:3px;font-weight:550}
.container small{font-size:16px;;margin-top: 1%;
    display: block;letter-spacing:2px;    text-transform: uppercase;
}
/* ????????????*/
.y_main .news, .y_main .honorlist, .y_main .prolist, .y_main .caselist, .y_main .plantlist{padding:2% 0;    width: 100%;height: auto;overflow: hidden;    background: #f8f8f8;}

.y_main .newlist ul{overflow:hidden}

.y_main .newlist ul li{overflow:hidden;   }
.y_main .newlist ul li a{display:block;}
.y_main .newlist .nn{background:#fff;padding:3% 2%;overflow: hidden; margin: 1.5%;}
.y_main .newlist .nn:hover{box-shadow: 0px 4px 10px 2px #e0dfdf;-webkit-box-shadow: 0px 4px 10px 2px #e0dfdf; -moz-box-shadow: 0px 4px 10px 2px #e0dfdf;-o-box-shadow: 0px 4px 10px 2px #e0dfdf;transition:all .6s;-webkit-transition: all .6s;-moz-transition: all .6s;-o-transition: all .6s;background:#dc492b}
.y_main .newlist .right{width:13%;float:right;height:auto;border-left: 1px solid #efefef; text-align: center;padding:0.5% 0;}

.y_main .newlist .left{width:84%;float:left;}
.y_main .newlist .left .news_d{margin-top: 1% ;color:#a5a5a5;line-height:22px;letter-spacing:3px;font-size: 14px;}
.y_main .newlist .left .news_t{ }
.y_main .newlist .left .news_t span{letter-spacing:2px;font-size:16px;font-weight:600; }

.y_main .newlist .nn:hover span,.y_main .newlist .nn:hover .news_d,.y_main .newlist .nn:hover b{color:#fff}

.y_main .newlist .right b {
    font-weight: 100;
    display: block;
    line-height: 30px;
    height: 30px;
    overflow: hidden;
    font-size: 30px;
    font-family: Arial;
    text-transform: uppercase;
    color: #8c8c8c
}
.y_main .newlist .right span {
    font-weight: 100;
    display: block;
    line-height: 20px;
    height: 20px;
    overflow: hidden;
    font-size: 20px;
    color:#8c8c8c;
    margin-top: 6%;
}





/*?????????*/

.mb-5, .my-5 {
    margin-bottom: 3rem!important;
}
.mt-3, .my-3 {
    margin-top: 1rem!important;
}
.pagination {
    display: -ms-flexbox;
    display: flex;
    padding-left: 0;
    list-style: none;
    border-radius: .25rem;
	    line-height: 2rem;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.page-link:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.page-num, .page-link 
{position: relative;
    display: block;
    padding: .5rem .3rem;
    margin-left: -1px;
    line-height: 0.1;
    color: #aaa;
   float: left;
    border: 1px solid #ddd;
	margin: .5rem .1rem;
}

.page-num:not(:disabled) {
    cursor: pointer;
}
.page-num-current {
    z-index: 1;
    color: #2769ca;
	border: none;
}
.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}
.btn:not(:disabled):not(.disabled) {
    cursor: pointer;
}
.btn-info {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: .25rem;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

option {
    font-weight: normal;
    display: block;
    white-space: pre;
    min-height: 1.2em;
    padding: 0px 2px 1px;
}




/*?????????*/

.text-secondary {
        color: #6c757d!important;
    line-height: 25px;
          border: 1px dotted #ccc;
    padding: 1em;
        border-radius: 8px;
		   -webkit-border-radius: 8px;
		     -moz-order-radius: 8px;
			  -ms-order-radius: 8px;
			  -o-order-radius: 8px;
			  
	    
}

.text-secondary a,.text-secondary p {
    color: #808080;text-decoration:none;
}


/*??????*/
.bdshare-button-style0-16 {
    zoom: 1;
}
.bdshare-button-style0-16 .bds_more {
    color: #333;
    float: left;
}
.bdshare-button-style0-16 a, .bdshare-button-style0-16 .bds_more {
    float: left;
    font-size: 12px;
    padding-left: 17px;
    line-height: 16px;
    height: 16px;
    background-image: url(../images/icons_0_16.png?v=91362611.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin: 6px 6px 6px 0;
}
.bdshare-button-style0-16 .bds_more {
    background-position: 0 0;
}
.bdshare-button-style0-16 .bds_qzone {
    background-position: 0 -52px;
}


.bdshare-button-style0-16 .bds_tsina {
    background-position: 0 -104px;
}
.bdshare-button-style0-16 .bds_tqq {
    background-position: 0 -260px;
}
.bdshare-button-style0-16 .bds_renren {
    background-position: 0 -208px;
}
.bdshare-button-style0-16 .bds_weixin {
    background-position: 0 -1612px;
}
.bdshare-button-style0-16:after {
    content: ".";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.jiathis_style {
    width: 50%;
    float: left;
}

.met_hits{
    margin-top: 2rem!important;
    margin-bottom: 1rem!important;
	overflow: hidden; 
}
.met_hits a {
    color: #666;
	font-size:14px;text-decoration: none;
}





/* ??????????????????*/
.news .new_con,.caselist .case_con, .prolist .pro_con, .honorlist .honor_con, .plantlist .plant_con{width:75%}
.news .new_con h2,.caselist .case_con h2,.prolist .pro_con h2,.honorlist .honor_con h2, .plantlist .plant_con h2{color:#1352b1;font-size:30px;letter-spacing:3px;text-align:center;}
.news .new_con .time{border: 1px dotted #ccc;
    padding: 1% 0;
    text-align: center;
    margin: 3% 0;}
	
.news .new_con .time span{margin:0 1%}
.news .new_con .cont{line-height:28px}

.news .new_c, .caselist .case_c,.prolist .pro_c,.honorlist .honor_c, .plantlist .plant_c{
    padding: 0 3%;
}

.news .new_other{ position:relative;  }
.news .new_other .hd{ overflow:hidden;  height:40px;line-height:40px; background:#1352b1; padding:0 10px;margin:30px 0  10px 0; }
.news .new_other .hd span{font-size:16px;color:#fff}
.news .new_other .hd .prev,.new_other .hd .next{ display:block;  width:10px; height:25px; float:right; margin-right:10px; margin-top:10px;  overflow:hidden; cursor:pointer; }
.news .new_other .hd .next{ background-position:0 -50px;background:url("img/index27.png") no-repeat;  }
.news .new_other .hd .prev{ background-position:-60px 0;background:url("img/index28.png") no-repeat; }


.news .new_other .bd{ padding:10px; width:98%; overflow:hidden;    }
.news .new_other .bd ul{ overflow:hidden; zoom:1; }
.news .new_other .bd ul li{ width:410px;margin-right:30px;  float:left;   text-align:left; _display:inline;}
.news .new_other .bd ul li a{display:block;overflow:hidden;text-decoration:none;font-weight: 600;}
.news .new_other .bd ul li span{float:left;color:#1352b1;font-size:16px;}
.news .new_other .bd ul li p{font-size:14px;margin-top:10px;line-height:26px;}

.news .left, .caselist .left, .prolist .left,.honorlist .left, .plantlist .left{width:24%}




.text-secondary a, .text-secondary p {
    color: #808080;
    text-decoration: none;
}


.met_hits {
    margin-top: 2rem!important;
    margin-bottom: 1rem!important;
    overflow: hidden;
}

.jiathis_style {
    width: 50%;
    float: left;
}
.bdshare-button-style0-16 {
    zoom: 1;
}
.met_hits a {
    color: #666;
    font-size: 14px;
    text-decoration: none;
}

/*?????????*/


.met_page {
    text-align: center;
    margin: 40px 0;font-size:15p;
}

.met_page a{
    color:#1352b1;text-decoration:none;
}




/*????????????*/



.y_main  .hon_main{overflow:hidden}

.y_main  .hon_main a{display:inline-block;width:25%;float:left;margin-bottom:20px}
.y_main  .hon_main .hh{     margin: 10px;padding:10px; background: #fff ;overflow: hidden;}
.y_main  .hon_main .hh .hon_img{      overflow: hidden; width: 260px; height: 300px;text-align: center;vertical-align: middle;display: flex; align-items: center;justify-content: center;}
	
.y_main  .hon_main .hh:hover{background:#dc492b; transition:all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-o-transition: all .4s;}
.y_main  .hon_main .hh .hon_img img {     max-width: 260px; max-height: 300px;vertical-align: middle;}

.y_main  .hon_main .hh .hon_tt{font-size: 15px; text-align: center;color: #333333;line-height: 40px; width: 100%; height: 40px;    padding-top: 15px;}
.y_main  .hon_main a:hover .hon_tt{color:#fff}









/*????????????*/



.y_main  .pro_main{width:100%;float:right;overflow:hidden}

.y_main  .pro_main a{display:inline-block;width:25%;float:left;margin-bottom:20px}
.y_main  .pro_main .pp{ margin: 10px;padding:10px;     background: #fff ;overflow: hidden;}
.y_main  .pro_main .pp .pro_img{    max-height: 350px; min-height: 350px; display: flex; align-items: center;justify-content: center; overflow: hidden;}
	
.y_main  .pro_main .pp:hover{box-shadow: 0px 4px 10px 2px #e0dfdf; transition:all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;}
.y_main  .pro_main .pp .pro_img img { margin: 0 auto;max-height: 350px;}

.y_main  .pro_main .pp .pro_tt{font-size: 16px; text-align: center;color: #333333;line-height: 50px; width: 100%; height: 50px;}
.y_main  .pro_main a:hover .pro_tt{color:#1353b1}



.subNavBox{width:20%;float:left;overflow:hidden;cursor:pointer;}
.subNav{width: 99%;margin:2px 0;cursor:pointer;font-size:14px;height: 50px;line-height:50px;text-align:center;background:#1353b1;border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;-o-border-radius: 5px; -ms-border-radius: 5px;  }
.subNav a{color:#fff;text-decoration: none;display:block}
.subNav:hover{color:#277fc2;text-decoration: none;}
.currentDd{}
.currentDt{height: 50px;line-height: 50px;}
.currentDt a{color:#fff;text-decoration: none;}
.currentDt a:hover{color:#ffff;text-decoration: none;}
.navContent{width:99%;background:#fff}
.navContent li a{display:block;width:100%;heighr:40px;text-align:center;font-size:14px;line-height:40px;color:#3f3e3e;text-decoration: none;}
.navContent li a:hover{color:#fff;background-color:#fe0000;text-decoration: none;}




/*????????????*/


.caselist .case_main, .plantlist .plant_main{overflow:hidden}

.caselist .case_main a, .plantlist .plant_main a{display:block;width:30%;float:left;border: 1px solid #efeded;margin: 0 0 2% 3%; background: #fff;position:relative;top:0;left:0}
.caselist .case_main .cc, .plantlist .plant_main{padding:10px; overflow: hidden;}
.caselist .case_main .cc .case_img, .plantlist .plant_main .plant .plant_img{overflow: hidden;     max-height: 400px; min-height: 400px;text-align: center;vertical-align: middle;display: flex; align-items: center;justify-content: center;}
	
.caselist .case_main .cc:hover, .plantlist .plant_main .plant:hover{ transition:all .2s;-webkit-transition: all .2s;-moz-transition: all .2s;-o-transition: all .2s;}
.caselist .case_main .cc .case_img img, .plantlist .plant_main .plant .plant_img img{     max-height: 450px;vertical-align: middle;}
.caselist .case_main a .case_tt, .plantlist .plant_main a .plant_tt{width:100%; height: 100%;position:absolute;top:0;left:0;background:url(img/on-hover.png) repeat;transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;	opacity: 0;
	filter: Alpha(Opacity=0);}
.caselist .case_main a .case_tt .tits, .plantlist .plant_main a .plant_tt .tits{position:absolute;width: 100%;top:45%}

.caselist .case_main a:hover .case_tt,.plantlist .plant_main a:hover .plant_tt{opacity: 1;
	filter: Alpha(Opacity=1);}
.caselist .case_main a .case_tt .tits h3, .plantlist .plant_main a .plant_tt h3{text-align:center;color:#fff;font-size:20px}


.swiper-slide {
    text-align: center;
    margin: 4% 0;
}


/*????????????*/









/*??????????????????*/

.r1,.r2 {
	    background: #f2f2f2;
    border: 1px solid #e2e2e2;
    margin-bottom:6%;
    overflow: hidden;
}

.r1 h4,.r2 h4{    font-size: 18px;
    background: #e5e5e5;
    text-indent: 1em;
    height: 65px;
    line-height: 65px;}
.r1 h4 small,.r2 h4 small{font-size:14px;    color: #999;    font-weight: 500;margin-left: 3%;}


.r1 .menu{overflow:hidden;padding: 0 0 4% 0;}
    .r1 .menu li{width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
  
    color: #666;
    border-bottom: 1px dashed #d8d8d8;
    text-indent: 1.5em;}
	
	    .r1 .menu li a{display: block;}


 .r1 .menu li a:hover{background:#dc492b url(img/index27.png) no-repeat 230px center;color:#fff}
.r2  p{line-height:28px;padding: 4% 6%;}
.pro_two {
    padding: 0 3%;
    overflow: hidden;
}
.pro_two h5{display: block;
    width: 100%;
   text-indent: 2em;
    color: #fff;
    background: #dc492b;
    height: 35px;
    line-height: 35px;
    margin: 3% 0;}
	
	
/*????????????*/
.y_main .abouts, .y_main .contacts{padding:2% 0 4% 0;    width: 100%;height: auto;overflow: hidden;    background: #f8f8f8;}
.abouts .left{width:33%;}
.abouts .right{width:63%;    margin-top: 8%;}

.abouts .right h2,.y_main .honor_h h3{font-size:33px;color:#004481;letter-spacing: 10px;}
.abouts .right h2 span{    font-weight: 550;
    font-size: 30px;

    display: block;
    margin-top: 1%;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #3d556b;}
.abouts .right .about_des{overflow:hidden;margin:2% 0 0 0}
.abouts .right p{line-height:33px;font-size:15px;text-indent:2em}


.y_main .honor_h{width:100%;background:#f1f1f1;padding:3% 0 ;text-align:center}
.y_main .honor_h p{line-height:28px;    width: 85%;margin: 2% auto;}
.y_main .honor_h .more{width:15%;background:#dc492b;text-align: center;height:45px;line-height:45px;    margin: 0 auto; border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;-o-border-radius: 4px;}
.y_main .honor_h .more a{display:block;color:#fff;text-decoration:none;}



/*????????????*/
.contacts .cont_c{width:30%;float:left}
.contacts .cont_c p{    line-height: 3em;
    font-size: 16px;}

.contacts .map{width:67%;float:right}

.y_main .message_h{width:100%;height:auto;background:url(img/message.png) no-repeat top center}
.y_main .message_h .right{width:40%;float:right;margin: 15% 0 0 0;}
.y_main .message_h h3{color: #004481;    font-size: 30px;background:url(img/index28.png) no-repeat left center;padding-left:11%}
.y_main .message_h p{color: #545353;
    font-size: 20px;
    margin-top: 3%;
    line-height: 2em;}

.y_main .message_h .mesform {padding: 5% 0;    width: 60%; float: left;}
.y_main .message_h .mesform .mfields { width:625px; height:160px;}
.y_main .message_h .mesform .mfields li { float:left; margin-right:25px;}
.y_main .message_h .mesform .title { font-size:15px; color:#004481; padding: 10px 0; line-height: 1.5;}
.y_main .message_h .mesform .inpbox { width: auto; height:40px; line-height:40px; font-family:"????????????"; }
.y_main .message_h .mesform .inpbox .inptext { width:280px; height:40px; text-indent:5px; border:1px solid #dedede; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none; font-family:"????????????";}
.y_main .message_h .mesform .inpbox .txtarea { width:400px; height:100px; text-indent:5px; border:1px solid #dedede; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none; font-family:"????????????";}
.y_main .message_h .mesform .btnsubmit {border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; width:590px; height:40px; font-size:13px; background:#dc492b; margin-top:15px;}
.y_main .message_h .mesform .btnsubmit .button { width:588px; height:38px; line-height:38px; text-align:center; font-size:14px; color:#fff; background:#dc492b; border:1px solid #dc492b; border-radius:3px; outline:none; font-family:"????????????"; cursor:pointer;}
.y_main .message_h .mesform .inpbox img {
    height: 25px;
}
.y_main .message_h .mesform .input_text{ text-indent:5px;border:1px solid #dedede; border-radius:3px; -moz-border-radius:3px; -webkit-border-radius: 3px; padding:0px; outline:none;width: 150px; height:38px; line-height:40px; font-family:"????????????"; }