@charset "utf-8";
/* CSS Document */
body {font-family:微软雅黑;font-size:14px;color: #333;margin:0;}
img{border:0;}
A:link {COLOR: #333; TEXT-DECORATION: none;}
A:visited{COLOR:#333; TEXT-DECORATION:none;}
A:hover{COLOR:#333; TEXT-DECORATION:none;}
ol, ul, li{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;border-collapse:collapse;list-style-type:none;list-style:none;}
*{margin: 0;padding: 0;hide-focus: expression(this.hideFocus=true); /* for ie 5+ */outline: none; /* for firefox 1.5 + */}
.cl{clear:both;}
.container {
    width:74%;
    height: 100%;
    margin: 0 auto;
	display: block;
    position: relative;
}
@media screen and (max-width: 1400.98px) { 
    .container {
        width:92%
    }
}
@media screen and (max-width:992px) {
    .container {
        width:92%
    }
}
@media screen and (max-width:768px) {
    .container {
        width:92%
    }
}
@media screen and (max-width:576px) {
    .container {
        width:92%
    }
}


.synav{width:100%; height:47px; background:#333;}
.synav .synab{width:1200px; height:47px; margin:auto;}
.synav .synab .syright{width:600px; height:47px; float:right;}
.synav .synab .syright img{width:30px; height:30px; float:left; margin:8px 0px 9px 23px;}
.synav .synab .syright p{float:left; line-height:47px; padding:0px 10px; color:#d0d0d0; font-size:13px;}

.tops{line-height:40px;position:relative;z-index:999; background:#01b1ec;}
.top_m_l{width:auto;float:left; text-align:left; line-height:40px; font-size:15px; color:#fff;}
.top_m_l img{float:left; height:17px; padding:19px 0;}
.top_m_l p{width:auto; float:left; line-height:40px; font-size:15px; color:#fff; padding:0 20px 0 0;}
.top_m_l p b{font-size:16px; font-family:Arial, Helvetica, sans-serif;}
.top_m_r{width:auto; float:right;}
.top_m_r p{width:auto; float:right; line-height:55px; font-size:15px; color:#fff; padding:0 20px; border-left:1px solid #ffac52;}
.top_m_r p a{color:#fff; text-decoration:none;}
.top_m_r p a:hover{color:#e97b0f;}
.top_m_r .p{width:auto; float:right; line-height:55px; font-size:16px; color:#fff; padding:0 30px; background:#01b1ec; font-weight:bold;}


.shouji{width:70px; height:40px; position:relative; font-size:14px; line-height:40px; text-align:right; z-index:999;float:right; padding-right:20px;}
.shouji a{width:70px; height:40px; display:block; position:absolute; color:#333; left:0; top:0;background:url(../images/t_2.png) no-repeat left center; text-decoration:none;}
.shouji .shouji_nr{width:390px; height:210px; padding:0px; background:#d0cfcf; text-align:center; position:absolute; z-index:9999;left:-170px; top:40px; display:none; line-height:20px;}
.shouji .shouji_nr img{ margin-bottom:0px; margin:0px; width:390px; height:210px;}
.shouji .shouji_nr .arrow{ width:0; height:0; border-bottom:10px solid #f5f5f5;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:195px; top:-10px;}
.shouji.on .shouji_nr{ display:block;}
.shouji.on a{ background:url(../images/t_2-.png) no-repeat left center; color:#e97b0f;}

.weixin{width:130px; height:52px; position:relative; font-size:15px; line-height:52px; text-align:right; z-index:999; float:right;border-right:1px solid #df646d;}
.weixin a{width:90px; height:52px; display:block; position:absolute; color:#fff; left:0; top:0;background:url(../images/t_1.png) no-repeat left 20px center; text-decoration:none;padding:0 20px; }
.weixin .weixin_nr{width:126px; height:146px; padding:10px; background:#d0cfcf; text-align:center; position:absolute; left:-10px; top:52px; display:none; line-height:20px;}
.weixin .weixin_nr img{ margin-bottom:5px; margin:0px; width:126px; height:126px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #d0cfcf;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:63px; top:-10px;}
.weixin.on .weixin_nr{ display:block;}
.weixin.on a{ background:url(../images/t_1-.png) no-repeat left 20px center; color:#e97b0f;}
@media screen and (max-width: 1050.98px) { 
.tops{ display:none;}
} 

.search{width:185px;height:38px; float:right; border:1px solid #333; border-radius:20px;}
.search .key{width:125px;height:38px;line-height:38px;border:0;float:left; color:#333; font-size:14px;  text-indent:20px; background:none;}
.search .key[type="text"]:focus{outline:none;}
.search .sub{float:right;width:60px;height:38px;background:url(../images/search_bg.png) no-repeat right 0;border:none;cursor:pointer;}
.search .sub span{display:none;}

.headbanner{width:100%; height:auto; position:relative; z-index:0; overflow:hidden;}
.headbanner img{width:100%;}
.banner_key{width:100%;height:600px;}


.home_tit{width:100%; height:auto; color:#000; padding:60px 0px 40px 0px;}
.home_tit dl{width:100%; line-height:52px; text-align:center; margin:auto;}
.home_tit dl dt{font-size:35px; font-weight:bold;}
.home_tit dl dt span{color:#01b1ec;}
.home_tit dl dd{font-size:16px; color:#424242;}


.home_tits{width:100%; height:auto; color:#fff; padding:60px 0px 40px 0px;}
.home_tits dl{width:80%; line-height:50px; text-align:left; float:left;}
.home_tits dl dt{font-size:37px;}
.home_tits dl dd{font-size:17px; color:#fff;}
.home_tits .about_more{width:146px;height:44px; border:2px solid #fff;overflow:hidden;position:relative; float:right; margin-top:10px;}
.home_tits .about_more a{position:relative; z-index:3; color:#fff; width:100%;display:block;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);left: 0%;text-align:center; text-transform:uppercase; font-family:Arial;}
.home_tits .about_more a p{display: inline-table;line-height:24px;color:#fff;font-size:14px;}
.home_tits .about_more:after{content:''; width:0; height:100%; background:#fff; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.home_tits .about_more:hover  a {color:#00529d;}
.home_tits .about_more:hover{border:2px solid #fff;}
.home_tits .about_more:hover:after{width:100%;}

@media screen and (max-width: 1000px) { 
.home_tit{padding:30px 0px 20px 0px;}
.home_tit dl{width:86%; line-height:40px;}
.home_tit dl dt{font-size:25px;}
.home_tit dl dd{font-size:14px;line-height:25px;}

.home_tits{padding:30px 0px 20px 0px;}
.home_tits dl{width:60%; line-height:40px;}
.home_tits dl dt{font-size:25px;}
.home_tits dl dd{font-size:14px;line-height:25px;}

}
@media screen and (max-width: 660px) { 
.home_tit dl{line-height:30px;}
.home_tit dl dt{font-size:20px;}
.home_tit dl dd{font-size:12px;}

.home_tits dl{width:68%;line-height:30px;}
.home_tits dl dt{font-size:20px;}
.home_tits dl dd{font-size:12px;}
.home_tits .about_more{width:100px; height:35px;}
}

.homeadvantage{width:100%; height:auto; text-align:center;}
.homeadvantage .list_botton{width:20.8%; height:auto; float:left; padding:0 2%; text-align:center;}
.homeadvantage .list_botton img{width:123px; height:123px; transition:all ease-in-out .5s; margin:auto; text-align:center;}
.homeadvantage .list_botton dl{width:100%; height:auto; color:#333; float:left; text-align:center;}
.homeadvantage .list_botton dl dt{font-size:16px; line-height:50px;}
.homeadvantage .list_botton dl dd{font-size:14px; line-height:25px; color:#7c7c7c;}
.homeadvantage .list_more{width:160px; line-height:48px; text-align:center; margin:1% auto 3% auto; font-size:16px; color:#01b1ec; border:1px solid #01b1ec; border-radius:30px; transition:all ease-in-out .5s;}
.homeadvantage .list_more:hover{color:#fff; border:1px solid #01b1ec;}

@media screen and (max-width: 1600.98px) { 
.homeadvantage .list_botton dl dt{font-size:16px; line-height:60px;}
.homeadvantage .list_botton dl dd{padding:0;}
}
@media screen and (max-width: 1400.98px) { 
.homeadvantage .list_botton dl dt{line-height:50px;}
}
@media screen and (max-width: 1000.98px) { 
.homeadvantage .list_botton{width:40%; padding:5%;}
}
@media screen and (max-width: 780.98px) { 
.homeadvantage .list_botton{height:auto;}
.homeadvantage .list_botton img{width:80px; height:80px;}
.homeadvantage .list_botton dl dt{font-size:15px;}
.homeadvantage .list_botton dl dd{font-size:12px;line-height:22px;}
}
/*首页产品列表*/
.homelist{width:100%; height:auto; text-align:center;padding:3% 0;}
.homelist .list_pro{width:31.3%; height:auto; float:left; text-align:center; padding:0 1%;}
.homelist .list_pro .img{width:100%;overflow:hidden; margin:auto; text-align:center; padding-top:5%;}
.homelist .list_pro .img img{width:100%; display:inline-block; transition:all ease-in-out .5s;}
.homelist .list_pro dl{width:84%; height:auto; color:#262626; float:left; padding:0 8%;}
.homelist .list_pro dl dt{font-size:28px; line-height:50px;}
.homelist .list_pro dl dd{font-size:15px; line-height:27px; padding:2% 0; color:#666666;}
.homelist .list_pro:hover .img img{transform:scale(1.1);}
.homelist .list_pro:hover dl{color:#01b1ec;}
@media screen and (max-width: 1300.98px) { 
.homelist .list_pro dl dt{font-size:20px; line-height:30px;}
.homelist .list_pro dl dd{font-size:12px; line-height:25px;}
}
@media screen and (max-width: 1200.98px) { 
.homelist .list_pro .img{padding-bottom:5%;}
}
@media screen and (max-width: 780.98px) { 
.homelist .list_pro{width:98%; text-align:left;}
.homelist .list_pro dl{width:100%; padding:0;}
.homelist .list_pro dl dt{font-size:16px; line-height:25px;}
.homelist .list_pro dl dd{padding:1% 0;}
.homelist .list_pro .img{padding:5% 0;}
}

.home_p_title{width:100%; height:auto; text-align:center; background: url(../images/product_back.jpg) center 100%;background-attachment:fixed; padding:3% 0; margin-bottom:3%;}
.home_p_title dl{width:100%; line-height:52px; text-align:center; color:#000;}
.home_p_title dl dt{font-size:35px; font-weight:bold;}
.home_p_title dl dt span{color:#01b1ec;}
.home_p_title dl dd{font-size:16px; color:#424242; width:50%; margin:auto; line-height:30px; padding:1% 0 2% 0;}
.home_p_title dl .dd_more{width:auto; height:auto; margin:auto;}
.home_p_title dl .dd_more img{width:41px; height:41px;}
.home_p_title dl .about_more{width:400px;height:52px; background:#01b1ec; overflow:hidden;position:relative; margin:1% auto; border-radius:30px;}
.home_p_title dl .about_more a{position:relative; z-index:3; color:#fff; width:100%;display:block;font-size:20px;position:absolute;top:50%;transform:translateY(-50%);left: 0%;text-align:center; text-transform:uppercase; font-family:Arial;}
.home_p_title dl .about_more a p{display: inline-table;line-height:24px;color:#fff;font-size:14px;}
.home_p_title dl .about_more:after{content:''; width:0; height:100%; background:#0096ff; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.home_p_title dl .about_more:hover  a {color:#fff;}
.home_p_title dl .about_more:hover:after{width:100%;}

.procon{width:32.1%; height:auto; margin:0.5%; float:left; position:relative; border-radius:20px; overflow:hidden; border:1px solid rgba(0,0,0,0.2);}
.procon img{width:100%; height:auto; transition:all ease-in-out .5s;}
.procon .img_mask{width:90%; height:100%; overflow:hidden; color:#fff; background:rgba(1,177,236,0); padding:0 5%; position:absolute; transition:all ease-in-out .5s; z-index:2;}
.procon .img_mask .img_txt{width:96%; line-height:35px; font-size:16px; padding:2%; position:absolute; bottom:0; text-align:left; }
.procon .img_mask .img_txt p{font-size:20px; color:#000;}
.procon .img_mask:hover{background:rgba(1,177,236,0.6);}
.procon .img_mask:hover .img_txt{display:block;}
.procon .img_mask2{width:100%; height:100%; overflow:hidden; background:url(../images/pro_back2.png) no-repeat; background-size:cover; position:absolute; transition:all ease-in-out .5s; z-index:1;}

@media screen and (max-width: 1400.98px) { 
.home_p_title dl{line-height:40px;}
.home_p_title dl dt{font-size:25px;}
.home_p_title dl dd{font-size:14px;line-height:25px;width:70%;}
.home_p_title dl .about_more{width:300px;height:45px;}
.home_p_title dl .about_more a{font-size:16px;}
.procon .img_mask .img_txt{line-height:30px; font-size:15px;}
.procon .img_mask .img_txt p{font-size:18px;}
}
@media screen and (max-width: 790.98px) { 
.home_p_title dl{line-height:30px;}
.home_p_title dl dt{font-size:20px;}
.home_p_title dl dd{font-size:12px;width:90%;}
.home_p_title dl .about_more{margin:3% auto;}
.home_p_title dl .about_more a{font-size:14px;}
.procon{width:48.4%; margin:0.5%;border-radius:10px;}
.procon .img_mask .img_txt p{font-size:15px;}
}


/*我们能做什么*/

.processing{width:100%; height:auto; margin:4% 0 0 0; line-height:50px; background:url(../images/case_left.jpg) top left repeat-y; color:#fff; text-align:left;}
.processing .adv_left{width:32%; position:relative; float:left; padding:5%; line-height:25px; text-align:left;}
.processing .adv_left p{font-size:40px; line-height:100px;}
.processing .adv_left p span{font-family:Arial; text-transform:uppercase;}
.processing .adv_left .span{font-size:18px; width:100%; line-height:35px;}
.processing .adv_left .about_more{width:180px;height:50px; background:#fff; border-left:3px solid #01b1ec; overflow:hidden;position:relative;  margin-top:12%;}
.processing .adv_left .about_more a{position:relative; z-index:3; color:#01b1ec; width:100%;display:block;font-size:14px;position:absolute;top:50%;transform:translateY(-50%);left: 0%;text-align:center; text-transform:uppercase; font-family:Arial;}
.processing .adv_left .about_more a p{display: inline-table;line-height:24px;color:#999;font-size:14px;}
.processing .adv_left .about_more:after{content:''; width:0; height:100%; background:#01b1ec; position:absolute; left:0; bottom:0; z-index:1; transition:all 0.5s ease;}
.processing .adv_left .about_more:hover  a {color:#fff;}
.processing .adv_left .about_more:hover:after{width:100%;}
.processing .adv_right{width:58%; position:relative; float:left;}
.processing .adv_right .img_right{width:50%; position:relative; float:left;}
.processing .adv_right .img_right img{width:100%; height:auto; transition:all ease-in-out .5s;}
.processing .adv_right .img_right .img_mask{width:100%; height:100%; overflow:hidden; color:#fff; position:absolute; transition:all ease-in-out .5s; z-index:2;}
.processing .adv_right .img_right .img_mask .img_txt{width:100%; line-height:35px; font-size:16px; padding:4% 0; position:absolute; bottom:0; text-align:center; text-shadow:1px 1px #000;}
.processing .adv_right .img_right .img_mask .img_txt p{font-size:25px;}
.processing .adv_right .img_right .img_mask:hover{background:rgba(0,0,0,0.6);}
@media screen and (max-width: 1400.98px) { 
.processing .adv_left .img_mask .img_txt{line-height:30px; font-size:15px;}
.processing .adv_left .img_mask .img_txt p{font-size:20px;}
.processing .adv_left p{font-size:25px;line-height:50px;}
.processing .adv_left .span{font-size:13px;}
.processing .adv_left .about_more{height:35px; width:140px;}
.processing .adv_right .img_right .img_mask .img_txt{line-height:30px;}
.processing .adv_right .img_right .img_mask .img_txt p{font-size:18px;}
}
@media screen and (max-width: 1000.98px) { 
.processing .adv_left p{font-size:20px;line-height:40px;}
}
@media screen and (max-width: 960.98px) { 
.processing .adv_left{width:90%;}
.processing .adv_left .span{line-height:25px;}
.processing .adv_left .about_more{margin-top:5%;}
.processing .adv_right{width:100%;}
.processing .adv_right .img_right .img_mask .img_txt p{font-size:15px;}
}
/*首页工程案例*/
.homecase{width:100%; height:auto; padding:4% 0 4% 0;}
.homecase .case_tab_left{width:40%; height:auto; float:left;}
.homecase .case_tab_left dl{width:100%; padding:0 0 8% 0; color:#26334c; line-height:50px; text-align:left; background:url(../images/app.png) left top 6px no-repeat; padding-left:30px; margin-left:-30px;}
.homecase .case_tab_left dl dt{font-size:50px; font-family:Arial; font-weight:bold; text-transform:uppercase;}
.homecase .case_tab_left dl dd{font-size:28px;}
.homecase .case_tab_left UL{width:100%; list-style-type:none;}
.homecase .case_tab_left UL LI{width:41%; line-height:22px; font-size:16px; background:#f2f4f7; float:left; padding:4%; cursor: pointer; color:#a1a7b2; text-align:left; margin-top:-1px; margin-left:-1px; border:1px solid #e6e8ed;}
.homecase .case_tab_left UL LI .img{width:auto; overflow:hidden; transition:all ease-in-out .5s; margin-bottom:10px;}
.homecase .case_tab_left UL LI .img img{height:34px;}
.homecase .case_tab_left UL LI p{font-size:16px;}
.homecase .case_tab_left UL LI span{font-size:13px; font-family:Arial;}
.homecase .case_tab_left UL LI:nth-child(1){background:url(../images/case_hover.jpg) right bottom; color:#fff;}
.homecase .case_tab_left UL LI:nth-child(1) .img img{filter:drop-shadow(#fff 150px 0); position:relative;left:-150px;}
.homecase .case_tab_left UL LI:nth-child(1) span{color:rgba(255,255,255,0.8);}
.homecase .case_tab_left UL LI.hover{background:url(../images/case_hover.jpg) right bottom; color:#fff;}
.homecase .case_tab_left UL LI.hover .img img{filter:drop-shadow(#fff 150px 0); position:relative;left:-150px;}
.homecase .case_tab_left UL LI.hover span{color:rgba(255,255,255,0.8);}
.homecase .case_tab_right{display:inline; width:60%; float:right; height:auto;}
.homecase .case_tab_right #con_one_2{display:none}
.homecase .case_tab_right #con_one_3{display:none}
.homecase .case_tab_right #con_one_4{display:none}
.homecase .case_tab_right #con_one_5{display:none}
.homecase .case_tab_right #con_one_6{display:none}

.casecon{width:100%; height:auto; float:left;text-align:center; position:relative; background:#000;}
.casecon .pimg{width:100%; height:auto;overflow:hidden; z-index:2;}
.casecon .pimg img{width:100%; height:auto; transform:scale(1); transition:all ease-in-out .5s;opacity:0.8; filter:alpha(opacity=80);}
.casecon .ptit{width:80%; padding:2% 10%; color:#fff; z-index:2;text-align:left; position:absolute; bottom:0;}
.casecon .ptit p{font-size:16px; border-bottom:2px solid rgba(255,255,255,0.5);padding:3% 0;line-height:30px;}
.casecon .ptit span{font-size:18px; font-family:Arial; line-height:80px; color:#fff;}
.casecon .img_mask{width:100%; height:0px; overflow:hidden; background:rgba(0,150,136,0.95); border-left:1px solid #01b1ec; border-right:1px solid #01b1ec; position:absolute; transition:all ease-in-out .5s; z-index:1;border-radius:3px;}
.casecon .img_mask p{line-height:60px; width:auto; padding:0 30px; display:inline-block; border:1px solid #fff; color:#fff; text-align:center; font-size:16px; margin-top:24%;}
.casecon a{color:#535353;}
.casecon:hover a{color:#fff;}
.casecon:hover .pimg img{transform:scale(1.1);}
.casecon:hover .img_mask{width:100%; height:100%;}

@media screen and (max-width: 1200px) { 
.homecase .case_tab_left dl{line-height:40px;background:url(../images/app.png) left top 40px no-repeat;}
.homecase .case_tab_left dl dt{font-size:40px;}
.homecase .case_tab_left dl dd{font-size:20px;}
} 
@media screen and (max-width: 960px) { 
.homecase .case_tab_left{width:100%;}
.homecase .case_tab_left dl{padding:4% 0;line-height:30px; background:url(../images/app.png) left top 0px no-repeat;padding-left:0px; margin-left:0px;}
.homecase .case_tab_left dl dt{font-size:30px;}
.homecase .case_tab_left dl dd{font-size:20px;}
.homecase .case_tab_right{width:100%;}
.homecase .case_tab_left UL LI{width:29%; padding:2%;}
.casecon .ptit p{font-size:14px;line-height:30px;}
.casecon .ptit span{font-size:16px;line-height:60px;}
.casecon .img_mask p{font-size:14px;line-height:50px; margin-top:35%;padding:0 15px;}
} 
@media screen and (max-width: 660px) { 
.homecase .case_tab_left dl{padding:6% 0;line-height:25px;}
.homecase .case_tab_left dl dt{font-size:25px;}
.homecase .case_tab_left dl dd{font-size:16px;}
.homecase .case_tab_left UL LI{width:41%; padding:4%;line-height:20px;}
.homecase .case_tab_left UL LI p{font-size:14px;}
.homecase .case_tab_left UL LI span{font-size:12px;}
.casecon .ptit{width:86%; padding:2% 7%;}
.casecon .ptit p{font-size:14px;line-height:22px;}
.casecon .ptit span{font-size:16px;line-height:60px;}
.casecon .img_mask p{margin-top:15%;}
} 


/*首页关于我们*/
.syabout{width:100%; height:auto; background:#01b1ec;}
.syabout img{width:50%; height:auto; float:left;}
.syabout .aboutright{width:42%; height:auto; float:left; text-align:left; padding:4%; color:#fff; font-size:15px; line-height:32px;}
.syabout .aboutright .about_tit{width:100%; height:auto; line-height:60px; font-size:25px; font-weight:bold;}
.syabout .aboutright .about_txt{width:100%; height:auto;}
@media screen and (max-width: 1200.98px) { 
.syabout .aboutright{padding:2% 4%; font-size:14px; line-height:25px;}
.syabout .aboutright .about_tit{line-height:50px; font-size:20px;}
} 
@media screen and (max-width: 960.98px) { 
.syabout img{width:100%;}
.syabout .aboutright{width:92%; padding:4%;}
} 
@media screen and (max-width: 760.98px) { 
.syabout .aboutright{width:84%; padding:5% 8%;}
} 

/*首页新闻中心*/
.synews{width:100%; height:auto; padding-bottom:3%;}


/*我们能做什么*/

.synews{width:100%; height:auto;color:#fff; text-align:left;}
.synews .adv_left{width:50%; position:relative; float:left;}
.synews .adv_left img{width:100%; height:auto; transition:all ease-in-out .5s;}
.synews .adv_left .img_txt{width:92%; height:auto; padding:3% 4%; text-align:left; transition:all ease-in-out .5s; border-bottom:1px solid rgba(0,0,0,0.1);}
.synews .adv_left .img_txt p{width:100%; font-size:18px; color:#333; line-height:40px; font-weight:bold; float:left;}
.synews .adv_left .img_txt p:nth-child(2){line-height:25px; font-size:13px; color:#838383; font-weight:normal;}
.synews .adv_left .img_txt p:nth-child(3){line-height:30px; font-size:13px; color:#444343; font-weight:normal; font-family:Arial;}
.synews .adv_left:hover .img_txt p{color:#01b1ec;}

.synews .adv_right{width:45%; position:relative; float:left; margin-left:5%;}
.synews .adv_right .ptit{width:100%; line-height:30px; color:#444343; font-size:13px; padding:2% 0; border-bottom:1px solid rgba(0,0,0,0.1)}
.synews .adv_right .ptit .dl_left{width:70px; line-height:60px; color:#dddddd; font-size:40px; font-family:Arial; float:left; font-weight:bold;}
.synews .adv_right .ptit .dl_center{width:calc(100% - 170px); height:auto; float:left;}
.synews .adv_right .ptit .dl_center p:nth-child(1){width:100%; font-size:16px; float:left;}
.synews .adv_right .ptit .dl_center p:nth-child(2){width:100%; float:left;}
.synews .adv_right .ptit .dl_right{width:100px; height:auto; float:right; text-align:right; font-family:Arial; text-transform:uppercase;}
.synews .adv_right .ptit .dl_right p:nth-child(1){width:100%; float:left;}
.synews .adv_right .ptit .dl_right p:nth-child(2){width:100%; float:left;}
.synews .adv_right .ptit:hover{color:#01b1ec;}
.synews .adv_right .ptit:hover .ptit p{color:#01b1ec;}
.synews .adv_right .ptit:hover a{color:#01b1ec;}
@media screen and (max-width: 1200.98px) { 
.synews .adv_left .img_txt p{font-size:16px;}
.synews .adv_right .ptit .dl_center p:nth-child(1){font-size:16px;}
}
@media screen and (max-width: 960.98px) { 
.synews .adv_left{width:100%;}
.synews .adv_right{width:100%; margin-left:0%;}
}
 
@media screen and (max-width: 790.98px) { 
.synews .adv_right .ptit{line-height:25px;padding:5% 0;}
.synews .adv_right .ptit .dl_left{display:none;}
.synews .adv_right .ptit .dl_center{width:calc(100% - 100px);}
} 

/*内页优势*/
.pageadvantage{width:100%; height:auto; text-align:center;}
.page_tit{width:auto; height:auto; line-height:30px; font-size:16px; color:#333; padding-bottom:50px;text-align:center; margin:auto;}
.page_tit dl{width:100%;}
.page_tit dl dt{font-size:35px; line-height:65px; font-weight:bold;}
.page_tit dl dt span{color:#01b1ec;}
.page_tit dl dd{font-size:18px;}
@media screen and (max-width: 850px) { 
.page_tit{padding-bottom:20px;}
.page_tit dl{width:90%; margin:auto;}
.page_tit dl dt{font-size:20px; line-height:40px;}
.page_tit dl dd{font-size:14px; line-height:22px;}
}
.pageadvantage .list_botton{width:25%; height:auto; float:left; padding-bottom:2%; text-align:center;}
.pageadvantage .list_botton .img{width:80%; border-radius:10px; overflow:hidden; margin:auto; text-align:center;}
.pageadvantage .list_botton .img img{width:100%;transition:all ease-in-out .5s;}
.pageadvantage .list_botton dl{width:80%; height:auto; color:#000; float:left; text-align:center; padding:0 10%;}
.pageadvantage .list_botton dl dd{font-size:15px; line-height:25px; padding:8% 0; color:#656565;}
.pageadvantage .list_botton:hover .img img{transform:scale(1.1);}
.pageadvantage .list_botton:hover dl{color:#01b1ec;}

@media screen and (max-width: 1200.98px) { 
.pageadvantage .list_botton dl dd{font-size:13px; line-height:25px;}
}
@media screen and (max-width: 860.98px) { 
.pageadvantage .list_botton{width:50%;}
.pageadvantage .list_botton .img{width:90%;}
.pageadvantage .list_botton dl{width:90%; padding:0 5%;}
.pageadvantage .list_botton dl dd{font-size:12px; line-height:20px;}
}

.ny_img_left .page_tit{width:auto; height:auto; font-size:16px; color:#333; padding:5% 0;text-align:left;}
.ny_img_left .page_tit dl{width:100%;}
.ny_img_left .page_tit dl dt{font-size:22px; font-weight:bold;line-height:30px;}
.ny_img_left .page_tit dl dd{font-size:14px;line-height:30px;}

.ny_img_left .pageadvantage .list_botton{width:45%; height:auto; float:left; padding:0 5% 2% 0; text-align:center;}
.ny_img_left .pageadvantage .list_botton .img{width:100%; border-radius:10px; overflow:hidden; margin:auto; text-align:center;}
.ny_img_left .pageadvantage .list_botton .img img{width:100%;transition:all ease-in-out .5s;}
.ny_img_left .pageadvantage .list_botton dl{width:100%; height:auto; color:#000; float:left; text-align:left; padding:0;}
.ny_img_left .pageadvantage .list_botton dl dd{font-size:13px; line-height:25px; padding:8% 0; color:#656565;}
.ny_img_left .pageadvantage .list_botton:hover .img img{transform:scale(1.1);}
.ny_img_left .pageadvantage .list_botton:hover dl{color:#01b1ec;}

@media screen and (max-width: 860.98px) { 
.ny_img_left .page_tit{padding:3% 0;}
.ny_img_left .page_tit dl dt{font-size:18px; line-height:25px;}
.ny_img_left .page_tit dl dd{font-size:13px;line-height:25px;}
.ny_img_left .pageadvantage .list_botton dl dd{font-size:12px; line-height:20px; padding:5% 0;}
}


/*页脚*/
.footnav{width:100%; height:auto; background:#262626; color:rgba(255,255,255,0.5);font-size:15px;}
.footnav .homefoot{width:100%; height:auto; padding:5% 0 3% 0; text-align:left;}
.footnav .homefoot .tit{width:12%; height:auto; float:right; text-align:left;}
.footnav .homefoot .tit .dt{width:100%; float:left; font-size:18px; line-height:55px; color:rgba(255,255,255,0.8); font-family:Arial; text-transform:uppercase; font-weight:bold;}
.footnav .homefoot .tit .dd{width:100%; float:left; line-height:30px; color:rgba(255,255,255,0.6); background:url(../images/news_sanjiao.png) left center no-repeat; text-indent:15px;}
.footnav .homefoot .tit .dd:hover{color:rgba(255,255,255,0.8);}
.footnav .homefoot .tits{width:24%; height:auto; float:right; text-align:left;}
.footnav .homefoot .tits .dt{width:100%; float:left; font-size:18px; line-height:55px; color:rgba(255,255,255,0.8); font-family:Arial; text-transform:uppercase; font-weight:bold;}
.footnav .homefoot .tits .dd{width:50%; float:left; line-height:30px; color:rgba(255,255,255,0.6); background:url(../images/news_sanjiao.png) left center no-repeat; text-indent:15px;}
.footnav .homefoot .tits .dd:hover{color:rgba(255,255,255,0.8);}
.footnav .homefoot .contact{width:35%; height:auto; float:left; text-align:left; font-family:Arial;border-right:1px solid rgba(255,255,255,0.2);}
.footnav .homefoot .contact .dl{width:100%; float:left; font-size:18px; line-height:30px; color:rgba(255,255,255,1); font-weight:bold;}
.footnav .homefoot .contact .dd{width:100%; float:left; font-size:30px; line-height:50px;color:rgba(255,255,255,1); font-family:Arial; text-transform:uppercase; font-weight:bold;}
.footnav .homefoot .contact .dt{width:calc(100% - 120px); float:left; font-size:35px; height:80px; padding:20px 0; color:rgba(255,255,255,0.6); font-weight:bold; font-family:Arial; padding-left:120px; background:url(../images/phone.jpg) left center no-repeat;}
.footnav .homefoot .contact .dt .dtone{width:100%; float:left; font-size:15px; line-height:30px; font-weight:normal; background:url(../images/foot_add.png) left center no-repeat; text-indent:35px;}
.footnav .homefoot .contact .dt .dttwo{width:100%; float:left; font-size:15px; line-height:30px; font-weight:normal; background:url(../images/foot_tel.png) left center no-repeat; text-indent:35px;}
.ding{width:64px; height:64px; position:absolute; right:0px;}
.footer{width:100%; line-height:25px; padding:25px 0; color:rgba(255,255,255,0.6); text-align:left; border-top:1px solid rgba(255,255,255,0.2);}
.footer a{color:rgba(255,255,255,0.6); !important;}
.footer a:hover{color:rgba(255,255,255,0.8); !important;}
.footer span{float:right;}
@media screen and (max-width: 1400px) { 
.footnav{font-size:13px;}
.footnav .homefoot .tit .dt{font-size:16px;}
.footnav .homefoot .tits .dt{font-size:16px;}
.footnav .homefoot .contact .dl{font-size:16px; line-height:30px;}
.footnav .homefoot .contact .dd{font-size:25px; line-height:40px;}
.footnav .homefoot .contact .dt .dtone{font-size:13px;}
.footnav .homefoot .contact .dt .dttwo{font-size:13px;}
} 
@media screen and (max-width: 1100px) { 
.footnav .homefoot .tit{width:100%;}
.footnav .homefoot .tit .dd{width:25%;}
.footnav .homefoot .tits{width:100%;}
.footnav .homefoot .tits .dd{width:25%;}
.footnav .homefoot .contact{width:100%; float:right;border-right:none;}
.footnav .homefoot .contact .dd{width:100%; font-size:14px;}
.footer{text-align:left;}
} 

@media screen and (max-width: 860px) {
.footnav .homefoot .tit .dt{font-size:16px;}
.footnav .homefoot .tit .dd{width:33.3%;}
.footnav .homefoot .tits .dd{width:33.3%;}
.footnav .homefoot .contact .dl{font-size:16px;}
.footer{padding:10px 0 90px 0;background:none;}
} 

@font-face {
	font-family: "commonfont";
	src: url('../font/common.woff') format('woff'), url('../font/common.ttf') format('truetype');
}
.commonfont {
	font-family: "commonfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
/* footer */
.footer_float {
	width: 100%;
	height:0px;
	padding:0;
	overflow:hidden;
	position: fixed!important;
	bottom: 0;
	right: 0;
	z-index: 9999;
	background:#01b1ec;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot_float {
	width: 100%;
	position: fixed;
	height: 0.8rem;
	bottom: 0;
	left: 0;
	z-index: 10;
	-webkit-transition: all 0.3s ease-in-out 0s;
	-moz-transition: all 0.3s ease-in-out 0s;
	-ms-transition: all 0.3s ease-in-out 0s;
	transition: all 0.3s ease-in-out 0s;
}
.foot-relative_float {
	position: relative;
	width: 100%;
	height: 0.8rem;
}
.foot_float a {
	display: block;
	float: left;
	width: 33.33%;
	color: #ffffff
}
.foot_float a span {
	display: block;
	width: 100%;
	text-align: center;
	font-size:30px;
	line-height:40px;
}
.foot_float a h3 {
	width: 100%;
	text-align: center;
	font-size:14px;
	line-height:20px;
}

@media screen and (max-width: 660px) { 
.footer_float {
	height:70px;
	padding:5px 0;
}
} 
/* 设置了浏览器宽度不大于660px时 */


.pagelist{ width:100%; height:auto; margin-top:15px;}
.center {text-align: center;}

.news_tit{ width:900px; height:60px; overflow:hidden; line-height:80px; font-size:20px; text-align:center;}
.news_date{ width:900px; height:34px; line-height:34px; color:#919191; text-align:center;}
.news_con{ width:900px; height:auto; overflow:hidden; padding-top:20px; padding-bottom:30px;}
.news_pre{ width:900px; height:36px; line-height:36px; border-bottom:1px solid #d2d2d2; color:#8d8d8d; text-indent:45px;}
.news_pre a{ color:#8d8d8d;}
.proimg{ width:550px; height:auto; margin:20px auto 0; text-align:center;}


.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clear{ clear:both; display:block}
.main{ width:1200px; height:auto; margin:0px auto;}
.lf{ float:left; display:block} 


/* 内页左边 */
.ny_left{width:100%; height:auto; line-height:70px;}
.ny_left .div_tit{color:#adadad; padding-left: 26px; font-size:12px; background: url(../images/home_icon.png) left center no-repeat; float:right;}
.ny_left .div_list{width:auto; font-size:14px; color:#333; text-align:center;}
.ny_left .div_list .list_con{width:14%; color:#333; line-height:70px; border-right:1px dotted #d6d6d6; float:left; transition:all ease-in-out .3s;}
.ny_left .div_list a:nth-child(1) .list_con{background:#01b1ec; color:#fff;border-right:none;}
.ny_left .div_list .list_con:hover{background:#01b1ec; color:#fff;}
.ny_left .div_list .list_cog{width:14%; background:#01b1ec; color:#fff; line-height:70px; border-right:1px dotted #d6d6d6; float:left; transition:all ease-in-out .3s;}

/* 内页右边 */
.ny_right{width:100%; float:left; height:auto; padding:4% 0;}
.ny_right img{max-width:100%;}
.ny_right_content{width:100%; height:auto; line-height:30px; color:#333; padding-bottom:3%;}
.ny_right_content img{max-width:100%;}

.ny_right_content .ny_img_left{width:40%; height:auto; float:left;}
.ny_right_content .ny_img_right{width:56%; height:auto; float:right; text-align:left;}
.ny_right_content .ny_img_right h3{padding-bottom:2%; font-weight:bold;}


@media screen and (max-width: 1200px) { 
.ny_left .div_list{font-size:14px;}
} 
@media screen and (max-width: 960px) { 
.ny_left .div_tit{display:none;}
.ny_left .div_list{font-size:13px;}
.ny_left .div_list .list_con{width:32.8%; line-height:45px; margin-top:10px;}
.ny_left .div_list .list_cog{width:32.8%; line-height:45px; margin-top:10px;}
.ny_right_content .ny_img_left{width:100%;}
.ny_right_content .ny_img_right{width:100%;}
} 
/* 联系内页左边 */
.nycontact_left{width:30%; float:right; height:auto; margin-bottom:20px;}
.nycontact_left .TwoOfTwo .aboutus{width:100%; margin-bottom:20px; background:#fff;border-radius:10px 10px 0 0; color:#333;-webkit-box-shadow:0 0 20px rgba(0, 0, 0, .2);  -moz-box-shadow:0 0 20px rgba(0, 0, 0, .2);  box-shadow:0 0 20px rgba(0, 0, 0, .2);}
.nycontact_left .TwoOfTwo .aboutus p{line-height:87px; font-size:22px; font-weight:bold; text-align:left; color:#fff; background:#01b1ec; text-align:center;border-radius:10px 10px 0 0;}
.nycontact_left .TwoOfTwo .aboutus .div_list{width:80%; font-size:14px; color:#333; text-align:center; padding:10%;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message{width:100%;height:auto; font-size:16px; text-align:left;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .left_txt{width:100%; font-size:14px;line-height:50px; text-indent:20px; color:#333; background:#fff; margin-bottom:18px; border:1px solid #b9b9b9; border-radius:4px;}
.nycontact_left .TwoOfTwo .aboutus .div_list .txt_message .submit{width:100%; font-size:18px;line-height:52px; background:#01b1ec; border:0; text-align:center; color:#fff; text-transform:uppercase; border-radius:4px;}

/* 联系内页右边 */
.nycontact_right{width:64%; float:left; height:auto;background:#fff;}
.nycontact_right_tit{width:100%; line-height:60px; border-bottom:1px solid #ccc; margin-bottom:30px; text-align:right; font-size:16px;}
.nycontact_right_content{width:100%; height:auto; line-height:30px; color:#333;}
.nycontact_right_content img{max-width:100%;}
 
@media screen and (max-width: 1100px) { 
.nycontact_left{width:100%;}
.nycontact_left .TwoOfTwo .aboutus p{line-height:60px; font-size:20px;}
.nycontact_left .TwoOfTwo .aboutus .div_list{padding:5% 10%;}
.nycontact_right{width:80%;padding:2% 10%;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nycontact_right_tit{font-size:14px; margin-bottom:20px;}
.nycontact_left{width:100%;}
} 
/* 设置了浏览器宽度不大于660px时 */



/* 内页左边 */
.ny_pro_div_tit{color:#adadad; padding-left:26px; font-size:12px; background: url(../images/home_icon.png) left center no-repeat; float:left; line-height:80px; width:100%;}
.ny_pro_left{width:25%; height:auto; line-height:70px; float:left;}
.ny_pro_left .list_tit_pro{width:100%; color:#333; line-height:70px; background:#efefef;font-size:16px; text-indent:20px; font-weight:bold;float:left; transition:all ease-in-out .3s;}
.ny_pro_left .div_list{width:auto; font-size:14px; color:#333; text-align:left;}
.ny_pro_left .div_list .list_head{width:100%; height:70px;line-height:70px;font-size:15px;color:#333;cursor:pointer;position:relative;background:url(../images/pro_left.png) center right 20px no-repeat; border-bottom:1px dotted #d6d6d6;}
.ny_pro_left .div_list .list_head dt{line-height:70px; width:100%; text-align:left; float:left;color:#01b1ec;font-weight:bold; text-indent:20px;}
.ny_pro_left .div_list .list_head dd{line-height:70px; width:100%; text-align:left; float:left; text-indent:20px;}
.ny_pro_left .div_list .current{width:100%;background:url(../images/pro_down.png) center right 20px no-repeat;color:#01b1ec;}
.ny_pro_left .div_list .list_head:hover a{color:#01b1ec; font-weight:bold;}
.ny_pro_left .div_list .list_body{line-height:50px; font-size:13px;}
.ny_pro_left .div_list .list_body .list_con{width:100%; border-bottom:1px dotted #d6d6d6; text-indent:20px; float:left; transition:all ease-in-out .3s;}
.ny_pro_left .div_list .list_body .list_cog{width:100%; border-bottom:1px dotted #d6d6d6; text-indent:20px; float:left; transition:all ease-in-out .3s;}
.ny_pro_left .div_list .list_body .list_con:hover{color:#01b1ec;}
.ny_pro_left .div_list .list_body .list_cog:hover{color:#01b1ec;}


/* 内页右边 */
.ny_pro_right{width:70%; float:right; height:auto; padding:0 0 3% 0;border-top:1px dotted #d6d6d6;}
.ny_pro_right img{max-width:100%;}
.ny_pro_right_contentxz{width:100%; height:auto; line-height:30px; color:#333; padding:3% 0;}
.ny_pro_right_content{width:100%; height:auto; line-height:30px; color:#333; padding-bottom:3%;}
.ny_pro_right_content img{max-width:100%;}
.ny_pro_right_content .ny_img_left{width:40%; height:auto; float:left;}
.ny_pro_right_content .ny_img_right{width:56%; height:auto; float:right; text-align:left;}
.ny_pro_right_content .ny_img_right h3{padding-bottom:2%; font-weight:bold;}


@media screen and (max-width: 1000px) { 
.ny_pro_left{width:100%;}
.ny_pro_right{width:100%;}
} 
@media screen and (max-width: 960px) { 
.ny_pro_left .div_list{font-size:13px;}
.ny_pro_right_content .ny_img_left{width:100%;}
.ny_pro_right_content .ny_img_right{width:100%;}
} 



.nypro-list{width:23.8%; height:auto; float:left; position:relative; margin:0.5%;text-align:center; position:relative; border:1px solid rgba(0,0,0,0.2);}
.nypro-list img{width:100%; height:auto; transition:all ease-in-out .5s;}
.nypro-list p{width:100%; height:auto; line-height:30px; padding-bottom:10px; font-size:16px; color:#333;}
.nypro-list .img_mask{width:90%; height:100%; overflow:hidden; color:#fff; background:rgba(1,177,236,0); padding:0 5%; position:absolute; transition:all ease-in-out .5s; z-index:2;}
.nypro-list .img_mask .img_txt{width:100%; line-height:40px; font-size:14px; padding-top:25%; display:none; text-align:center;}
.nypro-list .img_mask .img_txt p{font-size:20px;color:#fff;}
.nypro-list .img_mask:hover{background:rgba(1,177,236,0.6);}
.nypro-list .img_mask:hover .img_txt{display:block;}

@media screen and (max-width: 1200px) { 
.nypro-list .img_mask .img_txt p{font-size:16px;}
} 
/* 设置了浏览器宽度不大于1200px时 */
@media screen and (max-width: 860px) { 
.nypro-list{width:47.5%;margin:1%;}
.nypro-list p{font-size:14px;}
.nypro-list .img_mask .img_txt{line-height:35px;}
.nypro-list .img_mask .img_txt p{font-size:15px;}
} 
/* 设置了浏览器宽度不大于860px时 */
@media screen and (max-width: 660px) { 
.nypro-list p{font-size:12px;}
.nypro-list .img_mask .img_txt{line-height:30px;}
} 
/* 设置了浏览器宽度不大于660px时 */

/* 项目内页 */
.ny_img_com{width:100%; padding:2% 0 3% 0; height:auto; background:#fff; margin:auto; float:right;}
.ny_img_com .ny_img_left{width:40%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:56%; height:auto; float:right; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{width:100%; line-height:25px; padding:2% 0 1% 0; font-size:21px; color:#333;}
.ny_img_com .ny_img_center .tit_hh{width:100%; line-height:25px; padding-bottom:2%; font-size:15px; color:#333;}
.ny_img_com .ny_img_center .tit_h2{width:92%; height:auto; line-height:30px; padding:4%; margin-bottom:5%; background:#eaeaea; font-size:14px; color:#333;}
.ny_img_com .ny_img_center .tit_h3{width:100%; height:auto; line-height:25px; padding:0 0 5% 0; font-size:14px; color:#575757; float:left;}
.ny_img_com .ny_img_center .tit_h3 span{color:#e30013; padding-right:10px;}
.ny_img_com .ny_img_center .tit_message{width:45%; line-height:40px; background:#e30013; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_message a{color:#fff;}
.ny_img_com .ny_img_center .tit_message:hover{background:#eb4f38;}
.ny_img_com .ny_img_center .tit_message:hover a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong{width:45%; line-height:40px; background:#eb4f38; font-size:15px; color:#fff; float:left; text-align:center; margin-right:5%;}
.ny_img_com .ny_img_center .tit_fasong a{color:#fff;}
.ny_img_com .ny_img_center .tit_fasong:hover{background:#e30013;}
.ny_img_com .ny_img_center .tit_fasong:hover a{color:#fff;}

@media screen and (max-width: 1000px) { 
.ny_img_com{width:100%;}
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.ny_img_com .ny_img_left{width:100%; height:auto; float:left;}
.ny_img_com .ny_img_center{width:100%; height:auto; float:left; text-align:left;}
.ny_img_com .ny_img_center .tit_h1{font-size:18px;}
.ny_img_com .ny_img_center .tit_hh{font-size:14px;}
.ny_img_com .ny_img_center .tit_h2{font-size:12px;}
.ny_img_com .ny_img_center .tit_h3{height:0px; padding:0; overflow:hidden;}
} 
/* 设置了浏览器宽度不大于660px时 */

/*内页新闻*/
.nynewslist{width:100%; height:auto;}
.nynewslist li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px solid #ededed;}
.nynewslist li a{ font-size:16px; color:#333; line-height:30px;transition:all ease-in-out .3s;}
.nynewslist li:hover a{text-decoration:none; color:#01b1ec; font-weight:bold; padding-left:20px;}
.nynewslist li span{ font-size:14px; color:#787878; line-height:25px;}
.nynewslist li:hover{background:#ececec;}

/*内页新闻加图片*/
.nynewsimg{width:100%; height:auto;}
.nynewsimg li{ width:96%; height:auto; padding:20px 2%; color:#333; font-size:16px; border-bottom:1px dotted #ccc;}
.nynewsimg li img{width:28%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:65%; height:auto; float:right;}
.nynewsimg li dl dt{font-size:16px; color:#333; line-height:50px;}
.nynewsimg li dl dd{font-size:14px; color:#787878; line-height:25px;}
.nynewsimg li a{ font-size:16px; color:#333; line-height:27px;}
.nynewsimg li:hover img{border:1px solid #01b1ec;}
.nynewsimg li:hover dl dt{color:#01b1ec; font-weight:bold;}
.nynewsimg li:hover{background:#ececec;}

@media screen and (max-width: 1000px) { 
.nynewsimg li img{width:38%; height:auto; float:left; padding:1%; border:1px solid #ccc;}
.nynewsimg li dl{width:55%; height:auto; float:right;}
.nynewsimg li dl dt{line-height:35px;}
} 
/* 设置了浏览器宽度不大于1100px时 */
@media screen and (max-width: 660px) { 
.nynewsimg li img{width:90%; padding:5%;}
.nynewsimg li dl{width:90%; padding:5%;}
} 
/* 设置了浏览器宽度不大于660px时 */


/*分页*/
.page{ width:100%;height:35px;padding-top:15px; text-align:center;}
.page a{display:inline-block; color:#333; border:1px solid #dedede; padding: 5px 8px; margin:0px 3px; border-radius:2px;}
.page a:hover{background-color:#6e2200;color:#fff; text-decoration:none;}
.page .current{display:inline-block; padding: 5px 8px; color:#6e2200; font-weight:bold;}

/*详情页*/
.article_title{ text-align:center; width:100%; padding:10px 0;}
.article_title h1{font-size:20px; line-height:30px;}
.newsin-c{width:100%; height:auto; margin:0px auto; padding-top:20px;}
.newsnext{width:100%; padding:30px 0px;}
.newsnext li{width:100%; height:30px; line-height:30px;}
.newsnext li a{color:#333; line-height:30px;}
.newsnext li a:hover{color:#01b1ec; cursor:pointer; text-decoration:none;}
.artdet{width:100%; line-height:50px; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; margin-bottom:25px; background:#efefef;}

.nyproleft{width:480px; height:440px; text-align:left;}
.nyprolefts{width:480px; height:440px; text-align:left;}
#tbody {width:305px;margin:0px auto;}
#mainbody {width:305px;border:1px solid #dedede; margin-bottom: 10px;}
#mainphoto {cursor:pointer;display:block;}
#goleft {float:left;clear:left;}
#goright {float:right;clear:right;}
#photos {width:370px;height:62px;overflow:hidden; float: left; margin: 0px 5px;}
#showArea img {display:block;float:left;margin:0px 6px;cursor:pointer;border:1px solid #dedede}
#showArea img:hover{ border: 1px solid #cc0000;}


.nyproright{ width:400px; height: auto; float: right;}
.pro_title{ text-align:left; width:100%; font-size:22px; line-height:40px; }
.nyproright p{ margin: 10px 0px; line-height:40px; height: 40px; overflow: hidden; color:#616161; font-size:15px;}
.nyproright span{ font-size: 18px; color: #464646; height: 45px;}
.nyproright span b{ color: #01b1ec; font-size: 26px;}
.nyproright a{ display:block; background: #01b1ec url(../images/productshow_03.jpg) no-repeat 130px center; height: 40px;line-height: 40px; font-size: 16px; color: #fff; text-align: center;  width: 160px; margin-top: 20px;float: left;}
.nyproright a:hover{ text-align: center;}
.pofont1{ float: left; color: #616161; font-size: 16px; padding-top: 25px;}
.probody{ border-top:1px dashed #dedede; padding: 15px 0px; font-size: 13px; line-height: 23px; margin-top: 40px;}
.probody img{ max-width:890px}
.probodytitle{ width:100%; height:60px; line-height:50px; text-align:left; color:#333; font-size:16px; margin-bottom:20px; border-bottom:1px solid #e1e1e1;text-transform:uppercase;}

.page_list{text-align:center;letter-spacing:0;font-size:15px;margin-top:20px; margin-bottom:10px; clear:both}
.page_list .page-status{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-index a{color:#979797;}
.page_list .page-index:hover{color:#fff;border:1px solid #01b1ec; background:#01b1ec;}
.page_list .page-index:hover a{color:#fff;}

.page_list .page-pre{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-pre a{color:#979797;}
.page_list .page-pre:hover{color:#fff;border:1px solid #01b1ec; background:#01b1ec;}
.page_list .page-pre:hover a{color:#fff;}

.page_list .page-numbar .page-num{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-numbar .page-num a{color:#979797;}
.page_list .page-numbar .page-num:hover{color:#fff;border:1px solid #01b1ec; background:#01b1ec;}
.page_list .page-numbar .page-num:hover a{color:#fff;}

.page_list .page-next{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-next a{color:#979797;}
.page_list .page-next:hover{color:#fff;border:1px solid #01b1ec; background:#01b1ec;}
.page_list .page-next:hover a{color:#fff;}

.page_list .page-last{display:inline-block;color:#979797;text-align:center;padding:0px 10px; margin:0px 2px; line-height:35px; border:1px solid #dfdfdf; border-radius:4px;}
.page_list .page-last a{color:#979797;}
.page_list .page-last:hover{color:#fff;border:1px solid #01b1ec; background:#01b1ec;}
.page_list .page-last:hover a{color:#fff;}


/*link*/
.sylink{width:100%; height:64px; background:#01b1ec; text-align:left;}
.sylink .linkcen{width:1200px; height:64px; line-height:64px; font-size:15px; color:#fff; margin:auto;}
.sylink .linkcen span{float:left; padding:0px 15px 0px 0px;}
.sylink .linkcen a{color:#fff; text-decoration:none; line-height:64px; padding:0px 10px;}
.sylink .linkcen a:hover{color:#e0edff; text-decoration:none;}

/*link*/
.hy { width: 1200px; margin:auto; height:132px; margin-top:30px;}
.hy_top {width: 1200px; height: 46px; border-bottom:1px #d3d3d3 solid; float:left;}
.hy_top ul li { float: left; height: 46px; line-height: 46px; width: 102px; font-size:20px; font-weight:bold;}
.hy_top ul li span{ width:12px; color:#01b1ec; float:right;}
.hy_top ul li a { display: block; height: 46px; width: 90px; color: #333; text-align:center; text-decoration:none;}
.hy_top ul li a:hover, .hy_top ul .cur a {  height: 43px; width: 90px; color:#01b1ec; border-bottom:3px #01b1ec solid; text-decoration:none;}
.hy_con {width: 1200px;  height: 83px; margin-top:20px; float:left; line-height:25px;}