@charset "utf-8";
/* CSS Document */
body,button, input, select, textarea,h1 ,h2, h3, h4, h5, h6 { font-family:Arial, Helvetica,'微软雅黑','\5B8B\4F53';}
body{font-size:12px;text-align:center;background:#fff;}
*{margin:0px;padding:0px;text-align:left;}
li{list-style-type:none;}
a{text-decoration:none;}
img{border:0px; vertical-align:middle;}
input,button,select,textarea{outline:none}
textarea{resize:none}
.pub{width:1400px;height:auto;margin:auto;}
.over{overflow:hidden;}
.left{float:left;}
.right{float:right;}
.clear{clear:both;}
/*滚动条整体样式**高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {width: 5px;}
/*滚动条里面小方块*/
::-webkit-scrollbar-thumb {background: #4c92cd;}
/*滚动条里面轨道*/
::-webkit-scrollbar-track {background: #fff;}
/*顶部*/
.top{width: 100%;}
.top_left{ float: left; margin-left: 100px; font-size: 16px; color: #fff; margin-top: 30px;}
.top_left .logo img{ width: 80%;}
.top_right{ float: right; margin-right: 100px;}
.top_right .top_tel{width: 100%; height: 36px; line-height: 36px;}
.top_right .top_tel span{ float: right; font-size: 14px; margin-right: 45px; background: url("../images/tel.png") no-repeat left; background-size: 20px; padding-left: 25px;}
.top_right .nav{width: 100%;} 
.top_right .nav_xm{float:left;width:auto;text-align:center;position:relative;}
.top_right .nav_t{padding:0 2.5rem;height:4rem;text-align:center;font-size:1.2rem;line-height:4rem;}
.top_right .nav_t a{color:#666;}
.top_right .nav_xm:hover .nav_z{display:block;}
.top_right .nav_xm:hover .nav_t a{color:#4c92cd; font-weight: bold;}
.top_right .nav_z{position:absolute;left:0px;top:4rem;width:100%;height:auto; z-index:99; display:none;background:rgba(255,255,255,1);}
.top_right .nav_z ul li{padding:0px;width:100%;height:50px;line-height:50px;text-align:center;}
.top_right .nav_z ul li a{color:#333; font-size: 1rem;}
.top_right .nav_z ul li:hover a{color:#4c92cd; font-weight: bold;}
.top_right .nav_jh .nav_t a{color:#4c92cd; font-weight: bold;}
/*焦点图*/
.banner{width:100%;height:auto;text-align:center;}
.banner img{ width: 100%;}
.banner2{width:100%;height:auto;text-align:center;}
.banner2 img{ max-height: 400px; max-width: 100%;}
/*首页*/
.service_index{margin-bottom: 50px;overflow: hidden;}
.service_index_con{ width: 100%;overflow: hidden;height: auto;}
.service_index_con li{ width: 338px;float: left;background: #f6f9ff;margin-right: 15px;}
.service_index_con li:last-child{ margin-right: 0px;}
.service_index_con li .s_i_ico{ width: 100px;float: left;height: 100px;}
.service_index_con li .s_i_ico img{ margin-top: 30px;margin-left: 25px;}
.service_index_con li .s_i_con{ width: 195px;float: left;}
.service_index_con li .s_i_con p:first-child{ margin-top: 27px;font-size: 18px; color:#333; font-weight: 600;}
.service_index_con li .s_i_con p:last-child{ margin-top: 5px;font-size: 14px;color: #666;}
.service_index_con li .s_i_pic{ width: 338px;height: 226px;overflow: hidden;}
.service_index_con li .s_i_pic img{ transition: all 1s;}
.service_index_con li:hover .s_i_pic img{ transition: all 1s; transform: scale(1.2);}

.index_about_bg{ background: url('../images/index_about_bg.png') no-repeat center 100%; height: 487px; background-color:#f8f8f8; overflow: hidden;}
.index_title{ font-size: 2rem; overflow: hidden; width: 100%; margin-top: 50px; margin-bottom: 20px; font-size: 30px; float: left; width: 250px;}
.index_title p{ font-size: 24px; color: #4c92cd; text-transform:uppercase; margin-top: 5px;}
.index_about{ overflow: hidden; color: #3e3e3e; line-height: 36px; font-size: 18px; width: 100%;}
.index_about p{ text-indent: 2rem;}
.index_about_list{ overflow: hidden; margin-top: 20px;}
.index_about_list li{ width: 25%; float: left; text-align: center; font-size: 34px;}
.index_about_list li span{ color: #222; font-size: 32px; font-weight: bold;}
.index_about_list li p{ text-align: center; font-size: 22px;  color: #333; font-weight: normal;}

.case_index{ margin-top: 40px;margin-bottom: 40px;overflow: hidden;}
.case_index_left{ width: 350px;height: 290px;background: #4c92cd;overflow: hidden;float: left;}
.case_index_left{ color: #fff;padding: 20px;}
.case_index_left p:first-child{ font-size: 26px; text-transform:uppercase;margin-top: 25px;}
.case_index_left p:nth-child(2){ font-size: 24px;margin-top: 30px;}
.case_index_left p:nth-child(3){ width: 50px;height: 2px;background: #fff;margin-top: 30px;}
.case_index_left p:last-child{ font-size: 16px;margin-top: 30px;line-height: 30px;}
.case_index_right{ width: 960;margin-left: 30px;float: left;}
.case_index_right li{ width: 300px;height: 360px;float: left;margin-right: 32px;}
.case_index_right li:last-child{ margin-right: 0px;}
.case_index_right li p:first-child{ width: 310px; overflow: hidden;}
.case_index_right li p:last-child{ height: 50px; width: 310px;background: #EEE;line-height: 50px;text-align: center;font-size: 16px; color:#333}
.case_index_right li p:first-child img{ transition: all 1s; height: 280px; width: 310px;}
.case_index_right li:hover p:first-child img{ transition: all 1s; transform: scale(1.2);}
.case_index_right li p:last-child{ transition: all 0.6s;}
.case_index_right li:hover p:last-child{ background: #4c92cd;color: #fff; transition: all 0.6s;}

.footer_bg{ background: #272727;}
.footer{ margin-top: 40px; padding-bottom: 40px; overflow: hidden;}
.footer_left_nav{ width: 1000px; text-align: left; float: left; padding-top: 60px;}
.footer_left_nav li{ float: left; margin-right: 100px;}
.footer_left_nav p:first-child{ font-size: 18px; color: #fff; line-height: 24px;}
.footer_left_nav p:nth-child(2){ margin: 1px 0; line-height: 24px;}
.footer_left_nav p{ font-size: 14px; color: #bebebe; line-height: 40px;}
.footer_left_nav p a{ color: #bebebe;}
.footer_left_nav li .ico01{ background: url("../images/footer_nav_ico01.png") no-repeat left; background-size: 18px; padding-left: 30px;}
.footer_left_nav li .ico02{ background: url("../images/footer_nav_ico02.png") no-repeat left; background-size: 18px; padding-left: 30px;}
.footer_left_nav li .ico03{ background: url("../images/footer_nav_ico03.png") no-repeat left; background-size: 18px; padding-left: 30px;}
.footer_left_nav li .ico04{ background: url("../images/footer_nav_ico04.png") no-repeat left; background-size: 18px; padding-left: 30px;}
.footer_right{ width: 400px; text-align: center; float: right; padding-top: 65px;}
.footer_right p:first-child{ font-size: 20px; color: #fff; text-align: right; background: url("../images/footer_tel.png") no-repeat 76%; background-size: 26px; padding-left: 35px; font-style: italic;}
.footer_right p:nth-child(2){ font-size: 28px; color: #eb3135; font-style: italic; text-align: right; margin-top: 10px;}
.footer_right .ewm{ float: right; overflow: hidden; margin-top: 10px;}
.footer_right .ewm li{ float: left; margin-left: 20px;}
.footer_right .ewm li img{ width: 100px; height: 100px;}
.footer_right .ewm li p{ font-size: 14px; color: #cccccc; text-align: center; font-style:normal;}
.bq_bg{ background: #222; height: 60px;}
.bq{ text-align: left;}
.bq span{ margin-right: 20px; color: #bebebe; font-size: 14px; line-height: 60px;}
.bq span a{ color: #bebebe;}
/*单页面*/
.left_nav{ float: left; width: 230px; margin-top: 40px;}
.left_nav p{ width: 230px; height: 90px; line-height: 90px; font-size: 22px; background: #0089cf; color: #fff; text-align: center; margin-bottom: 5px;}
.left_nav li{ width: 230px; height: 68px; line-height: 68px; background: #EEE; text-align: center; margin-bottom: 2px;}
.left_nav li a{ color: #333; font-size: 18px;}
.left_nav li:hover{ background: #0089cf;}
.left_nav li:hover a{ color: #fff;}
.left_nav li.about_nav_over{ background: #0089cf;}
.left_nav li.about_nav_over a{ color: #fff;}
.right_nav{width:1020px;margin-left:50px; float: left; margin-top: 40px;}
.way{width:100%;line-height:40px;background:url(../images/dian.png) repeat-x left 38px;}
.way_a{font-size:18px;color:#333;height:37px;line-height:37px;border-bottom:3px solid #0089cf;}
.way_b{font-size:14px;color:#666;}
.way_b a{color:#666;margin:0px 5px;}
.way_b a:hover{color: #0089cf;}
.zy_nr{margin-top:20px;}
.about{font-size:16px;line-height:35px;padding-top:20px; padding-bottom: 50px;}
.about p{margin:10px;}

/*业务*/
.servicelist{ width: 100%; margin-top: 50px; overflow: hidden;}
.list_left{ width: 400px; border: 5px solid #0089cf; border-radius: 5px; float: left; overflow: hidden;}
.list_left img{ width: 400px; height: 230px;}
.list_right{ float: right; margin-left: 40px; width: 570px;}
.list_right>p:first-child{ font-size: 22px;}
.list_right>p:first-child a{ color: #333;}
.list_right>p:first-child a:hover{ color: #0049a2;}
.list_right>p:nth-child(2){ width: 80px; height: 2px; background: #dd983d; margin-top: 10px; margin-bottom: 10px;}
.list_right .list_zhaiyao p{ line-height: 28px; font-size:14px;}

.caselist{ width: 100%; margin-top: 30px; overflow: hidden;}
.list_case{width: 100%; }
.list_case p:first-child{ font-size: 22px;}
.list_case p:first-child a{ color: #333;}
.list_case p:first-child a:hover{ color: #4c92cd;}
.list_case p:nth-child(2){ width: 80px; height: 2px; background: #dd983d; margin-top: 10px; margin-bottom: 10px;}
.list_case p:last-child{ font-size: 14px; line-height: 26px;}
.list_case p:nth-child(3){ font-size: 14px; line-height: 26px;}
.list_case p:nth-child(4){ font-size: 14px; line-height: 26px;}
.list_case p:nth-child(5){ font-size: 14px; line-height: 26px;}

/*资质*/
.honor{ overflow: hidden;}
.honor li{ float: left; width: 320px; margin-right: 30px; margin-bottom: 30px; text-align: center;}
.honor li:nth-child(3n){ margin-right: 0px;}
.honor li img{ max-width: 320px; height: 220px;}
.honor li p{ height: 50px; line-height: 50px; background: #EEE; color: #333; text-align: center; font-size: 18px;}
.honor li:hover p{ background: #4c92cd; color: #fff;}