@charset "gb2312";
html{overflow-x:hidden;}
body{margin:0;padding:0;font-family:"微软雅黑", Verdana, Geneva, sans-serif;font-size:14px;color:#000;}
p,h1,h2,h3,h4,h5,h6{padding:0;margin:0;}
h6{font-size:14px;}
ul,ol,li{list-style:none;margin:0;padding:0px;}
a{color:#000;text-decoration:none;}
img{border:none;}
.f_l{float:left;}
.f_r{float:right;}
.clear{clear:both;}
input,button{ border:none;}
input,button {outline:none;}
*{ margin:0; padding:0;  }
.container1{width:88%;margin:0 auto;height:auto;display:block;}
.container{width:1250px;margin:0 auto;height:auto;display:block;}

.ttop{ display:block; position:relative; width:100%; height:100%; }
.header{ display:block; padding:20px 0;width:100%;background: url(/template/images/bg1.jpg) no-repeat;background-size:cover;}
.logo{ display:block; float:left; padding-top:5px; }
.logo img{ display:block;}
.nav{ display:block; float:right; padding:5px 20px 5px 0; }
.nav li{ display:inline-block;float:left;}
.nav li a{ display:block; font-size:17px;color:#FFF; margin:0px 26px; line-height:50px;}
.nav li.on a{  border-bottom:1px #e61e37 solid }
.nav li:hover a{  border-bottom:1px #e61e37 solid }
.dh{ display:block; float:right; padding-top:6px;}



.fullSlide{ position:relative;  margin:0 auto;}
.fullSlide .bd{ position:relative; z-index:0; }
.fullSlide .bd li img{width:100%; vertical-align:top;  } 
.fullSlide .hd{ height:auto; padding:3px;overflow:hidden; position:absolute; right:20%; bottom:8px; z-index:1; }
.fullSlide .hd ul{ overflow:hidden; zoom:1; float:left;  }
.fullSlide .hd ul li{ float:left; margin-right:5px;  width:15px; height:auto;padding:3px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
.fullSlide .hd ul li.on{ background:#f00; color:#fff; }

@media only screen and (max-width:1660px){
.container1{width:96%;}
.nav{padding:5px 10px 5px 0; }
.nav li a{  margin:0px 20px;}
}
.fix{ display:none}
@media only screen and (max-width:1440px){
.container1{width:96%;}
.dh{ display:none}
.nav{padding:5px 0px; }
.nav li a{  margin:0px 20px;}
}

.gy1{ display:block; margin:50px 0px 56px 0; }
.h3_tit h3{font-size:38px;text-align: center; margin:0px 10px 0px;color: #222;display: inline-block; *zoom:1;*display: inline;}
.h3_tit{ width:100%; margin:0 auto 30px; text-align:center; overflow:hidden;}
.left-line{width:175px; height: 11px;vertical-align: 6px; display: inline-block; *zoom:1;*display: inline; background:url(../images/left_l.png) no-repeat}
.right-line {  width:175px;height: 11px;vertical-align: 6px;display: inline-block; *zoom:1;*display: inline;background:url(../images/right_l.png) no-repeat}
.gy1 dl{ display:block; text-align:center;}
.gy1 dl dt{ background: -webkit-linear-gradient(top,rgba(249,251,255,1),rgba(231,238,254,1));
 background: -webkit-gradient(linear,left top,right top,from(#fff),to(#E7EEFE)); background: linear-gradient(to bottom,#fff,#E7EEFE);filter: progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr = #ffffff, endColorstr = #E7EEFE);
 border-radius: 10rem;line-height: 2.1rem;padding: 7px 32px;display: inline-block;font-weight: 600; margin:0px 15px;font-size: 20px;}
.gy1 dl dt:hover{  background: -webkit-linear-gradient(top,rgba(235,0,1,1),rgba(204,0,0,1));  background: -webkit-gradient(linear,left top,right top,from(#eb0001),to(#c00)); background: linear-gradient(to bottom,#eb0001,#c00);}
.gy1 dl dt:hover a{ color:#FFF}

.gy1 ul { overflow: hidden; margin-left: -1.5%; margin-top:20px;}
.gy1 li { float: left; width: 23.5%; margin-left:1.5%; margin-top:15px;}
.gy1 li .pro-img { box-sizing: border-box; -moz-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; -webkit-box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset; box-shadow: 2px 0 35px rgba(21, 53, 129, 0.2) inset;  background: #fff; position: relative; z-index: 5; overflow: hidden;}
.gy1t li .pro-img img{ transition: all 0.6s ease;}
.gy1 li .pro-img:hover img{ transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -moz-transform: scale(1.1, 1.1);-webkit-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -moz-transition: all .6s ease; -ms-transition: all .6s ease; -o-transition: all .6s ease; -webkit-transition: all .6s ease;  transition: all .6s ease;}
.gy1 li .pro-img img {display: block;width: 100%;margin: 0 auto; height:210px;}
.gy1 li h3 { background:#f0f3fa;text-align: center; }
.gy1 li h3 a { color: #333; font-size: 20px; font-weight: bold;padding:13px 0 15px; display: block; transition: all 0.6s;}
.gy1 li:hover h3 {background:#d21423;transition: all 0.6s;}
.gy1 li:hover h3 a{color: #FFF;transition: all 0.6s;}

.m2{ display:block; background:url(../images/com_bg.jpg) no-repeat center top; height:495px;}
.m2 .m2r{ display:block; width:570px; color:#FFF; float:right;  padding-top:50px;}
.m2 .m2r h2{ font-size:40px; color:#d0112b; margin-bottom:18px;}
.m2 .m2r p{ display:block; font-size:15px; line-height:36px;}
.m2 .m2r ul{ margin-top:30px; }
.m2 .m2r li{ display: inline-block; *zoom:1;*display: inline; color: #fff; margin-right: 6%; }
.m2 .m2r li .num{ font-size: 59px; font-family: "impact";}
.m2 .m2r li.jia{ font-size: 59px; font-family: "impact";}
.m2 .m2r li .num_dec{ font-size: 16px;}

.an{ display:block; padding:44px 0px 50px 0px; }
.picScroll-left{ width:100%; margin-top:26px;  overflow:hidden; position:relative;  }
.picScroll-left .bd{ display:block;  }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 18px; float:left; _display:inline; overflow:hidden; }
.picScroll-left .bd ul li .pic{  }
.picScroll-left .bd ul li .pic img{ width:380px; height:250px;display:block; }
.picScroll-left .bd ul li .title{ line-height:30px; font-size:20px;  padding: 20px 20px 25px; border: #f0f0f0 1px solid;background: #F2F6FF url(../images/pro_x.png) repeat repeat; font-weight:bold; }
.picScroll-left .bd ul li .title a{ color:#333;}
.picScroll-left .bd ul li .more {float: right; width: 60px;  height: 60px;  border-radius: 50px 0 0 0; background: #fff url(../images/case_ico.png) no-repeat; background-position: -60px 0; margin-top: -4px;  margin-right: -20px;  -moz-box-shadow: 1px 0 20px rgba(194, 205, 239);-webkit-box-shadow: 1px 0 20px rgba(194, 205, 239);  box-shadow: 1px 0 20px rgba(194, 205, 239);}
.picScroll-left .bd ul li:hover .more{background:#c2cdef url(../images/case_ico.png) no-repeat;background-position:0 0;}
.picScroll-left .bd ul li:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-4px; background:#fff; border-bottom:2px #eb0001 solid; margin-top:-2px;}
.allist_cont .allist_con:hover h3 a{color:#d21423}



.new_tj{background:#f8f8f8; padding:30px 0 15px 0}
.new_tj ul{margin-bottom: 50px;}
.new_tj ul li{width: 30.333%;!important;width: 30%; margin: 0 1.5%;float: left; }
.new_tj ul li a{display: block;overflow: hidden;}
.new_tj ul li img{display:block;transition: all ease 1s;width:100%; height:220px;}
.new_tj ul li:hover img{transform: scale(1.1);}
.new_tj ul li .con{    background-color: #fff;padding: 3% 3%;}
.new_tj ul li .con a{line-height: 28px;}
.new_tj ul li .con h4{    font-size: 16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;display: block;font-weight: 600;color:#07284E;line-height: 45px;}
.new_tj ul li .con p{font-size: 14px;margin-bottom:10px;height: 70px;overflow: hidden; text-align:left}
.new_tj ul li .con .date{background-color: #ff4a00;color: #fff; font-size:14px; padding:8px 20px;}
.new_tj ul li .con:hover{-moz-box-shadow:0 3px 10px rgba(0,0,0,.2);-webkit-box-shadow:0 3px 10px rgba(0,0,0,.2);box-shadow:0 3px 10px rgba(0,0,0,.2);top:-5px; background:#c00}
.new_tj ul li .con:hover h4 a{color:#fff}
.new_tj ul li .con:after{content:"";position:absolute;right:100%;bottom:0;width:100%;height:2px;background-color:#eb0001;opacity:0;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';filter:alpha(Opacity=0);-ms-transition:.3s;-moz-transition:.3s;-webkit-transition:.3s;-o-transition:.3s;transition:.3s;}
.new_tj ul li .con :hover::after{right:0;opacity:1;-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';filter:alpha(Opacity=100)}
.new_tj ul li .con  a:hover h4,.new_tj ul li a:hover p{ color:#fff}   .new_tj ul li .con a:hover  .date{ background:#FC0; color:#07284E}  


.new-tabs{ display:block;}
.new-tabs li{ display:block;  margin-bottom:22px !important; width:47% !important;  float:left;}
.new-tabs li a{ display:block;width:590px;transition:all ease .3s 0s;-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s}
.new-tabs li a .time {float:left;height:90px;width:80px;color:#333;transition:all ease .3s 0s;
-moz-transition:all ease .3s 0s;-webkit-transition:all ease .3s 0s; text-align:center; }
.new-tabs li a .time .month {display:block; font-size:16px; color:#666}
.new-tabs li a .time .date {display:block;font-size:30px; padding-top:12px;}
.new-tabs li .content {width:505px;float:right;background:#FFF; padding-left:5px;}
.new-tabs li .content .title {font-size:18px;color:#212628;padding:5px 0 5px 10px;width:inherit;display:block !important;white-space:nowrap;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;line-height:1.5;font-size:18px;max-height:27px}
.new-tabs li .content .sub-title {color:#888;position:relative;margin:0 0 0 12px;display:block;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-height:1.5;font-size:14px;max-height:50px; line-height:25px;}
.new-tabs li a:hover .content{background-color:#f5f5f5;}
.new-tabs li a:hover .time {background:#e50202; color:#FFF}
.new-tabs li a:hover .time .month{ color:#FFF}
.new-tabs .time:nth-child(odd) {background:#ededed}
.new-tabs .time:nth-child(even) {background:#999288}
.new-tabs a+a li {margin-top:22px}


.footer{ display:block;  background:#222; padding-bottom:12px;}
.footer_c{ display:block; }
.footer_c p{ display:block; color:#999; line-height:65px;  }
.footer_c p a{ padding:0px 38px;color:#d7d7d7}
.footer_c span{ display:block;border-top:1px #262e3f solid; line-height:36px; color:#b0b3b9;margin-left:30px;  padding-top:10px; }
.footer a{color:#b0b3b9}

.ban{ display:block; position:relative}
.ban img{ display:block; width:100%}
.con_t {background: #f0f0f0; padding: 15px 0; }
.list-pro{ display:block; padding:20px 0}
.list-pro ul{ display:block; margin:0 auto}
.list-pro li { float: left; width:20%; text-align: center; }
.list-pro li a{ color: #333; font-size:20px; }
.list-pro li a img{ display:block; width:40%; padding:10px;  border: 1px solid #727b96; border-radius:50%; margin:0 auto}
.list-pro li:hover a{color:#e61e37;}
.list-pro li:hover a img{ border: 1px solid #e61e37;}
.list-pro li a p{padding-top:15px; }
.con{ display:block;  }

/*单页、内容页*/
.dy{ display:block; background:#FFF; margin:30px 0;line-height:38px;color:#444; min-height:300px;}
.dy a{color: #FF3300;}
.dy img{ display:block; margin:3px; max-width:100%; height:auto !important;}
/*单页、内容页---标题部分*/
.xxy{ display:block; border-bottom:1px #bababa dashed; padding-bottom:10px; margin-bottom:15px; text-indent:0}
.xxy h1{ display:block; text-align:center; font-size:35px; line-height:44px; font-weight:600;}
.xxy p{ display:block; text-align:center; line-height:32px;font-size:16px;}


/*分页部分*/
.List_page{text-align:center;margin-bottom:50px; margin-top:30px;}
.List_page a{margin:0px 5px;padding:5px 8px;border:1px solid #666;color:#666;}
.List_page span{background:#da0000;color:#FFF;margin:0px 1px;padding:5px 12px;border:1px solid #da0000;}


/*图片列表*/
.plist{ display:block; padding-bottom:20px; }
.plist ul { display:block;}
.plist ul li{ display:block; float:left; width:25%; margin-bottom:12px;}
.plist ul li a{ display:block; width:95%; margin:0 auto; text-align:center; color: #333; font-weight: bold;font-size: 18px; line-height:38px; overflow:hidden;}
.plist ul li a img{ display:block;overflow:hidden; width:100%;  height:200px;transition: all .6s ease;}

.nlist{ display:block; }
.news_list_b{   padding:25px 0; border-bottom:1px #b5b5b5 dashed; }
.news_list_b:hover{z-index:1}
.news_list_con{  cursor:pointer;}
.news_list_con a img{width:120px; height:90px;transition: all 0.5s ease 0s;}
.news_list_con_l{ background:#f0f0f0; height:90px; width:110px; color:#444;display:block;float:left;margin-right:20px; overflow:hidden; text-align:center; font-size:16px; color:#666;}
.news_list_con_l big{ display:block; font-size:34px; line-height:50px; padding-top:5px;}
.news_list_con:hover img {transform: scale(1.1);transition: all 0.5s ease 0s;}
.news_list_con_con a{ display:block; width:670px; height:auto !important}
.news_list_con_con{width:1050px;float:left}
.news_list_con_con h2{ display:block;font-size:20px;line-height:30px;height:30px;margin-bottom:5px;display:block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-weight:normal;} 
.news_list_con_con h2 span{ color:#777;font-size:14px;}
.news_list_con_con p{ display:block; line-height:26px; font-size:14px; color:#666;}
.news_list_con_con h2 a {color:#333;}


.left{ display:block; width:77%; float:left} 
.float_right {float: right;width: 20%; margin-top:20px; margin-bottom:20px;}
.float_right .related {background: #f5f5f5;margin-bottom: 20px;padding: 0 18px 10px 18px;}
.float_right .title {display: block;font-size: 23px;line-height: 66px;color: #333333;font-weight: bold;}
.related .title {background: url(../images/sign.png) no-repeat left center;padding-left: 34px;}
.related ul li {margin-bottom: 20px;background-color: #fff;}
.related ul li img{width: 100%;height: auto;}
.related ul li .proName {font-size: 16px;line-height: 35px;text-align: center;display: block;color: #333;}
.related ul li .proName:hover {color: #ff0100;text-decoration: underline;}
.float_right .pro-type .title {margin-bottom: 3px;text-indent: 20px;
background: url(../images/sign.png) no-repeat #f5f5f5 20px center;padding-left: 34px;}
.float_right .pro-type li {height: 57px;line-height: 57px;background: #f5f5f5;margin-bottom: 3px;padding: 0 20px;}
.float_right .pro-type li a {display: block;font-size: 16px;color: #333333;text-indent: 5px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.float_right .pro-type li:hover a {background: -webkit-linear-gradient(left, #ed6048, #da251d);background: -o-linear-gradient(right, #ed6048, #da251d);background: -moz-linear-gradient(right, #ed6048, #da251d);background: linear-gradient(to right, #ed6048, #da251d);
-webkit-background-clip: text;background-clip: text;color: transparent;color: #da251d\0;background: white\0;}


.ser_lc{margin:10px auto 20px; overflow:hidden;  position: relative;}
.ser_lc_t h2{width:100%;text-align:center; margin:35px auto 20px;line-height:45px;font-weight:600;color:#00132b;font-size:36px;}
.ser_lc_t p{ margin:5px auto; text-align:center; padding:0px 50px; color:#777; font-size:16px; line-height:32px;}
.sercn_one{ padding-top:20px;}
.sercn_one li{width: 30.33%;float: left;margin:0 1.5% 30px;position:relative;padding:45px 40px 35px;box-sizing:border-box;text-align:center; border:1px solid #f2f2f2; overflow:hidden;}
.sercn_one li strong{display:block;font-size:26px; color:#333; line-height:1.1em; margin-bottom:5px;}
.sercn_one li span{display:block;font-size:14px; color:#666; line-height:1.2em; height:1.2em; overflow:hidden;}
.sercn_one li .num{font-size:100px; font-family:Arial; color:#f5f5f5; position:absolute; left:0; top:0; width:100%; height:100%; z-index:2;}
.sercn_one li .text{position:relative; z-index:3;}
.sercn_one li .mask{position:absolute;background:#ffce12; left:0; top:100%; width:100%; height:100%; z-index:1;}
.sercn_one li:hover strong{color:#07284E;}
.sercn_one li:hover span{color:#07284E;}
.sercn_one li:hover .num{color:#f8f8f847;}
.sercn_one li:hover .mask{top:0;transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}

.sercn_two{height:620px; overflow:hidden; background-position:center center; background:url(../images/sercn_two.jpg) center repeat-x;}
.sercn_two .l_box{width:51%; float:left; position:relative; height:620px;}
.sercn_two .pd{position:relative; z-index:3; padding:80px 40px 0 10px;}
.sercn_two .mask{position:absolute; width:960px; height:100%; right:0; top:0; background:#ffce12; z-index:2;}
.sercn_two .pd h2{font-size:33px; font-weight:bold; color:#fff; margin-bottom:40px;}
.sercn_two .pd .info{font-size:18px; line-height:28px; color:#fff; margin-bottom:30px;}
.sercn_two .pd .text_box{font-size:14px; color:#fff; line-height:33px;}

.sercn_stree{max-width:1200px;margin:10px auto 30px;}
.sercn_stree ul{width: 100%;}
.sercn_stree ul li{width: 30.33%;margin: 0 1.5%;float: left;}
.sercn_streeli {position: relative; overflow: hidden; margin-bottom: 20px;}
.sercn_streeli img {width: 100%;height: auto;}
.sercn_streeli .zhezhao {background-color: #fff; width: 94%; height:180px; padding:3%; overflow:hidden; filter: alpha(opacity=90); -moz-opacity: 0.9; opacity: 0.9; position: absolute; bottom: -155px; left: 0; }
.sercn_streeli .zhezhao h4{font-size:20px; text-align:center;white-space: nowrap;text-overflow: ellipsis; overflow: hidden; }
.sercn_streeli .zhezhao p {font-size: 14px;margin-bottom:15px;line-height:0;overflow: hidden; }
.sercn_streeli:hover .zhezhao {bottom: 0; background-color:#ed2225; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
.sercn_streeli:hover .zhezhao h4{margin:10px 0;color:#fff;}
.sercn_streeli:hover .zhezhao p {color: #fff; height:90px; overflow:hidden; line-height:24px; }

.releate {border: 1px solid #e1e1e1; margin: 3% 0 3% 0;width:100%;overflow: hidden;}
.releate ul { overflow: hidden; padding:20px;}
.releate h4{ display:block; background:#f3f3f3;height:42px;border-bottom: 1px solid #e1e1e1;}
.releate h4 p{ display: block; width:150px; text-align: center; font-size:22px; color: #000; line-height: 42px; height: 41px; background: #fff; border-top: 3px solid #e96a59; border-right: 1px solid #eee; }
.releate li { display:block; width: 47%; margin: 0 2% 0 0; float: left;  }
.releate li a{display:block; color:#777;padding-left:35px; line-height:44px; background:url(../images/new_zs.png) no-repeat left center; overflow: hidden; font-size:16px;}