html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,section, article, aside, header, footer, nav, dialog, figure,menu,hgroup{ margin:0; padding:0; border:0; font-family:"Microsoft YaHei"; }
html{ -webkit-text-size-adjust:none;}
body{ font-size:12px; font-family:"Microsoft YaHei"; }
input,textarea{ resize:none;font-family:"Microsoft YaHei";}
img{ border:none; vertical-align: middle;}
ul,li{ list-style:none;}
a{ text-decoration:none; color:#393939;}
a:hover{ color:#1D2089;}
*{box-sizing:border-box;}
.box{ width:1200px; margin:0 auto;}
.or{ overflow:hidden;}
.clearfix:after {visibility:hidden;display:block;font-size:0;content:" ";clear:both;height:0;}
.clearfix {*zoom:1;}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
.ellipsis {white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.fl{float: left;}
.fr{float: right;}
/*公共样式开始*/
.cont_header_bt{width: 100%; min-width: 1093px; text-align: left;height: 126px; background: url(../images/header_bg.jpg) repeat-x; border-bottom: 1px solid #cfcfcf; margin-top: 1px; overflow: hidden;}
.cont_header_bt .cont{width: 1093px; margin:0 auto;}
.cont_header_bt .cont h2{color: #515151;font-size: 33px; font-weight: bold; margin:27px 0 6px 0;}
.cont_header_bt .cont p{font-size: 12px; color: #999;}
.helplist,.who,.main,.case,.news,.contact,.case_xq,.news_xq{width: 1093px; margin:35px auto 58px auto; overflow: hidden;}
/*头部开始*/
body{ padding-top:64px;}
#templatemo_banner_menu { background:url(../images/navbg.jpg) repeat #252525; height:64px; overflow:hidden; position:fixed;top:0;left:0;right:0;z-index:999;border-bottom:1px solid #ccc;}
#templatemo_banner_menu .con{ width:1093px; margin:0 auto; }
.logo{ float:left; margin-top:8px;}
#templatemo_banner_menu ul{ float:right; margin-top:16px;}
#templatemo_banner_menu ul li{ float:left; }
#templatemo_banner_menu ul li a{width: 84px; height: 32px; line-height: 32px;font-family:"Microsoft YaHei"; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px; display: inline-block; font-size: 14px; color: #1d2089; text-align: center;}
#templatemo_banner_menu ul li a:hover {background: #1d2089; color: #fff;}
#templatemo_banner_menu ul li a.current{ background: #1d2089;color: #fff; }
/*banner开始*/
.focus { clear:both; width:100%; min-width: 1093px; height:443px;overflow:hidden; position:relative; }
.focus_m ul {width:100%;height:443px;overflow:hidden;}
.focus_m li {width:100%;height:443px;_float:left;}
.focus_m li a{ width:100%; height:443px; display:block;}
.focus_s {height:0; position:relative; margin:0 auto; z-index:2;width:1100px;}
.focus_s ul { height:10px;overflow:hidden; position:absolute;right:400px;top:403px; }
.focus_s li {background: #0b426b; float:left;cursor:pointer;height:10px;width:58px;overflow:hidden;margin-right:2px;}
.focus_s li b {display:block;text-indent:-999em; background:#1d2089; width:58px;height:10px;overflow:hidden;;}
.focus_s li.active b { background:#fff;}
/*尾部开始*/
.foot{width: 100%;min-width: 1093px; height: 243px; background:#ddd; overflow: hidden;}
.foot .footer{width: 1093px; height: 206px; margin: 0 auto; overflow: hidden;}
.foot .footer .footer_l{ margin: 80px 120px 0 100px; }
.footer_r{margin: 43px auto 0;width:690px;}
.footer_r dl{width:190px; margin:0 0 15px; border-right:1px solid #cdcdcd; float:left;color:#333; line-height:25px; padding:0 30px;}
.footer_r dl a{color:#666;}
.foot .footer .erwei{margin: 50px 1px 0 0;color:#666; text-align:center; line-height:25px;}
.footer_botton{ border-top:1px solid #cdcdcd;background: #ddd; clear: both; font-size: 12px; color: #666; line-height: 38px; text-align:center}
.footer_botton p{width: 1093px; margin: 0 auto;}
/****************************************************************
* 首页 *
* 开始 *
*****************************************************************/
/*我们能为你做什么*/
.cont_header{width: 100%; min-width: 1093px; text-align: center;height: 126px; background: #1d2089 url(../images/header_bg.jpg) repeat-x; border-bottom: 1px solid #cfcfcf; margin-top: 1px; overflow: hidden;}
.cont_header h2{color: #1d2089;font-size: 33px; font-weight: bold; margin:27px 0 6px 0;}
.cont_header p{font-size: 12px; color: #999}
.cont_header a{font-size: 12px; color: #1d2089}
.helplist dl{float: left; width: 265px; height: 253px; margin-right: 8px; margin-bottom: 12px;background: #f4f5f8;}
.helplist dl:nth-child(4n){margin-right: 0;}
.helplist dl dt{height: 149px;}
.helplist dl img{width:100%;height:149px;}
.helplist dl dd{text-align: center; }
.helplist dl dd:nth-child(even){color: #d3d6de; margin-bottom: 14px; font-size: 28.31px; margin-top: 10px; background: url(../images/line1.png) no-repeat center bottom; }
.helplist dl dd:nth-child(odd){font-size: 16px; color: #4b4848; margin-bottom: 11px; }
.helplist dl:hover,.helplist dl.active {background: #1d2089; cursor: pointer;}
.helplist dl:hover dd:nth-child(even){color: #fff; background: url(../images/line2.png) no-repeat center bottom; }
.helplist dl:hover dd:nth-child(odd){ color: #fff;}
.helplist dl.active dd:nth-child(even){color: #fff; background: url(../images/line2.png) no-repeat center bottom; }
.helplist dl.active dd:nth-child(odd){ color: #fff;}
/*我们是谁开始*/
.who_left{width: 243px; margin-right: 30px;}
.who_center{width: 490px; font-size: 12px;}
.who_center p{ line-height: 22px; margin-top: 28px; margin-bottom: 30px; color: #4b4848; padding-bottom: 50px; padding-right: 15px; border-bottom: 2px solid #eeeeee }
.who_center p a{font-size: 12px; color: #1d2089}
.who_center h3{font-size: 16px; color: #4b4848;}
.who_center ul {float: left; margin-right: 32px;}
.who_center ul li{ margin-left: 5px; font-size: 12px; line-height: 30px; padding-left: 15px; color: #515151; background: url(../images/hbg.png) no-repeat center left;}
.who_right{width: 310px; height: 327px; padding-top: 25px; padding-left: 40px; box-sizing:border-box; background: url(../images/who_bg.png) no-repeat;}
.who_right li{ line-height: 30px; padding-left: 24px; color: #515151}
.who_right .tel{background: url(../images/x01.png) no-repeat center left;}
.who_right .phone{background: url(../images/x02.png) no-repeat center left;}
.who_right .tel1{background: url(../images/x03.png) no-repeat center left;}
.who_right .cz{background: url(../images/x04.png) no-repeat center left;}
.who_right .email{background: url(../images/x05.png) no-repeat center left;}
.who_right dl{margin-top: 15px;}
.who_right dl dt{text-align:center;float: left; margin:0 5px}
.who_right dl dd{float: left; width: 112px; font-size: 16px; line-height: 26px; color: #333; margin-top: 39px;}
/*案例开始*/
.anli{width: 1093px; margin: 0 auto; margin-top: 32px; overflow: hidden;}
.scroll a.prev{background:url(../images/left.png) no-repeat 0 0;display:block;width:28px;height:62px;float:left;margin:200px 0 0 2px;cursor:pointer}
.scroll a.next{background:url(../images/right.png) no-repeat 0 0;display:block;width:28px;height:62px;float:left;margin:200px 2px 0 0;cursor:pointer}
.scroll{width:100%;}
.scroll_list li .thumb{ height:186px; overflow:hidden;}
.scroll_list li h3{ height:37px; line-height:37px;background: #f8f9fb;color: #666; padding:0 10px; font-weight:normal;}
.scroll_list{float:left;width:956px;overflow:hidden;position:relative;margin-left:25px;margin-right:23px;margin-bottom:50px}
/****************************************************************
* 解决方案页 *
* 开始 *
*****************************************************************/
.left{width: 224px;}
.left ul{width: 215px; background: #333; border-right: 1px solid #636363}
.left li{ height: 61px; line-height: 61px; border-bottom: 1px solid #484646; /* background: url(../images/line_menu.jpg) no-repeat bottom right; */ padding-left: 28px; box-sizing:border-box;}
.left li:hover,.left li.active{width: 224px; background: #1D2089; border-bottom: none}
.left li a{ color: #fff;font-size: 18px;}
.left li:hover a,.left li.active a{ color: #333}
.right{width: 820px;}
.right .title{font-size: 20px; color: #666; margin-bottom: 18px;}
.right p{font-size: 14px; color: #666; line-height: 24px;}
.right .pic1{margin: 25px 0 20px 0;}
.right .pic2{border: 1px solid #ccc; text-align: center;}
/****************************************************************
* 产品中心页 *
* 开始 *
*****************************************************************/
.product_l{width: 224px}
.list{width: 216px;}
.list ul.yiji>li{background: #333;border-right: 1px solid #636363; box-sizing:border-box;}
.list ul.yiji>li:last-child{border-bottom: none}
.list ul.yiji>li>a{color: #999; font-size:16px; line-height:50px;position: relative; padding-left: 28px;display: inline-block;width: 216px; -webkit-transition:all 400ms;-moz-transition:all 400ms ;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;border-bottom: 1px solid #484646}
.list ul.yiji>li>a.active,.list ul.yiji>li>a:hover{width: 224px!important; display: inline-block; background: #1D2089; box-sizing:border-box;color: #fff}
.list ul>li>a.active:hover{color:#fff;}
.main .right{margin-bottom: 20px;}
.main .right .title{margin-bottom: 24px;}
.main .right dl{margin-bottom: 40px; overflow: hidden;}
.main .right dl dt{width: 230px; height: 250px; float: left; margin-right: 37px;}
.main .right dl dd{overflow: hidden;}
.main .right dl dd p.title{font-size: 16px; color: #666; margin-bottom: 7px;}
.main .right dl dd p{font-size: 14px; color: #666; line-height: 26px; }
.main .right dl dd p span{ color: #999;}
/****************************************************************
* 产品中心详情页 *
* 开始 *
*****************************************************************/
.main .right .pic{width: 342px; height: 372px; margin:0 auto; text-align: center; margin-bottom: 50px; }
.main .right p{color: #999}
.main .right p.txt{margin-top: 30px;}
/****************************************************************
* 工程案例页 *
* 开始 *
*****************************************************************/
.case{margin:45px auto 135px; width:956px;overflow:hidden;}
.case li{margin:0;display:block;float:left;margin-right:16px; width:308px;font-size:14px}
.case li img{margin:0;width:308px;height:186px;border:1px solid #ebeaea}
.case ul{}
.case li strong{margin-bottom: 37px; font-weight: inherit; padding-left: 10px; box-sizing: border-box; height: 37px; line-height: 37px; font-size: 14px; background: #f8f9fb; font-style: normal; font-family: 微软雅黑; display:block;text-align:left;color:#666;width:100%}
.case strong a:hover{text-decoration:underline}
.case li:nth-child(3n){ margin-right: 0}
.case li .s1{float:left;color:#f40;font-weight:700}
.case li .s2{float:right;font-size:12px;color:#777}
/*分页*/
.page{width: 195px; margin:0 auto;}
.page a{width: 25px; height: 25px; display: inline-block; margin-right: 10px; text-align: center; line-height: 25px; border: 1px solid #ccc; border-radius: 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px;-ms-border-radius: 2px;-o-border-radius: 2px;}
.page a:hover,.page a.active{color: #fff;background: #fe8101}
/****************************************************************
* 新闻动态页 *
* 开始 *
*****************************************************************/
.news li{width: 100%; border-bottom: 1px solid #ccc; overflow: hidden; padding-bottom: 30px;margin-bottom: 30px;}
.news li .left{width: 135px; text-align: center; margin-right: 30px; }
.news li .left span{display:block; color: #b6b6b6; font-size: 16px;}
.news li .left span.ri{font-size: 34px;}
.news li .right{}
.news li .right h3{font-size: 18px;color: #333;}
.news li .right p{font-size: 14px; color: #666; line-height: 32px;}
/****************************************************************
* 联系我们页 *
* 开始 *
*****************************************************************/
.contact dl{margin-bottom: 130px;overflow: hidden;}
.contact dt{float: left; margin:0 70px 0 1px;}
.contact dd{float: left; margin-top:60px; }
.contact dd p.title{font-size: 26px; color: #333; margin-bottom: 20px;}
.contact dd p{font-size: 20px; color: #666; margin-bottom: 10px;}
/****************************************************************
* 工程案例详情页 *
* 开始 *
*****************************************************************/
.case_xq .title{ font-size: 20px; color: #666; margin-bottom: 20px; }
.case_xq .pic{width: 574px; height: 418px; display: none;}
.case_xq ul{width: 500px; float: left; margin-left: 18px; margin-top: 3px; overflow: hidden;}
.case_xq ul li{height: 115px; overflow: hidden; margin-right: 10px; margin-bottom: 18px; float: left;}
.case_xq ul li:hover,.case_xq ul li.active{height: 115px; overflow: hidden; padding-top: 2px;margin-bottom: 18px; background: url(../images/line_top.png) no-repeat top;}
.case_xq ul li:nth-child(3n){margin-right: 0}
.case_xq .ms{clear: both; padding: 23px 20px 47px 20px;float: left;width: 100%; margin-top: 28px; margin-bottom: 78px; background: #f3f3f3}
.case_xq .ms p.txt{font-size: 16px; color: #333; margin-bottom: 23px;}
.case_xq .ms p{font-size: 14px; color: #666}
/****************************************************************
* 新闻详情页 *
* 开始 *
*****************************************************************/
.news_xq h1{text-align: center; font-size: 26px; color: #333; line-height: 26px; margin: 28px 0 30px 0}
.news_xq p.fb{text-align: center;font-size: 14px; line-height: 14px; color: #ccc;}
.news_xq .contant{font-size: 14px; line-height: 24px; color: #666; text-indent: 2em; background: #f4f4f4; margin-top: 35px; padding: 45px 64px 115px 64px}
.news_xq .fy{border-top: 1px solid #dadada; margin-top: 25px; padding-top: 26px;}
.news_xq .fy a{font-size: 14px; color: #666}
/****************************************************************
* 案例列表 *
* 开始 *
*****************************************************************/
.caselist{ width:1100px; margin: 45px auto }
.caselist li{ width:250px; float:left; margin-right:20px; margin-bottom:20px;}
.caselist li.mr{ margin-right:0;}
.caselist li .thumb{ height:166px; overflow:hidden}
.caselist li img{ width:100%;}
.caselist li h3{height:40px; line-height:40px; background:#F8F9FB; padding:0 10px; -webkit-transition:all 400ms;-moz-transition:all 400ms ;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;}
.caselist li:hover h3{background:#1D2089;color:#fff;}
/****************************************************************
* 产品列表 *
* 开始 *
*****************************************************************/
.productlist li{ width:260px; float:left; margin-right:20px; margin-bottom:20px;}
.productlist li.mr{ margin-right:0;}
.productlist li .thumb{ height:146px; overflow:hidden}
.productlist li img{ width:100%;}
.productlist li h3{height:40px; line-height:40px; background:#F8F9FB; padding:0 10px; -webkit-transition:all 400ms;-moz-transition:all 400ms ;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;}
.productlist li:hover h3{background:#1D2089;color:#fff;}
.content img{max-width:800px}
.pages{ text-align:center}
.pages a,.pages span{ display:inline-block; padding:6px 12px; border:1px solid #ccc; margin:5px 2px;color:#666;-webkit-transition:all 400ms;-moz-transition:all 400ms ;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms;}
.pages .current,.pages a:hover{background:#1D2089;color:#fff;border-color:#1D2089}
.pagecon{/*width: 1093px;margin: 45px auto;*/}
.pagecon .page_tit{ text-align:center;font-size: 24px;line-height: 32px;}
.pagecon .page_detail{ font-size: 14px;line-height: 28px; margin-top:40px;}