@charset "utf-8";
html{overflow-y:scroll;height:100%;overflow-x:hidden; min-width: 320px;}
body{-webkit-text-size-adjust:100%}
body{height:100%;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;line-height:1.7;color:#333;position:relative;background:#fff; text-transform: uppercase;}
img{vertical-align:middle;max-width:100%}
a{cursor:pointer;color:#333;transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s}
a:hover{color:#42a5ce}
input{outline:0;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;font-size:14px;color:#333;}
input {    appearance: none;-webkit-appearance: none;}
table{border-collapse:collapse}
:focus{outline:0}
li,ol,ul{list-style:none}
input,select{outline:0;color:#333;display:block;background:#fff;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial}
textarea{resize:none;font-family:\5FAE\8F6F\96C5\9ED1,\9ED1\4F53,Arial;outline:0;color:#555}
.clear{clear:both}
b,em,i{font-style:normal}
.overhidden{overflow:hidden}
.fl{float:left}
.fr{float:right}
.p_re{position:relative}
.p_ab{position:absolute}
.con_{width:1250px;margin:0 auto}
.Main_c,.overH{overflow:hidden}
.trans06{transition:.6s;-webkit-transition:.6s;-moz-transition:.6s;-ms-transition:.6s}
.trans1{transition:1s;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s}
.btn_more1{font-size:14px;display:block;margin:0 auto;text-align:center;width:153px;height:40px;line-height:40px;color:#fff;background:url(../images/btnbg1.png) no-repeat}
.btn_more1:hover{color:#fff;animation:bounceIn 1s}
.c_red{color:#e50053}
.c_333{ color: #333; }
.t_l{ text-align: left; }
.t_c{ text-align: center; }
.swiper-slide{ overflow: hidden; }
.overH{ overflow: hidden; }
.animatedH{opacity: 0; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s; position: relative; top:100px; }
.animatedH.cur{opacity: 1; top: 0;}

.container{width:1250px;margin:0 auto;}
.navbar{background:#fff;height:100px; border-bottom: solid 1px #f2f2f2; ;position:fixed;z-index:10;left:0;top:0;width:100%}
.logo{ float: left; }
.logo img{max-height:50px;width:auto;margin-top:25px}
.logo a{display:block}
.nav{text-align:right;float:right}
.nav li{ float: left; position:relative}
.nav li>a{display:block;line-height:100px;height:100px;padding:0 20px; font-size: 16px;}
.nav li i{position:absolute;top:0;left:0;width:100%;height:40px;z-index:2;background:url(../images/arrowd.png) no-repeat 95% center;display:none}
.nav li dl{position:absolute;top:99px;display:none;width:100%;left:0;background:rgba(66,165,206,.9)}
.nav li dl dd{font-size:14px;line-height:40px;text-align:center}
.nav li dl dd a{color:#fff;display:block}
.nav li dl dd a:hover{background:rgba(255,255,255,0.9);color:#42a5ce}
.nav li:hover dl{display:block}
.nav li.on>a{  color: #42a5ce }
.nav-logo{position:absolute;right:3%;top:22px;display:none}
.nav-logo span{width:30px;height:3px;background:#333;display:block;margin-bottom:6px}
.nav-logo span{ transition: 0.4s; }
.nav-logo.cur span:nth-child(1){ transform: rotate(45deg); margin-top: 7px; }
.nav-logo.cur span:nth-child(2){ display: none; }
.nav-logo.cur span:nth-child(3){ transform: rotate(-45deg); margin-top: -8px; }

.paddT{ padding-top: 100px; }
.swiper-pagination-bullet-active{ background:#42a5ce; }

.trans06{ transition: 0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}

.sy_banner1 .swiper-pagination-bullet{ background: #fff; }
.sy_banner1 .swiper-pagination-bullet-active{ background:#42a5ce; }
.sy_f1{ padding:50px 0; background: #f2f2f2;  }
.sy_f1 a{ display: block; }
.sy_f1 .w25p{ width: 25%; float: left; }
.sy_f1 .w50p{ width: 50%; float: left; }
.sy_f1 .w75p{ width: 75%; float: left; }
.sy_f1 img{ display: block; }
.sy_f1 .table{ width: 100%; display: table; height: 100%;  }
.sy_f1 .table .tbecell{ display: table-cell; vertical-align: middle; padding: 20px;}
.sy_f1 .table .p1{ font-size: 18px; position: relative; padding-bottom: 1em; margin-bottom: 15px; }
.sy_f1 .table .p1:after{ position: absolute; content: ''; width: 30px; height: 4px; background: #ccc; left:50%; margin-left: -15px; bottom: 0; }
.sy_f1 .w16{ width: 16.665%; padding-top: 15%; float: left; background: #42a5ce url(../images/shi_03.png) no-repeat center center; }
.sy_f1 em{ position: absolute; width: 10px; height: 18px; display: block; top: 50%; margin-top: -7px; z-index: 2 }
.sy_f1 .pic img{ width: 100%; }
.sy_f1 .pic{ overflow: hidden; }
.sy_f1 .pic:hover img{ transform: scale(1.2); }
.sy_f1 .div2 .w100p{ padding-left: 25%; padding-right: 50%; position: relative; }
.sy_f1 .w100p .box4{background: #fff; width: 25%; height: 100%;  position: absolute; text-align: center; left: 0; top: 0; }
.sy_f1 .w100p .box5{background: #fff; width:50%; height: 100%; padding: 30px 20px 50px 30px;  position: absolute; text-align: center; right: 0; top: 0; }
.sy_f1 .w100p .txt{ padding-right: 10px; text-align: left; overflow-y: auto; max-height: 100%; }
.sy_f1 .w100p .txt::-webkit-scrollbar{width:6px;height:6px;background-color:#fefefe}
.sy_f1 .w100p .txt::-webkit-scrollbar-track{-webkit-box-shadow:none;border-radius:6px;background-color:#fefefe}
.sy_f1 .w100p .txt::-webkit-scrollbar-thumb{border-radius:6px;-webkit-box-shadow:none;background-color:#ccc}
.sy_f1 .box5 em{ background: url(../images/sanj_03.png) no-repeat left top; left: -9px;  }
.sy_f1 .w100p .box4 a:hover .p1{ color: #333 }
.sy_f1 .w100p .box4 a:hover p{ color: #666 }
.sy_f1 .w100p .box5 a.more{ position: absolute; bottom: 20px; color: #42a5ce; left: 30px; }
.sy_f1 .div1 .w100p{ padding-left:50%;  position: relative; }
.sy_f1 .div1 .box2{background: #fff; width: 25%; height: 100%;  position: absolute; text-align: center; left:25%; top: 0;}
.sy_f1 .div1 .box1{background: #000; width: 25%; height: 100%;  position: absolute; text-align: center; left: 0; top: 0;}
.sy_f1 .div1 .box1 img{ width: 100%; height: 100%; }
.sy_f1 .div1 .box1 i{ width: 81px; height: 81px;  background: url(../images/ico2.png) no-repeat -23px -230px; z-index: 2; display: block; position: absolute; left: 50%;top: 50%;margin-top: -40px; margin-left: -40px; }
.sy_f1 .box2 em{ right: -9px; background: url(../images/sanj_03.png) no-repeat right top; }
.sy_block{ padding-top: 80px; }

.h2_bt{ font-size: 30px; text-align: center; color: #1a1a1a; text-transform: uppercase; }
h2.h2_bt{ position: relative; font-weight: bold; padding-bottom: 20px; margin-bottom: 15px; }
h2.h2_bt:after{ position: absolute; content: ''; width: 40px; height: 4px; background: #42a5ce; left:50%; margin-left: -20px; bottom: 0;}
h3.h2_bt{ font-size:26px; }
.sy_f2{ padding-bottom:60px; }
h4.ptxt{ text-align: center; width: 830px; font-size: 16px; margin: 0 auto; padding-bottom: 40px; }
.sy_f2 .btn1{ opacity: 0; transition: 0.3s; background:rgba(0,0,0,0.5) url(../images/ico2.png); position: absolute;; z-index: 3; top: 50%; margin-top: -26px; width: 52px; height: 52px; }
.sy_f2 .btn_prev1{ background-position: left top; left: -50px; }
.sy_f2 .btn_next1{ background-position: right top; right: -50px; }
.sy_f2 .sy_swiper1:hover .btn_prev1{ opacity: 1; left: 0; }
.sy_f2 .sy_swiper1:hover .btn_next1{ opacity: 1; right: 0; }
.sy_swiper1 a{ display: block; color: #fff; text-align: center; position: absolute;  background: rgba(66,165,206,0.9); width: 100%; height: 100%; padding: 12%; left: 0; top: 0; opacity: 0;/* transform: scale(0);*/}
.sy_swiper1 a:before{  position: absolute; content: ''; width: 100%; height: 100%; border: solid 1px #ffffff; left: 0; top: 0; opacity: 0;  }
.sy_swiper1 .swiper-slide:hover a:before{transition: 0.4s; transition-delay: 0.2s;  width: 92%; height: 94%; left: 4%;  top: 3%; opacity: 1; }
.sy_swiper1 .swiper-slide:hover a{ opacity: 1; transform: scale(1); }
.sy_swiper1 .swiper-slide h4{ font-size: 24px; margin-bottom: 6px; }
.sy_swiper1 .swiper-slide img{transition: 2s;}
.sy_swiper1 .swiper-slide:hover img{ transform: scale(1.1);  }
.sy_swiper1 .swiper-slide{ overflow: hidden; }
.sy_swiper1 .swiper-slide .hr{ height: 0; padding-top: 18%; width: 1px; margin: 5% auto; background: #fff; }
.sy_swiper1 .swiper-slide span{ display: block; margin: 6% auto 0; height: 46px;  width:40%; background: #fff url(../images/ico2.png) no-repeat center -120px;  }
.sy_swiper1 .swiper-slide .t_l{ max-height:92px; overflow: hidden;  }
.sy_swiper1 a .table{ display: table; width: 100%; height: 100%; }
.sy_swiper1 a .tbecell{display: table-cell;vertical-align: middle; }

.sy_f3{ background: url(../images/sybg2.jpg) no-repeat top center; background-attachment: fixed; padding:100px 0; color: #fff;}
.sy_f3 .count_m { display:flex;display: -webkit-flex; flex-direction:row ; flex-wrap:wrap  ;/*flex-wrap:nowarp;*/justify-content:space-between; /*align-items:center;*/align-content:space-around; }
.sy_f3 .count_m .items{ width: 190px;  text-align:center;}
.sy_f3 .items .p1{ font-size: 30px; }
.sy_f3 .items .p1 span{ font-size: 60px;line-height: 1;  }
.sy_f3 .items .p2{ font-size: 16px; }
.sy_f3 .items .p3{ color:#adadad; font-size: 12px; text-transform:none }

.sy_f4{ background: url(../images/sybg1.jpg) no-repeat top center; background-attachment: fixed; padding-bottom: 70px;}
.his_warp{ background: url(../images/x_02.png) repeat-x center; margin: 0 60px; }
.hisy_swiper{height: 440px; }
.hisy_swiper .box{ position: relative;}
.hisy_swiper i{ display: block;position: absolute;  width: 25px; height: 25px; background: url(../images/ico2.png) no-repeat -25px -195px;  left: 50%; margin-left: -12px; }
.hisy_swiper em{position: absolute;  display: block; border-left: dashed 1px #ccc; height: 25px; width: 1px; left: 50%; }
.hisy_swiper .year{ padding-bottom: 6px; color: #1a1a1a; text-align: center; color: #42a5ce; }
.hisy_swiper .xq{ /*text-align: left;*/ }
.hisy_swiper .txt{ width: 100%;  text-align:center}
.hisy_swiper .txt h4{ color: #1a1a1a; }
.hisy_swiper .even.swiper-slide{ padding-top:220px; }
.hisy_swiper .odd.swiper-slide{ padding-bottom:220px; }
.hisy_swiper .even .txt{ position: absolute; top: 220px; padding-top: 60px; }
.hisy_swiper .odd .txt{ position: absolute; bottom: 220px; padding-bottom: 60px; }

.hisy_swiper .even i{ top: -12px; }
.hisy_swiper .even em{ top: 20px; }
.hisy_swiper .odd i{ bottom: -12px; }
.hisy_swiper .odd em{ bottom: 20px; }

.hisy_swiper .active i{ background-position:left -195px;;  }

.btn_0a{ margin: 0 auto; display: block;  width: 280px; height: 68px; background:#42a5ce url(../images/ico2.png) no-repeat center -52px; }
.btn_0a.btn_1a{ background-color:#42a5ce;  }
.sy_f4 .events{ text-align: center; padding:10px 0 5%; display: none; }
.sy_f5{ background: url(../images/sybg3.jpg) no-repeat top center; background-attachment: fixed; padding-bottom: 70px;}
.sy_partner{ padding: 20px 0 40px; margin-right: -10px; }
.sy_partner li{  float: left; width: 20%; padding:0 10px 10px 0 ; }
.sy_partner li img{ display: block; width: 100%; overflow: hidden; }
.sy_partner li:hover img{ box-shadow: 0 0 10px 2px #ccc; }

.sy_f6{ padding-bottom: 70px; background: #fefefe; }
.sy_f6 .ul_evaluate .li{ background: #fff; box-shadow: 0 0 10px 1px #dedede; margin: 5px;  }
.sy_f6 .ul_evaluate .li .pic{ overflow: hidden; }
.sy_f6 .ul_evaluate .li .pic img{ display: block; width: 100%; }
.sy_f6 .ul_evaluate h4 { text-align: center; font-size: 16px; padding: 10px 5%; }
.sy_f6 .ul_evaluate p{ padding:0 5% 20px }
.sy_f6 .ul_evaluate .li:hover img{ transform: scale(1.1); }
.sy_f6 .swiper-slide{ overflow:	visible  }
.sy_f6 .swiper-pagination{ position: relative; margin-top: 10px; display: none; }

.sy_f7{ background: url(../images/sybg4.jpg) no-repeat top center; background-size: cover; padding-bottom: 70px;}
.sy_f7 .btn7{ transition: 0.3s; background:#42a5ce url(../images/ico2.png); position: absolute;; z-index: 3; top: -40px; width: 52px; height: 52px; }
.sy_f7 .btn_prev7{ background-position: left top; left: 20px; }
.sy_f7 .btn_next7{ background-position: right top; left:75px; }
.sy_f7 .p_re{margin-top: 30px;box-shadow:0px 1px 15px 1px #ccc; background: #fff;  padding: 20px;}
.sy_news7{ }
.sy_f7 .li{ padding:60px 0px;  }
.sy_f7 .li a{ display: block; height: 160px; position: relative; padding-right: 350px; padding-left: 190px; }
.sy_f7 .li a .pic{ position:  absolute; right: 0; top: 0; overflow: hidden; width: 320px; height: 160px; }
.sy_f7 .li a:hover img{ transform: scale(1.2); }
.sy_f7 .li a .date{ position: absolute; left: 0; top: 0; color: #fff; width: 160px; height: 160px; background: #333; padding:40px 0 0 26px;  }
.sy_f7 .li a .date .p1{  font-size: 18px; }
.sy_f7 .li a .date .p2{ font-size: 30px; }
.sy_f7 .li a h3{display:block; padding-top: 15px; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; font-size: 18px; color: #1a1a1a;}
.sy_f7 .li a .txt{ color: #999; margin-top: 10px; height:69px; overflow: hidden;  }

.sy_f8{ background: #303030; padding:40px 0 ; color: #e5e5e5; }
.sy_f8 .bt{ color: #fff; position: relative; padding-left: 30px; font-size: 30px; font-weight: bold;  }
.sy_f8 .bt:before{ color: #e5e5e5;position: absolute; content: ''; height: 28px; width: 4px; background: #fff; top: 50%; margin-top: -14px; left: 0;  }
.sy_f8 .bt span{ font-size: 18px; padding-left: 30px; }
.sy_f8 .cond{ padding-top: 80px; }
.sy_f8 .cond .leftbox{ width: 32.5%; padding-right: 30px; float: left; }
.sy_f8 .cond .formbox{ width: 67.5%; float: left; }
.sy_f8 .cond .leftbox .div1{ font-size: 16px; line-height:2; padding:0 0 20px 30px; position: relative; text-transform: lowercase;  }
.sy_f8 .cond .leftbox .div1 i{background: url(../images/ico2.png) no-repeat; position: absolute; left: 0; top: 6px; display: block; width: 21px; height: 21px; }
.sy_f8 .cond .leftbox .div1 .i1{  background-position:  left -230px; }
.sy_f8 .cond .leftbox .div1 .i2{  background-position: left -258px; }
.sy_f8 .cond .leftbox .div1 .i3{  background-position:  left -286px; }
.sy_f8 .cond .leftbox .div1 .i4{  background-position:  left -312px; }
.sy_f8 .cond .leftbox .div1 a{ margin-right: 20px; display: inline-block; color: #e5e5e5 }
.sy_f8 .cond .formbox .input{font-size: 16px;  border:none; border-radius: 6px; padding-left: 10px; background: #fff; height: 60px; line-height: 60px;  float: left; display: block; width: 49%; margin-right: 2%; margin-bottom: 2%; }
.sy_f8 .cond .formbox .textarea{border:none; font-size: 16px; width: 100%; border-radius: 6px; background: #fff; padding:10px; margin-bottom: 2%; height: 150px; overflow-y:auto; }
.sy_f8 .cond .formbox .btn1{ width: 230px; height: 60px; line-height: 60px; background: #42a5ce; color: #fff; border: none; border: 0; font-size: 16px;  }
footer{ background: #1c1c1c;  color: #fff; padding: 40px 0; }
footer .ewm{ float: right; width: 112px; }
footer ul li{ float: left; border-right:  solid 1px #fff; line-height: 14px; height: 14px; padding: 0 15px; margin-bottom: 16px; }
footer ul li:first-child{ padding-left: 0; }
footer ul li:last-child{ border:none; }
footer a{ color: #fff }
footer p{ margin-bottom:6px; }
.to_top{ position: fixed; width: 40px; height: 40px; background:url(../images/ico2.png) no-repeat right bottom;  right: 20px; bottom: 20px; cursor: pointer; z-index: 8; display: none; }

/*视频弹框*/
.video_alert{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.7); display: none; z-index:10;}
.video_alert .con1040{ width:800px;left:50%; top: 0%; margin-left:-400px; position: absolute; transition: 0.5s;-moz-transition: 0.5s;-webkit-transition: 0.5s;-o-transition: 0.5s; opacity: 0;background: #fff;border-radius: 5px;padding:30px 30px; }
.video_alert .box{ width: 100%; left:0%; top:0px; height: 0;padding-bottom:56.25%; position: relative; background:#000; }
.video_alert .con1040.current{ top: 18%; opacity: 1;}
.video_alert .con1040 .close{ width: 30px; height: 30px; background: url(../images/close23.png) no-repeat center; position: absolute; right: -35px; top: -25px; cursor: pointer; z-index:3;}
.video_alert .con1040 .name{ text-align: center; margin-top: 1.4em; margin-bottom: 1em;}
.video_alert .box video{ position: absolute;top:0;left: 0; width: 100%;height: 100%; display: block; background:#000;}

.pagebanner{height:300px;background-size:auto 100%;background-position:center center}
.Main_page{padding:40px 0}
.pagebanner .box1{ background: rgba(66,165,206,0.6); color: #fff; padding: 25px 30px; font-size: 24px; float: left; margin-top: 70px; }


.insideNav{height:60px;background:#fff;line-height:60px;display:none;overflow:hidden;box-shadow:0 0 10px 1px #ccc}
.insideNav .swiper-container{width:100%;overflow:hidden}
.insideNav .swiper-slide{text-align:center;float:left;width:120px}
.insideNav .swiper-slide a{color:#333;padding:5px 8px}
.insideNav .swiper-slide .on{color:#fff;background:#42a5ce}
.insideNav .swiper-slide a:hover{color:#fff;background:#42a5ce}
.list_left{width:250px;float:left}
.list_left .box1 h2{height:90px;line-height:90px;background:#42a5ce;color:#fff;font-size:24px;font-weight:400;text-align:center}
.list_left .box1 dl dd a{display:block;cursor:pointer;font-size:16px;text-align:center;color:#333;text-align:center;line-height:50px;background:#f2f2f2;border-bottom:1px solid #ddd}
.list_left .box1 dl dd a:hover{background:#1881ac;color:#fff}
.list_left .box1 dl dd a.on{background:#1881ac;color:#fff}
.list_left .box1 dl dd:last-child a{border-bottom:none}
.list_left .box2{background:#42a5ce;padding:20px 10px 10px;width:250px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff;margin:20px 0}
.list_left .box2 a{color:#fff}
.list_left .box2 h1{border-bottom:1px solid #1881ac;font-size:16px;line-height:40px;text-transform:uppercase;background:url(../images/tellico1_03.png) no-repeat left center;padding-left:30px}
.list_left .box2 h1 i{width:18px;height:17px;background-position:-162px -192px;margin-right:5px;margin-left:1px}
.list_left .box2 h2{letter-spacing:2px; text-align: center; border-top:1px solid #89c7e0;font-family:impact;font-size:26px;font-weight:100;padding-top:3px}
.list_left .box3{width:250px;border:1px solid #e5e5e5;border-top:3px solid #3b0002;text-align:left}
.list_left .box3 .hd{position:relative;width:100%;height:50px}
.list_left .box3 .hd ul{float:left;position:absolute;left:0;top:-3px;height:50px;line-height:50px;width:100%}
.list_left .box3 .hd ul li{width:50%;font-size:16px;color:#7f7c7c;cursor:pointer;float:left;text-align:center;border-top:3px solid #3b0002}
.list_left .box3 .hd ul li.on{border-top:3px solid #42a5ce;color:#42a5ce}
.list_left .box3 .bd{width:200%;position:relative}
.list_left .box3 .bd ul{zoom:1;margin-bottom:10px;width:50%;float:left}
.list_left .box3 .bd ul .news_top a{display:block;width:220px;margin:0 auto}
.list_left .box3 .bd ul .news_top a b{width:100%;height:100px;display:block;overflow:hidden}
.list_left .box3 .bd ul .news_top a b img{width:100%}
.list_left .box3 .bd ul .news_top a h1{color:#42a5ce;line-height:40px}
.list_left .box3 .bd ul .news_top a p{border-bottom:1px solid #e5e5e5;line-height:18px;color:#5e5e5e;padding-bottom:15px;margin-bottom:10px;font-size:12px;width:100%;text-align:left}
.list_left .box3 .bd ul .news_top a i{width:14px;height:14px;float:left;margin-right:5px;background-position:-162px -211px}
.list_left .box3 .bd ul .news_top a span{line-height:15px;display:block;margin-bottom:19px;font-size:12px;color:#909090}
.list_left .box3 .bd ul .news_top a:hover span{color:#909090}
.list_left .box3 .bd ul .li{border-bottom:1px dotted #e3e3e3;line-height:35px;height:35px;width:228px;margin:0 5px;float:left}
.list_left .box3 .bd ul .li .right{color:#c3c3c3;font-size:12px}
.list_left .hotCase{width:100%;background:url(../images/newsbg_10.jpg);background-size:cover;padding-top:20px;margin-top:30px;padding-bottom:20px}
.list_left .hotCase h3{font-size:20px;color:#fff;text-align:center;line-height:40px;margin-bottom:10px}
.list_left .myscroll{width:210px;margin:0 auto;height:600px;overflow:hidden}
.myscroll ul li{height:200px; }
.myscroll ul li a{display:block}
.myscroll ul li .img{width:210px;height:153px;overflow:hidden}
.myscroll ul li p{width:90%;margin:10px auto 0;line-height:20px;font-size:14px;color:#fff;text-align:center}
.myscroll ul li img{transition:all .5s}
.myscroll ul li:hover img{transform:scale(1.1)}
.hvr-underline-from-left{display:inline-block;vertical-align:middle;-webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden}
.hvr-underline-from-left:before{content:"";position:absolute;z-index:-1;left:0;right:100%;bottom:0;background:#42a5ce;height:2px;-webkit-transition-property:right;transition-property:right;-webkit-transition-duration:.3s;transition-duration:.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out}
.hvr-underline-from-left:active:before,.hvr-underline-from-left:focus:before,.hvr-underline-from-left:hover:before{right:0}
.r_main{width:980px;float:right;padding:10px 30px 40px}
.bgcf2f2f2{background:#f2f2f2}
.brands{line-height:50px;border-bottom:solid 1px #cecece;margin-bottom:20px}
.page_div{text-align:center;padding:30px 0 20px}
.page_div a{display:inline-block;line-height:36px;padding:0 14px;color:#666;margin:0 3px;background:#f2f2f2}
.page_div a.on,.page_div a:hover{color:#fff;background:#1881ac}

.about_c,.newsD{ padding: 30px 0; }
.about_c img{ margin: 15px auto; }
.product_c li{ width:31.33%; background: #fff; float: left; margin: 1%;  }
.product_c li .pic{ overflow: hidden; }
.product_c li .pic img{ display: block; width: 100%; }
.product_c li:hover  img{ transform: scale(1.1); }
.product_c li a{ display: block; }
.product_c li h4{overflow: hidden; border-top:  solid 1px #dedede;  text-align: center; text-overflow:ellipsis;white-space: nowrap; padding: 10px; font-size: 16px; }

.news_c{}
.news_c li{ border-bottom: solid 1px #dedede; transition: 0.4s; }
.news_c li a{ display: block; padding: 20px; }
.news_c li a h3{overflow: hidden; text-overflow:ellipsis;white-space: nowrap; font-size: 16px;}
.news_c li a .date{ color: #999; font-size: 12px; padding: 5px 0; }
.news_c li a .xq{ overflow: hidden; height:46px; }
.news_c li a:hover *{ color: #fff; }
.news_c li:hover{ background: #42a5ce }
.pagex{font-size:14px;background:#f2f2f2;padding:20px;margin:40px 0}
.pagex .hafl{width:50%;float:left;height:30px;line-height:30px;padding:0 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pagex .hafl.fl{background:url(../images/arro.png) no-repeat left;text-align:left;background-position:left top}
.pagex .hafl.fr{background:url(../images/arro.png) no-repeat right;text-align:right;background-position:right bottom}
.pagex a{color:#666}
.pagex a:hover{color:#42a5ce}


.newsD h2{text-align:center;font-size:24px;font-weight:700;padding-bottom:0.4em}
.newsD .date{text-align:center;color:#999;font-size:12px;padding-bottom:40px}
.newsD img{ display: block; margin: 20px auto; }
.case_c .product_c li{ background: #f2f2f2; border: solid 1px #dedede;  }
.caseD{ padding-top: 30px; }

.contactmap{width:100%;height:500px;position:relative;margin-top:40px;border:solid 1px #dedede}
.contactdiv h3{ color: #42a5ce; font-weight: bold; font-size: 1.5em; margin-bottom: 0.5em; }
.contactdiv p{ margin-bottom: 0.5em; }
.work_f1{ }
.work_f1 .sy_h2{ padding-bottom: 0; background: none; }
.work_f1 .div1{ padding-bottom: 20px; border-bottom:  solid 1px #dedede; }
.work_f1 h3{ font-weight: bold; font-size:18px; padding-top: 20px; color: #333; padding-bottom: 10px;  }
.work_f1 .zp_{color: #666; }
.work_f1 .zp_ .p{ color: #333; font-weight: bold; }
.work_f1 h4{ font-size: 18px;color: #333; line-height: 2; padding:1em 0; }


.qiehuan{width:58%; float: left; overflow: hidden;position:relative; }
.qiehuan .datus{ background: #fff; position: relative;}
.qiehuan .datu{ overflow:hidden; position:relative;}
.qiehuan .datu ul{ position:absolute; left:0px; top:0px; width:100%;}
.qiehuan .datu ul li{ display:none; width:100%; position:absolute; left:0px; top:0px;}
.qiehuan .xiaotu{ position:relative; width:100%; padding:10px 0; background:#fff; margin-top: 10px;}
.qiehuan .xtu{ position:relative; overflow:hidden; margin:0px 30px;}
.qiehuan .xtu dl{ position:absolute; left:0px; top:0px;}
.qiehuan .xtu dl dt{ position:absolute; left:0px; top:0px; height: 100%;}
.qiehuan .xtu dl dd{ position:relative; text-align:center; line-height:100px;  font-size:20px; font-weight:bold; width:110px; margin-right:10px;float:left;cursor:pointer; opacity: 1; background: #42a5ce;}
.qiehuan .xtu dl dd.current img{opacity: 0.4;}
.qiehuan .xiaotu .prev{ display:inline-block;  cursor:pointer; width:20px; height:35px;background:#bababa url(../images/arro3.png) no-repeat center 3px; position:absolute; left:0px; top:50%; margin-top: -17px; }
.qiehuan .xiaotu .next{ display:inline-block;  cursor:pointer; width:20px; height:35px; background:#bababa url(../images/arro3.png) no-repeat center -28px; position:absolute; right:0px; top:50%; margin-top: -17px; }
.qiehuan .datus .prev{ display:inline-block;  cursor:pointer; width:30px; height:48px;background:#42a5ce url(../images/arro3.png) no-repeat center 11px; position:absolute; left:0px; top:50%; margin-top:-24px; }
.qiehuan .datus .next{ display:inline-block;  cursor:pointer; width:30px; height:48px;background:#42a5ce url(../images/arro3.png) no-repeat center -23px; position:absolute; right:0px; top:50%; margin-top:-24px;}

.qiehuan .datu ul li img{ display:block; width:100%; height:auto;}
.qiehuan .xtu dl dd img{display:block; width:100%; height:auto;}

.proD .frtxt{ width: 42%; padding-left: 30px; float: left; }
.proD .frtxt h4{ color: #42a5ce; font-size: 20px; padding-bottom: 1em; }
.proD .detailbox{ padding-top: 30px; }
.proD .detailbox .top{ border-bottom:  solid 1px #42a5ce; margin-bottom: 30px; }
.proD .detailbox .top span{ display: inline-block; padding: 5px 10px; color: #fff; background: #42a5ce;}
.contactdiv{ text-transform: lowercase; }