i{ font-style:normal;}
::selection{  background:#0aa284;  color:#fff;}  
::-moz-selection {  background:#0aa284;  color:#fff;  }  
::-webkit-selection {  background:#0aa284;  color:#fff;  } 
html,body{ width:100%;overflow-x:hidden;  /*-webkit-user-select: none;  user-select: none;禁止选中文本（如无文本选中需求，此为必选项） */
    }
.position_fixed{ position:fixed; bottom:0; left:0; z-index:90; }
.main_box{ width:1200px; margin:0 auto;}
.left{ float:left;}
.right{ float:right;}
.red{  color: #ff2a00 !important;}
.no_bg{ background:none !important;}
.green{ color: #3cac4a !important;}
.blue{ color:#1949b9 !important;}
.no_border{ border:0 !important;}
.no_margin{ margin:0 !important;}
.border{ border:1px solid #e8e8e8;}
.border-top{ border-top:1px solid #e8e8e8;}
.border-right{ border-right:1px solid #e8e8e8;}
.border-left{ border-left:1px solid #e8e8e8;}
.border-bottom{ border-bottom:1px solid #e8e8e8;}
.bnt_zk:hover .box_zk{display: block;}
.ht_border{ border:1px solid #dedfe0;}
.img:hover,.bnt:hover{ opacity:0.7;}
.blue{ color:#026fc4 !important;}
.text_fr{ text-align:right;}
.dd{background: #d6d7d9; border-radius:50%; height:7px; display:inline-block; width:7px; margin:0 10px;}
.bnt_zk:hover .box_zk{display: block;}
.j_bnt{ display:inline-block; border:none; border-radius:3px; background:#3cac4a; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff; padding:0 35px;}	
.j_bnt:hover{background:#4bc65a; cursor:pointer; }	
.fl,.left{ float:left;}
.fr,.right{ float:right;}
.color {color:#026fc4 !important;}
.no_bg_img{ background-image:none !important;}
.no_display{ display:none;}
.h_x{ color:#ff3000; padding-left:10px; padding-top:10px;}
.clear{ clear:both;}
.bg_jinyong{ background:#c7c8cc !important;}
.bnt_zk:hover .box_zk{display: block;}
.img{ display:block; margin:0 auto;}
label{ cursor:pointer;}
#index_qq,.servie-li ul li a span,#service_content dd,#bnt_link,.gd_back i,.nav_left,.submit,.img,.bnt,img,li,a{ -moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out; } 

.s_main_box .f1 li .up a i{ -moz-transition: all 0.6s ease-in-out;
-webkit-transition: all 0.6s ease-in-out;
-o-transition: all 0.6s ease-in-out;
-ms-transition: all 0.6s ease-in-out;
transition: all 0.6s ease-in-out; } 

#bnt_link{-moz-transform: rotate(90deg);
-webkit-transform: rotate(90deg);
-o-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg); }
.s_main_box .f1 li:hover i{-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg); }
.color_service{ color:#8c56a1 !important;}
.color_kjgw{color:#cda466 !important}
.color_1{color:#ec3d13 !important}
.text_dx{ text-transform:uppercase;}
.submit{ cursor:pointer; background-color:none; border:none;}
.bnt{ display:inline-block; line-height:30px; border-radius:3px; height:30px; text-align:center; font-size:14px; color:#fff;}
.bnt_bg1{ background:#ff4400;}
.my_title{ color:#df9e5d; font-size:25px;}
.text_indent{text-indent:2em;}
.article {color:#696969; font-size:14px; line-height:35px; }
.article p{font-size:14px; }	
.article p strong{ font-weight:bold;}
.artical strong{ font-weight:bold;}
.img_box img{ display:block; margin:0 auto; }
.j_fixed { position:fixed !important; position:absolute; top:0; width:100%;z-index:9999999999999999999; background:#fff; margin:0 auto;}
/*文字排版、颜色*/
.t_sd{white-space: nowrap;overflow:hidden;text-overflow: ellipsis;}
.u_bnt{ display:inline-block; border:none; border-radius:3px; background:#1949b9; font-size:20px; height:40px; line-height:40px; text-align:center; color:#fff;}	
.u_bnt:hover{background:#5b6cc2; cursor:pointer; }	
	
.f12{font-size:12px;}  
.f13{font-size:13px;}  
.f14{font-size:14px;}  
.f16{font-size:16px;}  
.f20{font-size:20px;}  
.fb{font-weight:bold;}  
.fn{font-weight:normal;}  
.fl{ float:left !important;}
.fr{ float:right !important;}
.t2{text-indent:2em;}  
.red,a.red{color:#c66631;}  
.darkblue,a.darkblue{color:#039;}  
.gray,a.gray{color:#878787;}  
.lh150{line-height:150%;}  
.lh180{line-height:180%;}  
.lh200{line-height:200%;}  
.unl{text-decoration:underline;}  
.no_unl{text-decoration:none;}  
  
/*定位*/  
.tl{text-align:left;}  
.tc{text-align:center;}  
.tr{text-align:rightright;}  
.fl{float:left;display:inline;}  
.fr{float:rightright;display:inline;}  
  
/***********通用基本类2************/  
  
input {  padding: 0 5px;  vertical-align: middle;  line-height: normal;  }  

.text-overflow-hidden {  
overflow: hidden;  
word-spacing: normal;  
letter-spacing: normal;  
whitewhite-space: nowrap;  
}  
.box-align-center {  
margin-right: auto;  
margin-left: auto;  
}  
/*css定义超链接四个状态也有顺序的。*/  
  


/*===============================================*/
.fg_ad{ display:block; margin:50px auto;  }
.icon_dd {
    background:#026fc4 none repeat scroll 0% 0%;
    border-radius: 50%;
    height: 7px;
    display: inline-block;
    width: 7px;
    margin: 0px 10px;}
.submit:hover{ cursor:pointer; opacity:0.8}.piaofu{ position:absolute; right:0px; top:30%; position:fixed; z-index:99999999; background:#fff;}
/*======================漂浮=========================*/
.piaofu .box a{ display:block; position:relative; width:70px; height:60px; background-color:#f6f6f9;}
.piaofu .wx{ position:relative;}
.piaofu .wx{ transition:1s; }
.piaofu .wx:hover #ewm{ display:block;  }

.piaofu #ewm{ display:none; position:absolute; right:70px; top:0; }
.piaofu .tel{ position:relative;}
.piaofu .tel{ transition:1s; }
.piaofu .tel:hover #tel_box{ display:block;   }
.piaofu #tel_box{ border:2px solid #CCC; line-height:30px; color:#666; font-size:14px; background:#fff; border-radius:3px; padding:20px; display:none; position:absolute; right:70px; top:0; }
.piaofu .box a{ transition:1s;}
.piaofu  .qq a{  background:url(../images/icon_qq.png) center 10px no-repeat;}
.piaofu  .qq:hover a{ background:url(../images/icon_qqh.png) center 10px no-repeat;}
.piaofu  .wx a{  background:url(../images/icon_weixin.png) center 10px no-repeat;}
.piaofu  .wx:hover a{ background:url(../images/icon_weixinhj.png) center 10px no-repeat;}
.piaofu  .tel a{  background:url(../images/icon_tel.png) center 10px no-repeat;}
.piaofu  .tel:hover a{ background:url(../images/icon_telh.png) center 10px no-repeat;}
.piaofu  .address a{  background:url(../images/icon_address.png) center 10px no-repeat;}
.piaofu  .address:hover a{ background:url(../images/icon_addressh.png) center 10px no-repeat;}
.gotop a{ background:url(../images/icon_gotop.png) center 10px no-repeat;}
.piaofu .gotop:hover a{ background:url(../images/icon_gotoph.png) center 10px no-repeat;}
.piaofu .box a{  background-color:#f6f6f9; margin-bottom:1px }
.piaofu .box span{ font-size:12px; color:#838291;padding-left: 10px; position:absolute; bottom:5px; text-align:center;  }
.piaofu .box:hover a{ background-color:#079aae; }
.piaofu .box:hover span{ color:#fff;}


/*产品*/
.indexTitle{ height:85px;    margin-bottom: 15px;}
.indexTitle .divTop{ height:45px; padding-bottom:1px;border-bottom:1px solid #d9d9d9; width:100%; text-align:center;}
.indexTitle .divTop2{border-bottom:1px solid #1768ad;}
.indexTitle span{ display:inline-block; height:45px; line-height:45px;}

.indexTitle .i2{background:url(../images/t2.png) no-repeat center center;}
.indexTitle a{ color:#333; font-size:24px; padding:0 10px; float:left; display:inline; line-height:40px;}
.indexTitle .divTop2 a{ color:#fff}
.indexTitle b{ height:3px; width:50px; background:#026fc4; margin:0px auto 0; display:block}
.indexTitle em{ display:block; height:35px; line-height:35px; clear:both; overflow:hidden; text-align:center; color:#999; text-transform:uppercase}
.indexTitle .em2{ color:#5e89bc;}
.content, .container{margin-left:auto; margin-right:auto; width:1200px;}
.tit{ font:30px "Microsoft YaHei"; text-align:center; background:url(../images/pro_hbg.png) no-repeat center top; height:145px; overflow:hidden;}
.tit a{ display:block; color:#333; padding-top:22px;}
.tit b{ color:#026fc4;}
.tit em{ display:block; font:12px Arial; text-transform:uppercase; color:#999; letter-spacing:2px; padding-top:3px;}
.pro{ height:auto; padding-top:50px;overflow:hidden;background: url(../images/index-products-bg.jpg) center top repeat;padding-bottom:50px;}
.fen{ width:280px; border:1px solid #e0e0e0; border-bottom:3px solid #026fc4; padding-bottom:10px; float:left;background:#fff}
.fen h2{ height:84px; font:24px "Microsoft YaHei"; text-align:center; color:#fff; background:#026fc4; overflow:hidden; line-height:84px;}
.fen h2 a{ display:block; color:#fff;}
.fen h2 em{background:url(../images/fen_h.png) no-repeat left center; padding-left:20px; font-size:18px; margin-left:4px; text-transform:uppercase;}
.fen2 h3{ font:16px "Microsoft YaHei"; line-height:48px; height:48px; overflow:hidden; border-bottom:1px solid #e9ebea; padding:0 12px;}
.fen2 h3 a{ display:block; color:#444; font-weight:bold; background:url(../images/fen_jt1.gif) no-repeat right center;}
.fen2 h3 a:hover{background:url(../images/fen_jt2.gif) no-repeat right center; color:#026fc4;}
.fen2 .no{ border:0;}
.fen2 ul{ width:246px; margin:0 auto;}
.fen2 li{ font:14px "Microsoft YaHei"; height:40px; line-height:40px; color:#787878; float:left; width:123px; border-bottom:1px solid #e0e0e0; overflow:hidden;}
.fen2 li a{ color:#787878; display:block; background:url(../images/fen_jt3.gif) no-repeat left 16px; padding-left:15px; }
.pro2{ width:895px; float:right; background:#fff}
.chanpin{ overflow:hidden; width:96%; padding:2% 2% 5px 2%;}
.chanpin li{ margin:0 14px 14px 0 !important;}
.pro2 dl{ height:448px; overflow:hidden; position:relative;}
.pro2 dt img{ display:block;overflow:hidden; width:100%;}

.pro2 li{ width:277px; float:left; margin-right:0px;}
.pro2 li img{ display:block; width:277px; height:190px;}
.pro2 li em{display:block;font:18px "Microsoft YaHei"; height:50px; line-height:50px; color:#666; overflow:hidden; text-align:center; background:url(../images/pro_bg01.gif) no-repeat center top;}
.pro2 li a:hover em{ background:url(../images/pro_bg02.gif) no-repeat center top; color:#fff;}
.pro2 .nones{ margin-right:0 !important;}

/*产品系列*/
.pro_chnal{ height:275px;}
.pro_chnal li{ float:left; position:relative; background:url(../images/pro_chline1.png) repeat-y right top; width:215px; height:148px; padding:50px 0; border-radius:10px;  margin: 0 10px; overflow: hidden;}
.pro_chnal .fl1{ background:#fff;}
.pro_chnal .fl2{ background:#fff;}
.pro_chnal .fl3{ background:#fff;}
.pro_chnal .fl4{ background:#fff;}

.pro_chnal li:hover{ background-image: linear-gradient(to right,#5cc28a,#3bbcc8);}


.mainbox{ position: relative;}
.box1{ position: absolute; top:102px; left: 0;} 
.pro_chnal li:hover .box1{top: -22px; transition: 0.4s;}
.pro_chnal li:hover .box{ opacity: 0;}
.box1 *{ color: #fff !important;}

.pro_chPo{ width:215px; margin:0 auto;}
.pro_chImg{ width:100px; height:100px; margin:0 auto;-webkit-transition: all 0.2s linear;}

.pro_chnal .fl1:hover img{ transform: rotateY(360deg);-webkit-transition: all 0.3s linear;}
.pro_chnal .fl2:hover img{ transform: rotateY(360deg);-webkit-transition: all 0.3s linear;}
.pro_chnal .fl3:hover img{  transform: rotateY(360deg);-webkit-transition: all 0.3s linear;}
.pro_chnal .fl4:hover img{ transform: rotateY(360deg);-webkit-transition: all 0.3s linear;}


/*
.pro_chImg:hover{
margin-top: -5px;
padding-bottom: 5px;
transform: rotateY(180deg);
-ms-transform: rotateY(180deg);	}
*/

.pro_chintro{ color:#666;    width: 96%; margin: 0 auto;}
.pro_chintro a:hover{ color:#f1f1f1;-webkit-transition: all 0.1s linear; font-size:18px;}
.pro_chintro span{ display:inline-block; width:27%; height:35px; line-height:35px; text-align:center; margin:0 5px; color:#FFF;}
.pro_chintro a{ color:#666; font-size:18px;}
.pro_chname{ color:#666; font-size:20px; width:215px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin:22px 0 12px; text-align:center; font-weight:bold;}
.pro_chname a{ color:#333;}
.pro_chintro pre{ color:#fff; font-size:14px; line-height:22px; overflow:hidden; text-align:center;}
.pro_chintro pre{ font-family:'Microsoft YaHei';}
.pro_chShave{ display:none; position:absolute; top:0; left:0; z-index:10; width:300px; height:336px; overflow:hidden;}
.pro_chShow{ position:absolute; top:0; left:0; background-color:#52aa2b; width:284px; height:260px; padding:24px 0 0 16px;}
.pro_chicon{ width:170px; height:52px; margin-right:24px; display:inline;}
.pro_chall{ background:url(../images/pro_chline2.jpg) repeat-y right top; width:100%; margin-top:16px; display:inline;}
<!--.pro_chaPeo{ width:156px; margin-top:16px; display:inline;}-->
.pro_chaName{ margin-bottom:14px;}
.pro_chaName a{ display:block; color:#FFF; font-size:18px; width:208px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pro_chaLbox{ width:118px; height:36px; line-height:36px; border-bottom:1px dotted #6dc247;  margin: 0 6px;    display: inline-block;}
.pro_chaLbox a{ display:block; background:url(../images/pro_chsbac.png) no-repeat left; padding-left:16px; margin-left:2px; color:#fff; font-size:16px; height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.pro_chaLbox a:hover{ background:url(../images/pro_chsbho.png) no-repeat left; color:#FFF;}
.pro_chaMore{ width:116px; height:24px; margin:20px 70px;}
.pro_chaMore a{ display:block; color:#fff; font-size:14px; width:114px; height:26px; line-height:26px; text-align:center; border:1px solid rgba(255,255,255,0.5); border-radius:14px; -moz-border-radius:14px; -webkit-border-radius:14px;}
.pro_chaMore a:hover{ color:#FFF;}
.pro_chaMore a span{ background:url(../images/pro_chmicon.png) no-repeat right; }
.pro_chaPimg{ position:relative; width:135px; height:135px; margin:0 auto;}
.pro_chaPbd{ position:absolute; top:0; left:0; z-index:10; width:135px; height:135px;}
.pro_chaPbd a{ display:block; background:url(../images/pro_chpbd.png) no-repeat; width:135px; height:135px;}
.pro_chaPen,.pro_chaPcn,.pro_chaPro{ text-align:center;}
.pro_chaPen{ color:#FFF; font-size:18px; padding-top:12px; margin-bottom:2px;}
.pro_chaPcn{ color:#FFF; font-size:14px;}
.pro_chaPro{ color:#bdf9db; line-height:18px; height:54px; overflow:hidden; padding-top:8px;}
.pro_chnal li.cur1 .pro_chShow{ left:-444px;}
.pro_chnal li.cur2 .pro_chShave{ right:0; left:auto;}
.pro_chnal li.cur2 .pro_chShow{ right:-444px; left:auto;}
.pro_chnal li.zIndex{ z-index:20;}
.box-b{ bottom:0px;}
/*reason*/
.reason{width: 100%;height: 380px; padding-top:40px; background-color: #f7fcff; padding-bottom: 20px;}
.reason .about-title{margin-top: 20px; height:85px; padding-top:15px; background: url("../images/pro_hbg.png") no-repeat center top; text-align: center; font-size: 30px; color: #fff; font-weight: bold; margin-bottom: 39px;}
.reason .about-title span{letter-spacing:1px; display: block; font-size: 12px; color: #eee; text-transform: uppercase; font-family: "Arial"; font-weight: normal; margin-top: 10px;}
.reason .about-title i{ color: #fff; font-weight: normal; }

.reason .Title h3{color: #fff;}
.reason .mainCon{width: 100%;}
.reason .mainCon ul{width: 105%;}
.reason .mainCon li{width: 292px;height:;float: left;margin-right: 11px;}
.reason .mainCon li span{display: block;width: 292px;height: 230px;position: relative; overflow:hidden;}
.reason .mainCon li img{display: block;}
.reason .mainCon li em{display: block;font-size: 18px;color: #fff;font-weight: bold;width: 100%;height: 48px;line-height: 48px;text-align: center;background: url(../images/14758.png);bottom:0;left: 0;position: absolute;}
.reason .mainCon li p{font-size: 14px;color: #666666;margin-top: 30px;padding: 0 12px;line-height: 25px;text-align: center;}

.reason .mainCon li:hover img{-webkit-transform: scale(1.1,1.1); 
    -o-transform: scale(1.1,1.1);
    transition: all 1s;
    -webkit-transition: all 1s;}
	
	
/*foot*/
/* link */
.link{width: 100%;background:#f1f1f1;padding:15px 0 15px 0;    height: 36px;}
.link dt{width: 80px;height: 40px;border-right: 1px dotted #878787;float: left;    line-height: 25px;}
.link dt span{display: block;font-size: 18px;color: #333;font-family: arial;position: relative;top: -5px;}
.link dt em{display: block;font-size: 16px;color: #333;position: relative;top: -8px;}
.link dt a{text-decoration: none;}
.link dd{float: left;width: 1100px;overflow: hidden;padding-top: 10px;margin-left: 10px;}
.link dd a{display: block;font-size: 15px;color:#333;padding: 0 26px;border-left: 1px solid #878787;float: left;margin-bottom: 10px;}
.link dd a:hover{ color:#026fc4;}
.link dd a:first-child{border-left: none;}
.footer{width: 100%;overflow: hidden;}
.footer .link{width: 100%;height:70px;background-color: #f7f7f7;}
.footer .link h3{font-size: 14px;font-weight: bold;float: left;width: 70px;height: 70px;line-height:70px;}
.footer .link h3 a{color: #333333;text-decoration: none;}
.footer .link ul{width: 806px;padding-top: 20px;margin-left: 20px;float: left;line-height: 20px;}
.footer .link li{float: left;padding-right: 38px;margin-top: 3px;}
.footer .link li a{font-size: 14px;color: #777777;}
.footer .link p{float: right;margin-top: 28px;}/*margin-top: 32px;*/
.footer .link p a{font-size: 14px;color: #777777;}
.footer .con{width: 100%;background:#fff /*url(../images/ft-bg.jpg) repeat*/; height: 210px;overflow: hidden;    padding: 20px 0;}
.footer .logo{float: left;margin-top:30px;width: 120px; margin-right:30px;}
.footer .logo h2{width: 140px;height: 44px;margin-bottom: 10px;}
.footer .logo img{display: block;}
.footer .logo p{text-align: center;font-size: 14px;color: #333;margin-top: 11px;}
.footer .Dh,.footer .Dz{margin-top: 15px;float: left;margin-left: 75px;}
.footer .Dh{width: 400px;}
.footer .Dz{width: 320px;float: right;}/*修改*/
.footer .Dh h3{background: url(../images/ftdh.png) no-repeat left center;}
.footer .Dz h3{background: url(../images/ftdz.png) no-repeat left center;}
.footer .Dh h3,.footer .Dz h3{height: 52px;line-height: 52px;padding-left: 24px;font-size: 16px;font-weight: bold;color: #333;border-bottom: 1px solid #666666;}
.footer .DhCon{width: 100%;overflow: hidden;margin-top: 10px;}
.footer .DhCon .hleft li{float: left;    list-style: none;}
.footer .DhCon .hright li{float: right;}
.footer .DhCon .hleft a,.footer .DhCon .hright a{display: block;margin:8px 22px;font-size: 14px;color: #333;}
.footer .DhCon .hleft a:hover{ color:#666;}
.footer .DzCon p{font-size: 14px;color: #333;margin: 18px 0;}
.footer .DzCon p span{padding-left: 32px;}
.footer .copyRight{height:50px;width: 100%;background-color:#dfdfdf;border-top: 1px solid #ccc;}
.footer .copyRight p{height:50px;line-height:55px;font-size: 12px;color: #333;float: left;}
.footer .copyRight ul{ overflow:hidden; float:right;margin-top: 20px;}
.footer .copyRight li{ float:left; padding:0 12px; border-right:1px solid #707070; font-size:12px; color:#333;}
.footer .copyRight .last{ border:none;padding-right: 0;}/*padding-right: 0; 添加修改*/
.footer .copyRight li a{color:#333}



.content1170 { width: 1200px; margin: 0px auto; zoom: 1;}
.around{background: #eaeaea;height:178px;}
.around li a{display:block;height:178px;overflow: hidden;width:auto;}
.around li.now a{width: auto;}
.around ul{position:relative;width:1200px;overflow:hidden;height:100%;}
.around li{position:absolute;top:0;overflow:hidden;width:100%;height:100%;transition:left 300ms;}
.around .state-0 .item-1{left:0;z-index:1;}
.around .state-0 .item-2{left:360px;z-index:2;}
.around .state-0 .item-3{left:640px;z-index:3;}
.around .item-4{left:977px;z-index:4;}
/*指向第一个*/
.around .state-1 .item-1{left:0;}
.around .state-1 .item-2{left:510px;}
.around .state-1 .item-3{left:730px;}
/*指向第二个*/
.around .state-2 .item-1{left:0;}
.around .state-2 .item-2{left:220px;}
.around .state-2 .item-3{left:730px;}
/*指向第三个*/
.around .state-3 .item-1{left:0;}
.around .state-3 .item-2{left:220px;}
.around .state-3 .item-3{left:467px;}
/*指向第四个*/
.around .state-4 .item-1{left:0;}
.around .state-4 .item-2{left:360px;}
.around .state-4 .item-3{left:640px;}