/* CSS Document */
.nban{ width:100%; margin:0 auto;}
.nban img{ width:100%}

.content{ width:1200px; float:left; margin:30px 0 30px 0}
.neinav{ width:1199px; float:left; height:45px; border:#ccc solid 1px; border-left:none}
.neinav li{ width:239.8px; float:left}
.neinav li a{ width:239.8px; float:left; line-height:45px; border-left:#ccc solid 1px; text-align:center; font-size:14px; font-weight:bold; display:block}
.neinav li a:hover{ background:#ED0C3A; color:#fff}
.neinav li a.focus{ background:#ED0C3A; color:#fff}
/*about*/
.ab_con{ width:1200px; float:left; line-height:35px; margin-top:20px; color:#666}
.ab_con .ab1{width:1200px; float:left; text-align:center; font-size:26px; font-weight:600; margin-top:30px}
.ab_con .ab2{ width:1200px; float:left; text-align:center; background:url(../img/abbg.png) no-repeat center; color:#ED0C3A; font-size:18px; margin-top:20px}
.ab_con .ab3{ width:1200px; float:left}
.ab_con p{ margin:15px 0 15px 0}
.ab_con strong{ color:#000}
.content .liuyan{ width:1200px; float:left; margin-top:30px; background:url(../img/meinv.jpg)}
.content .liuyan .meinv{ width:450px; float:left}
.content .liuyan .meinv h3{width: 197px;height: 78px;
    background: url(../img/on_tx.gif) no-repeat left bottom;
    font: 24px "Microsoft YaHei";
    font-weight: bold;
    color: #cf181f;
    line-height: 24px;
    float: right;}
.content .liuyan .meinv h3 span {
    display: block;
    font: 14px Arial;
    color: #cf181f;
    line-height: 36px;
    text-transform: uppercase;
}
.content .liuyan .biaodan{ width:750px; float:right}
.content .liuyan .biaodan table{ width:100%}
.content .liuyan .biaodan table tr{ display:block; margin:10px 0;}
.content .liuyan .biaodan .lefttdbg{ width:80px; float:left}
.content .liuyan .biaodan input{ border:0px; border:#d1d1d1 solid 1px; line-height:35px}
.content .liuyan .biaodan textarea{ border:0px; border:#d1d1d1 solid 1px; line-height:35px}
.content .liuyan .biaodan font{ color:#999}
.content .liuyan .biaodan .tijiao{ border:0px; background:#ED0C3A; color:#fff; width:100px;}
.content .liuyan .biaodan .chongzhi{ border:0px; background:#243645; color:#fff; width:100px;}
/*xiangce*/
.xc_con{ width:1200px; float:left; margin-top:30px}
.xc_con ul li{ width:330px; padding:10px; float:left; margin:10px 24px 10px 24px; text-align:center;box-shadow: 0 0 10px #ccc;}
.xc_con ul li img{ width:330px;border:#ccc solid 1px; }
.xc_con ul li span{ font-weight:bold; font-size:14px; line-height:35px; margin-top:15px; float:left; text-align:center; width:350px}
/*contact*/
.lx_con{  width:1200px; float:left; margin-top:20px}
.lx_con .lxxx{ width:360px; height:465px; float:left; background: #F6F7F9 url(../img/lxbg.png) no-repeat top;  padding:30px}
.lx_con .lxxx h2{ text-align:center; color:#fff; font-size:24px; font-weight:bold;padding:10px 0 80px 0}
.lx_con .lxxx p{ line-height:30px; font-size:16px; color:#666; margin:20px 0 20px 0}
.lx_con .lxdt{ width:750px; float:right}
/*shop*/
.sca{ width:1200px; float:left}
.sca h2{ font-size:20px; font-weight:bold; padding:30px 0 0;}
.sca p{ line-height:30px; margin:20px 0 20px 0;}
.shop{ width:1200px; float:left}
.shop dl{ width:500px; float:left; padding:30px; border:solid 1px #ccc; margin-right:20px}
.shop dl dt{ width:77px; float:left}
.shop dl dd{ width:350px; margin-left:50px; float:left}
.shop dl dd span{ font-size:18px; font-weight:bold}
.shop dl dd a{ width:150px; background:#243645; display:block; color:#fff; text-align:center; line-height:35px; margin-top:20px}

/*栏目左边*/
.content .l{width:250px; float:left}
.content .l h2{ text-align:center; line-height:90px; overflow:hidden;background:#000;font-size:24px; color:#fff}
.content .l .lf_n_c{  background:#f2f2f2}
.content .l h3{ font-weight:100; line-height:41px; padding:0 0 0 41px; overflow:hidden;background:#EB3D01 url(../img/zli.png) 190px 14px no-repeat}
.content .l h3 a{ font-size:20px; color:#fff}
.content .l h3.cur a{ font-size:20px; color:#fff}
.content .l .lf_n_c ul{padding:11px 12px 12px 14px}
.content .l .lf_n_c li{padding:0 0 0 25px; font-weight:100; line-height:44px; height:44px; border-bottom:1px #bfbfbf dashed; font-size:16px}
.content .l .lf_n_c li a{color:#333}

.content .l .tuijian{ width:220px; padding:15px; float:left; background:#f2f2f2}
.content .l .tuijian ul li{ float:left; text-align:center; margin-bottom:15px; background:#fff}
.content .l .tuijian ul li img{ width:220px}
.content .l .tuijian ul li span{ font-size:16px; font-weight:bold; line-height:45px}

.content .l p{padding:20px 0 0 39px;height:68px; overflow:hidden; color:#fff;background:#e2e2e2}
.content .l p span{ display:block;padding:0 0 0 21px; line-height:24px;overflow:hidden;
background:url(../img/lf_n_ic2.gif) left 8px no-repeat; font-size:14px; color:#000}
.content .l p b{ font-size:22px; color:#e60000; font-family:Arial; display:block}

.content .r{ width:900px; float:right}
.content .r .weizhi{width:880px; float:left; line-height:55px; background:url(../img/weizhi.png) no-repeat 0 22px; padding-left:20px; border-bottom:#ececec solid 1px} 
/*product list*/
.content .r .prolist{width:900px; float:left; margin-top:20px}
.content .r .prolist .tit{ width:900px; float:left; background:url(../img/protit.gif) no-repeat bottom;line-height:55px; margin-top:30px}
.content .r .prolist .tit h3{  float:left}
.content .r .prolist .tit span{ float:left; margin-left:10px; color:#999}
.content .r .prolist a.more{ float:right}
.content .r .prolist .box{ width:900px; float:left; margin-top:20px}
.content .r .prolist .cptjbox dl{ width:900px; float:left; margin-top:20px}
.content .r .prolist .cptjbox dl dt{ width:350px; float:left; border:#EBEBEB solid 1px; padding:10px; text-align:center}
.content .r .prolist .cptjbox dl dt img{ width:100%;}
.content .r .prolist .cptjbox dl dd{ width:460px; float:right}
.content .r .prolist .cptjbox dl dd span{ width:460px; float:left; line-height:65px; border-bottom:dotted 1px #ccc; font-size:18px; font-weight:bold}
.content .r .prolist .cptjbox dl dd font{ width:460px; float:left; margin-top:30px; font-weight:bold}
.content .r .prolist .cptjbox dl dd p{ padding:20px; line-height:35px; border:1px solid #EBEBEB; margin-top:30px}

.content .r .prolist .pd_list_dl{ width:280px; float:left; margin:10px 10px 30px 10px}
.content .r .prolist .pd_list_dl dt a{width:270px; float:left; border:#ccc solid 1px; padding:5px}
.content .r .prolist .pd_list_dl dt a:hover{ border:solid 1px #ED0C3A}
.content .r .prolist .pd_list_dl dt img{ width:270px; height:270px}
.content .r .prolist .pd_list_dl dd{ width:280px; float:left; line-height:50px; text-align:center; overflow:hidden}
.content .r .prolist .pd_list_dl em a{float: left;display: block;text-align: center;color: #fff;font-size: 14px; width: 120px; line-height: 35px;font-style: normal}
.content .r .prolist .pd_list_dl .zx{background: #000;margin-right:17px}
.content .r .prolist .pd_list_dl .ck{background: #EB3D01}
.content .r .prolist .pd_list_dl em{display: block;margin-left:12px}
/*product content*/
.content .r .procon{width:900px; float:left; margin-top:20px} 
.content .r .procon .pro_a{width:900px; float:left}
.content .r .procon .pro_a .proimg{ width:420px; float:left}
.content .r .procon .pro_a .procs{ width:450px; float:right}
.content .r .procon .pro_a .procs h1{ font-size:18px; font-weight:bold}
.content .r .procon .pro_a .procs p{margin-top:25px}
.content .r .procon .pro_a .procs .cptd{ background:#FAFAFA; border:dotted 1px #ccc; padding:15px; line-height:30px}
.content .r .procon .pro_a .procs .cptel{ font-size:14px}
.content .r .procon .pro_a .procs .cptel span{ font-size:24px; font-weight:bold} 
.content .r .procon .pro_a .procs .cpzx a{ width:150px; display:block;  background:#ED0C3A; color:#fff; text-align:center; line-height:45px}

.content .r .procon .pro_b{width:900px; float:left; margin-top:50px}
.content .r .procon .pro_b .proxq{width:790px; float:left; border-bottom:#ccc solid 1px}
.content .r .procon .pro_b .proxq span{width:150px; float:left; text-align:center; background:#EB3D01; color:#fff; line-height:40px}
.content .r .procon .pro_b .probox{width:790px; float:left; margin-top:20px; line-height:40px}
.content .r .procon .pro_b .probox p{ width:790px; margin:0; padding:0; float:left; display: inline-block;}
.content .r .procon .pro_b .probox p img{ margin:0; padding:0}
/*文章分页样式*/
#fenye{clear:both; margin:10px 20px 0 0}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px}
#fenye a.curr{width:22px;background:#243645; border:1px solid #243645; color:#fff; font-weight:bold; text-align:center}
#fenye a.curr:visited {color:#fff}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px}
#fenye a:visited{color:#1f3a87} 
#fenye a:hover{ float:left}
#fenye span{line-height:30px; font-size:13px; height:30px}

/*文章正文分页样式*/
#pageNext{ margin:10px}
#pageNext .prev,#pageNext .next{text-align:center}
#pageNext a.curr{background:#1f3a87; border:1px solid #dcdddd; color:#fff; font-weight:bold}
#pageNext a{margin:5px 0px; color:#1E50A2;background:#fff; padding:3px 7px; border:1px solid #dcdddd;height:22px;line-height:22px}

.navigation{width:983px;margin:10px auto; clear:both;height:22px;line-height:22px;color:#999;background:url(ask_points.gif) no-repeat left -1356px;padding-left:15px; font-family:Verdana, Arial, Helvetica, sans-serif}
.navigation span{ float:right}
.navigation dt#KeyWord{ height:25px; line-height:25px}
.navigation a{color:#999}
.navigation a:hover{color:red;text-decoration:none}
/*news list*/
.content .r .newslist{width:900px; float:left; margin-top:30px} 
.news-detail { width:860px; float:left; box-shadow: 0 0 15px rgba(0,0,0,0.3); margin:15px 0 15px 0; padding:20px}
.news-detail .img {width: 300px; float:left;display: inline-block;box-sizing: border-box;overflow: hidden; border:#ccc solid 1px}
.news-detail .img img{-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s; width:300px; height:180px }
.news-detail .img img:hover{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-ms-transform:scale(1.2,1.2);-o-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
.news-detail .text {width: 520px; float:right;color: #999;font-size: 14px}
.news-detail .text h4 { width:520px; float:left; font-size: 18px;color: #333}
.news-detail .text .gray-circl{ width:520px; float:left}
.news-detail .text .gray-circle .circle { width:100px; float:left ; line-height:30px; text-align:center;border: 1px solid #999; border-radius: 25px; display: inline-block;margin: 25px 10px 23px 0}
.news-detail .text .gray-circle .date { width:100px;float:left; margin:30px 0 0 30px; padding-left:20px; background:url(../img/time.jpg) no-repeat 0 5px}
.news-detail .text .gray-circle .circle:hover{border: 1px solid #188eee;color: #188eee}
.news-detail .text .introduction { width:520px; float:left; line-height: 30px}
.news-detail .text .introduction a.more{ background:#989898; color:#fff; text-align:center; padding:0 15px 0 15px; line-height:23px; float:right; border-radius: 10px; font-size:10px; margin-top:5px}

/*news content*/
.wz{ width:1180px; float:left; line-height:55px; background:url(../img/weizhi.png) no-repeat 0 22px; padding-left:20px; border-bottom:#ececec solid 1px} 
.newscon{ width:1200px; float:left; margin:35px 0 35px 0}
.newsl{ width:800px; float:left; border-right:solid 1px #ececec; padding-right:35px}
.newsl .xw_title{ width:800px; float:left; text-align:center; margin-top:15px}
.newsl .xw_title h2{ font-size:22px}
.newsl .xw_xinxi{ width:800px; float:left; text-align:center; margin-top:25px; border-bottom:#ececec 1px solid; padding-bottom:10px; line-height:35px}
.newsl .xw_xinxi span{ color:#666; margin-right:10px}
.newsl .xw_xinxi span em{ color:#ff0000}
.newsl .xw_content{ width:800px; float:left; font-size:15px; line-height:35px; color:#666}
.newsl .xw_content p{ margin:20px 0 20px 0}
.newsl .xw_conten strong{ font-weight:bold}
.articlebook{ width:800px; float:left}
.articlebook p{ margin:10px}
/*相关阅读*/
.xgyd{ width:800px; float:left; border-top:#ccc 1px dashed; margin-top:20px}
.xgyd_title{ width:800px; float:left height:50px;  line-height:50px; font-size:14px;color:#E62129; font-weight:bold}
.xgyd_box{ width:800px; float:left}
.xgyd_box li{ width:350px; padding-left:25px; float:left; line-height:45px;background:url(../img/xgli.png) no-repeat 0px 14px}
/**/
.cptj{ width:800px; float:left;  margin-top:20px}
.cptj_tit{ width:800px; float:left; background:#243645; line-height:35px}
.cptj_tit .tl{ width:100px; float:left; text-align:center; font-weight:bold; font-size:14px; color:#fff}
.cptj_tit .tr{ width:50px; float:right;padding-right:15px}
.cptj_tit a{ color:#fff}
.cptj_con{ width:768px; float:left; padding:15px; border:#e2e2e2 solid 1px; border-top: none}
.cptj_con li{ width: 180px; float: left;margin-right: 10px;overflow: hidden;display: inline}
.cptj_con img {width: 178px; border: 1px solid #ccc; margin:5px 0 5px 0}
.cptj_con img:hover{border: 1px solid #ED0C3A}
.cptj_con span a{ height:34px;line-height:34px;display:block;text-align:center;overflow:hidden}
#demo{width:768px; overflow:hidden}

.newsr{ width:320px; float:right}
.newsr .xwhot{ width:320px; float:left}
.newsr .xwhot .xwtit{ width:320px; float:left; line-height:30px}
.newsr .xwhot .con{ width:320px; float:left}
.newsr .xwhot .con ul li{ width:320px; float:left; height:35px; line-height:35px; border-bottom:1px dotted #d5d5d5}
.newsr .xwhot .con ul li em{width:20px; height:20px;font-size:12px; float:left; background:#aaa; line-height:20px; margin:10px 10px 0px 2px;color:#fff; text-align:center; font-style:normal}
.newsr .xwhot .con ul li em.em01{ background:#243645}
.newsr .xwhot .con ul li em.em02{ background:#243645}
.newsr .xwhot .con ul li em.em03{ background:#243645}

.newsr .xwhot .tjfa{ width:320px; float:left; margin-top:30px}
.newsr .xwhot .tjfa ul li{ width:298px; float:left; text-align:center; border:#ccc solid 1px; margin-bottom:20px; padding:10px}
.newsr .xwhot .tjfa ul li .img{ width:298px; float:left}
.newsr .xwhot .tjfa ul li img{ width:290px; }
.newsr .xwhot .tjfa ul li span{ width:298px; float:left; font-size:16px; font-weight:bold; line-height:45px}