*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body { font-family:"微软雅黑","Microsoft YaHei", arial, serif; font-size:14px; line-height:1.6; background:#fff; width:100%; color:#333; position:relative}
.container { margin: 0 auto; max-width: 1920px; background:#49b4ff; padding: 0 1.5% 25px 1.5%; }
.container2 { margin: 0 auto; max-width: 1920px; background:#fff;  }
* {margin: 0;padding: 0;list-style-type: none;}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {height: auto}
input[type="search"] {-webkit-appearance: textfield; /* 1 */-moz-box-sizing: content-box;-webkit-box-sizing: content-box; /* 2 */box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {-webkit-appearance: none}
/*
	Name:			style_clearfix
	Example:		class="clearfix|cl"
	Explain:		Clearfix（简写cl）避免因子元素浮动而导致的父元素高度缺失能问题
*/
input::-webkit-input-placeholder{
            color:#bababa;
        }
        input::-moz-placeholder{   /* Mozilla Firefox 19+ */
            color:#bababa;
        }
        input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */
            color:#bababa;
        }
        input:-ms-input-placeholder{  /* Internet Explorer 10-11 */
            color:#bababa;
        }
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.cl,.clearfix{zoom:1}
.cl{clear:both; display:block}
ul,li{ list-style-type:none;}
i,em{ font-style:normal}
a{
transition: all 0.3s;
-moz-transition: all 0.3s;	/* Firefox 4 */
-webkit-transition: all 0.3s;	/* Safari 和 Chrome */
-o-transition: alll 0.3s;	/* Opera */
}
.clearfix { zoom: 1; }
a, img {border: 0; color:inherit;}
ul,li { list-style: none; }
a { text-decoration: none; }
a:hover{ color:#ff0066}
.f_l{ float:left; margin-bottom:10px;}
.f_r{ float:right;}
.yqe{ width:1280px; margin:0 auto; }
.wid_mar{ max-width:1100px; margin:0 auto;}
.pos{position: relative;}
.min_wid{ position:fixed; right:0; top:30%}
.weap{ max-width:1000px; margin:0 auto;}
/*布局*/
body{ overflow-x:hidden}
.ui-nowrap {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ui-nowrap-multi { display: -webkit-box; overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.pc{ display:block}
.m{ display:none}
.s{outline: 0;-webkit-appearance: none;transition: all .3s;-webkit-transition: all .3s;box-sizing: border-box;}
.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;}
.flex1{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.flexalign{ -webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
input{ outline:none; }
input:focus{ outline:none; }
input{ outline:none; border:0; }
/*分页*/
.endPageNum { clear:both; font-size:12px; text-align:center; font-family:"宋体"; }
.endPageNum table { margin:auto; }
.endPageNum .s1 { width:52px; }
.endPageNum .s2 { background:#1f3a87; border:1px solid #ccc; color:#fff; font-weight:bold; }
.endPageNum a.s2:visited { color:#fff; }
.endPageNum a { padding:2px 5px; margin:5px 4px 0 0; color:#1F3A87;  display:inline-table; border:1px solid #ccc; float:left; }
.endPageNum a:visited { color:#1f3a87; }
.endPageNum a:hover { color:#fff; background:#1f3a87; border:1px solid #1f3a87; float:left; text-decoration:underline; }
.endPageNum .s3 { cursor:default; padding:2px 5px; margin:5px 4px 0 0; color:#ccc; background:#fff; display:inline-table; border:1px solid #ccc; float:left; }
/*头部*/
.logo{ float:left; padding-top:15px;}
.logo img{ height:60px}
.headertop{ padding:10px 0; }
.headertop .weap{ position:relative}
.headertop .topewm{ position:absolute; z-index:2; right:0;top:0px; width:88px;}
.headertop .headerrighttop{ overflow:hidden; padding-left:20px;}
.headertop .headerrighttop>div{ float:left;}
.headertop .header-right{ float:right; padding-top:15px; padding-right:105px}
.headertop .topsearch{ position:relative}
.headertop .topsearch .input{ height:30px; float:left; border:1px solid #5a83b7; width:260px; border-radius:30px}
.headertop .topsearch .inbtn{ height:30px; color:#fff; border:none; background:#004095 url(../img/ico-s.png) no-repeat center; background-size:80%; width:30px; border-radius:50%; cursor:pointer; position:absolute; right:0;top:0;  }
.headertop .top-a{ margin-left:10px;}
.headertop .top-a a{ display:inline-block; vertical-align:middle; position:relative; cursor:pointer}
.headertop .top-a .sub{ background-color:#fff; width:120px; height:120px; padding:5px; position:absolute; z-index:5;top:39px; left:50%; margin-left:-60px; display:none}
.headertop .top-a a:hover .sub{ display:block}
.headertop .top-a .sub img{ display:block; width:100%; height:auto}
.headertop .top-a img{ height:30px}
.headertop .top-tel{ line-height:1; background:url(../img/ico-tel.png) no-repeat left center; background-size:35px; height:35px; padding-left:35px;   margin-left:10px; color:#000}
.headertop .top-tel .p1{ font-size:12px;}
.headertop .top-tel .p2{ font-size:18px; font-weight:bold; font-style:italic}
/*.header-index.flexbox{ position:fixed; z-index:10; left:0; right:0;top:0; background-color:#fff; height:60px; box-shadow:0 0 5px rgba(0,0,0,.1)}
.header-index.flexbox .headertop .header-right{ display:none}
.header-index.flexbox .weap{ position:relative;}
.header-index.flexbox .logo{ position:absolute; z-index:1; left:0;}
.header-index.flexbox .logo img{ height:40px;}
.header-index.flexbox .menu{ margin-top:10px}
.header-index .yy{ display:none}*/

.header-index.flexbox  .menu ul.flex{ padding-right:80px;}
.header-index.flexbox .yy{ position:absolute; z-index:1; right:0; bottom:8px; display:block;}
.menu ul.flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center; }
.menu ul.flex .nl{ height:40px; line-height:40px}
.menu ul.flex .nl.on .toplink{ color:#ff0066 }
.menu ul.flex .nl>a{ font-size:16px}
.menu .fg_x{ height:18px; width:1px; background-color:#494646; margin:0 12px;}
.menu ul .sub{ display:none; position:absolute; z-index:999; left:0; right:0;top:90px;   text-align:left; background-color:#fff; box-shadow:0 2px 8px rgba(0,0,0,.5)}
.menu ul .sub ul{ display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:10px 0  }
.menu ul .sub li{  width:20%; border-right:1px solid #e1e1e1; text-align:center}
.menu ul .sub li:last-child{ border-right:none}
.menu ul .nl:hover .sub{ display:block}
.menu ul .sub ul .img{ line-height:1; height: 100px; overflow: hidden}
.menu ul .sub ul .img img { width: 150px; }
.menu ul .sub ul p{ line-height:38px; font-weight:bold; color:#001e78; font-size:16px; display:block; max-width:150px; padding-left:24px; text-align:left; margin:0 auto}
.menu ul .sub ul .p { text-align:left; max-width:150px; margin:0 auto; padding-left:24px}
.menu ul .sub ul .p a{ display:block; line-height:26px; font-size:16px}
/*底部*/
.footer{ background-color:rgba(238,238,238,1); padding-top:55px; padding-bottom:20px;}
.footer .weap{  position:relative;}
.footer .weap>div{ float:left;}
.footer .weap .footshar{ float:left;}
.footer .footnav{ width:62%; }
.footer .footnav .flex{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; border-right:1px dashed #fff;justify-content:space-between;padding-right:15px;}
.footer .footnav .toplink,.footer .footnav .current{ font-size:16px; font-weight:bold; margin-bottom:10px; display:block}
.footer .footnav ul ul li{ margin-bottom:5px;  }
.footer .footadder{ padding-left:15px; padding-right:90px; width:38%;}
.footer .footadder li{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding:2.5px 0; padding-left:30px; background-repeat:no-repeat; background-position:left 8px;font-size:12px;   }
.footer .footadder li .t{ flex: 0 0 66px}
.footer .footadder li.l1{ background-image:url(../img/ico-tel.png);background-size:22px; line-height:1.2; display:block }
.footer .footadder li.l1 .p1{ font-size:12px}
.footer .footadder li.l1 .p2{ font-size:20px; font-weight:bold; font-style:italic}
.footer .footadder li.l2{ background-image:url(../img/ico-b02.png);background-size:13px;}
.footer .footadder li.l3{ background-image:url(../img/ico-b03.png);background-size:18px;  }
.footer .footadder li.l4{ background-image:url(../img/ico-b04.png);background-size:16px;}
.footer .footadder li.l5{ background-image:url(../img/ico-b05.png);background-size:20px;}
.footer .footshar{ width:78px; position:absolute; z-index:1; right:0;top:40px;}
.footer .footshar li{ float:left; width:50%; margin-bottom:5px}
.footer .footshar li img{ display:block; height:39px;}
.footer .footshar li .ewm{ position:absolute; z-index:2; width:70px; bottom:45px; left:50%; margin-left:-35px; box-shadow:0 0 5px rgba(0,0,0,.5); display:none}
.footer .footshar li:hover .ewm{ display:block}
.footer .footshar li .ewm:before{ content:""; display:block; position:absolute; bottom:-5px;border-top: 6px solid #004092;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; left:50%; margin-left:-8px}
.footer .footshar li .ewm img{ width:100%; height:auto; border:2px solid #004098;}
.footer .footshar li.ewmli{ position:relative}
.banquan { margin-top:20px;}
.banquan .weap{ border-top:1px solid #ccc; text-align:center; padding-top:10px; font-size:12px}
.banquan .weap a{ font-size:12px}
.footnav .sub a{ font-size:12px}
/*首页*/
.banner { position:relative}
.banner .item{ height:31.25vw; background-repeat:no-repeat; background-position:center; background-size:cover}
.banner .slick-dots{ position:absolute; z-index:1; left:0; right:0; bottom:10px; text-align:center}
.banner .slick-dots li{ display:inline-block; width:30px; height:6px; background-color:#3b3e47; vertical-align:middle; margin:0 5px; cursor:pointer}
.banner .slick-dots li.slick-active{ background-color:#0079fe}
.banner .slick-dots button{ display:none}
.index01{ padding:20px 0;}
.index01 .index01-left{ float:left; width:33%; background-color:#f9f9f9; text-align:center; padding:15px 30px; border-radius:5px; margin-right:1%; height:882px;}
.index01 .hd{ text-align:center; margin-bottom:10px; padding-top:10px}
.index01 .hd h3{ font-size:20px; color:#133785; font-weight:650; line-height:1}
.index01 .hd .eng{ font-size:16px; color:#aebfe4; }
.index01-left li{ padding-top:15px}
.index01-left li a{ display:block}
.index01-left li .title{ position:relative; margin-bottom:10px}
.index01-left li .title:after{ content:""; display:block; height:1px; position:absolute; z-index:1;top:50%; left:0; right:0; background-color:#eeeeee;}
.index01-left li .title span{ display:inline-block; position:relative; background-color:#f9f9f9; z-index:2; width:180px; background-position:center right  10px; background-repeat:no-repeat; background-size:auto 15px; background-image:url(../img/ico-05.png);color:#133785;}
.index01-left li .img{ position:relative; margin-bottom:25px;width: 200px;}
.index01-left li .img .p{ position:absolute; z-index:2; right:-70px;top:0;}
.index01-left li .img .p span{ display:block; line-height:27px; background-color:rgba(19, 55, 133, 1); border-radius:3px; color:#fff; width:67px; margin-bottom:3px; }
.index01-left li .img img{ max-width:200px;max-height: 150px;margin: 0 auto;}
.index01-left li .t{ height:44px; overflow:hidden;}
.index01-left li .t h3{ font-weight:normal; font-size:14px; display:inline-block; text-align:left;}

.index01-centre{ float:left; width:32%;   }
.index01-centre .centre01{ background-color:rgba(205, 217, 234, 1); padding:0 35px; padding-top:15px; border-radius:5px; padding-bottom:15px; margin-bottom:10px; height:445px; overflow: hidden;}
.index01-centre .centre01 .title{ position:relative; margin-bottom:10px; text-align:center}
.index01-centre .centre01 .title:after{ content:""; display:block; height:1px; position:absolute; z-index:1;top:50%; left:0; right:0; background-color:#eeeeee;}
.index01-centre .centre01 .title span{ display:inline-block; position:relative; background-color:#cdd9ea; z-index:2; width:150px; background-position:center right 20px; background-repeat:no-repeat; background-size:auto 15px; background-image:url(../img/ico-05.png); text-align:left; padding-left:15px; color:#133785}
.index01-centre .centre01 .img img{ display:block; width:100%; border-radius:5px}
.index01-centre .centre01 .img{ margin-bottom:10px}
.index01-centre .centre01 .date{ font-size:12px; color:#333}
.index01-centre .centre01 .ms{ color:#333}
.index01-centre .centre02{ background-color:#f3faf6; border-radius:5px; padding:15px 35px; height:427px}
.index01-centre .centre02 li{ margin-bottom:15px}
.index01-centre .centre02 li:last-child{ margin-bottom:0}
.index01-centre .centre02 img{ display:block; width:100%; border-radius:5px;}

.index01-right{height:882px;width:32%; float:right; background-color:#fcebf2; border-radius:5px;  padding-top:15px;}
.index01-right .hd{ margin-bottom:10px}
.index01-right .bd{padding:0 35px; text-align:center}
.index01-right .bd h3{ font-weight:normal; font-size:14px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.index01-right .bd li{ padding-bottom:20px}
.index01-right .bd .video{ height:210px; background-color:#000; margin-bottom:5px;}

.index02{ padding-bottom:20px;}
.index02 li{ width:49.7%; float:left; height:17.4vw; text-align:right; background-repeat:no-repeat; background-position:center; background-size:cover}
.index02 li a{ display:block; height:335px}
.index02 li:nth-child(2){ float:right; text-align:left}
.index02 li .title{ display:inline-block; background-image: repeating-linear-gradient(rgba(255,255,255,.7), rgba(255,255,255,0));padding:10px 20px; padding-bottom:0; margin:0 26%; text-align:center}
.index02 li .title h3{font-size: 12px;color: #133785;}
.index02 li .title .p{ font-size:14px; font-weight:bold;color: #133785; margin-bottom:5px}
.index02 li .title .more span{ display:inline-block; width:61px; height:61px; background-repeat:no-repeat; background-position:center;  background-size:100% }
.index02 li .title .more .ico-cc01{ background-image:url(../img/ico-cc01.png)}
.index02 li .title .more .ico-cc02{ background-image:url(../img/ico-cc02.png)}


.index03{ background:url(../img/index03bg.jpg) no-repeat center; background-size:cover; padding-top:30px; padding-bottom:30px;}
.index03 .weap {max-width: 1400px;}
.index03 .hd{ text-align:center; color:#fff; margin-bottom:25px;}
.index03 .hd h3{ font-size:24px; font-weight:normal}
.index03 .hd .eng{ font-size:14px; text-transform:uppercase}
.index03 .bd{  position:relative}
.index03 .bd .slick-arrow{ width:52px; height:52px; position:absolute; z-index:1;top:50%; margin-top:-25px; cursor:pointer; border:none; background:none; overflow:hidden; text-indent:-999px;   background-repeat:no-repeat; background-position:center}
.index03 .bd .slick-prev{ left:-70px; background-image:url(../img/ico-prev04.png)}
.index03 .bd .slick-next{ right:-70px;background-image:url(../img/ico-next04.png)}
.index03 .bd .img img{ display:block; width:100%}
.index03 .bd .img{ margin-bottom:10px}
.index03 .bd a{ display:block; background-color:#fff; margin:0 10px; padding:10px; border-radius:5px; cursor:pointer}
.index03 .bd .ms{ overflow:hidden; font-size:12px}
.index03 .bd .more span{ display:inline-block; color:#133785}
.index03 .bd .more span:after{ content:""; display:inline-block; width:16px; height:12px; background:url(../img/ico-08.png) no-repeat center; background-size:100%; vertical-align:middle; position:relative;top:-1px; margin-left:5px;transition: all 0.3s;}
.index03 img{ display:block; width:100%}
.itempop{ position:fixed; z-index:99; left:0; right:0;top:0; bottom:0; display:none }
.itempop.block{ display:block}
.itempop .bdbox{ position:relative; z-index:100;top:0; max-width:930px; width:80%;background-color:#fff; margin:0 auto;top:50%; transform:translateY(-50%); box-shadow:0 0 15px rgba(0,0,0,.5); padding:45px; padding-top:80px;}
.itempop .bdbox .img{ margin-bottom:10px}
.itempop .bdbox .img img{ display:block; width:100%;}
.itempop .bdbox .conn img{ max-width:100%; height:auto !important}
.itempop .bdbox .close{ width:26px; height:26px; border:1px solid #423d3d; border-radius:50%; background:url(../img/ico-closeh.png) no-repeat center; background-size:60%; position:absolute; z-index:1;top:25px; right:15px; cursor:pointer}

.index04{ margin-bottom:20px; }
.index04 .weap{ background-color:#f0f8ed; padding:20px 35px; box-shadow:0 0 10px rgba(0,0,0,.4);  }
.index04 .hd{ text-align:center; color:#133785; font-weight:normal; margin-bottom:15px ; position:relative}
.index04 .hd h3{font-size:20px; font-weight:normal; display:inline-block; border:1px solid #002d90; border-radius:5px; padding:0 20px;}
.index04 .hd .title{ display:inline-block; padding:0 24px; background-color:#f0f8ed; position:relative; z-index:2}
.index04 .hd i{ display:block; position:absolute; z-index:1; left:8px; right:8px; height:1px;top:50%; background-color:#89a8ca; }
.index04 .hd i:after{ content:""; display:block; width:8px; height:8px; border:1px solid #89a8ca; position:absolute; z-index:2; left:-8px; border-radius:8px;top:50%; margin-top:-4px;}
.index04 .hd i:before{ content:""; display:block; width:8px; height:8px; border:1px solid #89a8ca; position:absolute; z-index:2; right:-8px; border-radius:8px;top:50%; margin-top:-4px;}

.index04 .bddhd{ background-color:#fff; padding:20px 85px; padding-bottom:10px; margin-bottom:40px; border:1px dashed #a9bdd3; box-shadow:0 0 10px rgba(0,0,0,.4); position:relative}
.index04 .bddhd .slick-list{ padding-bottom:10px;}
.index04 .bddhd .slick-arrow{ position:absolute; overflow:hidden; width:16px; height:30px; border:none; background-repeat:no-repeat; background-position:center; background-size:100%; background-color:transparent; cursor:pointer; text-indent:-999px; top:50%; margin-top:-15px;}
.index04 .bddhd .slick-prev{ left:20px; background-image:url(../img/ico-prev06.png)}
.index04 .bddhd .slick-next{ right:20px; background-image:url(../img/ico-next06.png)}
.index04 .bddhd span{ display:block; margin:0 20px; position:relative; cursor:pointer}
.index04 .bddhd .slick-current span:after{ content:""; display:block; position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; border:2px solid #00338b}
.index04 .bddhd .slick-current span:before{ content:""; display:block; position:absolute; bottom:-5px;border-top: 6px solid #004092;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent; left:50%; margin-left:-8px}
.index04 .bddhd span img{ display:block; width:100%}
.index04 .bigimg{ float:left; width:70%}
.index04 .bigimg img{ display:block; width:100%}
.index04 .smallimg{ float:right; width:24%}
.index04 .smallimg img{ display:block; width:100%}
.index04 .smallimg .slick-arrow{ height:24px; border:1px solid #a5bcd1; display:block; width:100%; background-color:transparent; cursor:pointer; overflow:hidden; text-indent:-999px; cursor:pointer; background-repeat:no-repeat; background-position:center; background-size:auto 10px}
.index04 .smallimg .slick-prev{ background-image:url(../img/ico-prev08.png)}
.index04 .smallimg .slick-next{ background-image:url(../img/ico-next08.png); margin-top:10px}
.index04 .smallimg span{ display:block; margin:4px 0; background-color:#a9c0d2; padding:5px 30px}
.index04 .smallimg .slick-current span{ background-color:#004098; color:#fff;}
.index04 .smallimg span p{ text-align:center; font-size:12px;}
/*栏目*/
.nbanner{ height:18.22vw; background-position:center top; background-repeat:no-repeat; background-size:cover; }
.lanmunav{ height:60px; margin-top:-59px; position:relative; z-index:2;}
.lanmunav ul{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; background-color:rgba(255,255,255,.7)}
.lanmunav ul li{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.lanmunav ul li a{ display:block; line-height:60px; position:relative; text-align:center; font-size:16px;}
.lanmunav ul li.select a{ color:rgb(255, 0, 102); font-weight:bold;}
.lanmunav ul li.select a:after{ content:""; display:block; height:3px; position:absolute; z-index:2; left:0; right:0;top:0; background-color:rgb(255, 0, 102)}
.paths{ font-size:14px; padding:20px 0;}
.paths a:last-child{ color:rgb(255, 0, 102)}

.lanmumain{ position:relative; padding-top:1px}
/*关于卡乐丽*/
.about001{ overflow:hidden; margin-top:-30px}
.about001 ul{ float:left; width:33.33%}
.about001 li{ overflow:hidden}
.about001 li img{ display:block; width:100%}

.about01{ overflow:hidden}
.about01 .img{ float:left; width:34%; padding-top:25px; padding-left:25px; position:relative}
.about01 .txt{ float:right; width:64%}
.about01 .txt .hd{ position:relative; line-height:75px;}
.about01 .txt .hd .eng{ position:absolute; z-index:1; font-size:100px; color:#F2F2F2; font-weight:bold;top:0; line-height:.7; left:85px}
.about01 .txt .abouttitle{ font-size:32px; color:#133785; position:relative; z-index:2}
.about01 .txt .conn{ line-height:2; overflow:hidden; }
.about01 .txt .conn img{ max-width:100%; height:auto !important}
.about01 .txt .conn p{ text-indent:28px;}
.about01 .img:after{ content:""; display:block; position:absolute; z-index:1; left:0;top:0; right:25px; bottom:25px; background-color:#80a0ca}
.about01 .img img{ display:block; width:100%; position:relative; z-index:2}

.about02{ overflow:hidden; line-height:2; font-size:15px}
.about02 .img{ float:left; margin-right:45px;  }
.about02 img{ max-width:100%; height:auto !important}
.about02 .img img{ display:block; width:100%; max-width:572px;}
.about02 p{ text-indent:32px}


.about03{ font-size:16px; line-height:2; overflow:hidden; padding-top:235px;}
/*.lanmu26{ background:url(../images/about0301.png) no-repeat center 60px}*/
.about03 img{ max-width:100%; height:auto !important}

.about04 .hd{ position:relative; line-height:55px; margin-bottom:20px}
.about04 .hd .eng{ position:absolute; z-index:1; font-size:80px; color:#F2F2F2; font-weight:bold;top:0; line-height:.7; left:85px}
.about04 .abouttitle{ font-size:32px; color:#133785; position:relative; z-index:2}
.about04 .conn{ line-height:2; overflow:hidden; margin-bottom:50px;}
.about04 .conn img{ max-width:100%; height:auto !important}
.about04{ overflow:hidden;}
.about04 img{ display:block; max-width:100%; height:auto !important}

.list1001{ font-size:17px; line-height:1.8}
.list1001 .title{ color:#034283; font-size:28px; font-weight:bold; line-height:1.4; margin-bottom:10px}
.list1001 h5{ font-weight:normal;color:#034283; font-size:20px; }
.list1001 span{ display:block}
.list1001 .hd img{ display:block; max-width:100%}
.about0402{ overflow:hidden; padding:48px 0; position:relative}
.about0402:after{ content:""; display:block; height:1px; background-color:#cacaca; position:absolute; z-index:1; left:0; width:70%; bottom:0;}
.about0402 .img{  float:left; width:45.51%;}
.about0402 .img img{ width:100%}
.about0402 .txt{ float:right; width:46.98%}

.about0403{ overflow:hidden; padding:48px 0; position:relative}
.about0403:after{ content:""; display:block; height:1px; background-color:#cacaca; position:absolute; z-index:1; left:0; width:70%; bottom:0;}
.about0403 .img{ float:right; width:40.25%;}
.about0403 .img img{ width:100%}
.about0403 .txt{ float:left; width:52%}

.about0404{ overflow:hidden; padding:48px 0; position:relative}
.about0404 .img{ float:left; width:42.5%;}
.about0404 .img img{ width:100%}
.about0404 .txt{ float:right; width:52.58%}

.about0405{ overflow:hidden; height:840px;position:relative; font-size:14px; background:url(../images/about0405.png) no-repeat center top; background-size:8.7%}
.about0405>div{ position:absolute; z-index:2;}
.about0405:after{ content:""; display:block; height:1px; background-color:#cacaca; position:absolute; z-index:1; left:0; width:70%; bottom:0;}
.about0405 .title{ font-size:24px}
.about0405 .txt .p {height:125px;overflow: hidden; }
.about040501{top:0; left:54.82%; right:0}
.about040502{top:165px; right:54.82%; left:0; text-align:right}
.about040503{top:334px; left:54.82%; right:0}
.about040504{top:498px; right:54.82%; left:0; text-align:right}

.about0406{ overflow:hidden; padding:48px 0; position:relative}
.about0406 .img{ float:right; width:54%;}
.about0406 .img img{ width:100%}
.about0406 .txt{ float:left; width:44%}

.about05 .txt .hd{ position:relative;  text-align:center; margin-bottom:20px}
.about05 .txt .hd .eng{  z-index:1; font-size:100px; color:#F2F2F2; font-weight:bold; line-height:1; margin-top:-30px;}
.about05 .txt .abouttitle{ font-size:32px; color:#133785; position:relative; z-index:2; }
.about05 .txt .conn{ line-height:2; overflow:hidden;max-width:790px; margin:0 auto}
.about05 .txt .conn img{ max-width:100%}

.lanmu29{ background:url(../images/about0601.png) no-repeat center bottom}
.about06 .txt .hd{ position:relative;  text-align:center; margin-bottom:20px}
.about06 .txt .hd .eng{  z-index:1; font-size:100px; color:#F2F2F2; font-weight:bold; line-height:1; margin-top:-30px;}
.about06 .txt .abouttitle{ font-size:75px; color:#133785; position:relative; z-index:2; }
.about06 .txt .conn{ line-height:2; overflow:hidden; line-height:2; font-size:18px;}
.about06 .txt .conn img{ max-width:100%; height:auto !important}

.pr-sort{  padding-bottom:60px;}
.pr-sort ul{ overflow:hidden; margin-left:-10px; margin-right:-10px; }
.pr-sort ul li{ float:left; width:50%; margin-bottom:20px}
.pr-sort ul li img{ display:block; height:100%; width:100%;transition: all 0.3s;}
.pr-sort ul li a{ display:block; overflow:hidden; margin:0 10px; position:relative; border:1px solid #c0c7d1}
.pr-sort ul li a:hover img{transform: scale(1.1); -ms-transform: scale(1.1);}
.pr-sort ul li .img{ overflow:hidden}
.pr-sort ul li h3{ line-height:64px; text-align:center; font-size:20px; color:#0a4799}

.artcontent{ padding:30px 0; overflow:hidden; line-height:1.4}
.artcontent img{ max-width:100%;height: auto;}
/*产品列表*/
.productlists .prod{ overflow:hidden}
.productlists .prod ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.productlists .prod li{ width:25%; float:left; margin-bottom:40px}
.productlists .prod .img{ overflow:hidden; margin-bottom:20px}
.productlists .prod .img img{ display:block; width:100%;transition: all 0.3s;}
.productlists .prod a:hover .img img{transform: scale(1.1); -ms-transform: scale(1.1);}
.productlists .prod a{ display:block; margin:0 10px;}
.productlists .prod h3{ margin-bottom:10px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.productlists .prod .ms{ color:#999; line-height:1.4; height:38px; overflow:hidden; margin-bottom:10px;}
.productlists .prod .more span{ color:#133785; display:inline-block; padding-right:30px; background-image:url(../img/ico-08.png); background-repeat:no-repeat; background-position:center right 10px;transition: all 0.3s;}
.productlists .prod a:hover .more span{background-position:center right 1px;}

.pr-sort08 .bd li{margin-bottom:25px;}
.pr-sort08 .bd li a{ display:block;  overflow:hidden; border:1px solid #c4d3e8}
.pr-sort08 .bd li .img{ float:left; width:383px; overflow:hidden; margin-right:20px;}
.pr-sort08 .bd li .img img{  display:block; width:100%;transition: all 0.3s;}
.pr-sort08 .bd li a:hover .img img{transform: scale(1.1); -ms-transform: scale(1.1);}
.pr-sort08 .bd li .txt{ padding-top:25px; overflow:hidden; padding-right:40px}
.pr-sort08 .bd li .txt h3{ font-size:22px; font-weight:normal; color:#1337a5; margin-bottom:10px; }
.pr-sort08 .bd li .txt .ms{   height:100px; margin-bottom:10px; overflow:hidden; font-size:16px; color:#666}
.pr-sort08 .bd li .txt .more{ text-align:right}
.pr-sort08 .bd li .txt .more span{ color:#133785; display:inline-block; padding-right:30px; background-image:url(../img/ico-08.png); background-repeat:no-repeat; background-position:center right 10px;transition: all 0.3s;}
.pr-sort08 .bd li a:hover .txt .more span{background-position:center right 1px;}

/*靓彩生活*/
.piclist ul{ overflow:hidden; margin-left:-25px; margin-right:-25px;}
.piclist li{ width:33.33%; float:left; margin-bottom:35px;}
.piclist li a{ display:block; margin:0 25px; border:1px solid #ccd8e9}
.piclist .pic{ overflow:hidden; position:relative;}
.piclist .pic img{ display:block; width:100%; height:245px}
.piclist h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; text-align:center; line-height:38px}
.piclist .popms{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; color:#fff; padding:0 10%; background:rgba(0,160,232,.5); display:none}
.piclist a:hover .popms{ display:block}
.piclist .popms .ms{ position:relative;top:50%; transform:translateY(-50%)}
.piclist .popms .more{ text-align:center; margin-top:20px}
.piclist .popms .more:after{ content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-left:5px; background:url(../img/ico-nextselected.png) no-repeat center; background-size:auto 100%}

.lcsh{ padding-bottom:0}
.lcsh .ms{ max-width:750px; margin:0 auto; line-height:2}

.jdalnav{ margin-bottom:30px}
.jdalnav h3{ font-size:14px; margin-bottom:10px}
.jdalnav ul{ border-top:1px solid #f2f2f2}
.jdalnav ul li{ display:inline-block; line-height:40px; margin-right:30px}
.jdalnav ul li.select a{ color:rgb(255, 0, 102)}

.preview{ padding-bottom:20px; line-height:2}
.preview img{ max-width:100%}
/*招商加盟*/
.join01{ max-width:920px; margin:0 auto}
.join01 img{ display:block; width:100%}
.join02{ max-width:920px; margin:0 auto}
.join02 img{ display:block; width:100%}

.join04 .txt .hd{ position:relative;  text-align:center; margin-bottom:20px}
.join04 .txt .hd .eng{  z-index:1; font-size:100px; color:#F2F2F2; font-weight:bold; line-height:1; margin-top:-30px;}
.join04 .txt .abouttitle{ font-size:32px; color:#133785; position:relative; z-index:2; }
.join04 .txt .conn{ line-height:2; overflow:hidden;max-width:705px; margin:0 auto}

.ppslbox{ max-width:920px; margin:0 auto; line-height:2}
.ppslbox .hd{ border-bottom:1px solid #004098; margin-bottom:20px}
.ppslbox .hd h3{ display:inline-block; color:#fff; line-height:32px; font-size:16px; width:299px; text-align:center; background:url(../images/h3png.png) no-repeat center left}
.ppsl01{ margin-bottom:50px}
.ppsl01 img{ display:block; width:100%}
.ppslbox .bd01{ font-size:32px; color:#133785; font-weight:bold; line-height:3; background:url(../img/ppsl02.png) no-repeat right top;}
.bd02 p{ text-indent:28px;}
.bd03{background:url(../img/ppsl03.png) no-repeat right top;}
.bd03 .p1{ font-size:32px; color:#133785; font-weight:bold; line-height:2.5; margin-bottom:50px}
.bd03 .p2{ max-width:515px; padding-bottom:50px}
.ppsl02{ margin-bottom:30px}
.ppsl02 li{ overflow:hidden}
.ppsl02 .l1 { margin-bottom:20px}
.ppsl02 .l1 .img{ float:left}
.ppsl02 .l1 .img img{ max-width:100%}
.ppsl02 .l1 .txt{font-size:32px; color:#133785; font-weight:bold; line-height:2.5; float:right; padding-right:70px; padding-top:60px}
.ppsl02 .l1 .txt .p2{ padding-left:117px;}
.ppsl02 .l2{background:url(../img/ppsl05.png) no-repeat right top;}
.ppsl02 .l2 .txt{ max-width:480px; min-height:235px}
.ppsl03{ overflow:hidden}
.ppsl03 .img{ float:right}
.ppsl03 img{ max-width:100%}
.ppsl03 .l1{font-size:32px; color:#133785; font-weight:bold; line-height:2.5; margin-bottom:20px}
/*卡乐丽学堂*/
.news-sort{ text-align:center; font-size:0; padding:30px 0;}
.news-sort li{ display:inline-block; width:25%; margin-bottom:10px;}
.news-sort li a{ display:block; margin:0 5px; overflow:hidden}
.news-sort li img{ display:block;width:100%;transition: all 0.3s;}
.news-sort li a:hover img{transform: scale(1.1); -ms-transform: scale(1.1);}

.newslist01 .bd ul li{ margin-bottom:35px;}
.newslist01 .bd ul a{ display:block; overflow:hidden }
.newslist01 .bd ul .pic{ width:366px; overflow:hidden; float:left; height:246px; margin-right:30px;}
.newslist01 .bd ul .pic img{ display:block; width:100%; height:100%}
.newslist01 .bd ul .txt{ overflow:hidden}
.newslist01 .bd ul .txt h3{ font-weight:normal; font-size:18px; margin-bottom:30px; }
.newslist01 .bd ul .txt .ms{ color:#999; margin-bottom:20px}
.newslist01 .bd ul .txt .times{color:#999; margin-bottom:20px}

.newslist01 .bd ul .txt .more span{ color:#133785; display:inline-block; padding-right:30px; background-image:url(../img/ico-08.png); background-repeat:no-repeat; background-position:center right 10px;transition: all 0.3s;}
.newslist01 .bd ul a:hover  .txt .more span{background-position:center right 1px;}

.newscontent .newsconttitle{ margin-bottom:10px;}
.newscontent .newsconttitle h1{ text-align:center; font-size:22px; font-weight:normal}
.newscontent .conn{ color:rgb(102, 102, 102); overflow:hidden; line-height:2}
.newscontent .conn img{ max-width:100%; height:auto !important}

.articleHeader{ padding:30px 0; overflow:hidden}
.articleHeader h4{ float:left; width:50%; font-weight:normal}
.articleHeader h4:nth-child(2){ text-align:right}

/*招聘*/
.jobslist{ padding:30px 0}
.jobslist .hd ul{ overflow:hidden; background-color:rgb(242, 242, 242)}
.jobslist .hd li{ float:left; line-height:60px; font-size:16px; color:rgb(102,102,102);}
.jobslist .bd a{ display:block; color:#333}
.jobslist .bd ul{ overflow:hidden; border-bottom:1px solid #f2f2f2}
.jobslist .bd a:hover ul{ background-color:#fafafa}
.jobslist .bd ul li{ float:left;line-height:60px; }
.jobslist .bd ul .more{ display:block; height:60px;}
.jobslist .w1{ width:40%; padding:0 20px;}
.jobslist .w2{ width:15%; padding:0 10px; text-align:center}
.jobslist .w3{ width:15%; padding:0 10px; text-align:center}
.jobslist .w4{ width:15%; padding:0 10px; text-align:center}
.jobslist .w5{ width:15%; background:url(../img/ico-next.png) no-repeat center right 15px}

.jobinfo{ padding:30px 0}
.jobs01top{ overflow:hidden}
.jobs01top .img{ float:left; width:41%}
.jobs01top .img img{ display:block; width:100%}
.jobs01top .txt{ float:right; width:57%}
.jobs01top .txt .hd{ position:relative; margin-bottom:10px}
.jobs01top .txt .hd .eng{  z-index:1; font-size:80px; color:#F2F2F2; font-weight:bold; line-height:1; padding-left:60px;}
.jobs01top .txt h3{ font-size:32px; color:#133785; position:absolute; z-index:2; left:0;top:0; line-height:80px}
.jobs01top .txt .bd{ line-height:2}

.jobinfotop h1{ font-weight:normal; font-size:28px; margin-bottom:20px}
.jbinfor ul{ overflow:hidden; border-bottom:1px solid #f2f2f2; padding-bottom:10px; margin-bottom:20px}
.jbinfor ul li{ float:left; width:25%}
.jobdescrip{ line-height:2; overflow:hidden; color:rgb(102,102,102)}
.jobjoin{ margin-top:20px;}
.jobjoin a{ display:inline-block; width:128px; height:44px; line-height:44px; color:#fff; background-color:rgba(19, 55, 133, 1); text-align:center; border-radius:5px;}
.jobjoin a:after{ content:""; display:inline-block; width:16px; height:14px; vertical-align:middle; margin-left:5px; background:url(../img/ico-nextselected.png) no-repeat center; background-size:auto 100%}
/*更多服务*/
.newslist02 .bd ul{ overflow:hidden; margin-left:-25px; margin-right:-25px;}
.newslist02 .bd li{ width:33.33%; float:left; margin-bottom:35px;}
.newslist02 .bd li a{ display:block; margin:0 25px;}
.newslist02 .bd .pic{ overflow:hidden; position:relative; margin-bottom:10px;}
.newslist02 .bd .pic img{ display:block; width:100%}
.newslist02 .bd h3{ font-size:18px; font-weight:normal;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newslist02 .bd .popms{ position:absolute; z-index:1; left:0; right:0;top:0; bottom:0; color:#fff; padding:0 10%; background:rgba(0,0,0,.7); display:none}
.newslist02 .bd a:hover .popms{ display:block}
.newslist02 .bd .popms .ms{ position:relative;top:50%; transform:translateY(-50%)}
.newslist02 .bd .popms .more{ text-align:center; margin-top:20px}
.newslist02 .bd .popms .more:after{ content:""; display:inline-block; width:16px; height:16px; vertical-align:middle; margin-left:5px; background:url(../img/ico-nextselected.png) no-repeat center; background-size:auto 100%}

/*积分商城*/
.productlists02 .prod ul{ overflow:hidden; margin-left:-25px; margin-right:-25px;}
.productlists02 .prod li{ float:left; width:25%; margin-bottom:50px}
.productlists02 .prod li a{ margin:0 25px; display:block}
.productlists02 .prod li .img{ overflow:hidden}
.productlists02 .prod li .img img{ display:block; width:100%;transition: all 0.3s;}
.productlists02 .prod li a:hover img{transform: scale(1.1); -ms-transform: scale(1.1);}
.productlists02 .prod li h3{ font-weight:normal; font-size:16px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; margin-bottom:5px;}
.productlists02 .prod li .ms{ color:#fdd52b; font-size:14px; margin-bottom:5px}
.productlists02 .prod li .more span{ color:#133785; display:inline-block; padding-right:30px; background-image:url(../img/ico-08.png); background-repeat:no-repeat; background-position:center right 10px;transition: all 0.3s;}
.productlists02 .prod li a:hover .more span{background-position:center right 1px;}

.oreder01{ background-color:#f9f9f9; padding:0 30px; padding-top:25px; padding-bottom:55px; margin-bottom:50px;}
.oreder01 .hd{ text-align:center; margin-bottom:100px; }
.oreder01 .hd h3{ font-size:32px;  color:rgb(19, 55, 133); position:relative; z-index:3}
.oreder01 .hd .eng{ color:rgb(242, 242, 242); font-size:100px; font-weight:bold; line-height:1; margin-top:-40px;}
.oreder01 .hd .p{ color:rgb(102,102,102); line-height:1; margin-top:-20px;}
.oreder01 .bd ul li{ display:inline-block; vertical-align:middle; padding:5px 0; padding-left:50px; background-repeat:no-repeat; background-position:center left; text-align-last:left}
.oreder01 .bd ul{ text-align-last:justify}
.oreder01 .bd ul li.l1{ background-image:url(../img/ico-c01.png)}
.oreder01 .bd ul li.l2{ background-image:url(../img/ico-c02.png)}
.oreder01 .bd ul li.l3{ background-image:url(../img/ico-c03.png)}

.stuffbox{ padding-bottom:110px;}
.stuffbox .hd{ text-align:center; font-size:24px; margin-bottom:50px;}
.stuffbox .bd ul{ overflow:hidden}
.stuffbox .bd li{ float:left; width:50%;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; line-height:44px; margin-bottom:40px;}
.stuffbox .bd li .t{ width:90px; text-align:right; margin-right:10px}
.stuffbox .bd li .t span{ color:#F00}
.stuffbox .bd li .intxt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1;}
.stuffbox .bd li .intxt input{ height:44px; width:100%; padding:0 10px; border-radius:5px; border:1px solid #cccccc; background-color:#fcfcff}
.stuffbox .bd li.yzmli{ position:relative}
.stuffbox .bd li.yzmli .intxt{display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex; padding-right:20%}
.stuffbox .bd li.yzmli .intxt input{ width:auto;-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; display:block}
.stuffbox .bd li.yzmli .intxt .yzm{ margin-left:20px;}
.stuffbox .bd li.yzmli .intxt .yzm img{ height:44px; cursor:pointer}
.stuffbox .bd .btnbox{ text-align:center; border-top:1px solid #f2f2f2; padding-top:60px;}
.stuffbox .bd .btnbox .userbtn{ width:400px; height:44px; background-color:rgba(19, 55, 133, 1); cursor:pointer; border:none; cursor:pointer; color:#fff; border-radius:5px; font-size:16px}
.stuffbox .bd .btnbox .userbtn:hover{ opacity:.9}

.scqxl01{ margin-bottom:10px}
.scqxl01 ul{ border-bottom:1px solid #9a9a9a; padding-bottom:15px;}
.scqxl01 ul li{ display:inline-block; margin-right:12px; }
.scqxl01 ul li a{ display:block; font-size:18px;width:116px; height:28px; line-height:26px; color:#133785; border:1px solid #666; border-radius:5px; text-align:center;}
.scqxl01 ul li a:hover{   border:1px solid #FF0066}
.scqxl02{ margin-bottom:20px}
.scqxl02 .pro_img{ float:left; width:480px !important; overflow:hidden; margin-right:50px;}
.scqxl02 .main{ margin-bottom:10px;}
.scqxl02 .main li{ display:none}
.scqxl02 .main li:nth-child(1){ display:block}
.scqxl02 .main li a{ display:block; width:480px; height:480px;}
.scqxl02 .main li img{ display:block; max-width:100%; max-height:100%; position:relative; margin:0 auto;top:50%; transform:translateY(-50%)}
.scqxl02 #menu1{ overflow:hidden; margin-bottom:10px; padding-bottom:20px; border-bottom:1px solid #333}
.scqxl02 #menu1 li{ width:115px; height:115px; float:left; cursor:pointer; margin-right:5px; border:1px solid #eee}
.scqxl02 #menu1 li img{ display:block; max-width:100%; max-height:100%; position:relative;top:50%; transform:translateY(-50%)}
.scqxl02 .as a{ display:block; width:146px; height:45px; line-height:45px; margin:0 auto; font-size:20px; color:#133785; border:1px solid #133785; border-radius:5px; margin-bottom:10px;}
.scqxl02 .as a:before{ content:""; display:inline-block; width:32px; height:32px; background-repeat:no-repeat; background-position:center; background-size:100%; vertical-align:middle; margin-right:5px;}
.scqxl02 .as .a1:before{ background-image:url(../img/ico-d01.png)}
.scqxl02 .as .a2:before{ background-image:url(../img/ico-d02.png)}
.scqxl02 .scqxl02right{ overflow:hidden}
.scqxl02 .scqxl02right .title{    font-style: normal;font-size: 20px; font-weight:bold;color: #004098;line-height: 25px; height:25px; position:relative;}
.scqxl02 .scqxl02right .title:before{ content:""; display:inline-block; width:26px; height:28px; background-repeat:no-repeat; background-position:center; background-size:100%; position:absolute; z-index:1;top:0; left:-30px;}
.scqxl02 .scqxl02right>div{ padding:15px 35px; padding-right:30px; background-color:rgba(243, 246, 250, 1); margin-bottom:15px;}
.scqxl02 .scqxl02right01 .title:before{ background-image:url(../img/ico-e01.png)}
.scqxl02 .scqxl02right02 .title:before{ background-image:url(../img/ico-e02.png)}
.scqxl02 .scqxl02right03 .title:before{ background-image:url(../img/ico-e03.png)}
.scqxl02 .scqxl02right04 .title:before{ background-image:url(../img/ico-e04.png)}
.scqxl02 .scqxl02right05 .title:before{ background-image:url(../img/ico-e05.png)}
.scqxl02 .scqxl02right .scqxl02right02{ background-color:rgba(253, 243, 247, 1)}
.scqxl02 .scqxl02right .scqxl02right03{ background-color:rgba(255, 253, 243, 1)}
.scqxl02 .scqxl02right .scqxl02right04{ background-color:rgba(243, 250, 246, 1)}
.scqxl02 .scqxl02right .scqxl02right05{ background-color:rgba(248, 246, 250, 1)}

.scqxl03{ padding-bottom:40px;}
.scqxl03 .hd{ text-align:center; margin-bottom:15px;}
.scqxl03 .hd h3{ display:inline-block; font-size:20px; font-weight:normal; color:#133785; border:1px solid #333; border-radius:5px; padding:0 5px;}
.scqxl03 .bd>div{ width:32.33%; float:left; margin:0 .5%; padding:20px 15px; border:1px solid #333; border-radius:10px; text-align:center; background:rgba(254, 247, 250, 1); box-shadow:2.5px 2.5px 5px rgba(0,0,0,.5)}
.scqxl03 .bd .img{ overflow:hidden; border-radius:5px; box-shadow:0 0 10px rgba(0,0,0,.5); margin-bottom:5px}
.scqxl03 .bd img{ display:block; width:100%;transition: all 0.3s;}
.scqxl03 .bd a:hover img{transform: scale(1.1); -ms-transform: scale(1.1);}
.scqxl03 .bd .title{ font-size:16px; font-weight:bold; color:#004098; border-bottom:1px solid #333; margin-bottom:20px; padding-bottom:5px}
.scqxl03 .bd li{ padding:10px 0}
.scqxl03 .bd  h3{ font-weight:normal; font-size:14px}
.scqxl03 .bd .ul02{ background:rgba(255, 246, 233, 1)}
.scqxl03 .bd .ul03{ background:rgba(240, 247, 237, 1)}

.effectbox{ padding:20px 0}
.effect01{ margin-bottom:20px}
.effect01 h3{ font-size:23px; color:#004098; }
.effect01 .p{ font-size:16px}
.effect02 .itemsbox{ background-color:#ebede8; overflow:hidden; padding:60px; box-shadow:0 0 10px rgba(0,0,0,.5)}
.effect02 .item-hd{ background-color:#fff; padding:20px 98px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); margin-bottom:10px}
.effect02 .item-hd .slick-arrow{ position:absolute; z-index:2;top:0; bottom:0; width:88px; border:none; cursor:pointer; overflow:hidden; text-indent:-999px; background-color:transparent; background-repeat:no-repeat; background-position:center}
.effect02 .item-hd .slick-prev{ left:0; background-image:url(../img/ico-prev.png)}
.effect02 .item-hd .slick-next{ right:0; background-image:url(../img/ico-next.png)}
.effect02 .item-hd .item{ padding:0 10px;}
.effect02 .item-hd .item img{ display:block; width:100%}

.effect02 .item-bd{ background-color:#fff; padding:20px 10px; background-color:#fff; box-shadow:0 0 5px rgba(0,0,0,.2); margin-bottom:10px}
.itemsbox .items-bd{ float:left; width:74.4%}
.itemsbox .items-bd img{ width:100%}
.itemsbox .items-hd{ float:right; width:21.4%}
.itemsbox .items-hd img{ display:block; width:100%}
.itemsbox .items-hd .slick-arrow{ height:25px; width:100%; border:none; cursor:pointer; overflow:hidden; text-indent:-999px; background-color:#004098; background-repeat:no-repeat; background-position:center; background-size:auto 10px}
.itemsbox .items-hd .slick-prev{  background-image:url(../img/ico-prev09.png)}
.itemsbox .items-hd .slick-next{  background-image:url(../img/ico-next09.png)}
.itemsbox .items-hd .itemli{   text-align:center; margin:10px 0; position:relative;border-radius:5px; overflow:hidden}
.itemsbox .items-hd .img img{ height:80px; display:block; }
.itemsbox .items-hd .title{ position:absolute; z-index:2; right:0; left:0; font-size:12px; bottom:0; background:rgba(204,204,204,.8)}

.list100 .hd{ text-align:center; margin-bottom:55px}
.list100 .hd h3{ font-size:80px; color:#014085; line-height:1; position:relative; z-index:2}
.list100 .hd .eng{ font-size:120px; color:#d2d2d2; font-weight:bold; line-height:1; margin-top:-30px;}
.list100 .tag{ margin-bottom:38px}
.list100 .tag li{ display:inline-block; margin-right:12px;}
.list100 .tag li a{ display:inline-block; width:150px; border:1px solid #999999; color:#001366; text-align:center; border-radius:5px; font-size:15px}
.list100 .tag li a:hover{ border:1px solid #d92f79}
.list100 .line{ margin-bottom:60px;}
.list100 .line img{ display:block; width:100%}
.list100 .title{ margin-bottom:18px}
.list100 .title h3{ font-size:24px ; color:#024188; padding-left:10px; border-left:3px  solid #024188; height:26px; line-height:26px;}
.list100 .bdd{ margin-left:-7px; margin-right:-7px; margin-bottom:70px }
.list100 .bdd .item{ padding:10px 0;}
.list100 .bdd .item a{ display:block; margin:0 7px;  border:1px solid #567cab; background-color:#fff; padding:10px; padding-bottom:10px; border-radius:5px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.5)}
.list100 .bdd .item img{ display:block; width:100%}
.list100 .bdd .item .img{ overflow:hidden; margin-bottom:5px}
.list100 .bdd .item h3{ font-weight:normal; line-height:1.2; overflow:hidden; color:#333}

.lanmu28{ background:url(../images/lanmu28bg.jpg) no-repeat center bottom}
.pr-sort02 ul{ overflow:hidden}
.pr-sort02 li{ float:left; width:33.33%; overflow:hidden}
.pr-sort02 li img{ display:block; width:100%;}

.pr-sort03{ overflow:hidden}
.pr-sort03 ul{ float:left; width:50%}
.pr-sort03 ul:nth-child(1){ padding-right:8px}
.pr-sort03 ul:nth-child(2){ padding-left:8px}
.pr-sort03 ul li{ overflow:hidden; margin-bottom:20px}
.pr-sort03 ul li img{ display:block; width:100%}

.pr-sort04 ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.pr-sort04 li{ float:left; width:50%; margin-bottom:20px}
.pr-sort04 li a{ display:block; margin:0 10px; overflow:hidden}
.pr-sort04 li img{ display:block; width:100%;height:auto;}

.pr-sort05 ul{ overflow:hidden; margin-left:-10px; margin-right:-10px;}
.pr-sort05 li{ float:left; width:50%; margin-bottom:20px}
.pr-sort05 li a{ display:block; margin:0 10px; border:1px solid #d1dceb}
.pr-sort05 li .img{ overflow:hidden}
.pr-sort05 li .img img{ display:block; width:100%}
.pr-sort05 li h3{ height:65px; line-height:65px; text-align:center; font-size:20px; color:#003d93}

.scqxl03 .hd{ position:relative}
.scqxl03 .hd h3{font-size:18px; font-weight:normal; display:inline-block; border:1px solid #002d90; border-radius:5px; padding:0 20px;}
.scqxl03 .hd .title{ display:inline-block; padding:0 24px; background-color:#fff; position:relative; z-index:2}
.scqxl03 .hd i{ display:block; position:absolute; z-index:1; left:8px; right:8px; height:1px;top:50%; background-color:#89a8ca; }
.scqxl03 .hd i:after{ content:""; display:block; width:8px; height:8px; border:1px solid #89a8ca; position:absolute; z-index:2; left:-8px; border-radius:8px;top:50%; margin-top:-4px;}
.scqxl03 .hd i:before{ content:""; display:block; width:8px; height:8px; border:1px solid #89a8ca; position:absolute; z-index:2; right:-8px; border-radius:8px;top:50%; margin-top:-4px;}

.list101 .title{ margin-bottom:18px}
.list101 .title h3{ font-size:24px ; color:#024188; padding-left:10px; border-left:3px  solid #024188; height:26px; line-height:26px;}
.list101 .bdd{ margin-left:-28px; margin-right:-28px; margin-bottom:70px }
.list101 .bdd ul{ overflow:hidden}
.list101 .bdd li{ width:33.33%; float:left; margin-bottom:46px}
.list101 .bdd li a{ display:block; margin:0 28px;  border:1px solid #567cab; background-color:#fff; padding:20px; padding-bottom:10px; border-radius:5px; text-align:center; box-shadow:0 0 10px rgba(0,0,0,.5)}
.list101 .bdd li img{ display:block; width:100%}
.list101 .bdd li .img{ overflow:hidden; margin-bottom:5px}
.list101 .bdd li h3{ font-weight:normal}
.list101 .bdimg{ margin-bottom:60px;}
.list101 .bdimg ul{ overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.5)}
.list101 .bdimg li{ float:left}
.list101 .bdimg li:nth-child(1){ width:41.25%}
.list101 .bdimg li:nth-child(2){ width:58.75%}
.list101 .bdimg li img{ width:100%; display:block;}

.lanmu76{ background:url(../images/lanmu76bg.jpg) no-repeat center bottom;}

.fwwdbox .hd{ text-align:center; font-size:30px; color:#014085; margin-bottom:60px}
.maps{ position:relative}
.maps .map{ display:inline-block; position:relative;}
.maps .map li{ position:absolute; z-index:1;}
.maps .map li .dots{display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../img/ico-sp-1-gray.png);
    cursor: pointer;
    -webkit-animation: scale 2s ease-in-out infinite;
    -o-animation: scale 2s ease-in-out infinite;
    animation: scale 2s ease-in-out infinite; vertical-align:middle}
.maps .map li.on .dots{background-image: url(../img/ico-sp-1.png);}
.maps .map li .p{ display:inline-block; vertical-align:middle; font-size:12px; color:#000; font-weight:bold; text-align:center; position:absolute; z-index:2;white-space:nowrap;}
.maps .map li.l1{top:74%; right:17.3%}
.maps .map li.l2{top:65%; right:15%}
.maps .map li.l3{top:70.3%; right:22.5%}
.maps .map li.l4{top:81.8%; right:26.3%}
.maps .map li.l5{top:62.6%; right:29.5%}
.maps .map li.l6{top:71.5%; right:30.5%}
.maps .map li.l7{top:81.5%; right:36.5%}
.maps .map li.l8{top:45%; right:30.5%}
.maps .map li.l9{top:65.5%; right:38%}
.maps .map li.l10{top:74.5%; right:40%}
.maps .map li.l11{top:63.5%; right:48%}
.maps .map li.l12{top:80.5%; right:52%}

.lanmu77{ background:url(../images/lanmu77bg.png) no-repeat center 110px;}
.fwwdbox{ padding-bottom:120px; padding-top:60px}

.maps .bdd{ width:384px; height:480px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); position:absolute; z-index:1; right:-200px;top:50%; margin-top:-240px; padding:10px; overflow-y:auto}
.maps .bdd li{ margin-bottom:20px;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.maps .bdd li h3{ color:#004096; font-weight:bold}
.maps .bdd .txt{-webkit-box-flex: 1;-ms-flex: 1;-webkit-flex: 1;flex: 1; padding-left:20px}
.maps .bdd .ico img{ width:70px;}
.maps .bdd .txt .ptel a{ color:#666 }
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.maps .bdd::-webkit-scrollbar{
    width: 7px;
    height: 7px;
    background-color: #F5F5F5;
  }

  /*定义滚动条轨道 内阴影+圆角*/
.maps .bdd::-webkit-scrollbar-track {
    box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
  }

  /*定义滑块 内阴影+圆角*/
.maps .bdd::-webkit-scrollbar-thumb{
    border-radius: 10px;
    box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
    background-color: #004098;
  }
@-webkit-keyframes scale{
    0%{
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
    50%{
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
}
@keyframes scale{
    0%{
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
    50%{
        -o-transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    100%{
        -o-transform: scale(.6);
        -ms-transform: scale(.6);
        -moz-transform: scale(.6);
        -webkit-transform: scale(.6);
        transform: scale(.6);
    }
}
@media screen and (max-width:1440px) {

.index03 .bd{ margin:0 50px}
}
@media screen and (max-width:1200px) {
.weap{ padding-left:10px; padding-right:10px;}
.header-index.flexbox .yy{ right:10px;}
.headertop .topsearch .input{ width:260px}
.footer .footshar{ right:10px}
.go_to_top{ left:auto; right:10px}
.piclist .pic img{ height:20.4vw}
}
@media screen and (max-width:1023px) {
.pc{ display:none !important }
.menu ul.flex .nl:nth-child(7){ background:none}
.m{ display:block}
.index01 .weap{ padding-left:0; padding-right:0}
.headertop .topewm{ display:none}
.about02 .img{ margin-right:0}
.headertop .top-a,.headertop .top-tel{ display:none}
.headertop .headerrighttop>div{ float:none;}
.headertop .topsearch{ position:fixed; left:0; right:0;top:0; bottom:0; background:rgba(0,0,0,.75); z-index:999; display:none}
.headertop .topsearch .box{ position:relative;top:50%; transform:translateY(-40%); width:90%; margin:0 auto;}
.headertop .topsearch .input{ width:100%}
.headertop .topsearch .searchclose{ width:30px; height:30px; position:absolute; z-index:2;top:-40px; left:50%; margin-left:-15px; background:url(../img/ico-close.png) no-repeat center; background-size:100%}
.headertop .block .topsearch{ display:block}
.menu{ position:fixed; z-index:999; left:0; right:0;top:60px; bottom:0; overflow-y:auto; background:rgba(255,255,255,.9); display:none}
.header-index.block .menu{ display:block}
.logo img{ height:40px; display:block}
.logo{ padding-top:10px;}
.menu ul.flex{ display:block; padding:0 10px;}
.header-index.flexbox  .menu ul.flex{ padding:0 10px;}
.menu .fg_x{ display:none}
.menu ul .sub{ position:static; box-shadow:0 0 0; margin-left:-10px; margin-right:-10px; padding:0 10px;}
.menu ul.flex .nl{ height:auto; background:url(../img/xl.png) no-repeat right 10px;}
.menu ul.flex .nl:nth-child(1){ background:none}
.menu ul .sub ul{ display:block; overflow:hidden; padding:0}
.menu ul .sub ul li{ width:33.33%; float:left; border-right:0;}
.menu ul .sub ul .img{ display:none}
.menu ul .sub ul .p{ max-width:100%; text-align:left; padding-left:0; display:none}
.menu ul .sub ul .p a{ font-size:14px;}
.menu ul .sub ul p{ padding:0; max-width:100%; text-align:left;}
.headertop{ height:60px;}
.headertop .weap{ position:fixed; height:60px; left:0; right:0;top:0; background-color:#fff; z-index:999; box-shadow:0 0 5px rgba(0,0,0,.1)}

.m-a{ width:17px; height:13px; position:absolute; z-index:0; right:10px;top:50%; margin-top:-6.5px; background:url(../img/ma.png) no-repeat center;}
.m-s{ display:block; width:16px; height:16px; position:absolute; z-index:0; right:38px;top:50%; margin-top:-8px; background:url(../img/ms.png) no-repeat center;}

.footer{ padding-top:20px; padding-bottom:20px}
.footer .footnav{ display:none}
.footer .weap>div{ float:none}
.footer .footadder{ padding:0; width:auto; }
.footer .footshar li{ width:39px; margin-bottom:3px;}
.footer .weap .footshar{  float:none; width:151px; padding-right:73px; position:absolute; margin:0 auto;top:0; right:0}
.footer .footshar li.ewm{ position:absolute; z-index:1; width:78px; right:0;top:0;}

.banner .slick-dots{ bottom:5px}
.banner .slick-dots li{ height:3px; width:20px}
.index01 .index01-left{ float:none; width:auto;  margin-right:0; margin-bottom:20px}

.index01-centre{ float:none; width:auto; margin-bottom:10px;  }
.index01-right{ float:none; width:auto;  }
.index02 li{ width:auto; float:none; }
.index02 li:nth-child(2){ float:none}
.index01{ padding:20px 0; padding-top:0}
.index02 li .title .more span{ font-size:13px; line-height:22px; height:22px; width:140px; background-size:auto 100%}
.index02 li .title .more span:after{ margin-left:15px}
.index03 .hd h3{ font-size:22px;}
.index03 .hd .eng{ font-size:12px}
.index03{ padding:15px 0}
.index03 .hd{ margin-bottom:15px}
.index01 .hd h3{ font-size:20px; font-weight:normal}
.index01 .hd .eng{ font-size:16px}
.index02 .weap{ padding-left:0; padding-right:0}
.lanmunav{ height:auto; margin-top:0; margin-left:-10px; margin-right:-10px; background-color:#eee; padding:10px 0}
.lanmunav ul li a{ font-size:14px; line-height:30px}
.lanmu99 .lanmunav ul li:last-child{ display:none}
/*.lanmu99 .pr-sort05 li:last-child{ display:none}*/
.lanmumainpic .lanmunav ul li:last-child{ display:none}
.paths{ display:none}
.lanmunav ul li.select a:after{ display:none}
.lanmunav ul{ display:block; overflow:hidden; background:none}
.lanmunav ul li{ width:33.33%; float:left}
.index02 li .title{ margin:0 20%; padding:5px 0}

.about02 .txt .abouttitle{ font-size:24px;}
.about02 .txt .hd .eng{ font-size:40px}
.about01 .img{ float:none; width:auto; margin-bottom:20px}
.about01 .txt{ float:none; width:auto}
.about01 .txt .abouttitle{ font-size:24px}
.about01 .txt .hd{ line-height:1; margin-bottom:30px}
.about01 .txt .hd .eng{ font-size:40px; left:0; line-height:1}
.about03 .txt .abouttitle{ font-size:24px}
.about03 .txt .hd .eng{ font-size:40px}
.index03 .bd .slick-arrow{ background-size:60%}
.index03 .bd .slick-prev{ left:-50px}
.index03 .bd .slick-next{ right:-50px}

.about04 .abouttitle{ font-size:24px}
.about04 .hd{ line-height:1}
.about04 .hd .eng{ font-size:40px; line-height:1; left:0;}
.index04 .hd h3{ font-size:18px; padding:0 10px;}
.index04 .weap{ padding:20px 20px;}
.index04 .bddhd{ padding:20px 40px; padding-bottom:10px; margin-bottom:20px}
.index04 .bigimg{ float:none; width:auto}
.index04 .smallimg{ float:none; width:auto; padding:0 30px; position:relative }
.index04 .smallimg .slick-arrow{ width:24px; position:absolute;   z-index:1;top:0; bottom:0; height:auto; background-size:10px}
.index04 .smallimg .slick-prev{ left:0px; margin-top:5px;    background-image: url(../img/ico-prev06.png);}
.index04 .smallimg .slick-next{ right:0px; margin-top:5px;    background-image: url(../img/ico-next06.png);}
.index04 .smallimg span{ padding:10px;}
.index04 .smallimg span p{ display:block; height:19px; overflow:hidden}
.index04 .bddhd .slick-arrow{ width:10px}

.about05 .txt .abouttitle{ font-size:24px}
.about05 .txt .hd .eng{ font-size:40px}

.about06 .txt .abouttitle{ font-size:24px;}
.about06 .txt .hd .eng{ font-size:32px}
.about06 .txt .conn img{ max-width:80%; margin-top:-45px}

.pr-sort08{ padding:20px 0}
/*.pr-sort ul li a{ height:18.4vw}*/
.productlists{ padding:20px 0;}
.productlists .prod li{ width:50%}
.pr-sort08 .bd li .img{ width:150px}
.pr-sort08 .bd li .txt{ padding-top:0; padding-right:10px;}
.pr-sort08 .bd li .txt h3{ font-size:16px; margin-bottom:10px}
.pr-sort08 .bd li .txt .ms{ height:44px; font-size:14px}
.pr-sort08 .bd li .txt .more{ display:none}
.pr-sort08 .bd li{ margin-bottom:15px}

.scqxlbox{ padding:30px 0; padding-bottom:0;}
.scqxl01 ul li a{ width:auto; margin-right:0; font-size:13px; line-height:30px; height:30px; padding:0 5px}
.scqxl01 ul li{ margin-right:2px; margin-bottom:10px}
.scqxl02 .pro_img{ float:none; width:auto !important; margin-right:0}
.scqxl02 .main li a{ width:auto; height:280px}
.scqxl02 #menu1 li{ width:80px; height:80px}
.scqxl02 .as a{ font-size:16px; width:120px; display:inline-block}
.scqxl02 .as a:before{ width:28px; height:28px;}
.scqxl02 .scqxl02right>div{ padding:10px 40px; padding-right:20px; margin-bottom:10px}
.scqxl02 .scqxl02right .title:before{ width:28px; height:40px;top:0; left:-35px;}
.scqxl02 .scqxl02right .title{ height:40px; line-height:40px; font-size:20px}
.scqxl03 .hd h3{ font-size:16px}
.scqxl03 .bd>div{ width:auto; float:none; margin-bottom:10px}
.scqxl03 .bd .title{ font-size:14px}
.jdalnav{ padding-top:20px; margin-bottom:10px}
.pr-sort05 li h3{ font-size:16px; line-height:40px; height:40px}
.effect02 .itemsbox{ padding:20px}

.list101{ padding-top:10px}
.list101 .title h3{ font-size:20px; line-height:22px; height:22px;}
.list101 .bdimg{ margin-bottom:20px}
.list101 .bdd li{ width:50%; margin-bottom:20px}
.list101 .bdd li a{ margin:0 7px; padding:10px}
.list101 .bdd{ margin-left:-7px; margin-right:-7px}
.list101 .bdd li h3{ line-height:1.2; height:19px; overflow:hidden; font-size:12px;}
.lanmu76{ background-size:cover}
.fwwdbox .hd{ font-size:20px; margin-bottom:20px}
.fwwdbox{ padding-top:30px; padding-bottom:60px}
.maps .bdd{ width:auto; position:static; margin-top:0; height:auto; max-height:480px}
.maps .map img{ width:100%; display:none }
.maps .map ul{ font-size:0}
.maps .map li{ position:static; display:inline-block; width:25%; margin-bottom:10px; font-size:14px}
.maps .map{ display:block}
.maps .map li .p{ position:static; text-align:left}

.ppsl01{ margin-bottom:10px}
.ppslbox .bd01{ font-size:20px; background-size:50%; line-height:2}
.bd03 .p1{ font-size:20px; line-height:2; margin-bottom:20px}
.bd03{ background-size:50%; background:none}
.bd03 .p2{ padding-bottom:20px}
.ppsl02 .l1 .img{ float:none;}
.ppsl02 .l1 .txt{ padding-top:10px; font-size:20px;}
.ppsl02 .l2{ background:none}
.ppsl03 img{ float:none;}
.ppsl03 .l1{ font-size:20px; line-height:2}
.join04 .txt .abouttitle{ font-size:22px;}
.join04 .txt .hd .eng{ font-size:40px}
.news-sort li{ width:50%}

.newslist01{ padding:20px 0;}
.newslist01 .bd ul .pic{ width:120px; height:100px; margin-right:10px}
.newslist01 .bd ul .txt h3{ font-size:15px; margin-bottom:5px}
.newslist01 .bd ul .txt .ms{ margin-bottom:10px; height:44px; overflow:hidden}
.newslist01 .bd ul .txt .times{ margin-bottom:0; display:none}
.newslist01 .bd ul li{ margin-bottom:10px}
.newscontent{ padding:20px 0}
.articleHeader h4{ float:none; width:auto; text-align:left !important}

.jobs01top{ padding:10px 0}
.jobs01top .img{ float:none; width:auto; margin-bottom:10px}
.jobs01top .txt{ float:none; width:auto}
.jobs01top .txt h3{ font-size:24px; line-height:1}
.jobs01top .txt .hd .eng{ font-size:40px; padding-left:0}
.jobslist .w3,.jobslist .w4 { display:none}
.jobslist .hd li{ font-size:14px; line-height:40px}
.jobslist .bd li{ font-size:14px; line-height:40px}
.jobslist .w5{ width:10%}
.jobslist .w2{ width:30%}
.jobslist .w1{ width:60%; padding:0 5px;}

.oreder01{ margin:10px 0; margin-bottom:20px}
.oreder01 .hd h3{ font-size:22px;top:-20px}
.oreder01 .hd .eng{ font-size:40px}
.oreder01 .hd .p{ font-size:12px;}
.oreder01 .hd{ margin-bottom:20px}
.oreder01 .bd ul li{ background-size:20px; padding-left:30px}
.stuffbox .hd{ font-size:18px}
.stuffbox .bd li{ float:none; width:auto; margin-bottom:15px}
.stuffbox .bd li.yzmli .intxt{ padding-right:0}
.stuffbox .bd li.yzmli .intxt input{ width:100px}

.newslist02{ padding:20px 0}
.newslist02 .bd a:hover .popms{ display:none}
.productlists02{ padding:20px 0}
.productlists02 .prod li{ width:50%; margin-bottom:15px}
.productlists02 .prod li a{ margin:0 5px;}
.productlists02 .prod ul{ margin-left:-5px; margin-right:-5px}
.productlists02 .prod li h3{ font-size:15px}
.artcontent span{ font-size:20px !important}

.lanmu26{ background-size:100%; background-position: center 25vw }

.about03{padding-top:15vw; }
.list100 .hd h3{ font-size:8vw}
.list100 .hd .eng{ font-size:10.5vw; margin-top:-5vw}
.list100{ padding-top:20px}
.list100 .tag li{ margin-bottom:10px}
.list100 .hd{ margin-bottom:20px}
.list100 .tag{ margin-bottom:10px}
.list100 .line{ margin-bottom:10px}
.list100 .title h3{ font-size:20px; height:22px; line-height:22px}
.list100 .bdd{ margin-bottom:20px}

.index01-right .ykplayer .x-video-title{ display:none !important}
.jbinfor ul li{ float:none; width:auto; display:block}
.menu ul .nl:hover .sub,.menu ul .nl.on .sub{ display:block}
}

@media screen and (max-width:766px) {
.piclist li{ width:50%; margin-bottom:10px}
.piclist li a{ margin:0 5px;}
.piclist ul{ margin-left:-5px; margin-right:-5px;}
.piclist .pic img{ height:28vw}
.piclist h3{ font-size:15px}
.jdalnav ul li{ line-height:30px}
.piclist a:hover .popms{ display:none}
.stuffbox .bd .btnbox .userbtn{ width:100%}
.stuffbox .bd .btnbox{ padding-top:20px}
.stuffbox .hd{ margin-bottom:20px}
.newslist02 .bd li{ width:50%}
.newslist02 .bd ul{ margin-left:-5px; margin-right:-5px;}
.newslist02 .bd li a{ margin:0 5px;}
.newslist02 .bd h3{ font-size:15px}
.newslist02 .bd li{ margin-bottom:15px}

.effect01 h3{ font-size:20px}
.itemsbox .items-bd{ float:none; width:auto; margin-bottom:10px}
.itemsbox .items-hd{ float:none; width:auto; position:relative}
.itemsbox .items-hd .slick-arrow{ width:20px; position:absolute; height:auto;top:0; bottom:0; z-index:99}
.itemsbox .items-hd .slick-prev{ left:0}
.itemsbox .items-hd .slick-next{ right:0}
.effect02 .item-hd{ padding:20px 68px}
.itemsbox .items-hd .img{ padding:0 0px}
.itemsbox .items-hd .img img{ height:auto}
.itemsbox .items-hd .itemli{ margin:0 30px}

.itemsbox .items-hd .slick-next {
    background-image: url(../img/ico-next090.png);background-size: auto 15px;
}
.itemsbox .items-hd .slick-prev {
    background-image: url(../img/ico-prev090.png);background-size: auto 15px;
}

.itempop .bdbox{ padding:20px; padding-top:40px;}
.itempop .bdbox .close{top:10px; right:10px}
.lanmu86 .lanmunav{ display:none}
.lanmu86 { padding-top:10px}

.list1001{ font-size:14px}
.list1001 .title{ font-size:22px}
.about0402{ padding-top:0; padding-bottom:18px}
.about0402 .img{ float:none; width:auto}
.about0402 .txt{ float:none; width:auto}
/*.artcontent .list1001 .p span{ font-size:14px !important}*/
.about0403{ padding:20px 0}
.about0403 .img{ float:none; width:auto}
.about0403 .txt{ float:none; width:auto}
.list1001 h5{ font-size:16px}
.about0404{ padding:20px 0}
.about0404 .img{ float:none; width:auto}
.about0404 .txt{ float:none; width:auto}
.about0405{ background:none; height:auto; padding-bottom:20px}
.about0405>div{ position:static; width:48%; float:left; text-align:left !important; line-height:1.4; margin-bottom:10px}
.about0405>div:nth-child(even){ float:right}
.about0405>div .title{ font-size:17px}
.artcontent .list1001 .about0405>div span{ font-size:12px !important; display:inline}

.about0406{ padding:20px 0}
.about0406 .img{ float:none; width:auto}
.about0406 .txt{ float:none; width:auto}
}




.maxwidth{ width:1136px; float:left; margin-left:42px;}
.max_wid{ width:220px; margin-right:20px;}
.sy_l{ width:755px; margin-right:14px;}
.sy_r{ width:366px;}
.sy_r .link_lg a{display: block;float: left;width: 172px; height:116px;border: 1px solid #ccc;overflow: hidden;border-radius: 10px;margin: 0 20px 20px 0;}
.sy_r .link_lg img{transition: transform .1s;-webkit-transition:all .1s; -moz-transition:all .1s; -ms-transition:all .1s; -o-transition:all .1s; margin-bottom:10px;}
.sy_r .link_lg img:hover{ transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-ms-transform:scale(1.1,1.1);-o-transform:scale(1.1,1.1);
 transition: transform .5s; webkit-transition:transform .1s; -moz-transition:transform .5s; -ms-transition:transform .5s; -o-transition:all .5s;}
.sy_r .link_lg a:last-child{ margin-right:0px;}
.sy_r .disp,.vis{ display:none}

.sy_tb li{ display:block; margin-bottom:18px; overflow:hidden}
.sy_tb li img{ display:block; width:100%}
.sy_code{ height:195px; width:220px; border:1px solid #ccc; border-radius:10px; overflow:hidden; margin-top:10px;}

.sy_link{width:100%; margin-top:22px; border:1px solid #ccc;}
.sy_link strong{color:#fff; font-size:16px; text-indent:10px; display:block; height:36px; background:#2998f6; line-height:36px;}
.sy_link ul{padding:0 26px}
.sy_link li{border:1px solid #ccc; margin:10px 0; overflow:hidden; height:53px;}
.sy_link li img{ max-width:100%; max-height:100%}

.sy_link2{ width:100%; max-width:990px; margin:30px auto;}
.sy_link2 li{border:1px solid #ccc; margin-right:2%; float:left; height:53px; width:15%; overflow:hidden; }
.sy_link2 li:last-child{ margin-right:0px;}
.sy_link2 li img{ max-width:100%; max-height:100%;}

.sy_adv{ width:125px; border:1px solid #ccc; border-radius:10px 0 0 10px; background:#ededf0; }
.sy_adv strong{ border-bottom: 1px solid #ccc; font-size:16px;  height:44px; display:block; line-height:44px; color:#ff0214;letter-spacing: 2px;text-align: center;}
.sy_adv img{vertical-align:middle; margin-right:8px;}
.sy_adv ul{ padding:10px 0;}
.sy_adv li{ height:40px; text-align:center; width:100%; line-height:40px; }
.sy_adv li a{ font-size:16px; color:#333;}
.sy_adv li img{ width:23px;}
/*当前位置*/
.q_text{ float:right; width:75%; padding-bottom:20px; min-height:500px;}
.wbk{ width:100%; margin-bottom:16px; color:#fff; background-color:#133785; padding:0 10px}
.wbk a{display: inline-block; color:#fff; font:bold 14px/30px "Microsoft YaHei"}
.wbk a:last-child{ color:#fdd100}
/*页码*/
.yemas { text-align:center;  margin-top: 30px; padding-bottom: 50px;   width: 100%; float:left; }
.yemas ul li {display:inline-block;  font-size: 12px; color: #878787;   width: 32px; line-height: 26px;  border: 1px solid #D6D6D6; }
.yemas ul li a {  font-size: 12px; color: #878787; text-decoration: none; display:block; }
.yemas ul li a:hover { font-size: 12px; color: #878787; display: block;background: url(../img/xx.png); }
.yemas ul li.sxy { width: 44px; }
.yemas ul li.anx a{ background: url(../img/xx.png);  height: 26px; }

/*内页菜单*/
.com_mun{ float:left; width:18%;   overflow:hidden; }
.com_mun .title{ display:block; height:40px;  font-size:20px; font-weight:normal;  color: #4962a4; border-bottom:2px solid #4962a4}
.com_mun li{ width:100%;  }
.com_mun li a{ color:#444;  display:block;line-height: 40px;  }
.com_mun li .top{background:url(../img/arrow_red.png) right center no-repeat; border-bottom:1px dotted #ccc;border-top:1px dotted #ccc; margin-top:-1px}
.com_mun li.select a,.proxy li a:hover{color:#FF0066;}



/*文章页*/
.biaoti{ width:100%; text-align:center; font-size:20px; color:#000; float:left; }
.laiyuan{ width:100%; text-align:center; font-size:20px; color:#000; float:left; line-height:40px;}
.laiyuan li{ display:inline-block; font-size:14px; color:#1d459e;}
.wenzhan{ width:100%; font-size:14px; color:#444; min-height:330px;}
.wztp{ width:100%; text-align: center; float:left;margin-top:10px; }
.wztp img{ width:100%; }
.sxpp{ margin-top:30px; float:left;margin-bottom:20px;width:100%;}
.syp,.xyp{ width:100px; }

.blog_l{ width:76%; float:left; font-size:14px; color:#444; min-height:330px;}
.blog_r{ width:24%; padding-left:20px; float:right;}
.blog_r .tit{ width:100%; font:bold 15px/30px "Microsoft YaHei"; border-bottom:1px solid #ccc; margin-bottom:10px;}
.blog_r li{ height:26px; font:12px/26px "simsun"; padding:0 10px;}

/*分页*/
.feng_ye { margin-top:20px; text-align:center;}
.feng_ye li{ display:inline; }
.feng_ye li a{padding:2px 8px; border:1px solid #ccc;}
.feng_ye li a:hover
.feng_ye li.pagebarCurrent a,.feng_ye li a:hover { background:#666; color:#fff;}
/*关于我_sy*/
.about-list{ overflow:hidden}
.about-list li{ float:left; width:33.33%; }
.about-list li img{ width:100%; display:block; margin:0 !important}

.about-list li a{ display:block; overflow:hidden}
.about_t{ width:70%; float:left; margin-right:2%; line-height:30px}
.about_i{ width:28%; float:left;}
.about_i img{ width:100%;max-width: 250px;}


/*isolation_sy*/
.sylis{ width:245px; height:298px; float:left}
.sylis i{ height:76px; display:block; width:100%; border-radius:6px 6px 0 0 ; overflow:hidden;}
.mar_r{margin-right:10px;}
.news_s{
	height:223px; margin:0; padding:10px 0;
    background: -webkit-linear-gradient(left top, #cc6633 , #e5b551); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #cc6633, #e5b551); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #cc6633, #e5b551); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #cc6633 , #e5b551); /* 标准的语法（必须放在最后） */
}
.news_s li{ height:30px; line-height:30px; padding-left:22px; background:url(../img/sanjiao.png) no-repeat 8px center; width:100%; overflow:hidden;}
.news_s li a{ display:block; color:#fff; font-size:12px;word-break:keep-all;/* 不换行 */white-space:nowrap;/* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
.prod_s{
	height:223px; margin:0;
    background: -webkit-linear-gradient(left top, #0b4c81 , #28a6de); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #0b4c81, #28a6de); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #0b4c81, #28a6de); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #0b4c81 , #28a6de); /* 标准的语法（必须放在最后 */
}
.solu_s li,.prod_s li{ line-height:28px; padding-left:22px; background:url(../img/sanjiao.png) no-repeat 8px 6PX;}
.solu_s li a,.prod_s li a{ color:#fff;height:28px; display:block;font-size:12px;word-break: keep-all;white-space: normal;text-overflow: ellipsis;overflow: hidden;}
.solu_s li p,.prod_s li p{ font-size:12px; color:#fff;word-break:keep-all; /* 不换行 */white-space:nowrap; /* 不换行 */overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */text-overflow:ellipsis;/* 当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/}

.solu_s{
	height:223px; margin:0;
    background: -webkit-linear-gradient(left top, #094d25 , #5fb768); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #094d25, #5fb768); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #094d25, #5fb768); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #094d25 , #5fb768); /* 标准的语法（必须放在最后 */
}

.syart{  width:32.5%; float:left;  overflow:hidden;}
.syart img{ display:block; width:100%}
.syart li{ overflow:hidden; margin-bottom:18px;}
.syart .arit{ padding:10px 16px;}
.sy_tb{ float:right;width:32.5%; }
/*sy_2*/
.syart h2{ margin-bottom:20px;}
.syart.mar{ margin-right:1%}
.syart div{ height:195px;}
.syart div img{ max-height:100%;}
/*footer*/

.bqxx { float:right; font-size:12px; padding-right:25px;}
.go_to_top { position: fixed; bottom: 40px; height:30px; width:30px; right:10px; cursor: pointer; }

.cpzx{ overflow:hidden}
.cpzx li{ width:49.5%; float:left}
.cpzx li a{ display:block; margin-bottom:10px}
.cpzx li.l2{ float:right;}
.cpzx li img{ width:100%; display:block}

.list01{ overflow:hidden}
.list01 li{ width:48%; float:left; margin:0 1%; margin-bottom:15px}
.list01 li a{ display:block}
.list01 li img{ display:block; width:100%}
.list03{ overflow:hidden}
.list03 li{ float:left; width:31.3%; margin:0 1%}
.list03 li img{ display:block; width:100%;}

.list04 li img{ width:100%; display:block;}


@media screen and (min-width:100%) {
.sy_ami .sylis{transition: transform .1s;-webkit-transition:all .1s; -moz-transition:all .1s; -ms-transition:all .1s; -o-transition:all .1s; }
.sy_ami:hover >.sylis{ width:202px; overflow:hidden; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s; }
.sy_ami .sylis:hover{ width:330px; -webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; transition:all .5s;}
.syart img,.sy_tb li img{transition: transform .5s;-webkit-transition:all .5s; -moz-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; }
.syart img:hover,.sy_tb li img:hover{
 transform: scale(1.05, 1.05); -moz-transform: scale( 1.05,  1.05); -webkit-transform: scale( 1.05,  1.05); -ms-transform: scale( 1.05,  1.05); -o-transform: scale( 1.05,  1.05);}
}


@media screen and (max-width:1099px) {
.yqe{ width:999px; }
.wid_mar,.sy_link2{ width:100%}
.maxwidth{ float:none; margin:0 auto;}
.link_lg { width:220px;}
.sy_r .link_lg a{float: left;width:48%; height:auto;margin: 0 4% 30px 0;}
.sy_code img,.sy_tb li img,.sy_r .link_lg a img,.sy_link li img{ max-width:100%;}

}

@media screen and (max-width:1135px) {
.maxwidth{width:100%; max-width:1139px;}
.sy_l{ width:74%; margin-right:2%; max-width:755px;}
.sy_r{ width:24%;}

.sy_link li{ height:auto;}

.sylis{width:32%;}
.sylis.mar_r{ margin-right:2%;}
.isolation{ width:100%; }


.arit_img{ position:absolute; bottom:0px;}



.max_wid{ width:100%; max-width:220px; margin-right:0;}



}

@media screen and (max-width:998px) {
.yqe{width:98%;}

.max_wid { max-width:none;}
.sy_r{ width:100%; max-width:755px; margin:20px  auto 0 auto; }
.link_lg,.sy_code,.sy_link{ display:none}
.link_lg.disp{ display:block; width:34%;float:left}


.sy_r .link_lg a{ margin-bottom:0px;}
.sy_l{ width:100%; margin:0 auto;}
.sy_r.f_l,.sy_l.f_l{ float:none;}

.about-list li.l1{ width:50%;}
.about-list li.l2{ width:50%;}
.about-list li.l3{ width:100%; overflow:hidden}
.about-list li.l3 a{ width:50%; float:left;}
}

@media screen and (max-width:740px) {
.footer .wid_mar{ height:auto; text-align:center; line-height:normal; padding:10px 0}
.footer ul{ float:none; margin-bottom:10px;}
.bqxx{ float:none; padding-right:0}
.nav1 ul li{ float:none; display:inline-block; vertical-align:middle; margin:0 10px;}
.min_wid { display:none;}
.yqe{ max-width:620px;}
.sylis{ width:100%; margin-top:20px;}

.syart.mar{ margin-right:2%;}
.syart{width:49%; height:auto;  position:relative; background:none;}
.syart .arit{ position:absolute; font-size:12px; bottom:0; z-index:99; width:100%; /*background:url(../img/bg.png) no-repeat left bottom;*/ max-height:70%; margin-bottom :7px; overflow:hidden;
background: -moz-linear-gradient(#fff0, rgba(255, 255, 255, 0.9), rgba(252, 252, 252, 0.88));
background: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(255, 255, 255, 0.2)), to(#fff));
background: -ms-linear-gradient(top,rgba(255, 255, 255, 0.1), #fff);
}
.sy_tb{ width:100%; float:none; overflow:hidden}
.syart li,.sy_tb li{ margin-bottom:10px;}
.sy_tb li{ float:left; width:49%; margin-right:2%}
.sy_tb li:nth-child(even){ margin-right:0}
.arit.ari_a{ max-height:96%;}

.arit_img{ position:static;}
.q_text{ width:100%; padding:0px;}
.q_text{ min-height:inherit;}
/*内页菜单*/
.com_mun{ float:none; text-align:center; width:98%; margin:0 auto; border:none; border-radius:unset;; overflow:hidden; margin-bottom:20px;}

.wbknav{ position:relative; }
.wbknav ul{ display:none}
.com_mun .title{ text-align:left; font-size:18px; line-height:40px}
.wbknavon{ display:block; position:absolute; z-index:2; width:40px; height:40px;top:0; right:0; background:url(../img/btn2.png) no-repeat center; background-size:70%}
.com_mun strong{ display:none;}
.wbk{ background:none; color:#666; padding:0;}
.wbk a{ color:#666}
.wbk a:last-child{ color:#ff0066}

.cpzx li{ width:100%; overflow:hidden}
.cpzx li a{ display:block; width:50%; float:left; margin-bottom:10px;}
.cpzx li a:nth-child(odd){ padding-right:5px;}
.cpzx li a:nth-child(even){ padding-left:5px;}
.list03 li{ float:left; width:48%; margin:0 1%; margin-bottom:10px}

.nbanner{ height:100px; }
#mionblock{ width:98%; margin:0 auto;}

    .index01-centre .centre02 {
        height: auto;
    }
}

@media screen and (max-width:440px) {
.link_lg.disp { display:none;}

.sy_tb li:first-child{ margin-left:0px;}
.sy_link2 li { width: 31%;}

}