@charset "utf-8";
html { }
html,body,div,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p { padding:0; margin:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
body { font-size:12px;/* background:#FFF;*/ color:#333; font-family:"微软雅黑";}
ul,li { list-style: none; }
img { border: 0; }
input:focus { outline: none; }
input,select{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.input_noline{ background-color:transparent;border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px;}


/* 全局 */
a { text-decoration: none; outline:none;}
a:hover { text-decoration: none; }

/* 清理浮动 */
.clearfix { clear: both; zoom: 1; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.fl { float: left; }
.fr { float: right; }
.en{font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif}
.cn{font-family:"微软雅黑"}
.wrapper{ width:1200px; margin:0 auto; padding:0;}
.h_top{ width:100%; line-height:30px; height:30px; background:#448aff; color:#FFF;}
.h_top .h_t_left{ float:left; background:url(../images/h_t_icon_lt.png) left center no-repeat; padding-left:22px;}
.h_top .h_t_right{ width:300px; float:right;}
.h_top .h_t_right .h_tel{ width:110px; float:left; display:block; background:url(../images/tel.png) left center no-repeat; padding-left:22px;}
.h_top .h_t_right .h_email{ width:140px; float:left; display:block; background:url(../images/email.png) left center no-repeat; padding-left:22px;}


.header{ height:90px; background:#f7f7f7;}
.header .logo{ float: left; padding:12px 0 0;width: 45%;}
.header .logo a{width: 130px; float: left;}
.header .logo h2{font-size: 24px; color: #448aff; line-height: 70px;}
.header .logo a img{width: 80%;padding-top:5px ;}
.header .logoa .logoh h2{font-size: 21px;}
.header .nav{  float:right;}
.header .nav ul{ margin:0; padding:28px 0 0;display: flex;}
.header .nav ul li{  float:left;  height: 40px;border-radius: 6px ;}
.header .nav ul li a{ color:#333; font-size:16px;padding: 0 15px;line-height: 40px;height: 100%;display: block;}
.header .nav ul li:hover{background: #1756c0;}
.header .nav ul li:hover a{color: #fff;}
.header .nav ul li.selected,.header .nav ul li.active{background: #448aff;}
.header .nav ul li.selected a,.header .nav ul li.active a{color: #fff;}
.header .nav ul ul{ display: none;}
.header .en{float: right;margin: 21px 0 0 30px;display: block;width: 48px; height: 48px;border-radius: 100%;background: #448aff; color: #fff;line-height: 48px;text-align: center; font-size: 16px;}
.header .en:hover{background: #1756c0;}








/**大图**/
.banner_box{ width:100%; position:relative; background:#FFF;/*  margin-top:120px;*/}
.banner_box .hd{ height:15px; overflow:hidden; position:absolute; left:0; bottom:15px; z-index:1; right:0; }
.banner_box .hd ul{ width:60px; overflow:hidden; zoom:1; margin:0 auto; text-align:center;}
.banner_box .hd ul li{ float:left; margin:0 4px; width:10px; height:10px; border-radius:100%; background:#fff; cursor:pointer; display:inline-block; }
.banner_box .hd ul li.on{ background:#f00; color:#fff; }
.banner_box .bd{ position:relative; height:100%; z-index:0;}
.banner_box .bd li{ zoom:1; vertical-align:middle; }
.banner_box .bd img{ max-width:100%; display:block;}

/* 下面是前/后按钮代码，如果不需要删除即可 */
.banner_box .prev,
.banner_box .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; transition:0.5s;}
.banner_box .next{ left:auto; right:3%; background-position:8px 5px;}
.banner_box .prev:hover,
.banner_box .next:hover{ filter:alpha(opacity=100);opacity:1;}
.banner_box .prevStop{ display:none; }
.banner_box .nextStop{ display:none; }




.about_box{ overflow:hidden; padding:90px 0; background:#f7f7f7;}

.about_box .about_desc{ width:660px; background:#FFF; border-bottom:1px solid #448aff; float:left;}
.about_box .about_desc .a_d_img{ height:300px; overflow:hidden; position:relative;}
.about_box .about_desc .a_d_img img{width: 100%;position: absolute;top: 0;left: 0;}
.about_box .about_desc .a_title{display:none; position:absolute; top:30px; left:30px; width:210px; height:90px; z-index:99; background:#448aff; color:#FFF;}
.about_box .about_desc .a_title b{ display:block; font-size:24px; padding:20px 0 0 60px;}
.about_box .about_desc .a_title font{ display:block; padding:2px 0 0 60px; opacity:0.8;}
.about_box .about_desc p{ padding:15px 45px; line-height:24px;}
.about_box .about_desc .a_more{ width:90px; height:30px; margin:0 auto;}
.about_box .about_right{ width:460px; float:right;}

.about_box .about_right .history{ width:460px; height:230px; background:#FFF;  position: relative;}

.about_box .about_right .history .hd{ height:15px; overflow:hidden; position:absolute; left:0; bottom:15px; z-index:1; right:0; }
.about_box .about_right .history .hd ul{ width:60px; overflow:hidden; zoom:1; margin:0 auto; text-align:center;}
.about_box .about_right .history .hd ul li{ float:left; margin:0 4px; width:10px; height:10px; border-radius:100%; background:#d5d5d5; cursor:pointer; display:inline-block; }
.about_box .about_right .history .hd ul li.on{ background:#502dab; color:#fff; }
.about_box .about_right .history .bd{ position:relative; z-index:0; padding:30px 80px;}
.about_box .about_right .history .bd .h_box{ overflow:hidden;}
.about_box .about_right .history .bd .h_box dl{text-align:center; font-size:30px; color:#666; padding:0 0 20px; margin:0;}
.about_box .about_right .history .bd .h_box dt{ background:url(../images/h_li_icon.jpg) left center no-repeat;}
.about_box .about_right .history .bd .h_box dd{ line-height:24px; display:block;}
.about_box .about_right .history .bd a{ color:#999;}

.about_box .about_right .history .next,.about_box .about_right .history .prev{ position:absolute; top:50%; margin-top:-25px; display:block; width:30px; height:30px;filter:alpha(opacity=50);opacity:0.5; transition:0.5s;}
.about_box .about_right .history .next{ background:url(../images/h_left.jpg) no-repeat; left:0;}
.about_box .about_right .history .prev{ background:url(../images/h_right.jpg) no-repeat; right:0;}
.about_box .about_right .history .prevStop{ display:none; }
.about_box .about_right .history .nextStop{ display:none; }






.about_box .about_right .a_icon{ overflow:hidden; margin-top:34px;}
.about_box .about_right .a_icon ul{ margin:0; padding:0; text-align:center; width:490px; overflow:hidden;}
.about_box .about_right .a_icon ul li{ width:140px; height:140px; float:left; margin-right:20px; background:#448aff;}
.about_box .about_right .a_icon ul li a{ color:#FFF; font-size:14px;}
.about_box .about_right .a_icon ul li a font{ display:block; line-height:20px; padding:16px 0;}
.about_box .about_right .a_icon ul li a img{ margin:24px auto 0; width:64px; height:60px;}
.about_box .about_right .a_icon ul li:nth-of-type(even){ background:#448aff;}



.product_box{ overflow:hidden; padding:100px 0;}

.product_box .p_title{ overflow:hidden;}
.product_box .p_title font{ font-size:32px; display:block;}
.product_box .p_title font i{ font-style:normal; font-size:22px; text-transform:uppercase; padding-left:8px;} 
.product_box .p_title em{ font-style:normal; display:block; width:760px; color:#999; line-height:18px; padding:15px 0 0;}

.product_box .p_box{ width:100%; overflow:hidden; position:relative;  }
.product_box .p_box .hd{ overflow:hidden;}
.product_box .p_box .hd ul{ float:right; overflow:hidden; zoom:1; }
.product_box .p_box .hd .prev,.product_box .p_box .hd .next{ display:block; width:40px; height:40px; float:right; margin-right:1px; margin-top:40px; overflow:hidden;
			 cursor:pointer;}
.product_box .p_box .hd .next{ background:url(../images/p_right.jpg) no-repeat;}
.product_box .p_box .hd .prev{ background:url(../images/p_left.jpg) no-repeat;}
.product_box .p_box .hd .prevStop{ background-position:-60px 0; }
.product_box .p_box .hd .nextStop{ background-position:-60px -50px; }

.product_box .p_box .hd .p_title{ overflow:hidden;}
.product_box .p_box .hd .p_title font{ font-size:32px; display:block;}
.product_box .p_box .hd .p_title font i{ font-style:normal; font-size:22px; text-transform:uppercase; padding-left:8px;} 
.product_box .p_box .hd .p_title em{ font-style:normal; display:block; width:760px; color:#999; line-height:18px; padding:15px 0 0;}



.product_box .p_box .bd1{}
.product_box .p_box .bd1 ul{ overflow:hidden; zoom:1; }
.product_box .p_box .bd1 ul li{ float:left; display:inline; overflow:hidden; text-align:center; position:relative; margin:42px 1% 0 0; width: 32.3%; }
.product_box .p_box .bd1 ul li .pic{ width:100%; height:396px; overflow:hidden; float:left;border: 2px solid #eee; box-sizing:border-box}
.product_box .p_box .bd1 ul li .pic img{ transition:0.5s;width: 100%;}
.product_box .p_box .bd1 ul li .p_b_desc{ position:absolute; bottom:-50px; line-height:50px; width:100%; text-align:center; left:0; z-index:99; opacity:0; background:rgba(68,138,255,0.8); transition:0.5s; font-size:14px; color:#FFF;filter:alpha(opacity=80)progid:DXImageTransform.Microsoft.gradient(startColorstr=#448aff,endColorstr=#448aff);}
.product_box .p_box .bd1 ul li a{ color:#FFF;}
.product_box .p_box .bd1 ul li .pic:hover{border: 2px solid #448aff;}
.product_box .p_box .bd1 ul li:hover .p_b_desc{ opacity:1; bottom:0;}
.product_box .p_box .bd1 ul li:hover .pic img{ transform:scale(1.1,1.1)}
.morebox{line-height: 92px; font-size: 16px;}
.morebox:hover{color: #448aff;}
.sol_box{ overflow:hidden; padding:90px 0; background:url(../images/sol_bg.jpg) center top no-repeat;}
.sol_box .s_title{ overflow:hidden; background:url(../images/more.png) right 60px no-repeat;}
.sol_box .s_title font{ font-size:32px; display:block;}
.sol_box .s_title font i{ font-style:normal; font-size:22px; text-transform:uppercase; padding-left:8px;} 
.sol_box .s_title em{ font-style:normal; display:block; width:760px; line-height:18px; padding:15px 0 0;}
.sol_box .s_title a{ color:#FFF;}
.sol_box ul{ width:1140px; overflow:hidden;}
.sol_box ul a{ color:#FFF;}
.sol_box .s_box{ width:352px; height:300px; position:relative;margin:82px 20px 0 0; float:left;}
.sol_box .s_box .s_img{width:352px; height:300px; overflow:hidden;}
.sol_box .s_box .s_img img{ transition:0.5s;}
.sol_box .s_box a{ color:#FFF;}
.sol_box .s_box .s_b_shuzi{ width:75px; line-height:75px; background:#448aff; font-size:36px; color:#FFF; text-align:center; position:absolute; top:-32px; left:0; right:0; margin:0 auto;}
.sol_box .s_box .s_b_desc{ position:absolute; bottom:0; line-height:50px; width:100%; text-align:center; left:0; z-index:99; opacity:1; background:rgba(68,138,255,0.8);filter:alpha(opacity=80)progid:DXImageTransform.Microsoft.gradient(startColorstr=#448aff,endColorstr=#448aff); transition:0.5s; font-size:14px;}
.sol_box .s_box:hover .s_img img{ transform:scale(1.1,1.1);}




.news_box{ overflow:hidden; padding:100px 0;background-color:#eee}
.news_box .n_title{overflow:hidden; color:#FFF; }
.news_box .n_title font{ font-size:32px; display:block;}
.news_box .n_title font i{ font-style:normal; font-size:22px; text-transform:uppercase; padding-left:8px;} 
.news_box .n_title em{ font-style:normal; display:block; line-height:18px; padding:15px 0 0; color:#999; width: 70%;}
.news_box .n_title a{ color:#333;}

.news_box ul{ width:1140px; overflow:hidden;}
.news_box ul a{ color:#666;}
.news_box ul a:hover{ color:#FFF;}

.news_box .n_box{ width:302px; height:auto; overflow:hidden; margin:50px 22px 0 0; float:left; background:#f7f7f7; padding:25px 25px 40px; transition:0.5s;}

.news_box .n_box font{ display:block; border-bottom:1px solid #dadada; padding:10px 10px 20px; font-size:18px;}
.news_box .n_box p{ padding:20px 8px ; line-height:24px; color:#999;height: 72px;}

.news_box .n_box .date{ overflow:hidden; margin:8px 0 0 8px;}
.news_box .n_box .date .date_img{ width:19px; height:19px; overflow:hidden; transition:0.5s; margin-right:10px; float:left;}
.news_box .n_box:hover .date .date_img{ background-position:0 -19px;}

.news_box .n_box:hover{ background:#448aff;}
.news_box .n_box:hover font{ border-bottom:1px solid #88b2f8;}
.news_box .n_box:hover p{ color:#FFF;}


.news_box .n_more{ width:120px; height:30px; margin:40px auto 0; background:#448aff url(../images/more.png) center no-repeat;}

.footer{ padding:80px 0 0; overflow:hidden; background:url(../images/foot_bg.jpg) center top no-repeat; border-top:4px solid #448aff}
.footer .f_contact{ width:310px; float:left;}
.footer .f_contact ul{ margin:0; padding:0;}
.footer .f_contact ul li{ line-height:18px; padding:10px 0;}
.footer .f_contact ul li a{ color:#FFF; padding-left:35px; display:block; font-size:14px;}
.footer .f_rt_nav font { display:block; font-size:15px; color:#FFF; padding:6px 0 20px;}


.footer .f_rt_nav { width:210px; overflow:hidden; float:left; }
.footer .f_rt_nav ul{ margin:0; padding:0;}
.footer .f_rt_nav ul li{ line-height:18px; padding:6px 0;}
.footer .f_rt_nav ul li a{ color:#FFF; display:block; font-size:12px; opacity:0.7; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}
.footer .f_rt_nav ul li a:hover{ color:#FFF; opacity:1; transition:0.5s;}


.footer .f_desc{ line-height:20px; padding:40px 0 80px; margin-top:50px; color:#FFF; border-top:1px solid #444;}
.footer .f_desc a{ padding:0 4px; color:#FFF;}
.footer .f_desc .fl,
.footer .f_desc .fr { width: 33.333%; }
.footer .f_desc .fr { text-align: right; }
.footer .f_desc .img-link { text-align: center; }
.footer .f_desc .img-link img { height: 30px; }


.common{ overflow:hidden; padding:40px 0 100px; background:#f7f7f7;}

.com_ban{ overflow:hidden; background:url(../images/com_ban01.jpg) no-repeat;}
.com_ban .com_top_nav{overflow:hidden; padding:80px 0; color:#FFF;}
.com_ban .com_top_nav .c_t_n_lt{text-align:center; font-family:"微软雅黑 Light";}
.com_ban .com_top_nav .c_t_n_lt b{ font-size:22px;}
.com_ban .com_top_nav .c_t_n_lt font{text-transform:uppercase; opacity:0.8; font-size:14px; padding-right:10px;}
.com_ban .com_top_nav .c_t_n_lt em{ width:20px; height:2px; background:#448aff; display:block; margin:10px 0;}
.com_ban .com_top_nav .c_t_n_rt{ text-align:center; margin-top:10px;}
.com_ban .com_top_nav .c_t_n_rt a{ padding:0 6px; opacity:0.8; color:#FFF; font-size:14px;}


.common .com_nav{ line-height:40px; }
.common .com_nav ul{ margin:0; padding:0; text-align:center; width:1140px; overflow:hidden;}
.common .com_nav ul li{ width:auto; padding:0 40px; float:left; border-bottom:1px solid #CDCDCD; margin:10px 20px 0 0; transition:0.5s;}
.common .com_nav ul li a{ color:#666; font-size:14px; transition:0.5s;}
.common .com_nav ul li:hover a,.common .com_nav ul li.selected a{ color:#FFF;}
.common .com_nav ul li:hover,.common .com_nav ul li.selected{ background:#448aff;}

.com_news{ overflow:hidden;}
.com_news ul {margin:0; padding:0;list-style:none;}
.com_news ul li {overflow:hidden; padding:20px 30px 24px; border-bottom:1px dotted #ccc; cursor:pointer; transition:0.5s; margin-top:20px;}
.com_news ul span {float:left;width:70px;background-color:#4489fe; text-align:center; display:block; border:1px solid #4489fe}
.com_news ul span em {display:block;font-style:normal;font-size:26px;padding:6px 0;background-color:#FFF; transition:0.5s; color:#4489fe; border-bottom:1px solid #4489fe;}
.com_news ul span i { font-size:12px;display:block;font-style:normal;padding:8px 0; color:#FFF;}
.com_news ul a {color:#666;}
.com_news ul a font{display:block;margin-left:112px;font-size:16px;line-height:22px; padding:5px 0;}
.com_news ul p {color:#999; margin:10px 0 0 112px;font-size:12px;line-height:1.5em;overflow:hidden;}
.com_news ul li:hover{ background:#FFF;}
.com_news ul li:hover span em{ background-color:#4489fe; color:#FFF; border-bottom:1px solid #ebf2ff;}


.com_product{ overflow:hidden; margin:20px 0 0;}
.com_product ul{ margin:0; padding:0; text-align:center; width:1140px; overflow:hidden;}
.com_product li{width:260px; height:340px; overflow:hidden; margin:20px 22px 0 0; float:left; transition:0.5s;/* border-bottom:1px solid #e1e1e1;*/ }
.com_product li .p_img{ width:260px; height:290px; overflow:hidden;}
.com_product li .p_img img{ transition:0.5s; width: 100%;}
.com_product li a{ color:#666;}
.com_product li a font{ display:block; line-height:20px; padding:15px 0;font-size:12px}

.com_product li:hover .p_img img{ transform:scale(1.1,1.1)}
.com_product li:hover{ background:#FFF; box-shadow:1px 1px 20px #ebebeb}

/*page*/
.pages{margin:30px auto 16px;text-align:center;width:100%;}
.pagination{text-align:center;display: inline;}
.pagination li{display: inline;padding:6px 10px;background-color:#fff;margin:7px;}
.pagination li a{color:#fff;text-align:center;line-height:25px;font-size:12px; color:#999;cursor:pointer}
.pagination li.active{background:#448aff;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}





/*产品*/
.prosub { margin: 10px auto 30px; line-height: 30px; border-top: 1px solid #dedede; box-shadow: 0 5px 15px rgba(0,0,0,0.1);  }
.prosub .item { border-bottom: 1px solid #dedede; background: #f9f9f9;  }
.prosub .item .name { float: left; width: 100px; font-size: 15px; padding: 10px 0 10px 20px; text-transform: uppercase; line-height:30px; }
.prosub .item .con1 { padding: 5px; margin-left: 120px; overflow: hidden; background: #fff; line-height: 40px; }
.prosub .item .con1 a { font-size: 13px;  color: #999; float: left; padding: 0 16px; line-height: 30px; height: 30px; border-radius: 15px; text-decoration: none; margin: 5px 5px;}
.prosub .item .con1 a:hover { background: #f1f1f1; color: #21A51B; }
.prosub .item .con1 a.on { background: #21A51B; color: #fff; }


.probox{overflow:hidden;margin:40px 0 70px;}
.probox ul{overflow:hidden;width:1125px;}
.probox ul li{float:left;width:330px;margin-right:45px;margin-bottom:46px;}
.probox ul li a{display:block;}
.probox ul li a .img{overflow:hidden;}
.probox ul li a .img img{width:368px;height:138px;display:block;transition:0.5s;}
.probox ul li a .main_info{margin-top:15px;}
.probox ul li a .main_info .subtitle{font-size:16px;color:#595959;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px solid #E1E1E1;}
.probox ul li a .main_info i{height:1px;width:0;background:#22A41C;transition:.5s;display:block; margin-top:-1px;}
.probox ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:50px;overflow:hidden;margin-top:10px;}

.probox ul li:hover a .img img{transform:scale(1.1,1.1);}
.probox ul li:hover a .main_info .subtitle{color:#22A41C;}
.probox ul li:hover a .main_info i{width:100%;}

/*page*/
.pages{margin:62px auto 16px;text-align:center;width:100%;}
.pagination{text-align:center;display: inline;}
.pagination li{display: inline;padding:6px 10px;background-color:#f1f1f1;margin:7px;}
.pagination li a{color:#fff;text-align:center;line-height:20px;font-size:12px; color:#999}
.pagination li.active{background:#448aff;color:#fff;}
.pagination li.active a{color:#fff;}
.pagination li.disabled{width:74px;}
.pagination li.disabled a{width:60px;}

.intit{text-align:center;padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #f1f1f1;}
.intit .tit{font-size:16px; color:#333;}
.intit .subtit{font-size:12px; color:#999;margin:6px 0 0}
.intit .subtit span{margin:0px 6px}
.next{margin-top:36px;}

/*修改左右结构*/

.content .side{float:left;width:320px;margin-top:50px;}

.side h3{background:#21A51B;font-size:18px; color:#fff;line-height:40px; padding:0 16px;}
.sidelist{padding:20px;box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc; background:#fff;margin-bottom:20px;}
.sidelist ul{overflow:hidden;}
.sidelist ul li{ border-bottom:1px dotted #f1f1f1;line-height:16px;background:url(../images/pro_list_li.jpg) 12px 18px no-repeat; }
.sidelist .big{ height:54px; line-height:54px; background:#448aff url(../images/brer.gif) no-repeat 36px center;padding-left:46px}
.sidelist .big a{font-size:16px; color:#FFF; font-weight:bold;padding-left:18px}
.sidelist .big a:hover{ background:none;}
.sidelist ul li a{display:block;color:#666;font-size:12px;overflow:hidden;padding-left:10px; margin-left:24px;}
.sidelist ul li a i{display:block;}
.sidelist ul li:hover{ transition:.5s;background:#f2f2f2 url(../images/pro_list_li.jpg) 12px 18px no-repeat; }


.sidelist .logo{width:100px; display:block; margin-bottom:10px;margin: 0 auto;}
.sidelist .p1{line-height:30px;padding-top:20px;border-bottom:1px solid #ccc; font-size: 16px;color: #333;}
.sidelist .p1 a{color: #333}
.sidelist .p2{line-height:30px;padding-top:10px;color:#555;}
.content .mainc{float:right;width:750px;background:#fff;padding:20px 40px 30px;box-shadow: 0px 0px 6px #ccc;-webkit-box-shadow: 0px 0px 6px #ccc;margin-top:50px;}
.content{padding-bottom: 40px;background: #f8f8f8;}
.content .mainc .title { height: 22px; border-bottom: 1px solid #ecf2f6; margin-bottom: 20px; }
.content .mainc .title .name { float: left; background: #fff; font-family: microsoft yahei; padding: 0 20px 0 0; }
.content .mainc .title .name .cnn { font-size: 20px; color: #448aff; font-weight:bold; padding-top:7px; }
.content .mainc .title .name .enn { font-size: 13px; color: #555; text-transform: uppercase; }
.content .mainc .title .now { float: right; line-height: 44px; font-family: microsoft yahei; background: #fff; padding-left: 20px; color: #999; }
.content .mainc .title .now .split { font-family: simsun; color: #ddd; }
.content .mainc .title .now a { color: #999; }
.content .mainc .con { padding: 20px 0; font-family: microsoft yahei; font-size: 14px; line-height: 24px; }
.content .mainc .con p { margin-bottom: 20px; }
.content .mainc .iprobox{overflow:hidden;margin:60px 0 0;}
.content .mainc .inprolist ul{overflow:hidden;width:100%;}
.content .mainc .inprolist ul li{float:left;width:30.3%;margin-right:3%;margin-bottom:30px;}
.content .mainc .inprolist ul li a{display:block;}
.content .mainc .inprolist ul li a .img{overflow:hidden;width:100%;border: 1px solid #eee;box-sizing:border-box;padding: 10px;}
.content .mainc .inprolist ul li a .img img{display:block;transition:0.5s;width: 100%;max-height: 100%; max-width: 100%; }
.content .mainc .inprolist ul li a .main_info{margin-top:15px;}
.content .mainc .inprolist ul li a .main_info .subtitle{font-size:16px;color:#595959;height:40px; line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-bottom: 1px solid #E1E1E1;}
.content .mainc .inprolist ul li a .main_info i{height:1px;width:0;background:#448aff;transition:.5s;display:block; margin-top:-1px;}
.content .mainc .inprolist ul li a .main_info .subinfo{font-size:13px; color:#848484;line-height:24px; height:24px;overflow:hidden;margin-top:10px;display: block;word-break: keep-all;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.content .mainc .inprolist ul li:hover a .img img{transform:scale(1.1,1.1);}
.content .mainc .inprolist ul li:hover a .main_info .subtitle{color:#448aff;}
.content .mainc .inprolist ul li:hover a .main_info i{width:100%;}
.incontt{padding-top:50px;}
.incontt .intit {margin-bottom:0; border-bottom:0;}
.incontt .incontinfo{font-size: 14px;color: #666;line-height: 28px;padding:0;}
.incontt .incontinfo img{max-width:100%}


.incobox{overflow:hidden; margin-bottom:16px}


/* .sc-product-detail { padding-top:45px;border-top:1px solid #efefef} */
.sc-product-detail-pic {float:left;width:55%;padding-right:5%;}
.sc-product-detail-pic-big {width:100%;border:1px solid #f1f1f1;overflow:hidden;text-align:center;display:inline-block}
.sc-product-detail-pic-big img { max-width:100%;margin:0 auto;display:inline-block;vertical-align:middle;max-height: 100%;}
.sc-product-detail-pic-list {padding-top:14px; width:600px;}
.sc-product-detail-pic-list ul {margin:0;padding:0;list-style:none;overflow:hidden;}
.sc-product-detail-pic-list ul li {float:left;margin:0 9px 6px 0;}
.sc-product-detail-pic-list ul li a {}
.sc-product-detail-pic-list ul li a img {display:block;width:75px;height:50px;border:0; border:1px solid rgba(0,0,0,0.08); padding:4px;}
.sc-product-detail-pic-list ul li:nth-of-type(5n){ margin-right:0;}
.sc-product-detail-information {margin-left:60%;}
.sc-product-detail-information-title {font-size:18px;line-height:26px; padding-bottom:26px;color:#448aff;border-bottom:1px dashed #586799;margin-bottom:16px;font-weight: 600;}
.sc-product-detail-information-description{padding:10px 0;color:#666;font-size:13px;line-height:24px;text-align:justify}
.sc-product-detail-information-description span{font-weight: 600; color: #333;}
.sc-product-detail-information-params {}
.sc-product-detail-information-params p {padding:5px 0;line-height:1em;width:100%;overflow:hidden;}
.sc-product-detail-information-params p label {float:left;width:120px;}
.sc-product-detail-information-params p span {display:block;margin-left:130px;}
.sc-product-detail-main {clear:both;padding-top:30px;}
.sc-product-detail-main-tabs {margin:0;padding:0;list-style:none;overflow:hidden;background:#f7f7f7}
.sc-product-detail-main-tabs li {float:left;margin-right:1px;}
.sc-product-detail-main-tabs li a {display:block;line-height:36px;padding:0 30px; font-size:15px; font-weight:bold;color:#fff;background-color:#666;}
.sc-product-detail-main-tabs li a:hover {background-color:#666;}
.sc-product-detail-main-tabs li a.selected {background-color:#448aff;color: #fff;}
.sc-product-detail-main-item {display:none;padding:15px 0;font-size:13px;line-height:24px;}
.sc-product-detail-main-item img{max-width: 100%;}
div.zoomDiv {z-index:9999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}

.sc-product-detail-main-item table{ border-collapse:collapse; border-width:thin; border-style:solid; border-color:#e4e3e3; margin-bottom:10px; }
.sc-product-detail-main-item table td{line-height:30px; padding:6px 10px !important; border: 1px solid #e4e3e3;}
.sc-product-detail-main-item table td img{ max-width:100%;}
.sc-product-detail-main-item table th{border: 1px solid #e4e3e3;}

div.zoomDiv img {display:block;}
div.zoomMask {position:absolute;background:url(../images/sc-product-detail-mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1;}






/*casting*/
.casbox{padding-top:50px}
.casbox .slideTxtBox{}
.casbox .slideTxtBox .hd{ position:relative}
.casbox .slideTxtBox .hd .arrow{position:absolute; top:0;left:0; right:0}
.casbox .slideTxtBox .hd .arrow a {display: block;width: 5px;height: 9px;float: right; margin-right: 5px;margin-top: 10px;overflow: hidden;cursor: pointer;background: url("../images/leico.png") 0 0 no-repeat;}
.casbox .slideTxtBox .hd .arrow .next{background-position: 0 -50px;}
.casbox .slideTxtBox .hd ul{display:flex; padding:0 2%}
.casbox .slideTxtBox .hd ul li{width:22%;margin:0 1.5%; border-radius:18px; border:1px solid #1054b9;font-size:16px;color:#1054b9; transition:.3s;line-height:36px;text-align:center}
.casbox .slideTxtBox .hd ul li:hover,.casbox .slideTxtBox .hd ul li.selected{background:#1054b9; }
.casbox .slideTxtBox .hd ul li:hover a,.casbox .slideTxtBox .hd ul li.selected a{color:#fff;}
.casbox .slideTxtBox .hd ul li a{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:0 10px}
.casbox .slideTxtBox .bd {padding-top:50px}
.casbox .slideTxtBox .bd .bdbox .cantxbox {padding-bottom:30px}
.casbox .slideTxtBox .bd .bdbox .cantxbox span{font-size:24px; color:#1054b9; font-weight:800}
.casbox .slideTxtBox .bd .bdbox .cantxbox .txbox{padding-top:20px}
.casbox .slideTxtBox .bd .bdbox .cantxbox .txbox p{font-size:14px; color:#333; line-height:24px; padding:10px 0}
.casbox .slideTxtBox .bd .bdbox .canimgbox{padding:30px 2%;background:#f9f9f9; border-radius:5px;}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul{display:flex; flex-wrap: wrap}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li{width:22%;padding:20px 1.5%; text-align:center;}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li p{font-size:14px;padding:10px 5px; background:#fff;line-height:24px; height:24px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li .tuimg{ width:100%; border-radius:5px; height:185px;overflow:hidden;}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li .tuimg img{max-height:100%;transition:.3s;}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li:hover .tuimg img{transform:scale(1.1)}
.casbox .slideTxtBox .bd .bdbox .canimgbox ul li  a{display:block;}






.newsbackline { height: 30px; line-height: 30px; border-top: 1px solid #dedede; padding-top: 18px; margin: 30px 0 0; }
.newsbackline ul { width: 100%;overflow:hidden; }
.newsbackline ul li { width: 33.333333%; float: left; text-align: center; display: block; height: 33px; }
.newsbackline ul li a { display: inline-block; width: 120px; border-width: 1px; border-style: solid; border-color: #dedede; text-decoration: none; font-size:14px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.newsbackline ul li a:hover { border-color: #0952a3; color: #0952a3; }
.newsbackline ul li.prev { text-align: left; }
.newsbackline ul li.prev a { text-align: center; border:none;width:200px;}
.newsbackline ul li.next { text-align: right; }
.newsbackline ul li.next a { text-align: center; border:none ;width:200px;}


.inpro{padding:40px 0 0;overflow:hidden}
.sub_pro{width:100%;padding: 0;}
.sub_pro .prott{margin-bottom:40px;padding-bottom:40px;border-bottom:1px solid #efefef;}
.sub_pro .prott h2{font-size:26px;color:#222;font-weight:normal;}
.sub_pro .prott p{font-size:16px;color:#808080;}

.typelist{overflow:hidden;padding-bottom:40px;}
/*.typelist ul{border:1px solid #448aff}*/
.typelist ul .nli{line-height:44px;margin-bottom:6px;}
.typelist ul .nli:nth-last-of-type(1){margin-bottom:0;}
.typelist ul .nli a{display: block;text-transform:uppercase;background:#dfdfdf;padding:0 16px;margin-left: 0;}
.typelist ul .nli a h2{font-size:13px;color: #1a1a1a;transition: all 0.3s ease-out 0s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/* .typelist ul .nli a h2 span{color:#999;margin-right:16px;font-size:20px;} */
.typelist ul .nli a h2 span{width:16px;display:block;float:left;background:url(../images/add_on.png) no-repeat left center / 8px;height:44px;margin-right:6px}
.typelist ul .nli.active a h2 span,.typelist ul .nli.selected a h2 span{background-image:url(../images/plus.png)}
.typelist ul .nli:hover a h2 span{background-image:url(../images/add_op.png)}
.typelist ul .nli.active:hover a h2 span{background-image:url(../images/plus.png)}

.typelist ul .nli.active .nli_a,.typelist ul .nli.selected .nli_a{background:#448aff;}

.typelist ul .nli.active .nli_a h2{color:#fff}
.typelist ul .nli.selected .nli_a h2{color:#fff}
.typelist ul .nli .nli_a:hover{background:#448aff;}
.typelist ul .nli .nli_a:hover h2{padding:0 18px;color:#fff}


.inmainpro{width:70%; float:right;margin-left:6%;transition:.3s;}

.typelist ul .nli ul{display:none;background:#fff;padding:12px 18px 0;border:0}

.typelist ul .nli ul li{border-bottom:1px solid #fff}
.typelist ul .nli ul li:nth-last-of-type(1){border-bottom:0}
.typelist ul .nli ul li a{color:#666;line-height:36px;border-bottom:1px dotted #ddd;font-weight:normal;background:none;padding:0 0px 0 28px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.typelist ul .nli ul li:nth-last-of-type(1) a{border-bottom:0}
.typelist ul .nli ul li a:hover{color:#448aff}
.typelist ul .nli a:hover,.typelist ul  .nli ul .selected a{color:#448aff}


/*.inmainpro .main_prolist ul{overflow:hidden;}
.inmainpro .main_prolist ul li{float:left;width:31.333%;margin-right:3%;margin-bottom:10px;}
.inmainpro .main_prolist ul li:nth-of-type(3n){margin-right:0}
.inmainpro .main_prolist ul li  a{display:block;}
.inmainpro .main_prolist ul li .img{background-repeat:no-repeat;background-position:center top;background-size:100%;position:relative}
.inmainpro .main_prolist ul li .img:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:url(../images/peobg.jpg) no-repeat center center / 100%;}
.inmainpro .main_prolist ul li .img a{display: block;padding: 18% 0%;overflow: hidden;margin: 0 1%;} */


.inmainprolist{margin:60px auto 0}
.inmainprolist ul{overflow:hidden;}
.inmainprolist ul li{float:left;width:31.333%;margin-right:3%;margin-bottom:10px;}
.inmainprolist ul li:nth-of-type(3n){margin-right:0}
.inmainprolist ul li .top{position:relative;}
/* .main_prolist ul li .top .img{overflow:hidden;border:1px solid #efefef;position:relative}  */


.inmainprolist ul li .top .img{overflow:hidden;position:relative} 
.inmainprolist ul li .top .img:before{position:absolute;left:0;top:0;width:100%;height:100%;content:'';background:url(../images/peobg.jpg) no-repeat center center / 100%;}  
.inmainprolist ul li .top .img a{display: block;padding: 20% 1%;overflow: hidden;margin: 0 1%;} 
.inmainprolist ul li .top .img img {display: block;width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;}

.inmainprolist ul li:hover .top .img img{transform:scale(1.1,1.1)}
.inmainprolist ul li .prott{text-align:center;font-size:16px; line-height:52px;height:52px;color:#444;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-transform: uppercase;font-weight:bold}
.inmainprolist ul li .prott a{color:#666;}
.inmainprolist ul li .top .see{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,149,229,0);transition: all ease-out .3s;}
.inmainprolist ul li:hover .top .see{opacity:1;background:rgba(0,149,229,.8)}
.inmainprolist ul li .top .see .seebox{position:absolute;top:50%;left:0;right:0;width:140px;overflow:hidden;margin:-30px auto 0;opacity:0;}
.inmainprolist ul li:hover .top .see .seebox{opacity:1;}
.inmainprolist ul li .top .see .seebox a{display:block;float:left;width:70px;}
.inmainprolist ul li .top .see .seebox a img{width:50px;height:50px;}
.inmainprolist ul li .top .see .seebox a.more{text-align:right}



/* .inmainpro .main_prolist ul li .img:before{top:0;left:0;width:100%;height:100%;content:'';position:absolute;background:url(../images/pro_bg.png) no-repeat center center / 100%;} */
.inmainpro .main_prolist ul li  img{display:block;max-width:100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;position: relative;}
.inmainpro .main_prolist ul li p{line-height:28px;text-align:center;font-size:14px;color:#666;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.inmainpro .type_img{margin-bottom:26px;}
.inmainpro .type_img img{display:block;width:100%}
.inmainpro .right_toptt{line-height:60px;}
.inmainpro .right_toptt{line-height:60px;position:relative;font-size:26px;color:#222;font-weight:bold;text-transform:uppercase}
.inmainpro .right_toptt:before{position:absolute;top:0;left:0;border-top:3px solid #E8320D;width:36px;content:''}
.inmainpro .technology{margin:26px 0 36px;font-size:13px;line-height:28px;}


.content_box{background: #fff;padding: 50px 40px 60px;
    box-shadow: 0px 0px 6px #ccc;
    -webkit-box-shadow: 0px 0px 6px #ccc;margin-top: 10px;}
    .content_box img{max-width: 100%;}
.content_box h1{text-align: center;}




/*qiehuan*/

.camain2{ padding-top:8px; margin-top:-8px; padding-bottom:21px;}

#baguetteBox-overlay{display:none;opacity:0;position:fixed;overflow:hidden;top:0;left:0;width:100%;height:100%;  background-color:#222;background-color:rgba(0,0,0,.8);-webkit-transition:opacity .5s ease;transition:opacity .5s ease;z-index:99999999999999999999999999999999999999;}
 #baguetteBox-overlay.visible{opacity:1}
 #baguetteBox-overlay .full-image{display:inline-block;position:relative;width:100%;height:100%;text-align:center;}
 #baguetteBox-overlay .full-image figure{display:inline;margin:0;height:100%}
 #baguetteBox-overlay .full-image img{display:inline-block;width:auto;height:auto;max-height:100%;max-width:100%;vertical-align:middle;-webkit-box-shadow:0 0 8px rgba(0,0,0,.6);-moz-box-shadow:0 0 8px rgba(0,0,0,.6);box-shadow:0 0 8px rgba(0,0,0,.6);}
 
 #baguetteBox-overlay .full-image figcaption{display:block;position:absolute;bottom:0;width:100%;text-align:center;line-height:1.8;color:#ccc;background-color:#000;background-color:rgba(0,0,0,.6);font-family:Verdana, Geneva, sans-serif;}
 #baguetteBox-overlay .full-image:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px}
 #baguetteBox-slider{position:absolute;left:0;top:0;height:100%;width:100%;white-space:nowrap;-webkit-transition:left .4s ease,-webkit-transform .4s ease;transition:left .4s ease,-moz-transform .4s ease;transition:left .4s ease,transform .4s ease}
 #baguetteBox-slider.bounce-from-right{-webkit-animation:bounceFromRight .4s ease-out;animation:bounceFromRight .4s ease-out}
 #baguetteBox-slider.bounce-from-left{-webkit-animation:bounceFromLeft .4s ease-out;animation:bounceFromLeft .4s ease-out}
 .baguetteBox-button#next-button,.baguetteBox-button#previous-button{top:50%;top:calc(50% - 30px);width:44px;height:60px}
 .baguetteBox-button{position:absolute;cursor:pointer;outline:0;padding:0;margin:0;border:0;-moz-border-radius:15%;
 border-radius:15%;background-color:#323232;background-color:rgba(50,50,50,.5);color:#ddd;font:1.6em sans-serif;-webkit-transition:background-color .4s ease;transition:background-color .4s ease;}
 .baguetteBox-button:hover{background-color:rgba(50,50,50,.9)}
 .baguetteBox-button#next-button{right:2%}
 .baguetteBox-button#previous-button{left:2%}
 .baguetteBox-button#close-button{top:20px;right:2%;right:calc(2% + 6px);width:30px;height:30px}
 .baguetteBox-button svg{position:absolute;left:0;top:0}
 .spinner{width:40px;height:40px;display:inline-block;position:absolute;top:50%;left:50%;margin-top:-20px;margin-left:-20px}
 .double-bounce1,.double-bounce2{width:100%;height:100%;-moz-border-radius:50%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:bounce 2s infinite ease-in-out;animation:bounce 2s infinite ease-in-out}
 .double-bounce2{-webkit-animation-delay:-1s;animation-delay:-1s}
 @-webkit-keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @keyframes bounceFromRight{0%{margin-left:0}50%{margin-left:-30px}100%{margin-left:0}}
 @-webkit-keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @keyframes bounceFromLeft{0%{margin-left:0}50%{margin-left:30px}100%{margin-left:0}}
 @-webkit-keyframes bounce{0%,100%{-webkit-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);transform:scale(1)}}
 @keyframes bounce{0%,100%{-webkit-transform:scale(0);-moz-transform:scale(0);transform:scale(0)}50%{-webkit-transform:scale(1);-moz-transform:scale(1);transform:scale(1)}}
.img-scroll { position:relative;  }
.m2nav{ width:84px; height:31px;position:absolute; bottom:0px; right:0px;display: none;}
.img-scroll .prev,.img-scroll .next{position:absolute;display:block;width:42px;height:31px;}
.img-scroll .prev { left:0;cursor:pointer; background:url(../images/caleft.jpg) no-repeat center;}
.img-scroll .next { right:0;cursor:pointer; background:url(../images/caright.jpg) no-repeat center;}
.img-scroll .prev:hover { background:url(../images/calefth.jpg) no-repeat center;}
.img-scroll .next:hover { background:url(../images/carighth.jpg) no-repeat center;}
.img-list { position:relative; width:100%; margin-left:0px; overflow:hidden; border-bottom:1px dashed #336699;}
.img-list ul { width:100%;}
.img-list li { float:left; display:inline; width:24%; padding:10px;background: #fff; margin:0 1% 30px 0;box-sizing: border-box}
.calie2{}
.catu{ position:relative; border-radius:2px; overflow:hidden;}
.catupian{ width:100%; max-width:450px; max-height:327px; margin-bottom:-3px;}
.cafu{ display:block; position:absolute; left:0px; top:100%; transition:0.5s; width:100%; height:100%; background:rgba(0,0,0,0.3);}
.cafu img{ width:34px; height:34px; position:absolute; left:50%; margin-left:-17px; top:50%; margin-top:-17px;}
.cazi{ background:#e7e7e7; border-radius:3px; text-align:center; line-height:39px; font-size:14px;  color:#333;}
.calie2:hover .cafu{ top:0px;}
/*
@media screen and (max-width:1200px){
.canav a{ width:215px; margin:0 10px;}
.car{ width:411px; float:right; margin-top:70px;}
.m2nav{display: block;}
.img-list li {width:32.3%; margin-right:1%;}
.img-list li { background:none}
}
@media screen and (max-width:999px){
.canav{ background:none; margin-top:50px;}
.canav a{ width:48%; margin:0 0.7%; font-size:14px; font-size:1.4rem; margin-top:10px;}
.calie{ width:100%; float:none; margin-left:0px; margin-top:50px;}
.car{ width:100%; float:none; margin-top:30px;}
.cafu{top:0px; }
.catu{height: 200px; overflow: hidden;}
.m2nav{display: block;}
.img-list ul { width:100%;}
.img-list li { width:48%; margin-right:2%;}
.img-list li p a{ font-size:18px; font-size:1.8rem; margin:0 15px;}
.img-list li { background:none}
.catupian{ width:auto; max-width:450px; max-height:200px; margin-bottom:-3px;}
}*/
.calie3 img{height: 100%;margin: 0 auto;}
.calie3 .catu{border: 1px solid #eee;padding: 5px;}
.calie3 .catu a img{width: 34px;
    height: 34px;
    position: absolute;
    left: 50%;
    margin-left: -17px;
    top: 50%;
    margin-top: -17px;}

	
	
	
.en .header .logo {width:50%}
.en .header .logo h2{font-size: 16px; line-height: 74px;}
.en .about_box .about_desc p {line-height:18px;}

.f_contact font{
	display: block;
    font-size: 15px;
    color: #FFF;
    padding: 6px 0 20px;
}