/* page */
*{ margin:0; padding:0; font-size: 12px; font-family: "microsoft yahei"; }
body{ background: #fff; animation-duration:.85s; -webkit-animation-duration: .85s; }
img{ border:0 none; outline:0; }
a{ text-decoration: none; }
li{ list-style: none; }
.fl{ float: left; }
.pl{ position: absolute; left: 0; }
.pr{ position: absolute; right: 0; }
.fr{ float: right; }
.page{ width:1100px; margin: 0 auto; }
.cl,.clear{ clear: both; }
.dis{ display:none; }
.top35{ margin-top: 35px; }
input[type="image"] {border:none;background:none;cursor:pointer;}

/*nybanner*/
.nybanner{height:350px;width:100%;}
.nybanner2{background:url(../images/20170526160216_1739326309.jpg) no-repeat center;}
.nybanner3{background:url(../images/20170526160225_806466092.jpg) no-repeat center;}
.nybanner4{background:url(../images/20170527090223_919585596.jpg) no-repeat center;}
.nybanner5{background:url(../images/20170525185844_642804082.jpg) no-repeat center;}
.nybanner6{background:url(../images/20170525185937_1881241766.jpg) no-repeat center;}
.nybanner7{background:url(../images/20170525185957_945917786.jpg) no-repeat center;}
.nybanner8{background:url(../images/20170525190028_951451157.jpg) no-repeat center;}
.nybanner9{background:url(../images/20170525190054_605670982.jpg) no-repeat center;}
.nybanner10{background:url(../images/20170525190116_261206722.jpg) no-repeat center;}

/* header */
.g_color{ color: #04a23b; font-size:inherit; font-size:unset; }
.b_color{ color: #2e84eb; font-size:inherit; font-size:unset; }
.header{ width: 100%; background: #fff; }
.h_row1{ background: #eaeaea; height: 30px; line-height: 30px; font-size: 13px; color: #888; }
.bdsharebuttonbox{ float: right; position: relative; top:1px; padding-left: 2px; }
.h_row2{ height: 100px; padding:25px 0; }
.logo{display: block; height: 100px; background:url(../images/20170522160403_1885770558.png) no-repeat left center; padding-left:100px; width: 625px; }
.logo_1 { font-size: 39px; font-weight: bold; color: #2E84EB; letter-spacing: 2px; padding: 15px; width: 250px; position: absolute; }
.logo_1 .small{ letter-spacing: 0px; font-size: 12px; color:#666; font-weight: 100; }
.logo_2{ width: 350px; height: 60px; background:url(../images/20170527095325_1933749208.png) no-repeat center; position: relative; left: 275px; top: 24px; }
.tel{ width: 225px; height: 60px; background:url(../images/20170522162217_1624299310.png) no-repeat center; position: relative; top: 20px; }
.h_row3{ background: #2e84eb; height: 55px; position: relative; width:100%;transition: 0.35s all ease-in-out;}
.h_row3 .nav > ul > li{ float: left; width:11.1119%; transition: 0.3s all; background: url(../images/20170523100839_613011341.png) no-repeat center 55px; }
.h_row3 .nav > ul > li:hover { background: url(../images/20170523100839_613011341.png) no-repeat center -10px; }
.h_row3 .nav > ul > li.last a{ background: none; }
.h_row3 .nav > ul > li > a { display: block; height: 55px; line-height: 55px; font-size: 15px; color: #fff; text-align: center; position: relative; transition: 0.3s all; z-index: 111111111111111111; background: url(../images/20170522163242_1903014738.png) no-repeat right center; }
.menu .block { height: 3px; background: url(../images/20170522170003_101799269.png) no-repeat center; position: absolute; bottom: 8px; left: 0; }
.h_row3 .nav > ul > li.navcurrent { background: url(../images/20170523100839_613011341.png) no-repeat center -10px; }
.html5zoo-timer-0{ background:rgba(4,162,59,0.9) !important; }
.search{ width: 100%; position: relative; top:-20px; z-index:2; }
.search > .page{ padding-bottom: 15px; background:url(../images/20170522200846_47151470.png) no-repeat center bottom; }
.search-left,.search-right{ width:50%; float: left; height:40px; line-height: 40px; color: #fff; }
.search-left{ background: #04a23b; text-indent: 15px; }
.search-left a,.search-right a{ color: #fff; font-size: 14px; line-height: 40px; padding: 0 5px; }
.search-left a:hover,.search-right a:hover{text-decoration: underline;}
.search-left strong{ font-size: 14px; }
.search-right{ background: #3d3d3d; text-align: left; }
#search-i > input{ width: 47px; height: 41px; display: block; float: right; border:0 none; cursor: pointer;}
#search-bg{ width: 480px; display: block; float: left; padding: 0 10px; }
#search-bg > input{ background: none; color:#999; border:0 none; display: block; line-height: 30px; height: 30px; font-size: 14px; width: 100%; margin:5px 0;}

/*ny*/
.prolist{ width: 240px; margin-right: 20px;}
.list_1{ background: url(../images/20170527094524_2100009693.png) no-repeat center; width: 240px; height: 90px; position: relative; }

.list_1 span{ color: #fff; font-size: 18px; letter-spacing: 0px; position: absolute; top:20px; left: 83px; }
.list_2{ width: 210px; background: #fff; padding: 10px 15px; }
.prol_1 > table { width: 100%; }
.prol_1 > table > tbody > tr > td > a{ display: block; background: url(../images/20170525173043_893198706.png) no-repeat 180px 10px; padding-left: 30px; font-size: 14px; font-weight: 100 !important; transition: ease-in-out 0.3s all; transition-property: padding; }
.prol_1 > table > tbody > tr > td { background: #2e84eb; line-height: 35px; height: 35px; width: 208px; display: block; margin: 5px auto; border: 1px solid #fff; transition: ease-in-out 0.3s all; }
.prol_1 > table > tbody > tr > td:hover > a { background-position: 180px -36px; padding: 0 15px 0 35px; }
.pro_shadow{border-bottom:2px solid #2e84eb;box-shadow: 0 0 2px 0 #ccc;}
.pro_contact{margin-top:20px; background: #fff; width: 240px;position: relative; padding-bottom: 10px;box-shadow: 0 0 2px 0 #ccc;}
.contactbo{ width: 40px; height: 40px; background: url(../images/20170527094624_1676068741.png) no-repeat center; border-radius: 50%; text-align: center; display: block; padding: 15px; font-size: 15px; color: #fff; letter-spacing: 2px; border: 5px solid #f5f5f5; position: absolute; top: -40px; left: 80px; }
.contactco { padding: 12px 15px 0; font-size: 14px; line-height: 28px; color: #555; }

.contactbo1{ width: 100%; height: 40px; line-height: 22px; border-radius: 0; border: 0 none; font-size: 18px; position: relative; top: 0; left: 0; padding: 10px 0; }
.contactbo1 .small { font-size: 12px; letter-spacing: 0; padding: 0 5px; display: block; }

.mianbxContent {width: 96% !important; font-size: 16px; text-align: left !important; padding-left: 4%; letter-spacing: 1px; background: url(../images/20170525165201_1826478518.png) no-repeat 5px -32px; height: 35px !important; line-height: 35px !important; transition: ease-in-out 0.15s all; border-bottom: 1px solid #ccc; margin-bottom: 10px !important;}
.mianbxContent:hover{background:url(../images/20170525165201_1826478518.png) no-repeat 5px 9px;}
.mianbxContent a{font-size:16px;}
.mianbxContent a:hover{color:#04a23b }
.strong_title { display: none;}
.dgweb_list_item_date{text-align:right !important;}
.dgweb_list_item_desc{clear:both;font-weight:100 !important;padding-bottom:10px;border-bottom:1px dotted #ccc !important;}
.dgweb_list_item_box{clear: both; float: none !important;}
.dgweb_list_item_box{ font-size:15px; color:#000; line-height:40px; font-weight:bold;}
.dgweb_list_item_box a:link {color: #000; font-size:15px; text-decoration: none; font-weight:bold;}
.dgweb_list_item_box a:visited {text-decoration: none; color: #000;font-size:15px; font-weight:bold;}
.dgweb_list_item_box a:hover {text-decoration: none; color: #04a23b; font-size:15px; text-decoration:underline;font-weight:bold;}
.dgweb_list_item_box a:active {text-decoration: none; color: #000; font-size:15px;text-decoration:underline; font-weight:bold;}
.pro_one_box > .pro_pic > a,.dgweb_list_item > .dgweb_list_item_pic > a{display:block;overflow:hidden;}
.pro_one_box > .pro_pic > a > img,.dgweb_list_item > .dgweb_list_item_pic > a > img{ width: 100%;transition: ease-in-out 0.25s all; }
.pro_one_box,.dgweb_list_item{ float: left;width: 31% !important;margin: 1.11111111%; background:#fff;transition: ease-in-out 0.15s all;overflow:hidden;box-shadow:0 0 3px 0px #ddd}
.pro_pic,.dgweb_list_item > .dgweb_list_item_pic { height: auto !important;}
.pro_name,.dgweb_list_item .dgweb_list_item_a{border-bottom: 2px #ddd solid;transition: ease-in-out 0.15s all; }
.pro_name a,.dgweb_list_item .dgweb_list_item_a a{display: block;font-size: 14px; line-height: 25px;transition: ease-in-out 0.15s all;}
.pro_one_box:hover > .pro_pic > a > img,.dgweb_list_item:hover > .dgweb_list_item_pic > a > img{transform:scale(1.2);}
.pro_one_box:hover,.dgweb_list_item:hover{box-shadow:0 0 3px 0px #ededed}
.pro_one_box:hover .pro_name,.dgweb_list_item:hover .dgweb_list_item_a{border-bottom:2px #04a23b solid}
.pro_one_box:hover .pro_name a,.dgweb_list_item:hover .dgweb_list_item_a a{color:#04a23b}

.products_pages_info,.dgweb_pages_info,.news_pages_info{ letter-spacing: 1px; font-size: 14px; border: 1px dashed #ccc;margin-top:10px !important;}
.products_pages_info a,.dgweb_pages_info a,.news_pages_info a{font-size:14px;}
.products_pages_info a:hover,.dgweb_pages_info a:hover,.news_pages_info a:hover{font-size:14px; color:#2e84eb}
.products_pages_info:hover,.dgweb_pages_info:hover,.news_pages_info:hover{  border: 1px dashed #2e84eb;transition: ease-in-out 0.15s all}

/*feedback*/
#bodycontent #tianxieone { padding: 3px 0 !important; }
#bodycontent #tianxieone #tianxietwo { width: 120px !important; font-size: 14px !important; line-height: 2em !important; }
#bodycontent #tianxieone #tianxiethree { width: 690px !important; float: left !important; text-align: left !important; padding: 5px 0 !important; }
#bodycontent input,#bodycontent textarea { background: none !important; border: 1px solid #ccc !important; line-height: 2em !important; font-size: 14px !important; }
#bodycontent #tianxieone #tianxiethree > img{    height: 30px !important;vertical-align: top !important;}
#tianxieone > div:nth-child(1) { width: 120px !important; float: left !important; text-align: right !important; line-height: 2em !important; font-size: 14px !important; padding: 5px 0 !important; }
#bodycontent #tfour #tfive {width: 690px !important;}
#bodycontent #tfour #tfourtwo {width: 120px !important;font-size: 14px !important; line-height: 2em !important;}
#bodycontent input:hover,#bodycontent textarea:hover{background:#fff !important;border-color:#2e84eb !important;}
#lytijiao input {padding: 0px 10px;}

/* copy */
#copy{width:100% !important;text-align:left !important;margin-top: 30px;}
.copy{ width: 100%; }
.btnav{ background: #2e84eb; height:40px; line-height: 40px; }
.btnav ul li{ float: left; width:11.11112%; }
.btnav ul li a{ display: block; height: 40px; line-height: 40px; color: #fff; text-align: center; font-size: 14px; }
.copy_m{ background: #444444; }
.copy_m .page{ padding: 10px 0 5px; }
.copy_m .col{ float: left; margin: 10px; }
.copy_m .col p{ color: #fff; font-size:13px; line-height: 25px; height: 25px; text-align: center; }
.copy_m .in-out{ cursor:pointer; width: 120px; height: 120px; position:relative; border-radius: 5px; overflow:hidden; background: #fff; transition:0.4s all ease-in-out; }
.copy_m .col:hover .in-out{ width: 120px; height: 120px; position:relative; border-radius: 5px; overflow:hidden; background: #3eaccf; transform:rotateY(180deg)}
.copy_m .in-out > img{ z-index: 24; width: 100%; }
.copy_m .in-out > span{ display: block; width:120px; height: 120px; position: absolute; top: 0; left: 0; transition:0.4s all ease-in-out; z-index: 25; border-radius: 50%; }
.copy_m .in-out > span > img{ width: 100%; }
.copy_m .col:hover .in-out > span{ -webkit-opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; filter:alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=0); }
.copy_m .page .fr{ font-size: 14px; color: #fff; line-height: 2.3em; letter-spacing: 1px; margin-top: 15px; }
.copy_m .page .fr a{ font-size: 14px; color: #fff; }
.copy_m .page .fr a:hover{ text-decoration: underline; }
.copy_m .page .fr img{ }
.copy_b{ background: #5c5c5c; height: 35px; line-height: 35px; font-size: 14px; color: #fff; }
.copy_b .fl{ font-size: 13px; }
.copy_b .fr,.copy_b .fr a{ font-size: 13px; color: #fff; }
.copy_b .fr a:hover{ text-decoration: underline; }

.youshi{ background:#ececec; position: relative; padding-bottom: 130px; }
.youshi_cont { position: relative; z-index: 111; }
.youshi_top{ background: url(../images/20170523155400_152434207.jpg) no-repeat center bottom; height: 179px; width: 100%; padding-top: 20px; }
.yc_title{ font-size: 21px; font-weight: bolder; color: #3b3b3b; letter-spacing: .5px; line-height: 2.5em; padding: 5px 0 10px 95px; }
.yc_title span.link{ display: block; background: url(../images/20170523163133_333221566.png) no-repeat -197px -16px; height: 2px; width: 70px; }
.yc_int{ color: #777; font-size: 14px; line-height: 1.8em; padding: 0 25px 12px; }
.yc_int > span{ color: #04a23b; font-size: 15px; padding: 0 5px}
.youshi .col_6 { cursor: Default; background: #fff; float: left; width: 44.46%; margin: 2.77%; overflow: hidden; box-shadow: 0 0px 1px 0px #ccc; position: relative; transition:0.3s all; }
.youshi_cont > .page{ background: url(../images/20170523170421_56513200.png) no-repeat center; }
.ys_1,.ys_2,.ys_3,.ys_4{ height: 55px; width: 55px; background: url(../images/20170525093807_2051211530.png); position: absolute; bottom: 5.5em; left: 30px; }
.ys_1{ background-position: -25px -16px; }
.ys_2{ background-position: -100px -16px; }
.ys_3{ background-position: -25px -93px; }
.ys_4{ background-position: -100px -93px; }

.youshi_bot{ height:405px; width:100%; background: url(../images/20170523200938_1778937899.png); overflow: hidden; position: absolute; bottom: 0px; }
.youshi_bot > .page{ position: relative; height:405px; }
.youshi_pbot{ background: url(../images/20170523201938_1962746737.png); width: 385px; height: 121px; position: absolute; bottom: -23px; left: 357.5px; }
.youshi_pbot{ animation-duration:.55s; -webkit-animation-duration: .55s; }
.application{ background:url(../images/20170523204258_244576106.jpg) no-repeat center; height: 470px; width: 100%; }


/*main css*/
.main-im{ position:fixed; right: 10px; top:500px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/20170527100423_1281471114.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:block;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px;padding-bottom:20px;border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/20170527100424_756518768.png) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px;background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; bottom: 0px; display:block;}
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{width:100px;margin:0 auto; text-align:center;line-height:2em;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/20170527100423_1615322327.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/20170527100423_533777706.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { display:none; cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/20170527100423_1772522327.png) no-repeat left top; }