body{margin: 0px auto; padding: 0px; font-size: 14px; line-height:24px; color: #333; font-family:Microsoft YaHei; box-sizing: border-box; }

div{margin: 0px; padding: 0px;}

span, p{margin: 0px; padding: 0px;}

img{margin: 0px; padding: 0px;}

dl,dt,dd,ol,ul,li {margin: 0px; padding: 0px; list-style: none;}

img{border-right-width: 0px; border-top-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}

form,input,select{margin: 0px; padding: 0px;}

ul{list-style-type: none;}

a{text-decoration: none; color:#333; font-size: 14px;}

a:hover{color:#021ca5; text-decoration:blink; font-size: 14px;}

.cp img{border:solid #ddd 2px;}

.cp a:hover img{border:solid #0389c8 2px;}

.fr{ float:right;}

.fl{ float:left;}

.kg{width:1200px; height:20px;}

.kg1{width:1200px; height:25px; margin:0 auto;  overflow:hidden;}

.kg2{width:1200px; height:60px; margin:0 auto;  overflow:hidden;}

.kg3{width:1200px; height:40px; margin:0 auto;  overflow:hidden;}

.kg4{width:1200px; height:130px; margin:0 auto;  overflow:hidden;}

.bz{ width:1200px; margin:0 auto; overflow:hidden;}

.bz1{ width:1200px; margin:0 auto;}

.clear{height:0; overflow:hidden; clear:both;}

/*hear*/

.hear{ width: 100%; height: 39px; line-height: 39px; background: #f2f2f2;}

.hear_l{ width: 700px; }

.hear_z{ width:60px;  line-height: 39px; padding-left:32px;}

.hear_y{ width:43px;  line-height: 39px; padding-left:32px;}

    

/*top*/

.logo{ margin-top: 40px; margin-bottom:20px; margin-right: 15px;}

.name{ font-size: 32px; line-height: 36px; font-weight: bold; margin-top: 34px;}

.name span{ font-size: 33px;letter-spacing:7.65px;}

.ad{ font-size: 22px; color: #00199f; margin-left: 20px; margin-top: 45px; line-height:28px;}

.contact{ width: 330px; font-size: 18px; padding-left: 54px; margin-top: 65px; background: url(/templets/default/picture/tel.jpg)left bottom no-repeat; box-sizing: border-box;}

.contact span{ font-size: 26px; font-weight: bold; color:#00199f; font-family: Arial;}

    

/*nav*/

#nav_bg{width:100%;height:49px; background: url(/templets/default/picture/navbg.jpg) center no-repeat; }

#nav{ width:1200px; margin:0 auto; height:49px; } 

#nav ul li{line-height:49px; background: url(/templets/default/picture/nav.jpg) left no-repeat;}

#nav ul .none { background:#001da6;}

#nav ul .none a{color:#fff; font-weight: bold;}

#nav li{ font-size:14px; line-height:49px; float:left; text-align:center; width:150px; position: relative; }

#nav ul li a{color:#fff; text-decoration: none; font-size:16px; height:49px; line-height:49px; display:block; text-align:center;}

#nav ul li a:hover{ color:#fff; text-decoration:none; font-size:16px;  text-align:center; transition: all 0.5s linear; background:#001da6;  }

#nav .on a{color:#fff; text-decoration:none; font-size:16px; text-align:center;transition: all 1s linear;background:#001da6;}    

 

#nav dl{margin:0px;padding:0;position:absolute;z-index:999;display:none;}

#nav dl dt a{display:block;width:133px;height:40px;line-height:40px;text-align:center;background:#001da6;color:#fff;}

#nav dl dt a:hover{background:#1986d8;} 



 /*banner*/

.banner-box{ min-width:1200px; height:650px; position:relative; margin:0 auto; overflow: hidden; }

.banner-box .bd{ width:100% !important; }

.banner-box .bd li{ width:100% !important; height:650px; background-position: center; 
  background-repeat: no-repeat; }

.banner-box .bd li a{ display:block; background-size:auto; }

.banner-btn{ width: 100%; position: absolute; top:280px; left: 0; margin-left: 0; 
  height:358px; overflow: hidden; }

.banner-btn a{ display:block; width:49px; height:104px; position:absolute; top:0; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0; transition:0.3s all ease-in-out}

.banner-btn a.prev{ left:-50px; background:url(/templets/default/picture/20180110102050_1463777890.png) no-repeat 0 0; } 

.banner-btn a.next{ right:-50px; background:url(/templets/default/picture/20180110102050_1463777890.png) no-repeat -49px 0; }

.banner-box .hd { position:absolute; bottom:0px; width: 100%; display: block; }

.banner-box .hd ul{ text-align: center}

.banner-box .hd ul li{ width:15px; height:15px; border-radius :20px; text-indent:-9999px; background:#1986d8; cursor:pointer; display:inline-block; margin:104px 5px; transition:0.3s all ease-in-out}

.banner-box .hd ul li.on{ background:#001da6; width: 32px; }

.banner-box:hover .banner-btn a.prev{ left:20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }

.banner-box:hover .banner-btn a.next{ right: 20px; filter:alpha(opacity=40); -moz-opacity:.4; -khtml-opacity:.4; opacity:.4; }

.banner-box .banner-btn a.prev:hover,.banner-box:hover .banner-btn a.next:hover{ filter:alpha(opacity=80); -moz-opacity:.8; -khtml-opacity:.8; opacity:.8; } 

/* search */

.search_bz{ width: 100%; height:60px; border-bottom: 1px solid #ddd; margin-bottom: 60px; }

#search_b{width:1200px; margin:0 auto; height:60px; border-radius: 8px; }

#search-i{float:left; width:40px; overflow:hidden; height:29px; margin-top:15px;}

#search-bg{float:left; width:190px; height:29px; background:url(/templets/default/picture/searchs.jpg) no-repeat; overflow:hidden; padding-left:14px; margin-top:15px; box-sizing: border-box;}

.search-text{width:896px; padding-left:30px; float:left; font-size:14px; line-height:60px; height:60px; background: url(/templets/default/picture/hots.jpg) left  center no-repeat; }

.search-text a{ font-size:14px; }

.search-text a:hover{ font-size:14px;}

.search-text span{ float:left; font-weight:bold;}

#search_b .soso{ padding-top: 12px; }
#search_b .soso input{ height: 25px; }
#search_b .soso button{ height: 29px; }

#infoname{ border:none;background:none; outline:none;}  

    

    

 /*product*/   

.prod_z{ width: 295px;}

.list{ width: 295px; background: #1986d8; height: 90px; color: #fff; font-size: 26px; font-weight: bold; box-sizing: border-box; line-height:26px; padding-left: 30px; padding-top:26px;}

.list span{ font-size: 14px; color: #53aef3; font-family: Arial; font-weight: normal; letter-spacing:6px;}

.list_t{ background: #1986d8; padding-bottom: 20px;}

.list_t table tr td{ width: 295px; height:70px !important; line-height:70px !important; background: url(/templets/default/picture/ico02.jpg) left no-repeat;}

.list_t table tr td a{ font-size: 16px!important;     padding-left: 33px;     color: #fff;}

.list_t table tr td table tr td{width: 295px; height: 34px !important; line-height: 34px !important; background:#1986d8 url(/templets/default/picture/ico02.jpg)  30px no-repeat;  padding-left: 17px;}

.list_t table tr td table tr td a{ font-size: 14px!important; }

.list_b{ width: 295px; height: 179px; background: url(/templets/default/picture/tels.jpg) top center no-repeat;     box-sizing: border-box; padding-top: 110px;}

.list_l{ width: 118px; height: 34px; line-height: 34px; margin: 0 auto; background: #fff; text-align: center;}



    .prod{ width: 885px; padding-bottom: 15px;}

    

#tablit {width:885px; }

#tablit dl{  width:885px; padding-bottom:15px; height: 50px;}

#tablit dl dt{ height:40px; line-height:35px; font-size:18px;}

#tablit dl dd{float:left; width:160px; height:50px; line-height:50px; text-align:center; font-size:18px; margin-right: 20px; background: #1986d8; }

#tablit dl dd:hover{ font-size:18px; float:left;  width:160px; height:50px; line-height:50px; text-align:center; background: #001db9;  }

#tablit dl dd span{ line-height: 20px; font-size: 12px; text-transform:uppercase; }

#tablit dl dd a{ color: #fff; font-size: 18px;}

#tablit .on{ font-size:18px; float:left; width:160px; height:50px; line-height:50px; text-align:center; background: #001db9;  }

.dis{display:none;}

#tablit .on a{ font-size:18px; color: #fff; }



    

.prod_b{ width: 885px; height: 337px; background: url(/templets/default/picture/p1.jpg) center no-repeat;} 

.prod_w{ width: 350px; padding-top: 45px;     padding-left: 18px; padding-right: 15px; box-sizing: border-box;}

.prod_dh{ font-size: 20px; font-weight: bold; color: #001db9;}

.prod_xt{ width: 50px; height: 1px; background:#1986d8; margin-top: 18px; margin-bottom: 25px; }

.prod_wz span{ font-size: 18px; font-weight: bold; line-height: 40px;}

.prod_wz{ line-height: 28px;}

.prod_b1{ width: 885px; height: 337px; background: url(/templets/default/picture/p2.jpg) center no-repeat;} 

        

.tabcon{width:885px; height:auto; clear:both;}    

.tabcon img{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; }

.tabcon a:hover img {transition: all 0.5s linear; -webkit-transform: scale(1.10, 1.10); transform: scale(1.10, 1.10); -moz-transform: scale(1.10, 1.10);}

.tabcon table td br{display:none;}

.tabcon td a{display:block;}

.tabcon table td span{display: block; height:28px; line-height: 28px; font-size:14px;}

.tabcon table td span a{line-height:28px; font-size:14px; color: #fff;     background: #1986d8;}

/*.tabcon table td span a:hover{color:#fff; background-color:#0d68ce;}*/

.tabcon table td{display: block; float: left; border:1px #ddd solid; padding:8px !important; margin-top:28px; margin-right: 10px; background: #fff; width:192px; height: 200px; }

.tabcon table td:hover{ border:1px #ccc solid; }

.tabcon td a{overflow:hidden;}



.tabcon table tr td:nth-child(4){ margin-right: inherit !important;}

    

/*ad2*/   

.ad2{ width: 100%; height: 324px; margin-top: 60px;  background: url(/templets/default/picture/ad01.jpg) center no-repeat;}

.ad2_d{ width: 630px; font-size: 28px; color: #1986d8; font-weight: bold; line-height: 30px; margin-top: 119px;}

.ad2_d span{ color: #ff0000;}

.ad2_w{width: 630px; font-size: 18px; line-height: 28px; margin-top: 15px; }

        

/*faq*/    

.faq{ width: 100%; height:908px; background: url(/templets/default/picture/qa.jpg) center no-repeat;}

.faq_dh{ font-size: 54px; font-weight: bold; color: #0086d8; text-align: center; line-height: 60px; padding-top:80px; }

.faq_dh b{ color: #ff0000;}

.faq_dh span{ font-size: 16px; font-family: Arial; font-weight: normal; color: #333; line-height:60px;}



.faq_1{ width: 220px; font-size: 18px; line-height: 34px; text-align: right; margin-top: 180px;}

.faq_2{ width: 145px; font-size: 18px; line-height: 34px; text-align: right; margin-top: 180px;}

.faq_3{ width: 227px; font-size: 18px; line-height: 34px; margin-top: 180px;}

.faq_4{ width: 155px; font-size: 18px; line-height: 34px; margin-top: 180px; float: right}

    

/*adv*/    

.adv{ width: 100%; height: 332px; background: url(/templets/default/picture/ysbg.jpg) center no-repeat;}

.adv_d{ text-align: center; color: #fff; font-weight: bold; font-size: 56px; padding-top: 50px; line-height: 60px;}

.adv_dh{ width: 710px; margin: 0 auto; padding-top:25px;}

.adv_dh li{ width: 130px; height: 45px; float: left; line-height: 45px; text-align: center; font-size: 18px; color: #fff; margin-right: 10px; border: 1px solid #fff;}

.adv_yw{ text-align: center; font-size: 18px; font-family: Arial; color: #fff; line-height:60px;}

    

.adv1{ width: 100%; height:401px; background: url(/templets/default/picture/ys01.jpg) center no-repeat;}    

.adv1_d{ width: 1000px; font-size: 26px; color: #1986d8; font-weight: bold; padding-left: 95px; padding-top: 78px;}

.adv1_d span{ font-size: 12px; font-weight:normal; font-family: Arial; color: #999;}

.adv1_w{ width: 530px; font-size: 16px; line-height: 26px; margin-left: 22px;     margin-top: 30px; margin-right:530px; }

.adv1_w span{ color: #001db9;}



.adv1_l{ width: 495px; margin-left: 22px;  margin-top: 30px;}

.adv1_l li{ width: 75px; height: 70px; margin-right:20px; float: left; background: radial-gradient(circle, #40a8f7, #1986d8); border-radius: 6px; font-size: 20px; color: #fff; text-align: center; line-height: 70px; transition: all 0.5s linear;}

.adv1_l li:hover{background:#1986d8; transition: all 0.5s linear;}

    

.adv2{width: 100%; height:416px; background: url(/templets/default/picture/ys02.jpg) center no-repeat;}    

.adv2_d{ width: 500px; font-size: 26px; color: #1986d8; font-weight: bold; padding-left: 95px; padding-top:92px;}

.adv2_d span{ font-size: 12px; font-weight:normal; font-family: Arial; color: #999;}

.adv2_w{ width: 574px; font-size: 16px; line-height: 26px;    margin-top: 30px; margin-left: 400px; }

.adv2_w span{ color: #001db9;}



.adv2_l{ width:572px; margin-left: 22px;  margin-top: 30px;}

.adv2_l li{ width: 75px; height: 70px; margin-right:15px; float: left; background: radial-gradient(circle, #40a8f7, #1986d8); border-radius: 6px; font-size: 20px; color: #fff; text-align: center; line-height: 70px; transition: all 0.5s linear;}

.adv2_l li:hover{background:#1986d8; transition: all 0.5s linear;}

    

.adv3{width: 100%; height:422px; background: url(/templets/default/picture/ys03.jpg) center no-repeat;}        

.adv3_d{ width: 1000px; font-size: 26px; color: #1986d8; font-weight: bold; padding-left: 95px; padding-top: 110px;}    

.adv3_d span{ font-size: 12px; font-weight:normal; font-family: Arial; color: #999;}   

.adv3_gd{ width: 118px; height: 40px; line-height: 40px; text-align: center; background: #1986d8;     margin-left: 24px; margin-top: 36px;}    

.adv3_gd a{ color: #fff;}  

    

.adv4{width: 100%; height:489px; background: url(/templets/default/picture/ys04.jpg) center no-repeat;} 

.adv4_d{ width: 485px; font-size: 26px; color: #1986d8; font-weight: bold; padding-top:95px;}

.adv4_d span{ font-size: 12px; font-weight:normal; font-family: Arial; color: #999;}

.adv4_w{ width: 560px; font-size: 16px; line-height: 26px;    margin-top: 30px; margin-left: 400px; }

.adv4_w span{ color: #001db9;}    

.adv4_l{ width: 560px; font-size: 16px; margin-top: 35px;}

.adv4_l span{ font-family: Arial; font-weight: bold; color: #ff0000; font-size: 28px; }



/*about*/

.about{ width: 100%; height: 177px; background: #1986d8;}

.about_d{ text-align: center; color: #fff; font-size: 36px; line-height: 42px; padding-top:40px;}



.about_dd{ width: 22px; height: 22px; margin: 0 auto; padding-top: 25px;}

.about_dt{  

       animation: myfirst 2s infinite;

       display: inline-block;    

   }  



   @keyframes myfirst {  

       0% {  

           transform: translate(0px, 0px);  

       }  

       50% {  

           transform: translate(0px, -10px);  

       }  

       100% {  

           transform: translate(0px, 0px);  

       }  

   } 



.about_b{ width: 100%; height:416px; background: url(/templets/default/picture/aboutbg.jpg) center no-repeat;}

.about_r{ width: 750px; height: 344px; background: #fff; margin-top: 40px;}    

.about_dh{ font-size: 28px; color: #1986d8; font-weight: bold; line-height: 30px; padding-top: 40px; padding-left: 30px;}



.about_x{ width: 55px; height: 1px; background: #ddd; margin-top: 20px; margin-bottom: 25px; margin-left: 30px;}

.about_w{ margin-left: 30px; margin-right: 30px; line-height: 32px; font-size: 15px;}

.about_gd{ width: 130px; height: 36px; line-height: 36px; background: #1986d8; text-align: center; margin-left: 30px; margin-top:20px;}

.about_gd a{  color: #fff; font-size: 16px;}



.about_cf{ width: 100%; height: 275px; background: #1986d8; padding-top: 40px;}

    

/*news*/

.news{width:100%; min-width:1200px; overflow:hidden; margin:60px 0;}

.lanrenzhijia{ width:1200px; margin:0 auto; overflow:hidden; min-width:1200px; position:relative;}

.news_t{overflow:hidden; margin-top:10px;}

.news_tl{float:left; width:360px; overflow:hidden; margin-left:8px;}

.news_tl_bac{width:207px; height:207px; border:3px solid #d7d7d7; border-left-color:#1986d8; border-right-color: #fff; border-top-color: #d7d7d7; border-radius:50%; position:absolute; transition: all 0.5s linear;}

.news_tl:hover .news_tl_bac{-webkit-animation:circle 1s infinite linear; border-right-color: #1986d8; transition: all 0.5s linear;}

@-webkit-keyframes circle{

0%{ transform:rotate(0deg); }

100%{ transform:rotate(-360deg); }

}

.news_tl_m{overflow:hidden; position:relative;}

.news_tl_ml{float:left; font-size:120px; font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:211px; width:100px; margin-left:20px; text-align:center; color:#1986d8;}

.news_tl_mr{float:left; overflow:hidden; margin-top:50px; background:#fff; padding:20px 0;}

.news_tl_mr_en{font-family:Arial, Helvetica, sans-serif; font-size:20px; line-height:20px; font-weight:bold; text-transform:uppercase; color:#1986d8;}

.news_tl_mr_m{font-size:50px; font-weight:bold; color:#1986d8; line-height:52px;}

.news_tr{float:right; width:700px; overflow:hidden;}

.news_tr_en{width:640px; margin-left:60px; border-top:solid 1px #ddd; text-align:right; font-size:13px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#ccc; line-height:20px; padding-top:16px;}

.news_tr_m{width:700px; overflow:hidden; line-height:26px; text-align:right; font-size:22px; color:#1986d8;}

.news_tr_d{overflow:hidden; width:700px; margin-top:40px;}

.news_t a{display:block; float:left; text-decoration:none; height:82px; width:200px; transition: all 0.5s linear; margin:0px 1px; border:solid 1px #f5f5f5; background:#fcfcfc; position:relative;}

.news_t a.on{text-decoration:none; transition: all 0.5s linear; width:288px; background:#f5f5f5; box-shadow:0 0 0 #cecece;}

.news_tr_dm{font-size:18px; line-height:30px; padding-top:15px; padding-left:30px; transition: all 0.5s linear;}

.news_tr_den{font-family:Arial, Helvetica, sans-serif; padding-left:30px; font-size:12px; text-transform:uppercase; color:#ababab; transition: all 0.5s linear; line-height:22px;}

.news_t a.on .news_tr_dm{font-size:22px; font-weight:bold; color:#1986d8;}

.news_t a.on .news_tr_dm, .news_t a.on .news_tr_den{padding-left:14px; transition: all 0.5s linear;}

.news_tr_dline{width:0px; height:3px; background:#1986d8; position:absolute; bottom:0; transition: all 0.5s linear;}

.news_t a.on .news_tr_dline{width:288px; transition: all 0.5s linear;}



.lanrenzhijia .content{overflow:hidden; width:1200px; margin:0 auto; height:290px; position:relative; margin-top:40px; min-width:1200px;}

.lanrenzhijia .content .ul{ position:absolute; left:0; top:0; width:1200px; min-width:1200px;}

.lanrenzhijia .content .li{ width:1200px; float:left; min-width:1200px;}



.news .news_div_item, .news .divdgweb_new_div_item{float:left; width:348px; border:solid 1px #ddd; height:235px; padding:25px; overflow:hidden; margin-right:-1px; position:relative;}

.news .news_div_item:nth-child(3), .news .divdgweb_new_div_item:nth-child(3){margin-right:0px;}

.news .news_div_item_date, .news .divdgweb_new_div_item_date{ height:60px; line-height:60px; overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; color:#1986d8;}

.news .news_div_item_year, .news .divdgweb_new_div_item_year{position:absolute; font-size:56px; filter:Alpha(opacity=10); opacity:0.1; color:#1986d8;}

.news .news_div_item_month, .news .divdgweb_new_div_item_month{font-size:26px; float:left;}

.news .news_div_item_day, .news .divdgweb_new_div_item_day{font-size:26px; float:left;}

.news .news_div_item_content, .news .divdgweb_new_div_item_content{overflow:hidden;}

.news .news_div_item_title, .news .divdgweb_new_div_item_title{overflow:hidden; width:348px; white-space: nowrap; text-overflow: ellipsis; line-height:40px;}



.news .news_div_item_title a, .news .divdgweb_new_div_item_title a{font-size:16px; font-weight:bold;}

.news .news_div_item_body{font-size:14px; width:348px; color:#666; line-height:26px; overflow:hidden; height:50px; margin-bottom:30px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}

.news .news_t_rgo{width:120px; overflow:hidden;}

.news .news_t_rgo a{font-size:0; line-height:0;}

.news .news_t_rgo p{font-size:14px; color:#333; line-height:32px; width:60px; border-bottom:solid 1px #ccc; padding-bottom:5px; transition: all 0.5s linear; font-weight:bold;}

.news .news_div_item_pic{width:346px; height:240px; border:solid 1px #ccc; position:absolute; top:25px; overflow:hidden;}

.news .news_div_item_pic img{ width:100%; margin-top:-20px; transition: all 0.5s linear;}



.news .news_div_item:hover .news_t_rgo p, .news .divdgweb_new_div_item:hover .news_t_rgo p{transition: all 0.5s linear; width:120px; border-bottom:solid 1px #1986d8; color:#1986d8;}

.news .news_div_item:hover .news_div_item_pic img, .news .divdgweb_new_div_item:hover .news_div_item_pic img{transform: scale(1.15); transition: all 0.5s linear;}    

    

 /*copy*/ 

.copy{ width: 100%; height:76px; background-color: #666;}

.copy_dz{ color: #fff; font-size: 16px; line-height: 26px; margin-left: 110px; margin-top: 44px;}

.copy_dz span{ font-weight: bold;}

.copy .bz{padding-top: 6px; color:#FFF;}

.copy .c1{ float: left; display: inline-block; line-height: 65px; padding-left: 100px; width: 365px; }

.copy .c2{ float: left; display: inline-block; line-height: 65px;  padding-left: 70px; width: 350px; }

.copy .c3{ float: right; display: inline-block; line-height: 65px;  padding-left: 70px; width: 240px; }



.copy_lx{ color: #fff; font-size: 16px; line-height: 26px; margin-left: 250px; margin-top: 44px; font-weight: bold;}

.copy_lx span{ font-weight: normal; font-family: Arial; font-size: 24px;}

.copt{margin-left: 246px;}

.copy1{ width: 100%; height:77px; line-height:77px; background: #1f1f1f; color: #999; text-align: center; letter-spacing:3px;}

.copy1 a{ color: #999; transition: all 0.5s linear;}

.copy1 a:hover{color: #fff; transition: all 0.5s linear;}

.copy2{ width: 100%; height:135px; background: #1c1c1c;}

.copy2_b{ width: 950px; margin: 0 auto;}

.copy2_logo{ margin-top: 40px;}

.copy2_n{ font-size: 13px; color: #fff; margin-left: 15px; margin-top: 45px; line-height: 28px; letter-spacing:0.6px;}

.copy2_n span{ font-size: 30px; font-weight: bold; color: #fff; letter-spacing: normal;}

.er{ margin-top: 23px;  margin-left: 30px;}

.er_w{ color: #fff; margin-left: 15px; padding-top: 40px;}

.er img{ width: 87px; }

    

    .Links{width: 100%; padding-top: 10px; padding-bottom: 10px; background: #1f1f1f; line-height: 30px; }  

    .link{  width: 80px; color: #666; margin-bottom: 30px;}

    .copy_wz{ text-align: center; color: #666;}

    .copy_wz a{color: #666; transition: all 0.5s linear;}

    .copy_wz a:hover{color: #fff; transition: all 0.5s linear;}



.linkTagcs li a:hover{color: #fff !important; transition: all 0.5s linear;}



.pro{ width: 100%; height: auto; overflow: hidden; padding: 10px 0 30px; }

.pro .img{ float: left; display: inline-block; width: 480px; }

.pro .text{ float: right; display: inline-block; width: 380px; }



.pro .text h1{ font-size: 24px; padding-top: 20px; }

.pro .text .desc{ padding: 20px 0; height: 150px; font-size: 16px; line-height: 25px; }

.pro .text .btn{ width: 120px; height: 40px; background: #007bdf; color: #FFF; display: block; text-align: center;line-height: 40px; font-size: 18px; }



.pro-content .tits{border-bottom: 1px solid #e1e1e1; height: 40px; width: 100%; font-size: 18px; }

.pro-content .tits span{ background:#007bdf; color:#FFF; display: block;width: 120px; height: 40px; text-align: center; line-height: 40px; }

.pro-content .info{ padding: 20px 0; }





div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#ffffff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size: 0;}

div.zoomMask{position:absolute;background:url(/templets/default/picture/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}



.pc-slide{width: 100%;margin: 0 auto; text-align: center;}

.view .swiper-slide .imgauto{width: 100%;height: 350px; position: relative;}

.view .swiper-slide .imgauto img{ max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0 }

.view .swiper-container{width: 100%;}

.view .arrow-left{background: url(/templets/default/picture/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}

.view .arrow-right{background: url(/templets/default/picture/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}



.preview{width: 100%;margin-top: 10px;position: relative;}

.preview .swiper-container{width: 80%;margin: 0 10%;overflow: hidden;}

.preview .swiper-slide{width:22.5%;padding: 5px; }

.preview .swiper-slide .imgauto{width: 100%;height: 80px;line-height: 80px;border: 1px solid #ddd;text-align: center;cursor: pointer; position: relative; display: block;}

.preview .swiper-slide .imgauto img{display: inline-block;vertical-align: middle;max-width:90%;max-height: 100%; position: absolute;margin: auto; top:0; bottom: 0;left:0;right: 0}

.preview .slide6{width: 82px;}

.preview img{padding: 1px;}

.preview .active-nav .imgauto{border: 1px solid #1f7fcb;}

.preview .arrow-left{background: url(/templets/default/picture/prev1.png) no-repeat left center;position: absolute;left: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}

.preview .arrow-right{background: url(/templets/default/picture/next1.png) no-repeat left center;position: absolute;right: 10px;top: 50%;margin-top: -9px;width: 10px;height: 18px;z-index: 10;}

.clearfix {*zoom: 1;}

.clearfix:after{content: " "; display: block; height: 0; clear: both; visibility: hidden;}



.links{padding-bottom: 20px; width: 1200px; margin: 0 auto;}

.links span{ font-weight: bold; font-size: 16px; }

.links a{margin-right: 15px;}