@charset "utf-8";
/*styles for 640px and 1600px!*/
@media only screen and (min-width: 641px) and (max-width: 1600px){
/*header*/
.sildenav{ /*display:none;*/}
.cycle-pager{text-align: center; width:100%;height:12px; margin:0; position:absolute; left:0; bottom:30px; z-index:998}

/*about*/
.about_wall li{ width:25%; float:left; overflow:hidden;}
.about_wall li .cell_img{ display:block; padding:25px 22px; border:1px solid #c8cacb;}
.about_wall li a{ display:block; height:100%; overflow:hidden;}
.about_wall li a img{ width:100%; display:block;}


/*inmechanism*/
.im_wall li{ width:20%; float:left; overflow:hidden;}
.cell_img{ display:block; padding:26px 22px; border:1px solid #c8cacb;}
.cell_img img{ width:100%; display:block;}
.im_case_wall li .cell_img{ padding:30px 26px; display:block; border: 1px solid #c8cacb;}

/*news*/
.news_wall li{ width:20%; float:left; overflow:hidden;}

}
/*styles for 640px and 1160px!*/
@media only screen and (min-width: 641px) and (max-width: 1160px){
/*header*/
header .w1615{ padding:0;}

}

/*styles for less 640px!*/
@media only screen and (max-width: 640px){
/*header*/
header .w1615{ padding:0;}
.cycle-pager{text-align: center; width:100%;height:12px; position:absolute; left:0; bottom:30px; z-index:998; margin:0;}
.sildenav{ display:none;}
.banner,.block1,.block2{ height:auto !important;}
body{ position:relative; height:100%; min-width:320px;}
.warp header{ height:106px !important; background:#ececec;}
.logo{ padding-left:26px;}
.nav_btn{ display:block; float:right; height:106px; width:100px; background:url(../images/nav_btn.png) center center no-repeat #474646;-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.nav_btn_hot{-webkit-transform:translate3d(-365px,0,0);-moz-transform:translate3d(-365px,0,0);transform:translate3d(-365px,0,0);}
nav{ position:fixed; height:100%; top:0; right:0; z-index:9999; width:365px; background:#8e8e8e;-webkit-transform:translate3d(365px,0,0);-moz-transform:translate3d(365px,0,0);transform:translate3d(365px,0,0);-webkit-transition:all 0.5s ease 0s;-moz-transition:all 0.5s ease 0s;transition:all 0.5s ease 0s;}
.nav_hot{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);transform:translate3d(0,0,0);}
nav ul{ overflow-y:auto; height:100%;}
nav li{ width:100%; text-align:center; padding:0; display:block; line-height:62px;}
nav li a{ color:#fff; font-size:22px;}
.subnav{ position:static; width:100%; padding:0;}
.subnav a{ display:block; padding:0; font-size:18px;height:62px; line-height:62px; text-align:center; color:#fff; background:#7c7b7c; border-bottom:1px solid #6c6b6a;}
nav li:hover .subnav{ display:none;}

.content{ overflow:auto; width:100%;}
.cycle-slideshow{ margin:24px 0 64px 0;}

.idx_news{ position:static; margin:0; padding-bottom:62px; height:auto;}
.idx_news h3{ height:126px; line-height:126px;}
.idx_news_box{ width:50%; border-bottom:1px solid #ccc;}

.idx_art_title{ width:16.66%;}
.idx_art_panel.actived{ width:33.33%;}
.art_scroll li{ width:100%;}
.idx_art_title h3{font-size:16px;}
.block1 p{ font-size:16px; width:80%;}
.idx_news_box_list h4{font-size:20px; padding-bottom:6px;}
.idx_news_box_list p{font-size:16px;}
.idx_company{ padding:0;}
.idx_company h3{ height:126px; line-height:126px;}
.idx_company_box{ margin:14px; width:282px; height:427px;}
.idx_company_txt a{ font-size:16px;}
.idx_company_box:last-child{ display:none;}

footer{ text-align:center;}
.footer_r,.footer_l{ float:none; display:inline-block; margin-top:30px;}
.winbox{ display:none; position:fixed; top:50%; left:50%; margin:-259px 0 0 -40%; width:80%; height:518px; z-index:9999;}

/*about*/
.about{ padding:0 20px 50px 20px;}
.about_txt p{ font-size:16px;}
.about_wall li{ width:50%; float:left; overflow:hidden;}
.about_wall li .cell_img{ display:block; padding:25px 22px; border:1px solid #c8cacb;}
.about_wall li a{ display:block; height:100%; overflow:hidden;}
.about_wall li a img{ width:100%; display:block;}
.about_course td{ padding:20px;}
.about_course_img{ padding-right:0; width:100%; height:auto;}
.about_course_img span{width:100%; height:100%;}
.about_course_txt p{font-size:16px;}
.about_small_img{ height:auto;}
.about_small_img a{ width:16%; height:auto;}
.about_small_img img{ width:100%; display:block;}

.about_print{ position:relative; margin-bottom:32px; height:247px;}
.about_print .ap{ display:block; overflow:hidden; position:absolute; cursor:pointer;}
.about_print img{ display:block; width:100%;}
.about_print .p1{ width:181px; height:247px; top:0; left:0;}
.about_print .p2{ width:239px; height:118px; top:0; left:185px;}
.about_print .p3{ width:120px; height:122px; bottom:0; left:185px;}
.about_print .p4{ width:116px; height:122px; bottom:0; left:309px;}
.about_print .p5{ width:189px; height:247px; top:0; left:428px;}

/*server*/
.server_nav_box{font-size:18px; margin:0 25px;}
.server_cont{ width:94%; margin:0 auto; padding:62px 0;}
.server_cont p img{ width:100%;}
.server_cont .cont_msg_nox{ width:100%;}

/*active*/
.active_news_box{ width:280px; float:left; padding:40px 20px 32px 20px;}
.active_news .fl{ width:279px; padding:40px 20px 32px 20px;}
.active_news_box h2{ font-size:20px;}
.active_news_box h3{ font-size:20px;}
.active_news_box span{ font-size:16px;}
.active_news_box a{ font-size:14px;}
.active_review ul{ width:100%;}
.active_review li{ width:244px; padding:42px 38px 0 38px; height:438px; overflow:hidden;}
.active_review li a h3{font-size:20px;}
.active_review li span{ font-size:16px;}
.active_review li p{font-size:18px;}

.active_nav{ width:100%; padding:20px 0;}
.active_nav a{ display:block; width:33.33%; margin-bottom:10px; float:left; color:#2a2a2a; font-size:18px;}

/*news*/
.news_wall{ padding:0 32px;}
.news_wall li{ width:50%; float:left; overflow:hidden;}
.news_wall .cell_img{ display:block; padding:26px 22px; border:1px solid #c8cacb;}
.news_wall .cell_img img{ width:100%; display:block;}
article p img{ width:100%;}
.news .sidle_nav{ display:none;}
article{width:94%; margin:0 auto;}
article h3{ font-size:24px;}
article p{font-size:16px;}

/*job*/
.job_list{ width:94%; margin:0 auto;}
.job_box_img{ float:left; height:104px; line-height:104px; width:104px;}
.job_box_img img{ vertical-align:middle;}
.job_box_contact{ float:left; width:216px;}
.job_box_logo{ width:60%;}
.job_box_info{ float:right; width:40%;}
.job_box_contact h4{font-size:20px;}
.job_box_contact p{ font-size:16px;}
.job_box_info p{ font-size:16px;}
.job_box_info a{font-size:16px;}
.job_box_more h5{font-size:16px;}
.job_box_more p{ font-size:16px;}
.job_close{ top:6px; right:0;}

/*contact*/
.contact_type{ padding:0 30px;}
.contact_type li{ width:33.33%; float:left; height:420px; text-align:center;}
.contact_type li div{ padding:136px 10px 0 10px; height:284px;}
.contact_msg { background:url(../images/contact_banner_mb.png) center center no-repeat; background-size:cover;}
.contact_msg img{ display:none;}
.contact .cont_msg_nox{ position:static; margin:0 auto; width:90%; padding:30px 0;}
.contact .cont_msg_nox h3{ font-size:20px; padding-bottom:24px;}
.contact .cont_msg_nox h3 span{ font-weight:normal; }
.contact .msg_txt,.contact .msg_textarea,.contact .msg_btn{ font-size:18px;}

/*inmechanism*/
.im_nav{ padding:0; height:auto;}
.im_page{ padding:0;}
.im_type{ width:100%; border-bottom:1px solid #c8c8c8;}
.im_type a{ width:25%; margin-left:-1px; padding:0; text-indent:66px;}
.im_area{ width:100%;}
.im_area_sel,.im_area_search{ float:right;}
.im_area_panel{ width:120px;}
.im_area_panel a{height:48px; line-height:48px;font-size:18px;}
.inmechanism h2{ padding:20px;}
.im_wall{ padding:0 20px 20px 20px;}
.im_wall li{ width:50%; float:left; overflow:hidden;}
.im_wall .cell_img{ display:block; padding:26px 22px; border:1px solid #c8cacb;}
.im_wall .cell_img img{ width:100%; display:block;}
.im_rec li{ zoom:1; height:auto; padding:15px 0; line-height:normal; border-top:1px solid #c8c8c8; background:#e1e3e4;}
.im_rec li:after{ clear:both; display:block; content:""; height:0; visibility:hidden;}
.im_rec_remark{ float:right; width:45%; color:#737373; font-size:18px; background:url(../images/remark.png) 0 center no-repeat; vertical-align:middle;}
.im_rec li a{ float:left; color:#636262; font-size:18px; width:45%;}
.im_rec li img{ margin:0 12px; vertical-align:middle;}
.im_rec li:hover{ background:#eaecec;}
.im_rec li a:hover{ color:#e60012;}
.im_company_box{ overflow:hidden;}
.im_company_img{ float:left; width:25%; overflow:hidden; margin:0;}
.im_company_img img{ width:92%; display:block; margin:0 auto;}
.im_company_info{ width:70%; float:right; overflow:hidden;}
.im_company_nav a,.im_type a{ font-size:18px;}
.im_company_logo{ background:url(../images/im_cycle.png) center center no-repeat; line-height:195px; float:left; width:30%; height:195px; text-align:center; margin:0 36px;}
.im_company_txt{ padding-top:15px; float:left; width:55%; font-size:14px; color:#1d1d1d; line-height:200%;}
.im_company_nav{ padding:0;}
.im_introduce{ width:94%; margin:0 auto;}
.im_introduce p img{ width:100%;}
.im_case_wall li{ width:50%; float:left; overflow:hidden;}
.im_case_wall li .cell_img{ padding:30px 26px; display:block; border: 1px solid #c8cacb; overflow:hidden;}
.im_case_wall .cell_img img{ width:100%; display:block;}
.im_introduce .sidle_nav{ display:none;}

}