/* CSS Document */

/********公共样式********/
*{margin:0px;}
div,ul,li,ol,p,span,em,i,dl,dt,dd,from,input,h1,h3,h2,img,tr,td,tr,td, {margin:0px;padding:0px;}
body{ font: 12px/22px "微软雅黑","\5b8b\4f53",Arial,sans-serif;;margin:0px;font-size:12px; background:#fff; color:#494949}
ul,li{ margin:0px; padding:0px;list-style:none;}
.m7{ margin:7px;}
input{ font-family:"Microsoft YaHei";margin:0;}
img {border:0px;}
.l{ float:left;}
.r{ float:right;}
.c{ clear:both;}
a{text-decoration:none;}
em, b, i, code, strong, small {font-style: normal;}
.blue{ color:#008fd7;}

/********top********/
.top{ width:100%; background:url(../images/shouye_02.jpg) repeat-x; height:125px; overflow:hidden;}
.top_db{ width:1300px; margin:0 auto; height:34px; font-size:14px; line-height:34px; color:#666;}
.tb{ width:1300px; margin:0 auto; height:75px; padding-top:15px;}
.top_db .top_dbl a{ color:#4d4d4d; margin:0px 15px; }
.top_db .top_dbl a:hover{ color:#008fd7;}
.top_db .top_dbr i{  font-weight:bolder; color:#E01316; }
.tb ul{ width:800px;}
.tb ul li{ float:left; margin:0px 47px; line-height:60px; color:#e9e9e9;}
.tb ul li a{ color:#4d4d4d; font-size:14px;}
.tb ul li a:hover{ color:#008fd7;}
.tb ul li.m20{ margin:0px 20px 0px 47px;}

/********banner ********/
.ban .b1{width:100%;height:743px;display:block;position:absolute;left:0px;top:0px;}
.ban{ width:100%; height:743px; position:relative;}
.ban .b2{width:100%;height:30px;position:absolute;z-index:100;left:0px;top:632px;}
.ban .b2 ul{float:left;position:absolute;left:50%;top:0;margin:68px 0 0 -35px;display:inline;}
.ban .b2 li{width:12px;height:12px;overflow:hidden;cursor:pointer; background:#none; opacity:0.9; border-radius:20px; float:left;margin:0 6px;display:inline; border:1px solid #fff;}
.ban .b2 li.nuw{background:#e62129; border-radius:20px; border:1px solid #fff;}

/********产品 ********/
.cp{ width:100%;}
.cp ul{ width:100%; height:384px;}
.cp ul li{ width:25%;_width::24.99%;*width:24.99%; height:384px;background:#f2f2f2; float:left;}
.cp ul li div {border-right: 1px solid #fff; text-align:center; padding: 30px 0px 20px; height:334px;}
.cp ul li div.list a.bt{ text-align:center; font-size:18px; font-weight:bolder; line-height:36px; color:#4d4d4d;}
.cp ul li div.list a.bt:hover{color:#008fd7;}
.cp ul li div.list .xz{font-size:14px; color:#666;}
.cp ul li div.list a.img{ width:300px; height:198px; padding:20px 0px; display:block;margin: 0 auto;}
.cp ul li div.list a.img{transition: transform .3s ease,-webkit-transform .3s ease,-moz-transform .3s ease;transform: translateY(0);}
.cp ul li div.list a.img:hover{ transform: translateY(-5px);}
.cp ul li div.list a.more{ width:120px; height:30px; display:block; border:1px solid #008fd7; color:#008fd7; text-transform:uppercase; font-size:14px; line-height:30px;margin: 0 auto;}
.cp ul li div.list a.more:hover{ background:#008fd7; color:#fff;}
/********liyou  ********/
.Reason{ width:1300px; margin:40px auto; background:url(../images/shouye_13.jpg) center top no-repeat; text-align:center; overflow:hidden;}
.Reason .rea_bt{ width:1300px; padding:50px 0px;}
.Reason .rea_bt p{ color:#999; line-height:24px;font-size:14px;}
.Reason .rea_bt h2{ font-size:26px;line-height:36px;}
.Reason .rea_xq{ width:1300px; margin-top:50px;}
.Reason .rea_xq .nr{ width:689px; background:#f8f8f8; height:403px;}
.Reason .rea_xq .nr ul{ width:629px; padding:30px;}
.Reason .rea_xq .nr ul li{ width:629px; height:80px; padding:20px 0px;}
.Reason .rea_xq .nr ul li.no1{ padding-bottom:0px;}
.Reason .rea_xq .nr ul li i{ width:70px; height:70px; background:#248af2; color:#fff; font-size:26px; text-align:center; line-height:70px; float:left; font-weight:bolder;}
.Reason .rea_xq .nr ul li .yy_txt{ width:540px; float:right; text-align:left;}
.Reason .rea_xq .nr ul li .yy_txt h3{ font-size:18px; margin-bottom:8px;}
.Reason .rea_xq .nr ul li .yy_txt p{ font-size:14px; line-height:20px; color:#999;}
/********特点  ********/
.td{ width:100%; background:url(../images/shouye_20.jpg) center top no-repeat; height:526px; margin-top:60px;}
.td ul.tw li a.img:hover{ opacity:0.9 }
.td ul.tw{ width:1300px; margin:0 auto; padding:50px 0px; overflow:hidden; display:block;}
.td ul.tw li{ width:400px; float:left; margin:45px 15px; text-align:center;}
.td ul.tw li h3{ font-size:18px; line-height:36px; margin-top:15px;}
.td ul.tw li p{ font-size:14px; line-height:24px; width:300px; margin:0 auto;}
.bot_s{ width:100%; background:#f4f4f4; height:314px; border-top:1px solid #dddddd;}
.bot_ss{ width:1300px; overflow:hidden; margin:0 auto; padding:55px 0px;}
.bot_ss .bot_l{ width:800px;}
.bot_ss .bot_l ul{ width:800px;}
.bot_ss .bot_l ul li{ width:250px; float:left; text-align:center; border-right:1px solid #E5E5E5;}
.bot_ss .bot_l ul li.no{ border-right:0px;}
.bot_ss .bot_l ul li h4 a{ font-size:16px; font-weight:normal; color:#4d4d4d;}
.bot_ss .bot_l ul li a{ width:250px; display:block; height:30px; color:#868686; font-size:14px;}
.bot_ss .bot_r{ width:420px;}
.bot_ss .bot_l ul li a:hover{ color:#008fd7;}
.bot_ss .bot_r .dblx{ width:280px;  text-align:right; line-height:30px;}
.bot_ss .bot_r .dblx p.kf img{ vertical-align:middle;}
.bot_ss .bot_r .dblx p.kf{ font-size:14px; }
.bot_ss .bot_r .dblx p.dh{ font-size:20px; color:#e62129; font-weight:bolder;}
.bot_ss .bot_r .dblx p.cz{ font-size:14px; }
.bot_ss .bot_r .dblx p.gd{ font-size:12px; color:#666;}
.bot_x{ width:1300px; margin:0 auto; height:40px; line-height:40px; color:#666;}
.bot_x a{ color:#333;}
.bot_x a:hover{ color:#008fd7;}