/*
* name: ruler
* version: v2.0.1
* update: 鎭㈠浣跨敤max-width锛屾渶鏂扮増鏈殑UC娴忚鍣ㄤ笉鏀寔max-device-width
* data: 2018-05-18
*/
/* import responsive stylesheet */
@import url(./Pad.css) screen and (max-width: 1024px);
@import url(./Mobile.css) screen and (max-width: 760px);
/* hide template textarea */
.UnpcPush textarea, .PcPush textarea, .MobilePush textarea, .UnmobilePush textarea{display: none;}
/*
* PcMode
*/
body:after {
display: block;
height: 0;
line-height: 0;
overflow: hidden;
visibility: hidden;
content: 'Pc';
}
.PcMode:after { content: 'Pc' !important;}
.UnpcPush, .MobilePush { display: none;}
img[data-src] { opacity: 0 ; filter: alpha(opacity=0);}
/*
* PadMode
*/
@media only screen and (max-width: 1240px) {
/*鑱旂郴鎴戜滑*/
.contact01 .cover .box{padding: 40px;}
.contact01 .cover .box .mess{padding-bottom: 15px;margin-bottom: 15px;}
.contact01 .cover .box .list .t{margin-bottom: 0;}
/*big-event*/
.event .tab_content{width: 100%;border-left: none;}
.event .tab_option{width: 100%;}
.event .tab_option ul li{float: left;width: 33%;margin: 10px 0 30px;}
.event .tab_option ul li:hover::after,.event .tab_option ul li.active::after{border-left: 15px solid transparent;border-top: 15px solid #3caaff;border-right: 15px solid transparent;top:auto;right: 50%;margin-right: -10px;bottom: -30px;}
.event .tab_option .tab_t{text-align: center;}
.event .tab_option .tab_s{text-align: center;}
.event .tab_content .tab_part{padding-left: 0px;}
.event .tab_content .tab_part::after{left: -8px;}
.event .tab_content .tab_part .item::after{display: none;}
/*.res_abt*/
.res_abt_ban_box{width: 800px;left: 50%;margin-left: -400px;}
.res_abt .part1_l{float: none;margin: 0 auto;}
.res_abt .part1_r{float: none;margin: 0 auto;width: 800px}
.res_abt .part1{height: 100%;}
.res_abt .part1_r .part1_r_img{padding-top:88px;margin-top: 0; }
/*.res_abt .part2_box{padding: 40px 30px;}*/
.res_abt .part2_l, .res_abt .part2_r{width: 100%;}
/*.res_abt .part2_over{display: none;}*/
.res_abt .part1_l ul li span.part1_job_n{width: 20%;padding-right: 5%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.res_abt .part1_l ul li span{float: none;width: 24%;}
}
@media only screen and (max-width: 992px) {
/*鑱旂郴鎴戜滑*/
.contact01 .cover{width: 68%;}
.contact01 .cover .box{padding:20px 25px;}
.contact01 .cover .box .infor .tit{font-size: 21px;}
.contact01 .cover .box .infor .con{margin-bottom: 10px;}
.contact01 .cover .box .mess{padding-bottom: 5px;margin-bottom: 5px;}
/*.res_abt*/
.res_abt_ban_box{width: 740px;margin-left: -370px;}
.res_abt_ban_box .ban_box{width: 50%;}
.res_abt .part1_l{width: 740px;}
.res_abt .part1_r{width: 100%;}
}
@media only screen and (max-width: 1024px) {
body:after {
content: 'Pad';
}
body{ user-select: none;-webkit-user-select: none;}
html,body,.wrap { min-width:0;}
html { overflow-x:hidden;}
body,input,textarea,button,select { font-size:14px;}
.wrap{padding-left:2%;padding-right:2%;width: auto;}
.PcPush{display: none;}
.UnpcPush{display: block;}
/*浜岀骇瀵艰埅*/
.sec_menu .firstmenu{display: none;}
.sec_menu .main{width: 100%;overflow-y: hidden;overflow-x: auto;}
.sec_menu .main li{width: 16%;}
/*鍏充簬鎴戜滑鐨勭患鍚�*/
.about_center .part2 .part2_honor .part2_honor_l{/*width: 100%;*/margin-bottom: 15px;}
.about_center .part2 .part2_honor .part2_honor_r{/*width: 100%;*/}
.about_center .part2 .part2_honor{height: 100%;}
.about_center .part2 .honor_r_r{height: auto;padding: 45px 30px 0 40px;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box{top:55px;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box .honor_box_p{margin-bottom: 30px;}
.about_center .part3 .part3_b_top_l{width: 250px;}
.about_center .part3 .part3_b_top_c{width: 250px;}
.about_center .part3 .part3_b_top_l .part3_first{margin-top: 30px;}
.about_center .part3 .part3_b_top_r{width: 430px;}
/*about椤甸潰*/
.about .about_bottom{visibility: visible;}
.about .about_top{visibility: visible;}
.about .about_left{visibility: visible;}
.about .about_right{visibility: visible;}
.about .part1 .part1_l ul > li{width: 50%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.about .part1 .part1_l ul > li:nth-child(2n-1){width: 50%;}
.about .part1 .part1_r a{margin: 30px 30px 0 0;}
/*璧拌繘*/
.about_center .part2 .part2_bg .part2_bg_idea{width: auto;}
/*浼佷笟姒傚喌*/
.about .part1 .part1_l ul li .about_icon{margin-top: 37px;}
.about .about_h4{font-size: 20px;}
.about .about_s{font-size: 17px;}
.about .part1 .part1_l ul li .about_num{font-size: 20px;}
/*璧拌繘*/
.about_center{padding-bottom: 0;}
.about_center .part1 .about_p{width: auto;}
/*浜у搧缁煎悎*/
.pro_index .part2_bd li{width:32%;}
}
@media only screen and (max-width: 992px) {
/*about_center*/
.about_center .part2 .honor_r_r{height: 277px;}
.about_center .part3 .part3_b_top_l{width: 25%;}
.about_center .part3 .part3_b_top_c{width: 25%;}
.about_center .part3 .part3_b_top_r{width: 50%;}
.about_center .part3 .part3_b_top_l .part3_sen{font-size: 30px;}
.about_center .part3 .part3_b_top_l .part3_first{font-size: 30px;}
.about_center .part3_b_t_r_h4{font-size: 30px;padding: 0 20px;}
.about_center .part3 .part3_ul.part3_scroll{padding: 0 19px;margin-right: 2px;}
.about_center .part3 .part3_h .part3_h_b{ width: 90%;margin: 0 auto;}
.about_center .part3 .part3_b_bottom{margin-top: 20px;}
.about_center .part2 .part2_bg{height: 100%;position: static;}
.about_center .part2 .part2_bg img{display: none;}
.about_center .part2 .part2_bg .part2_bg_idea{position: static;top: auto;left: auto;width: 100%;}
.about_center .part2 .part2_p{width: 90%;margin: 0 auto;}
/*electricity*/
.electricity_s{width: 100%;}
.electricity .ele_list ul > li >.ele_box{padding-left: 75px;}
.electricity .ele_list ul > li >.ele_box .ele_icon_bg{left: 5px;}
/*about椤甸潰*/
.about .part1{margin-top: 20px;}
.about .part1 .part1_l {width: 100%;}
.about .part1 .part1_r {width: 100%;}
/*.about .about_h4{font-size: 26px;}*/
.about .part1 .part1_l ul{padding-bottom: 0;}
.about .part2_p{margin-top: 20px;}
/*.news_abt*/
.news_abt .part2_video_r> .video_play:first-child .rect-75{margin-bottom: 16px;}
/*.res_abt*/
.res_abt_ban_box{width: 740px;margin-left: -370px;}
.res_abt_ban_box .ban_box{width: 50%;}
.res_abt .part1_l{width: 740px;}
.res_abt .part1_r{width: 100%;}
/*coking*/
.coking .coking_slide_item.cur{width: 460px;}
.coking .coking_s{width: 90%;margin: 0 5%;}
/*chemical*/
.chemical .chemical_h4{font-size: 25px;}
.chemical .chemical_s{width: 80%;margin:10px 10%;}
/*cxw end*/
/*2017-10-26*/
.ipart01 .myprev{left: 500px;}
.ipart01 .mynext{left:520px;}
/*澶т簨璁�*/
.event .tab_option .tab_t{font-size: 30px;}
/*20171030*/
/*棣栭〉*/
.ipart03 .ipart3_bd .list_box:before{right: -50px;}
.ipart03 .ipart3_bd li.cur .list_box:after{right: -71px;}
/*璧拌繘鎴戜滑*/
.about_center .part2 .part2_honor .part2_honor_l,
.about_center .part2 .part2_honor .part2_honor_r{width: 100%;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box {top: 50%; margin-top: -110px; left: 50%; margin-left: -150px; }
.about_center .part2 .honor_r_r{padding-top: 90px;padding-bottom: 20px;}
/*鍏徃姒傚喌*/
.about .part1 .part1_r a{margin: 0;}
/*鎴愬憳鍏徃*/
.cy_company .main_list .list_pic{width: 100%;}
.cy_company .main_list .list_r{width: 100%;}
/*浜烘墠缁煎悎*/
.res_abt_ban_box .ban_box .ban_item .res_abt_s{height: 60px;}
.res_abt .part2_l{margin-bottom: 30px;}
/*20171222*/
.chemical .che_li{padding: 40px 20px;}
/* */
}
/*
* MobileMode
*/
/*
* MobileMode
*/
@media only screen and (max-width: 760px) {
body:after {
content: 'Mobile';
}
body,input,textarea,button,select {font-size:16px;}
.wrap{padding-left:4%;padding-right:4%; }
.UnmobilePush{display: none;}
.MobilePush{display:block;}
img[data-src]{opacity: 1;}
.right_nav {display:none;}
/*浜岀骇瀵艰埅*/
.sec_menu .main li{width: 25%;}
/*浜岀骇banner*/
.xc_banner{display: none;}
.xc_banner{height: 0;padding-bottom: 30%;}
.xc_banner .box{top: 10px;left: 6px;}
.widget-bread-1{font-size: 13px;}
.xc_banner>img {position:absolute;left: 0; margin-left: 0; max-width: 100%; height: 100%}
.xc_banner .xc_b_h3{font-size: 16px;margin-bottom: 5px;}
.xc_banner .mouse {width: 30px; height: 32px; margin: 3px 0 0 15px; background-size: contain; }
/*浜岀骇瀵艰埅*/
.sec_menu{line-height: 50px;height: 50px;}
.sec_menu ul li{font-size: 14px;}
/*about_center*/
.about_center .part3 .part3_b_top{padding-top: 0;}
.about_center .part3 .part3_b_top_l{width: 100%;text-align: left;margin-bottom: 15px;}
.about_center .part3 .part3_b_top_l .part3_sen{display: inline-block;}
.about_center .part3 .part3_b_top_l .part3_first{display: inline-block;margin-top: 10px;}
.about_center .part2 .honor_r_r{height: 100%;padding: 20px 0 0 20px;}
.about_center .part3 .part3_b_top_c{width: 100%;}
.about_center .part3_b_t_r_h4{margin-top: 10px;}
.about_center .part3{height: auto;-webkit-background-size: cover;background-size: cover;}
.about_center .part3_tab{height: 100%;}
.about_center .part3 .part3_b{height: 100%;}
.about_center .part3 .part3_b_top_r{width: 100%;}
.about_center .part3_ul{height: 100%;}
.about_center .part3 .part3_ul.part3_scroll{overflow: hidden;}
.about_center .part3_ul{margin-top: 10px;}
.about_center .part1 .about_n .about_n_s{font-size: 30px;}
.about_center .part1 .about_n .about_n_p{margin: 5px 0 10px;}
.about_center .part1 .about_h4{width: 100%;}
/*璧癑I*/
.about_center .part1 .about_h4{font-size: 50px;}
.about_center .part1 .about_h4 .about_h4_s{font-size: 20px;text-align: center;left: 0;margin-left: 0;width: 100%;}
.about_center .part2 .part2_bg .part2_bg_idea{padding: 55px;}
.about_center .part2 .part2_h4{font-size: 20px;margin-top: 30px;}
.about_center .part2 .part2_p{margin-bottom: 30px;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box .honor_box_h4{font-size: 20px;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box .honor_box_s{font-size: 17px;}
.about_center .part2 .honor_r_r .honor_r_r_h4{font-size: 20px;}
.about_center .part3 .part3_h4 .part3_h4_n{font-size: 40px;}
.about_center .part3 .part3_h4{font-size: 20px;}
.about_center .part3 .part3_h4 .part3_h4_n{font-size: 50px;}
.about_center .part3 .part3_h4{font-size: 19px;}
.about_center .part3 .part3_b_top_l .part3_sen{font-size: 20px;}
.about_center .part2 .part2_bg .part2_bg_idea .part2_idea{font-size: 20px;}
.about_center .part2 .part2_honor .part2_honor_l .honor_l_box{width: auto;padding-right: 20px;}
/*浼佷笟姒傚喌*/
/*.about .part1 .part1_l ul > li:nth-child(2n-1){width: 100%;border-right: none;}*/
.about .part1 .part1_l ul > li{width:100%;border-bottom: 1px solid #ddd}
/*鍝佺墝鐞嗗康*/
.company_idea .part-i-r .part-i-r-h4{font-size: 20px;}
/*璧拌繘*/
.about_center{padding-bottom: 0;}
/*璧拌繘*/
.about_center .part1 .about_n .about_n_p{font-size: 13px;}
.about_center .part1 .about_p {margin: 0px auto 30px;}
.about_center .part2{padding-top: 20px;}
.about_center .part2 .part2_bg .part2_bg_idea{height: 222px;}
.about_center .part2 .part2_bg .part2_bg_idea{padding: 30px 55px;}
.about_center .part2 .part2_bg .part2_bg_idea .part2_idea_p{overflow: visible;}
.about_center .part3 .part3_b_top_l .part3_first {margin-top: 28px; }
.about_center .part3 .part3_h4 .part3_s{margin-top: 30px;}
.about_center .part3 .part3_b_top_l{margin-bottom: 23px;}
.about_center .part3 .part3_h4{margin-top: 60px;}
.about_center .part3 .part3_h4{margin-bottom: 10px;}
/*鍏徃姒傚喌*/
.about .part1 .part1_l ul > li{width: 50%;}
.about .part1 .part1_l ul > li.li3,
.about .part1 .part1_l ul > li.li4{margin-bottom: 20px;}
.about .about_part1_s{font-size: 12px;height: 51px;}
.about .part1 .part1_l ul {padding: 25px 0 25px 0; }
/*鑱旂郴鎴戜滑*/
.contact01 .cover{position: static;width: 100%;margin-top: 10px;}
/*.event .tab_option ul li:hover, .event .tab_option ul li.active{background: transparent;color: #333333;}*/
.event .tab_option ul li{width: 33%;padding-top: 0;margin: 10px 0;height: 100%;}
.event .tab_option .tab_t{padding: 0;margin: 0;}
.event .tab_option ul li:hover::after, .event .tab_option ul li.active::after{display: none;}
/* .event .tab_option ul li:hover .tab_t, .event .tab_option ul li.active .tab_t{color: #333333;padding-right: 0}
.event .tab_option ul li:hover .tab_s, .event .tab_option ul li.active .tab_s{color: #333333;padding-right: 0}*/
.event .tab_option .tab_t{font-size: 20px;}
/*浜у搧绫昏〃*/
.es_pro_list .search_box li .filter_unit{ margin-right: 8%; padding-left: 6%; }
/*20171222*/
.contact01 .rect-4258{padding-bottom: 0;height: auto;}
/*浜у搧缁煎悎*/
.pro_index .part2_bd li{width:49%;margin-right:1%;}
/* .pro_index .part2_bd li{width:100%;margin-right:0;}*/
.pro_index .part2_bd .list_box .mask .pd{padding:70px 30px 0;}
/*res_abt;*/
.res_abt_ban_box{width: 92%;position: static;left: 0;top: 0;margin-left: 0;padding: 0 4%;margin-bottom: 15px;}
.res_abt_ban_box .ban_box{width: 50%;padding: 0;}
/* .res_abt_ban{height: 300px;}*/
.res_abt_ban >.xc_banner{height: 100%;}
.res_abt .part1_l{width: 100%;}
.res_abt .part2_box{top: 10%;left: 10%;right: 10%;height: 100%;}
.res_abt .part2_l, .res_abt .part2_r{height: 100%;}
.res_abt .part1_l .box{padding: 20px;}
.rcptpm{text-align:left;}
.rcptpm .mail_area{margin-left:0;}
}