@charset "utf-8";
/* CSS Document */
html{font-family:"Microsoft YaHei";font-size:12px}
b,blockquote,body,button,code,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,img,input,legend,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0;border:0 none}
img,input{border:0;vertical-align:middle}
li,ul{list-style:none;margin:0;padding:0}
form{padding:0;margin:0}
td{FONT-SIZE:12px}
i{font-style:normal}
img{border:0}
a{COLOR:#666;blr:expression(this.onFocus=this.blur());text-decoration:none}
a:focus{outline:0}
input,textarea{outline:0}
a:hover{color:#023894;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{padding:0 2%;overflow:hidden;margin:0 auto; position:relative;}
.foot_content{padding:0 2%;overflow:hidden;margin:0 auto; position:relative; border-bottom:1px #535353 solid;}
.head{ margin:0 2%; position:relative; }

.nav{ width:100%; position:relative; z-index:99 }
.nav *{text-decoration:none;font-size:16px;}
.nav * a:hover{color:#023894;}
.nav *:hover a{color:#023894 ;}

.menu{list-style:none;height:80px;width:100%;}

.nav{list-style:none;height:80px;margin:0 auto; text-align:center; width:70%}

.nav li{ display:inline-block;position:relative; width:15%}
.nav li a{color:#333;height:80px;line-height:80px;display:inline-block;}
.nav li a.hover{color:#023894;}
.nav li a:focus{-moz-outline-style: none; }

.nav li .sub-nav{position:absolute;top:80px;left:-1px;list-style:none; background:#fff;display:none;}
.nav li .sub-nav li{text-align:center;clear:left;width:140px;height:35px;line-height:35px;position:relative;}
.nav li .sub-nav li a{height:34px;line-height:34px;width:138px;padding:0;display:inline-block; color:#333}
.logo{ position:absolute; top:8px; z-index:999; width:200px;}
.logo img{ width:100%}
.nav li .sub-nav li a:hover{color:#023894}

.hot{ line-height:80px;  z-index:999 ; font-size:16px;   text-align:right; width:80px; position:absolute; right:0px; }
.hot ul{ display:none; position:absolute; top:80px; z-index:999; padding:0 20px 10px;;right:-20px; background:#fff;width:80px; text-align:right }
.hot ul li{ height:30px; line-height:30px; font-size:16px;}
.hot ul li a{font-size:16px;}
.hot ul li a:hover{ color:#023894}
.hot:hover ul{ display:block;}
.caidan{ width:30px; height:30px; position:absolute; right:0px; top:24px; display:none;}
.caidan img{ width:100%;}
.caidan img.pc{ display:block;}
.caidan img.mobile{ display:none;}



.accordion .link{cursor:pointer;display:block;padding-right:45px;height:50px;line-height:50px;text-indent:2.5em;color:#fff;font-size:14px;font-weight:700;border-bottom:1px solid #497fad;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li:last-child .link{border-bottom:0}
.accordion li i{position:absolute;top:0;left:0;font-size:18px;width:50px;background:#0cf;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}
.accordion li i.fa-chevron-down{right:16px;top:16px;left:auto;font-size:16px;background:url(../images/jiantou.png) no-repeat;width:17px;height:17px}
.accordion li a{color:#fff;display:block}
.accordion li.open .link a{color:#fff;display:block}
.accordion li.open i{color:#b63b4d}
.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}
.submenu{display:none;background:#021d91;font-size:14px}
.submenu li{border-bottom:1px solid #173acd}
.submenu a{display:block;text-decoration:none;color:#fff;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}
.submenu a:hover{background:#08c;color:#fff}
.accordion li:first-child i{display:none}
.accordion li:last-child i{display:none}
.accordion li:nth-child(5) i{display:none}
#mobile{position:fixed;top:0;left:-100%;width:70%;z-index:9999;background:rgba(20 ,63 ,242,.7);height:100%;opacity:0}
#bj{position:fixed;top:0;left:0;background:rgba(0,0,0,.7);display:none;width:100%;height:100%;z-index:1000}
.m_top{overflow:hidden;text-align:center;font-size:20px;margin:20px auto}
.m_top a.logo1 img{width:70%}
#mobile span{padding:1%;text-align:right;color:#fff;position:fixed;z-index:9999;top:10px;display:none;right:10px}
#mobile span img{width:20%}




.banner,.banner img{ width:100%; overflow:hidden; margin:0px auto;}

.f11{  background: #fff; overflow:hidden;}
.f12{  background: #fff; overflow:hidden;}
.title{ padding:50px 0;; margin:0px auto; color:#333;}
.title h3{ font-size:28px; overflow:hidden; font-weight:400; text-align:center;}
.title p{ font-size:15px; color:#333; text-align:center; margin:20px auto; padding:0 20%; line-height:30px; opacity:.5;}

.title1{ padding:50px 0;; margin:0px auto; color:#333;}
.title1 h3{ font-size:28px; overflow:hidden; font-weight:400; text-align:center;}
.title1 p{ font-size:15px; color:#333; text-align:center; margin:20px auto; padding:0 20%; line-height:30px; opacity:.5;}
.title1 dd{ font-size:16px; color:#666; text-align:center;}
.title1 dd a{ font-size:16px; color:#666;}
.title1 dd a:hover{ color:#023894;}




.skew-box{width:100%; overflow:hidden; position:relative;}

.skew-box ul{display:block; list-style:none; padding:0; margin:0; overflow:hidden; position:relative; z-index:7;}

.about{background:center #000; background-size:cover; padding:100px 10%; position:relative; overflow:hidden; }
.about_left{width:50%; float:left;position: relative; z-index:9;
     color:#fff;}
.about_left h3{	    margin-top: 20px;
    margin-bottom: 10px; font-size:28px;}
	.about-box hr {
    opacity: .5;
}
.about_left p{font-size: 15px;
    line-height: 1.7333333333333;}
	
	.about_left b {
    display: block;
    margin: 25px 0 30px 0;
}
.about_left b a {
    display: block;
    float: left;
    padding: 10px;
    border-radius: 99px;
    background: #333;
    margin-right: 15px;
    overflow: hidden;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;}
	
	.about_left b a i {
    display: block;
    font-size: 18px;
    width: 22px;
    height: 22px;
    line-height: 22px;
    text-align: center;
}

.about_left b a i  img{ width:100%}

.about_right{ width:48%; float:right; z-index:999;}


.news{ overflow:hidden; position:relative;}
.news ul{ overflow:hidden; position:relative; z-index:10; padding-top:30px;}
.news ul li{ width:33.3%; float:left; border:10px #e6e6e6 solid; box-sizing:border-box; background:#fff; position:relative; margin-bottom:40px;}
.news ul li div{ width:100%; overflow:hidden; position:relative}
.news ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.news ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.news ul li p{ line-height:60px; overflow:hidden; padding:0 20px; font-size:14px; text-align:right;}

.info-bottom{border-top:1px solid #eee;}
.news ul li:hover p{ background:#023894;}
.news ul li:hover a p{ color:#fff;}

.news ul li div dd{ position:absolute; background:rgba(0,0,0,0.5); bottom:-50%; height:40px; line-height:40px; width:90%; padding:0 5%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; font-size:15px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news ul li div:hover dd{ position:absolute; background:rgba(0,0,0,0.5); bottom:0px; height:40px; line-height:40px; width:90%; padding:0 5%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; font-size:15px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}


.news_lb{ overflow:hidden; position:relative; margin:0 2%; padding-top:3%}
.news_lb ul{ overflow:hidden; position:relative; z-index:10; padding-top:30px;}
.news_lb ul li{ width:33.3%; float:left; border:10px #f5f5f5 solid; box-sizing:border-box; background:#fff; position:relative; margin-bottom:40px;}
.news_lb ul li div{ width:100%; overflow:hidden; position:relative}
.news_lb ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.news_lb ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}


.news_lb ul li div dd{ position:absolute; background:rgba(0,0,0,0.5); bottom:-50%; height:40px; line-height:40px; width:90%; padding:0 5%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; font-size:15px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.news_lb ul li div:hover dd{ position:absolute; background:rgba(0,0,0,0.5); bottom:0px; height:40px; line-height:40px; width:90%; padding:0 5%; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#fff; font-size:15px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}



.footer{ background:#2d2d2d; overflow:hidden; padding:40px 0; }

.foot{ overflow:hidden; float:left; width:75%; padding-bottom:30px;}
.foot a{ margin-right:50px; color:#fff; font-size:15px;}


.foot-text{float:right;}
.foot-text h4{color:#fff;}
.foot-text em{display:block; font-size:30px; line-height:1; font-style:normal; margin:10px auto;}


.foot-text em a{color:#fff; transition:color 0.5s; -moz-transition:color 0.5s; -webkit-transition:color 0.5s; -o-transition:color 0.5s;}
.foot-text em a:hover{color:#fff; opacity:.8;}
.foot-text p{color:#fff; margin:5px 0 0 0; opacity:.75;}

.social{ width:40px; height:40px;     margin: 20px 0; position:relative}
.social img{width:100%}
.social i{ opacity:0.5}
.rwm{ width:100px; height:100px;  position:absolute; top:-100px; display:none; right:-29px;}
.rwm img{ width:100%; height:100%;}
.social:hover .rwm{ display:block;}


.foot_con{ padding:0 2%; overflow:hidden;}
.foot_con p{ font-size:15px; padding:30px 0 0; overflow:hidden; line-height:36px; color:#fff;}
.foot_con dd{ overflow:hidden; display:block; font-size:15px; color:#fff; margin-top:5px;}

.foot_con dd a{ color:#fff; }
.foot_con dd a:after{content:"/";  color:#fff; margin:0 10px;}
.foot_con dd a:last-child:after{content:""; display:none;}

.n_banner,.n_banner img{ width:100%; overflow:hidden; margin:0p auto;}

.tab_box{ line-height:60px; font-size:18px; text-align:center;}
.tab_box a{ margin:0 20px; position:relative;} 
.tab_box a:hover{ color:#023894}
.tab_box a.hover{ color:#023894}
.tab_box a:after{content: "";  width: 0%;   height: 2px;  background: #fff;  position: absolute;bottom: -18px; left: 0px;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.tab_box a:hover:after{content: "";  width: 100%;   background: #023894; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.tab_box a.hover:after{content: "";  width:100%;   height: 2px;  background: #023894;  position: absolute;bottom: -18px; left: 0px;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }



.news_tab{ line-height:60px; font-size:18px; text-align:center;}
.news_tab a{ margin:0 20px; position:relative;} 
.news_tab a:hover{ color:#023894}
.news_tab a.hover{ color:#023894}
.news_tab a:after{content: "";  width: 0%;   height: 2px;  background: #fff;  position: absolute;bottom: -18px; left: 0px;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.news_tab a:hover:after{content: "";  width: 100%;   background: #023894; transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }
.news_tab a.hover:after{content: "";  width:100%;   height: 2px;  background: #023894;  position: absolute;bottom: -18px; left: 0px;transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; }


.f13{ background:#f5f5f5; border-top:1px #efeaea solid; overflow:hidden;}
.comBox{ padding:5%; background:#fff; overflow:hidden; margin:2%;}
.comBox p{ font-size:16px; color:#555; line-height:36px;}
.comBox img{ max-width:100%; margin:0px auto; text-align:center; display:block;}

.chanye{overflow:hidden; padding:0 2%}
.chanye ul{overflow:hidden; padding:2% 0}
.chanye ul li{overflow:hidden; width:50%; border:10px #f5f5f5 solid; float:left; box-sizing:border-box; background:#fff; }
.chanye ul li div{ float:right; width:50%;overflow:hidden;}
.chanye ul li span{ width:44%; float:left; display:block; padding:3%}
.chanye ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.chanye ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.chanye ul li span h3{ font-size:24px; color:#023894; font-weight:400; margin-bottom:20px;} 
.chanye ul li span dd{ width:100px; height:40px; line-height:40px; background:#023894 url(../images/jt.png) no-repeat center right; background-size:30%; padding-right:10px; font-size:14px; color:#fff; text-align:center;}
.chanye ul li span dd a{  color:#fff;}
.chanye ul li span h3 a{ color:#333;}
.chanye ul li span h3 a:hover{ color:#023894;}

.xiangmu{ overflow:hidden;}
.xiangmu ul{ overflow:hidden;}
.xiangmu ul li{ overflow:hidden; width:25%; float:left; border:15px #f5f5f5 solid; box-sizing:border-box;}
.xiangmu ul li div{ width:100%; overflow:hidden; position:relative;}
.xiangmu ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%; overflow:hidden;}
.xiangmu ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.xiangmu ul li p{ height:60px; font-size:18px;  line-height:60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; padding:0 20px; background:#fff;}



.xiangmu ul li div:hover:before{right:100%;}

.xiangmu ul li div i {
    position: absolute;
    z-index: 9;
    width: 50px;
    height: 50px;
    background: rgba(255,255,255,.95);
    font-size: 18px;
    color: #000;
    line-height: 40px;
    text-align: center;
    left: 50%;
    top: 50%;
    margin: -25px 0 0 -25px;
    border: 5px solid #023894;
    border-radius: 50%;
    transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    -webkit-transition: .3s;
    visibility: hidden;
    opacity: 0;
}
.xiangmu ul li div i  img{ width:50%; height:50%; margin-top:12px; }
.xiangmu ul li div:hover i{visibility:visible; opacity:1;}
.xiangmu ul li div i:hover{background:rgba(255,255,255,1);}
.xiangmu{ padding: 3% 2%;}

.w5-product-class { position: relative;}
.w5-product-class dd a{ font-size:16px;}
.w5-product-class{position:relative;}
.w5-product-class .class-desc{padding:15px; }
.w5-product-class .class-text h1{margin:0;}
.w5-product-class .class-text h1 a{color:#023894;}
.w5-product-class .class-text p{opacity:.5; margin:15px 0 25px 0; line-height:28px; font-size:15px;}
.w5-product-class .class-text h4{margin:0;}
/*.w5-product-class .class-image:before{content:''; position:absolute; right:100%; top:0; width:300px; height:100%; background:#fff;
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); 
-o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg); z-index:993;}
.w5-product-class .class-image:after{content:''; position:absolute; width:100%; height:100%; 
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;
left:0; top:0; background:#023894; z-index:1; opacity:0;}
.w5-product-class .class-image:hover:after{opacity:.5;}*/
.w5-product-class .class-image a{color:#023894; width:180px; height:50px; margin:-25px 0 0 -90px;
transition:.3s .2s; -moz-transition:.3s .2s; -ms-transition:.3s .2s; -o-transition:.3s .2s; -webkit-transition:.3s .2s;
line-height:50px; text-align:center; position:absolute; top:50%; left:50%; z-index:995; opacity:0;}


.news_l{ width:100%; float:left; overflow:hidden; background:#fff; padding:3%; margin-top:50px;}
.news_l h3{font-size:32px;text-align:left;padding:10px 0; font-weight:400;}
.news_l dd{padding:1% 0;font-size:14px;text-align:left; color:#999; border-bottom:1px #d5d5d5 solid; margin-bottom:20px; padding-bottom:20px;}
.news_l dd span{margin:0 5px}


.xq{ overflow:hidden; line-height:28px; font-size:15px; color:#666;}
.xq img{ max-width:100%; margin:0px auto; text-align:center; display:block;}


.shangxiaye{overflow:hidden; margin:30px auto;}
.shangxiaye ul{overflow:hidden;margin-left:1px}
.shangxiaye ul li{overflow:hidden;width:33.3333333%;float:left;border:1px #ccc solid;padding:2% 2%;box-sizing:border-box;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; font-size:15px;}

.tit_tb{ font-size:18px; border-top:1px #d5d5d5 solid; height:60px; line-height:60px;}

.tuij{ overflow:hidden; margin-bottom:30px;}
.tuij ul{ overflow:hidden; padding:1px 0}
.tuij ul li{ overflow:hidden; border:1px #d5d5d5 solid; margin-top:-1px; overflow:hidden; padding:15px; font-size:16px; line-height:26px;}
.tuij ul li a:hover{ color:#023894}

.an-li{ overflow:hidden;}
.an-li ul{ overflow:hidden;}
.an-li ul li{ overflow:hidden; margin-bottom:20px;}
.an-li ul li div{ width:100%; overflow:hidden;}
.an-li ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.an-li ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.an-li ul li p{  line-height:27px; overflow:hidden; text-align:center; font-size:16px;}
.an-li ul li:hover a p{ color:#023894}
.news-box{margin-bottom:50px;}
.news_mmt{ margin:0px auto 50px;}
.chanye_top{ background:#fff; padding:3%; margin: 50px 2% 10px; overflow:hidden;}
.chanye_top div{ width:50%; float:left; margin-right:2%;}
.chanye_top div img{ width:100%;}
.chanye_top  span h3{ font-size:28px; font-weight:400; margin-bottom:20px;}
.chanye_top  span dd{ font-size:16px; line-height:26px; color:#666; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;}

.chanye_tb{ height:50px; line-height:50px; border-bottom:1px #d5d5d5 solid; margin-bottom:50px;}
.chanye_tb span{ display:inline-block; border-bottom:1px #023894 solid; color:#023894; font-size:18px;}


.mbx{width:100%;height:62px;border-bottom:1px solid #eaeaea;margin:0 auto;position:relative; background:#f7f7f7}
.mbx a.home{display:block;width:64px;height:62px;border-left:1px solid #eaeaea;border-right:1px solid #eaeaea;background:url(../images/sy.png) no-repeat center;float:left;position:relative;z-index:99}
.mbx .p1{line-height:62px;float:left;margin-left:16px;position:relative;z-index:99}
.mbx .p1 a{display:block;padding-right:14px;background:url(../images/InpageAddress_icon02.png) no-repeat right center;font-size:16px;float:left;margin-left:10px}
.mbx .p1 a:first-child{margin-left:0}
.mbx .p1 a:last-child{background-image:none}

@media (max-width:992px){
.w5-product-class .class-text{padding-top:15px !important; padding-bottom:10px !important;}
.w5-product-class .class-text p{margin:5px 0 15px 0;}
.w5-product-class .class-image:before{right:0; left:100%;}
.w5-product-class .class-image{position:relative; height:200px; background:center; background-size:cover; overflow:hidden;} }
@media (min-width:992px){
.w5-product-class:after{display:block; content:''; clear:both;}
.w5-product-class .class-text{float:left; width:46.7%; padding-top:100px !important; padding-bottom:150px !important;}
.w5-product-class .class-image{position:absolute; top:0; right:0; width:50%; height:100%; background:center; background-size:cover; overflow:hidden;}
.w5-product-class .class-image:before{ transform-origin:left bottom; -moz-transform-origin:left bottom; 
-ms-transform-origin:left bottom; -o-transform-origin:left bottom; -webkit-transform-origin:left bottom;}
.w5-product-class:nth-child(2n+1) .class-text{float:right;}
.w5-product-class:nth-child(2n+1) .class-image{position:absolute; right:auto; left:0;}
/*.w5-product-class:nth-child(2n+1) .class-image:before{right:auto; left:100%; transform:skewX(15deg); transform-origin:right bottom;}*/
.w5-product-class:nth-child(2n+1) .class-image a:before{ 
transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); -webkit-transform:skewX(15deg);} }
@media (max-width:1599px) and (min-width:992px){
.w5-product-class .class-text{padding-top:80px !important; padding-bottom:120px !important;}
.w5-product-class .class-image a{width:160px; height:45px; line-height:45px; margin:-22px 0 0 -80px;} }
@media (max-width:1199px) and (min-width:992px){
.w5-product-class .class-text{padding-top:30px !important; padding-bottom:60px !important;}
.w5-product-class .class-text p{margin:5px 0 15px 0;}
.w5-product-class .class-image a{width:140px; height:40px; line-height:40px; margin:-20px 0 0 -70px;} }


.w5-product.type-0 li{margin-bottom:30px;}
.product-box{background:#fff;}
.product-box:after{display:block; clear:both; content:'';}
.product-left{float:left; width:50%; padding:20px;}
.product-left h3{margin:0; opacity:.8;}
.product-left p{margin:15px 0 0 0; opacity:.5; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:14;}
.product-left b{margin:15px 0 0 0; display:block; font-weight:normal; font-size:18px;}
.product-left div a{background:#023894; display:inline-block; color:#fff; padding:5px 20px; margin:15px 0 0 0;}
.product-left div a:hover{background:#023387;}
.product-left div a i{position:relative; left:4px; top:1px;}
.product-right{float:right; width:50%; position:relative;}
.product-right a{float:left; overflow:hidden; display:block;}
.product-right a img{width:100%; display:block; transition:.35s; -moz-transition:.35s;
-ms-transition:.35s; -o-transition:.35s; -webkit-transition:.35s;}
.product-right a:hover img{transform:scale(1.15,1.15); -moz-transform:scale(1.15,1.15); 
-ms-transform:scale(1.15,1.15); -o-transform:scale(1.15,1.15); -webkit-transform:scale(1.15,1.15);}
@media (max-width:1199px){
.w5-product.type-0 li{margin-bottom:10px;} }
@media (max-width:1199px) and (min-width:992px){
.product-left{float:right; width:100%;}
.product-left p{height:92px !important; max-height:none !important; -webkit-line-clamp:4 !important;}
.product-right{float:left; width:100%;} }
@media (max-width:767px) and (orientation:portrait){
.w5-product.type-0 li{margin-bottom:10px;}
.product-left p{max-height:none !important; -webkit-line-clamp:14 !important;}
.product-left{float:right; width:100%;}
.product-right{float:left; width:100%;} }
@media (max-width:767px) and (orientation:landscape){}








@media (min-width:992px){ 
.skew-box ul li{list-style:none; padding:0; margin:0; width:50%; position:relative; z-index:1; 
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li:nth-child(2){position:absolute; z-index:2; left:0; top:0; transform:translateX(50%); 
-moz-transform:translateX(50%); -ms-transform:translateX(50%); -o-transform:translateX(50%); -webkit-transform:translateX(50%);}
.skew-box ul li:nth-child(3){position:absolute; z-index:3; left:0; top:0; transform:translateX(100%);
-moz-transform:translateX(100%); -ms-transform:translateX(100%); -o-transform:translateX(100%); -webkit-transform:translateX(100%);}
.skew-box ul li:nth-child(4){position:absolute; z-index:4; left:0; top:0; transform:translateX(150%);
-moz-transform:translateX(150%); -ms-transform:translateX(150%); -o-transform:translateX(150%); -webkit-transform:translateX(150%);}
.skew-box ul:hover li:nth-child(2){transform:translateX(44%); -moz-transform:translateX(44%);
-ms-transform:translateX(44%); -o-transform:translateX(44%); -webkit-transform:translateX(44%);}
.skew-box ul:hover li:nth-child(3){transform:translateX(88%); -moz-transform:translateX(88%);
-ms-transform:translateX(88%); -o-transform:translateX(88%); -webkit-transform:translateX(88%);}
.skew-box ul:hover li:nth-child(4){transform:translateX(132%); -moz-transform:translateX(132%);
-ms-transform:translateX(132%); -o-transform:translateX(132%); -webkit-transform:translateX(132%);}
.skew-box ul:hover li:nth-child(3):hover+li{transform:translateX(156%); -moz-transform:translateX(156%);
-ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul:hover li:nth-child(2):hover+li{transform:translateX(112%); -moz-transform:translateX(112%);
-ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
.skew-box ul:hover li:nth-child(2):hover+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
-o-transform:translateX(156%); -ms-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul:hover li:nth-child(1):hover+li{transform:translateX(68%); -moz-transform:translateX(68%);
-ms-transform:translateX(68%); -o-transform:translateX(68%); -webkit-transform:translateX(68%);}
.skew-box ul:hover li:nth-child(1):hover+li+li{transform:translateX(112%); -moz-transform:translateX(112%);
-ms-transform:translateX(112%); -o-transform:translateX(112%); -webkit-transform:translateX(112%);}
.skew-box ul:hover li:nth-child(1):hover+li+li+li{transform:translateX(156%); -moz-transform:translateX(156%);
-ms-transform:translateX(156%); -o-transform:translateX(156%); -webkit-transform:translateX(156%);}
.skew-box ul li strong{position:absolute; left:-4.5%; bottom:25%; width:50%; text-align:center; z-index:999; visibility:visible; opacity:1;
transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
transition:.25s; -moz-transition:.25s; -ms-transition:.25s; -o-transition:.25s; -webkit-transition:.25s;}
.skew-box ul li:hover strong{visibility:hidden; opacity:0;
transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li strong img{max-width:100px; max-height:100px; margin:0 auto; display:block;}
.skew-box ul li strong i{font-size:55px; color:#fff; line-height:1.2;}
.skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font{position:absolute; z-index:999; width:50%; padding:0 20%;
left:-5%; bottom:20%; color:#fff; font-weight:normal; visibility:hidden; opacity:0;
transform:scale(.6,.6); -moz-transform:scale(.6,.6); -ms-transform:scale(.6,.6); -o-transform:scale(.6,.6); -webkit-transform:scale(.6,.6);
transition:.5s; -moz-transition:.5s; -ms-transition:.5s; -o-transition:.5s; -webkit-transition:.5s;}
.skew-box ul li:hover font{visibility:visible; opacity:1;
transform:scale(1,1); -moz-transform:scale(1,1); -ms-transform:scale(1,1); -o-transform:scale(1,1); -webkit-transform:scale(1,1);
transition:.25s .4s; -moz-transition:.25s .4s; -ms-transition:.25s .4s; -o-transition:.25s .4s; -webkit-transition:.25s .4s;}
.skew-box ul li font h1{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font p{color:#fff; margin-top:10px; overflow:hidden; max-height:140px;}
.skew-box ul li font a{color:#023894; float:right; width:180px; height:50px; margin:15px 15px 0 0;
line-height:50px; text-align:center; position:relative;}
.skew-box ul li font a:before{background:#fff; left:0; top:0; right:0; bottom:0; content:''; position:absolute; z-index:-1; 
transform:skewX(-15deg); -moz-transform:skewX(-15deg); -ms-transform:skewX(-15deg); -o-transform:skewX(-15deg); -webkit-transform:skewX(-15deg);
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.skew-box ul li font a:hover:before{background:#e6e6e6;} 
.skew-box ul li span{width:100%; overflow:hidden; display:block; position:relative;}
.skew-box ul li span:before{width:100%; height:100%; background:#023894; opacity:0; position:absolute; left:0; top:0; content:''; z-index:999;
transition:.3s; -moz-transition:.3s; -ms-transition:.3s; -o-transition:.3s; -webkit-transition:.3s;}
.skew-box ul li:hover span:before{opacity:.6;}
.skew-box ul li span img{transform:skewX(15deg); -moz-transform:skewX(15deg); -ms-transform:skewX(15deg); -o-transform:skewX(15deg); -webkit-transform:skewX(15deg); width:100%; margin-left:-15%; display:block;} }
@media (max-width:1599px){
.skew-box ul li strong i{font-size:50px;}
.skew-box ul li font{padding:0 15%; left:-4%; top:20%;}
.skew-box ul li font p{    max-height: 230px;line-height: 22px;} 
.skew-box ul li font a{width:160px; height:45px; line-height:45px; margin:10px 10px 0 0;}}
@media (max-width:1199px){ 
.skew-box ul li strong i{font-size:45px;}
.skew-box ul li font{padding:0 13%; left:-3%; bottom:13%;}
.skew-box ul li font p{max-height:120px;}
.skew-box ul li font a{width:140px; height:40px; line-height:40px; margin:10px 10px 0 0;} 
.nav{ width:60%}

.news:after { height: 50%;}
.news:before {height: 50%;}
}
@media (max-width:991px){
.skew-box ul:before{height:25%;}
.skew-box ul:after{height:25%;}
.skew-box ul:after{display:block; clear:both; content:'';}
.skew-box ul li{list-style:none; padding:0; margin:0; width:50%; float:left; position:relative;}


.skew-box ul li span img{width:100%; display:block;}
.skew-box ul li a{display:block; width:100%; height:100%;}
.skew-box ul li strong{position:absolute; left:0; bottom:30%; width:100%; text-align:center; z-index:999;}
.skew-box ul li strong i{font-size:45px; color:#fff; line-height:1.2;}
.skew-box ul li strong img{max-width:100px; max-height:100px; margin:0 auto; display:block;}
.skew-box ul li strong h2{color:#fff; margin:0; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li strong b{color:#fff; font-weight:normal; white-space:nowrap; overflow:hidden; display:block;}
.skew-box ul li font{display:none;} 
.nav{ display:none;}
.hot{ right:50px;}
.caidan{ display:block;}
.nav{ width:100%; top:80px; height:100%; position:absolute;}
.nav li{ display:block; width:100%;  background:#fff; }
.title p,.title1 p{ padding:0 2%}
.about_left{ width:auto; float:none; overflow:hidden;}	
.about_right{ width:auto; float:none; margin-top:30px }
.news ul li{ width:50%;}
.title,.title1{     padding: 20px 0;}
.foot {
    overflow: hidden;
    float: none;
    width: auto;
    padding-bottom: 30px;
}
.foot a {
  
    color: #fff;
    font-size: 15px;
	  width: 33.333%; float:left; display:block; text-align:left; margin:0px; padding:0px;  padding-bottom: 30px;
}
.foot-text {
    float: left;
}
.rwm {

    top: -60px;
    right: -100px;
}
.tab_box,.news_tab{line-height:inherit; padding:3% 0; overflow:hidden; font-size: 18px; text-align: center;}
.tab_box a{ width:25%; float:left; display:block; margin:0px ; position:relative;} 
.chanye ul li{ width:100%; float:none;}
.news_lb{line-height:inherit; padding:3% 0; overflow:hidden; font-size: 18px; text-align: center;}
.news_lb ul li{ width:50%}
.news_tab a{width:50%; float:left; display:block; margin:0px ; position:relative;}
.news_l{ width:auto; float:none;}
.news_r{ width:auto; float:none;}
.shangxiaye ul li{ width:50%;}
.shangxiaye ul li:last-child{ width:100%; margin-top:10px;}
.news_l h3{ font-size:18px;}

.chanye_top  span dd{ font-size:16px; line-height:26px; color:#666; word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp:5;-webkit-box-orient: vertical;}


	}
@media (max-width:767px){
.skew-box ul li strong{bottom:25%; line-height:1.2;}
.skew-box ul li strong img{max-width:50px; max-height:50px;}
.skew-box ul li strong i{font-size:30px; line-height:1;}
.skew-box ul li strong h2{font-size:20px;}
.skew-box ul li strong b{font-size:12px;}
.about{ padding:20px 10%;}
.chanye ul li span h3{ font-size:18px;} 
.tab_box a { font-size:16px;}
.xiangmu ul li{ width:50%; border:5px #f5f5f5 solid;}
.xiangmu ul li p{ font-size:16px;}
.news_lb ul li{ margin-bottom:20px;}
.news_l dd span{ display:block;}

.chanye_top div{ width:100%; float:none; margin-right:0%;}
 }


@media (max-width:580px){
.news ul li{ width:100%;     border: 10px #fff solid;}
.tab_box a.hover:after,.news_tab a.hover:after{ bottom:-10px;}
.chanye ul li span h3{ font-size:15px;} 
.news_lb ul li{ width:100%}
.chanye_top span h3{ font-size:18px;}
 }
 
 .dingbu {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 10; height:40px; width:40px;background-color: #023894;border-radius:6px; overflow:hidden;
    border-color: #023894;
}
 .dingbu  i { width:25px; margin:10px auto; display:block; 
    color: #fff;
    
} .dingbu  i img{ width:100%}