﻿body{ font-size: 14px; line-height: 2em;}
.totalwidth{width: 1200px; margin:0 auto;}
.banquan{margin-top: 30px;}

/**导航栏**/
#nav_bg{ width:100%; height:102px; margin:0 auto;}
#top2{ height:auto; float:left;   margin-top:17px;}
#top3{ height:auto; float:left;  line-height:25px; margin-top:27px; font-size:22px; color:#484848; margin-left:10px;font-weight: bold;}
#top3 span{ font-size:14px; color:#294b92;}
#nav_c{ width:640px; margin:0 auto; float:right; margin-top: 32px;}
#nav li{ width:106px; text-align:center; float:left; font-size:14px; line-height:38px;}
#nav li:hover{background: #f15a28;}
#nav ul li a{ text-decoration: none; font-size:14px;  width:106px; display:block; color:#222;}
#nav ul li a:hover{text-decoration: none; font-size:14px; width:106px; color:#fff; }
#nav ul li .a_nav{ text-decoration: none; font-size:14px;  width:106px;}
#nav ul li .a_nav:hover{background: #f15a28;}
#nav ul li .a_nav:hover a{color:#fff;}
.nav_h1{ font-size:12px;}
.nav_h1 a{ font-size:12px;}
.top_bg{width: 100%;height: 38px; background: #f5f5f5; box-shadow: 1px 1px 10px #ddd;}
.top_bg .top_bg_a{width: 600px; font-size: 12px; color:#484848; line-height: 38px; float: left;}
.rg{width: 199px; font-size: 12px; color:#484848; line-height: 38px; float: right;}
.rg a{ color:#484848; }

/*搜索*/
#sou{ width:100%; height:65px; padding-bottom:5px;background: #f5f5f5;box-shadow: 1px 1px 10px #ddd;}
#sous{width: 1200px; margin:0 auto;}
.sou_re{ color:#666; padding-left:28px; line-height:24px; height:24px; margin-top:22px; width: 600px;background: url(../images/20170825143544_382117742.png) no-repeat;}
.sou_re a{ color:#666;}
.sou_re span{ color:#333; font-weight:bold;}
#search_b{width:245px;  height:28px; margin-top:19px;}
#search-bg{float:left; width:169px; height:28px;overflow:hidden; padding-left:5px;border:none;}
#infoname{ border:none;background:none;outline:none;color:#aea9b6;}



/*幻灯片*/
.focus {width:100%; height:500px; overflow:hidden; position:relative; }
.focus ul {height:500px; position:absolute;}
.focus ul li {float:left; width:100%; height:590px; overflow:hidden; position:relative; background:#000;}
.focus ul li div {position:absolute; overflow:hidden;}
.focus .btnBg {position:absolute; width:100%; height:20px; left:0; bottom:0; background:#000; display:none;}
.m-t-b20{margin-bottom:20px;}
.focus .btn {position: absolute;width: 90px;left: 47%;height: 24px;bottom: 36px;}
.focus .btn span {display:inline-block; _display:inline; _zoom:1; width:25px; height:24px; line-height:24px; text-align:center; _font-size:0; margin-left:5px; cursor:pointer; background:#484848; color:#000;}
.focus .btn span.on {background:#fff;}
.focus .preNext {width:45px; height:100px; position:absolute; top:205px; background:url(../images/20170427212410_1403722547.png) no-repeat 0 0; cursor:pointer;}
.focus .pre {left:0;}
.focus .next {right:0; background-position:right top;}
#banner{margin-top:0px; overflow:hidden;}


/**产品展示**/
.cp_bg_body{width: 100%;margin-top: 30px;}
.cp_bg{width: 100%; height: 60px; text-align: center;}
.cp_bg h1{font-size: 30px; font-weight: bold;color:#484848;}
.cp_fen ul {width: 660px; margin:0 auto;}
.cp_fen ul li{width: 200px; height: 40px; border:1px solid #ddd; line-height: 40px; text-align: center; float: left; margin-right: 20px;cursor: pointer;}
.cp_fen ul li:hover{background: #f15a28;}
.cp_fen ul li:hover a{color:#fff;}
.cp_fen ul li a{color:#484848;}

.cp_bg_bd{width: 1200px; margin:10px auto;height: 560px;}
.cp_bg_bd ul li{width: 285px; float: left; height: 254px;margin:10px 5px;position: relative; display: block; overflow:hidden;}
.cp_bg_bd ul li img{width: 280px;height: 214px;border: 1px solid #ddd;padding: 5px;transition: all 1s; }
.cp_bg_bd ul li span{width: 285px; display: block;line-height: 30px; text-align: center;border-bottom:1px solid #ddd;color:#484848;}
.zd{width: 279px; height: 214px; background: #000; position: absolute;top: 0px;left: 0px;opacity:0;}
.cp_bg_bd ul li:hover .zd{width: 280px; height: 214px; background:url(../images/sousuo.png) no-repeat center; position: absolute;top: 0px;left: 0px;opacity:1;}
.cp_bg_bd ul li:hover img{    cursor: pointer;transform: scale(1.1);-ms-transform:scale(1.1);/* IE 9 */-moz-transform:scale(1.1);     /* Firefox */-webkit-transform:scale(1.1); /* Safari 和 Chrome */-o-transform:scale(1.1);}
.tupianguding {width: 280px; height: 214px; display: block; overflow:hidden;}



/**服务项目*/
.section-title {width: 90%;text-align: center;margin: 2em auto 1em;color:#484848;}
.heading-01 {display: inline-block;padding: 0 0 0.2em 0;font-size: 30px;font-weight: bold;}
*{webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;}
.theorBox {width:1200px;margin:0px auto;padding:10px 0px 40px;}
.theorBox a:link, .theorBox a:visited {color:#fff;}
.theorBox a:active, .theorBox a:hover {color:#fff;}
.theorBox li {float:left;display:block;width:24%;margin:.5%;color:#fff;border:1px solid #b3b3b3;}
.theorBox li a {display:block;position:relative;height:396px;overflow:hidden;}
.theorBox .img {width:100%;background-position: center center; background-size: cover; height: 100%; }
.theorBox .con {width:210px;padding-top:75px;height:210px;border-radius:50%; position: absolute; left: 50%; top: 50%;margin: -105px 0px 0px -105px;background-color:#c4cf67; background-color: rgba(157, 217, 100, 0.9);text-align: center;transition: 400ms; -webkit-transition: 400ms; -ms-transition: 400ms;
}
.theorBox .item2 .con {background-color:#810505; background-color: rgba(100, 217, 211, 0.9);}
.theorBox .item3 .con {background-color:#e39b55; background-color: rgba(217, 196,100, 0.9);}
.theorBox .item4 .con {background-color:#006766; background-color: rgba(100, 138, 217, 0.9);}
.theorBox .item5 .con {background-color:#fac44f; background-color:rgba(250, 196, 79,0.9);}
.theorBox .item6 .con {background-color:#72a530; background-color:rgba(114, 165, 48,0.9);}
.theorBox .item7 .con {background-color:#d78aea; background-color:rgba(215, 138, 234,0.9);}
.theorBox .item8 .con {background-color:#2b70c7; background-color:rgba(43, 112, 199,0.9);}
.theorBox .zh {border-top:1px solid #fff; border-bottom: 1px solid #fff; font-size:24px; padding-bottom: 8px; }
.theorBox .bot {background:url(../images/nbot5.png) no-repeat; width: 59px; height: 14px; display: block; margin: 12px auto 8px; }
.theorBox .en {font-size:14px; text-transform: capitalize; }
.theorBox .con2 {position:absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-color: #eeeeee; color: #787878; font-size: 14px; transition: 500ms ease 400ms; -webkit-transition: 500ms ease 400ms; -ms-transition: 500ms ease 400ms; }
.theorBox .con2 .c {padding:22px 22px 0px; height: 256px; overflow: hidden; }
.theorBox .con2 .line {border-bottom:1px solid #dcdcdc; font-weight: bold; padding-bottom: 10px; margin-bottom: 15px; }
.theorBox .con2 .more {width: 106px;height: 35px; text-align: center; line-height: 35px; border: 1px solid #c9c9c9; display: block; float: right; margin: 12% 22px 0px 0px; }
.theorBox .con2 .more:hover{border: 1px solid #9dd964;color:#9dd964;}
.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }
.theorBox .con2 {opacity: 0; transform: scale(1.1);-webkit-transform: scale(1.1);border: 3px solid #9dd964;box-sizing: border-box;}
.fuwu{width: 100%; height: 580px;background: #f5f5f5;box-shadow: inset 0 5px 5px -6px #848484;}



/*关于start*/
.aboutround{ margin-left: -94px;}
.aboutround li{ width: 230px; height: 230px; float: left; margin-left: 93px;}
.aboutround li a{ display: block; width: 230px; height: 230px;-webkit-border-radius: 115px;border-radius: 115px;-webkit-transition: -webkit-transform 0.5s ease-out;-moz-transition: -moz-transform 0.5s ease-out;-o-transition: -o-transform 0.5s ease-out;-ms-transition: -ms-transform 0.5s ease-out;}
/*.aboutround li a:hover{-webkit-transform: rotateZ(360deg);-moz-transform: rotateZ(360deg);-o-transform: rotateZ(360deg);-ms-transform: rotateZ(360deg);transform: rotateZ(360deg);}*/
.aboutround li a:hover{cursor: pointer;}



/**成功案例*/

.tab {width:1200px;}
.tab-title {width:524px; margin:0 auto;overflow: hidden;}

.tab-title .item {display: inline-block;width:132px;height:45px;line-height:45px;text-align: center;color: #000000;font-size: 16px; background-color:#dadada; margin:26px 21px; float:left;}
.tab-newtit .item{ margin: 16px 21px;}
.tab-title .item-cur {color: #fff;background-color: #e04840;}
.tab-cont,.tab_newcont{position: relative; width:1200px;overflow: hidden;}
.tabconth{height:602px;}
.tabnewconth{height:378px;}
.tab-cont_wrap {position: absolute;}
.tab-cont .item,.tab_newcont .item {width:1200px;text-align: center;color: #fff;}
.tab-cont .item{height:602px; }
.tab_newcont .item{ height: 342px;}
.lanren{width:1206px;height:602px;}
.lanren li{width:395px;height:296px;list-style:none;position:relative;float:left;overflow:hidden; margin-right:7px; margin-top:5px;}
.lanren li .a1 img{width:395px;height:296px;}
.lanren li .a1 .divA{position:absolute;bottom:-296px;left:0; width:394px; height:296px;}
/*遮罩*/
.lanren li .a2{position:absolute;top:0;left:-395px;width:395px;height:296px;text-align:center;color:white; background:url(../images/hover.png) no-repeat left top;transition:all 0.2s;}
.lanren li .a2 .p4{width:395px;text-align:center;position:absolute;top:165px;left:-395px;color:#fff;font-size:16px;transition:all 0.2s 0.1s ease-out;}






/*news*/

.news .m_zx {width: 370px;margin-right: 44px;float: left;}
.news .last {margin-right: 0;}
.news h2 {height: 76px;line-height: 76px;font-size: 16px;font-weight: bold;margin-bottom: 23px;
	background: url(../images/20171113105951_1494941056.jpg) no-repeat 18px bottom;position: relative;left: -18px;padding-left: 18px;}
.news h2 a {color: #222222;font-size: 16px;}
.news h2 a:hover {color: #0060c4;font-size: 16px;}
.news h2 em {font-size: 16px;color: #adadad;font-family: arial;font-weight: normal;display: inline-block;padding-left: 5px;}
.news h2 span a {font-size: 14px;color: #adadad;font-weight: normal;}
.news h2 span a:hover {font-size: 14px;color: #ff6724;font-weight: normal;}
.m_zxcc {border: 1px solid #e3e3e3;height: 200px;padding: 14px 20px 0 25px;}
.news .u_lst4 li {height: 35px;line-height: 35px;border-bottom: 1px dashed #e3e3e3;overflow: hidden;font-size: 13px;}
.news .u_lst4 li a {color: #666}
.news .u_lst4 li a:hover {color: #0060c4}
.news .u_lst4 .lastli {border-bottom: none;}
.news .more2 {display: inline-block;margin-top: 28px;width: 132px;height: 36px;line-height: 36px;background: #0060c4;text-align: center;font-size: 14px;color: #fff;}
.news .more2 a {color: #fff;display: block;}
.news .more2 a:hover {color: #fff;background: #ffa200;}
.news .u_lst4 li:last-child {border-bottom: 0;}
.wend {float: left;margin-right: 0;padding-left: 16px;width: 354px;height: 510px;background: #f5f5f5;}
.wend h2 {left: 0;margin-bottom: 0;}
.divdgweb_new_div_item_content {border-bottom: 1px dashed #ccc;padding: 22px 0 0 0;margin-right: 25px;}
.wend .lastdl {border-bottom: none;}
.divdgweb_new_div_item_title {height: 29px;padding-left: 30px;line-height: 29px;font-size: 14px;color: #333333;overflow: hidden;font-weight: bold;}
.divdgweb_new_div_item_title a {color: #333333;}
.divdgweb_new_div_item_title a:hover {color: #0060c4}
.divdgweb_new_div_item_body {padding-left: 30px;background: url(../images/20170407142929_2072105731.png) no-repeat left top;line-height: 25px;color: #666;height: 75px;font-size: 13px;overflow: hidden;}

.divnews_tag{width:100%; height:auto;}
.divnews_tag ul{margin:0px;padding:0px;list-style-type:none;}
.divnews_tag li{list-style:none;margin:0px;line-height:35px;float:left; width:303px;}

.divdgweb2_tag{width:100%; height:auto; margin:0px; padding:0px;}
.divdgweb2_tag ul{margin:0px;padding:0px;list-style-type:none;list-style:none;}
.divdgweb2_tag li{list-style:none;margin:0px;float:left;}
.new_fr{float: left;}
.new_li{line-height:35px; width:303px;}



/*link start*/
.link li{ float: left;}
.link li a{ display: block; font-size: 14px; color: #fff; margin: 0px 15px 0px 46px; padding: 0px 5px; line-height: 50px;}
.footernav dl{ margin-right: 55px; }
.footerinfo,.footernav dl{margin-top: 18px;}
.footernav dl dd{width: 65px;}
.footernav dl dd a{ display: block; width: 100%; float: left; }
.footernav dl dd a,.footerinfo,.footerewminfo{font-size: 14px; color: #fff; line-height: 2em;}
.footerinfo{ margin-left: 70px;}