@font-face {
    font-family:'Impact';
    src: url('../images/fonts/impact.eot') format('embedded-opentype'),
         url('../images/fonts/impact.ttf') format('truetype'),
         url('../images/fonts/impact.svg') format('svg'),
         url('../images/fonts/impact.woff') format('woff'), 
         url('../images/fonts/impact.woff2') format('woff2');
}
@font-face {
    font-family:'Arial';
    src: url('../images/fonts/arial.eot') format('embedded-opentype'),
         url('../images/fonts/arial.ttf') format('truetype'),
         url('../images/fonts/arial.svg') format('svg'),
         url('../images/fonts/arial.woff') format('woff'), 
         url('../images/fonts/arial.woff2') format('woff2');
}

body{font-size:14px; background:#fff; max-width:750px; font-family:"Microsoft YaHei",sans-serif;}

html{
    width: 100%;
    background-color: #eeeeee;
    color: #545454;
    
}
*{ margin:0; padding:0;}
img{ border:none; }
ul{ list-style:none;}
li{list-style:none;}
.clear{ clear:both}
.l{ float:left;}
.r{ float:right;}
.hidden{display:none}
a,a:hover{ text-decoration:none}
.erweima{ width:80%; margin:0 auto; margin-top:20px; margin-bottom:20px;}
.erweima img{ width:100%;}


/*序号*/
.espcms_page_botton{text-align: center;padding:15px 0px;}
.btn-group,
.btn-group-vertical {position: relative;display: inline-block;vertical-align: middle;}
.btn-group > .btn,
.btn-group-vertical > .btn {position: relative;float: left;}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {z-index: 2;}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {margin-left: -1px;}
.btn-toolbar {margin-left: -5px;}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {float: left;}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {margin-left: 5px;}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {border-radius: 0;}
.btn-group > .btn:first-child {margin-left: 0;}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group > .btn-group {float: left;}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-top-right-radius: 0;border-bottom-right-radius: 0;}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-bottom-left-radius: 0;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {outline: 0;}
.btn-group > .btn + .dropdown-toggle {padding-right: 8px;padding-left: 8px;}
.btn-group > .btn-lg + .dropdown-toggle {padding-right: 12px;padding-left: 12px;}
.btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;}
.btn .caret {margin-left: 0;}
.btn-lg .caret {border-width: 5px 5px 0;border-bottom-width: 0;}
.dropup .btn-lg .caret {border-width: 0 5px 5px;}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {display: block;float: none;width: 100%;max-width: 100%;}
.btn-group-vertical > .btn-group > .btn {float: none;}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {margin-top: -1px;margin-left: 0;}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {border-radius: 0;}
.btn-group-vertical > .btn:first-child:not(:last-child) {border-top-right-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.btn-group-vertical > .btn:last-child:not(:first-child) {border-top-left-radius: 0;border-top-right-radius: 0;border-bottom-left-radius: 4px;}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {border-radius: 0;}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {border-top-left-radius: 0;border-top-right-radius: 0;}
.btn-group-justified {display: table;width: 100%;table-layout: fixed;border-collapse: separate;}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {display: table-cell;float: none;width: 1%;}
.btn-group-justified > .btn-group .btn {width: 100%;}
.btn-group-justified > .btn-group .dropdown-menu {left: auto;}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {position: absolute;clip: rect(0, 0, 0, 0);pointer-events: none;}

.btn{display: inline-block;padding: 6px 12px;margin-bottom: 0;font-size: 14px;font-weight: normal;line-height: 1.42857143;text-align: center;white-space: nowrap;vertical-align: middle;-ms-touch-action: manipulation;touch-action: manipulation;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;background-image: none;border: 1px solid transparent;border-radius: 4px;}
.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {outline: thin dotted;outline: 0px auto -webkit-focus-ring-color;outline-offset: -2px;}
/*.btn.active.focus {outline: thin dotted;outline: 5px auto -webkit-focus-ring-color;outline-offset: -2px;}*/
.btn:hover,
.btn:focus,
.btn.focus {text-decoration: none;}
/*.btn.focus {color: #333;text-decoration: none;}*/
.btn:active,
.btn.active {background-image: none;outline: 0;-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {cursor: not-allowed;filter: alpha(opacity=65);-webkit-box-shadow: none;box-shadow: none;opacity: .65;}
a.btn.disabled,
fieldset[disabled] a.btn {pointer-events: none;}

.btn-default {color: #333;background-color: #fff;border-color: #ccc;outline:0px}
.btn-default:focus,.btn-default.focus {color: #333;background-color: #e6e6e6;border-color: #8c8c8c;outline:0px}
.btn-default:hover {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {color: #333;background-color: #e6e6e6;border-color: #adadad;outline:0px}
.btn-default:active:hover,.btn-default.active:hover,.open > .dropdown-toggle.btn-default:hover,.btn-default:active:focus,.btn-default.active:focus,.open > .dropdown-toggle.btn-default:focus,.btn-default:active.focus,
.btn-default.active.focus,.open > .dropdown-toggle.btn-default.focus {color: #333;background-color: #d4d4d4;border-color: #8c8c8c;}
.btn-default:active,.btn-default.active,.open > .dropdown-toggle.btn-default {background-image: none;}
.btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,
.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled.focus,.btn-default[disabled].focus,fieldset[disabled] .btn-default.focus,.btn-default.disabled:active,.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active {background-color: #fff;border-color: #ccc;}
.btn-default .badge {color: #fff;background-color: #333;}



/*标题*/
.index_bt{width:100%; margin: 20px auto;}
.index_bti{width:100%; text-align: center;}
.index_bti i{width: 40px; height: 2px; background: #999999; display: block; margin: 16px auto 10px auto;}
.index_bti h2{font-size: 30px; color: #e60012; /*font-weight: normal;*/}
.index_bti h2 span{color: #ff3241;}
.index_bti p{font-size: 36px; font-family: Arial; color: #dedede; text-transform: uppercase;}
.bg_clo{background:url("../images/about.jpg");padding: 15px 15px 25px;margin-top: 20px;}

.touch_nav{background:#0167b9;  position: relative; overflow: hidden; height: auto; line-height: 2.7rem; height: 2.7rem; font-size: .7rem; height: auto;}
.touch_nav ul{ width:24rem; height:2.7rem;}
.touch_nav li { float: left; width:12.8rem; text-align: center; border-right:1px solid #fff; height: 2.7rem;}
.touch_nav li a{ font-size:1rem; display: block; color:#fff}
.touch_nav li:last-child{ border-right:0 solid #ccc}


/*导航*/
.nav{width: 100%; margin: 0 auto; border-bottom: 1px #eeeeee solid; background: #eeeeee;}
.nav ul{display: flex; display: -webkit-flex; justify-content: space-between; -webkit-justify-content: space-between; flex-wrap: wrap; -webkit-flex-wrap: wrap;}
.nav li{width: 33%; text-align: center; margin: 10px 0;}
.nav li a{color: #383838;}
.nav li a img{width: 70%;}

.head_index{height:70px; /*padding:0 15px;*/ max-width:690px; margin: 0 auto; overflow:hidden; background: #fff; /*display: flex;*/ /*align-items: center;*/ /*justify-content: space-between;*/}
.head_index .head_index_logo{width: 54%; padding: 6px 0 0 15px; display: flex; justify-content: space-between; align-items: center;}
/*.head_index .head_index_logo h4{width: 70px; display: flex; justify-content: space-between;}
.head_index .head_index_logo h4 a{width: 30px; height: 30px; border-radius: 50%; background: #e60012; display: block; color: #fff; text-align: center; line-height: 30px;}*/
.head_index .top_right{/*float: right;*/ /*width: 40px;*/ /*height: 40px;*/ padding: 20px 15px 0 0;}
.head_index .top_right img{/*width:60%;*/ /*margin:2px 0 0 0;*/}
.head_index .gb{/*float: right;*/ /*width: 44px;*/ /*height: 44px;*/ background: url(../images/gb.png) no-repeat center center; /*background-size: 20px;*/}
.head_index .hide{display: none;}
.head_index .head_index_logo a img{width: 100%;}


/*youshi*/
.youshi{ width: 100%; height:200px; background:url(../images/youshi_bg.jpg) no-repeat center top; padding:15px 0 0 0;text-align:center; box-sizing:border-box;}
.youshi .yuan{ width:80%; margin:0 auto;text-align: center; }
.wap_fwdh{font-size: 26px;font-weight: bold;color: #FFFFFF;margin-top: 30px;}
.wap_fwdhwz{font-size: 16px;color: #fff;margin:10px auto;}
.wap_fwdhtel{font-size: 21px;font-weight: bold;margin-bottom: 6px;font-family: Impact;width: 200px;border-radius:10px;background-color: #fff;margin: 12px auto;}


/*about*/
.com_name{font-size: 22px; color: #e60012; font-weight: bold; text-align: center; margin: 25px 0 12px 0;}
.neirong p{font-size:14px; padding:5px 15px; line-height:24px; color:#000; text-align: justify;}
.neirong span{font-size: 25px!important;}
.neirong img{width: 94%;height: auto!important; margin: 0 auto; display: block;}

.hengtaio{width:100%; margin:0 auto; }
.anli{width:100%; height: 550px; margin:0 auto;background: url(../images/youshi_bg.jpg) center no-repeat;margin-top: 30px;}
.dingzhi{width: 100%;margin: 0 8px;}
.dingzhi ul{}
.dingzhi li{width: 30%;margin:3% 1%; float: left;}
.dingzhi li img{width: 108px;height: 108px; margin: 0 auto;text-align: center;display: block;}
.dingzhi li p{font-size: 16px;color: #fff;text-align: center;margin-top: 15px;}
.zidingyi_an{width: 200px;height: 40px;background: #fe5241;border-radius: 30px;margin: 0 auto;margin-top: 20px;}
.zidingyi_an a{display: block;font-size: 20px;line-height: 40px; color: #fff;text-align: center;}



/*工程案例内页*/
.join_back{width: 100px; margin: 0 auto; height: 40px; line-height: 40px; border: 1px solid #dddddd; text-align: center; margin-bottom: 20px; background: #e60012;}
.join_back a{line-height: 40px; font-size: 14px; color: #fff;}

.banben{background:#222; width:100%; height:30px; height:30px; position:fixed; top:0; z-index:999999}
.banben a{display:block; float:right; width:20%; text-align:center; color:#fff; line-height:30px; font-size:14px;}

.right_menu{position: fixed; bottom: 100%; /*top: 60px;*/ z-index: 999; width: 100%;}
.right_menu ul{width: 100%; height: 100vh; box-sizing: border-box; /*background-color: rgba(170,30,20,0.8);*/ background: url(../images/nav_bg.jpg) no-repeat center center; padding: 100px 0 0 0;}
.right_menu ul li{width: 50%; margin: 0 auto; line-height: 40px; border: 1px solid #fff; text-align: center; border-radius: 50px; margin-bottom: 20px;}
/*.right_menu ul li.onn{border-bottom: 0 solid #444;}*/
/*.right_menu ul li.onn a{color: #eee;}*/
.right_menu ul li a{ background-size: 20px !important; color: #fff; /*padding:0 0 0 20px;*/ font-size:14px;}
.hei{ height: 530px !important;}
.right_menu ul li div{ border-bottom: 1px solid #444; padding:0 0 5px 20px}
.right_menu ul li.onn div a{ padding:0; width:50%; line-height:27px; display:block; float:left; color: #eee; font-size:14px;}



.xiangmu{ height:34px; width:250px; margin:0 auto;}
.xiangmu li{ height:34px; width:70px; line-height:34px;float:left; background:#333; text-align:center; margin-top:15px; margin-left:10px;}
.xiangmu li a{ height:34px; width:70px; line-height:34px;float:left; background:#333; text-align:center; display:block; color:#FFF; font-size:12px}
.xiangmu li a:hover{ font-size:13px}

.pro_nav{ width:100%; padding:20px 0}
.pro_nav li{ width:33.3%; float:left; position:relative; margin-bottom:15px;}
.pro_nav .pic{ width:83%; margin:0 auto; position:relative; z-index:2; overflow:hidden; border-radius:50%;}
.pro_nav .pic img{ width:100%;}
.pro_nav .p_text{ width:95%; margin:5px auto; text-align:center; font-size:14px; color:#F00}

.pro_nav2{width: 100%; padding: 0 0 10px 0; margin: 0 auto;}
.pro_nav2 li{width: 49%; float: left; position: relative; margin-bottom: 8px; margin-right: 2%; box-sizing: border-box; background: #fff; overflow: hidden; border-radius: 50px;}
.pro_nav2 li a{display: block; background: #e60012; line-height: 35px; color: #fff; font-size: 15px; text-align: center;}
.pro_nav2 li:nth-child(2n){margin-right: 0;}

.factory_dd{position: relative; font-size: .7rem; margin-top: 10px;}
.factory_dd ul{ width:28rem; height: 134px!important;}
.factory_dd li { float: left; width:7rem; text-align: center;height: 8.7rem;overflow: hidden;}
.factory_dd li a{ font-size:1rem; display: block; color:#4a4a4a;margin:8px auto;}
.factory_dd li img{width: 100px!important;height: 100px!important;}



.fenlei{ background:url(../images/fenlei.jpg) no-repeat left top; background-size:100%; height:201px;}
.fenlei a{ display:block; float:left; width:14%; height:201px; padding:0; margin:0}

.main{ max-width:750px; margin: 0 auto; overflow: hidden; background:#fff;}
.div10{ height:10px; background:#f20b37}
.bai{ overflow: hidden;}
.main_title_p{border-bottom: 0 solid #eeeeee; overflow: hidden;  text-align:center;}
.main_title_p span{ line-height: 45px; height: 45px; color: #13a552; font-size: 24px; display:block; font-weight:bold; }

.main_title{margin: 3px auto; overflow: hidden; text-align:center; padding: 30px 0 10px 0;}
.main_title span{ line-height: 45px; height: 45px; color: #e60012; font-size: 24px; display:block; font-weight:bold; }
.main_title_en{ width:40%; margin:0 auto}
.main_title img{ width:100%;}

.main_title a { float: right; line-height: 35px; height: 35px; color: #333; font-size: 12px;}

.chanpin_more{ width:100%; margin:5px auto; height:35px; line-height:35px; border: 1px #e60012 solid;text-align:center; border-radius: 50px;}
.chanpin_more a{ font-size:14px; color:#fff;display: block;}




.zhuying_con{box-sizing: border-box; width: 100%; overflow: hidden; height: auto; padding:0 0 10px 0;}
.zhuying_con li{ width: 25%; float: left; height: 110px; box-sizing: border-box; border-bottom: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE;}
.zhuying_con li a {
    display: block;
    font-size: 14px;
    text-align: center;
    color: #727272;
    overflow: hidden;
    box-sizing: border-box; font-weight:normal;
}
.zhuying_con li a i {
    width: 65px;
    height: 65px;
    display: block;
    margin: 10px auto;
}
.zhuying_con li.cp1 a i {
    background: url(../images/s_pic_a.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp2 a i {
    background: url(../images/baidu_ico2.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp3 a i {
    background: url(../images/s_pic_c.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp4 a i {
    background: url(../images/s_pic_d.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp5 a i {
    background: url(../images/s_pic_f.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp6 a i {
    background: url(../images/s_pic_e.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp7 a i {
    background: url(../images/s_pic_g.png) no-repeat center center; background-size:100%;
}
.zhuying_con li.cp8 a i {
    background: url(../images/s_pic_h.png) no-repeat center center; background-size:100%;
}

.jia{ background:url(../images/xinwen_t.jpg) no-repeat center center; background-size:95%; text-align:center; margin:0 0 20px 0}
.jia strong{ display:block; font-size:17px; color:#a27f61}


.jiameng{ background:url(../images/ding_bg.jpg) no-repeat right top; padding:0 0 30px 0}
.jiameng li{ width:40%; float:left; padding:15px 5% 0 5% ;}
.jiameng li .qian_pic{ width:100%; overflow:hidden; height:100%;}
.jiameng li .qian_pic img{ width:100%;}
.jiameng li h3{ font-size:18px; text-align:center; color:#f20b37; line-height:30px; font-weight:bold}

.case .case_con{ width: 100%; overflow: hidden; height: auto;}
.case .case_con ul{ padding: 10px 1%; overflow: hidden; }
.case .case_con li{display: inline-block;
    text-align: center;
    vertical-align: middle;
    width: 50%;
    float: left;}
	
.case .case_con li a {
    display: block;
    overflow: hidden;
    padding: 6px;
    border: 1px solid #eaeaea;
    border-bottom: 3px solid #eaeaea;
    box-sizing: border-box;
    width: 94%;
    margin: 0 3%;
    background-color: #ffffff;
}


.zoujin{ padding:0 0 15px 0}
.zoujin_why{
	
	}
.zoujin_why .why_title{
	font-size: 20px;
    text-align: center;
    font-weight: bold;
    height: 33px;
    line-height: 33px;
    padding-top: 8px;
	}
.zoujin_why .why_title_con{
	font-size: 12px;
    text-align: center;
    color: #666666;
    line-height: 20px;
	}
.zoujin_list{
	box-sizing: border-box;
    width: 100%;
    padding: 8px 2%;
    overflow: hidden;
	}
.zoujin_list li{
	width: 33%;
    float: left;
    height: 24px;
    line-height: 24px;
	}
.zoujin_list li a{
	display: block;
    width: 90%;
    margin: 0 5%;
    text-align: center;
    color: #FFF;
    background-color: #399fe7;
    height: 24px;
    line-height: 24px;
    border-radius: 12px;
    font-size: 13px;
    box-sizing: border-box;
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: 10px center;
	}
.zoujin_list li a:hover{ color:#fff}	
.zoujin_list li a:visited{ color:#fff}
.zoujing_shuoming{
	width:95%; border:1px solid #ccc; border-bottom:0px solid #ccc; margin:0 auto;
	}
.zoujing_shuoming_list{ width:100%; border-bottom:1px solid #ccc}
.zoujing_shuoming_list .left{width:30%; height:70px; line-height:70px; text-align:right; padding:0 10px 0 0; }
.zoujing_shuoming_list .left span{ font-size:30px; color:#ea7d1c; font-weight:bold}
.zoujing_shuoming_list .left i{ font-size:14px; color:#ea7d1c; font-style:normal; font-weight:bold}
.zoujing_shuoming_list .right{ padding:10px 0 0 0; width:65%; color:#666; border-left:1px solid #ccc; }
.zoujing_shuoming_list .zoujin_shuomingtitle{ font-size:14px; font-weight:bold}

.news{ overflow: hidden;}
.news .newslist{width:95%; margin:0 auto;}
.news .newslist dt{line-height:30px; border-bottom:1px solid #eee; padding:10px 0}
.news .newslist dt img{max-width: 100%;}
.news .newslist dt a{line-height:40px; background:url(../images/news_icon.png) no-repeat left center; color:#333; font-size:16px; padding:0 0 0 20px; font-weight:normal;}
.news .newslist p{line-height:24px; font-size:14px; color:#777; padding:0 0 0 20px;}


.news .newslist li{ line-height:25px; border-bottom:1px solid #eee; margin:0 0 15px 0; padding:0 0 5px 0}
.news .newslist li a{ line-height:25px; background:url(../images/news_icon.png) no-repeat left ; color:#666; font-size:14px; padding:0 0 0 20px; font-weight:normal; display:block}

.zhaotong_footer{ max-width:750px; margin:0 auto;}

.espcms_page_bannpic{ max-width:750px; margin:0 auto;}

/*--- extension_page  ---*/
#extension_page{ width:100%; height:164px; position:relative; margin-top:0px;}
#extension_page h2{ padding-top:26px; height:36px; line-height:36px; font-size:18px; text-align:center; color:#4091c2; font-weight:bold;}
.extension_title_content{ height:36px; line-height:36px; font-size:14px; text-align:center; color:#787878;}
.extension_nav{ margin-top:6px; height:34px;}
.extension_nav ul{ width:60%; margin:0 auto;}
.extension_nav li{ float:left; width:48%; margin-right:1%; height:34px; background:#4091c2; height:34px; font-size:16px; color:#fff; text-align:center; color:#fff; line-height:34px; }
.extension_nav li a{ width:144px; height:34px; font-size:18px; color:#fff; text-decoration:none; line-height:34px; text-align:center; display:block;}
.extension_nav li a:hover{ font-weight:bold;}



.extension_258sw_title_warp{ width:100%;  background:#ededed; padding:28px 0;}
.extension_258sw_con{position:relative; overflow:hidden; }
.extension_258sw_title{ width:95%; margin:0 auto;}
.extension_258sw_title h2{ margin-left:12px;  line-height:36px; font-size:18px; text-align:center; color:#4091c2; }
.extension_258sw_title h6{ margin-left:12px; height:30px; line-height:30px; font-size:18px; text-align:left; color:#2994cb;}
.extension_258sw_title .extension_258sw_text{ margin:24px 0 0 0; height:96px; font-size:14px; line-height:30px; color:#646464; text-align:justify;}
.extension_258sw_pic{ text-align:center}
.extension_258sw_pic img{width:80%; margin:0 auto}

.extension_syb_title_warp{ width:100%; background:#ededed; padding:0 0 50px 0}
.extension_syb_con{overflow:hidden; width:95%; margin:0 auto}
.extension_syb_title{  position:relative; }
.extension_syb_title_content{}
.extension_syb_title h2{  padding-top:18px; line-height:30px; font-size:18px; text-align:center; color:#4091c2; font-weight:bold; padding:15px 0 15px 0}
.extension_syb_title .extension_syb_text{ font-size:13px; line-height:24px; color:#646464; text-align:left; padding:25px 0 0 0 }
.extension_syb_title div{ text-align:center}
.extension_syb_title div img{width:80%; margin:0 auto}

.core_competence{background:#fff;}
.core_competence_titile{ line-height:30px; font-size:18px; color:#fff; text-align:center; background:#4091c2; position:relative; font-weight:bold;}
.core_competence_ul{ overflow:hidden; padding:0 0 25px 0}
.core_competence_ul ul{ width:90%; margin:0 auto; position:relative;}
.core_competence_ul li{ padding:0 0 0 100px;}
.core_competence_ul .ll1{ background:url(../images/core_competence_ul_bg.png) no-repeat left center; }
.core_competence_ul .ll2{ background:url(../images/core_competence_ul_bg2.png) no-repeat left center; }
.core_competence_ul .ll3{ background:url(../images/core_competence_ul_bg3.png) no-repeat left center; }
.core_competence_ul .ll4{ background:url(../images/core_competence_ul_bg4.png) no-repeat left center; }
.core_competence_ul .ll5{ background:url(../images/core_competence_ul_bg5.png) no-repeat left center; }
.core_competence_ul li h5{ padding-top:5px; font-size:15px; font-weight:bold; line-height:36px; text-align:left; color:#ef8d0e;}
.core_competence_ul li p{ font-size:13px; line-height:22px; text-align:left; color:#666;}


/*--- optimum_page  ---*/

.optimum_banner{ width:100%; height:540px; position:relative; background:url(../images/optimum_banner.jpg) no-repeat center top;}

#optimum_page{ margin:0 auto; width:100%; height:134px; background:#fff; position:relative; margin-top:0px;}
#optimum_page h2{ padding-top:26px; height:48px; line-height:48px; font-size:24px; text-align:center; color:#2a8ec7; font-weight:bold;}
.optimum_title_content{ margin:0 auto; height:32px; line-height:32px; font-size:18px; text-align:center; color:#0d85d1;}


.optimum{ width:100%; background:#fff;}
.optimum_con{width:95%; margin:0 auto; position: relative; overflow:hidden}
.optimum_con_pic{ text-align:center; margin:20px 0 0  0}
.optimum_con_pic img{ width:60%; margin:0 auto}
.optimum_title{ padding:0 0 20px 0;}
.optimum_text{ font-size:12px; line-height:22px; color:#646464; }
.optimum .more{ margin-left:18px; width:146px; height:38px; border:#4091c2 1px solid;}
.optimum_title .more a{width:146px; height:38px; line-height:38px; font-size:18px; color:#4091c2; text-align:center; text-decoration:none; font-weight:bold; display:block;}

.optimum_core_competence{ width:100%; }
.optimum_core_competence_title{ width:100%; height:96px; background:url(../images/optimum_core_competence_bg.gif) repeat-x left -20px; position:relative;}
.optimum_core_competence_title_h{ margin:0 auto;  width:100%; background:#4091c2; text-align:center; padding:15px 0 0 0 }
.optimum_core_competence_title_h img{ width:50%; margin:0 auto}
.optimum_core_competence_title_h h1{font-size:16px; font-weight:bold; height:33px; text-align:center;color:#fff;}
.optimum_core_competence_ul{ margin:0 auto; margin-top:14px; width:95%; }
.optimum_core_competence ul{ padding:0 0 20px 0}
.optimum_core_competence_ul ul.optimum_qita{ width:65%; margin:0 auto}
.optimum_core_competence ul.optimum_qita li{ float:left; width:50%; background:#fff;  text-align:center}
.optimum_a,.optimum_b,.optimum_c,.optimum_d,.optimum_e{}
.optimum_core_competence li{ float:left; width:33%; background:#fff;  text-align:center}
.optimum_core_competence li img{ width:70%;}
.optimum_core_competence li h4{ height:34px; font-size:14px; font-weight:bold; line-height:34px; color:#444; text-align:center;}
.optimum_core_competence li p{ padding:0 20px; line-height:20px; color:#777; font-size:12px; text-align:justify;}



/*---  contact_us_page  ---*/
.contact_us_fcompany{width:95%; margin:0 auto; padding:0 0 40px 0; font-size:16px;}
.contact_us_fcompany li{padding: 15px 0}
.contact_us_fcompany li h4{font-size:18px; font-weight:bold; line-height:34px; color:#666; background-size: 11px auto; padding: 3px 6% 3px 6%;}
.contact_us_fcompany li h6{font-size:14px; font-weight:bold; line-height:34px; color:#ef6917; padding: 0 3% 0 6%;}
.contact_us_fcompany p{font-size:14px; line-height:30px; color:#777; padding:0 3% 0 6%;}
.contact_us_fcompany p strong{font-size: 20px; color: #e60012;}


/*se_case_index page*/

.se_case ul{ width:100%; margin:0 auto; padding:20px 0 0 0; overflow: hidden;}
.se_case li{ width:50%; float:left;position:relative;overflow:hidden; margin-bottom:10px; }

.se_case_pic{ width:97%; height: auto; margin:0 auto; text-align:center; background:#656565;border: 1px #ddd solid;}
.se_case li a{ width:100%; color:#333}
.se_case a{ width:100%;}
.se_case_pic img{max-width: 100%;}
.se_case_name{ width:100%; margin:0 auto; font-size:13px; color:#555; line-height:30px; overflow:hidden; }
.se_case_name a{ color:#555; width:90%;line-height:30px; text-align:center; display:block; }
.se_case_hangye{ width:90%; margin:0 auto; padding:0 0 0 0; font-size:12px; color:#666; line-height:30px; height:30px; overflow:hidden; }
.se_case_click{ float:right; color:#666; }
.se_case li { cursor: pointer}
.se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(255,0,0,0.4);z-index:900; text-align:center}
.se_case li div.cover_top img{ padding:95px 0 0 0}
.se_case li div.cover_bottom{position:absolute;bottom:-90px;left:0;width:280px;height:86px;background-color: green;filter: Alpha(opacity=50);background: rgba(255,66,41,1);z-index:900}
.se_case .se_case_text{position: relative;z-index:3; width:97%; margin:0 auto;  }

.shangxiaye{overflow: hidden;padding: 15px 0px;}
.shangxiaye li{ line-height:25px; color:#666}
.shangxiaye li a{ color:#666}

.se_content{width: 90%; margin:0 auto;}
.se_content_t{ padding:0 0 20px 0; border-bottom: 1px solid #e3e3e3; margin-bottom:30px;}
.se_content_t .se_title_intro{text-align:left;}
.se_content_t .se_anli_jieshao{ line-height:27px; font-size:14px; color:#555}

.se_title{ line-height:30px; font-size:20px; color:#121212;  text-align:center; border-bottom:1px solid #e3e3e3; padding:0px 0 10px 0; margin:0 0 20px 0}
.se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal;}
.se_con{font-size:13px; line-height:28px; padding:0 0 30px 0; color:#555;}
.se_con img{ max-width:100%;height: auto;}
.se_con iframe{width: 100%;}


.right_nav{ position:fixed;right:10px;top:50%;}
.right_nav li{ width:13px; height:13px; border-radius:8px;background:#666;margin:8px 0}
.right_nav li.crnt{background:red}

/*se_news*/
.se_news{ width:95%; margin:0 auto; padding:20px 0}
.se_news ul{}
.se_news li{ border-bottom:1px dashed #ccc; background: url(../images/newslist.png) no-repeat 97% center; background-size: 7px; padding:5px 0}
.se_news li a{ font-size:14px; line-height:28px;  color:#555; background: url(../images/news_icon.png) no-repeat left center; padding: 0 0 0 20px; width:90%;}
.se_news li a.ui-link{height:28px; overflow:hidden;}
.se_news_con_other{ font-size:13px; color:#888; line-height:28px; width:95%; margin:0 auto; padding:0 0 0 20px;}
.se_news_con_other img{width:auto; margin:6px 15px 0 0}

/*se_hangye*/
.se_hangye{ width:1100px; margin:0 auto; padding:30px 0 0 0;}
.se_hangye ul{padding:0 0 0 20px;position:relative}
.se_hangye li{ margin-bottom:20px; margin-right:20px; padding:20px; border:1px dashed #ccc;width:477px; float:left; position:relative;top:20px;left:20px; cursor: pointer;}
.se_hangye li:nth-child(2n){}
.se_hangye li.hover{border:1px solid yellow;}
.se_hangye_con{  }
.se_hangye_con_t{   line-height:40px; }
.se_hangye_con_t a{ font-size:16px; line-height:40px; font-weight:bold; color:#555;}
.se_hangye_con_other{ font-size:12px; color:#666; line-height:20px; padding:0 0 10px 0}
.se_hangye_con_t_intro{ font-size:12px; color:#666; line-height:24px;}


.erji_nav {
    box-sizing: border-box;
    width: 100%;
    overflow: hidden;
    padding: 15px 2%;
	
}
.erji_nav li {
    float: left;
    width: 33.3%;
    margin: 5px 0;
}
.erji_nav li a {
    line-height: 30px;
    border: 1px solid #cccccc;
    font-size: 14px;
    color: #515151;
    display: block;
    width: 94%;
    box-sizing: border-box;
    margin: 0 3%;
	text-align:center
}

.erji_lanmu_title{line-height: 35px; border-bottom: 1px solid #eeeeee; border-top: 1px solid #e8e8e8; width: 96%; padding: 0 2%; overflow: hidden; font-size:16px;}


.fenlei2{}
.fenlei2 h2{ background:#008591; line-height:60px; font-size:16px; color:#fff; font-weight:normal; padding:0 0 0 10px; text-transform:uppercase; font-weight:bold}
.fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; }
.fenlei2 li{ line-height:35px; width:280px; margin:0 auto;  border:0 solid #ccc; margin-bottom:10px; background:#ef0c12}
.fenlei2 li a{ font-size:16px; padding:0 0 0 15px; color:#fff}
.fenlei2 li.treeone {
    background:#fff;
    padding-left: 0; border:1px solid #ccc; 
}
.fenlei2 li.treeone a { font-size:14px; color:#333}

.se_title_intro ul {padding: 20px 0;}
.se_title_intro li.canshu {
    width: 200px;
    float: left;
    padding: 0 20px 0 0;
    line-height: 28px;
    color: #7a7a7a;
    font-size: 14px;
}
.se_title_intro li.canshu span {
    font-size: 14px;
    font-weight: bold;
    color: #333;
}
.se_anli_jieshao{ line-height:30px;}


.liucheng{ width:90%; margin:0 auto;}
.liucheng li{ margin-top:20px; border-bottom:1px solid #dddddd; position:relative;}
.liucheng li .liucheng_t{ background:url(../images/zhichi.jpg) no-repeat center bottom; padding:10px 0 0 0; text-align:center; line-height:33px; font-weight:bold; font-size:16px; color:#222;}
.liucheng li .liucheng_t_en{ color:#3a3a3a; font-size:14px; line-height:25px; text-transform:uppercase; text-align:center; }
.liucheng li p{ padding:10px 0 20px 0; line-height:28px; font-size:14px; color:#3a3a3a}



/*内页结构*/

.main_r {width: 100%;}
.espcms_page_left{float: left;width:230px;overflow: hidden;  }
.espcms_page_right{width: 100%;margin: 0 auto;}
.espcms_book{overflow: hidden; font-size:15px; margin:0 auto; padding: 15px 10px; background:#fff; }
.espcms_book p{margin-bottom: 10px; line-height: 24px;}
.espcms_book p img{max-width: 100%;}
.espcms_pro_pic{width:100%; height: auto; margin: 0 auto; }
.espcms_pro_pic p{text-align: center; font-size: 18px; margin-top: 15px;}


.xiangce{ width:100%; margin:0 auto;}
/*#left_btn{ height:40px; width:20px; background:url(../images/lla.jpg) center no-repeat;}
#right_btn{ height:40px; width:20px; background:url(../images/llb.jpg) center no-repeat;}*/

.espcms_pro_photo{border:#eeeeee 1px solid;}
.espcms_pro_photo li{ float:left; height:86px; width:114px; margin-right:10px;margin-bottom: 30px;}
.espcms_pro_photo li img{width:114px;height:86px}
.espcms_pro_photo li a{ padding-left:20px;}
.miaoshu{line-height:40px; padding:0 0 0 0; color:#fff; font-size:16px; background:#eee;}
.miaoshu span{width:100px; background: #e60012; display:block; text-align:center; text-indent: 0;}



/*lanmu*/
.pic_nav{width:99%; margin:0 auto}
.pic_nav li {float: left;width: 33%;text-align: center;margin: 10px 0;}
.pic_nav li img {width: 80%;}




.zong .pic img{width:100px;height: 100px;border-radius:50%;}
.bd ul li img{max-width: 100%;}
.bd ul li p{height: 55px;font-size: 12px;line-height: 26px;}

.erweina{width: 100%; /*margin: 0 auto;*/ /*text-align: center;*/ overflow: hidden; display: flex; justify-content: center; flex-wrap: wrap;}
.erweina p{width: 314px; /*text-align: center;*/ margin: 20px auto 0 auto; font-size: 14px; line-height: 24px;}
.erweina img {/* width: 220px;*/ /*margin: 10px auto;*/}



/*手机底部*/
.phone_footer{height: 100px;}
.phone_footer ul{width: 100%;height: 80px;/*background: #e60012;*/left: 0; right: 0; position: fixed; z-index: 99999; bottom: 0; display: flex; justify-content: space-around; align-items: center; margin: 0 auto; background: #e60012; border-radius: 15px 15px 0 0;}
.phone_footer li{width: 20%; /* float: left; */ padding: 10px 0; text-align: center; color: #fff; /*background: #e60012;*/ /*border-radius: 12px;*/}
.phone_footer li a{color: #fff;font-size: 16px;display: block;}
.phone_footer li a img{width: 30px;height: 30px;margin-bottom: 5px;}