@charset "utf-8";
@import url(dll.css);
@import url(global.css);
@import url(module.css);
@import url(/onlinecss/onlineeditor.css);
@import url(ddsmoothmenu.css);
@import url(animate.css);
@import url(banner.css);
/* 首页部分开始 */
.mfbox{width:1400px; min-width:1400px; margin:0 auto;}
.header{width:100%; position:absolute; top:30px; left:0; z-index:9999;}
.header_in{height:110px; background:#181818;}
.logo{float:left; overflow:hidden; margin-left:1%; display:inline-block;}

.lan{float:right; display:inline-block; height:30px; line-height:30px; padding-left:23px; margin:40px 20px 0 0; background:url(../Images/icon02.png) no-repeat left center; display: none;}
.lan a{ display:block; font-size:16px; color:#f5f5f5;}
body.sed .n_n_list li {
    width: 100%;
    border: none;
    height: 50px;background: #f7f7f7;
 
    border-right:0px solid #042551;margin-bottom: 20px;
   
}
body.sed .n_n_list li a {
    width: 70%;margin:0px;padding:0px;
    float: left;height: 50px;
    line-height: 50px;
    text-indent: 10px;border-right:0px solid #042551;background-color:#f7f7f7
}
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;
}
/*.search{float:right; height:30px; line-height:30px; margin:40px 20px 0 0;}
.search a{ display:block; width:30px; height:30px; background:url(../Images/icon03.png) no-repeat center center;}*/

.search{float:right; height:30px; line-height:30px; margin:32px 20px 0 0;    position: relative;}
input#btnSearch {
    position: absolute;
    right: 1px;
    margin-top: -56px;
}

.i_nav{float:right;}
/*.i_nav li{float:left; display:inline-block; padding:0 5px; text-align:center;}
.i_nav li>a{display:block; height:110px; padding:0 20px; color:#f5f5f5; line-height:110px; font-size:16px; font-weight:bold;}
.i_nav li>a:hover{ color:#FFF; background:#387ae7;}
.i_nav li>a.on{ color:#FFF; background:#387ae7;}*/

.i_banner_box{position:relative; width:100%; height:900px; z-index:1000; overflow:hidden;}
.i_banner{float:left; display:inline;}
/*.i_banner li{width:100%; height:900px;}
.i_banner li a{ display:block; width:100%; height:900px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:20px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 15px; width:16px; height:16px; text-align:center; overflow:hidden; background:#FFF; border-radius:100%;}
.i_banner_p a:hover{ background:#ff311c;}
.i_banner_p a.on{ background:#ff311c;}*/

.i_container{width:100%; padding-bottom:60px;}
.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;}

.box01{width:100%; height:300px; position:relative;}
.box02{width:100%; padding-top:30px; background:url(../Images/icon08.jpg) repeat-x left 30px #FFF;}
.box03{width:100%; padding:50px 0 40px; position:relative;}

.i_slink{ position:absolute; width:1400px; height:350px; background:#FFF; top:-100px; left:calc(50% - 700px); z-index:10001;}
.i_slink_t{float:left; width:350px; height:350px; position:relative;}
.i_slink_t strong{ display:block; padding:50px 30px 0; color:#4c4c4c; line-height:34px; font-size:20px;}
.i_slink_t span{ display:block; padding:20px 0 40px; margin:0 30px; color:#999999; line-height:26px; font-size:14px; font-weight:bold; border-bottom:1px solid #dcdcdc}
.i_slink_t ins{ display:block; position:absolute; width:218px; height:48px; right:0; bottom:0; color:#999999; text-decoration:none; line-height:48px; font-size:14px; font-weight:bold;}
.i_slink_t ins a{ display:block; text-align:center; color:#FFF; padding-right:48px; background:url(../Images/icon04.jpg) no-repeat right center #01357b;}
.i_slink_t ins a:hover{background:url(../Images/icon04.jpg) no-repeat right center #387ae7;}

.i_slink_l{float:left; width:1050px;}
.i_slink_l dl{float:left; width:350px; height:350px; background:#b0b8df; text-align:center;}
.i_slink_l dl:nth-child(2){ background:#a4adda;}
.i_slink_l dl:nth-child(3){ background:#98a2d4;}
.i_slink_l dl a{ display:block; color:#FFF; padding:35px;}
.i_slink_l dt{ margin-top:40px;}
.i_slink_l dd{ margin-top:45px;}
.i_slink_l dd h4{ display:block; font-size:18px; font-weight:600; line-height:30px;}
.i_slink_l dd ins{ display:block; font-family:Arial; text-transform:uppercase; text-decoration:none; line-height:25px;}
.i_slink_l dd span{ display:block; line-height:25px; margin-top:25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.i_prosort{padding-bottom:50px;}
.i_prosort_i{float:left; margin-top:60px; width:300px;}
.i_prosort_i strong{ display:block; padding:0 40px 0 0; color:#4c4c4c; line-height:34px; font-size:20px;}
.i_prosort_i span{ display:block; padding:10px 45px 10px 0; color:#999999; line-height:26px; font-size:14px; font-weight:bold; border-bottom:1px solid #dcdcdc}

.i_prosort_l{float:left;    margin-left: 16px;
    margin-top: 60px;
    width: 1080px !important; overflow:hidden;}
.i_prosort_l ul{width:20000px; overflow:hidden;}
.i_prosort_l li{float:left; display:inline-block; width:324px;     margin-left: 36px;}
.i_prosort_l li i{ display:block; width:324px; height:217px; border:1px solid #eeeeee; overflow:hidden;}
.i_prosort_l li i a:hover img{ z-index:-1; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
.i_prosort_l li dl dt{ height:54px; color:#4c4c4c; font-size:20px; font-weight:bold; line-height:50px; background:url(../Images/icon09.jpg) no-repeat left bottom; display:block; overflow:hidden; white-space:nowrap;text-overflow:ellipsis; }
.i_prosort_l li dl a:hover dt{ color:#0065b3; background:url(../Images/icon10.jpg) no-repeat left bottom;}

.i_prosort_l li dl dd{ margin-top:10px; font-size:15px; padding:5px 0; line-height:20px; max-height:65px; overflow:hidden;}

.i_case_l{margin-top:20px; width:1400px; overflow:hidden;}
.i_case_l li{width:350px; height:260px; margin-top:10px; position:relative; float:left; border:1px solid #afb1b5;}
.i_case_l li span{ display:block; position:absolute; left:0; top:0; width:348px; text-align:center; line-height:320px; height:258px; font-size:16px; color:#FFF; background:url(../Images/icon13.png) no-repeat center 120px rgba(0,0,0,0.7);}
.i_case_l li i{ display:block; width:348px; height:258px; overflow:hidden;}
.i_case_l li a:hover span{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}

.i_news{padding-bottom:40px;}

.i_news_l{margin-top:30px; position:relative;}

.i_news_ll{ position:absolute; left:0; top:0;}
.i_news_ll dl{width:300px; height:160px; background:#9db4d2; margin-bottom:5px; overflow:hidden;}
.i_news_ll dl dt{float:left; width:300px; height:160px; padding:0 50px 0 30px;}
.i_news_ll dl dt strong{ display:block; float:left; width:90px; line-height:160px; font-size:60px; color:#FFF;}
.i_news_ll dl dt h4{ display:block; float:left; margin-top:50px; height:40px; line-height:40px; font-weight:bold; font-size:26px; color:#042551;}
.i_news_ll dl dt span{ display:block; float:left; width:130px; line-height:20px; font-weight:bold; font-size:14px; color:#dbe4ef; text-transform:uppercase;}
.i_news_ll dl dd{float:left; width:665px; height:160px; padding:25px 65px 0 35px;}
.i_news_ll dl dd h5{ display:block; height:30px; line-height:30px; font-weight:bold; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.i_news_ll dl dd h5 a{ color:#e5e5e5;}
.i_news_ll dl dd h5 a:hover {color:#0065b3;}
.i_news_ll dl dd ins{ display:block; height:20px; line-height:20px; font-size:12px; color:#e5e5e5; text-decoration:none;}
.i_news_ll dl dd span{ display:block; height:50px; line-height:25px; color:#FFF; margin-top:10px; overflow:hidden;}
.i_news_ll dl i{float:left; display:block; width:60px; height:160px;}
.i_news_ll dl i a{display:block; width:60px; height:160px; background:url(../Images/icon14.png) no-repeat center center #01357b;}
.i_news_ll dl:hover{width:1025px; background:#8aa8ce;}

.i_news_lr{width:1095px; float:right;}

.footer{width:100%; padding:55px 0 20px; color:#666; background:#FFF;}
.footer_l{float:left;}
.footer_nav{height:36px; line-height:36px;}
.footer_nav a{ padding-right:20px; font-size:16px; color:#333333; font-weight:bold;}

.fcontact{ font-size:16px; line-height:34px; margin-top:10px;}

.fline{float:right; text-align:right;}
.fline h3{ display:inline-block; width:140px; height:34px; border-radius:17px; text-align:center; background:#01357b; line-height:34px; color:#FFF;}
.fline span{ display:block; padding:15px 0; text-align:center; color:#4c4c4c; font-size:26px; font-weight:bold;}

.footer a:hover{color:#0065b3;}

.copybox{ height:40px; color:#d4e0f1; line-height:40px; font-size:12px; text-align:center; background:#042551;}
.flinks{float:left;}
.flinks span{ padding:0 5px;}
.copyright{float:right;}
.copybox a{ color:#d4e0f1;}
.copybox a:hover {color:#0065b3; text-decoration:none;}
.jsq{float:right; padding-left:20px;}
/* 首页部分结束 */

/* 内页部分开始 */
.p_banner_box{position:relative; width:100%; height:530px; overflow:hidden;}
.p_banner{ float:left; display:inline;}
/*.p_banner li{width:100%; height:530px;}
.p_banner li a{ display:block; width:100%; height:530px;}*/

.p_container{width:1400px; margin:0 auto; position:relative; padding:40px 0; margin-bottom:35px; background:#FFF;}
.lan li {
    float: left;
}
.sidebar{ position:absolute; width:100%; height:200px; top:-200px; left:0; padding-top:40px; background:#FFF; z-index:9998;}
/*.sidebar_l{width:100%; margin-top:30px; text-align:center;}
.sidebar_l li{ display:inline-block; width:120px; height:40px; margin:0 5px;}
.sidebar_l li a{ display:block; line-height:40px; background:#b3b3b3; color:#f0f0f0; font-size:16px; font-weight:bold;}
.sidebar_l li a:hover, .sidebar_l li a.on{ background:#042551; color:#FFF;}*/

.p_content{ padding:0 40px;}
.p_about_i{float:left; width:600px;}
.p_about_c{float:right; width:700px; background:#f2f6fb; padding:40px;}
.p_about_c h3{ display:block; font-size:20px; color:#042551; font-weight:bold; text-align:center;}

.p_about_cc{background:#8aabd6; margin-top:30px; padding:20px 30px; line-height:25px; color:#ffffff;}
/* 内页部分结束 */

/*
@media screen and (max-width: 1400px) {

.mfbox{width:1200px; min-width:1200px; }
.i_banner{height:650px;}
.i_banner li{height:650px; background-size:auto 100%!important;}
.i_banner li a{height:650px;}

.box01{height:260px;}

.i_slink{width:1200px; height:300px; left:calc(50% - 600px);}
.i_slink_t{float:left; width:300px; height:300px; position:relative;}
.i_slink_t strong{padding:25px 30px 0;}
.i_slink_t span{padding:20px 0 30px;}

.i_slink_l{width:900px;}
.i_slink_l dl{width:300px; height:300px;}
.i_slink_l dt{ margin-top:20px;}
.i_slink_l dd{ margin-top:25px;}
.i_slink_l dd span{ margin-top:15px;}

.i_prosort_l{margin-top:60px; width:880px;}
.i_prosort_l ul{width:20000px; overflow:hidden;}
.i_prosort_l li{width:280px; margin-right:20px;}
.i_prosort_l li i{width:280px; height:auto;}

.i_case_l{width:1200px;}
.i_case_l li{width:300px; height:223px;}
.i_case_l li span{width:300px; line-height:280px; height:223px; background:url(../Images/icon13.png) no-repeat center 100px rgba(0,0,0,0.7);}
.i_case_l li i{width:298px; height:221px;}

.i_news_lr{width:890px; overflow:hidden;}
.i_news_lr a{ display:block; width:1095px;}

.p_container{width:1200px;}
.p_about_i{width:500px;}
.p_about_c{width:600px;}


}
*/

.i_sbtn {
    display: block;
    background:url(/templates/images/icon03.png) center center no-repeat; width:16px; height:30px; margin-top:2px; border:none;
}
.text-input{ border:none;}


.icon-search-thick { background:url(/templates/images/icon03.png) center center no-repeat; width:16px; height:30px; display:block;background-position-y: 16px;}
.header1 .search-panel { z-index:99999;
	margin-left:-16px;
	margin-right:-16px;
	background-color:#e2e6ec;
	position:absolute;
	top:54px;
	width:100%;
	max-height:0;
	overflow:hidden;
-webkit-transition:max-height .3s ease-in-out;
-o-transition:max-height .3s ease-in-out;
transition:max-height .3s ease-in-out
}

.header1 .search-panel .container .search-input .input-wrapper #searchBtn {
	position:absolute;
	top:0;
	right:0;
	width:16px;
	height:30px;
	font-size:18px;
	display:block;
	color:#FFF;
	background-color:#387ae7;
	text-align:center;
	vertical-align:middle;
	line-height:30px
}
.header1 .search-panel .container .search-input .input-wrapper #searchBtn .icon {
	vertical-align:middle;
	line-height:30px;
	display:block;
}



.header1 .search-panel .container .search-history .clear-btn {
	font-size:14px;
	color:#89919c;
	border-top:1px solid rgba(182, 193, 207, .6);
	border-bottom:1px solid rgba(182, 193, 207, .6);
	line-height:30px;
	background-color:#FFF
}
.header1 .search-panel .container .search-history .clear-btn:active, .header1 .search-panel .container .search-history .clear-btn:hover {
	color:#00a3d9
}
.header1 .search-panel.show {
	overflow-y:auto;
	max-height:9999px
}


.header1, .header1 .container {
position:relative
}


.header1 .brand .top-nav .search {
display:block;
float:left;
line-height:30px;
color:#b6c1cf
}
.header1 .brand .top-nav .search .icon-search-thick {
font-weight:400;
font-size:18px;
line-height:30px
}

.header1 .search-panel {
background-color:transparent;
top:0px;
right:16px;
width:0;
overflow:hidden
}
.header1 .search-panel .container {
width:200px;
padding-left:0;
padding-right:0
}
.header1 .search-panel .container .search-input {
width:200px;
height:30px;
padding-top:0;
padding-bottom:0
}
.header1 .search-panel .container .search-input .input-wrapper {
height:30px;
width:0;
overflow:hidden;
background-color:transparent;
padding:0 6px 0 8px
}
.header1 .search-panel.show {
overflow:hidden;
width:200px;
}
.header1 .search-panel.show .container .search-input .input-wrapper {
width:200px;
background-color:#FFF;    margin-top: 50px;
}
.header1.transparent-bg {
background-color:transparent
}
a.on{background:#042552 !important;color:#fff  !important;}

/*时间轴*/
.event_box{ width:1300px; margin: 0 auto;position: relative;margin-bottom: 52px; }

.event_box .parHd {width: 100%; display: inline-block;

    height: 50px;    border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;

    overflow: hidden;}

.parHd  ul{ width: 100%; text-align: center; margin: 0 auto; padding-top: 0px !important;}

.parHd .tempWrap{ margin: 0 auto;width: 1200px !important;}

.parHd .tempWrap:after{      content: '';

    width: 85%;

    height: 1px;

    background: #580000;

    position: absolute;

    /* top: 33%; */

    /* right: -140%; */

    right: 8%;

    top: 35%;display:none;

    /* margin-top: -0.5px; */

    z-index: 10;}

/*.parHd li:before{ content: ''; width: 180%; height: 1px; background: #580000; position: absolute;top: 0; right:-140%;right: 0;}*/ 

.parHd li.no_line:before{ display: none;}

.parHd li{  display: inline-block; cursor: pointer; padding-top: 14px; font-size: 16px; color: #000;margin:0 30px; position: relative; }

.parHd li:after{ content: ''; background: url(../images/dot_ico.png) no-repeat; width: 24px; height: 24px; position: absolute;  z-index: 20;top: -12px; left: 50%; margin-left: -12px;}

.parBd{ text-align: center; margin-top: 60px;}

.parBd h4{ position: relative; font-size: 40px; margin-bottom: 3%; /*width: 200px;*/ padding: 0 60px;  display: inline-block; text-align: center;}

.parBd h4:after{ content:''; background: #000; width: 100px; height: 1px; position: absolute; left: -100px; bottom: 12px;}

.parBd h4:before{ content:''; background: #000; width: 100px; height: 1px; position: absolute; right: -100px; bottom: 12px;}

.parBd p{ line-height: 180%; font-size: 16px; width: 80%; margin: 0 auto;}

div#listBox {

    width: 100%;

}

.sPrev,.sNext{ width: 30px; height: 30px; display: block; position: absolute; top: 10px;}

.sPrev{ left: 0;
     display: none;}

.sNext{ right: 0;
     display: none;}

.sPrev img,.sNext img{transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -moz-transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -webkit-transition: all .6s cubic-bezier(.51,1.1,.9,.95);

    -o-transition: all .6s cubic-bezier(.51,1.1,.9,.95);
     }
/*大事记*/
.newslist {
    width: 1300px;
    margin: 0 auto;
}
.newslist li{clear:both;margin-bottom:30px;display:block;height: 100px;}
.news_l {
    width: 152px;
    height: 100px;
    float: left;    
}
.news_r {
    width: 1133px;
    height: 100px;
    border: 1px solid #ededed;
    /* float: left; */
    float: right;overflow:hidden;
}
.ntt {
    margin: 10px 0 0 10px;
    font-size: 20px;
    font-weight: 700;
}
.ncc {
    margin: 10px 0 0 10px;
    font-size: 14px;
    font-weight: 700;color:#4b4b4b;
}
.times {
    margin: 10px 0 0 10px;
    font-size: 14px;
   color:#cccccc;
}
span.tubiao {
    width: 36px;
    height: 36px;
    display: block;
    background: url(/upload/products/2017110714301166.png)no-repeat;
    float: left;
    margin-top: -9px;
}


/*留言版块样式*/
.gbook_indexpost {
    width: 1200px;
    position: relative;height:420px;     border: 1px solid #ccc;margin:0 auto;
}
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: 1200px;
    height: 40px;
    border: 1px solid #ccc;
    background: #055bac;
    color: #fff;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    font-weight: 700;margin:0 auto;
}
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;
}


.map1 {
    overflow: hidden;
    width: 100%;
    
   
    padding: 20px 0;
}
.remark1 .map1 .l {
    float: right;
       width: 766px;    margin-right: 20px;
}
.remark1 .txt {
    background-color: #fff;
    width: 100%;
    height: 305px;
    padding: 43px 0 0 80px;
}
.remark1 .map1 .r {
   
   float: left;
    margin-top: 0;
    margin-right: 0;
    width: 32%;
}
body.menu_46 .remark1 {
    border: 1px solid #ccc;
    width: 1200px;
    margin: 0 auto;
}
body.menu_45 .remark1 {
   
    width: 1200px;
    margin: 0 auto;
}






/*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 2px 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;    display: block;
    margin: 0 auto;}

body.menu_42 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_43 div#smoothmenu2 ul li:last-child{display:none;}
body.menu_47 div#smoothmenu2 ul li:last-child{display:none;}
body.jobs div#smoothmenu2 ul li:last-child{display:none;}


a.othermenu_a:last-child {display: none;}


/*产品*/
.menu_38_text {
    padding: 0 40px;margin-bottom: 20px;
    height: 200px;
}
.sortidtopic {
    width: 310px;
    height: 200px;
    background: #042551;
    color: #fff;
    text-align: center;
    line-height: 200px;
    font-size: 26px;    float: left;
}
.p_p_list ul li a i img {
    width: 310px;
    height: 178px;
}
.sortidview {
    width: 1010px;
    height: 200px;
    float: left;
    background: #eeeeee;
    padding: 52px 0 0 46px;
}
.ttt {
    font-size: 18px;
   font-weight: bold;
    color: #373737;
    height: 30px;
    line-height: 30px;
}
.tmm {
    font-size: 16px;
    height: 30px;
    line-height: 30px;
    color: #373737;
}
.hhh .title01 {
    background: url(/upload/case/2017111417323560.png)no-repeat;    width: 1320px;
}
.hhh .title01 h3 {    padding-left: 50px;    color: #373737;}

.hhh {
    margin-top: 30px;
}
div#i_p_outer {
    margin-top: 20px;
}
.remark1 img {
    display: block;
    margin: 0 auto;
    text-align: center;
    max-width: 1320px;
}
span.prevrecord {
    margin-bottom: 10px;
}
/*响应式网站制作开始*/
.i_banner_box123 img{max-width: 100%;}
.i_banner_box123 { }
iframe {
    width: 640px !important;
    height: 480px !important;
}

@media screen and (max-width: 1400px) { /*当屏幕尺寸小于1400px时，应用下面的CSS样式*/
.mfbox{width:1200px; min-width:1200px; }
.i_banner{height:650px;}
.i_banner li{height:650px; background-size:auto 100%!important;}
.i_banner li a{height:650px;}

.box01{height:260px;}

.i_slink{width:1200px; height:300px; left:calc(50% - 600px);}
.i_slink_t{float:left; width:300px; height:300px; position:relative;}
.i_slink_t strong{padding:25px 30px 0;}
.i_slink_t span{padding:20px 0 30px;}

.i_slink_l{width:900px;}
.i_slink_l dl{width:300px; height:300px;}
.i_slink_l dt{ margin-top:20px;}
.i_slink_l dd{ margin-top:25px;}
.i_slink_l dd span{ margin-top:15px;}

.i_prosort_l{margin-top:60px; width:880px;}
.i_prosort_l ul{width:20000px; overflow:hidden;}
.i_prosort_l li{width:280px; margin-right:20px;}
.i_prosort_l li i{width:280px; height:auto;}

.i_case_l{width:1200px;}
.i_case_l li{width:300px; height:223px;}
.i_case_l li span{width:300px; line-height:280px; height:223px; background:url(../Images/icon13.png) no-repeat center 100px rgba(0,0,0,0.7);}
.i_case_l li i{width:298px; height:221px;}

.i_news_lr{width:890px; overflow:hidden;}
.i_news_lr a{ display:block; width:1095px;}

.p_container{width:1200px;}
.p_about_i{width:500px;}
.p_about_c{width:600px;}
.i_banner_box img { width: 100% !important; height: auto !important;}
.i_banner_box{height: auto ;}
.i_prosort_l{width: 880px !important;}
.p_about_i img {width: 100%;}
.p_banner_box img {width: 100% !important;height: auto !important;}
.p_banner_box { width: 100%; height: 446px;}
.p_container {
    width: 100%;-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;
}
.sidebar{
    width: 100%;-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;
}
.p_about_c { width: 100%;}
.p_about_i { width: 100%;}
.sortidview { width: 986px;}
/*导航*/
div#com_mainmenu ul li:nth-child(2) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width: 1200px !important;left:0px !important;
    background: #387ae7;
    margin-left: -376px;
}
div#com_mainmenu ul li:nth-child(2):hover ul{display: block !important;}

div#com_mainmenu ul li:nth-child(3) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width: 1200px !important;left:0px !important;
    background: #387ae7;
    margin-left: -490px;
}
div#com_mainmenu ul li:nth-child(3):hover ul{display: block !important;}
.i_nav ul  li:nth-child(3) ul li { margin-left: 376px;}

div#com_mainmenu ul li:nth-child(4) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width: 1200px !important;left:0px !important;
    background: #387ae7;
       margin-left: -604px;
}
div#com_mainmenu ul li:nth-child(4):hover ul{display: block !important;}
.i_nav ul  li:nth-child(4) ul li { margin-left: 376px;}

div#com_mainmenu ul li:nth-child(6) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;


visibility: hidden;  width: 1200px !important;left:0px !important;
    background: #387ae7;
    margin-left: -847px;
}
div#com_mainmenu ul li:nth-child(6):hover ul{display: block !important;}
.i_nav ul  li:nth-child(6) ul li { margin-left: 761px;}

div#com_mainmenu ul li:nth-child(7) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;


visibility: hidden;  width: 1200px !important;left:0px !important;
    background: #387ae7;
    margin-left: -962px;
}
div#com_mainmenu ul li:nth-child(7):hover ul{display: block !important;}
.i_nav ul  li:nth-child(7) ul li { margin-left: 912px;}

} /*当屏幕尺寸小于1400px时，结束应用下面的CSS样*/

@media screen and (max-width: 1366px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
.remark1 img { max-width: 100%;}
.n_n_list li a{margin-left:0px;}
.p_p_list li {margin-right: 9px;}
.hhh .title01{width: 1268px;}
.sortidview { width: 956px;}
}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1280px) { /*当屏幕尺寸小于1366px时，应用下面的CSS样式*/
.n_n_list {width: 100%;}
.n_n_list ul{width: 100%;}
.n_n_list li a{ width: 100%;}
.n_n_list li a:hover { width: 100%;}
.n_n_list li .nc {width: 89%;}
.sortidview { width: 870px;}
.p_p_list {width: 100%;}
.p_p_list ul{width: 1336px;}
.p_p_list li {  margin-right: 6px;width: 23%;}
  .sidebar .title03 {
    margin-top: 30px;
}
  .remark1 {
    margin-top: 20px;
    margin-bottom: 20px;
}
  .p_content {  margin-top: 20px;padding: 0 20px;}
  .menu_38_text { margin-top: 20px;
}
  .i_prosort_l { margin-left: 10px;width: 890px !important;}
    .i_prosort_l li{ margin-right: 0px;margin-left: 16px;}
  .remark1 img {width:auto;max-width: 100%;
}
}/*当屏幕尺寸小于1366px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1024px) { /*当屏幕尺寸小于1024px时，应用下面的CSS样式*/
.mfbox{width: 100% !important; min-width: 100% !important;}
.logo img{max-width:193px;}
.search{display:none !important;}
.nava {padding: 0 10px;}
i_banner { height: 523px;}
.i_slink { width: 90%; left: calc(50% - 465px);}
.i_slink_l {width: 620px;overflow: hidden; height: 300px;}
.i_prosort_i { width: 100%; padding-left: 12px;}
.i_prosort_l {width: 100% !important;margin-left:0px;}
.i_slink_l dl { width: 310px;}
.i_prosort_l li {margin-left: 28px;}
.i_case_l { width: 100%;-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;}
.i_case_l li { margin-right: 17px; margin-left: 17px;}
.i_news.mfbox{width: 100%;-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;}
.event_box {width: 100%;}
.p_p_list { width: 100%;}
.p_p_list li{margin-right: 13px;margin-left: 13px;}
.newslist {width: 100%;}
.news_r { width: 761px;}
.n_n_list { width: 100%;}
.n_n_list ul { width: 100%;}
.n_n_list li a {width: 100%;}
.n_n_list li .nc { width: 86%;}
.n_n_list li a:hover{ width: 100%;}
.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: 42%;}
.p_content{padding:0px;}
body.menu_46 .remark1 {width: 100%;}
body.products .menu_38_text { margin-left: 0px;}
body.products .p_content{ margin-left: 0px;}
.sortidview { width: 734px;}
.p_p_list li {margin-right: 23px;margin-left:0px;width: 310px;}
.hhh .title01 {width: 100%; background-size: 100%;}
.sortidtopic { width: 270px;}
menu_38_text { padding: 0 0px 0px 40px;}
.p_p_list ul{width: 100%;}
.menu_38_text { padding: 0 0px;}
.remark1 .map1 .l {
    float: none;
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.box02{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
/*导航*/
div#com_mainmenu ul li:nth-child(2) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width: 1024px !important;left:0px !important;
    background: #387ae7;
    margin-left: -356px;
}
div#com_mainmenu ul li:nth-child(2):hover ul{display: block !important;}
.i_nav ul li:nth-child(2) ul li{margin-left: 272px;}
div#com_mainmenu ul li:nth-child(3) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width:1024px !important;left:0px !important;
    background: #387ae7;
    margin-left: -450px;
}
div#com_mainmenu ul li:nth-child(3):hover ul{display: block !important;}
.i_nav ul  li:nth-child(3) ul li { margin-left: 324px;}

div#com_mainmenu ul li:nth-child(4) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;

 /*collapse all sub menus to begin with*/
visibility: hidden;  width:1024px !important;left:0px !important;
    background: #387ae7;
       margin-left: -544px;
}
div#com_mainmenu ul li:nth-child(4):hover ul{display: block !important;}
.i_nav ul  li:nth-child(4) ul li { margin-left: 200px;}

div#com_mainmenu ul li:nth-child(6) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;


visibility: hidden;  width:1024px !important;left:0px !important;
    background: #387ae7;
    margin-left: -748px;
}
div#com_mainmenu ul li:nth-child(6):hover ul{display: block !important;}
.i_nav ul  li:nth-child(6) ul li { margin-left: 585px;}

div#com_mainmenu ul li:nth-child(7) ul{
position: absolute;padding-left:0px; width:180px; margin:0 0;


visibility: hidden;  width:1024px !important;left:0px !important;
    background: #387ae7;
    margin-left: -842px;
}
div#com_mainmenu ul li:nth-child(7):hover ul{display: block !important;}
.i_nav ul  li:nth-child(7) ul li { margin-left: 736px;}
.navactive,.navactive:hover,.nava:hover,.nava.selected{padding:0 10px;}
.footer{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;
}
}/*当屏幕尺寸小于1024px时，结束应用下面的CSS样式*/

@media screen and (max-width: 1000px) { /*当屏幕尺寸小于1000px时，应用下面的CSS样式*/
.i_slink {width: 94%;}
.i_case_l li {margin-right: 10px;margin-left: 10px;}
.news_r { width: 721px;}
.n_n_list li .nc { width: 85%;}
.sortidview { width: 710px;}
.p_p_list li { margin-right:26px;}
.p_p_list ul { width: 110%;}
.header { top: 0px;}
.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;

    width: 100%;padding:0 10px;
    padding-bottom: 30px;
}
.fline {
    float: none;
    text-align: center;padding-top: 10px;
}
.i_banner {
    height: 620px;
}
.sidebar .title03{margin-top: 30px;}
.p_content{margin-top:30px;}
.prevnext{margin-bottom: 10px;}
.remark1{margin-top: 20px;margin-bottom: 20px;}
.search {
    display: block !important;
}
input#btnSearch { margin-top: -56px;}
.logo img {  margin-top: 14px;}
.copybox{-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;

    width: 100%;padding:0 10px;}
}/*当屏幕尺寸小于1000px时，结束应用下面的CSS样式*/


@media screen and (max-width: 768px) { /*当屏幕尺寸小于768px时，应用下面的CSS样式*/
.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: 80px;}
.ddsmoothmenu ul {  width: 100%;}
.ddsmoothmenu ul li {  width: 100%; height: auto;border-bottom: 1px #f6f6f6 solid;background: #fff;padding: 0px;}
.nava:hover,.navactive:hover { background: #fff;}
.ddsmoothmenu ul li  a{color:#000;}
.ddsmoothmenu ul li  a:hover{color:#005ad9;}
.ddsmoothmenu ul li a.navactive {width: 100%;background: #005ad9;color: #fff;}
.nava { width: 100%; height: 40px; line-height: 40px; border: none;}
.navactive, .navactive:hover { width: 100%;line-height: 40px; height: 40px;background: #005ad9;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;display:none !important;}
.i_nav ul li ul li { width: 100%; border: 0;display:none !important;}
.i_nav ul li ul li a { width: 100%;}
.remark img{max-width:100%;}
.i_banner {height: 390px;}
.i_slink { left: calc(50% - 356px);}
.i_slink_t {width: 57%;}
.i_slink_l { width: 300px;}
.i_prosort_l li {margin-right: 49px;margin-left: 42px;}
.i_case_l li { margin-left: 46px;}

.i_news_lr a{ width: 100%;}
#com_singles_i_news_lr a img { width: 100%;}
  .i_news_lr { width: 100%;position: relative;margin-top: 500px;}
  .i_news_ll dl { width: 100%;}
  .i_news_ll dl dd {  width: 51%;}
  
  .header_in { height: 60px;}
  .logo img { max-width: 123px;}
  .lan {margin: 16px 20px 0 0;}
  .iconfont.icon-fenlei {  margin:5px 10px 0 0;}
  .box01 { z-index: 1000;}
  .p_banner_box {height: 386px;}
  .parHd .tempWrap { width: 700px !important;}
  .p_p_list ul{ width: 100%;}
  .p_p_list li{margin-right: 26px;margin-left: 26px;}
  .news_r { width: 492px;}
  .ncc {height: 20px; overflow: hidden;}
  .n_n_list li .nc { width: 80%;}
  .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 { 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;
}
#gbookMain {
    width: 270px !important;
}
.sortidview { width: 476px;}
.p_p_list li { margin-left: 34px;}
.fline { float: none; text-align: center; width: 100%;}
.productremark img {
    max-width: 100%;
}
.i_slink_l dl {width: 303px;}
.i_slink_l{width: 302px;}
.search {
    display: none!important;
}
.hhh .title01 { background-size: auto;
}
  .sortnavul li {   margin: 0 0px;}
}/*当屏幕尺寸小于768px时，结束应用下面的CSS样式*/

@media screen and (max-width: 736px) { /*当屏幕尺寸小于736px时，应用下面的CSS样式*/


}/*当屏幕尺寸小于736px时，结束应用下面的CSS样式*/


@media screen and (max-width: 667px) { /*当屏幕尺寸小于667px时，应用下面的CSS样式*/
  .i_case_l li { margin-left: 10px;}
  .i_slink { left: calc(50% - 300px);}
  .i_slink_t {width: 100%;}
  .i_slink_l { width: 100%;  margin-top: 10px;}
  .i_slink_l dl { width: 33%; height: 190px;overflow: hidden;}
  .i_slink_l dl a { padding: 0px;}
  .box01 { height: 412px;}
  .i_prosort_l ul {width: 100%;}
  .i_prosort_l li { margin-right: 6px;margin-left: 36px;}
  .i_prosort_l{margin-left:0px;}
  .copybox{height:auto;}
  .flinks { width: 100%;}
  .copyright {  float: none;}
   .parHd .tempWrap { width: 600px !important;}
   .p_p_list li { margin-right: 6px;margin-left: 6px;}
   .news_r { width: 406px;}
     .n_n_list li .nc { width: 76%;}
	 .remark1 .map1 .r {
    width: 100%;
}
.sortidtopic { width: 160px;}
}/*当屏幕尺寸小于667px时，结束应用下面的CSS样式*/

@media screen and (max-width: 568px) { /*当屏幕尺寸小于568px时，应用下面的CSS样式*/
iframe {
    width: 100% !important;
    height: 480px !important;
}

}/*当屏幕尺寸小于568px时，结束应用下面的CSS样式*/

@media screen and (max-width: 480px) { /*当屏幕尺寸小于480px时，应用下面的CSS样式*/
.navbar-toggle {width: 50px;height: 50px;font-size: 28px !important;line-height: 52px;}
 .i_banner {height: 292px;}
  .i_slink { left: calc(50% - 221px);}
  .i_slink_l dl{height: 154px;}
  .i_prosort_l{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;
}
  .i_prosort_l li { margin-right: 0px;margin-left: 0px;width: 100%;}
  .i_prosort_l li i { width: 100%;}
  .i_prosort_l li i a img { text-align: center;margin: 0 auto;display: block;}
  .i_prosort_l li dl dt{background-size: 100%;}
  .i_prosort_l li i a:hover img{ z-index:10000000000; -webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2);}
  .i_prosort_l li dl a:hover dt{background-size: 100%; }
  .i_case_l ul li a i img { width: 100%;height: auto;}
  .i_case_l li { margin-left: 0px;margin-bottom: 10px;margin-right: 0px;width: 100%;height: auto;}
  .i_case_l li span { width: 100%; height: 342px;}
  .i_case_l li i {  width: 100%;height: auto;}
  .footer {  width: 100%;-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:55px 10px 20px;}
  .fline {  float: none;  text-align: center;width: 100%;}
  .p_content { padding: 0 10px;}
  .p_about_c {padding:0px;    margin-bottom: 20px;}
  .p_banner_box { height: 326px;}
  .p_about_cc{padding: 20px 5px;    margin-top: 10px;}
  .p_about_c h3 {  padding-top: 10px;}
   .parHd .tempWrap { width: 401px !important;}
   .p_p_list li { margin-right: 0px; margin-left: 0px;width: 100%;height: auto;}
   .p_p_list li span {width: 100%;height: 324px;}
   .p_p_list li i { width: 100%;height: 324px;}
   .p_p_list ul li a i img {width: 100%;height: auto;}
   .newslist li {height: 206px;}
   .news_l { float: none;margin: 0 auto;}
   .news_r { width: 100%;}
      .n_n_list li .nc { width: 69%;}
	  .remark1 .map1 .l {
    width: 100%;
}
.sortidtopic { width: 100%;}
.sortidview { width: 100%;padding: 10px;margin-bottom: 10px;}
.footer_nav { height: auto;}
  .logo img {
    margin-top: 5px;
}
  .sortnavul {overflow: visible;}
  .sortnavul li {margin-bottom: 3px;}
  iframe {
    height: 440px !important;
}
}/*当屏幕尺寸小于480px时，结束应用下面的CSS样式*/

@media screen and (max-width: 414px) { /*当屏幕尺寸小于414px时，应用下面的CSS样式*/
.i_slink { left: calc(50% - 190px);}
  .i_banner { height: 272px;}
  .i_slink_l dl {width: 100%;height: auto; margin-bottom: 10px;}
  .box01 { height: 890px;}
  .i_slink_l {  height: auto;}
  .footer_nav a {  padding-right: 16px;}
  _news_ll {width: 100%;}
  .i_news_ll dl:hover{height: 360px;}
  .i_news_ll dl dd { width: 83%;padding: 25px 0px 0 20px;}
  .i_news_ll dl:hover {width: 100%;}
  #com_indexistop_news:hover .i_news_lr{margin-top:700px;}
  .p_banner_box {  height: 112px;}
  .p_p_list li span {height: 276px;}
   .p_p_list li i { height:276px;}
   .n_n_list li .nc {width: 100%;height: auto;}
   .n_n_list li .nt{font-size: 14px;}
   .gbook_formbtn {width: 360px;right: 0px;}
   .header_in { background-color: rgba(1,53,123,0.5);}
   .header { top: 10px;}
  .news_l img {
    width: 100%;
}
  .news_l {
    width: 100%;
    height: auto;}
  .sidebar {  position: static;}
  .p_banner { margin-left: 0px !important;}
    iframe {
    height: 374px !important;
}
}/*当屏幕尺寸小于414px时，结束应用下面的CSS样式*/

@media screen and (max-width: 375px) { /*当屏幕尺寸小于375px时，应用下面的CSS样式*/
.i_slink { left: calc(50% - 172px);}
  .footer_nav a {padding-right: 10px;}
   .p_banner_box {  height: 103px;}
   .p_p_list li span {height: 246px;}
   .p_p_list li i { height:246px;}
      .gbook_indexpost dl { left: 60px;}
.remark1 .txt { padding: 43px 0 0 0px;}
.gbook_formbtn {  right: -28px;}
.sortidview { height: 263px;overflow:hidden;}
  .sortnavul li { width: 32%;}
  iframe {
    height: 335px !important;
}
}/*当屏幕尺寸小于375px时，结束应用下面的CSS样式*/


@media screen and (max-width: 360px) { /*当屏幕尺寸小于360px时，应用下面的CSS样式*/
.iconfont.icon-next-copy {font-size: 26px !important;}
  .i_slink {  left: calc(50% - 166px);}
  .i_news_ll dl dd { width: 80%;}
  .footer_nav a { padding-right: 6px;}
    .p_p_list li span {height: 236px;}
   .p_p_list li i { height:236px;}
.gbook_formbtn { right: -20px;}
.gbook_indexpost dl {
    left: 42px;
}
.gbook_formbtn {
    right: -42px;
}
.gbook_formbtn input{padding: 0 10px;margin-right: 0px;}
  .p_banner_box {
    height: 100px;
}
}/*当屏幕尺寸小于360px时，结束应用下面的CSS样式*/


@media screen and (max-width: 320px) { /*当屏幕尺寸小于320px时，应用下面的CSS样式*/

.i_slink { left: calc(50% - 146px);}
  .i_news_ll {width: 100%;}
   .p_p_list li span {height: 210px;}
   .p_p_list li i { height:210px;}
   .ntt { font-size: 16px;}
   .gbook_indexpost dt input { width: 200px !important;}
.gbook_formbtn { right: 42px;width: 80%;margin-top: 10px;}
.gbook_indexpost {height: 823px;}
#gbookMain {
    width: 200px !important;
}
.footer_nav a { font-size: 14px;}
.gbook_formbtn input { margin-bottom: 10px;}
  .p_banner_box {
    height: 90px;
}
  iframe {
    height: 280px !important;
}
}/*当屏幕尺寸小于320px时，结束应用下面的CSS样式*/





body.menu_35 div#com_sort_products{}