/* CSS Document */
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
body{ font:12px/22px "Arial","Microsoft YaHei","SimSun"; font-size:100%; background:#FFFFFF; overflow-x: hidden;}
ul,li,ol{ list-style:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width: 100%; max-height: 100%;display: block;	margin:auto;padding:auto;}
.no-margin{ margin:0 !important;}
.no-padding{ padding:0 !important;}
.container-fluid{ max-width:1230px !important;}
.overflow{white-space:nowrap; overflow:hidden;}
.overflow-text{white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.img{background-repeat:no-repeat;background-position:center;background-size:cover; width:100%; height:100%;}
.main{ margin:20px 0; width:100%; overflow:hidden;}
.clear{clear:both;display:none;}
@font-face{font-family:'iconfont';src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot');src:url('http://at.alicdn.com/t/font_1432720974_1547027.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_1432720974_1547027.woff') format('woff'),url('http://at.alicdn.com/t/font_1432720974_1547027.ttf') format('truetype'),url('http://at.alicdn.com/t/font_1432720974_1547027.svg#iconfont') format('svg')}
@font-face{font-family:'Pacifico';font-style:normal;font-weight:400;src:local('Pacifico Regular'),local('Pacifico-Regular'),url(http://fonts.gstatic.com/s/pacifico/v7/Q_Z9mv4hySLTMoMjnk_rCfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2')}

.fa{display:inline-block;font-family:"iconfont";font-size:20px;font-style:normal;font-weight:400;line-height:1;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}
.fa-icon-qq:before{content:"\e604"}
.fa-icon-weibo:before{content:"\e600"}
.fa-icon-weixin:before{content:"\e605"}
.fa-icon-zaixianzixun:before{content:"\e608"}
.titles{font-size: 18px; font-weight:bold; margin-bottom: 20px;line-height: 30px; text-align: center; margin-bottom: 20px;}

/*联系我们地图*/

.map{margin-top:2rem;border:1px solid #ddd;background:#ddd;box-sizing:border-box;width:100%;height:400px;}
.map img{max-width:none;max-height:none;}

/*手机底部*/
.hot{width:100%; height:58px; background:#1abbf9; position:fixed; bottom:0; left:0;z-index:99; border-top:solid 2px #c3c3c3;}
.hot span{ color:#fff; font-size:16px; line-height:20px;}
.hot h6{ font-size:12px; line-height:20px;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row>div.text-center{ border-right:1px solid #fff;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%; }
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

.bd_weixin_popup{ height: auto !important;}


.top-tt{ width:100%;font-size:12px; color:#333; line-height:30px; background:#e2e2e2;}
.top-tt .pull-left{}
.top-tt .pull-right{}
.top-tt .toplink{ float: right; overflow: hidden;}
.top-tt .toplink a{ display: block; width: 22px; height: 16px; overflow: hidden;float: right; margin: 7px 2px;}
.top-tt .toplink a.im01{ background: url(../images/im01.png) no-repeat center;}
.top-tt .toplink a.im02{ background: url(../images/im02.png) no-repeat center;}
.top-tt .toplink a.im03{ background: url(../images/im03.png) no-repeat center;}
.top-tt .toplink a.im04{ background: url(../images/im04.png) no-repeat center;}
.top-tt .prt2{ float: left; padding-right: 5px;}
.top-tt .prt2 a{ display: inline-block; font-size: 12px; line-height: 30px; color: #666666; padding: 0 8px; transition: all 0.3s;}
.top-tt .prt2 a:hover{ background: #ff2300; color: #FFFFFF;}

/*header*/
.top-wel a{color: #8b8b8b;}
.top-head-wrap{}
.top-head{display: table;width: 100%;}
.top-logo{display: table-cell;vertical-align: middle;}
.top-line{float: right;margin-top:25px; margin-bottom:15px;}
.seaech{ width: 320px; float: left; overflow: hidden;}
.seaech .sear{ width: 100%; position: relative; border: 1px solid #dddddd; height: 34px;}
.seaech .sear input{ width: 100%; height: 34px;line-height:32px; padding:0;padding-left: 5px; font-size: 14px; padding-right: 65px; outline: none;}
.seaech .sear button{ width: 62px; height: 34px; background: #666666; color: #FFFFFF; font-size: 14px; text-align: center; position: absolute; right: 0; top: 0; border: 0; outline: none;}
.seaech .sear button:hover{ background: #1abbf9;}
.seaech .key{ width: 100%; font-size: 12px; line-height: 24px; color: #bbbbbb; text-align: left;}
.seaech .key a{ color: #bbbbbb;}
.seaech .key a:hover{ color: #1abbf9;}
.tels{ float: right; overflow: hidden; width: 290px; text-align: left; margin-left: 15px;}
.tels img{ float: left;}
.tels .tel-tt{ overflow:hidden;line-height:22px;padding-top: 8px;}
.tels .tel-tt p{ margin: 0; font-size: 18px; line-height: 22px; font-weight: bold; color: #030303; text-align: right;}
.tels .tel-tt p span{ color: #FF2300; font-size: 24px; font-family: impact; display: inline-block; float: right; letter-spacing: 1px; font-weight: normal; margin-left: 5px;}

.header-nav{ width:100%; z-index:9999; background:#1abbf9;}
.top-nav-wrap{display: block !important;color:#fff; width:100%;}
.top-nav .nav-li{ width:10%;float:left; position:relative; z-index:2;}
.top-nav .nav-li .nav-link{ font-size:15px;line-height:46px;text-align:center;white-space:nowrap; position:relative;}


.top-nav .nav-li .nav-link:before{ content: ''; width: 1px; height: 18px; display:block; background: rgba(255,255,255,0.4); position: absolute; left: 0; top: 50%; margin-top: -9px;}
.top-nav .nav-li:first-child .nav-link:before{ display: none;}
.top-nav .nav-li:hover{background:#FFFFFF;}
.top-nav .nav-li:hover .nav-link{ color: #1ABBF9; font-weight: bold;}
.top-nav a{ color:#fff;display: block;padding-left: 5px;padding-right: 5px;}
/*二级导航*/
.top-subnav{display:none; position: absolute; left: 0;width: 100%; z-index: 3;padding:5px 0;background:#1abbf9;white-space:nowrap; overflow:hidden;}
.top-subnav .subnav-link{white-space:nowrap; overflow:hidden; font-size:14px; line-height:45px; text-align:center;}
.top-subnav .subnav-link:hover{background:#0093dd;}

/*轮播图*/
.banner{ max-width:1920px; margin:0 auto; overflow:hidden; position:relative; width:100%; height:100%;}
.banpc{ width:100%; height:100%; overflow:hidden;}
.focus{ width:100%; height:100%; position:relative;}
.focusbox{width:100%;height:100%;overflow:hidden;}
.focusbox li{width:100%;height:100%;overflow:hidden;}
.focusbox li a{width:100%;float:left;overflow:hidden;padding-top:30.323%;}
.rslides{width:100%;height:100%; position:relative;list-style:none;padding:0}
.rslides_nav{height:51px;width:31px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);
	top:50%;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;
	background:url(../images/prev.jpg) no-repeat center center;margin-top:-28px}
.rslides_nav:active{opacity:1.0}
.rslides_nav.next{left:auto;background:url(../images/next.jpg) no-repeat center center;right:0}
.rslides_tabs{width:100%; position:absolute;left:0;bottom:0px; z-index:2; text-align:center;}
.rslides_tabs li{display:inline-block;width:10px;height:10px;margin:0 3px;*display:inline;zoom:1;}
.rslides_tabs a{display:inline-block;width:10px;height:10px;line-height:40px;overflow:hidden;background:rgba(255,255,255,0); border:1px solid #fff;cursor:pointer; border-radius:50%;}
.rslides_tabs .rslides_here a{background:rgba(255,255,255,1)}

/*phone*/
.phone{width:100%; overflow:hidden;}
.swiper-banner-img {position: relative;background-repeat: no-repeat;background-size: cover;background-position: center;}
.swiper-banner-img:before { content: '';display: block;padding-top:62.66%;}


.index-tit{ width: 100%; text-align: center; overflow: hidden;}
.index-tit h3{ font-size: 30px; line-height: 1; color: #333333;}
.index-tit p{ font-size: 12px; line-height: 2; color: #666666;}
.index-tit p img{ margin: 0 auto;}
.more{ width: 100%; overflow: hidden; margin-top: 30px;}
.more p{ width: 170px; background: #1fd2ff; padding: 2px; border-radius: 20px; margin: 0 auto;}
.more a{ display: block;font-size: 14px; border: 1px solid #FFFFFF; line-height: 34px; text-align: center; color: #FFFFFF; border-radius: 20px;}

/*wrap1*/
.wrap1{ padding: 50px 0; background: url(../images/bj.png) repeat;}
.produ{ width: 100%; overflow: hidden; margin-top: 30px;}
.protop{ width: 100%; overflow: hidden; border: 1px solid #eaeaea; padding: 3px; background: #FFFFFF;}
.protop .prorigt{ width: 14.28%; float: right; overflow: hidden; text-align: center; background: #f2f2f2; color: #383536; font-size: 14px; line-height: 38px;}
.protop .prorigt a{ color: #383536; display: block; transition: all 0.3s;}
.protop .prorigt a:hover{ background: #1fd2ff; color: #FFFFFF; }
.protop .proleft{ width: 85.72%; float: left; overflow: hidden; background: #EEEEEE; line-height: 38px; text-align: center;}
.protop .proleft a{ display: block; width: 100%; overflow: hidden;white-space:nowrap; overflow:hidden;color: #383536; font-size: 14px; border-right: 1px solid #DBDBDB; position: relative;}
.protop .proleft a:after{ content: ''; display: block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #8f8f8f; position: absolute; right: 10px; top: 50%; margin-top: -5px;}
.protop .proleft a:hover{background: #1fd2ff; color: #FFFFFF; border-color: #1fd2ff !important;}
.protop .proleft a:hover:after{border-left: 7px solid #FFFFFF;}

.probot{ width: 100%; overflow: hidden; margin-top: 20px;}
.probot a{ display: block; width: 100%; overflow: hidden; border: 4px solid #E5E5E5; position: relative; border-bottom: 0;}
.probot .proimg{ width: 100%; overflow: hidden;}
.probot .proimg .img{ transition: all 0.3s; padding-top: 63.27%;}
.probot h3{ font-size: 14px; line-height: 35px; color: #333333; text-align: center; background: #E5E5E5;}
.probot .pmark{ width: 100%; height:calc(100% - 4px); overflow: hidden; position: absolute; left: -100%; top: 0; background: rgba(30,210,255,0.8); text-align: center; color: #FFFFFF; padding-top:18%; transition: all 0.3s;}
.probot .pmark h4{ font-size: 16px; line-height: 30px; color: #FFFFFF; font-weight: bold;}
.probot .pmark img{ margin: 5px auto;}
.probot .pmark .p1{ background: #FFFFFF; color: #1fd2ff; font-size: 12px; line-height: 24px; width: 95px; border-radius: 15px; text-align: center; margin: 0 auto;}
.probot a:hover .pmark{ left: 0;}


/*wrap2*/
.wrap2{ margin: 0;padding: 50px 0;}
.service{ width: 100%; overflow: hidden; margin-top: 30px;}
.service .serv{ padding: 10px; overflow: hidden;}
.service .serv a{ display: block; width: 100%; overflow: hidden; background: #FFFFFF; border: 1px solid #dddada;}
.service .serv a .serimg{ width: 100%; overflow: hidden; position: relative; padding-top: 180px}
.service .serv a .serimg img{ top: auto; transition: all 0.3s; max-height:100%;}
.service .serv a .serimg .imgs1{ opacity: 0;}
.service .serv a .serimg .imgs2{ opacity: 1;}
.service .serv a:hover{ border: 1px solid #1fd2ff;}
.service .serv a:hover .serimg .imgs1{ opacity: 1;}
.service .serv a:hover .serimg .imgs2{ opacity: 0;}
.service .serv a h3{ font-size: 18px; line-height: 25px; text-align: center; color: #333333; margin: 20px 0;}
.service .serv a p{ font-size: 12px; line-height: 20px; color: #a9a9a9; height: 40px; overflow: hidden; padding: 0 12%; text-align: center; margin-bottom: 35px;}


/*wrap3*/
.wrap3{margin: 0;padding: 50px 0; background: url(../images/bj2.jpg) no-repeat; background-size: cover;}
.wrap3 .gywm-left{ width:49%; float:left; position:relative;}
.wrap3 .gltit{ float:right; font-size:24px; line-height:24px; color:#FFFFFF; border-bottom:1px #FFFFFF solid; text-align:right; margin-bottom: 10px;}
.wrap3 .gltit span{ display:block; font-size:12px; line-height:24px; color:#FFFFFF; font-family:"Arial";}
.wrap3 .glimg{ width:100%; clear:both; overflow:hidden; margin:12px 0 0 0;}
.wrap3 .glimg1{ transition:all 0.5s;}
.wrap3 .glimg2{ padding-top:37.931%; height:223px;}
.wrap3 .gywm-right{ width:49%; float:right;}
.wrap3 .grtit{ display:block; font-size:18px; line-height:21px; color:#FFFFFF; font-weight:bold; margin-top: 20px;}
.wrap3 .grtxt{ font-size:14px; line-height:28px; height:196px; overflow:hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; margin:10px 0;}
.wrap3 .grtxt a{ color: #FFFFFF;}
.wrap3 .more{ width:169px; line-height:24px; border-radius:12px; text-align:center; transition:all 0.3s; border:1px #0194a4 solid; box-sizing:border-box; font-size:12px; color:#0194a4; max-width:100%; background: #FFFFFF;}
.wrap3 .more:hover{ background:#1fd2ff; border-color:#1fd2ff; color:#fff;}
.wrap3 .bq{ position:absolute; top:0; left:28px; width:100%;}
.wrap3 .bq li{ float:left; transition:all 0.3s; writing-mode:vertical-rl; background:url(../images/y1.png) no-repeat; background-size:100% 100%; width:29px; height:90px; margin:0 20px 0 0;}
.wrap3 .bq li:hover{ margin-top:20px; background:url(../images/y2.png) no-repeat; background-size:100% 100%;}
.wrap3 .qiu{ margin-top:20px !important; background:url(../images/y2.png) no-repeat !important; background-size:100% 100% !important;}
.wrap3 .bq li a{ display:block; font-size:14px; line-height:29px; color:#fff; text-align:center; letter-spacing:2px;}


/*wrap4*/
.wrap4{ margin: 0; padding: 50px 0;}
.case{ width: 100%; overflow: hidden; margin-top: 30px;}
.case a{ display: block; width: 100%; overflow: hidden; border: 4px solid #E5E5E5; position: relative; border-bottom: 0;}
.case .proimg{ width: 100%; overflow: hidden;}
.case .proimg .img{ transition: all 0.3s; padding-top: 63.27%;}
.case h3{ font-size: 14px; line-height: 35px; color: #333333; text-align: center; background: #E5E5E5;}
.case .pmark{ width: 100%; height:calc(100% - 4px); overflow: hidden; position: absolute; left: -100%; top: 0; background: rgba(30,210,255,0.8); text-align: center; color: #FFFFFF; padding-top:18%; transition: all 0.3s;}
.case .pmark h4{ font-size: 16px; line-height: 30px; color: #FFFFFF; font-weight: bold;}
.case .pmark img{ margin: 5px auto;}
.case .pmark .p1{ background: #FFFFFF; color: #1fd2ff; font-size: 12px; line-height: 24px; width: 95px; border-radius: 15px; text-align: center; margin: 0 auto;}
.case a:hover .pmark{ left: 0;}


/*wrap5*/
.wrap5{ padding-bottom: 50px;}
.news{ width: 100%; overflow: hidden; margin-top: 30px; text-align: center;}
.news .ntab{ display: inline-block;}
.news .ntab li{ border: 1px solid #DCDCDC; padding: 1px; border-radius: 4px; float: left; margin: 8px;}
.news .ntab li a{ display: block; border: 1px solid #bababa; font-size: 14px; line-height: 32px; color: #333333; width: 175px; text-align: center; transition: all 0.3s;border-radius: 4px;  }
.news .ntab li.ncur{ border: 1px solid #ff7f7f;}
.news .ntab li.ncur a{ color: #FFFFFF; background: #1fd2ff; border-color:#1fd2ff;}
.nhid{ width: 100%; overflow: hidden; margin-top: 25px; display: none;}
.nhow{ display: block;}
.nhid .nhid-lf{ width: 42%; float: left; overflow: hidden; padding-right: 30px;}
.nhid .nhid-lf a{ display: block; width: 100%; overflow: hidden;}
.nhid .nhid-lf .nImg{ width: 100%; overflow: hidden;}
.nhid .nhid-lf .nImg .img{ padding-top: 49.58%; transition: all 0.3s;}
.nhid .nhid-lf a:hover .nImg .img{ transform: scale(1.05);}
.nhid .nhid-lf .nTxt{ width: 100%; overflow: hidden; background: #1fd2ff; color: #FFFFFF; padding: 10px; text-align: left;}
.nhid .nhid-lf .nTxt h3{ font-size: 14px; line-height: 30px; font-weight: bold;}
.nhid .nhid-lf .nTxt p{ font-size: 12px; line-height: 20px; height: 40px;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow:hidden;}
.nhid-rh{ width: 58%; float: right;overflow: hidden;border-left: 1px solid #dadada;border-top: 1px solid #dadada;}
.nhid-rh .rh01{ width: 100%; overflow: hidden; border-right: 1px solid #dadada;border-bottom: 1px solid #dadada;}
.nhid-rh .rh01 a{ display: block; width: 100%; overflow: hidden; height: 80px;}
.nhid-rh .rh01 a > div{ height: 100%;}
.nhid-rh .rh01 a .rh-l{ width: 120px; text-align: center; color: #c7c7c7; font-size: 12px; line-height: 20px; padding-top: 15px;border-right: 1px solid #dadada;float: left;}
.nhid-rh .rh01 a .rh-l span{ display: block; width: 100%; color: #b6b6b6; font-size: 36px; line-height: 1; font-weight: bold;}
.nhid-rh .rh01 a:hover .rh-l, .nhid-rh .rh01 a:hover .rh-l span{ color: #1fd2ff;}
.nhid-rh .rh01 a .rh-r{ overflow: hidden; padding: 0 15px; padding-top: 12px; text-align: left;}
.nhid-rh .rh01 a .rh-r h3{ font-size: 14px; line-height: 30px; color: #333333; font-weight: bold;}
.nhid-rh .rh01 a .rh-r:hover h3{color: #1fd2ff;}
.nhid-rh .rh01 a .rh-r p{ font-size: 12px; line-height: 20px; color: #666666;}

/*wrap6*/
.wrap6{ margin: 0; padding: 30px 0; background: url(../images/bj3.jpg) no-repeat; background-size: cover;}
.wrap6 h3{ color: #FFFFFF; font-size: 16px; line-height: 30px; margin-bottom: 10px;}
.wrap6 p{ color: #FFFFFF; font-size: 12px; line-height: 22px;}
.liyan{ width: 100%; overflow: hidden;}
.liyan .form-group{ margin-bottom: 7px;}
.liyan .form-control{ background: rgba(255,255,255,0.7);}
.liyan ::-webkit-input-placeholder { color: #FFFFFF;}
.liyan :-moz-placeholder { color: #FFFFFF;}
.liyan ::-moz-placeholder { color: #FFFFFF;}
.liyan :-ms-input-placeholder { color: #FFFFFF;}
.liyan .btn{ background: #000000; color: #FFFFFF; letter-spacing: 3px;}

/*footer*/
.footer{ width: 100%; margin: 0; padding: 10px 0; background: #16bbe4; font-size: 12px; line-height: 18px; text-align: center; color: #FFFFFF;}
.footer a{ color: #FFFFFF;}
.footer a:hover{ color: #000000;}




/*mbox*/
.mbox{ min-height: 500px; padding: 50px 0; margin: 0;}
.mleft{ width: 235px; overflow: hidden; float: left;}
.mleft .mleft-tit{ width: 100%; overflow: hidden; border: 5px solid #d7d7d7; background: #1abefa; color: #FFFFFF; text-align: center; padding: 30px 0;}
.mleft .mleft-tit h3{font-size: 24px; line-height: 24px;}
.mleft .mleft-tit p{ font-size: 14px; line-height: 24px; color: #dfdfdf;}
.mleft-ul{ width: 100%; overflow: hidden; border:1px solid #d7d7d7}
.mleft-ul li{ width: 100%; overflow: hidden; border-bottom: 1px solid #d7d7d7; border-top: 1px solid transparent; padding: 1px 0;}
.mleft-ul li a{ display: block;white-space:nowrap; overflow:hidden; line-height: 45px; color: #2f2f2f; font-size: 14px; padding-left: 50px; padding-right: 40px; position: relative;}
.mleft-ul li a:before{ content: ''; display: block; width: 5px; height: 28px; background: #FFFFFF; position: absolute; left: 0; top: 50%; margin-top: -14px;}
.mleft-ul li a:after{ content: ''; display: block; border-top: 7px solid transparent; border-bottom: 7px solid transparent; border-left: 7px solid #2f2f2f; position: absolute; right: 25px; top: 50%; margin-top: -7px;}
.mleft-ul li a:hover{ background: #1fd2ff; color: #FFFFFF;}
.mleft-ul li a:hover:after{border-left: 7px solid #FFFFFF; }

.mleft-ul li .hover{ background: #1fd2ff; color: #FFFFFF;}

.mleft-ul li .act{ background: #1fd2ff; color: #FFFFFF;}
.mleft-ul li .act:after{border-left: 7px solid #FFFFFF; }

.mleft-Bot{ border: 1px solid #d7d7d9; padding: 15px; margin-top: 30px;}
.mleft-Bot h3{ font-size: 16px; line-height: 36px; color: #2f2f2f; font-weight: bold;}
.mleft-Bot p{ position: relative; padding-left: 15px; font-size: 14px; line-height: 30px; color: #292929;}
.mleft-Bot p i{ position: absolute; left: 0; top:10px;}
.mleft-Bot p span{ display: block; color: #1fd2ff; font-size: 16px;}
.mleft-Bot .p1{ border-bottom: 1px solid #d7d7d9; padding-bottom: 15px;}
.mleft-Bot .btn{ margin-top: 15px; background: #1fd2ff; color: #FFFFFF; border-radius: 0;}


.mright{ overflow: hidden; padding-left: 20px;}
.mrtop{ width: 100%; overflow: hidden; border-bottom: 3px double #d7d7d7; line-height: 36px; color: #666666;}
.mrtop .pull-left{ font-size: 18px;}
.mrtop .pull-right{ color: #404040; font-size: 14px;}
.mrtop a{ color: #404040;}
.mrtop a:hover{ color: #1fd2ff;}

.mrcont{ width: 100%; overflow: hidden; margin-top: 10px;}
.mrcont .mypic img{max-width:100%; margin:0 auto; display: block;}
.mrcont .mycontent{line-height: 24px; font-size: 14px;  margin-top:20px;}
.mrcont .mycontent img{max-width: 100%;}
.page{ width: 100%; overflow: hidden; float: right; margin-top: 20px;}
.page ul{ display: inline-block; float: right;}
.page ul li{ float: left; font-size: 12px; line-height: 36px; color: #0F0F0F;}
.page ul li:last-child{ padding-left: 15px;}
.page ul li a{ display: block; color: #0F0F0F; padding: 0 15px;}
.page ul li a:hover{ background: #101010; color: #FFFFFF;}
.page ul li span{ color: #1fd2ff;}

/*页码*/
.mpage { display:table;padding:20px 0 20px;margin:0 auto; align:center;}
.mpage li{ display:inline; padding:5px 1px;}
.mpage .count,.mpage .pend,.mpage .phome{ display:none;}
.mpage .pnext a,.mpage .ppre a,.mpage .ppage a{ display:inline-block;*display:inline;zoom:1; line-height:30px; width:30px; text-align:center;border-radius:21px; -webkit-border-radius:21px; -moz-border-radius:21px; -o-border-radius: 21px; -khtml-border-radius: 21px; font-size:16px; background:#fff;color:#000;border:1px #CCCCCC  dotted;}
.mpage .pnext a,.mpage .ppre a{width:auto; padding:0 20px;background:#fff;color:#000;}
.mpage  a:hover,.mpage  a.hover{ background:#1fd2ff;color:#FFF;}
.fs16{font-size:16px;}
.pdtit{text-align:left;text-indent:2em;background:#dfdfdf;height:2.5em;line-height:2.5em;margin-top:0;}

.li01{ padding: 10px;}
.li01 a{ display: block; width: 100%; overflow: hidden; border: 4px solid #E5E5E5; position: relative; border-bottom: 0;}
.li01 .proimg{ width: 100%; overflow: hidden;}
.li01 .proimg .img{ transition: all 0.3s; padding-top: 63.27%;}
.li01 h3{ font-size: 14px; line-height: 35px; color: #333333; text-align: center; background: #E5E5E5;}
.li01 .pmark{ width: 100%; height:calc(100% - 4px); overflow: hidden; position: absolute; left: -100%; top: 0; background: rgba(30,210,255,0.8); text-align: center; color: #FFFFFF; padding-top:18%; transition: all 0.3s;}
.li01 .pmark h4{ font-size: 16px; line-height: 30px; color: #FFFFFF; font-weight: bold;}
.li01 .pmark img{ margin: 5px auto;}
.li01 .pmark .p1{ background: #FFFFFF; color: #1fd2ff; font-size: 12px; line-height: 24px; width: 95px; border-radius: 15px; text-align: center; margin: 0 auto;}
.li01 a:hover .pmark{ left: 0;}

.neiye{font-size: 14px;}
.neiye p{ font-size: 14px; line-height: 24px; color: #333333;}
.neiye .p1{ font-weight: bold; font-size: 14px; line-height: 30px;}


.li02{ width: 100%; overflow: hidden; margin-bottom: 30px;}
.li02 a{ display: block; width: 100%; overflow: hidden; background: #FFFFFF; transition: all 0.3s;}
.li02 .li02-img{ width: 280px; height: 200px; float: left; overflow: hidden;}
.li02 .li02-img .img{ transition: all 0.3s;}
.li02 .li02-txt{ overflow: hidden; padding-left: 30px; padding-right: 25px;}
.li02 .li02-txt h3{ font-size: 18px; line-height: 36px; color: #333333; font-weight: bold; margin-top: 15px;}
.li02 .li02-txt p{ font-size: 14px; line-height: 24px; color: #666666;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;overflow:hidden; height: 48px;margin: 15px 0;}
.li02 .li02-txt span{ width: 240px; line-height: 36px; font-size: 16px; color: #666666; border: 1px solid #999999; border-radius: 18px; text-align: center; display: block;}
.li02 a:hover{background: #f2f1f1;}
.li02 a:hover .li02-img .img{ transform: scale(1.1);}

.bom_a{display:block;height:80px;font:14px;font-weight:bold;color:#FFFFFF;}
.bom_img{width:120px;height:70px;float:left;}
.bom_ico{width:100px;height:70px;border:2px #FFFFFF solid;float:left;margin-right:5px;}
.bom_txt{float:left;height:70px;width:300px;}
.bom_box{width:110px;height:50px;float:left}
.bom_box_txt{display:block;width:100px;height:40px;color:#FFFFFF;line-height:40px;text-align:center;border:1px solid #FFFFFF}
.left15{margin-left:15px;}

@media(max-width:58px){
.left15{margin-left:0;}
}

.title{padding:5px 15px;border-bottom:3px #0066FF double;display:table;margin:15px auto;}
.table{display:table;margin:0 auto;margin-top:15px;}
.mleftb-ul{width: 100%;overflow: hidden;border: 3px solid #d7d7d7;background: #1abefa;color: #FFFFFF;text-align: center;padding: 10px 0;margin:10px 0;}
.mleftb-ul a{color:#FFFFFF;font-size:14px;font-weight:bold;}