*{ margin:0; padding:0; border:0; font-family: "微软雅黑"; font-size:14px;}
ul{ padding:0; margin:0;}
li{ list-style:none;}
a:link{ text-decoration:none; color:#666;}
a:visited{ text-decoration:none;  color:#666;}
a:hover{ text-decoration:none;  color:#666;}
a:active{ text-decoration:none;  color:#666;}
.clear{ clear:both;}

.a_active{
	background:#de2336 !important;
	color:#fff !important;
}


@media (min-width: 1200px){
.container { width: 1200px;}
}

/* 移动端时 */
@media (max-width:750px){
.header,#nav,.iad,.four_advantage,.ikoubei,.igsjj,.ihezuo,.news_video,.footer,.newslist,.dingbu{ display:none;}
.about_nr img{ width:100%; margin-bottom:10px; }
.picarr .picture img{ width:100%; }
}

/* PC端时 */
@media (min-width:751px){
.navbar,.nav_m,.iad_m,.four_advantage_m,.ikoubei_m,.igsjj_m,.ihezuo_m,.inews_m,.footer_m{ display:none;}
.about_nr img{ display:block; margin:0 auto; margin-bottom:10px;}
.picarr .picture img{ width:60%; display:block; margin:0 auto; }
}

.pro_detail {
    background: #fff;
    padding: 5%;
    margin-bottom: 30px;
}




.dingbu{ background:#022c59; height:30px;  line-height:30px;   }
.lang{ text-align:right;  }
.lang a { color:#fff; }


.ipro_fenlei li{ margin-bottom:10px;}

.nav_m{  padding-top:31px;}
.navbar-brand{ padding:8px;}
.carousel-indicators{ bottom:0;}

.w1200{ width:1200px; margin:0 auto;}
.header{ width:100%; background:#103f73; }
.logo{ float:left;}
.itel{ float:right;}
.header .container{ padding:24px 0;}
.itel{ padding-top:10px;}

#nav{ border-top:1px solid #235f9e;  background:-webkit-gradient(linear,0 0,0 100%,from(#13457a),to(#002955));}

div#menu li {position: relative;z-index: 9;margin: 0;padding: 0px;display: block;float: left;font-family: "微软雅黑"; font-size:14px; width:11%;    }
div#menu li:hover > ul {left: -0px;}
div#menu a {position: relative;z-index: 10;display: block;float: left;text-decoration: none;  width: 100%;text-align: center;color: #fff; font-size:14px; height: 44px;line-height:44px;   }	/* 主导航每块宽度 */
div#menu a:hover { background:#235f9e;   width: 100%; text-align: center; color: #fff; font-size:14px;   }   /* 主导航上hover的颜色 */
div#menu a:hover {background-color: none; }

div#menu ul ul{ position: absolute; top: 44px; left: -999em; border:0px solid #e1e1e1; background:#fff; }   /* 下拉菜单边框，如果不去边框有可能会有一个小方块hover状态下 */
div#menu ul ul a {height: auto;float: none;display: block;line-height: 24px;padding: 6px 13px; color: rgb(169,169,169);width: 100%; }
div#menu ul ul a:link { background: none; text-align:center;  font-size:12px; color: #666;  }/* 这里是下拉文字的颜色 */
div#menu ul ul a:visited{ width: 100%;color:#666;}
div#menu ul ul a:hover{ width: 100%;color:#103f73;}
div#menu ul ul a:active{ width: 100%;color:#103f73;}
div#menu ul ul li {width: 100%; border-bottom:1px solid #eee;}


/* 首页产品开始 */
.ipro{ background:#e3e3e3; padding-top:50px; padding-bottom:50px;}
.ipro h2{ color:#103f73; font-weight:bold; font-size:30px;}
.ipro h4{ color:#333; font-size:14px; text-align:center; }
.ipro_fenlei{ width:85%; margin:0 auto; margin-top:28px; margin-bottom:32px; }
.ipro_fenlei ul li{ float:left;   }
.ipro_fenlei ul li a{ text-align:center;  font-size:14px; height:40px; line-height:40px; display:block; }
.ipro_fenlei ul li a:link{color:#666;  background:#fff;  }
.ipro_fenlei ul li a:visited{color:#666;  background:#fff;  }
.ipro_fenlei ul li a:hover{color:#fff;  background:#de2336;  }
.ipro_fenlei ul li a:active{color:#fff;  background:#de2336;  }

@media (max-width:640px){
.ipro_fenlei{ width:100%; }
.ipro{ padding-top:25px; padding-bottom:25px;}
.ipro h2{ color:#103f73; font-weight:bold; font-size:24px;}
}


@media (min-width: 1200px){
.col-lg-2 {    width: 20%;}
}
.ipro_fenlei .col-xs-4,.col-md-2,.col-lg-2{ padding-left:0; padding-right:5px; padding-bottom:5px;}

.ipro_pic .col-sm-6,.col-md-4,.col-lg-2{ padding-left:10px;padding-right:10px;}

.ipro_pic .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 0px solid #ddd;
    border-radius: 0;  
}

.ipro_pic h3{ font-size:16px; text-align:center; margin-bottom:20px;}
/* 首页产品结束 */


.xiaolei{ margin-bottom:20px;}
.xiaolei li{ float:left;      display: inline-block;
    margin-right: 50px;
    font-size: 14px;
    line-height: 30px;
    color: #666;}

.xiaolei li span{    margin-right: 10px;}




.iad{ background:url(../images/iad.jpg) no-repeat center top; height:165px;}

.four_advantage{ width:1200px; margin:0 auto;  background:url(../images/four_advantage.jpg) no-repeat center top; line-height:31px; padding-bottom:200px; margin-top:50px; }
.oneadv{ padding-top:298px;padding-left:166px;}
.twoadv{ padding-top:240px;padding-left:700px;}
.threeadv{ padding-top:213px;padding-left:100px; width:535px}
.fouradv{ padding-top:195px;padding-left:720px;}
.four_advantage_m{ padding:20px 0;}

.ikoubei{ background:#e3e3e3; padding:60px 0; }
.ikoubei_bt{ width:978px; margin:0 auto; height:77px;  margin-bottom:40px;}
.ikoubei_nei{ background:#fff; border-bottom:2px solid #ccc; padding:30px 30px 50px;}
.ikoubei1{ float:left;}
.ikoubei2{ float:right;}
.ikoubei h3{ font-size:18px; font-weight:bold; text-align:center; color:#333;}
.ikoubei_wid{ width:540px;}
.ikoubei1_left{ float:left;}
.ikoubei1_right{ float:right; width:255px; background:#f7f7f7;}
.ikoubei1_right p{ padding:20px; line-height:26px;}
.ikoubei1_right span{ width:33px; height:33px; background:#103f73; display:block; color:#fff; line-height:33px; text-align:center; font-size:30px; float:right;}
.iad2 img { padding-top:45px; display:block; margin:0 auto;}

.igsjj_content img{ float:left;}
.igsjj_bt{ padding:70px 0 50px 0;}
.igsjj_content img { display:block; float:left;}
.igsjj_content p{ display:block; float:right; width:610px; line-height:28px; padding-left:30px;}
.igsjj_content a{ color:#d2242e;}

.ihezuo{ background:#e3e3e3;  padding:40px 0; margin-top:50px;}
.ihezuo h3{ color:#103f73; font-weight:bold;padding-bottom:25px;}

.news_video{ background:#fff; padding:50px 0;}
.news_video_nei{ width:1100px; margin:0 auto;}

.news_index{ width:530px; float:left;}
.news_index2{ width:530px; float:right;}
.news_i_b{ width:530px; border-bottom:1px solid #ccc; padding-bottom:5px; }
.news_i_b h3{ font-size:16px; display:inline; margin:0 20px 0 0; font-weight:bold;} 
.news_i_b h4{ font-size:16px; display:inline; margin:0 20px; }
.news_i_b h3 a:link{ font-size:16px; color:#103f73; }
.news_i_b h3 a:visited{ font-size:16px; color:#103f73; }
.news_i_b h3 a:hover{ font-size:16px; color:#103f73; }
.news_i_b h3 a:active{ font-size:16px; color:#103f73; }
.news_i_b h4 a:link{ font-size:16px; color:#8a8a8a; }
.news_i_b h4 a:visited{ font-size:16px; color:#8a8a8a; }
.news_i_b h4 a:hover{ font-size:16px; color:#103f73; }
.news_i_b h4 a:active{ font-size:16px; color:#103f73; }
.news_i_b p{ font-size:12px; color:#103f73; display:inline; float:right;}

.news_xx a:link{ color:#222; }
.news_xx a:visited{ color:#222; }
.news_xx a:hover{ color:#222; }
.news_xx a:active{ color:#222; }


.news_i_rq{ float:left; width:62px; background:url(../images/news_icon.png) no-repeat; padding:10px 0 10px 0; text-align:center;     margin-right: 20px;}
.news_i_rq span{ font-size:16px; color:#fff; padding:5px 0; }
.news_i_rq p{ font-size:12px; color:#fff; padding:5px 0;}
.news_i_zw h3{ font-size:14px; color:#666; padding-bottom:10px; margin:0; font-weight:bold;}
.news_i_zw p{ font-size:12px; color:#888; line-height:24px;}
.news_i_zw a:link{ color:#666; }
.news_i_zw a:visited{ color:#666; }
.news_i_zw a:hover{ color:#103f73; }
.news_i_zw a:active{ color:#103f73; }
.news_i_nr{ padding:20px 0; }
.news_i_nr2{ padding:10px 0; }
.video_index{ width:381px; float:right;}


.footer {
	width: 100%;
	height: auto;
	overflow: hidden;
	background: url(../images/dd_36.jpg) repeat-x 50% top;
}

.footer_box {
	height: auto;
	overflow: hidden;
	text-align: center;
	line-height: 30px;
	background:#e3e3e3; padding:20px 0;
}



.ikoubei_m{ background:#e3e3e3; padding-bottom:15px;}
.ikoubei_m .content{ background:#fff; padding:3%; margin-bottom: 15px;}
.ikoubei_m .content p{ line-height:26px; padding-top:10px;}


.tit { margin-top:10px; }
.tit .f18{	width:100%; line-height: 50px;	height: 50px; color: #103f73;    font-weight: bold;    font-size: 20px;}
.tit .link{display: inline-block;	color: #d90a00; float:right; line-height: 50px;	height: 50px; }


.igsjj_m{ background:#fff; padding-bottom:15px;}
.igsjj_m .content{ background:#fff; }
.igsjj_m .content p{ line-height:26px; padding-top:10px;}

.ihezuo_m{ background:#e3e3e3; padding-bottom:15px;}
.ihezuo_m .content{ background:#fff; }
.ihezuo_m .content p{ line-height:26px; padding-top:10px;}
.ihezuo_m h6 {    text-align: center;    font-size: 14px; padding-bottom:10px;}
.ihezuo_m .thumbnail {
    display: block;
    padding: 4px;
    margin-bottom: 0;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;  
}


.inews_m{ background:#fff; padding-bottom:15px;}
.inews_m .content{ background:#fff; }
.inews_m .content p{ line-height:26px; padding-top:10px;}

.news_list .container-fluid{ padding:0;}
.news_detail .container-fluid{ padding:0;}
.news_list a{ text-decoration:none; color:#333;}
.news_list a:link{ color:#333;}
.news_list a:visited{ color:#333;}
.news_list a:hover{ color:#9b171d;}
.news_list a:active{ color:#9b171d;}
.news_list ul{ padding-left:0;}
.news_list li {    padding: 8px 20px 5px 0px;}
.news_list li {
    background-image: url(../images/z3g_arrow_gray.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    border-bottom: 1px solid #eee;
	list-style:none;
}
.news_list h3.newsTitle {
    color: #333;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    box-align: center;
    overflow: hidden;
	font-size:14px;
	margin-top:10px; margin-bottom:5px; font-weight:normal;
}
.news_list p.time{ color:#888;}
.news_list p{ text-indent:0; padding-bottom:0;}
.news_m .neirong_m {    background: #f5f5f5;    padding: 1em;}

/* 手机底部 */
.footer_liukong{ height:44px;}
.foot{
	width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    border-top: 1px solid rgba(255,255,255,0.2);
     width: 100%;
    background: -webkit-gradient(linear,0 0,0 100%,from(3294de),to(0d6fb8));
	position: fixed;left: 0;right: 0;bottom: 0;
	}
.footerWrap {
    width: 100%;
    overflow: hidden;
    display: -webkit-box;
    display: box;
    -webkit-box-orient: horizontal;
    box-orient: horizontal;
    border-top: 1px solid rgba(255,255,255,0.2);
     width: 100%;
	background:-webkit-gradient(linear,0 0,0 100%,from(#13457a),to(#002955));
	}

.foot .active{
    text-align: center;
    height: 44px;
    overflow: hidden;
    border-right: 1px solid rgba(255,255,255,0.2);
    -webkit-box-flex: 1;
    box-flex: 1;
}
.foot .active{
    height: 44px;
    display: block;
    text-align: center;
    vertical-align: middle;
    color: #fff;
    text-decoration: none;
}

#yptel .tel { background-position: -90px -110px; }
#map .map { background-position: -120px -110px; }
#message .message { background-position: -30px -110px; }

.foot .icon{
    width: 30px;
    height: 20px;
    display: block;
    background: url(../images/common.png) no-repeat;
    background-size: 400px;
    margin: 4px auto 0 auto;
    position: relative;
}

.foot .text {
    height: 16px;
    line-height: 16px;
    font-size: 10px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    overflow: hidden;
}





.pro{background:#e3e3e3; padding:30px 0 0 0;}
.pro .bgcolor{ background:#fff;}
.pro h2{ color:#103f73; font-size:24px; float:left; margin:0; padding-right:10px;}
.pro h4{ color:#de2336; font-size:16px;float:left;}
.pro_fenlei{ width:100%;  margin:0 auto; margin-top:10px; margin-bottom:15px;}
.pro_fenlei ul li{ float:left;   margin-bottom:10px;}
.pro_fenlei ul li a{ text-align:center;  font-size:14px; height:40px; line-height:40px; display:block; }
.pro_fenlei ul li a:link{color:#666;  background:#fff;  }
.pro_feilei ul li a:visited{color:#666;  background:#fff;  }
.pro_fenlei ul li a:hover{color:#fff;  background:#de2336;  }
.pro_fenlei ul li a:active{color:#fff;  background:#de2336;  }
@media (max-width:640px){
.pro_fenlei{ margin-top:10px; margin-bottom:10px;}
.pro h2{ color:#103f73; font-size:24px;}
.pro h4{ color:#de2336; font-size:14px;}
}
@media (min-width: 1200px){
.col-lg-2 {    width: 20%;}
}
.pro_fenlei .col-xs-4,.col-md-2,.col-lg-2{ padding-left:0; padding-right:5px; padding-bottom:5px;}
.ipro_pic .col-sm-6,.col-md-4,.col-lg-2{ padding-left:10px;padding-right:10px;}

.about_nr { background:#ffffff; padding-top: 20px; margin-bottom:30px;}
.about_nr p{ line-height:32px; text-indent:2em;}



/*新闻列表页*/
.news_list { margin-bottom:30px;}
.news_list .container-fluid{ padding:0; background:#fff;}
.news_detail .container-fluid{ padding:0;}
.news_list a{ text-decoration:none; color:#333;}
.news_list a:link{ color:#333;}
.news_list a:visited{ color:#333;}
.news_list a:hover{ color:#9b171d;}
.news_list a:active{ color:#9b171d;}
.news_list ul{ padding-left:0;}
.news_list li {    padding: 8px 20px 5px 0px;}
.news_list li {
    background-image: url(../images/z3g_arrow_gray.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    border-bottom: 1px solid #eee;
	list-style:none;
}
.news_list h3.newsTitle {
    color: #333;
    vertical-align: middle;
    display: -webkit-box;
    -webkit-box-orient: horizontal;
    -webkit-box-align: center;
    box-align: center;
    overflow: hidden;
	font-size:14px;
	margin-top:10px; margin-bottom:5px; font-weight:normal;
}
.news_list p.time{ color:#888;}
.news_list p{ text-indent:0; padding-bottom:0;}

.question h3{ background:url(../images/news_icon_index.jpg) no-repeat left center; text-indent:10em;}

.contact{ line-height:30px;}
.contact strong{ font-size:18px; }
.page_info { text-align: center; margin-top: 10px;	margin-bottom: 10px;	color: #333;}
.page_info span { padding: 0 2px; font-weight: bold;}
.page_list { line-height: 24px; text-align: center;	letter-spacing: 0; font-family: "Arial";	font-size: 12px; margin-top: 20px; margin-bottom:20px; }
.page_list a { display: inline-block; color: #898989; border: 1px solid #e8e8e8;	background: #f8f8f8; padding: 0 8px; margin: 0 1px;}
.page_list a:hover {	color: #fff; border: 1px solid #898989;	background: #898989;}
.page_list a.on { color: #333; border: 1px solid #ccc; background: #E5EDF2;}