@charset "utf-8";
* {margin: 0;padding: 0;}
.clear{ clear:both; font-size:0; line-height:0; height:0; overflow:hidden;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;} 
ul,h1,h2,h3,h4,h5,h6,p,li,dl,dt,dd{margin:0;padding:0;list-style:none;}
body{color:#3d4c63;background:#fff;font:14px/1.5 "Microsoft Yahei",sans-serif;outline:0}
img{max-width:100%;border:none}
input,select,textarea{font-size:14px;color:#333;font-family:"Microsoft Yahei","Helvetica Neue",Helvetica,Arial,sans-serif}
input,input[type=button],input[type=checkbox],input[type=radio],input[type=reset],input[type=submit],select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;outline:0}
input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none}
::-webkit-input-placeholder{color:#999}
::-moz-placeholder{color:#999}
::-ms-input-placeholder{color:#999}
select::-ms-expand{display:none}
a{color:#333;text-decoration:none}
a:hover{color:#ff4b59}
.clear{clear:both;}
.dis{display:none;}
.ww{width:1400px;margin:0 auto;}
.w{width:1200px;margin:0 auto;clear:both;overflow:hidden;}
.mt10{margin-top:10px;}
.m10{margin:10px auto;}
.fixed{position:fixed;top:0;left:0;width:100%; background:#fff;z-index:99999;}
body{padding-top:120px;}

.btn{margin:20px auto;overflow:hidden; text-align:center}
.btn a{padding:0 20px;height:40px; display:inline-block;line-height:40px;margin-right:20px; -webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn a:hover{}
.btn a i{padding:0 5px; font-style:normal;}

.btn1{background:#0066ff;color:#fff;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn1:hover{background:#03C;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn2{background:#e1e1e1;width:100px;height:40px; display:inline-block;line-height:40px; }
.btn2:hover{background:#03C;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.btn3{border:1px solid #ddd;color:#40bdb9;height:40px; display:inline-block;line-height:40px; }
.btn4:hover{background:#0066ff;color:#fff;}

#topbar{border-bottom:1px solid #ddd;padding:0;overflow:hidden;}
#topbar .w{line-height:30px;height:30px;}
#topbar ul{float:right;}
#topbar ul li{float:left;margin-right:10px;}
#topbar ul li a i{padding:0 5px;}

#tophead{height:80px;padding:10px 0;}
#tophead .logo{width:360px;height:80px;float:left;}
#tophead .logo a{display:inline-block;} 

.topnav{width:700px;margin-top:15px;float:left;height:50px;line-height:50px;}  /* 目录 */
.topnav ul{float:left;margin:0;padding:0;list-style:none;}
.topnav ul li{float:left;text-align:center; position:relative;}
.topnav ul li a{font-size:16px;display:block; -webkit-transition:.5s;-o-transition:.5s;transition:.5s; width:140px;margin:0 auto;}   /* 目录 */
.topnav ul li a:hover{background:#0066ff;color:#fff;}
.topnav ul .hover a{background:#0066ff;display:block;color:#fff;}
.topnav .sub{display:none;z-index:999; position:absolute;left:0px;top:40px;float:left;background:#06f;} 
.topnav ul li dl{margin:0 auto;text-align:center;width:140px;} /* 下拉 */
.topnav ul li dl dt a{border-top:1px solid #fff;height:40px;display:block;font-size:12px;color:#fff;}
.topnav ul li dl dt a:hover{color:#fff;display:block;} 

.ftel{float:left;width:300px;margin-left:40px;}
.ftel .icon{float:left;width:80px;height:80px;background:url(../images/tel.jpg) no-repeat right center;}
.ftel .wz{float:left;width:200px;height:70px;padding:10px 0 0 10px;}
.ftel .wz p{font-size:14px;}
.ftel .wz h3{font-size:22px;color:#0066ff;margin:0;padding:0;}

/* banner */
#banner{overflow:hidden;}
.banner{position:relative;  height:620px; overflow:hidden;  }
.banner .bd{ position:absolute;left:0;top:0;width:100%; z-index:0;  }
.banner .bd ul{ width:100% !important; }
.banner .bd li{ width:100% !important;  height:620px; } 
.banner .bd li a{ height:610px; display:block;  }
.banner .hd{ width:100%;  position:absolute; z-index:122; bottom:0; left:0; height:30px; line-height:30px; text-align:center; }
.banner .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:11px; height:11px; margin:4px; background:url(../images/dot-black.png) 0 0; overflow:hidden; line-height:9999px; filter:alpha(opacity=40);opacity:0.4; }
.banner .hd ul .on{ filter:alpha(opacity=100);opacity:1;  } 
.banner .w1200{position:relative;width:1200px;margin:0 auto;text-align:center;}
.banner .wz{width:100%;position:absolute;left:0;top:200px; z-index:99; }
.banner .wz h1{font-size:64px;margin-bottom:10px;color:#fff;} 
.banner .wz p{font-size:16px;margin:30px auto;text-transform:capitalize;}
.banner .wz p a{margin-right:20px; display:inline-block; width:150px;line-height:35px; border-radius:20px;background:#40bdb9;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
.banner .wz p a:hover{background:#333;opacity:0.8;filter:alpha(opacity=0.8);filter:alpha(Opacity=0.8);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0.8)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}

.banner .wz p .bg1{background:#f68a28}
.banner .wz p .bg2{background:#4fad57}
.banner .wz p .bg3{background:#42a3e7}
.banner .wz p .bg4{background:#e5cc4b}

.subject{margin:30px auto;overflow:hidden; text-align:center;}
.subject h3{font-size: 26px;color: #0066ff;}
.subject .line{background:url(../images/line.jpg) no-repeat center;height:20px;} 

.lanmu{color:#fff;background:url(../images/ico_01.png) no-repeat left center;height:60px;line-height:60px;}
.lanmu b{width:300px;display:inline-block;height:42px;line-height:30px;font-size:16px; font-weight:normal;}
.lanmu b{display:inline-block;height:42px;line-height:30px;font-size:16px;padding-left:10px;}
.lanmu b span{float:left;font-size:22px;} 
.lanmu b span a{padding:0 10px;} 
.lanmu span{float:right;} 
.lanmu span a{padding:0;display:inline-block;width:100px;height:35px; text-align:center;background:#c40008;color:#fff;line-height:31px;}
.lanmu i{font-style:normal;}
.lanmu i a{padding:0 20px;} 

.toplist{padding:10px 0;margin:0;list-style:none;}
.toplist li{line-height:35px;border-bottom:1px dotted #ddd;overflow:hidden;}
.toplist li a i{font-style:normal;color:#C00;margin-right:5px;font-weight:bold;}

/*t1*/
#t1{overflow:hidden;margin:50px 0 auto;}
#t1 ul{margin:0;padding:0;list-style:none;}
#t1 ul li{float:left;width:25%;padding:0;margin:0;list-style:none;}
#t1 ul li .box{padding:20px;margin:0 10px;overflow:hidden;background: #fff;border: 1px solid #d9d9d9; border-radius:10px;}
#t1 ul li .box .wz{float:left;width:40%;}
#t1 ul li .box .wz h1{color:#0066ff;font-size:20px;height:30px;overflow:hidden;font-weight:bold;}
#t1 ul li .box .wz p{color:#666;font-size:14px;line-height:22px;}
#t1 ul li .box h3{clear:both;color:#357bb9;overflow:hidden;margin:20px 0 0 0;padding:0; font-weight:normal;line-height:30px;font-size:14px;}
#t1 ul li .box .icon{float:left;width:60%;text-align:center;}
#t1 ul li:hover .box{box-shadow: 2px 2px 10px #ccc;margin:10px; transition: all 0.1s linear 0s;cursor:pointer;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;}
#t1 ul li .box .icon img{height:120px;}

/*核心业务*/
#t2{margin-top:50px;overflow:hidden;background:url(../images/wmktt.jpg) no-repeat right center; padding:50px 0;overflow:hidden;}
#t2 ul{width:1220px;margin:0;padding:0 0 30px 0;list-style:none;overflow:hidden;}
#t2 ul li{float:left;width:185px;padding:0;margin:30px 15px 0 0;height:150px;}
#t2 ul li .box{ position:relative; text-align:center;height:140px;padding:20px;}
#t2 ul li .box .pic{height:100px;}
#t2 ul li .box .pic img{display:block;width:100px;height:100px;margin:0 auto; border-radius:20px;}
#t2 ul li .box .mask{display:none;}
#t2 ul li .box:hover{-webkit-transition:.5s;-o-transition:.5s;transition:.5s;padding:10px;box-shadow:2px 2px 3px #aaaaaa;-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg); border-radius:20px;}
#t2 ul li .box a h3{color:#06f;margin:20px auto;}
#t2 ul li .box:hover a h3{margin:20px auto;}
 
/*产品信息*/
#t3{overflow:hidden;padding:60px 0;}  
#t3 .wz{float:left;background:url(../images/aboutbg.jpg) no-repeat left center;width:700px;padding:40px;}
#t3 .wz .box{padding-left:150px;}
#t3 .wz .box h3{font-size:18px;line-height:40px;}
#t3 .wz .box .line{background:url(../images/line.jpg) no-repeat left;height:30px;} 
#t3 .wz .box p{line-height:30px;font-size:16px; text-indent:32px;}
#t3 .wz .box .btn{ text-align:left;}
#t3 .pic{float:right;width:400px;background:#fff;padding:10px;} 
#t3 .pic img{ width:400px; height:380px; display:block;  }
 

/*公司优势*/
#t4{background:url(../images/bg4.jpg) no-repeat center; padding:50px 0;overflow:hidden;}
#t4 .subject,#t4 .subject h3{color:#fff;}
#t4 .subject .line{height:5px;background:#fff;width:30px;margin:10px auto;}
#t4 .tt1,#t4 .tt2,#t4 .tt3,#t4 .tt4,#t4 .tt5,#t4 .tt6{float:left;height:250px;}

#t4 .tt1{width:700px;}
#t4 .tt1 img{border:5px solid #fff;background:#fff;width:690px;height:240px;}
#t4 .tt2{width:250px;background:#fff;}
#t4 .box{display:block;padding:20px;height:205px;}
#t4 .box:hover{background:#06f;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
#t4 .box h3{font-size:18px;line-height:40px;}
#t4 .box p{line-height:30px;}
#t4 .box .more{margin:20px 0;color:#06f;}
#t4 .box:hover h3,#t4 .box:hover p{color:#fff;}
#t4 .tt3{width:250px;}
#t4 .tt3 img{display:block;border:5px solid #fff;width:240px;height:240px;}
#t4 .tt4,#t4 .tt5,#t4 .tt6{width:400px;background:#fff;}
#t4 .tt5 img{width:390px;display:block;height:240px;border:5px solid #fff;}


/*示范案例*/
#t5{padding:50px 0;overflow:hidden;}

#t5 .subject{margin:0 auto;overflow:hidden; text-align:left;}
#t5 .subject h3{font-size: 26px;color: #0066ff;}
#t5 .subject .line{background:url(../images/line.jpg) no-repeat left center;height:10px;} 

#t5 .tleft5,#t5 .tright5{float:left;}
#t5 .tleft5{width:900px;margin-right:30px;}
#t5 .tright5{width:270px;}

#t5 .tleft5 ul{margin:0;padding:0;list-style:none;}
#t5 .tleft5 ul li{float:left;width:50%;margin:20px 0 0 0;}
#t5 .tleft5 ul li .box{padding:5%;overflow:hidden;}
#t5 .tleft5 ul li .box .top{overflow:hidden;clear:both;}
#t5 .tleft5 ul li .box .top .pic{width:80px;float:left;margin-right:20px;}
#t5 .tleft5 ul li .box .top .pic img{border-radius:40px;width:80px;height:80px;}
#t5 .tleft5 ul li .box .top .wz{}
#t5 .tleft5 ul li .box .top .wz h3{padding-bottom:10px;}
#t5 .tleft5 ul li .box .top .wz p{color:#999}
#t5 .tleft5 ul li .box .wcontent{margin-top:20px;line-height:25px;}
#t5 .tleft5 ul li:hover .box{overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s;background:#0066ff}
#t5 .tleft5 ul li:hover .box .top,#t5 .tleft5 ul li:hover .box .wcontent{color:#fff;}
#t5 .tleft5 ul li:hover .box .top .wz p{color:#fff;}
#t5 .tright5 .bg{background:#f0f0f0;}
 
#pictop{ margin:10px auto;  width:270px; overflow:hidden; position:relative;padding:20px 0; }
#pictop .bd{ padding:0;margin:0;list-style:none;}
#pictop .bd ul{ overflow:hidden; zoom:1;padding:0;margin:0;list-style:none; }
#pictop .bd ul li{ text-align:center; zoom:1;margin:10px 0; height:114px;}
#pictop .bd ul li .pic{ text-align:center; margin:0 auto;}
#pictop .bd ul li .pic img{ width:180px; height:90px; display:block;margin:0 auto;}
#pictop .bd ul li .title{ line-height:24px;   }
		
.new {float:left; width:316px; height:362px; overflow:hidden; margin-top:40px;}
.new h2 {}
.new h2 span { margin-top:8px;}
.n_con { padding:14px 0 0 0;overflow:hidden;}
.n_con p  { width:310px; height:117px; margin-bottom:10px;}
.n_con ul li { height:34px; line-height:34px; overflow:hidden; background:url(../images/img.png) no-repeat -1190px -423px; padding-left:22px; border-bottom:#CCC 1px dotted}
.n_con ul li a { color:#646464; font-size:14px}
.more1{ background:url(../images/img.png) no-repeat -1151px -1001px; width:56px; height:33px;float:right}
 
/*示范案例*/
#t6{padding:0 0 50px 0;overflow:hidden;}
#t6 .tleft6,#t6 .tright6{float:left;}
#t6 .tleft6{width:580px;margin-right:40px;}
#t6 .tright6{width:580px;}

.xcpic{ width:580px; height:400px; overflow:hidden; position:relative; }
.xcpic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:55px; z-index:1; }
.xcpic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.xcpic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.xcpic .hd ul li.on{ background:#f00; color:#fff; }
.xcpic .bd{ position:relative; height:100%; z-index:0;   }
.xcpic .bd li{ zoom:1; vertical-align:middle; }
.xcpic .bd img{ width:580px; height:360px; display:block;  }
.xcpic .bd p{background:#333;color:#fff;line-height:40px; text-align:center;}


/* 下面是前/后按钮代码，如果不需要删除即可 */
.xcpic .prev,
.xcpic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.xcpic .next{ left:auto; right:3%; background-position:8px 5px; }
.xcpic .prev:hover,
.xcpic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.xcpic .prevStop{ display:none;  }
.xcpic .nextStop{ display:none;  }

#t6 .tright6 ul{margin:0;overflow:hidden;clear:both;}
#t6 .tright6 ul li{margin-bottom:20px;overflow:hidden;}
#t6 .tright6 ul li .time{float:left;background:#5b5b5b;width:80px;color:#fff; text-align:center;height:80px;}
#t6 .tright6 ul li .time h1{margin:0;padding:0;}
#t6 .tright6 ul li .wz{float:left;width:480px;margin-left:20px;}
#t6 .tright6 ul li .wz h3{line-height:30px;}
#t6 .tright6 ul li .wz p{padding:5px 0 0 0;line-height:25px;}
	
.bg_black{background:#eee;padding:15px 0;}
.subject_news{color:#333;font-size:18px;font-family:microsoft yahei;height:41px;line-height:40px;border-bottom:1px solid #ddd;}
.subject_news b{display:inline-block;font-weight:normal;border-bottom:2px solid #1F92D1;height:40px;line-height:40px;}
.subject_news span{color:#bbb;display:inline-block;font-size:16px;font-family:verdana;padding-left:10px;}
.subject_news a{float:right;font-size:12px;font-family:宋体;}

.newslist{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.newslist li{float:left;}
.newslist li a{background:#cdcdcd;display:block;padding:10px;margin:5px 10px;}
.newslist li a:hover{background:#06f;color:#fff;}
  
.lefter{width:260px;margin-right:30px;float:left;}
.righter{float:left;width:910px;}
.leftnav{background:#c40008;padding:10px 15px;color:#fff;font-size:18px;font-family:microsoft yahei;}
.subnav{border:1px solid #eee;border-bottom:0;margin:0;padding:0;list-style:none;}
.subnav li{}
.subnav li a{display:block;padding-left:20px;background:#fafafa;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav li a:hover{color:#1F92D1;font-weight:bold;background:#f3f3f3;}
.subnav .hover a{display:block;padding-left:20px;color:#1F92D1;font-weight:bold;background:#f3f3f3;font-size:14px;line-height:40px;height:40px;border-bottom:1px solid #eee;}
.subnav dl{margin:0;padding:0;list-style:none;*margin-top:-12px;}
.subnav dl dt{}
.subnav dl dt a{background:#fff;display:block;height:40px;line-height:40px;border-bottom:1px solid #eee;padding-left:20px;font-size:12px;}
.subnav dl dt a:hover{background:#fff;font-size:12px;font-weight:normal;color:#f30;}
.subnav li dl .hover a{color:#f30;font-size:12px;font-weight:normal;background:#fff;}

.left_border{border:1px solid #eee;border-top:0;padding:10px 15px;line-height:25px;}
.left_border p{margin:0;padding:0;}
.left_border b{font-size:14px;}

.container{line-height:25px;font-size:14px;padding:15px 0;}
.container p{margin:5px 0;font-family:microsoft yahei;font-size:14px;}

.artshow{line-height:25px;font-size:14px;padding:0 0 15px 0;}
.artshow .title{text-align:center;font-size:20px;line-height:30px;font-weight:100;font-variant: normal;margin:0;padding:15px 0;font-family:microsoft yahei;}
.artshow .info{text-align:center;font-family:microsoft yahei;color:#999;padding:0 0 15px 0;font-size:14px;}
.artshow p{margin:5px 0;font-size:14px;}
.artshow .pre{margin:5px 0 5px 0;color:#999;}
.artshow .next{margin:0 0 5px 0;color:#999;}

.prowidth{width:915px;overflow:hidden;}
.pro_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pro_list li{float:left;width:292px;margin:0 13px 13px 0;}
.pro_list li a{border:1px solid #eee;display:block;padding:15px;}
.pro_list li a img{border:1px solid #eee;width:260px;}
.pro_list li a .title{text-align:center;font-size:14px;height:40px;line-height:40px;font-family:microsoft yahei;}
.pro_list li a .intro{line-height:18px;color:#999;word-break:break-all;min-height:55px;}
.pro_list li a .more{display:block;margin:15px auto 10px auto;text-align:center;background:#e5e5e5;width:90px;line-height:24px;}
.pro_list li a:hover{border:1px solid #ddd;}
.pro_list li a:hover .title{color:#1F92D1;}
.pro_list li a:hover .more{background:#1F92D1;color:#fff;}

.pic_list{margin:15px 0;padding:0;list-style:none;overflow:hidden;}
.pic_list li{float:left;width:292px;margin:0 13px 13px 0;}
.pic_list li a{border:1px solid #eee;display:block;padding:15px;}
.pic_list li a img{border:1px solid #eee;width:260px;height:175px;}
.pic_list li a .title{text-align:center;height:40px;line-height:40px;}
.pic_list li a:hover{border:1px solid #ddd;}
.pic_list li a:hover .title{color:#4d5174;}

.casewidth{width:780px;overflow:hidden;}
.case_list{margin:20px 0;padding:0;list-style:none;}
.case_list li{width:240px;margin:0 20px 30px 0;float:left;text-align:center;font-family:microsoft yahei;}
.case_list li img{display:block;margin-bottom:15px;}
.case_list li a{color:#666;font-size:13px;}
.case_list li a:hover{color:#f30;}
 
.news_list{margin:20px auto;padding:0;list-style:none;}
.news_list li{border-bottom:1px dotted #ccc;overflow:hidden;padding:10px;line-height:24px;color:#999;}
.news_list li .pic{float:left;width:120px;margin-right:30px;}
.news_list li .pic img{height:120px;}
.news_list li .wz{float:left;width:950px;}
.news_list li:hover{background:#fafafa;}
.news_list li a{font-size:18px;display:block;line-height:40px;}
.news_list li em{color:#666;font-family:verdana;display:block;font-style:normal;}

.rss_list{margin:0;padding:0;list-style:none;}
.rss_list li{border-bottom:1px dotted #ddd;line-height:40px;color:#999;}
.rss_list li a{font-size:14px;font-family:microsoft yahei;}

#position{margin:20px auto;width:1200px;overflow:hidden;line-height:40px;border-bottom:1px dotted #cdcdcd;}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{float:left;color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}  

.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 
  
/*底部*/
#footer{background:#333;padding:30px 0 0 0;overflow:hidden;} 
#footer .t1{width:400px;float:left;color:#fff;}
#footer .t2{width:400px;float:left; text-align:center;color:#fff;line-height:40px;}
#footer .t3{width:350px;margin-left:50px;float:left;color:#fff;}

#footer h1{font-size:18px;margin:10px auto;}
#footer .t1 p{line-height:25px;}
#footer .t2 .t21{margin-top:60px;float:left; width:200px;}
#footer .t2 .t21 img{width:120px;display:block;margin:0 auto;}

#footer .t3 ul{margin:0;padding:5px;background:#fff;overflow:hidden;list-style:none;}
.piclink{ margin:10px auto; overflow:hidden; position:relative; }
.piclink .bd{ padding:10px;height:155px;   }
.piclink .bd ul{ overflow:hidden; zoom:1; }
.piclink .bd ul li{overflow:hidden;height:85px;} 
.piclink .bd ul li .box{float:left;width:145px;padding:10px;overflow:hidden; text-align:center;line-height:25px;display:block;}
.piclink .bd ul li .box img{display:block;width:100%;height:50px;}

#footer .copyright{margin-top:20px;background:#222;text-align:center;height:40px;padding:10px 0;line-height:40px; color:#fff;}
.copyright a{color:#fff;}
.copyright a:hover{color:#06f;}
.slide-nav{position:fixed;right:0;bottom:20%;width:72px;z-index:101}
.slide-nav .item{padding:20px 0 18px;display:block;background-color:#fff;position:relative;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.slide-nav .item:before{content:'';position:absolute;left:50%;top:0;width:45px;height:1px;background-color:#e6e6e6;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.slide-nav .item:first-child:before{display:none}
.slide-nav .item .icon{margin:0 auto 4px;display:block;height:30px}
.slide-nav .item h4{font-size:14px;color:#575758;line-height:1.5;text-align:center;font-weight:400;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.slide-nav .mask{padding-right:18px;position:absolute;right:100%;top:50%;-webkit-transform:translate(400px,-50%);-ms-transform:translate(400px,-50%);-o-transform:translate(400px,-50%);transform:translate(400px,-50%);-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.slide-nav .mask:after{content:'';position:absolute;right:10px;top:50%;width:8px;height:12px;background:url(../images/i-jt2.png) center center no-repeat;-webkit-background-size:cover;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.slide-nav .qr{width:154px;height:154px;box-shadow:0 0 20px rgba(0,0,0,.1);background-color:#fff;border-radius:10px;overflow:hidden}
.slide-nav .qr img{display:block;width:100%;height:100%}
.slide-nav .email,.slide-nav .tel{padding:20px;background-color:#fff;border-radius:10px;font-size:16px;color:#000;white-space:nowrap}
.slide-nav .item:hover{background-color:#ddd}
.slide-nav .item:hover h4{color:#06f}
.slide-nav .item:hover .mask{-webkit-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-o-transform:translate(0,-50%);transform:translate(0,-50%)}

/*list*/
.list_page{text-align:center;margin:10px;display:block;}
.list_page:after{content:" ";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.list_page ul{list-style:none;margin:0;padding:0;display:inline-block;vertical-align:bottom;}
.list_page ul li{display:inline-block;border:solid 1px #ddd;border-radius:4px;}
.list_page ul a{color:#333;padding:8px 12px;line-height:18px;display:block;transition:all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;background:#fff;}
.page_group ul{border-right:solid 1px #ddd;border-radius:4px;}
.page_group ul li{border-right:none;border-radius:0;float:left;}
.page_group ul li:not(:first-child):not(:last-child){border-radius:0;}
.page_group ul li:first-child{border-radius:4px 0 0 4px;}
.page_group ul li:last-child{border-radius:0 4px 4px 0;}
.page_group ul .active a{background:#f3f3f3;border-radius:0;}  

.proleft {width: 240px;overflow:hidden;padding:10px;background: #F0F0F0;} 
/**菜单列表**/ 
.mainnav>li {padding:10px;overflow:hidden;line-height:30px;border-bottom:5px solid #fff;}
.mainnav>li h3 {font-size: 16px;}
.mainnav>li.hover {background: #545651;}
.mainnav>li.hover h3,.mainnav>li.hover .menu-tab a {color: #fff;}
.mainnav li .menu-tab {margin-top: 5px;}
.mainnav li .menu-tab a {width:45%; display:inline-block }
.mainnav .hover{color:#F00;}

.product_contact{width:900px; height:120px; margin:70px auto 0 auto; border:#c40008 2px solid; box-sizing:border-box;}
.product_contact_yg{width:230px; height:116px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:28px; padding-top:25px; text-align:center; background:#c40008; box-sizing:border-box;}
.product_contact_tel{width:280px; height:60px; float:left; color:#c40008; font-size:28px; font-weight:bold; line-height:60px; margin:30px 0 0 25px; border-right:#c40008 1px solid;}
.product_contact_tel i{font-size:28px; font-weight:normal;}
.product_contact_mail{height:60px; float:left; color:#669900; font-size:21px; font-weight:bold; line-height:60px; margin:30px 0 0 25px;}
.product_contact_mail a{font-size:25px; font-weight:normal; margin-right:5px;
background:#669900; display:inline-block;padding:0 20px;color:#fff;}
 
/*图片*/
.fpic{ width:580px; height:330px; overflow:hidden; position:relative;}
.fpic .hd{ height:15px; overflow:hidden; position:absolute; right:5px; top:200px; z-index:1; }
.fpic .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fpic .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.fpic .hd ul li.on{ background:#f00; color:#fff; }
.fpic .bd{ position:relative; height:100%; z-index:0;   }
.fpic .bd li{ zoom:1; vertical-align:middle; }
.fpic .bd img{ width:580px; height:230px; display:block;  }
.fpic .bd li p{line-height:40px;}
.fpic .bd li p a{font-size:16px;margin-bottom:10px;}
.fpic .bd li .desc{line-height:22px;color:#999;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.fpic .prev,
.fpic .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(../images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.fpic .next{ left:auto; right:3%; background-position:8px 5px; }
.fpic .prev:hover,
.fpic .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.fpic .prevStop{ display:none;  }
.fpic .nextStop{ display:none;  }

/*内页导航*/
.abouttit{background:#ddd;overflow:hidden;text-align:center;line-height:50px;padding:20px 0;font-size:18px;} 
.abouttit a{padding:0 30px;display:inline-block;}
.abouttit a:hover{background:#06f;color:#fff;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.abouttit a.on{background:#06f;color:#fff;}
#cpage{overflow:hidden;padding:60px 0 0 0; position:relative;}

/*内页图片*/
.l2{margin:0;padding:0;list-style:none;width:100%;overflow:hidden}
.l2 li{margin:1%;display:inline-block;overflow:hidden;width:29.33%;}
.l2 .con{display:block;position:relative;padding:20px;border:1px solid #ddd;overflow:hidden}
.l2 .pic{position:relative;overflow:hidden}
.l2 .pic img{display:block;margin:0 auto;height:250px;}
 
.l2 .mask{position:absolute;left:20px;top:20px;right:20px;bottom:140px;background-color:rgba(0,0,2,.82);opacity:0;filter:alpha(opacity=0);filter:alpha(Opacity=0);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';z-index:2;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.l2 .mask .mask-con{position:absolute;left:40%;top:50%;right:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.l2 h4{margin-top:20px;overflow:hidden;font-size:18px;font-weight:400}
.l2 p{font-size:12px;color:#999;line-height:22px;padding:10px 0;overflow:hidden;}
 
.l2 .con:hover .mask{opacity:1;filter:alpha(opacity=100);filter:alpha(Opacity=100);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'}

.a1pic{}
.a1pic .hd{background:#41bcb9;margin:0;padding:0;list-style:none;width:1200px;overflow:hidden;}
.a1pic .hd ul li{float:left; text-align:center;width:240px;}
.a1pic .hd ul li .box{overflow:hidden;margin:40px 0;color:#fff;border-right:1px solid #ddd;}
.a1pic .hd ul li h1{font-weight:normal;width:100px;margin:0 auto;font-size:60px;} 
.a1pic .hd ul li h3{margin:0 auto;line-height:60px;font-size:18px;} 
.a1pic .hd ul li.on{background:#f07d22;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s} 
.a1pic .bd ul{ zoom:1;  }
.a1pic .bd ul img{width:100%;display:block;}

.a2pic{width:100%;}
.a2pic .hd{margin:0;padding:0;list-style:none;width:1200px;overflow:hidden;}
.a2pic .hd ul li{float:left; text-align:center;width:300px;}
.a2pic .hd ul li .box{overflow:hidden;margin:40px 0;color:#fff;}
.a2pic .hd ul li h1{font-weight:normal;width:100px;margin:0 auto;font-size:60px;color:#41bcb9;} 
.a2pic .hd ul li h3{margin:0 auto;line-height:60px;font-size:18px;color:#41bcb9;} 
.a2pic .hd ul li.on{background:#f07d22;overflow:hidden;-webkit-transition:.5s;-o-transition:.5s;transition:.5s}
.a2pic .hd ul li.on h1,.a2pic .hd ul li.on h3{color:#fff;}  
.a2pic .bd ul{ zoom:1;width:1200px; }
.a2pic .bd ul img{width:100%;display:block;}

/* 本例子css */
.xcpic{ width:100%;  overflow:hidden; position:relative; }
.xcpic .ct{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.xcpic .ct .sprev,.xcpic .ct .snext{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.xcpic .ct .next{ background-position:0 -50px;  }
.xcpic .ct .prevStop{ background-position:-60px 0; }
.xcpic .ct .nextStop{ background-position:-60px -50px; }
.xcpic .cd{ padding:10px; width:1180px;}
.xcpic .cd dl{ overflow:hidden; zoom:1; }
.xcpic .cd dl dd{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:284px;}
.xcpic .cd dl dd .pic{ text-align:center; }
.xcpic .cd dl dd .pic img{ width:284px; height:220px; display:block; padding:2px; border:1px solid #ccc; }
.xcpic .cd dl dd .pic a:hover img{ border-color:#999;  }
.xcpic .cd dl dd .title{ line-height:24px;   } 

.xcpic2{ width:100%;  overflow:hidden; position:relative; }
.xcpic2 .ct{ overflow:hidden;  height:30px; background:#f4f4f4; padding:0 10px;  }
.xcpic2 .ct .sprev,.xcpic .ct .snext{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;cursor:pointer; background:url("../images/arrow.png") no-repeat;}
.xcpic2 .ct .next{ background-position:0 -50px;  }
.xcpic2 .ct .prevStop{ background-position:-60px 0; }
.xcpic2 .ct .nextStop{ background-position:-60px -50px; }
.xcpic2 .cd{ padding:10px; width:1180px;}
.xcpic2 .cd dl{ overflow:hidden; zoom:1; }
.xcpic2 .cd dl dd{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center;width:284px;}
.xcpic2 .cd dl dd .pic{ text-align:center; }
.xcpic2 .cd dl dd .pic img{ width:284px; height:360px; display:block; padding:2px; border:1px solid #ccc; }
.xcpic2 .cd dl dd .pic a:hover img{ border-color:#999;  }
.xcpic2 .cd dl dd .title{ line-height:24px;   }