@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:#f51313;text-decoration:none;transition:.4s ease-out;-moz-transition:.4s ease-out;-webkit-transition:.4s ease-out;-o-transition:.4s ease-out}
.content{ width:1200px;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{ width:1200px; margin:0px auto; padding:4% 0 0; overflow:hidden; position:relative; }

.nav_box{ width:100%;  background:#f51313; height:60px; line-height:60px;}
.nav{ width:100%; position:relative; z-index:99;  }
.nav *{text-decoration:none;font-size:16px;}
.nav * a:hover{color:#fff;}
.nav *:hover a{color:#fff ;}

.menu{list-style:none;/*height:110px;*/width:100%;}

.nav{list-style:none;height:60px;margin:0 auto; text-align:left; width:1200px}

.nav li{ display:inline-block;position:relative; width:10%;}
.nav li:after{ content:url(../images/nav.jpg); position:absolute; right:0px; top:0px;}
.nav li:last-child:after{ content:; display:none;}
.nav li a{color:#fff;height:60px;line-height:60px;display:block; text-align:center;}
.nav li a.hover{ background:#ce1e1e;}
.nav li a:hover{ background:#ce1e1e;}
.nav li a:focus{-moz-outline-style: none; }

.nav li .sub-nav{position:absolute;top:60px;left:-1px;list-style:none; background:#f51313;display:none; width: 100%}
.nav li:nth-child(3) .sub-nav{ width:190px;}
.nav li:nth-child(3) .sub-nav li a{ width:190px;}
.nav li .sub-nav li{text-align:left;clear:left;width:100%;height:35px;line-height:35px;position:relative; text-indent:1em;}
.nav li .sub-nav li a{height:34px;line-height:34px;padding:0;display:block; color:#fff; text-align:left; font-size:14px;}
.nav li .sub-nav li:after{content:""; display:none;}
.logo{ float:left; z-index:999; width:350px;}
.logo img{ width:100%}
.dianhua{ float:right; font-size:16px;}
.dianhua p{ font-size:30px; font-family:Impact;}
.nav li .sub-nav li a:hover{color:#fff}
.nav li:hover{background:#ce1e1e;}

.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:10px; top:15px; 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:#333;font-size:14px;font-weight:700;border-bottom:1px solid #d4d9dd;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:#333;display:block}
.accordion li.open .link a{color:#f51313;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:#f2f2f4;font-size:14px}
.submenu li{border-bottom:1px solid #d7d7d7}
.submenu a{display:block;text-decoration:none;color:#333;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:#333}
.accordion li:first-child i{display:none}
.accordion li:nth-child(n+4) i{display:none}
#mobile{position:fixed;top:0;left:-100%;width:70%;z-index:9999;background:#fff;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: #f1f1f1; overflow:hidden; margin:50px auto 0;}
.f12{  background: #e6e6e6; overflow:hidden;}

.title{ height:50px; line-height:50px; margin:0px auto; color:#000; border-bottom:2px #333 solid; font-size:20px; font-weight:600;}
.title span { float:right; font-size:15px; color:#666;}
.title span a{color:#09F; font-weight:400;}

.title1{ padding:50px 0; margin:0px auto; color:#333; background:url(../images/tit.png) no-repeat center center;}
.title1 h3{ font-size:26px; overflow:hidden; font-weight:400; text-align:center; font-weight:600;}
.title1 p{ font-size:18px; color:#333; text-align:center; margin:6px auto 34px; padding:0 20%; line-height:30px; opacity:.5; text-transform:uppercase;}
.title1 dd{ font-size:16px; color:#666; text-align:center;}
.title1 dd a{ font-size:16px; color:#666;}
.title1 dd a:hover{ color:#023894;}






.pic_left{ width:25%; float:left; overflow:hidden; margin-top:30px;}
.pic_bt{ background:#f51313; width:100%; padding:5% 0;overflow:hidden; font-size:18px; text-indent:2em; color:#fff; font-weight:600;}
.pic_bt span{ font-size:15px;  font-weight:400;}
.pic_muen{ overflow:hidden;}
.pic_muen ul li{background: -webkit-linear-gradient(top, rgb(207, 207, 207) 0%, rgb(255, 255, 255) 72%, rgb(255, 255, 255) 100%);  height:50px; line-height:50px; font-size:15px; text-indent:2em; font-weight:600; -webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}
.pic_muen ul li:hover{padding-left:10px;-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;}

.pic_dh{ background: #d5d5d5;text-align: center;padding: 30px 0; font-size:18px; line-height:36px;}
.pic_dh span{ font-size:24px; display:block; font-weight:600;}


.pic_right{ width:73%; float:right; overflow:hidden; margin-top:30px;}
.pic_box{ width:100%;overflow:hidden; margin-top:30px;}
.pic_content{ overflow:hidden;}
.pic_content ul{ overflow:hidden;}
.pic_content ul li{ width:33.333%; border:10px #fff solid; float:left; box-sizing:border-box; overflow:hidden;}
.pic_content ul li div{ width:auto; overflow:hidden; border:2px #fff solid; border-radius:10px;}
.pic_content ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.pic_content ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.pic_content ul li p{ height:50px; line-height:50px; font-size:18px; font-weight:600; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; text-align:center;}
.pic_content ul li div:hover{border:2px #ccc solid; }
.pic_content ul li a{ color:#333; }
.pic_content ul li:hover a{ color:#f51313; }


.huoban{ overflow:hidden;  width:1200px; margin:0px auto; }
.huoban ul{ overflow:hidden;}
.huoban ul li{ background:#fff; border:10px #f1f1f1 solid; float:left; box-sizing:border-box; overflow:hidden; width:25%;}
.huoban ul li div{ width:100%; overflow:hidden;}
.huoban ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.huoban ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.huoban ul li p{ height:40px; line-height:40px; font-size:15px; font-weight:400; overflow:hidden; text-align:center;}
.gengduo{ width:100px; height:50px; line-height:50px; margin:25px auto; font-size:16px; text-align:center;}
.gengduo1{ width:100px; height:37px; line-height:37px; margin:25px auto; font-size:16px; background:#000; border-radius:6px; text-align:center; }
.gengduo1 a{ color:#fff;}


.hb_box{ overflow:hidden;  width:1200px; margin:50px auto; }
.hb_box ul{ overflow:hidden;}
.hb_box ul li{ background:#fff; border:10px #fff solid; float:left; box-sizing:border-box; overflow:hidden; width:25%;}
.hb_box ul li div{ width:100%; overflow:hidden;}
.hb_box ul li div img{-webkit-transition:all .5s;transition:all .5s;-ms-transition:all .5s;-moz-transition:all .5s;width:100%;height:100%}
.hb_box ul li div:hover img{-webkit-transform:scale(1.1);transform:scale(1.1)}
.hb_box ul li p{ height:40px; line-height:40px; font-size:15px; font-weight:400; overflow:hidden; text-align:center;}


.about{background-size:cover;  position:relative; overflow:hidden; margin:0px auto; }
.about_com{ width:1200px; margin:0px auto; overflow:hidden; line-height:28px; color:#666; font-size:16px;}

.footer{ background:#d0d0d0; overflow:hidden; padding:40px 0; font-size:15px; }

.links{ width:30%; float:left; line-height:}
.links a{ margin:0 10px;}
.footer span{ float:center;}


.about_content{ overflow:hidden; width:1200px; margin:30px auto; line-height:28px; font-size:16px; padding:50px 0;}
.about_content h3{ padding:50px 0;}



.news{ overflow:hidden; position:relative;}
.news ul{ overflow:hidden; position:relative; z-index:10; padding-top:30px;}
.news ul li{ width:25%; 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;}
.news ul li i{background:#023894; text-align:center; z-index:4; font-style:normal; position:absolute; right:10px; top:-30px; line-height:1.3; padding:8px;}
.news ul li i b{color:#fff; font-size:28px; display:block;}
.news ul li i u{color:#fff; text-decoration:none; display:block; font-size:14px;}
.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:100%; border:10px #f5f5f5 solid; box-sizing:border-box; background:#fff; position:relative; margin-bottom:20px;}
.news_lb ul li h3{ padding:30px; font-size:20px; font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.news_lb ul li p{ padding:0px 30px 30px; font-size:14px;  }






.page{width:100%;height:auto;overflow:hidden;margin:30px auto 30px}
.page ul{display:table;margin:0 auto}
.page ul li{border:1px solid #ccc;padding:0 10px;height:30px;line-height:30px;color:#333;float:left;margin:0 5px}
.page ul li a{color:#333}
.page ul .thisclass{background:#666;color:#fff;border:1px solid #666}
.page select{border:none;background:0 0;outline:0}
.page ul .thisclass a{color:#fff}


.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:33.33%; 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:hover p{ background:#023894}
.xiangmu ul li:hover a p{color:#fff;}

.xiangmu ul li div:after {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    z-index: 5;
    left: 100%;
    height: 100%;
    width: 500px;
    background: #023894;
    transform: skewX(-15deg);
    -moz-transform: skewX(-15deg);
    -ms-transform: skewX(-15deg);
    -o-transform: skewX(-15deg);
    -webkit-transform: skewX(-15deg);
}

.xiangmu ul li div:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    z-index: 5;
    right: 140%;
    height: 100%;
    width: 500px;
    background: #023894;
    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;
}

.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;}
.w5-product-class .class-image:hover a{opacity:1;}
.w5-product-class .class-image 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;}
.w5-product-class .class-image a:hover:before{background:#e6e6e6;}

.news_l{ width:100;  overflow:hidden; padding:3%;}
.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}

.news_r{ width:20%; float:right; overflow:hidden; background:#fff; padding:2%; margin-top:50px;}
.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 #333 solid; margin-bottom:50px;}
.chanye_tb span{ display:inline-block; border-bottom:1px #f00 solid; color:#f51313; 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/inpageaddress_icon01.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}

.dingbu {
    position: fixed;
    right: 10px;
    bottom: 80px;
    z-index: 10; height:40px; width:40px;background-color: #f51313;border-radius:6px; overflow:hidden;
    border-color: #f51313;
}
 .dingbu  i { width:25px; margin:10px auto; display:block; 
    color: #fff;
    
} .dingbu  i img{ width:100%}


.about_content div{ float:right; width:400px; }
.about_content div img{ width:100%; }
.about_content span{float:left;}



@media (max-width:1200px){
	.content{ width:auto; padding:0 2%}
	.head{ width:auto;}
	.nav{ width:auto;}
	.huoban{ width:auto;}
	.about_com,.about_content,.hb_box{ width:auto; padding:0 2%}
	.links{display:none;}
	.footer span{ float:none; text-align:center; display:block;}
 }
 @media (max-width:1024px){
	.pic_left{ width:100%; overflow:hidden;}
	.pic_right{ width:100%}
	.dianhua{ display:none;}
	.caidan{ display:block}
	.nav_box{display:none;}
	.menu{list-style:none;height:auto; padding:2% 0;}
	.pic_content ul li{ width:50%;}
	.f11{ margin:20px auto ;}
	.title1 {
    padding: 30px 0;
    margin: 0px auto;
    color: #333;
    background: url(../images/tit.png) no-repeat center center; background-size:100%;}
	.shangxiaye ul li{ width:50%;}
.shangxiaye ul li:last-child{ width:100%; margin-top:10px;}
.chanye_top div{ width:100%; float:none; margin-right:0%;}
.chanye_top span h3{ font-size:18px;}

.huoban ul li{ width:50%}
.hb_box ul li{ width:50%}
 }
 @media (max-width:750px){
 .title1 { padding: 30px 0; margin: 0px auto; color: #333;  background: url(../images/tit.png) no-repeat center center; background-size:140%;}
.title1 h3{ font-size:18px;}
.mbx a.home{ width:40px;}
.news_l h3{ font-size:18px;}
.news_l dd span{display:block;

}

  @media (max-width:420px){
	  .pic_content ul li{ width:100%;}
	  
	  }