@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:#0089e2;}

.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:111px; text-align:center;}
.top .content{ width:1200px; margin:0 auto; height:111px;}

.nav{ width:100%; margin:0 auto; height:50px; display:block; line-height:50px; background:#1175cb}


/*header*/


.nav .navbox{ width:1200px; margin:0 auto; height:50px; line-height:50px;}
.nav  ul li{float: left;position:relative;/* width: 140px; */ height:50px; line-height:50px; width:171px;}
.nav  ul li a{font-size: 15px; height:50px;line-height: 50px;display:block;text-align: center;/* margin-right: 20px; *//* margin-left: 20px; */text-decoration: none; color:#FFF} 
.nav  ul li a:hover{color: #FFFFFF; line-height:50px; height:50px;background:#1066b3;}
.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:#1f9a98; 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:#1066b3;}



.probox{ width:1200px; margin:50px auto; }
.probox h3{ color:#fbce00; font-size:26px; font-weight:bold; text-align:center; line-height:40px;}
.probox p{ text-align:center; font-size:18px; width:1200px; margin:0 auto}




.probox .content{ width:1200px; margin:30px auto 0 auto;}
.probox .content ul li{ float:left; width:112px; margin-left:15px; margin-right:15px;}
.probox .content ul li a{ width:112px; text-align:center; height:50px; line-height:50px; display:block; font-size:16px;}
.probox .content ul li a:hover{ color:#fff; background:#fbce00; height:50px; display:block; width:112px; line-height:50px;font-size:16px;}
.product_tabs{ width:1200px; /*display:block; height:605px; overflow:hidden*/}
.product_tab{display:none}
.proimg_dd{ width:280px; height:240px; float:left; margin:10px 9px 10px 10px; display:block; text-align:center; line-height:40px; overflow:hidden; }
.proimg_dd p{overflow:hidden;width:280px; height:200px; }
.proimg_dd img{ width:280px; height:200px; transition: all 0.3s linear 0s;}
.proimg_dd span{ line-height:40px; text-align:center}

.proimg_dd:hover span{ line-height:40px; text-align:center; color:#0089e2;}
.proimg_dd:hover img{transform: scale(1.2);}

/*end*/
.dhbox{ width:100%; margin:0 auto; height:308px; background:#f7f7f7;}
.dhbox .content{ width:1200px; margin:0 auto; height:278px; background:url(../images/dh_bg.jpg) repeat-x left center; padding-top:30px;}
.dhbox .content h3{ text-align:center; font-size:26px; color:#fbce00;}
.dhbox .content ul{ width:1200px; margin-top:40px;}
.dhbox .content ul li{ float:left; width:300px; text-align:center;}
.dhbox .content ul li span{ font-size:18px; text-align:center; line-height:30px; display:block; width:300px;}
.dhbox .content ul li p{ text-align:center; font-size:14px; line-height:20px; color:#6c6c6c}


.about{ width:1200px; margin:50px auto; position:relative; height:467px; display:block}
.about .aboutbox{ width:790px; border:solid 1px #dddddd; height:465px; border-top:none;}
.about .aboutbox .title{ height:60px; width:790px; background:#dddddd;}
.about .aboutbox .title span{ display:block; background:#0089e2; height:60px; line-height:60px; font-size:18px; font-weight:bold; color:#FFF; width:160px; text-align:center;}
.about .aboutbox .content{ padding:25px; width:740px;}
.about .aboutbox .content img{ float:left;}
.about .aboutbox .content p{ width:380px; float:right; line-height:30px; text-align:left; display:block}
.about .aboutbox .content p a{color:#0089e2;}
.about .contact{ width:324px; border:solid 1px #dddddd; position:absolute; top:0px; right:0px; height:415px; padding:25px;}
.about .contact .title{ color:#0775cc; font-size:18px; border-bottom:solid 1px #dddddd; line-height:20px; height:40px;}
.about .contact img{ margin:18px auto; }
.about .contact p{ line-height:40px;}
/*end*/
.newsbox{ width:1200px; margin:0 auto 40px auto;}
.newsbox .title{ text-align:center; width:1200px; margin:0 auto; display:block;}
.newsbox .title span{ font-size:26px; text-align:center; color:#fbce00; line-height:50px;}
.newsbox .title p{ text-align:center; font-size:18px; color:#7a828e; line-height:20px;}

.newsbox ul{ width:1200px; margin:40px auto 0 auto}
.newsbox ul li{ float:left; width:380px; margin-left:10px; margin-right:10px;}
.newsbox ul li img{ width:380px; height:190px; display:block}
.newsbox ul li span{ font-size:18px; font-weight:bold; line-height:40px;}
.newsbox ul li p{ width:380px; line-height:28px; text-align:left; font-size:14px;}

.footer{ height:140px; width:100%; margin:0 auto; background:#4b4b4b; padding-top:40px;}
.footer .content{ width:1200px; margin:0 auto; text-align:center; color:#FFF; line-height:30px; display:block}
.footer .content *{ color:#FFF}
/**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:#1275cc; 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:#1275cc; 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.jpg) 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;}
.proimg_c p{ height:40px; width:250px; font-size:14px; text-align:center; display:block; line-height:40px; }




/*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;}



#telback{ background:url(../images/lxs.png) no-repeat 80px -30px; min-height:450px; padding:50px 0 0 480px; width:420px}



/*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:#1275cc}
.page a.num{padding:0 10px;}
.page a.num:hover{ padding:3px 10px; color:#fff; background:#1275cc}

/*guestbook*/
.guestbook_show{  margin:20px auto 0;}
.guestbook_top{ height:40px; background:#eee; line-height:40px; padding:0 10px 0 17px;}
.guestbook_top .mustwrt{ display:block; float:right;} 
.guestbook_show em{ color:#f00; font-style:normal;}

.guestbook_form .inp_one{ width:380px;height:28px; line-height:28px;outline: none;border:1px solid #ccc;padding-left: 4px;}
.guestbook_form .inp_one:focus{border:1px solid #3671cf;}
.guestbook_form{ padding:20px 20px 0;}
.guestbook_form dl{ width:100%; overflow:hidden;line-height:28px; height:28px; padding:10px 0;}
.guestbook_form dt{ width:80px; float:left;}
.guestbook_form dd{ width:620px; float:left; }
.guestbook_form dd span{padding-left:15px}
.guestbook_form dd span i{ color:#F00; padding:0 5px; }
.guestbook_form dd span.quetion{ display:block;}
.guestbook_form .bookdl{ height:180px; overflow:hidden;line-height:20px; padding-bottom:0;}
.guestbook_form .button{width:150px;height:32px; background:#b8b8b8; border:none; margin-right:10px; color:#fff;cursor: pointer;}
.guestbook_form .button:hover{ background:#f1f1f1; color:#555;}
.guestbook_form .form_b{ width: 693px;margin:0 auto;padding:20px 0 0 0;text-align: center;}

.guestbook_title{ padding:20px 20px 0; color:#2a6cd4}
.guestbook_title strong{ color:#f00;}
.guestbook_title b{ padding:0 10px; font-weight:normal;}
.guestbook_cnt{ padding:5px 20px 20px;border-bottom: 1px dashed #ccc}
.guestbook_reply{ color:#f00; background:#f6f6f6; line-height:40px;}