*{margin:0;padding:0; font-family:"思源黑体 CN" !important;}
body {background-color: #fff; overflow-x:hidden;color: #333;font-size: 12px;}
a { color: #333;
  text-decoration: none;
  -webkit-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  -moz-transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
  transition: transform 0.3s ease, text-decoration 0.3s ease, color 0.3s, background 0.3s ease, text-indent 0.3s ease;
}
a:hover {color: #00aab7;text-decoration:none;}
input,select,img{vertical-align:middle;}
h2,h3, dl{margin:0;}
ul,li{ list-style:none;}
em, cite, th { font-style: normal; font-weight: normal; font-style:normal;}
.wrap{clear:both; width:96%;max-width:1200px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.wrap2{clear:both; width:96%;max-width:1400px;margin:0 auto;text-align:left;zoom:1; overflow:hidden;}
.divhidden{ display:none;}
.clearboth{clear:both;}
.l{ float:left;}
.r{float:right;}
.c_l{ clear:both; height:0px; font-size:0px; overflow:hidden;}

.page{ text-align:center; margin:30px 0 30px 0; width:100%; float:left;font-size:1.3em;}
.page a{ border:1px solid #e5e5e5; color:#555; margin:0 2px; padding:5px 8px; transform:all 0.5s;}
.page a.dq,.page a:hover{ background:#5c5f64; color:#fff;}

/*PC导航*/
.header-v1{ width:100%;  padding-top:0;z-index:10;  display:none; }
.header-v1 .top{background:#2a2a2a; height:40px;line-height:40px; color:#fff;}
.header-v1 .top .top-left{float:left;}
.header-v1 .top .top-right{float:right; font-size:16px; font-weight:bold;}
.header-v1 .top-main{ width:100%;/* max-width:1730px;*/ margin:0 auto;}
/*.header-v1 .top-main .logo1{ float:left; font-size:3em;padding:15px 0;font-weight:bold; }
.header-v1 .top-main .logo1 a{color:#00aab7;}*/
.header-v1 .top-main .logo1{float:left; font-size:1.6em; color:#30363b;padding:20px 0;}
.header-v1 .top-main .logo1 h2{ font-size:20px; letter-spacing:0.5px; font-weight:300; color:#ababab; margin:0px 0 0 0;}
.header-v1 .top-main .logo1 span{ font-size:20px; padding:0 0 0 10px; margin-left:10px;border-left: 1px solid #ababab;color:#ababab;}

.header-v1 .languages{ float:right; position:relative; display:block;font-size:18px; color:#16549e;height:114px;
line-height:114px; width:34px; text-align:center; font-weight:bold; text-decoration:none; text-align:center; margin-left:3px; margin-right:2%;}
.nav-hide .header-v1 .languages{ height:99px; line-height:99px;}
.header-v1 .languages:Hover{ background-color:#fff;}
.header-v1 .languages:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:after{content: "";display: block;position: absolute;left: 50%;right: 50%;
bottom: -1px;height:4px;opacity: 0;background-color: #c71d32;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .languages:hover:after{left: 1%;right: 1%;opacity: 1;-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;transition: all .5s;}
.header-v1 .top-main .top-main-content{ float:right;/* margin-top:31px;*/}

.nav{  position:relative; z-index:1; float:right; margin-top:0px;height:100px; line-height:100px; margin-right:220px;}
.nav a{ color:#333;  }
.nav .nLi{ float:left;  position:relative; display:inline;  }
.nav .nLi h3{ float:left;  }
.nav .nLi h3 a{ display:block; margin:0 40px; font-size:18px;height:100px; line-height:100px; font-weight:normal;  }
.nav .nLi h3 a.last{margin-right:0;}
.nav .sub{ display:none;width: 200px;left: -40px;top:100px;  position:absolute; background:#f5f5f5;  line-height:30px;   }
.nav .sub li{ zoom:1;font-size:15px; text-align:center;height:40px; line-height:40px;border-bottom:1px solid #ddd; }
.nav .sub a{ display:block; padding:0 10px; }
.nav .sub a:hover{ background:#00aab7; color:#fff;  }
.nav .on h3 a{  color:#00aab7;   }

.top-main .container{ position:relative;}
.lx{ display:block; position:absolute; right:0; top:50%; transform:translate(0, -50%); font-weight:bold; 
width:200px; height:42px; line-height:42px; border-radius:50px; font-size:18px; color:#fff; text-align:center; background:#00aab7; padding-left:30px;}
.lx:hover { color:#fff;}
.lx i{ display:block; position:absolute; left:15px; top:50%; transform:translate(0, -50%); 
width:20px; height:20px; background:url(../images/tel.png) no-repeat center;}

/* 手机导航全局 */
.touch-top{ width:100%;  top:0; z-index:9; background:#fff;  display:block; border-bottom:1px solid #eee;}
.touch_bg{width:100%; position:fixed; top:0; z-index:8;background:#0d0d0d;display:none;filter: Alpha(Opacity=60);/*IE7 fix*/opacity: 0.6; height:100%;}
.touch-top-wrapper{ width:96%; margin:0 auto;}
.touch-top-wrapper .touch-logo{ float:left; font-size:2.5em;padding:5px 0;color:#30363b;}
/*.touch-top-wrapper .touch-logo a{ color:#00aab7;}*/
.touch-top-wrapper .touch-logo img{ max-width:100%; /*display: block; height:36px;*/}
/*.header-v1 .top-main .logo1{float:left; font-size:1.6em; color:#30363b;padding:20px 0;}*/
.touch-top-wrapper .touch-logo h2{ font-size:16px; letter-spacing:0.5px; font-weight:300; color:#ababab; margin:0px 0 0 0;}
.touch-top-wrapper .touch-logo span{ font-size:16px; padding:0 0 0 10px; margin-left:10px;border-left: 1px solid #ababab;color:#ababab;}

.touch-navigation { display:block; }
.touch-toggle { position:absolute; right:10px; top:0; }
.touch-toggle li { float:left; height:70px; padding:0 12px; text-align:center; }
.touch-toggle li a { height:70px; }
.touch-toggle li:hover, .touch-toggle li:active { }
.touch-toggle .touch-toggle-item-first { border-left:none; }
.touch-toggle .touch-toggle-item-last { border-right:none; }
.touch-toggle li a { display:block; font-size:12px; }	
.touch-toggle li i { display:inline-block; width:32px; height:32px; overflow:hidden; /*margin-top:20px;*/margin-top:23px; background-repeat:no-repeat; background-position:center center; background-size:contain; }
.touch-toggle .touch-icon-language { background-image:url(../images/touch-icon-language.png); }
.touch-toggle .touch-icon-user { background-image:url(../images/touch-icon-user.png); }
.touch-toggle .touch-icon-search { background-image:url(../images/head_pic2.png); }
.touch-toggle .touch-icon-menu { background-image:url(../images/head_pic1.png); }
.touch-toggle li span { display:none; text-align:center; }.drawer-section {/* background-color:#40312f; padding:20px;*/ display:none; }	
.drawer-section-menu {/* padding:20px 20px 35px;*/  padding:0px 0px 35px;}
.touch-toggle-content{ clear:both;}.touch-menu{ clear:both;}.touch-menu ul li { border-bottom:1px solid #eee; position:relative; }
.touch-menu ul li a { color:#333; display:block; font-size:18px; height:48px; line-height:48px;/* padding-left:10px;*/  padding-left:30px;}
.touch-menu ul li a:hover, .touch-menu ul li a:active { background-color:#00aab7; color:#fff; }	
.touch-menu ul li i { position:absolute; top:14px;/* right:5px;*/ right:25px;  display:block; width:13px; height:13px; overflow:hidden; background-position:center center; background-repeat:no-repeat; background-size:contain; }
.touch-menu ul li i.touch-arrow-right { display:none; background-image:url(../images/touch-arrow-r.png); }
.touch-menu ul li i.touch-arrow-down { background-image:url(../images/touch-arrow-d.png); }
.touch-menu ul li i.touch-arrow-up { background-image:url(../images/touch-arrow-u.png); }
.touch-menu ul li a:hover i.touch-arrow-down {background-image:url(../images/touch-arrow-d2.png); }
.touch-menu ul li a:hover i.touch-arrow-up {background-image:url(../images/touch-arrow-u2.png); }
.touch-menu ul ul { display:none; margin:0;/* padding:0 10px 30px 30px;*/ padding:0 0px 30px 0px; }
.touch-menu ul ul li { border-bottom:none; margin:0; padding:0; }
.touch-menu ul ul li a { padding:0; padding-left:35px; font-size:16px; height:38px; line-height:38px; }		
.touch-menu ul ul li i { top:13px; }
.touch-menu .closetitle{ padding-top:10px; padding-bottom:12px; text-align:center;}
.touch-menu .closetitle img{ margin:0 auto;  height:30px; width:auto;}


.nav-hide .blank_h{ height:80px;}
.touch-top-wrapper .touch-logo img{ /*height:80px;*/}
.touch-toggle li i{ margin-top:20px;}
.touch-menu ul li a{ font-size:16px; height:40px; line-height:40px;}
.header-v1{ display:none;}
.touch-top{ display:block;/* background:#f7f7f7;*/}
.module-content{display:none;}
.flash_div{display:block;}
.touch .container{padding:0;}

.owl-buttons{ position:absolute; top:44%; left:0; transform:translate(0,-50%); width:100%; display:none;}

/*banner开始*/
.c-banner{ width: 100%; position: relative; }
.c-banner img{ width: 100%; }
.c-banner .banner ul{ list-style: none; padding-left: 0px; margin-bottom: 0px;}
.c-banner .banner ul li{ position: absolute display: none; opacity: 0;
	/*这里不能改，不能加分号，加了就会出错，删除也会出错哦*/
}
.c-banner .banner ul li:nth-child(1){ opacity: 1; display: block;}
.c-banner .banner ul li img{ width: 100%; position: absolute; top: 0px;}
.c-banner .banner ul li:first-child img{ position: relative; }
.c-banner .nexImg,.c-banner .preImg{
	padding: 25px 10px 25px 10px;
	position: absolute;
	top: 50%; margin-top:-53px;
	background: #000000;
	opacity: 0.1;
	border-radius: 5px;
	z-index: 10; }
.c-banner .nexImg:hover,.c-banner .preImg:hover{ opacity: 0.8; }
.c-banner .nexImg{ right: 0px; }
.c-banner .nexImg img,.c-banner .preImg img{ }
.c-banner .jumpBtn{ width: 100%; position: absolute; bottom: 20px; text-align: center; }
.c-banner .jumpBtn ul{ margin-bottom: 0px; padding: 0px; }
.c-banner .jumpBtn ul li{ width: 20px; height: 20px; border-radius: 50%; display: inline-block;
	background-color: white; opacity: 0.9; margin-left: 10px; }
.c-banner .jumpBtn ul li:first-child{ margin-left: 0px; }
/*banner结束*/

/*首页--产品分类*/
#product{/*margin:30px auto 20px;*/}
#product ul{width:100%; text-align:center;}
#product ul li{width:22%; text-align:center;/*float:left;*/ margin:0 1.5%;line-height:2; font-size:15px; display:inline-block;}
#product ul li img{width:100%;}

.pro-bg{width:100%; overflow:hidden;}
.pro-bg img{max-width:100%;transform:scale(1,1);transition-duration:0.5s;}
.pro-bg img:hover{ transform:scale(1.1,1.1); transition-duration:0.5s;}
#product2{padding:70px 0;}
.ab h2{ font-size:42px; line-height:1; text-align:left; color:#000; margin:0 0 14px 0; font-weight:bold;}
.ab h4{ text-align:left; font-size:20px; line-height:1; text-transform:uppercase; color:#e5e5e5; margin:50px 0 10px 0;}
.ab h3{ text-align:left; font-size:18px; color:#333; margin:0px 0 8px 0; line-height:1; font-weight:bold;}
.ab p{ text-align:left; font-size:16px; color:#666; line-height:2; font-weight:300;}
.ab a{display:inline-block; padding:0 35px; height: 42px; line-height: 42px; text-align: center; color: #fff; margin-top:50px; font-size:16px;
background-color: #00aab7; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #009ac6 , #00aab7);}
.ab a i{ display:inline-block; margin-left:10px;-webkit-transition: all 400ms ease 0s; transition: all 400ms ease 0s;}
.ab a:hover i{ margin-left:15px;}

.ab .about1{ width:52px; height:11px; position: relative; margin-bottom:50px;
    background-image: url(../images/tit.png);
    background-size: auto;
    background-position: 0% 50%;
    background-repeat: no-repeat;
    -webkit-animation-name: bgSlideH;
    animation-name: bgSlideH;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-play-state: running;
    animation-play-state: running;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;}
@-webkit-keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
@keyframes bgSlideH{0%{background-position: 0 center;} 100%{background-position: 100% center;}}
.bgSlideH{-webkit-animation-name: bgSlideH; animation-name: bgSlideH;}



.ab2 .about2{ margin:0;}
.ab2 .about2 ul li{ float:none; border-bottom:1px solid #d8d8d8; padding:26px 0 32px 0; }
.ab2 .about2 ul li h2{background-color: #00aab7; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #009ac6 , #00aab7);
-webkit-background-clip: text; color: transparent;}

.about2{ margin:20px 0;}
.about2 ul li{ float:left; color:#666; position:relative; text-align:center;}
.about2 ul li span{ display:block; position:absolute; right:0; top:50%; transform:translate(0, -50%); width:1px; height:30px; background:#b6b6b6;}
.about2 ul li h3{ display:block; font-size:16px; line-height:28px; margin:0 0 0 0px; font-weight:normal; text-align:center; color:#9b9b9b;}
.about2 ul li h2{ display:inline-block; font-size:40px; line-height:40px; font-weight:bold; color:#333; text-align:center; margin-right:4px; margin:12px 0 0 0;}
.about2 ul li b{font-size:16px; line-height:30px; height:30px; display:inline-block; font-weight:normal; color:#9b9b9b;}

/*.about2 ul li:nth-child(1), .about2 ul li:nth-child(1) h3, .about2 ul li:nth-child(1) h2{ text-align:left;}*/

.ab1{ position:relative; padding:0 50px;}
.ab1 h2{ text-align:center; font-size:40px; color:#00aab7; background:#fff; height:60px; line-height:60px; width:100%; font-weight:300; margin:0; letter-spacing:3px;
position:absolute; top:50%; left:0; transform:translate(0,-50%);}
.ab1 h3{position:absolute; bottom:0; left:50%; transform:translate(-50%,0);
	 display:block; width:100%; text-align:center; font-size:34px; font-weight:300; color:#00aab7; }

.ab1 .pro-bg img{max-width:100%;transform:scale(1,1);transition-duration:0.5s; margin:auto;}
.ab1 .pro-bg img:hover{ transform:scale(1,1); transition-duration:0.5s;}

/*#product2 img{}
#product2 h3{font-size:18px; margin-top:20px;}
#product2 h3 a{ color:#00132b;}
#product2 h3 a:hover{color:#00aab7;}
#product2 h3 span{display:block;font-size:30px; margin-bottom:10px;}
#product2 p{font-size:13px;line-height:2; margin-top:10px; margin-left:5px;color:#555;}*/
.pro2{margin-top:20px;}

.about_1{ width:100%; height:170px; color:#fff;
background-color: #00aab7; /* 不支持线性的时候显示 */
background-image: linear-gradient(to right, #009ac6 , #00aab7);}
.about_1 p{ float:left; font-size:34px; line-height:120px; font-weight:300; letter-spacing:3px; color:#fff;font-weight: bold; margin-top:20px;text-shadow:-1px -1px 0 #037a83, 1px -1px 0 #037a83,-1px 1px 0 #037a83,1px 1px 0 #037a83,0px 2px 2px rgba(0,0,0,0.6);}
.about_1 a{ float:right; display:block; width:204px; height:42px; font-size:16px; background:#fff; color:#00aab7; margin-top:60px;}
.about_1 a span{display:block; margin:0px auto; position: relative; overflow: hidden; /*width: 11em;*/ white-space: nowrap; text-indent: 0; line-height:42px;
    -webkit-transition: all 800ms ease 0s; transition: all 800ms ease 0s;}
.about_1 a span strong{display: inline-block; width: 11em; text-align: center; text-indent: 2em; font-style:normal; font-weight:normal;}
.about_1 a span:hover{text-indent: -2em;}

#news{margin:40px auto 30px;}
.news-title{font-size:36px; color:#000; margin-bottom:30px; text-align:center; position:relative;}
.news-title a{color:#00132b;}
.news-title a img{ display:block; margin:0 auto; max-width:100%;}
.news-title a h2{ font-size:36px; line-height:56px; color:#333; text-align:center; margin-top:-50px;}
.news-title a span{ display:block; text-transform:uppercase; font-size:60px; line-height:60px; color:#e5e5e5; text-align:center;}
.news-title a:hover{color:#00aab7;}
#news img{/*width:100%;*/}
.container-fluid{ padding:40px 20px; background:#fafafa;}
.ns .sj{ font-size:14px; line-height:14px; margin-bottom:20px;}
.ns .sj i{ display:inline-block; margin-right:6px;}
.ns .news_zi{ font-size:14px; line-height:24px; height:48px; overflow:hidden; color:#666; margin-top:20px;}
.ns .news_zi p{ color:#666; text-indent:-2em;}
#news .news-title2{}
#news .ns{margin-bottom:20px;}
#news .ns .news-title2{white-space:nowrap; text-overflow:ellipsis; overflow:hidden;
font-size:20px;font-weight:normal; margin:0px 0 20px 0;}
 

.ns:hover .sj, .ns:hover .news_zi, .ns:hover h3 a, .ns:hover .news_zi p{ color:#fff;}
.container-fluid:hover{ background-color: #00aab7; /* 不支持线性的时候显示 */
    /*background-image: linear-gradient(to bottom right,#00aab7, #262c5c);*/}

#product3{padding:70px 0 70px 0; background:#f6f6f6 url(../images/cp_bg.jpg) no-repeat left top;}
#product3 img{/*width:100%;*/}

.pro-bottom{margin:40px 0 0px 0; }
.pro-bottom .container{background:#fff;padding:20px; -webkit-box-shadow:0 5px 5px #999; -moz-box-shadow:0 5px 5px #999;box-shadow:0 5px 5px #999;
 border-left:4px solid #00aab7;border-right:4px solid #00aab7; position:relative; padding-left:100px;}
.pro-bottom h4{margin:0; border-right:1px solid #fafafa; color:#00aab7;font-size:2em; font-weight:Bold; background:#f6f6f6;
position:absolute; left:0; top:0; height:100%; width:80px; writing-mode:tb-rl; padding:14px 12px 10px 0;}
.pro-bottom h4 a{color:#00aab7;}
.pro-bottom ul li{float:left; margin-right:35px; display:block;line-height:2;font-size:14px;}
.pro-bottom ul li a{color:#555;}
.sy_lb{ margin-bottom:30px;}
.sy_lb .pro-bg{ box-shadow:0 0 10px #b3b3b3;}
.sy_lb a{ display:block; padding:0 20px;}
.cp_zi{ padding:40px; background:#fafafa; box-shadow:0 0 10px #b3b3b3;}
.cp_zi h2{ text-align:left; font-size:28px; line-height:44px; margin:0 0 18px 0; color:#333;
white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.cp_zi p{ text-indent:2em; font-size:14px; line-height:24px; height:48px; overflow:hidden; text-align:left; color:#999; margin:0 0 44px 0;}
.cp_more{ width:36px; height:12px; background:url(../images/cp.png) no-repeat center;}
.sy_lb a:hover .cp_more{ background:url(../images/cp-.png) no-repeat center;}
.sy_lb a:hover .cp_zi h2, .sy_lb a:hover .cp_zi p{ color:#fff;}

.sy_lb a:hover .cp_zi{ background-color: #00aab7; /* 不支持线性的时候显示 */
    /*background-image: linear-gradient(to bottom right,#00aab7, #262c5c);*/}
/*内页--公共部分*/
.banner2 {display:none;}
.banner2 img{max-width:100%;}

.sider-nav{line-height:78px; border-bottom:1px solid #e3e3e3;margin-bottom:40px;}
.sider-nav h3{float:left; line-height:80px; background:#00aab7; color:#fff;padding:0 40px;font-size:24px; font-weight:normal; display:none; font-family:"黑体";}
.sider-nav ul{float:right;margin:0;}
.sider-nav ul li{float:left; margin:0 5px;font-size:14px;}
.sider-nav ul li a{display:block; border-bottom:2px solid #fff;}
.sider-nav ul li a:hover, .sider-nav ul li a.active{color:#00aab7;border-bottom:2px solid #00aab7;}
.sider-nav .position{float:left; /*display:none;*/ font-size:14px;}
.sider-nav .position a i{ display:inline-block; /*margin:0 5px 0 0;*/}
.sider-nav .position i{ display:inline-block; margin:0 3px;}

.sider-content{}
/*内页简介开始*/
.about_tit{ margin-bottom:20px;}
.about_tit img{ display:block; margin:auto; background:url(../images/about_tit_bg.jpg) center fixed; max-width:100%;}
.about{font-size:14px; line-height:1.8;margin:20px 0 70px 0;}
.about_con{ width:70%; margin:auto; text-align:center; font-size:16px; line-height:2; color:#333;}
.about_con2{ margin:50px 0;}
.about_con2 .about2 ul li h2{ font-size:70px; line-height:88px;}
.about_con2 .about2 ul li:nth-child(1){ background:url(../images/jj1.png) no-repeat 70% center;}
.about_con2 .about2 ul li:nth-child(2){ background:url(../images/jj2.png) no-repeat 70% center;}
.about_con2 .about2 ul li:nth-child(3){ background:url(../images/jj3.png) no-repeat 74% center;}
.about_con2 .about2 ul li:nth-child(1) h3{ text-align:center; color:#00aab7;}
.about_con2 .about2 ul li:nth-child(odd) h2, .about_con2 .about2 ul li:nth-child(odd) h3, .about_con2 .about2 ul li:nth-child(odd) b{ color:#00aab7;}
.about_con2 .about2 ul li:nth-child(even) h2, .about_con2 .about2 ul li:nth-child(even) h3, .about_con2 .about2 ul li:nth-child(even) b{ color:#00aab7;}
.about_con2 .about2 ul li:nth-child(1), .about_con2 .about2 ul li:nth-child(1) h3, .about_con2 .about2 ul li:nth-child(1) h2{ text-align:center;}
.wenhua{/* background:url(../images/wenhua_bg.jpg) no-repeat center; height:400px;*/ position:relative;}
.wenhua img{ display:block; max-width:100%;}
.wenhua .wh{ position:absolute; left:15%; top:50%; transform:translate(0,-50%);}
.wenhua .wh h3{ font-size:48px; font-weight:bold; text-align:left; line-height:70px; margin:0 0 20px 0; color:#fff;}
.wenhua .wh h2{ text-align:left; font-size:20px; line-height:28px; margin:0 0 10px 0; font-weight:normal; color:#fff;}
.wenhua_tit h3{ text-align:center; font-size:36px; margin:0; color:#333;}
.wenhua_tit h4{ text-align:center; font-weight:normal; font-size:18px; margin:10px 0; color:#666;}
.wenhua_tit{ margin-top:50px;}
/*内页简介结束*/
/*内页案例开始*/
.case{ margin-bottom:40px;}
.case .case1{ display:block; margin-bottom:30px; border:1px solid #ddd;}
.case .case1 .case_zi{ text-align:center; font-size:16px; padding:22px 0 15px 0; position:relative; border-top:4px solid #00aab7;background: #fafafa;}
.case .case1 .case_zi h2{ margin:0; font-size:16px; line-height:20px; font-weight:normal;}
.case .case1 .case_zi .dsj{ position:absolute; left:50%; top:0; transform:translate(-50%, 0);}
.triangle_border_down{ width:0; height:0; border-width:12px 12px 0; border-style:solid;
    border-color:#00aab7 transparent transparent;/*灰 透明 透明 */  margin:0px auto; position:relative; }
/*内页案例结束*/

/*内页案例详情开始*/
.case_tit{ border-bottom:1px dashed #ddd; padding:0 0 10px 0; text-align:center; font-size:22px; line-height:30px; color:#333;}
.case_tit span{ display:block; font-size:14px; text-align:center; line-height:20px; color:#999; margin-top:5px;}
.case_tit span i{ display:inline-block; margin-right:10px;}
.case_sh1{ padding-top:20px;}
.case_sh1 p{ text-indent:2em; margin:0; line-height:2; font-size:16px;}
.case_sh1 img{ display:block; margin:auto; max-width:100%;}
.more{ display:block; margin:20px auto 0 auto; width:130px; height:40px; line-height:40px; text-align:center; color:#fff; border-radius:40px; font-size:16px;
 background-color: #00aab7; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to bottom right, #00aab7 , #009ac6 );}
.more i{ display:inline-block; margin-right:4px;}

/*内页案例详情结束*/
.news-list{margin-bottom:50px;}
.news-list img{max-width:100%;}
.news-list .mr{padding:30px 0; border-bottom:1px solid #ddd;}
.news-list .xw{ border-bottom:3px solid #00aab7; background:#fafafa; padding:20px 15px 20px 15px; margin-bottom:30px; margin-right:10px;/* margin-left:10px; box-shadow:0 0 10px #b3b3b3;*/
transition:all 0.5s;}
.news-list .xw:hover{ margin-left:10px; box-shadow:0 0 10px #b3b3b3; margin-right:0;}
.news-list .xw_sj{ font-weight:300; font-size:14px; line-height:14px; color:#adadad; margin:10px 0 15px;}
.news-list .xw_sj i{ display:inline-block; margin-right:10px;}
.news-list h4{ font-size:20px; line-height:28px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:normal; margin:20px 0 0 0;}
.xw_zi p{ text-align:left; font-size:16px; line-height:32px; color:#333; text-indent:2em;}
.news-list h4 a{ color:#686868; }
.news-list .mr p{font-size:14px; line-height:28px;color:#555; margin-bottom:0;}
.news-list .xw:hover h3 a{ color:#00aab7;}

.sider-right{ margin-top:0px; background:#fafafa;}
.sider-right h3{margin-bottom:10px;font-weight:Bold;}
.sider-right h3 img{ display:inline-block; margin-right:10px;}
.sider-right .line{display:inline-block;background:#2a2a2a; width:40px; height:3px; margin-left:3px;}
.sider-right ul{ margin-top:15px;}
.sider-right ul li{line-height:36px;font-size:15px; border-bottom:1px dashed #e5e5e5;}

.news-show{margin:30px 0;}
.news-title3{margin-bottom:20px;}
.news-title3 h3{font-size:22px; font-weight:bold; color:#000;padding-bottom:10px; border-bottom:1px solid #ddd;}
.news-title3 .date i{ display:inline-block; margin-right:5px;}
.news-title3 p{font-size:14px; color:#555;margin-top:10px;}
.news-content{font-size:16px; line-height:2;}
.news-content img{ width:auto !important; height:auto !important; max-width:100%; display:block; margin:auto;}
.news-bottom{margin-top:20px; background:#f7f7f7;padding:10px 20px; border:1px solid #e5e5e5;}
.news-bottom ul{padding:0;margin:0;}
.news-bottom ul li{line-height:36px;font-size:14px;}

.product-list .container{border-top:1px solid #ddd;padding-top:25px; padding-bottom:25px;}
.product-list .pro-bg{ border:1px solid #e4e4e4; border-radius:6px; overflow: hidden;}
.product-list .cplb_zi{text-align:center; font-size:16px; line-height:32px; margin-bottom:15px;}
.product-list .cplb_zi a{color:#555;}
.product-show{margin:40px 0; }
.pro-top{text-align:center; border-bottom:1px dashed #aaa;}
.pro-top h3{background:#f5f5f5; height:60px; line-height:60px;font-size:2em; }
.pro-top img{width:40%;margin:30px 0 20px 0;}

.pro-bottom2{ font-size:14px; line-height:2; text-align:left;}
.pro-bottom2 img{ width:auto !important; height:auto !important; display:block; margin:auto; max-width:100%;}
.pro-bottom2 table{ width:100% !important;}
.pro-bottom2 table th, .pro-bottom2 table td{ border-collapse:collapse; border:1px solid #555;word-break:break-all;overflow-wrap: break-word;}
.slideTxtBox{ width:100%; text-align:left; margin-top:40px; border-bottom:1px dashed #ddd; margin-bottom:10px; }
.slideTxtBox .hd{width:100%; position:relative; }
.slideTxtBox .hd ul{width:100%; float:left; background:#5c5f64;}
.slideTxtBox .hd ul li{ float:left; width:25%; text-align:center; cursor:pointer;background:#5c5f64;color:#fff;border-right:1px solid #fff;padding:10px 0;font-size:1.2em;  }
.slideTxtBox .hd ul li.on{   background:#00abb7; }
.slideTxtBox .bd ul{ padding:15px 0;line-height:1.8; font-size:1em;  zoom:1; font-size:1.2em; }

#contact2{margin:30px 0 60px 0;}
.ct-title{margin:0px 0 40px 0; text-align:center; /*font-size:2em; padding-bottom:20px; background:url(../images/line.png) bottom center no-repeat;color:#00aab7;*/}
.ct-title h3{ text-align:center; font-size:36px; line-height:1; margin-bottom:10px;}
.ct-title p{ text-align:center; font-size:14px; line-height:28px; color:#999; margin:0;}
.ct-content{text-align:center; line-height:2; font-size:1.3em;}
.ct-content ul li{ float:left; font-size: 16px; line-height: 36px; color: #233645; position:relative;}
.ct-content ul li:before{ content:'';height: 19px;  background-image: url(../images/icon.png); background-repeat: no-repeat; display: inline-block; 
vertical-align: sub;  margin-right: 10px;}
.ct-content ul li:nth-child(1):before{ width:15px; background-position: -69px 0;}
.ct-content ul li:nth-child(2):before{ width:17px; background-position: -84px 0;}
.ct-content ul li:nth-child(3):before{width:20px;background-position: -99px 0;}
.ct-content ul li:nth-child(4):before{ width:18px; background-position: -118px 0;}
.ct-content ul{ border-bottom:1px solid #e3e3e3; margin-bottom:30px; padding-bottom:50px;}
.ct-content ul li:nth-child(4):after{ display:none;}
.ct-content ul li:after{content: ''; width: 1px; height: 15px; background: #dfdfdf; display: inline-block; vertical-align: middle; margin: 0 60px;}
.ct-content h3{font-size:1.4em; font-weight:Bold;margin-bottom:10px}
.kehu1{ margin-bottom:20px; position:relative; text-align:center;}
.kehu1 input,.kehu1 textarea{ border:1px solid #ddd; background:#fff; padding:0 36px 0 10px; 
font-size:1.5rem; color:#333; line-height:50px; height:50px; width:100%; text-align:left;}
.kehu1 textarea{ height:160px; line-height:26px;}
.kehu1 i{ display:block; position:absolute; right:0px; top:0px; width:40px; height:50px; line-height:50px; font-size:30px; color:#ddd; text-align:center;}
.kehu1 button{ display:inline-block; background:#848484; border:none; line-height:46px; height:46px; width:220px; margin:0 30px; color:#fff; font-size:1.8rem;}
.kehu1 button:hover{ background:#00aab7;}

.inp{ margin-bottom:30px;}
.inp input{ display:block; width: 100%; height: 46px; line-height: 46px; font-size: 14px; color: #555; 
padding: 0 20px; background:#f5f5f5; border-radius:8px; margin-bottom:15px; border:none;}
.inp textarea{ display:block; width: 100%; height: 170px; font-size: 14px; line-height: 24px;  color: #555; padding: 10px 20px; margin-bottom:15px;
 background:#f5f5f5; border:none;}
.inp button{width: 100%; font-size: 16px; line-height: 45px; color: #fff; text-align: center; border-radius: 8px; border:none;
    background: #00aab7; }

/*底部*/
#footer{color:#fff;background:#333;}
#footer a{color:#fff;}
#footer .ft1{padding:50px 0 20px 0;}
#footer .ft1 .container{}
#footer .ft1 .pd dl{ border-top:2px solid #666; padding-top:20px;}
#footer .ft1 dl dt{font-size:18px;font-weight:500; margin-bottom:10px;}
#footer .ft1 dl dd{font-size:14px; line-height:2;color:#aaa;}
#footer .ft1 dl dd img{ display:block; margin-bottom:20px;}
#footer .ft1 dl dd a{color:#aaa;}
#footer .ft1 dl dd a:hover{ color:#00aab7;}
#footer .ft1 dl dd p{margin-bottom:0; }
#footer .ft2{border-top:1px #434343 solid; text-align:center; color:#fff; padding:10px 0;font-size:14px; line-height:1.8;}
#footer .ft2 a{color:#fff;}
#footer .ft2 p{ margin:0;}

@media screen and (max-width: 767px) {
#footer .ft1 .pd{ display:none;}
#footer .ft2 p{ margin:0; font-size:14px; line-height:20px;}
#footer .ft1{ padding:20px 0 10px 0;}
#footer .ft2{ padding:5px 10px;}
#footer .ft1 dl dd img{ margin-bottom:10px;}
#product2{ padding:30px 0;}
.ab h4{ margin-top:0; font-size:16px;}
.ab h2{ font-size:24px;}
.ab .about1{ margin-bottom:20px;}
.ab a{ margin:10px 0 20px 0;}
.ab1{ padding:0 15px;}
.ab2 .about2 ul li{ float:left; width:calc(100% / 3); padding-bottom:20px;}
.about2 ul li h2{ font-size:30px; line-height:30px; margin:0;}
.about2 ul li h3{ font-size:14px; line-height:20px; height:40px; padding:0 4px;}
.about_1 p{ float:none; font-size:22px; text-align:center; line-height:44px; padding-top:10px; letter-spacing:0; margin-top:0;}
.about_1 a{ float:none; margin:6px auto 0 auto;}

.news-title a img{ max-width:40px;}
.news-title a span{ font-size:22px; line-height:30px;}
.news-title a h2{ font-size:24px; line-height:24px; margin-top:-24px;}

.cp_zi{ padding:15px; box-shadow:0 0 10px #b3b3b3;}
.cp_zi h2{ font-size:22px; line-height:30px; margin:0 0 10px 0; }
.cp_zi p{ text-indent:2em; font-size:14px; line-height:24px; height:48px; overflow:hidden; text-align:left; color:#999; margin:0 0 10px 0;}
#product3{ padding:30px 0;}
.sy_lb{ margin-bottom:0;}
#news{ margin:30px auto;}
#news .ns{ padding:0 10px;}
.container-fluid{ padding:10px;}
#news .ns .news-title2{ font-size:18px;}
#news .ns .news-title2, .ns .sj{ margin-bottom:10px;}
.ns .news_zi{ margin-top:10px;}

.sider-nav{ margin-bottom:30px; line-height:40px;}
.about_con{ width:100%; text-align:left; text-indent:2em;}
.about_con2{ margin:20px 0;}
.about_con2 .about2 ul li h2{ font-size:26px; line-height:26px;}
.about_con2 .about2 ul li{ padding-bottom:10px; border-bottom:1px dashed #ddd; margin-bottom:10px; width:calc(100% / 3);}
.about{ margin-bottom:30px;}
.wenhua .wh{ left:5%;}
.wenhua .wh h3{ margin-bottom:10px; font-size:16px; line-height:16px;}
.wenhua .wh h2{ font-size:14px; line-height:20px; margin-bottom:2px;}

.sider-right{ padding:10px; margin-top:20px;}
.pro-top img{ width:100%; margin:10px 0;}

.ct-title h3{ font-size:24px;}
.ct-title p{ line-height:20px;}
.ct-content ul li{ float:none;}
.ct-content ul li:after{ display:none;}
.ct-content ul{ padding-bottom:20px;}

.about_tit img{ max-width:60%;}
}



@media screen and (min-width: 768px) {
.module-content{display:block;}
.flash_div{display:none;}

/*首页--产品分类*/
#product .container{padding:0;}
#touch .container{padding:0;}
#product2 .container{padding:0;}
#product ul li{width:11%; text-align:center; margin:0 0.85%;line-height:2; font-size:15px;}
#product ul li.first{margin-left:0;}
#product ul li.last{margin-right:0;}

/*#product2 h3{font-size:24px; margin-top:0;}
#product2 h3 span{font-size:32px; }
#product2 p{font-size:13px;line-height:30px;}
.pro2{margin-top:50px;}*/

#news .container{padding:0;}
.news-title{font-size:32px;}
#product3 .container{ }
.product-show .container{padding:0;}

.top-main .container{padding:0;}
.header-v1 .top .container{padding:0;}


.banner2 {display:block;}
.sider-nav .container{padding:0;}
.sider-nav h3{display:block;}
.sider-nav ul li{ margin:0 20px;font-size:16px;}
.sider-nav ul{float:right;margin:0;}
.sider-nav .position{ display:block;}
.sider-nav .position a:hover{color:#00aab7;}
.sider-nav .position i{ margin:0 10px;}
.about .img{float:right; margin-left:30px;display:block;}
.news-list .container{padding:0; overflow:hidden;}
.news-list .mr h3{margin-top:0;}
.news-show .container{padding:0;}
.product-list .container{padding:0;padding-top:40px; padding-bottom:40px;}

#footer .ft1 .container{padding:0;}
.ct-content ul li{ float:none;}
.ct-content ul li:after{ display:none;}
.ct-content ul{ padding-bottom:20px; margin-bottom:20px;}
.ct-title{ margin-bottom:20px;}
}

@media screen and (min-width: 992px) {
.nav .m{  width:140px;}
/*#product2 .container{background:url(../images/bg1.png) right bottom no-repeat;}
#product2 h3{font-size:30px;}
#product2 h3 span{font-size:48px; }
#product2 p{font-size:14px;}*/
#news p{font-size:14px;}
.news-title{font-size:36px;}
.sider-nav ul li, .ct-content ul li:after{ margin:0 30px;}
.sider-right{ padding:20px;}
}

@media screen and (min-width: 1200px) {
.nav .m{  width:160px;}
.touch-top{display:none;}
.header-v1{display:block;}
.news-title{font-size:42px;}
.nav .nLi h3 a{ margin:0 16px;}
.ab2 .about2 ul li{ float:none; padding:20px 0 26px 0; }
.ab h4{ font-size:20px; margin:0px 0 10px 0;}
.ct-content ul li:after{ margin:0 55px;}
.ct-content ul li{ float:left;}
.ct-content ul li:after{content: ''; width: 1px; height: 15px; background: #dfdfdf; display: inline-block; vertical-align: middle; margin: 0 100px;}
.ct-content ul{ margin-bottom:30px; padding-bottom:50px;}
}

@media screen and (min-width: 1280px) {
.nav .nLi h3 a{ margin:0 24px;}


}
@media screen and (min-width: 1400px) {
	.container{ width:1370px;}
	.nav .nLi h3 a{ margin:0 30px;}
	.ab2 .about2 ul li{ float:none; border-bottom:1px solid #d8d8d8; padding:26px 0 32px 0; }
	.ab h4{ text-align:left; font-size:20px; line-height:1; text-transform:uppercase; color:#e5e5e5; margin:50px 0 10px 0;}
}