﻿

.u-tit{ display:block; height:35px; background:#1956ad; position:relative; color:#fff; line-height:35px; padding:0 6px 0 26px; font-size:14px;}
.u-tit span{ font-size:12px; color:#fff;}
.u-tit:before{ position:absolute; content:""; width:14px; height:14px; background:#054299; border-radius:10px; top:11px; left:7px;}
.u-tit:after{ position:absolute; content:""; width:4px; height:7px; background:url(/mobile/Images/Index/ico01.jpg) no-repeat; background-size:4px 7px; top:14px; left:12px;}


.g-nav{ height:73px; overflow:hidden;
background: #fefefe; /* Old browsers */
background: -moz-linear-gradient(top,  #fefefe 1%, #dbdbdb 49%, #fefefe 49%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#fefefe), color-stop(49%,#dbdbdb), color-stop(49%,#fefefe), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #fefefe 1%,#dbdbdb 49%,#fefefe 49%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #fefefe 1%,#dbdbdb 49%,#fefefe 49%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #fefefe 1%,#dbdbdb 49%,#fefefe 49%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #fefefe 1%,#dbdbdb 49%,#fefefe 49%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */}
.g-nav li{ float:left; height:36px; color:#202020; font-size:12px; line-height:36px; padding:0 6px; position:relative;}
.g-nav li:before{ position:absolute; content:""; width:1px; height:14px; border-left:1px dotted #737373; top:12px; right:1px;}
.g-nav a:nth-child(4) li:before{ border-left:0;}
.g-nav a:nth-child(9) li:before{ border-left:0;}
.g-nav a:nth-child(3) li , .g-nav a:nth-child(2) li{ padding:0 10px;}

.g-adv{ height:264px; overflow:hidden;}
.g-adv .sclwrap_box , .g-adv .m-box{ height:264px; overflow:hidden;}

.m-fenlei{ overflow:hidden; margin-top:1px;}
.m-fenlei .u-tit{ color:#fff; margin-bottom:13px;}
.m-fenlei .u-txt{ display:block; color:#1956ad; font-size:13px; font-weight:bold; height:28px; line-height:28px; margin-top:6px; padding-left:20px;}
.m-fenlei ul{ margin:0 9px 10px 15px;}
.m-fenlei ul li{ border-bottom:1px solid #d1edfd; font-size:13px; color:#1956ad; height:38px; line-height:38px;  width:134px; display:block; float:left; padding-left:13px; position:relative;}
.m-fenlei a:nth-child(2n) li{ padding-left:39px; width:108px;}
.m-fenlei ul li:before{ position:absolute; content:""; width:2px; height:12px; border-radius:1px; background:#ff6600; top:13px; left:5px;}
.m-fenlei a:nth-child(2n) li:before{position:absolute; content:""; width:2px; height:12px; border-radius:1px; background:#ff6600; top:13px; left:31px;}
.m-fenlei .nobor{ border-bottom:none;}

.m-sou{ height:56px; background:#1956ad; overflow:hidden; position:relative;}
.m-sou .m-ipt01{margin:14px 0 0 15px; }
.m-sou .u-glass{ position:absolute; right:10px;top:15px; width:42px; height:30px; background:transparent; z-index:888;}
.m-sou .u-bt01{ width:42px; height:29px; float:right; border-radius:0 2px 2px 0;-webkit-border-radius:0 2px 2px 0; position:relative; background:#f4a22d; margin:14px 11px 0 0; z-index:99;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4a22d), to(#f77b16)); 
	background-image: -webkit-linear-gradient(top, #f4a22d, #f77b16); 
	background-image: -moz-linear-gradient(top, #f4a22d, #f77b16); 
	background-image: -o-linear-gradient(top, #f4a22d, #f77b16); 
	background-image: -ms-linear-gradient(top, #f4a22d, #f77b16); 
	background-image: linear-gradient(top, #f4a22d, #f77b16);}
.m-sou .u-bt01:before{content:'';display:block;width:12px;height:12px;border-radius:17px;position:absolute;right:16px;top:6px;z-index:99; border:2px solid #fff;} /*搜索右边的图标css3样式*/
.m-sou .u-bt01:after{content:'';display:block;width:2px;height:6px;border-radius:5px;border:0;position:absolute;right:13px;top:16px;z-index:99;-webkit-transform:rotate(-52deg);-o-transform:rotate(-52deg);-ms-transform:rotate(-52deg);transform:rotate(-52deg); border:1px solid #fff; background:#fff;} /*搜索右边的图标css3样式*/
.m-sou .u-in01{ float:right; position:absolute; z-index:100; right:12px; top:14px; width:40px; height:30px; border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0; background:none; /*background:#097110;*/}
.m-sou .u-key01{width:252px; box-shadow:1px 1px 2px #b5b5b5 inset; background:#f2f2f2; color:#c0c0c0;
	height:15px;
	padding:7px 0; 
	line-height:15px; 
	border-right:0;
	border-bottom-left-radius:2px;
	border-top-left-radius:2px;
	border-bottom-right-radius:0;
	border-top-right-radius:0;
	-webkit-border-top-left-radius:5px;   /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-left-radius:5px;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-top-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	-webkit-border-bottom-right-radius:0;  /*圆角，针对苹果浏览器写的兼容*/
	text-indent:15px;
	float:left;} /*搜索中的请输入关键词样式*/
	
.m-pro{ height:454px; margin-top:13px; overflow:hidden;}
.m-pro .u-tit{ color:#fff;}
.m-pro ul{ margin:30px 0 0 0;}
.m-pro ul li{ display:block; float:left; width:127px; margin:0 0 10px 23px;}
.m-pro ul li p{ background:url(/mobile/Images/Index/pro_bj.jpg) no-repeat; background-size:125px 125px; padding:2px 0 0 2px;}
.m-pro ul li p img{ width:121px; height:121px;}
.m-pro ul li span{ display:block; height:30px; line-height:30px; text-align:center; color:#676767; font-size:12px;}
.m-pro .p01 , .m-jz .p01  , .m-ry .p01 , .m-news .p01{ display:block; clear:both; background:url(/mobile/Images/Index/yy.jpg) no-repeat center top; background-size:307px 10px; height:35px; line-height:35px; font-size:12px; color:#1956ad; text-align:center; margin-top:10px;}

.m-ph{ height:53px; position:relative; box-shadow:1px 1px 1px #9c9c9c; border-bottom:1px solid #00267d; border-radius:2px; margin:0 13px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#1955ac), to(#0e3a92)); 
	background-image: -webkit-linear-gradient(top, #1955ac, #0e3a92); 
	background-image: -moz-linear-gradient(top, #1955ac, #0e3a92); 
	background-image: -o-linear-gradient(top, #1955ac, #0e3a92); 
	background-image: -ms-linear-gradient(top, #1955ac, #0e3a92); 
	background-image: linear-gradient(top, #1955ac, #0e3a92);}
.m-ph .u-tel{ width:27px; height:27px; display:block; background:url(/mobile/Images/Index/tel_ico.png); float:left; position:relative; -webkit-background-size:100%;-ms-background-size:100%;-o-background-size:100%;background-size:100%; left:13px; top:17px;} /*头部电话图标*/
.m-ph  p{ font:12px "微软雅黑"; color:#fff; line-height:53px; padding:0 0 0 52px;}
.m-ph  p span{ font-size:20px; padding-left:5px; font-family:Times New Roman; color:#e8e8e8;}
.m-ph .u-tel .z-ln-1 , .m-ph .u-tel .z-ln-2 , .m-ph .u-tel .z-ln-3{ border:2px solid #fff;}
.m-ph .u-tel .z-ln-1{z-index:10;
	display:inline-block;
	width:4px;
	height:4px;
	border-width: 2px 2px 0 0;
	border-radius:0 30px 0 0;
	position:absolute;
	top:5px;
	right:5px;
	animation-name: xshow2; /*动画名称*/
	animation-duration: 4s;/* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow2;   /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow2; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;} /*头部电话一闪一闪的线条，css3样式*/
.m-ph .u-tel .z-ln-2{z-index:10;
	display:inline-block;
	width:8px;
	height:8px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:1px;
	right:1px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
.m-ph .u-tel .z-ln-3{z-index:10;  
	display:inline-block;
	width:12px;
	height:12px;
	border-width: 2px 2px 0 0;
	border-radius:0 35px 0 0;
	position:absolute;
	top:-3px;
	right:-3px;
	animation-name: xshow;  /*动画名称*/
	animation-duration: 4s; /* 动画时间*/
	animation-timing-function: linear;  /*动画频率，匀速*/
	animation-iteration-count: infinite; /*动画循环播放的次数，infinite为无限次*/
	-webkit-animation-name: xshow; /*针对苹果浏览器写的兼容*/
	-webkit-animation-duration: 4s; /*针对苹果浏览器写的兼容*/
	-webkit-animation-timing-function: linear; /*针对苹果浏览器写的兼容*/
	-webkit-animation-iteration-count: infinite; /*针对苹果浏览器写的兼容*/
	-o-animation-name: xshow; /*针对欧朋浏览器写的兼容*/
	-o-animation-duration: 4s; /*针对欧朋浏览器写的兼容*/
	-o-animation-timing-function: linear; /*针对欧朋浏览器写的兼容*/
	-o-animation-iteration-count: infinite;	} /*头部电话一闪一闪的线条，css3样式*/
	
.m-ad{ background:url(/mobile/Images/Index/ad_bj.jpg) repeat-x center top; height:68px; background-size:30px 68px; margin-top:18px;}
.m-ad p{ font-size:17px; color:#fff; text-align:center; padding-top:5px;}
.m-ad p span{ color:#a1c3e3; font-size:20px; font-style:italic;}
.m-ad i{ display:block; font-style:normal; color:#fff; font-size:20px; text-align:center; line-height:22px;}

.m-gx{ height:265px; margin-top:11px; overflow:hidden;}
.m-gx .sclwrap_box , .m-gx .m-box , .m-gx .m-box .con{ height:227px; overflow:hidden;}
.m-gx .m-cnt , .m-ry .m-cnt , .m-news .m-cnt{ height:35px; background:#1956ad; overflow:hidden; padding-left:8px;}
.m-gx .m-cnt li , .m-ry .m-cnt li , .m-news .m-cnt li{ display:block; float:left; font-size:14px; color:#fff; line-height:35px; padding:0 20px;}
.m-gx .m-cnt li.z-on  , .m-ry .m-cnt li.z-on , .m-news .m-cnt li.z-on{ border-radius:5px 5px 0 0; height:31px; margin-top:4px; position:relative; line-height:26px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#0b3698), to(#1462ca)); 
	background-image: -webkit-linear-gradient(top, #0b3698, #1462ca); 
	background-image: -moz-linear-gradient(top, #0b3698, #1462ca); 
	background-image: -o-linear-gradient(top, #0b3698, #1462ca); 
	background-image: -ms-linear-gradient(top, #0b3698, #1462ca); 
	background-image: linear-gradient(top, #0b3698, #1462ca);}
.m-gx .m-cnt li.z-on:before , .m-ry .m-cnt li.z-on:before , .m-news .m-cnt li.z-on:before{ position:absolute; content:""; width:0; height:0; top:27px; left:47%;
border-bottom:5px solid #fff;
border-right:5px solid transparent;
border-left:5px solid transparent;}
.m-gx .m-box .con{ position:relative;}
.m-gx .m-box .con ul{ margin:21px 21px 0; height:120px;}
.m-gx .m-box .con ul li{ display:block; width:123px; position:relative; height:118px;}
.m-gx .m-box .con ul li img{ padding:1px; border:1px solid #d4d4d4; width:119px; height:114px;}
.m-gx .m-box .con ul li span {display:block; height:14px; font-size:7px; color:#fff; text-align:center; line-height:14px; top:102px; left:2px; width:119px; position:absolute;}
.m-gx .m-box .con ul li .span01{ text-shadow:0 1px 0 #0e60b5; background:rgba(20 , 125 , 211 , 0.6)}
.m-gx .m-box .con ul li .span02{ text-shadow:0 1px 0 #4d524d; background:rgba(132 , 154 , 136 , 0.6)}
.m-gx .m-box .con .p03{ position:absolute; top:74px; left:149px; width:21px; height:12px;}
.m-gx .m-box .con .p04{ display:block; clear:both; line-height:17px; color:#494949; margin-top:10px; font-size:9px; padding:0 21px;}
.m-gx .m-box .con .p04 span{ font-size:12px; color:#1956ad; display:block; padding-bottom:5px;}

.m-ly{ background:url(/mobile/Images/Index/ad_bj.jpg) repeat-x center top; height:68px; background-size:30px 68px;}
.m-ly p{ font-size:20px; color:#fff; text-align:center; padding-top:10px;}
.m-ly span{ display:block; font-size:10px; text-align:center; color:#fff; padding-left:20px;}
.m-ly span i{ font-style:normal; font-size:17px;}

.m-ys{ height:422px; overflow:hidden; margin-top:20px;}
.m-ys .dl01{ background:url(/mobile/Images/Index/01.jpg) no-repeat left top; background-size:58px 51px;}
.m-ys .dl02{ background:url(/mobile/Images/Index/02.jpg) no-repeat left top; background-size:58px 51px;}
.m-ys .dl03{ background:url(/mobile/Images/Index/03.jpg) no-repeat left top; background-size:58px 51px;}
.m-ys dl{ padding:11px 0 0 62px; margin:10px 7px 0 0;}
.m-ys dl dt{ border-bottom:1px solid #e0e0e0; font-size:15px; color:#0568c4; font-weight:bold;}
.m-ys dl dd { padding-top:10px;}
.m-ys dl dd p{ line-height:24px; color:#666666; font-size:12px; background:url(/mobile/Images/Index/ico02.jpg) no-repeat left 10px; background-size:4px 4px; padding-left:10px;}

.m-jz{ height:453px; margin-top:22px; overflow:hidden;}
.m-jz .u-tit{ color:#fff;}
.m-jz .u-pic{ width:261px; height:215px; margin:22px 0 0 27px; background:url(/mobile/Images/Index/jz_img_bj.jpg) no-repeat center top; background-size:261px 174px; overflow:hidden; }
.m-jz .u-pic img{ width:246px; height:159px; margin:7px;}
.m-jz .u-pic span{ display:block; height:30px; line-height:30px; color:#676767; text-align:center; font-size:12px;}
.m-jz dl{ margin:0 32px 0 27px; height:125px;}
.m-jz dl dt a{ display:block; height:30px; line-height:30px; font-size:12px; color:#2d2d2d; font-weight:bold;}
.m-jz dl dd{ font-size:12px; line-height:20px; color:#6f6f6f;}
.m-jz dl dd a{ color:#ff6600;}

.m-ry{ height:251px; margin-top:20px; overflow:hidden;}
.m-ry .sclwrap_box , .m-ry .m-box , .m-ry .m-box .con{ height:217px; overflow:hidden;}
.m-ry .m-box .con ul li{ display:block; float:left; width:130px; margin:20px 0 0 18px}
.m-ry .m-box .con ul li img{ padding:2px ; border:1px solid #e0e0e0; width:124px; height:91px;}
.m-ry .m-box .con ul li span{ display:block; height:50px; line-height:25px; color:#676767; text-align:center;}

.m-news{ height:275px; margin-top:20px; overflow:hidden;}
.m-news .sclwrap_box , .m-news .m-box , .m-news .m-box .con{ height:239px; overflow:hidden;}
.m-news .m-box .con ul{ margin:20px 10px 15px 11px;}
.m-news .m-box .con ul li{ line-height:27px; position:relative; padding-left:16px;color:#7d7d7d; font-size:12px;}
.m-news .m-box .con ul li:before{ position:absolute; content:""; width:5px; height:5px; border:1px solid #c1c1c1; background:#fff; top:11px; left:0; border-radius:10px;}