/* 通用默认样式-------------------------------------- */
body {background-color:#fff; margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;}
td {font-family:'Microsoft YaHei'; font-size:14px; color:#333333;text-decoration: none; line-height:24px;}
div {font-family:'Microsoft YaHei'; font-size:14px; color:#333333;text-decoration: none;line-height:24px;}
A:link   {font-family:'Microsoft YaHei'; font-size:14px; color:#333333;text-decoration: none;}
A:visited{font-family:'Microsoft YaHei'; font-size:14px; color:#333333;text-decoration: none;}
A:hover  {font-family:'Microsoft YaHei'; font-size:14px; color:#ff0000;text-decoration: none;}
A:active {font-family:'Microsoft YaHei'; font-size:14px; color:#ff0000;text-decoration: none;}

.fixed {
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

p{ padding:0; margin:0;}
li{ list-style:none;}
img{ border:0px;}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}

.clear{clear:both;}
body{display: block; background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;}
/*index*/
.top{ width:100%; float:left; min-width:1200px; height:87px; background:#fff; position:relative}
.box{ width:1200px; margin:0px auto;}
.top .box .logo{ width:133px; float:left; margin-top:13px;}

.menu{width:700px; float:right; height:87px;}
.menu ul{width:500px; LIST-STYLE-TYPE: none; height:87px; float:left}
.menu ul li{FLOAT:left; width:100px; height:87px; line-height:87px; text-align:center; list-style-type:none; position:relative}
.menu ul li A:link,.menu ul li A:visited{display:block; color:#000; font-size:15px; font-family:'Microsoft YaHei'; line-height:87px; text-decoration:none; height:87px;width:100%; float:left; border-top:2px solid #fff}
.menu ul li A:hover,.menu ul li A:active,.menu ul li A.on{color:#000; border-top:2px solid #b72024}
.menu2{ display:block; float:left;width:100px; height:87px; line-height:90px; text-align:center;}
.menu2 ul li A{font-family:'Microsoft YaHei';}

.menubg{ background:rgba(0,0,0,0.5);width:100%; height:40px; position:absolute; top:87px; left:0px; line-height:40px; display:none; z-index:998}

.menu ul li div{ height:40px; line-height:40px; float:left; position:absolute; top:87px; right:0px;width:600px; z-index:999; text-align:right; display:none}
.menu ul li div a:link,.menu ul li div a:visited{display:inline-block; color:#fff; font-size:14px; font-family:'Microsoft YaHei'; line-height:40px; text-decoration:none; height:40px;width:110px; float:none; border:0px}
.menu ul li div a:hover,.menu ul li div a:active{ color:#ccc}


.menubg{ background:rgba(0,0,0,0.5);width:100%; height:40px; position:absolute; top:87px; left:0px; line-height:40px;}


.banner{width:100%; float:left; min-width:1200px; height:684px; text-align:center; background:#fff}

.search{ width:100%; float:left; min-width:1200px; height:48px; border-bottom:2px solid #d6d2d2;}
.search .searchbox{ width:1200px; margin:0px auto;}
.search_l{ width:950px; float:left; height:48px; line-height:48px; color:#01366a;}
.search_l a{ font-size:12px; margin-right:15px; margin-left:15px;}
.search_r{ float:right; width:228px; padding-top:8px;}
.search_r form{ width:228px; height:32px; float:right;}
.search_r form .text{ width:173px; height:30px; border:1px solid #CCC; float:left; padding-left:10px; font-size:12px; color:#666;}
.search_r form .button{ width:37px; height:32px; float:left;}

.inabout{ width:100%; float:left; min-width:1200px; background:#fff}
.inabout .topsub{ width:100%; float:left; padding:45px 0px;}
.inabout .topsub .topsubbox{ width:985px; height:144px; margin:0px auto; background:url(../images/in_sub.jpg) no-repeat;}
.inabout .topsub .topsubbox ul{ padding:13px 0px 0px 204px; float:left;}
.inabout .topsub .topsubbox ul li{ width:192px; height:118px; float:left; text-align:center; overflow:hidden;}
.inabout .topsub .topsubbox ul li a{display:block;width:192px; height:118px; padding-top:80px;}
.inabout .topsub .topsubbox ul li a:hover{ color:#01366a;}
.inabout .ina_con_t{ width:100%; float:left; text-align:center; padding:60px 0px; font-family:'Microsoft YaHei'; font-size:15px; color:#4f4e4e}
.inabout .ina_con_t span{ font-size:30px; color:#000;font-family:'Microsoft YaHei'; display:inline-block; margin-bottom:20px}

.inabout .ina_con_c{ width:100%; float:left; background-color:#fff; padding-bottom:20px}
.inabout .ina_con_cbox{ width:1200px; margin:0px auto; padding-bottom:50px}
.inabout .ina_con_cbox ul{width:1227px; float:left}
.inabout .ina_con_cbox li{width:380px; float:left; margin-right:27px; text-align:center; text-transform:uppercase;margin-bottom:16px; overflow:hidden}
.inabout .ina_con_cbox li img{ display:block; float:left;width:100%; margin-bottom:17px;transition: all 0.6s; }
.inabout .ina_con_cbox li img:hover{transform: scale(1.08); }

.inabout .ina_con_cbox2{ width:1200px; margin:0px auto; padding-bottom:30px}
.inabout .ina_con_cbox2 ul{width:1227px; float:left}
.inabout .ina_con_cbox2 li{width:393px; float:left; margin-right:14px; margin-bottom:16px;text-align:center; text-transform:uppercase;}
.inabout .ina_con_cbox2 li div{width:393px; float:left;margin-bottom:17px;overflow:hidden; position:relative; height:260px}
.inabout .ina_con_cbox2 li span{display:block; float:left;width:260px; height:260px;}
.inabout .ina_con_cbox2 li em{display:block; float:right;width:130px; height:260px;}
.inabout .ina_con_cbox2 li img{ display:block; float:left;width:100%; height:260px}

.incontact{width:100%; float:left; background:#fff; padding:50px 0px}
.incontact .c{width:1200px; margin:0 auto; text-align:center;}
.incontact ul{width:100%; float:left; margin-bottom:50px}
.incontact li{width:20%; float:left; color:#242424; font-family:'Microsoft YaHei';}
.incontact li a{ display:inline-block;width:80px; height:22px; line-height:22px; color:#fff; background:#000;border-radius:22px;}


.foot{ width:100%; float:left; min-width:1200px; background:#fff;}
.footbox{ width:1200px; margin:0px auto; border-top:1px solid #cdcdcd; text-align:center; padding:35px 0px; color:#787878}

.case{ padding-top:50px}


.toplan{ width:100%; float:left; min-width:1200px; height:48px; border-bottom:1px solid #ddd;}
.toplan .toplanbox{ width:1200px; margin:0px auto;}
.toplan_l{ width:300px; float:left; height:48px; line-height:48px; }
.toplan_l a{color:#666; background:url(../images/goback.png) top left no-repeat; padding-left:25px;}
.toplan_l a:hover{ color:#F00;}
.toplan_r{ width:900px; float:left; height:48px; line-height:48px; text-align:right; color:#666;}

.main{ width:100%; min-width:1200px; float:left; padding-top:50px; background:#fff}
.mainbox{ width:1200px; margin:0 auto;}
.maintitle{ width:100%; height:50px; background:#f5f5f5; float:left;}
.maintitle ul li a{ float:left; padding:0px 25px; border-right:2px solid #fff; line-height:50px; text-align:center; color:#666;}
.maintitle ul li a:hover{ color:#e76f30;}
.maintitle ul li .on{ color:#e76f30;}
.maincon{ width:100%; float:left; padding-top:20px;}


.loc{width:100%; float:left; color:#000; margin-bottom:50px}
.loc a{ color:#000}
.newslist{width:1200px; float:left; overflow:hidden}
.newslist ul{width:1234px; float:left}
.newslist li{ width:580px; float:left; margin-right:34px; margin-bottom:40px }
.newslist a span{ color:#000000; font-size:22px; display:block; float:left;width:100%; padding:10px 0px}
.newslist a{ color:#595959; font-family:'Microsoft YaHei';}
.newslist img{width:100%;transition: all 0.6s; }
.newslist img:hover{transform: scale(1.02); }




.newsview{ width:100%; float:left;}
.newsview .title{ width:100%; float:left; font-size:26px; padding-top:20px;}
.newsview .title font{ font-size:14px; color:#666; padding-left:10px;}
.newsview .context{ width:100%; float:left; padding:25px 0 20px 0; border-bottom:1px dotted #ccc;}
.pagenav{ width:100%; padding-top:20px; float:left;}
.pagenav_l{ width:48%; float:left;}
.pagenav_r{ width:48%; float:right; text-align:right;}

.productlistul{ width:1200px; float:left;}
.productlistul li{ width:260px; float:left; padding:0px 20px;  margin-top:20px;}
.productlistul li div{ width:240px; height:240px; border:1px solid #ccc; padding:9px;}
.productlistul li a img{ border:0px; width:240px; height:240px;}
.productlistul li p{ width:100%; text-align:center; padding-top:5px; float:left; line-height:20px;}

.productview{ width:1200px; float:left; overflow:hidden; text-align:center; padding-top:20px;}
.productview p{ font-size:16px; padding-top:30px;}

.showpro{width:100%; float:left}
.showpro_left{width:55%; float:left}
.showpro_right{width:45%; float:left;}
.showpro_right .t{width:100%; float:left; border-bottom:1px solid #bfbfbf; font-size:24px; color:#000; padding:10px 0px; font-weight:bold; margin-bottom:10px }
.showpro_right span{ color:#000; font-size:18px; display:inline-block; margin-top:10px; margin-bottom:10px}
.showpro_right a{ display:inline-block; width:113px; height:30px; text-align:center; line-height:30px; background:#000; color:#fff}
.showpro_right div{ color:#605f5f; font-size:16px}

.about_t{width:100%; float:left; border-bottom:1px solid #cbcbcb; height:66px; line-height:66px; text-align:center; font-size:15px; color:#494949;}
.about_t a{ display:inline-block; padding:0px 13px; color:#494949}
.about_t a:hover,.about_t a.on{ color:#990000}
.about_c{ width:100%; float:left; padding:50px 0px; line-height:26px}


.hotpro{ width:1200px; height:334px; margin:0px auto;}
.hotpro ul{width:1223px; float:left}
.hotpro li{width:130px; float:left; margin-left:17px; margin-bottom:16px;text-align:center; text-transform:uppercase; overflow:hidden;
-moz-box-shadow:5px 5px 2px #ccc; /* 老的 Firefox */
box-shadow: 5px 5px 2px #ccc;}
.hotpro li img{ display:block; float:left;width:100%; }
.hotpro .t{width:100%; text-align:center; color:#000; font-size:24px; margin-bottom:40px; float:left}


.pages{ width:100%; float:left; padding-top:30px; padding-bottom:20px;}
.pages span{ display:block; height:20px; float:left; line-height:19px;}
.pages .page,.pages .pageon{ border:1px solid #999; margin-right:3px;color:#626262; font-size:12px; vertical-align:middle;color:#000000}
.pages .page a:link,.pages .page a:visited{ color:#000; display:block;  height:100%; padding:0px 6px; float:left}
.pages .page a:hover,.pages .page a:active{ color:#fff; background:#1978c8}
.pages .pageon{color:#fff; background:#1978c8;display:block; padding:0px 6px; margin-right:3px;}
.pages .page2{display:block; padding:0px 6px;border:1px solid #999; margin-right:10px;margin-left:10px;  }
.pages .page1{}
.pages .page1 input{ height:20px;height:20px;border:1px solid #999; background:none; color:#717171; font-size:11px}
.pages .page1 #pages{ width:30px; height:18px;border-right:0px ; text-align:center; margin-left:10px}