﻿@charset "utf-8";
@import url(dll.css);
@import url(module.css);
@import url(global.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1200px; min-width:1200px; margin:0 auto;}





.actGotop {
    display: none !important;
}
body.sed .n_n_list li {
    width: 100%;
    border: none;
    height: auto;
   
}
body.sed .n_n_list li a {
    width: 70%;
    float: left;height: 50px;
    line-height: 50px;
    text-indent: 10px;
}
body.sed .n_n_list li span {
    padding:0px;
    float: right;
    text-align: right;height: 50px;
    line-height: 50px;
}
body.sed  ul.n_n_list table {
    display: none;
}
.top{ height:41px; border-bottom:1px solid #eeeeee; -moz-box-shadow:0px 2px 8px #fcfcfc; -webkit-box-shadow:0px 2px 8px #fcfcfc; box-shadow:0px 2px 8px #fcfcfc;}
.search{float:right; width:200px; height:25px; margin-top:8px; border:1px solid #d2d2d2;}
.search input{float:left; height:23px; font-size:12px; border:0; padding:0; margin:0; line-height:23px;}
.search input.s_int{width:175px; color:#b2b2b2; padding:0 5px;}
.search input.s_btn{width:23px; background:url(../Images/search_btn.jpg) no-repeat center center;}

.welcome{float:left; line-height:40px;    color: #5c5c5c;}
.hotline{float:right; line-height:40px; font-size:12px; color:#999999; margin-right:30px;}
.lan{float:right; line-height:40px; font-size:12px; color:#999999; margin-right:30px;}
.lan li{ float:left; padding:0px 2px;}
.lan a{ color:#999;}
.lan a:hover {color:#18479d; text-decoration:none;}


div#com_othermenu a:last-child {
    display: none;
}
.fcontact_l img {
    margin-right: 10px;
}
.header{width:100%; height:103px;}

.logo{float:left; overflow:hidden;}

.i_nav{float:right; margin-right:-15px; margin-top:31px;}
/*.i_nav li{float:left; display:inline-block; text-align:center;}
.i_nav li>a{display:block; height:40px; color:#000; padding:0 0 0 50px; line-height:40px; font-size:18px;}
.i_nav li>a:hover{ color:#18479d;}
.i_nav li>a.on{ color:#18479d;}
.i_nav li>a.index{width:40px; background:url(../Images/icon01.png) no-repeat center center;}*/

.i_banner_box{position:relative; width:100%; height:470px; overflow:hidden;}
/*.i_banner{width:100%; height:470px; margin:0 auto; overflow:hidden;}
.i_banner li{width:100%; height:470px;}
.i_banner li a{ display:block; width:100%; height:470px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:10px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 6px; width:12px; height:12px; text-align:center; overflow:hidden; background:#000; border-radius:100%;}
.i_banner_p a:hover{ background:#18479d;}
.i_banner_p a.on{ background:#18479d;}*/


.i_container{ padding:50px 0 30px;}
.i_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}
.p_container *{transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;}

.i_pro{width:100%;    margin-bottom: 33px;}
.i_pro_l{margin:33px auto 0; width:1200px; position:relative;}

.i_pro_ll{width:1200px; overflow:hidden;}
.i_pro_ll ul{width:20000px; overflow:hidden;}
.i_pro_ll li{ display:inline-block; width:280px; margin-right:26px;}
.i_pro_ll li i{ display:block; width:280px; height:200px; overflow:hidden;}
.i_pro_ll li span{ display:block; width:280px; height:45px; line-height:45px; text-align:center; font-size:16px;}
.i_pro_ll li a:hover i img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.i_case{ margin-top:10px; width:100%; padding:50px 0; background:#f5f5f5;}
.i_case_l{margin:20px auto 0; width:1200px;}
.i_case_ll{float:left; width:790px; overflow:hidden;}
.i_case_ll ul{width:800px; overflow:hidden;}
.i_case_ll li{float:left; display:inline-block; width:390px; height:250px; margin-right:10px; overflow:hidden;}
.i_case_lr{float:right; width:385px; overflow:hidden;}
.i_case a:hover img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}

.ad01{margin-top:20px; width:790px; overflow:hidden;}

.i_data{width:100%; padding:50px 0;}

.txt01{width:100%; padding:16px 0; line-height:25px; text-align:center;}

.i_data_l{margin:50px auto 0; width:1200px;}
.i_data_l li{ display:inline-block; float:left; width:200px; margin:0 20px; text-align:center;}
.i_data_l li strong{ display:block; font-size:36px; line-height:38px;}
.i_data_l li span{ display:block; font-size:14px; line-height:36px;}

.i_about{width:1200px; height:400px; margin:50px auto 0; padding-top:115px; background:url(../Images/bg01.jpg) no-repeat center top;}
.i_about span{ display:block; width:700px; height:170px; margin:0 auto 0; padding:20px; background:rgba(0,74,151,0.8);}
.i_about span h4{ display:block; font-size:22px; color:#FFF; text-align:center; line-height:32px; padding-bottom:5px; font-weight:bold; -webkit-text-stroke:1px #04258f;}
.i_about span ins{ display:block; font-size:16px; color:#FFF; line-height:30px; text-align:left; text-decoration:none;}

.i_news{width:1200px;  margin:50px auto 0;}
.i_news ul{width:1230px; overflow:hidden;}
.i_news li{float:left; display:inline-blocl; margin-right:30px; width:380px; background:#f7f7f7;}
.i_news li i{ display:block; width:380px; height:220px; overflow:hidden;}
.i_news li a:hover i img{ -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_news li h4{ display:block; padding:10px 20px 0; font-size:16px; line-height:30px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; font-weight:bold;}
.i_news li span{ display:block; padding:0 20px; height:50px; line-height:25px; color:#4c4c4c; overflow:hidden; }
.i_news li dl{ border-top:1px solid #dcdcdc; width:340px; margin:5px auto 0; color:#4c4c4c; line-height:45px;}
.i_news li dl dt{float:left;}
.i_news li dl dd{float:right;}

.i_custom{width:100%; margin-top:40px; padding:30px 0; background:#f5f5f5;}
.i_custom_l{float:left; width:1006px; overflow:hidden;}
.i_custom_l ul{width:20000px; overflow:hidden;}
.i_custom_l li{float:left; display:inline-block; margin:0 10px; width:147px; height:41px; overflow:hidden;}

.footer{width:100%; padding:35px 0 0; color:#FFF; background:url(../Images/icon02.png) repeat-x left top;    margin-top: -36px;}

.flogo{float:left; width:370px;}
.fbox{float:left; width:830px;}

.footer_nav{width:840px; color:#000; font-size:18px; font-weight:bold; border-bottom:1px solid #313131; line-height:40px;}
.footer_nav span{ padding:0 20px;}
.footer_nav a{ color:#000;}
.footer_nav a:hover{color:#2d63c4;}

.fcontact{width:840px; margin-top:20px;    color: #000;}
.fcontact span{float:left; display:inline-block; margin-right:15px; color:#000; line-height:30px;}
.fcontact span img{ vertical-align:middle;}

.copyright{ padding-top:20px; margin-top:20px; line-height:20px; background:#2d63c4; font-size:14px; text-align:center;}
.copyright a{ color:#FFF;}
.jsq{ padding-bottom:20px; line-height:20px; background:#2d63c4; font-size:14px; text-align:center;}


/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:300px !important; overflow:hidden;}
/*.p_banner{width:100%; height:300px; margin:0 auto; overflow:hidden;}
.p_banner li{width:100%; height:300px;}
.p_banner li a{ display:block; width:100%; height:300px;}
.p_banner_p{position:absolute; width:100%; left:0; bottom:10px; text-align:center;}
.p_banner_p a{display:inline-block; margin:0 6px; width:12px; height:12px; text-align:center; overflow:hidden; background:#000; border-radius:100%;}
.p_banner_p a:hover{ background:#18479d;}
.p_banner_p a.on{ background:#18479d;}*/
.p_container{ width:100%; padding:40px 0 30px;}

.pbox{ height:47px; border-bottom:1px solid #999999;}

.sidebar{float:right; height:47px; margin-top:-1px; text-align:center;}
/*.sidebar li{display:inline-block; height:47px; margin:0 5px;}
.sidebar li a{ display:block; height:47px; padding:0 5px; line-height:36px; color:#666666; font-size:14px;}
.sidebar li a:hover{ color:#2d63c4; border-bottom:2px solid #2d63c4;}
.sidebar li a.on{ color:#666666; border-bottom:2px solid #2d63c4;}*/

.p_content{ padding:30px 0; width:1200px; margin:0 auto;}
.p_about{}
body.menu_41 .p_about {background: #f8f8f8;}
.p_about1 dl{margin:20px 0; background:#f8f8f8; height:327px;}
.p_about1 dl dt{float:left; width:602px;}
.p_about1 dl dd{float:left; width:596px; padding:50px 30px 0 50px;}
.p_about1 dl dd span{ display:block; line-height:28px; margin-top:10px;}





/* 内页部分结束 */

.large_box{margin-bottom:10px;/*width:1903px;height:470px;*/width: 100%;
height: auto;overflow:hidden;}
.large_box img{display:block;}
.small_box{width:1903px;height:46px;overflow:hidden;}
.small_list{position:absolute;float:left;width:360px;height:46px;overflow:hidden;right:166px;top:420px;}
.small_list ul{height:46px;overflow:hidden;}
.small_list ul li{position:relative;float:left;margin-right:10px;width:82px;}
.small_list ul li img{display:block;}
.small_list ul li .bun_bg{display:none;position:absolute;top:0;left:0;width:82px;height:46px;background:#000;filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity:0.6;opacity:0.6;}
.small_list ul li.on .bun_bg{display:block;}
.btn{display:block;width:20px;height:46px;background-color:#777;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.btn:hover{background-color:#e7000e;}
.left_btn{float:left;margin-right:10px;background-image:url(../images/left_btn.png);display:none;}
.right_btn{float:right;background-image:url(../images/right_btn.png);display:none;}

 li.i_n01 {   height: 40px;
    overflow: hidden;}
/*li.i_n01 a{
    display: block;
    background: url(/upload/products/2017102014440231.png )no-repeat;
    width: 23px;
    height: 23px;
    color: #fff;    margin-top: 10px;    background-position-x: 23px;
}
li.i_n01 a:hover{color:#fff;}*/
.i_nav ul li ul{display:none !important;}
.p_p_list2 .p_p_list  ul li{position:relative;}
.p_p_list2 .p_p_list  ul li span{position:absolute;    bottom: 0px;
    background: #17539c;
    opacity: 0.5;
    color: #FFF;}
.list_l {
    width: 600px;
    float: left;   height: 300px;
}
.list_r {
    width: 500px;
    float: right;
}
.list_l li h4 a{font-weight: 700;
    font-size: 16px;
    margin-bottom: 10px;
    display: block;}
.list_l li {
    margin-bottom: 36px;    border-bottom: 1px dashed #ccc;
    height: 146px;
}
.list_l li span{line-height:25px;}
span.time1 {
    margin-top: 10px;
    display: block;    color: #c9c9c9;line-height:0px;
}
.hho {
    margin-bottom: 50px;
    height: 300px;
    display: block;margin-top: 10px;
}
.list_r li a h4 {
    background: #2d63c4;
       width: 500px;
    margin: 0 auto;    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
}
.list_r li img {
  
    margin: 0 auto;text-align:center;    display: block;    width: 500px;
    height: 300px;
}

/*留言版块样式*/
.gbook_indexpost {
    width: 1200px;
    position: relative;height:420px;     border: 1px solid #ccc;
}
dl.i_n02 {
    position: absolute;
    left: 90px;
    top: 26px;
}
dl.i_n03 {
    position: absolute;
    left: 90px;
    top: 102px;

}
dl.i_n04{
    position: absolute;
    left: 90px;
   top: 182px;
}
dl.i_n06 {
    position: absolute;
    right: 46px;top:26px;
}
dl.i_n07 {
    position: absolute;
 right: 46px;top:102px
}
dl.i_n08 {
    position: absolute;
    right: 226px;  top: 182px;
}
.gbook_formbtn {

    position: absolute;
        right: 123px;
    top: 256px;
}
.gbookbiaoti {
    width: 1202px;
    margin-left: -1px;
    height: 40px;
    border: 1px solid #ccc;
    background: #055bac;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;
}
dl.i_n02 span.fe {
    background: url(/upload/products/2017102411535113.png)no-repeat;
    display: block;
    width: 32px;
    height: 42px;
    /* margin-left: -69px; */
    /* margin-top: 1px; */
    position: absolute;
    left: -42px;
    top: 6px;
    color: #FFF;
}

dl.i_n03 span.fe {
    background: url(/upload/products/2017102413594422.png)no-repeat;
    display: block;
    width: 42px;
    height: 42px;
    /* margin-left: -69px; */
    /* margin-top: 1px; */
    position: absolute;
    left: -46px;
    top: 6px;
    color: #FFF;
}

dl.i_n04 span.fe {
    background: url(/upload/products/2017102414032030.png)no-repeat;
    display: block;
    width: 42px;
    height: 42px;
    /* margin-left: -69px; */
    /* margin-top: 1px; */
    position: absolute;
    left: -46px;
    top: 6px;
    color: #FFF;
}

dl.i_n06 span.fe {
    background: url(/upload/products/2017102414110612.png)no-repeat;
    display: block;
    width: 42px;
    height: 42px;
    /* margin-left: -69px; */
    /* margin-top: 1px; */
    position: absolute;
    left: -46px;
    top: 6px;
    color: #FFF;
}

dl.i_n07 span.fe {
    background: url(/upload/products/2017102414152992.png)no-repeat;
    display: block;
    width: 42px;
    height: 42px;
    /* margin-left: -69px; */
    /* margin-top: 1px; */
    position: absolute;
    left: -46px;
    top: 6px;
    color: #FFF;
}

dl.i_n08 span.fe {
    background: url(/upload/products/2017102414285584.png)no-repeat;
    display: block;
    width: 42px;
    height: 42px;

    position: absolute;
    left: -46px;
    top: 6px;
    color: #FFF;
}
.gbook_indexpost dd {
    font-size: 16px;
}
span.wenzi {
    overflow: hidden;
    height: 76px;
    display: block;
}
.n_n_list {
    
    margin-top: 20px;
}
a.on {
    color: #2d63c4 !important;border-bottom:2px solid #2d63c4;
}
div#com_pmodule_gbook_list {
    display: none;
}
body.gbook .navPage.pagebar{display:none;}

body.menu_49 .remark1 {
    border: 1px solid #ccc;
}
body.menu_48 .remark1 {
    border: 0px solid #ccc;
}
body.gbook .footer {
    margin-top: -112px;
}
/*zhaopin*/
.p_content .job_title{
    color: #005dac;
    font-weight: bold;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 40px;
    margin-top: 50px;
}
.p_content .job_block{
    width: 20px;
    height: 20px;
    background-color: #005dac;
    display: inline-block;
    margin-right: 15px;
    vertical-align: top;
}
.p_content #com_thenm_list  table{width:100%;text-align:center;}
.p_content #com_thenm_list table tr.head td{color:#fff;background:#005dac;}
.p_content #com_thenm_list table td{width:20%;border:1px solid #ccc;height:60px;}
.p_content #com_thenm_list table td{background:#fff;}
.p_content table td img{margin:0 0 3px 10px;}
.p_content table td.detail{text-align:left; padding: 20px 0 20px 40px;text-align: left;}
.p_content table td.hide{display:none;}
.p_content table td.detail span{display:block;width:100%;text-align:left;margin-top:15px;}
.p_content table td.detail .btn{
      margin-top: 20px;
width: 125px;
    background: #0775D2;
    color: #fff;
    height: 42px;
    line-height: 42px;
    font-size: 20px;
    text-align: center;
  cursor:pointer;
  display:block;
  border-radius: 17px;;
}
.p_content table td.chakan{cursor:pointer;}
.p_content table td.detail .btn:hover{background:#2B96F1;}
.message{
width: 120px;
    height: 40px;
    background: #eeeeee;
    position: fixed;
    right: 35px;
    top: 47%;
    color: #055bac;
    line-height: 40px;
    cursor: pointer;
    -webkit-transition: background 0.3s;
    -o-transition: background 0.3s;
    transition: background 0.3s;
    z-index: 100;
}
.message img{    margin-left: 13px;
    margin-right: 7px;
vertical-align: middle;}
.message:hover{background:#ccc;}
.blue{margin-top:30px;}
.blue .blue_{margin-top:15px;}
.blue strong{font-size:17px;line-height: 20px;}
.blue .blue_ img{vertical-align:top;margin-right:10px;}
.blue strong:nth-child(3){margin-left:40px;}
#jobs_view {
    background: #fff none repeat scroll 0 0;
    position: fixed;
    top: 58px;
    z-index: 100000;
    left: 50%;
    margin-left: -600px;
}

.jobs_title div {
    background: #f00 none repeat scroll 0 0;
    display: inline-block;
    float: right;
    width: 33px;
}
.jobs_title {
    background: #024a8e none repeat scroll 0 0;
    color: #fff;
    text-align: center;
}
#jobs_view .msg_iframe{height:500px;}

.resume_box {
    padding: 20px;
}
.socllbutton a{
    cursor: pointer;
    float: left;
    height: 33px; margin: 0 6px;
    width: 33px;
}
div#jobs_view #jobs_view .msg_iframe{width:1200px;}
.msg_iframe {
  width: 1200px;
border-width: 1px !important;
    border-color: #6d6d6d !important;}
body.menu_50 .sidebar_l ul li:last-child {
    
}
body.menu_45.sidebar_l ul li:last-child {
  
}
body.menu_46 .sidebar_l ul li:last-child {
    
}
body.menu_51 .sidebar_l ul li:last-child {
    display: none;
}
body.jobs .sidebar_l ul li:last-child {
   
}
body.jobs .navPage.pagebar {
    display: none;
}
.map1 {
    overflow: hidden;
    width: 100%;
    
  
    padding: 20px 0;
}
.remark1 .map1 .l {
    float: right;
    width: 65%;    margin-right: 20px;
}
.remark1 .txt {
    background-color: #fff;
    width: 100%;
    height: 305px;
    padding: 15px 0 0 80px;
}
.remark1 .map1 .r {
   
   float: left;
    margin-top: 0;
    margin-right: 0;
    width: 32%;
}

/* leftsead */



.side{
	width:70px;
	position:fixed;
	top:200px;
	right:0px;
	opacity:0.6;
	z-index:1;
}
.side li{
	width:100%;
	height:70px;
	background:#eee;
	overflow:hidden;
	position:relative;
}
.side li img{
	width:70px;
	height:70px;
	opacity:10;
}
.side2{
	opacity:1;
}
.side2 li{
	width:320px;
	background:#9bd16b;
	opacity:0;
	filter:alpha(0);
	position:relative;
	left:0;
	line-height:70px;
	font-size:1.4rem;
	color:#fff;
	cursor:pointer;
}
.side2 li *{
	float:left;
	height:70px;
	line-height:70px;
}

body.menu_50 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_45 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_46 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_75 div#smoothmenu2 ul li:last-child{display:none;}
body.jobs div#smoothmenu2 ul li:last-child{display:none;}
body.menu_72 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_73 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_76 div#smoothmenu2 ul li:last-child{display:none;}

.remark1 .map1 .r strong {
    width: 100%;
    text-align: center;
    display: block;
}


.p_about1 dl dd h4 {
    margin-bottom: 10px;
}



/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;}
.i_banner_box123 { }
@media screen and (max-width: 1500px) { /*当屏幕尺寸小于1400px时，应用下面的CSS样式*/
.small_list { top: 305px;}
.i_banner_box {height: 366px;}
.fullSlide .bd li{background-size: 100% !important;height: 213px;}
.fullSlide .bd ul{height: 213px ;}
.fullSlide .bd{height: 213px ;}
.fullSlide{height: 213px ;}
.p_banner_box{height: 213px ;}
.fullSlide .bd li a {height: 213px ;}
}/*当屏幕尺寸小于1400px时，结束应用下面的CSS样式*/
@media screen and (max-width: 1440px) { /*当屏幕尺寸小于1400px时，应用下面的CSS样式*/
.small_list { top: 314px;}
.i_banner_box {/*height: 366px;*/    height: 379px;}
.fullSlide .bd li{background-size: 100% !important;height: 213px ;}
.fullSlide .bd ul{height: 213px ;}
.fullSlide .bd{height: 213px ;}
.fullSlide{height: 213px ;}
.p_banner_box{height: 213px ;}
.fullSlide .bd li a {height: 213px ;}
}/*当屏幕尺寸小于1400px时，结束应用下面的CSS样式*/


@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
.small_list { top: 305px;}
.i_banner_box {height: 360px;}
.fullSlide .bd li{background-size: 100% !important;height: 213px !important;}
.fullSlide .bd ul{height: 213px!important ;}
.fullSlide .bd{height: 213px !important;}
.fullSlide{height: 213px !important ;}
.p_banner_box{height: 213px !important;}
.fullSlide .bd li a {height: 213px !important;}
}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/
@media screen and (max-width: 1366px) { 
.i_banner_box {

    height: 336px;
}
  .small_list {
    top: 282px;
}
}
@media screen and (max-width: 1280px) { 
.fullSlide .bd li{background-size: 100% !important;height: 200px !important;}
.fullSlide .bd ul{height:200px !important;}
.fullSlide .bd{height:200px !important;}
.fullSlide{height: 200px !important;}
.p_banner_box{height: 200px !important;}
.fullSlide .bd li a {height: 200px !important}
}
@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.small_list { top:220px;right: 0px;}
.i_banner_box {height: 270px;}
.mfbox { width: 100%;  min-width: 100%;}
.i_nav {margin-right: 15px;}
.i_container{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
padding:0 10px;width:100%;}
.i_pro_l{width:100%;}
.i_pro_ll { width: 90% !important; margin: 0 auto;}
.rol01 { left: 0px;}
.ror01 { right: 0px;}
.i_case_l{width:100%;}
/*.i_case_ll {float: none;margin: 0 auto;width: 100%;}
.i_case_ll li{width: 49%;margin-right: 6px;}
.i_case_ll ul{width: 100%;}
.i_case_ll li a img{width:100%;}*/
.ad01{width: 100%;}
.ad01 a img{width: 100%;}
/*.i_case_lr {float: none;margin-top: 20px;width: 100%;}
.i_case_lr a img{width:100%;}*/
.i_about{width:100%;}
.i_news { width: 100%;}
.i_news ul{ width: 100%;}
.i_news li {width: 33%;margin-right: 3px;}
.i_news li i {width: 100%;}
.i_news li dl {width: 100%;}
.i_news li a i img{width:100%;height:100%;}
.i_custom_l {width: 80% !important}
.i_custom_l li {margin: 0 6px;}
.i_custom{padding: 30px 0 40px;}
.flogo {width: 16%;}
.fbox {width: 80%;}
.footer_nav {width: 100%;}
.fcontact{width: 100%;}
.i_data_l{width: 100%;}
.i_data_l li {width: 20%;margin: 0 0px;}
.fullSlide .bd li{height: 160px !important;}
.fullSlide .bd ul{height:160px !important;}
.fullSlide .bd{height: 160px!important ;}
.fullSlide{height: 160px !important;}
.p_banner_box{height: 160px !important;}
.fullSlide .bd li a {height:160px !important;}
.p_container{width:100%;padding:0 10px;-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.p_content{width:100%;}
.p_p_list { width: 100%;}
.p_p_list ul{ width: 100%;}
.p_p_list ul li {margin-right: 19px;margin-left: 30px;}
.list_l { width: 482px;}
.n_n_list{ width: 100%;}
.n_n_list ul{ width: 100%;}
.n_n_list li{margin-left: 60px;margin-right: 60px;}
.gbookbiaoti { width: 100%;}
.msg_iframe { width: 100%;height: 600px;}
.gbook_indexpost1 dl:nth-last-child(6){height: 136px;}
.gbook_indexpost1 dl:nth-last-child(7) { margin-top: 42px;}
.gbook_indexpost { width: 100%;}
.gbook_indexpost dt input { width: 360px !important;}
#gbverifycode { width: 100px !important;}
dl.i_n08 { right: 156px;}
.gbook_formbtn{ right: 56px;}
.remark1 .map1 .r {width: 50%;margin-left: 24%;}
.i_case_ll { width: 606px;}
.i_case_ll ul {width: 606px;}
.i_case_ll li {width: 300px;height: 212px;margin-right: 0px;}
.i_case_lr img { width: 100%;height: 310px;}
  .remark1 .map1 .l {
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
#com_thenm_banner img {
    width: 100% !important;
    height: auto !important;
}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1010px) { .i_case_lr { width: 375px;}}
@media screen and (max-width: 1000px) { 
.small_list { top: 212px;}
.i_case_ll li{margin-right: 0px;}
.i_case_lr { width: 363px;}
.fullSlide .bd li{height: 156px !important;}
.fullSlide .bd ul{height:156px !important;}
.fullSlide .bd{height: 156px !important;}
.fullSlide{height: 156px !important;}
.p_banner_box{height: 156px !important;}
.fullSlide .bd li a {height:156px !important;}
.p_p_list ul li { margin-right: 17px; margin-left: 23px;}
.p_about1 dl dt { width: 419px;}
.p_about1 dl dd { width: 556px;}
.i_pro_ll { width: 92% !important;}
.list_l {width: 469px;}
.n_n_list li {margin-left: 49px;}
  .remark1 .map1 .r {
    width: 50%;
    margin-left: 23%;
}
}





@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.small_list { top:152px;right: -116px;}
.i_banner_box {height: 200px;}
.welcome{display:none;}
.i_pro_ll {width: 80% !important;}
.iconfont.icon-next-copy {font-size: 30px !important;}
.mfbox {width: 100%;}
.i_nav{display:none}
.navbar-toggle{display:block;margin-right: 10px;margin-top: 5px;line-height: 60px;position: relative;}
.navbar-toggle{display:block;}
.i_nav { width: 100%; height: auto; right: 0; z-index: 9999;margin:0px;position: absolute;top: 142px;}
li.i_n01 a{height:42px;background:none;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#055bac;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #055bac;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #055bac;padding:0px;}
.navactive, .navactive:hover, .nava, .nava:hover { width: 100%;font-size: 13px;padding:0px;line-height:40px;}
.ddsmoothmenu ul li a {width: 100%;}
.i_nav ul li ul { position: relative; width: 100% !important;}
.i_nav ul li ul li { width: 100%; border: 0;}
.i_nav ul li ul li a { width: 100%;}
.remark img{max-width:100%;}
.i_case_ll li {margin-right: 7px;}
.i_news li{    margin-right: 2px;}
.fullSlide .bd li{height: 121px !important;}
.fullSlide .bd ul{height: 121px  !important;}
.fullSlide .bd{height: 121px !important;}
.fullSlide{height: 121px  !important;}
.p_banner_box{height: 121px  !important;}
.fullSlide .bd li a {height: 121px  !important;}
.p_p_list ul li { margin-right: 36px; margin-left: 46px;}
.list_l{ width: 100%;height: 346px;}
.hho{height:auto;}
.list_r {margin: 0 auto;width: 100%;}
.list_r li img {width: 100%;height:auto;}
.list_r li a h4{ width: 100%;}
.n_n_list { width: 100%;}
.n_n_list li { margin-left: 0px;margin-right: 0px;width: 100%;}
.n_n_list li i {width: 100%;height:auto;}
.n_n_list ul li a i img{width: 100%;height:auto;}
.n_n_list li dl{ width: 100%;}
.gbook_indexpost dt input { width: 270px !important;}
dl.i_n08 { right:66px;}
.gbook_formbtn{ right: 17px;}
.gbook_formbtn input{width: 100px;padding: 0 20px;}
.gbook_indexpost dl {left: 90px;right: 0px;}
dl.i_n06{top:420px;}
dl.i_n07{top:500px;}
dl.i_n08{top:580px;}
.gbook_formbtn{top:660px;right: 72px;}
.gbook_indexpost{height:760px;}
.remark1 .map1 .l { }
#leftsead{display:none;}
.i_case_ll {float: none;margin: 0 auto;width: 100%;}
.i_case_ll li{width: 49%;margin-right: 6px;}
.i_case_ll ul{width: 100%;}
.i_case_ll li a img{width:100%;}
.i_case_lr {float: none;margin-top: 20px;width: 100%;}
.i_case_lr a img{width:100%;}
.i_case_lr img { height:auto;}
  
  .remark1 .map1 .r {
    width: 70%;
    margin-left: 15%;
}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 736px) { /*当屏幕尺寸小于736px时，应用下面的CSS样式*/


}/*当屏幕尺寸小于736px时，结束应用下面的CSS样式*/


@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
.small_list { top: 117px;right: -152px;}
.i_banner_box {height: 169px;}
.i_pro_ll { width: 46% !important;}
.i_case_ll li { margin-right: 6px;}
.i_about span { width: 100%;}
.i_custom_l { width: 52%;}
.fullSlide .bd li{height: 100px !important;}
.fullSlide .bd ul{height: 100px  !important;}
.fullSlide .bd{height: 100px !important;}
.fullSlide{height: 100px  !important;}
.p_banner_box{height: 100px  !important;}
.fullSlide .bd li a {height: 100px  !important;}
.p_about1 dl dt { width: 100%;}
.p_p_list ul li { margin-right: 10px;margin-left: 10px;}
.footer_nav span { padding: 0 12px;}
.pbox {height: 62px;}
}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/


}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.navbar-toggle {width: 50px;height: 50px;font-size: 28px !important;line-height: 52px;}
.hotline {display: none;}
#com_logo img { max-width: 150px; margin-left: 10px;}
.small_list { top: 76px;right: -156px;}
.i_banner_box {height: 126px;}
.small_list ul li img {width: 42px;height: 24px;}
.small_list ul li {width: 42px;}
.small_list ul li.on .bun_bg{width: 42px !important;height: 24px !important;}
.small_list { top: 96px; right: -231px;}
.i_pro_ll { width: 62% !important;}
.i_case_ll li{margin-right: 3px;height: auto;}
.ad01 { margin-top: 10px;}
.i_case_lr{ margin-top: 10px;}
.i_case{padding: 20px 0;}
.i_data{padding: 20px 0;}
.i_data_l {margin: 20px auto 0;}
.i_about span {width: 100%;}
.i_news li{width: 100%;margin-right:0px;margin-bottom:10px;}
.i_custom_l li { margin: 0 15px;}
.flogo{display:none;}
.fbox { width: 100%;}
.footer_nav span { padding: 0 10px;}
.fcontact_l {text-align: center;float: none !important;}
.fcontact_r{text-align: center;}
.i_about {}
.fullSlide .bd li{height: 76px !important;}
.fullSlide .bd ul{height: 76px !important;}
.fullSlide .bd{height: 76px!important;}
.fullSlide{height: 76px  !important;}
.p_banner_box{height: 76px  !important;}
.fullSlide .bd li a {height: 76px  !important;}
.pbox {height: 76px;}
.sortnavul li {margin: 0px;}
.p_p_list ul li {width: 100%;margin-right: 0px;margin-left: 0px;}
.p_p_list li i {margin: 0 auto;}
.p_p_list li span {margin: 0 auto;}
.p_p_list2 .p_p_list ul li span{left: 19%;}
.p_about1 dl dt{width:100%;}
.p_about1 dl dd {width:100%;}
.footer{margin-top:0px;}
.remark1 .map1 .l {width: 100%; text-align: center;}
.remark1 .map1 .r { width: 100%;    margin-left: -4%;}
.sortnavul li a{height: 30px;}
  .search{display:none;}
  .n_n_list li dl {  width: 96%;}
  .i_news li dl { width: 92%;}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.i_banner_box { height: 106px;}
.small_list { top: 80px;}
.i_pro_ll { width: 76% !important; margin-left: 60px;}
.i_case_ll li{width: 100%;margin-right: 0px;margin-bottom: 10px;}
.ad01 {margin-top: 0px;}
.i_data_l li {width: 50%;}
.i_about span h4 {line-height: 0px;}
.i_custom_l li { margin: 0 6px;}
.footer_nav{font-size: 15px;}
.fullSlide .bd li{height: 66px !important;}
.fullSlide .bd ul{height: 66px !important;}
.fullSlide .bd{height: 66px!important;}
.fullSlide{height: 66px  !important;}
.p_banner_box{height: 66px  !important;}
.fullSlide .bd li a {height: 66px  !important;}
.sortnavul li a {padding: 0 3px;}
.p_p_list2 .p_p_list ul li span{left: 14%;}
.gbook_formbtn{width: 360px;right: -6px;}
.title03 h3{display:none;}
  .sortnavul li { padding-top: 17px;}
  .n_n_list li dl { width: 89%;}
  .i_news li dl {width: 89%;}
  .remark1 .map1 .r {
    width: 100%;
    margin-left: -10%;
}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.search {display:none;}
.i_banner_box { height: 96px;}
.small_list { top: 70px;}
.i_pro_ll {  margin-left: 42px;}
.i_custom_l {width: 76%;}
.i_custom_l li { margin: 0 8px;width: 123px;height: 34px;}
.title02 {font-size: 20px;}
.footer_nav span { padding: 0 5px;}
.fullSlide .bd li{height: 60px !important;}
.fullSlide .bd ul{height: 60px !important;}
.fullSlide .bd{height: 60px!important;}
.fullSlide{height: 60px  !important;}
.p_banner_box{height: 60px  !important;}
.fullSlide .bd li a {height: 60px  !important;}
.sortnavul li { margin: 0px 16px;height: 30px;}
.pbox {height: 86px;}
.p_p_list2 .p_p_list ul li span{left: 10%;}
.gbook_indexpost dl { left: 60px;}
.remark1 .txt { padding: 43px 0 0 0px;}
  .remark1 .map1 .r {
    width: 100%;
    margin-left: 0;
}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
.i_pro_ll { width: 82%;margin-left: 30px;}
.footer_nav {font-size: 14px;}
.i_custom_l li {margin: 0 16px;width: 100px;height: 27px;}
.fullSlide .bd li{height: 56px !important;}
.fullSlide .bd ul{height: 56px !important;}
.fullSlide .bd{height: 56px!important;}
.fullSlide{height: 56px  !important;}
.p_banner_box{height: 56px  !important;}
.fullSlide .bd li a {height: 56px  !important;}
.p_p_list2 .p_p_list ul li span{left:8%;}
.gbook_formbtn { right: -20px;}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/
.i_banner_box {height: 85px;}
.small_list {right: -252px;top: 56px;}
.i_pro_ll { width: 82%;margin-left:26px;}
.i_pro_ll li{width: 248px;}
.i_pro_ll li i {width: 248px;height:200px;}
.i_custom_l { width: 72%;}
.i_custom_l li {margin: 0 6px;}
.footer_nav {font-size: 12px;}
.fullSlide .bd li{height: 50px !important;}
.fullSlide .bd ul{height: 50px !important;}
.fullSlide .bd{height: 50px!important;}
.fullSlide{height: 50px  !important;}
.p_banner_box{height: 50px  !important;}
.fullSlide .bd li a {height: 50px  !important;}
.p_p_list2 .p_p_list ul li span{left:3%;}
.gbook_indexpost dt input { width: 200px !important;}
.gbook_formbtn { right: 42px;width: 80%;}
.gbook_indexpost {height: 823px;}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/


