﻿/**首页头部与底部**/

#head,#nav,#maincontent,#mainabout{width:1030px; margin:0px auto; margin-bottom:10px;}
#right{float:right;}
#banner{ width:100%; height:370px; background:url(../img/b1.jpg) no-repeat top; min-width:1030px; }
#yscontent{ background:url(../2016/bg.jpg) center top; height:auto; min-width:1030px; }
#maincontent{ height:auto;}
#maincontent_left{float:left; width:230px; height:auto; padding-top:25px}
.ysimage{ text-align:center; padding-top:30px; padding-bottom:30px}
.youshibox{ background:url(../2016/ysline.png) no-repeat center top; padding-bottom:30px; padding-top:20px}
.youshibox_left{float:left;width:590px}
.youshibox_right{float:right;width:410px; text-align:right; padding-top:20px}
.youshibox_left1{float:left;width:410px; padding-top:15px}
.youshibox_right1{float:right;width:590px;}
.youshilist{ font-size:14px; line-height:24px; color:#454545;}
.youshititle{ height:70px; padding-top:25px}
.youshititle_a{float:left; width:85px;}
.youshititle_b{float:left; line-height:60px; color:#0069aa; font-size:20px; font-weight:bold;}
.youshititle_c{float:left; color:#0069aa; font-size:20px; line-height:30px; font-weight:bold;}
#maincontent_right{float:right; width:800px; height:auto; padding-top:25px; overflow:hidden}
.lefttitle{ background:url(../img/lefttitle.png) center center; line-height:43px; height:43px; font-size:18px; font-weight:bold; color:#ffffff; text-align:center;}
.righttitle{height:55px; background:url(../img/locationdi.png); margin-left:20px}
.righttitle_a{float:left; line-height:52px;font-size:16px; font-weight:bold; color:#006bb4; padding-left:33px}
.righttitle_b{float:right; padding-top:18px; padding-right:20px}

.newsproduct{  background:url(../img/newsproductbg.png) repeat-y right top; padding-left:20px; }
.bottom{ margin-left:20px; border-bottom:1px solid #d7d7d7; }
.newsproduct li{float:left;width:159x; height:176px; margin:0 20px; background:url(../psd/bottombg.jpg) no-repeat  center 177px;}
.newsproduct img{width:150px; height:150px; border:1px solid #ddd;}
.newsproduct dt{  text-align:center; line-height:24px;}


.ProductList{ padding-top:19px}
.ProductList li{float:left;width:375px; height:200px; padding-left:20px}
.ProductList dt img{width:180px; height:180px; border:0; float:left; }
.ProductList dd{ float:left;  text-align:left; line-height:24px; font-family:Arial, Helvetica, sans-serif; padding-left:5px; width:190px; overflow:hidden; }
.ProductList dd .title a{ color:#0072ff; font-size:12px; font-weight:bold;  display:block;}
.ProductList dd .size9{ font-size:12px;}

.kefutitle{height:48px; background:url(../img/kfdi.jpg)}
.kefutitle_a{float:left; line-height:43px;font-size:16px; font-weight:bold; color:#006bb4; padding-left:50px}
.kefutitle_b{float:right; padding-top:15px; padding-right:20px}
.kefuimage_wrap{ height:210px; padding-top:20px}
.kefuimage{ height:185px;}

.p_tu{ height:185px; overflow:hidden;}
.p_tu li{float:left; width:180px; height:153px;}
.p_tu li img{width:180px; height:153px; border:1px solid #e8e8e8}

#pro_list2 { width:739px; height:184px; overflow:hidden;margin:0 auto; overflow:hidden;}
.p_tu2{height:184px;  }
.p_tu2 li{float:left; width:160px; height:184px; text-align:center;}
.p_tu2 li img{width:160px; height:160px;}
.p_tu2 li p{ text-align:center; line-height:24px;}

.abouttitle{ background:url(../img/abouttitle.png); line-height:45px; height:45px; font-size:17px; font-weight:bold; color:#ffffff; padding-left:32px; margin-top:25px} 
.abouttitle span{ padding-left:50px; font-size:12px;} 
.aboutbox{ height:255px; padding:20px; padding-bottom:0; line-height:24px; font-size:14px; color:#454545; border:1px solid #d9d9d9; background:url(../img/aboutbg.jpg) left 0;}
.aboutbox a{ color:red; text-decoration:underline;}
.aboutbox h2{ color:#0065ab; font-size:16px; line-height:30px}
.aboutbox p{ padding-top:8px}
.aboutbox dt{ text-align:right; padding-top:2px;}
.chuhuobox{ height:180px; padding-top:20px; border:1px solid #d9d9d9; }
.newstitle_a{ height:40px;background:url(../img/newstitleline.gif) repeat-x bottom;}
.newstitle_a_1{float:left; border-bottom:2px solid #0d87d0; height:38px; color:#0464a0; font-weight:bold; font-size:16px; line-height:38px; padding-left:5px; padding-right:5px}
.newstitle_a_2{float:right; padding-top:10px;}
#newsmain_a{float:left; width:660px; height:425px; padding-top:15px; margin-left:10px;}
#newsmain_b{float:right; width:300px; padding-left:35px; height:425px; padding-top:15px}
.hotnews{border-bottom:1px dashed #d5d5d5; height:175px;}
.hotnews_a{float:left; width:200px; padding-top:20px}
.hotnews_b{float:right; width:450px; padding-top:20px; line-height:22px}
.hotnews_b h2{ line-height:30px; font-size:16px; height:35px}
.hotnews_b dt{ text-align:right;}
.indexnews{ padding-top:5px;}
.indexnews li{ line-height:34px; background:url(../img/dian.gif) no-repeat left 50%; padding-left:10px;border-bottom:1px dashed #d5d5d5;float:left;width:320px;}
.kefuboxtitle{width:1018px; margin:0px auto; margin-top:20px; background:url(../img/casedi.gif) repeat-x; height:40px; border:1px solid #dddddd; border-bottom:0px}
.kefuboxtitle_a{background:url(../img/casejt.gif) no-repeat 15px 50%; font-size:14px; padding-left:32px; line-height:40px;float:left; font-weight:bold;}
.kefuboxtitle_b{float:right; padding-right:15px; line-height:40px}
#foot{ width:100%; height:auto; background:#1167b8; text-align:center}
#foot a{ color:#cce1f0;}
#footmenu{color:#cce1f0;text-align:center; line-height:45px;}
#footmenu a{ padding:0 25px;}
#copyright{ height:auto; color:#cce1f0;text-align:center; border-top:1px solid #2480bf; padding-top:10px; padding-bottom:10px; line-height:20px}
.faq_wrap{ padding-top:20px; height:335px}
.gongg{height:336px; overflow:hidden;}
.wenda{ border-bottom:1px dashed #cccccc; padding-bottom:8px; padding-top:8px; font-size:12px}
.wen{ background:url(../img/we.gif) no-repeat left 3px; line-height:18px; padding-left:30px; padding-top:3px; padding-bottom:3px}
.wen a{ color:#0464a0; font-size:14px;}
.da{background:url(../img/da.gif) no-repeat left 5px; color:#000;  line-height:18px; padding-left:30px; padding-top:5px}
#friendlink{ width:955px; margin:0px auto; background:url(../img/link.png) no-repeat left 20px; height:80px; line-height:24px; padding-left:75px; padding-top:20px}
#friendlink li{ line-height:22px; float:left; padding-left:15px}
/**导航**/
#nav_wrap{ background:url(../2016/menudi.png); height:48px; min-width:1030px;}
#nav{height:48px; }
#nav a{color:#ffffff; font-size:17px; width:103px; text-align:center; font-weight:bold;  display:block; line-height:48px; float:left; background:url(../2016/navlibg.jpg) no-repeat right top; }
#nav a:hover{color:#ffff00; background:url(../2016/navlihoverbg.jpg) no-repeat  center top;}
#nav a.end{ background:none; }
#nav a.end:hover{color:#ffff00; background:url(../2016/navlihoverbg.jpg) no-repeat  center top;}


/**内页**/
.lefttitle_a{ background:url(../img/lefttitle.png); line-height:40px; height:40px; font-size:16px; font-weight:bold; color:#ffffff; padding-left:20px; margin-top:10px}
.leftimage_a{ padding:0px; margin:0px;}
.aboutcontent{padding-left:30px; padding-right:10px; padding-top:15px; padding-bottom:30px; font-size:14px; line-height:180%;  background:url(../img/newsproductbg.png) repeat-y right top; min-height:660px; }

.newscontent{padding-left:23px; padding-top:15px;background:url(../img/newsproductbg.png) repeat-y right top;}
.contactcontent{padding-left:35px; padding-top:15px; padding-bottom:30px; font-size:14px; line-height:180%}
.productcontent{  background:url(../img/newsproductbg.png) repeat-y right top; padding-left:10px; min-height:705px; }

.leftcontent{background:#e9e7ea; padding:12px; color:#000000; line-height:200%; border-bottom:3px solid #ff6600}
.leftcontent p{ padding-top:8px}
.leftcontent strong{color:#d23f00; font-size:14px}

.leftmenu{ padding:0; margin:0; }
.leftmenu li{line-height:40px; background:#cce1f0; background:url(../img/leftmenudi.gif)}
.leftmenu a{ padding-left:20px; font-size:15px; color:#4d4b4c; font-weight:bold;}
.type_list ul{ background:#F2F2F2; height:auto;}
.type_list ul li{ line-height:30px; width:100%;background:url(../psd/dot.jpg) no-repeat 10px center;}
.type_list ul li a{ padding-left:20px; font-size:14px; font-weight: normal; color:#4d4b4c;}
.type_list ul li a.cuanku{ padding-left:20px; font-size:12px; font-weight: normal; color:#4d4b4c;}



.productxxsm{ padding:10px 0px; text-align:center}
.productxxsm h2{ font-size:24px; font-weight:normal; line-height:30px; height:45px; color:#333333}
.productxxcs{ padding-top:10px; text-align:left; padding-bottom:15px}
.news{width:auto;height:auto;}

.news li{ padding-left:15px;height:36px; line-height:36px;border-bottom:1px dashed #dddddd; background:url(../img/newsjt.gif) no-repeat 3px 50%; font-size:14px}
.news span{float:right; width:70px; font-size:11px}

.newsasp li{ padding-left:15px;height:127px; border-bottom:1px dashed #cdcdcd; clear:both; padding:15px 0;  }
.newsasp li .left{ float:left;width:160px;height:127px;}
.newsasp li .left img{ width:150px; height:127px; padding-right:10px;}
.newsasp li .right{ height:127px; }
.newsasp li .right a.h2 { line-height:18px;padding-bottom:15px; display:block;  clear:both; font-weight:bold; font-size:14px; color:#5c69ca; background:url(../psd/arrow.jpg) no-repeat 10px 1px; padding-left:34px; }
.newsasp li .right div.content2{ line-height:24px; clear:both; margin-left:30px;}
.newsasp li .right div.content2 span{ float:right; font-size:11px; color:#ccc;}


.viewbox{width:auto; padding-top:6px}
.viewbox h2{font-size:18px;color: #444444; font-weight:weight; height:35px;text-align:center;border-bottom:1px dashed #dddddd}
.info{ line-height:25px; height:35px; text-align:right; color:#787878; padding-top:10px}
.content{ height:auto; padding-top:15px; min-height:277px; padding-left:15px; line-height:24px; }
.content1{ height:auto; padding-top:15px; padding-bottom:15px; text-align:left;}

.context{width:757px; height:30px; line-height:30px; padding:2px; background:#eeeeee; border:1px solid #ccc; font-size:14px; }
.context ul{ padding:0px; margin:0px;list-style-type:none;}
.context li.left{float:left; height:30px; line-height:30px;}
.context li.right{float:right; height:30px; line-height:30px; text-align:right;}
.context a{ color:#370080; line-height:14px;}
.context a:hover{ color:#370080; font-weight:bold;font-size:14px;}

.page_pic{ padding-top:19px}
.page_pic li{float:left;width:245px; height:220px; padding-left:20px}
.page_pic img{width:245px; height:180px; border:0}
.page_pic dt{ padding-top:5px; text-align:center}

.page_pic_chenggong{ padding-top:10px; margin-left:1px;}
.page_pic_chenggong li{float:left;width:203px; height:182px; margin:5px 22px; }
.page_pic_chenggong img{width:200px; height:150px; border:0; border:1px solid #f1f1f1;}
.page_pic_chenggong img:hover{ border:1px solid #ff6600;}
.page_pic_chenggong dt{ line-height:30px; text-align:center}

.page_picVideo{ padding-top:19px}
.page_picVideo li{float:left;width:377px; height:310px; padding-left:20px}
.page_picVideo dt{ padding-top:5px; text-align:center}


#contactbanner{ background:url(../img/contact.jpg) no-repeat center top; height:320px}
#newsbanner{ background:url(../img/news.jpg) no-repeat center top; height:320px}
#otherbanner{ background:url(../img/other.jpg) no-repeat center top; height:320px}
#aboutbanner{ background:url(../img/aboutbanner.jpg) no-repeat center top; height:320px}
#productbanner{ background:url(../img/product.jpg) no-repeat center top; height:320px}
/**按钮**/
.btn02 { width:120px; height:40px; background:#ff4400; color:#ffffff;font-size:16px; font-weight:bold; line-height:40px; cursor:pointer; border:0; margin:0; padding:0; text-align:center;}
.btn04 { width:120px; height:40px; background:#ad0000; color:#ffffff;  font-size:16px; font-weight:bold; cursor:pointer; line-height:40px; border:0; margin:0; padding:0; text-align:center;}

.clear{ clear:both;}

.main2016IndexBg{ background:url(../psd/main2016indexbg.jpg) repeat-x left top;}

.w1030{ width:1030px; margin:0 auto;}

.top2016{ /*background:url(../2016/top.gif) repeat-x;*/ height:36px; line-height:36px; }
.top2016 .left{ width:auto; text-align: right; float:left;  font-size:12px; }
.top2016 .right{ float:right;}
.top2016 .right span{ padding-right:10px; cursor:pointer; }
.top2016 .right span img{ vertical-align:middle;}

.name2016{ clear:both; /*background:url(../2016/logobg.png) repeat-x center top;*/ height:137px;}
.name2016 #head{ padding-top:24px;}
.name2016 h1.logo2017{ background:url(../2016/logo.png) no-repeat; margin-top:10px; height:91px;  width:782px; display:block; float:left;   }
.name2016 h1.logo2017 a{height:91px;  width:782px; display:block; font-size:30px; line-height:33px; color:red; text-indent:-9999px; display:block;}
.name2016 .right{ float:right; }
.name2016 #head .server{ font-size:16px; color:#333; padding-left:15px; margin-top:15px; }
.name2016 #head .tel{  line-height:28px;}
.name2016 #head .tel span{ padding-left:15px; font-size:18px; font-weight:bold; color:#0072ff; clear:both; display:block;}
.name2016 #head .tel span.a1{ letter-spacing:3px;}

.news2016Index{ height:450px; background:url(../2016/news.jpg) no-repeat center top; min-width:1030px; clear:both; }

.mt10{ margin-top:5px;}

.f450{float:left; padding:0 10px 10px 0;}