@charset "utf-8";html{height:100%;margin:0}
body{font-size:14px;font-family:"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif;background: url(../images/about_bg.jpg);}
body,dd,dl,dt,h1,h2,h3,h4,h5,li,p,ul{margin:0 auto;padding:0;list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#f70303}
img{border:none;vertical-align:middle}
table{border-collapse:collapse;line-height:1.5em}
.cl{clear:both;margin:0;padding:0;font-size:0;line-height:0;height:0;overflow:hidden}
.wid{line-height:3.5em;padding:0 40px;margin:0 auto;overflow:hidden;max-width:1600px}
.fl{float:left}
.fr{float:right}
.pro_list dd span,.pro_list dt,a:link{transition:background .3s;-webkit-transition:background .3s;-moz-transition:background .3s;-o-transition:background .3s}
.head{padding:22px 0;width:100%}
.head .logo{line-height:100px}
.head .tel span{font-size:24px}
.link ul li{float:left;padding:9px 5px}
.tel a{position:relative;font-family:Arial;font-size:1.5em;color:#e74c3c}
.nav{clear:both;height:50px;line-height:50px;font-size:16px;text-align:center;background:#305dc3}
.nav ul{padding:0 40px;margin:0 auto;max-width:1600px}
.nav li{width:10%;float:left}
.nav li a{display:block;color:#fff;border-right:1px solid #0265d3}
.nav li a:hover{background:#333}
.fll{float:left}
.contact .left{width:43%;padding-left:25px}
.contact .right{width:45%;padding-right:25px}
.search-form .s{width:18em;height:25px;padding:5px}
.search-form button{height:36px;width:50px}
.slidebox{position:relative;overflow:hidden;max-height:600px}
.slidebox .bd{position:relative;z-index:0}
.slidebox .bd li p img{margin:auto;width:100%}
.slidebox .hd{position:absolute;bottom:10px;width:100%;text-align:center;font-size:0;z-index:10}
.slidebox .hd li{display:inline-block;width:40px;height:4px;background:rgba(255,255,255,.6);margin:3px;overflow:hidden;cursor:pointer;border-radius:2px}
.slidebox .hd li.on{background-color:rgba(255,0,0,1);height:4px}
.arrowbox a{z-index:50;position:absolute;display:block;margin-bottom:-20px;width:40px;height:40px;bottom:50%;line-height:40px;cursor:pointer;text-align:center;color:#fff;font-size:38px;color:rgba(255,255,255,.4);background:rgba(0,0,0,.4)}
.arrowbox .prev{left:5px}
.arrowbox .next{right:5px}
.arrowbox a:hover{color:rgba(255,255,255,.8);background:rgba(0,0,0,.8)}
.ban{padding:20px 0;text-align:center}
.ban b{font-size:24px;font-weight:200;display:block}
.class{text-align:center;padding:10px 0;width:100%;margin:0 auto;max-width:800px}
.class a{display:inline-block;text-align:center;background:#305dc3;color:#fff;height:32px;line-height:32px;padding:0 20px;margin:.5%;border-radius:16px}
.class a.on,.class a:hover{background:#333}
.tt{margin-top:50px;text-align:center;line-height:1em;font-size:38px;color:#F68F3D;text-transform:uppercase;font-family:Impact,"microsoft yahei","Trebuchet MS",Arial,Helvetica,sans-serif}
.tt p{color:#000;font-size:32px;line-height:1em;width:160px;margin:0 auto}
.more{padding:30px 0;text-align:center}
.more a{border:1px solid #252525;color:#252525;display:block;width:150px;height:36px;line-height:36px;font-size:14px;margin:0 auto;background:#FFF;border-radius:18px}
.more a:hover{border:1px solid #ff7e00;background:#ff7e00;color:#fff}
.more a i{font-size:18px;margin-left:5px}
.iabout{padding-bottom:50px}
.iabout img{width:16%;margin: .2%}
@media (max-width:1460px){.head .logo img{max-width:600px}
}
.tel{float:right}
@media (max-width:1360px){.head .tel{background:0 0;padding-right:0}
}
@media (max-width:1280px){.slidebox{max-height:450px}
}
@media (max-width:1200px){.head{padding:22px 0}
.head .logo img{width:500px}
.head .tel{height:100px;font-size:32px}
.nav{height:50px;line-height:50px;font-size:14px}
}
@media (max-width:992px){.wid{padding:0 10px}
.nav{height:45px;line-height:45px;font-size:12px}
.nav ul{padding:0 10px}
}
@media (max-width:768px){.head .logo{line-height:60px}
.head .logo img{width:98%;margin:1%}
.head .wid{width:100%;padding:0}
.contact .left{width:100%;padding:0 10px}
.contact .right{width:100%;padding:0 10px;float:left}
.nav{height:73px;line-height:36px;width:100%}
.nav ul{padding:0}
.nav li{width:25%;border-bottom:1px solid #0265d3}
.ban{padding:20px 0 0 0}
.class{width:100%}
.class a{font-size:12px}
.tt{margin-top:20px;font-size:30px}
.tt p{text-align:center;color:#000;font-size:24px}
}
.pro_list,.text_list{padding:20px 0}
.text_list dl{float:left;width:48%;height:130px;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:right}
.text_list dt{float:left;width:32%;height: 10em;overflow:hidden}
.text_list dt img{width:100%;height: 100%;}
.text_list dd{float:right;width:65%; font-size:12px;color:#666;line-height:1.8em}
.text_list dd a span{font-size:16px;color:#f70303;display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.text_list dd span:after{content:"·";display:block;height:0;visibility:hidden}
.text_list dd p{font-style:normal;font-size:12px;padding:5px 0;display:block}
.text_list dd div{display:block;padding-top:5px;border-top:1px solid #ccc}
#listTextRoll4{height:208px;overflow:hidden;padding-top:15px}
#listTextRoll4 li{width:245px;margin-left:15px;float:left}
.thumbnail{padding:4px;margin-bottom:10px;line-height:1.42857143;background-color:#fff;border:1px solid #ddd;border-radius:4px;text-align:center}
.thumbnail a>img,.thumbnail>img{margin-right:auto;margin-left:auto;width:100%}
a.thumbnail.active,a.thumbnail:focus,a.thumbnail:hover{border-color:#337ab7}
.thumbnail .caption{padding:9px;color:#333}
.container{background:#005bac;padding-bottom:56px}
@media (max-width:840px){.text_list dl{float:none;width:100%;height:130px;padding:15px 0;border-bottom:1px #ccc dashed}
.text_list dl:nth-child(even){float:none}
}
.top{height:px;line-height:px;font-size:.875em;background:#e9e9e9;border-bottom:1px solid #ccc}
.top i{margin:0 5px 0 10px}
.pro_list dl{width:24%;margin:0 .5%;float:left;height:auto;margin-bottom:10px;text-align:center;overflow:hidden}
.pro_list dl:hover{border-radius:8px;box-shadow:0 8px 18px #666}
.pro_list dt a img{border-radius:8px;width:100%}
.pro_list dd{font-size:12px;color:#666;line-height:1.8em;padding:5px 0 10px 0}
.pro_list dd a span{font-size:16px;font-weight:700}
.pro_list dd span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.pro_list dd span:after{content:"·";display:block;height:0;visibility:hidden}
@media (max-width:992px) and (min-width:769px){.pro_list dl{width:32%;margin:0 .6666%}
.pro_list dd a span{font-size:14px}
}
@media (max-width:768px){.pro_list dl{width:48%;margin:0 1%}
}
.adb{text-align:center}
.adb img{max-width:100%}
.about{line-height:2em;padding-top:10px;padding-bottom:30px}
.about img{max-width:100%}
@media (max-width:992px){.about{line-height:1.8em}
.adp ul li img{border:3px solid #fff}
.head{padding:12px 0}
}
.page{padding:0 40px 40px 40px;margin:0 auto;overflow:hidden;max-width:1600px}
.pagel,.pager{background:#fff}
.pagel{width:73%;float:left}
.pager{width:25%;float:right}
.pad35{padding:35px}
.proi{padding-bottom:35px;position:relative;height:auto}
.proi .slidebox{width:440px;height:330px}
.proi .slidebox .bd li{width:440px;height:330px;text-align:left}
.proi .slidebox .bd li img{width:440px}
.proi .titi{position:absolute;left:480px;top:0;font-size:12px;line-height:1.8em}
.proi .titi h1{font-size:24px;line-height:1em;font-weight:100;color:#f70303}
.proi .titi h2{font-size:14px;line-height:1em;padding:15px 0;font-weight:100}
.proi .titi h2 b{font-weight:700}
.proi .titi p{padding-top:10px;margin-top:10px;border-top:1px solid #ccc}
.proi .titi .teli{padding:20px 0;font-size:18px}
.proi .titi .teli span{color:#f70303;font-size:24px}
.proi .titi .bnt{width:100%;background:#f70303;height:40px;line-height:40px;text-align:center}
.proi .titi .bnt2{float:right;width:48%;background:#36c;height:40px;line-height:40px;text-align:center}
.proi .titi .bnt a,.proi .titi .bnt2 a{color:#fff;font-size:16px;display:block}
.proi .titi .bnt2:hover,.proi .titi .bnt:hover{filter:alpha(opacity=90);opacity:.9;-moz-opacity:.9;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}
@media screen and (max-width:768px){.pad35{padding:12px}
.proi .slidebox{width:100%;height:auto;float:none;margin-top:0}
.proi .slidebox .bd li{width:100%;height:auto}
.proi .slidebox .bd li img{width:100%}
.proi .titi{position:static}
.proi .titi h1{padding-top:20px;padding-bottom:20px}
}
.infoi h1{font-size:24px;line-height:1em;font-weight:100;text-align:center}
.infoi .tot{font-size:12px;text-align:center;padding:15px 0}
.infoi .tjj{font-size:12px;border-top:1px dashed #e1e1e1;background-color:#f6f6f6;padding:10px}
@media (max-width:1200px){.infoi{padding-top:35px}
.page{padding:0}
.pagel,.pager{width:100%;float:none}
}
.content{margin:0 auto;line-height:2em;padding:25px 0;border-top:1px dashed #e1e1e1}
.content img{margin:5px;max-width:100%;height:auto}
.content .lxl{float:left;width:48%;padding:80px 0}
.content .lxl p{float:right;width:50%;max-width:300px;text-align:center}
.content .lxl p.qr img{border:1px solid #e3e3e3;background:#fff}
.content .lxr{float:right;width:48%;padding:80px 0}
.content .lxr p{font-size:28px;padding-bottom:20px}
.content .lxr .lxqq{color:#32abe1;background:url(../images/qq.gif) no-repeat left top;padding-left:25px;padding-top:5px}
.content .lxr span{font-size:20px;color:#e60b1e}
@media (max-width:1200px){.content .lxr{font-size:12px}
.content .lxr p{font-size:18px}
}
@media (max-width:768px){.content .lxl,.content .lxr{float:none;width:100%;padding:30px 0;clear:both}.link ul li {padding: 3px 5px;}
}
@media (max-width:992px){.content img{margin:5px auto}
}
.prenext,.tags{line-height:2em;font-size:12px}
.prenext{border-top:1px dashed #ccc;border-bottom:1px dashed #ccc;margin:10px auto}
.weiqr{text-align:center;padding:20px 0;font-size:24px;line-height:60px}
.ntit{line-height:40px;margin:5px auto;font-size:18px;color:#f70303;border-bottom:1px solid #ccc;font-weight:100;clear:both}
.rpro{overflow:hidden;padding-top:10px}
.rpro li{width:48%;float:left;overflow:hidden;padding-bottom:10px;line-height:1.8em;text-align:center}
.rpro li:nth-child(2n+0){float:right}
.rpro li a{display:block;border-radius:2px}
.rpro li img{width:100%}
.rpro li span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:relative}
.rpro li span:after{content:"·";display:block;height:0;visibility:hidden}
.rtext{overflow:hidden;font-size:12px}
.rtext li{height:30px;line-height:30px;border-bottom:1px dotted #ccc}
.rtext li a{height:30px}
.rtext li span{white-space:nowrap;display:block;text-overflow:ellipsis;width:70%;float:left;overflow:hidden}
.rtext li span:after{content:"·";display:block;height:0;visibility:hidden}
.rtext li em{float:right;color:#888;text-align:right;height:30px;width:30%;font-style:normal}
@media (min-width:768px) and (max-width:1200px){.rpro li{width:25%}
.rpro li a{margin:0 10px}
.rtext li{width:48%;float:left}
.rtext li:nth-child(even){float:right}
}
@media (max-width:768px){.rtext li{width:100%;float:none}
}
.ili{line-height:20px;font-size:12px}
.ili .ilit span{font-weight:700}
.ili .ilib dt a{margin-right:5px}
.arealist{border:solid #eee 1px;width:95%;max-width:1600px;margin:15px auto;background:#fff;border-bottom:1px solid #eee}
.areatit{background:#ddd;height:40px;line-height:40px;padding-left:10px;font-size:16px;font-weight:700;border-bottom:1px solid #eee}
.areaclass{min-width:60px;width:auto;background:#f4f4f4;text-align:center;border-bottom:1px solid #eee}
.lists{background:#fff;padding:10px;line-height:2em;border-bottom:1px solid #eee}
.foot{background:#333;padding:15px 10px;color:#eee;text-align:center;line-height:1.5em;font-size:12px}
.foot a{color:#eee}

@media (max-width:768px){
.foot{font-size:10px;padding-bottom:50px}
}
.ltt{height:40px;line-height:40px;margin:5px 10px;text-align:left;font-size:18px;border-bottom:2px solid #EB0000}
.share{right:1px;bottom:35px;position:fixed;z-index:1000}
.share a{margin:1px 0 0 0;display:block}
.backtotop,.share a{text-align:center;width:33px;font-size:22px;display:block;color:#fff;filter:alpha(opacity=80);line-height:33px;cursor:pointer}
.backtotop i{color:#fff}
.share .qrcode{background:red}
.share .rtel{border-radius: 22px;background:rgba(124, 252, 0, 0.7)}
.share .mail{border-radius: 22px;background:rgba(255, 215, 0, 0.7)}
.share .rsms{background:#0bca36}
.share .qq{border-radius: 22px;background:rgba(255, 0, 157, 0.7)}
.share .weixin{border-radius: 22px;background:rgba(124, 252, 0, 0.7)}
.share-box .qrico{border-radius: 22px;background:rgba(255, 215, 0, 0.7)}
.share .rsha{border-radius: 22px;background:rgba(0, 191, 255, 0.7)}
.backtotop{border-radius: 22px;display:none;background:rgba(0, 0, 0, 0.7);position:fixed;z-index:999;right:1px;bottom:1px}
.share p.code{position:absolute;right:33px;bottom:0;display:none;font-size:14px;line-height:1em;padding:10px;text-align:center;background-color:#fff;border:1px solid #D9D9D9}
.share p.code span{margin:10px;display:block}
.am-share{background-color:#f8f8f8;color:#555;bottom:0;left:0;position:fixed;text-align:center;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%);-webkit-transition:-webkit-transform .3s;transition:transform .3s;width:100%;z-index:1110}
.am-modal-active{transform:translateY(0);-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}
.am-modal-out{z-index:1109;-webkit-transform:translateY(100%);-ms-transform:translateY(100%);transform:translateY(100%)}
.am-share-title{border-bottom:1px solid #fff;padding:10px 0;font-size:12px;font-weight:100}
.am-share-footer .share_btn{display:block;width:100%;background:#e6e6e6;border:1px solid #e6e6e6;cursor:pointer;font-size:14px;padding:10px 0}
.bdsharebuttonbox{zoom:1;margin:10px}
.bdsharebuttonbox li{display:inline-block;width:20%;font-size:12px;color:#999;height:55px}
.bdsharebuttonbox a{display:block;margin:0 auto;width:45px;height:45px;border-radius:50%;line-height:45px;font-size:26px;cursor:pointer;overflow:hidden;padding:0;color:#fff}
.bdsharebuttonbox a.bds_tsina{background:#ec2b2e}
.bdsharebuttonbox a.bds_renren{background:#3777be}
.bdsharebuttonbox a.bds_weixin{background:#00ba13}
.bdsharebuttonbox a.bds_sqqn{background:#1da9ef}
.bdsharebuttonbox a.bds_tieban{background:#2932e1}
.sharebg{background-color:rgba(0,0,0,.6);bottom:0;height:100%;left:0;opacity:0;position:fixed;right:0;top:0;width:100%;z-index:1100;display:none}
.sharebg-active{opacity:1;display:block}
.search-form button{float:left;border:none;background-color:#1e3988;color:#fff;margin-left:5px;border-radius:3px}
.search-form .s{float:left;border:1px solid #bbb;border-radius:3px}
@media (max-width:768px){.share{right:0;bottom:0;width:100%}
.share a{margin:0;width:25%;padding:3px 0;font:normal normal normal 14px/1 FontAwesome;float:left}
.share i{font-size:18px;display:block}
.backtotop{bottom:46px}
.share p.code{position:absolute;right:33px;bottom:44px}
.iabout p img{width:31.3333%;margin:.5%}

}
@media (max-width:480px){.text_list dl{width:100%;height: 6em;}
.text_list dt{height: 6.5em}
.text_list dd{height: 6em}
.fll{display:none}
.tel{float:left}
.search-form .s{width:13em;padding:5px;height:20px}
.fa fa-phone{float:left}
.search-form button{height:30px;width:38px}
.text_list dd {line-height: 1.5em}
.text_list dd p {padding: 0}

}
@media (min-width:760px){.share span, .rsha span, .share-box .mail, .share-box .rtel{display:none}
}
@media (max-width:760px){.share a.bds_more,.share a.bds_weixin,.share-box .qrico,.share-box .weixin{display:none}
}
.link{margin-top:20px}
.link .col-md-12{margin-bottom:10px}
.link .related .span{background:#f67d18;float:left;color:#fff;font-size:15px}
.link .area .span{background:#1988cf;float:left;color:#fff;font-size:15px}
.link ul{background:#515151;overflow:hidden}
.link ul li a{color:#fff}
.link .related .span{;padding:9px 32px;}
.link .area .span{padding:9px 32px}
.share-box .qrico{background:#fe9225}
.cbody p img{margin:5px;max-width:100%;height:auto}
.ltags{padding:5px}
.ltags a{display:inline-block;padding:0 5px;background:#005bac;color:#fff;margin:1px;line-height:24px;font-size:12px;border-radius:3px}
.ltags a:hover{background:#ff7e00}
.contact{position:relative;background-size:100% 100%;background-attachment:fixed}
.contact .inner{background:rgba(255,255,255,.8);overflow:hidden;padding:25px 0;margin:0 auto}
.contact .left img{width:100%;height:auto;display:block}
.contact .ctitle{border-bottom:1px solid #ddd;margin-bottom:5px;padding-bottom:5px}
.contact .ctitle p{color:#555}
.contact h3{line-height:1.5em;margin-bottom:8px;font-family:Arial;color:#0071be;font-size:32px;font-weight:700}
.contact p{font-size:.875em;padding:8px 0;clear:both;overflow:hidden;padding-right:20px}
.contact p.captcha img{height:40px;width:auto;display:block;float:left}
.contact p.captcha span{display:block;float:left;line-height:40px;padding-left:15px}
.contact label{display:block;float:left;width:80px;height:28px;line-height:28px;font-size:1em;color:#333}
.contact textarea{height:120px;border:1px solid #aaa;resize:vertical}
.contact .submit{width:70%;margin-left:80px;cursor:pointer;height:35px;background-color:#da251e;border-color:#da251e;color:#fff}
.friendlinks{position:relative;padding-left:100px;background-color:#ddd;margin-bottom:20px}
.friendlinks .ftitle{position:absolute;left:0;top:0;height:100%;width:100px;background-color:#999;border-right:3px #ccc solid}
.friendlinks .fwrap{height:48px;position:absolute;left:0;top:50%;margin-top:-24px;width:100%}
.friendlinks h3,.friendlinks h4{font-size:.875em;text-align:center;color:#fff}
.friendlinks h4{letter-spacing:3px}
.friendlinks ul{border:1px solid #ddd;overflow:hidden;padding:10px}
.friendlinks ul li{float:left;font-size:.75em;padding:5px 10px}
.friendlinks a{color:#555}
.left{float:left}
.right{float:right}
.contact .text,.contact textarea{border:1px solid #bbb;background-color:#fff;border-color:#aaa;width:70%;text-indent:5px;padding:11px 0}
.slides,.flex-control-nav,.flex-direction-nav{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0;position:relative;z-index:1}
.flexslider .slides > li{display:none;-webkit-backface-visibility:hidden;position:relative}
.flexslider .slides li .overlay{position:absolute;top:0;left:0;right:0;bottom:0}
.flexslider .slides img{width:100%;display:block}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:"\f100";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.flex-control-nav{position:absolute;    bottom: 1%;z-index:2;width:100%;text-align:center}
.flex-control-nav li{display:inline-block;width:3em;height:1em;margin:0 3px;*display:inline;zoom:1}
.flex-control-nav a{display:inline-block;cursor:pointer;width:3em;height:1em;border-radius:12px;float:left;text-indent:-2000px;background:rgba(0, 0, 0, 0.3)}
.flex-control-nav .flex-active{background:rgba(255,255,255,0.3)}
#fh5co-hero .flexslider .flex-direction-nav a{position:absolute;cursor:pointer;text-decoration:none;display:block;width:40px;height:40px;margin:-20px 0 0;top:50%;z-index:10;overflow:hidden;opacity:0;color:rgba(0,0,0,0.8);text-shadow:1px 1px 0 rgba(255,255,255,0.3);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-ms-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out}
.wi
{margin-top: -2%;
    position: absolute;
    width: 100%;
    height: 10%;
    background-image: url("../images/480.png");
    background-size: contain;
    background-repeat: no-repeat;
    z-index: 9;}
.class dl{float:left;height:35px;line-height:35px;position:relative;padding: .1%;}
.class dl a{display:block;font-size:14px;color:#fff;margin:0 auto;border-radius:35px}
.class dl a:hover{background:#000}
.class dl dd{padding-top:5px;display:none;position:relative;z-index:100}
.class dl dd a{background:#000}
.class dl dd a:hover{background:#F00}
.class dl.hov dd,.class dl:hover dd{display:block;}
.class dl.hov .big{background:#f33}
.class dl dd a{font-size:12px;height:24px;line-height:24px;border-radius:24px}
.class dl a.on{background:#000}