@charset "utf-8";
*{margin: 0px;padding: 0px;font-size:14px;color:#333; font-family:微软雅黑, Arial, Helvetica, sans-serif; line-height:26px; list-style:none; font-weight:100}
body{ max-width:1920px; margin:0 auto;}
img{ border:none}
a{ color:#333; text-decoration:none;}
a:hover{ text-decoration:none; color:#0261ae;}

.left{ float:left}
.right{ float:right}
.clear{ height:0; line-height:0; overflow:hidden; clear:both}
.textover{text-overflow:ellipsis;white-space:nowrap;}


.top{ width:100%; margin:0 auto; height:112px; text-align:center;}
.top .content{ width:1200px; margin:0 auto; height:112px;}

.nav{ width:100%; margin:0 auto; height:44px; display:block; line-height:44px; border-bottom:solid 1px #eeece0; border-top:solid 1px #eeece0;}


/*header*/


.nav .navbox{ width:1200px; margin:0 auto; height:44px; line-height:44px;}
.nav  ul li{float: left;position:relative;/* width: 140px; */ height:44px; line-height:44px; width:133px;}
.nav  ul li a{font-size: 14px; height:44px;line-height: 44px;display:block;text-align: center;/* margin-right: 20px; *//* margin-left: 20px; */text-decoration: none;} 
.nav  ul li a:hover{color: #FFFFFF; line-height:44px; height:44px;background:#1d4a8e;}
.nav  ul li ul{ position:absolute; left:0px; top:44px; z-index:99999; background:#FFF; display:none;}
.nav  ul li:hover ul{ position:absolute; left:0px; top:44px; z-index:99999; background:#1d4a8e; display:block;}
.nav  ul li ul li a{display:block;height: 44px;line-height: 44px;border-bottom:#1f4f98 solid 1px;margin:0px;width: 133px;text-align:center;color:#fff;font-size: 12px;}
.nav  ul li ul li a:hover{ background:#183f78; border-bottom:#1f4f98 solid 1px; color:#fff;}
.nav .nav_on{color: #fff;background:#1d4a8e;}






.probox{ width:100%; margin:30px auto;}
.probox .title{ width:100%; text-align:center; font-size:26px; font-weight:bold}
.probox .title p{ text-transform:uppercase; font-size:14px; line-height:30px; text-align:center; color:#606060}
.probox .bg{ height:5px; width:100%; margin:0 auto; background:url(../images/title_bg.jpg) repeat-x  left center;}
.probox .bg span{ height:5px; display:block; width:100px; background:#024b97; margin:0 auto}
.probox .content{ width:100%; margin:0 auto; background:#f6f6f6; padding-top:40px; padding-bottom:40px; }
.probox .text{ width:1200px; text-align:center; margin:0 auto; height:50px; line-height:50px; color:#9b9b9b; margin-bottom:5px;}

.proimg_dd{ width:240px; height:413px; float:left; margin:10px 10px; display:block;}
.proimg_dd img{width:240px; height:343px;}
.proimg_dd p{ height:70px; width:240px; font-size:14px; text-align:center; display:block; line-height:40px; color:#FFF; background:#1d4a8e;}
.proimg_dd p span{ display:block; line-height:15px; color:#FFF;}


/*end*/

.ywbox{ width:100%; margin:50px auto;}
.ywbox .title{ width:100%; text-align:center; font-size:26px; font-weight:bold}
.ywbox .title p{ text-transform:uppercase; font-size:14px; line-height:30px; text-align:center; color:#606060}
.ywbox .bg{ height:5px; width:100%; margin:0 auto; background:url(../images/title_bg.jpg) repeat-x  left center;}
.ywbox .bg span{ height:5px; display:block; width:100px; background:#024b97; margin:0 auto}
.ywbox .text{ width:1200px; text-align:center; margin:0 auto; height:50px; line-height:50px; color:#9b9b9b; margin-bottom:5px;}
.ywbox .content{ width:1200px; margin:0 auto;}
.ywbox ul{ width:1200px; margin:0 auto;}
.ywbox ul li{ float:left; margin-left:10px; margin-right:10px; border:solid 1px #dddddd; height:240px; width:348px; display:block; margin-bottom:25px; text-align:center; padding:15px;}
.ywbox ul li span{ display:block; margin:0 auto; font-size:20px; text-align:center;}
.ywbox ul li p a{ font-size:16px; text-align:center; line-height:30px; display:block; margin-top:20px; color:#636363;}
.ywbox .m1{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m1.png) no-repeat center center; display:block;}
.ywbox .m2{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m2.png) no-repeat center center; display:block;}
.ywbox .m3{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m3.png) no-repeat center center; display:block;}
.ywbox .m4{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m4.png) no-repeat center center; display:block;}
.ywbox .m5{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m5.png) no-repeat center center; display:block;}
.ywbox .m6{ width:100px; height:70px; margin:10px auto 8px auto; background:url(../images/m6.png) no-repeat center center; display:block;}
/*end*/

.aboutbox{ width:100%; margin:0 auto;}
.aboutbox .title{ width:100%; text-align:center; font-size:26px; font-weight:bold}
.aboutbox .title p{ text-transform:uppercase; font-size:14px; line-height:30px; text-align:center; color:#606060}
.aboutbox .bg{ height:5px; width:100%; margin:0 auto; background:url(../images/title_bg.jpg) repeat-x  left center;}
.aboutbox .bg span{ height:5px; display:block; width:100px; background:#024b97; margin:0 auto}
.aboutbox .text{ width:1200px; text-align:center; margin:0 auto; height:50px; line-height:50px; color:#9b9b9b; margin-bottom:5px;}
.aboutbox .content{ width:1200px; margin:30px auto 50px auto; line-height:35px; font-size:16px;}
.aboutbox .content img{ float:left;}
.aboutbox .content p{ float:right; width:634px; display:block; line-height:35px; font-size:16px;}
.aboutbox .content p a{ display:block; margin-top:5px; width:185px; height:45px; color:#FFF; text-align:center; line-height:45px; background:#004d97;}


/*end*/
/*首页新闻资讯*/

.newsbox{ width:1200px; margin:50px auto; position:relative; height:520px;}
.newsbox .news{ position:absolute; left:0px; top:0px; width:792px;}
.newsbox .news .title{ width:792px; background:#f1f1f1; height:60px; display:block;}
.newsbox .news .title span{ width:160px; background:#004d97; height:60px; line-height:60px; color:#FFF; font-size:18px; font-weight:bold; display:block; text-align:center;}
.newsbox .news .content{ width:750px; border:solid 1px #f1f1f1; padding:20px;}
.newsbox .news .content img{ float:left;}
.newsbox .news .content .n_r{ width:466px;}
.newsbox .news .content .n_r .head{ height:120px; padding-bottom:20px; border-bottom:solid 1px #f1f1f1}
.newsbox .news .content .n_r .head h3{ font-size:15px; line-height:40px;}
.newsbox .news .content .n_r .head .cont{ line-height:20px; color:#666}
.newsbox .news .content .n_r .head .more{ background:url(../images/more_bg.png) no-repeat center; width:96px; text-align:center; color:#FFF; height:36px; line-height:36px; display:block; margin-top:10px;}

.newliho{ margin:15px auto 0;}
.newliho ul li{border-bottom:dotted 1px #f1f1f1; width:466px; height:35px; line-height:35px; background:url(../images/icon.gif) no-repeat 10px center; text-indent:20px;}
.newliho ul li a{ height:35px; line-height:35px; width:366px; display:block; overflow:hidden; font-size:14px; font-weight:100; }
.newliho ul li span{ height:35px; line-height:35px; width:100px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; }



.quebox{ width:324px; border:solid 1px #f1f1f1; position:absolute; right:0px; top:0px; padding:20px 25px; height:448px;}
.quebox .head{ height:45px; line-height:45px; padding-bottom:10px; border-bottom:solid 1px #dddddd;}
.quebox .head span{ font-size:16px; color:#0168b7; float:left; height:45px; line-height:45px;}
.quebox .head a{ float:right; height:45px; line-height:45px; background:url(../images/q_m.jpg) no-repeat right center; display:block; width:50px;}
.quebox img{ padding-top:20px; padding-bottom:15px; border-bottom:dotted 1px #f1f1f1;}

.quebox .content{ width:324px; overflow:hidden ;border-top:5px solid #fff}

.quedage{ height:90px; width::324px; display:block; border-bottom:1px dashed #999999; margin:5px 0}
.quedage .quebt{ width:294px; height:35px; line-height:35px; background:url(../images/w.jpg) no-repeat 0 5px; padding-left:30px; font-size:15px; overflow:hidden; display:block; font-weight:bold}
.quedage .cont{width:294px; height:50px; line-height:25px; background:url(../images/d.jpg) no-repeat 0 5px; padding-left:30px; overflow:hidden; font-size:12px; font-weight:100;}
.quedage .cont,.quedage .cont *{ color:#666666; font-size:12px; line-height:25px}



/*end*/

.footer{ height:240px; width:100%; margin:0 auto; background:#2d2d2d;}
.footer .content{ width:1200px; margin:0 auto;}
.footer .content ul{}
.footer .content ul li{ float:left;}
.footer .content .logo{ width:350px; background:url(../images/f_logo.jpg) no-repeat right center; height:240px; display:block;}
.footer .content .text{ width:675px; padding-left:25px; line-height:30px; color:#FFF; padding-top:75px;}
.footer .content .er{ padding-top:40px;}
/**end**/

/**内页**/
.mainframe{ width:1200px; margin:40px auto 30px auto;}
.leftcplist{ float:left; width:255px; height:auto; display:block}
.leftcplist .head{width:255px; height:100px; background:#1d4a8e; display:block; text-align:center}
.leftcplist .head p{ font-size:24px; color:#fff; line-height:30px; padding-top:32px}
.leftcplist .head span{ text-transform:uppercase;font-size:13px; line-height:25px; color:#fff; font-family:Arial, Helvetica, sans-serif}
.leftcplist .content{ background:#ecedec;}

.onepro{ width:255px; height:44px; border-bottom:1px dotted #bfbfbf; display:block; text-indent:20px; line-height:44px;font-size:15px; color:#000; margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.onepro:hover{ background:url(../images/onepro.jpg) no-repeat 0 0; color:#000; line-height:44px;}
.twopro{ width:255px; height:32px; border-bottom:1px dotted #cfcfcf;line-height:32px; text-indent:20px; display: block;font-size:14px; color:#333; background: url(../images/icon.png) 12px center no-repeat; margin:0 auto;text-overflow:ellipsis;white-space:nowrap;overflow:hidden; display:block}
.texts{ width:160px;height:110px; background:url(../images/dianhua.png) no-repeat 15px center #666; padding-left:95px}
.texts p{ font-size:12px; color:#fff; line-height:15px; padding-top:35px}
.texts span{ font-size:19px; color:#fff; line-height:25px;}

.rightframe{width:910px; height:auto;float:right;}
.maincont{width:910px; height:auto;}
.maincont .head{width:910px; height:50px; border-bottom:1px solid #ececec; border-top:solid 1px #ececec;}
.maincont .head p{ float:left;  line-height:50px; font-size:18px; color:#1d4a8e; text-indent:15px;}
.maincont .head span{ float:right;line-height:51px; font-size:14px; color:#666666}
.maincont .content{ margin-top:25px; line-height:30px;}

.proimg_d{ width:240px; height:383px; float:left; margin:10px 10px; display:block;}
.proimg_d img{width:240px; height:343px;}
.proimg_d p{ height:70px; width:240px; font-size:14px; text-align:center; display:block; line-height:40px; color:#FFF; background:#1d4a8e;}
.proimg_d p span{ display:block; line-height:15px; color:#FFF;}


.blocka{width:910px; margin:0 auto;}
.blocka ul li{border-bottom:dotted 1px #f1f1f1; width:910px; height:35px; line-height:35px; background:url(../images/icon.gif) no-repeat 10px center; text-indent:20px;}
.blocka ul li a{ height:35px; line-height:35px; width:805px; display:block; overflow:hidden; font-size:14px; font-weight:100; float:left; }
.blocka ul li span{ float:right; height:35px; line-height:35px; width:100px; display:block; overflow:hidden; font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666;}

.proimg_c{ width:260px; height:220px; float:left; margin:10px 15px 10px 19px; display:block; padding:2px; border:solid 1px #CCC}
.proimg_c img{max-width:260px; height:180px; margin:0 auto;}
.proimg_c p{ height:40px; width:250px; font-size:14px; text-align:center; display:block; line-height:40px; }

.maincont .content dl{ float:left; margin:10px 10px 10px 12px; border:dotted 1px #CCC; padding:5px; position:relative; width:420px; height:257px;}
.maincont .content dl dt{ position:absolute; left:5px; width:180px; height:257px;top:5px;}
.maincont .content dl dt img{width:180px; height:257px;}
.maincont .content dl dd{ width:220px; position:absolute; right:5px; top:5px; line-height:30px; font-size:15px; font-weight:bold}
.maincont .content dl dd span{ font-size:14px; display:block; width:220px; border-bottom:dotted 1px #CCC}
.maincont .content dl dd p{ line-height:25px; font-size:12px; padding-top:10px; padding-bottom:10px;}
.maincont .content dl dd a{ display:block; background:#1d4a8e; width:100px; color:#FFF; height:30px; line-height:30px; text-align:center;}



/*图片小图预览列表*/
.spec-preview{width:290px; height:auto; display:table}

.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{ width:250px; height:auto; padding:5px; margin:0 auto; vertical-align:middle}
.jqzoom p{ width:250px; line-height:40px; font-size:16px; margin:0 auto;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:350px;height:350px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

.maincont .content .main1_intro{ margin-bottom:20px}
.maincont .content .main1_intro .left{ float:left}
.maincont .content .main1_intro .right{ width:620px;  float:right}
.maincont .content .main1_intro .right .title{ border-bottom:1px dashed #ddd; margin-bottom:10px; line-height:30px; font-size:20px; overflow:hidden;}
.maincont .content .main1_intro .right .title span{ display:block; font-size:14px; line-height:40px; display:block; background:#1d4a8e; width:200px; text-align:center; height:40px; color:#FFF; margin-bottom:10px; margin-top:5px;}
.maincont .content .main1_intro .right .text{ line-height:32px; font-size:14px;}
.maincont .content .main1_intro .right .rex{ font-size:16px;}
.maincont .content .main1_intro .right .rex span{ font-size:22px; color:#03F}


/*news_show*/
.news_content{ }
.news_content h1{ font-size:18px; line-height:40px; margin:10px auto;text-align:center;}
.news_content .newssp{ display: block;margin: 0 auto;text-align: center; }
.news_content .news_show{width:100%; margin:20px 0; text-align:left; text-indent:2em; }
.news_content .news_show img{ text-align:center; display:block; margin:0 auto}
.news_page{ margin:20px auto;overflow: hidden; width:910px; border:solid 1px #eeeeee; height:40px; line-height:40px; padding:15px;}
.news_page li{ width:455px;float:left; height:40px; line-height:40px; overflow:hidden;}
.news_page .pagepre{ color:#999} 
.news_page .pagenext{text-align:right; color:#999} 
.news_page .pagepre:hover{}
.news_page .pagenext:hover{}


/*prodouct_showB*/
.product_showB{ width:100%;}
.product_showB .showB{ }
.product_showB .showB h1{font-size:18px; line-height:40px;text-align:left; }
.product_showB .showB p{ line-height:26px;}
.prodB_content{ width:100%; border-top:1px dotted #ccc; margin-top:20px;}
.prodB_content h1{ font-size:18px; font-weight:bold;line-height:40px; color:#248bcd;}
.prodB_content .text_showB{ line-height:30px;}
.prodB_content .text_showB p{text-indent:2em; line-height:30px;}







/*related product*/
.related{ position:relative;margin: 20px auto;background:#fafafa; padding:15px;border: 1px solid #d1d1d1;overflow:hidden; height:250px; width:1170px;}
.related .prdList{}
.related h4{ font-size:24px; font-weight:normal;padding: 10px 0 20px 12px;}
.related .hd2{ overflow:hidden;height:30px;text-align: center;}
.related .hd2 ul{overflow:hidden; zoom:1; margin-top:5px; zoom:1; }
.related .hd2 ul li{display: inline-block;*display: inline;zoom:1; width:8px;height:8px;overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer; background:url(../images/public/prd_off.jpg) no-repeat; }
.related .hd2 ul li.on{ background-position:0 0; background:url(../images/public/prd_on.jpg) }
.related .bd2{ display:block; width:658px; overflow:hidden}
.related .bd2 ul{ overflow:hidden; zoom:1;  }
.related .bd2 ul .prdtitle{ width: 207px !important;height:180px;display:inline; overflow:hidden; position:relative; text-align:center;margin:0 6px; float:left;}
.related .bd2 ul .prdtitle-large{margin:0 5px;}
.related .bd2 ul .prdtitle img{ width:201px; height:160px;border:1px solid #ccc;}
.related .bd2 ul .prdtitle span{ display:block; line-height:30px;}


.page{ width:100%;margin:10px auto; line-height:30px; text-align:right;}
.page span{ display:inline-block; padding:0 10px 0 0;}
.page a.num.select{ padding:3px 10px; color:#fff; background:#035bab}
.page a.num{padding:0 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#035bab}