@charset "utf-8";

b,blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,hr,html,img,input,label,li,ol,p,pre,select,span,strong,table,td,textarea,th,ul{margin:0;padding:0}

abbr,acronym,fieldset,img{border:0}

address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}

q:after,q:before{content:''}

i{font-style:normal;}

h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}

caption,td,th{text-align:left;font-weight:400;}

a,button,img{border:none;text-decoration:none;}

a,button{text-decoration:none;}

button:focus,input:focus{outline:0;}

textarea{font-family:"Microsoft YaHei";}

img{border:none;outline:0; vertical-align:unset;}

a{color:#333;text-decoration:none;outline:0; cursor: pointer;}

ol,ul{list-style:none;}

table{word-break:break-all;word-wrap:break-word;}

body{font-family:'Microsoft YaHei',Arial,Lucida Grande,Lucida Sans Unicode,Verdana,sans-serif;font-size:14px; background: #F5F5F5; font-weight:400;color:#333;width:100%;min-width:1200px;}

select::-ms-expand{display:none;}

::-webkit-input-placeholder{color:#C8C8C8;}

::-moz-placeholder{color:#C8C8C8;}

:-ms-input-placeholder{color:#C8C8C8;}

.clear{clear:both;}

.w1400{width:1400px;margin:0 auto;}

.w1200{width:1200px;margin:0 auto;}

.w100{width:100%;}

.left{float:left;}

.right{float:right;}

.f14{font-size:14px;}

.f16{font-size:16px;}

.f18{font-size:18px;}

.mr{ margin-right: 60px;}

.mb{ margin-bottom: 30px;}

.boxs{box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

input{ border: none;}

.trion{transition:all .3s;-moz-transition:all .3s; /* Firefox 4 */-webkit-transition:all .3s; /* Safari and Chrome */-o-transition:all .3s; /* Opera */}

a:hover{ text-decoration: none;}

/* -------------------------------------------  公共  -----------------------------------------------------*/



/* ---- 面包屑导航 ---- */

.con_nav{ height: 50px; border-bottom: 1px solid rgba(221, 221, 221, 0.4); background: #fff;}

.con_nav a{ line-height: 50px; color: #A8ABAF; display: inline-block;}

.con_nav a img{ margin-right: 10px; position: relative; top: 2px;}

.con_nav span{ display: inline-block; width: 1px; height: 14px; background: #DDDDDD; margin: 0px 20px; position: relative; top: 2px;}

.con_nav a:hover{color: #3B5CD6;}



/* ---- 分页 ---- */

.page{ text-align: center; height: 57px; padding: 25px 0px;}

.page a{ display: inline-block; height: 57px; width: 57px; background: #fff; border: 1px solid #fff; font-size: 17px; color: #666; line-height: 57px; margin: 0px 13px;}

.page a:hover{background-color: #001450; color: white;}

.page .cur{ background: #3B5CD6; border-color: #3B5CD6; color: #fff;}

.page .cur:hover{ background: #3B5CD6; border-color: #3B5CD6; color: #fff;}

.page span{ display: inline-block; font-size: 14px; color: #999; margin: 0px 5px;}



/* ---- 在线客服 ---- */



.fixed-bar {

    position: fixed;

    left: 30px;

    width: 68px;

    top: 35%;

    margin-top: -70px;

    z-index: 10;

}



.fixed-bar .ele {

    display: block;

    width: 76px;

    height: 63px;

    padding-top: 13px;

    border-radius: 4px;

    transition: .36s ease;

    margin-top: 2px;

}



.fixed-bar .ele {

    background: rgba(34, 34, 34, 0.5);

    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#7f222222, endColorstr=#7f222222);

    zoom: 1;

    cursor: pointer;

}



:root .fixed-bar .ele {

    filter: none \9;

}



.fixed-bar .ele:hover {

    background-color: #3B5CD6;

}

.fixed-bar .bj:hover {

    background-color: #E03B3B;

}

.fixed-bar .fa:hover {

    background-color: #E03B3B;

}

.fixed-bar .icon {

    height: 26px;

    width: 100%;

}



.fixed-bar .msg .icon {

  background: url(../images/kf.png)  no-repeat center;

}

.fixed-bar .tel .icon {

  background: url(../images/zx.png)  no-repeat center;

}

.fixed-bar .fa .icon {

  background: url(../images/fa.png)  no-repeat center;

}

.fixed-bar .bj .icon {

  background: url(../images/bj.png)  no-repeat center;

}



.fixed-bar .wwx .icon {

  background: url(../images/wx.png)  no-repeat center;

}



.fixed-bar .qr img {

    display: block;

    margin: 40px auto;

}

.fixed-bar .top .icon {

  background: url(../images/fh.png)  no-repeat center;

}



.fixed-bar  span {

    display: block;

    width: 100%;

    margin-top: 6px;

    font-size: 14px;

    color: #fff;

    text-align: center;

}



.fixed-bar  h3 {

    display: block;

    width: 100%;

    margin-top: 6px;

    font-size: 14px;

    color: #fff;

	text-align: center;

	line-height: 20px;

}



.fixed-bar .tel {

    position: relative;

    line-height: 20px;

}



.fixed-bar .tel .fixed-tel {

    display: none;

    width: 213px;

    height: 139px;

    position: absolute;

    background: url(../images/fixed-tel-bg.png) no-repeat center;

    left: -195px;

    top: -32px;

    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/

    text-align: center;

}



.fixed-bar .fixed-tel span {

    display: block;

	margin-top: 45px;

	margin-bottom: 5px;

    color: #999;

    font-size: 14px;

}



.fixed-bar .fixed-tel p {

    color: #f7494b;

    font-size: 16px;

    font-weight: bold;

}

.fixed-bar .tel:hover{

    background-color: #f7494b;

}

.fixed-bar .tel:hover .fixed-tel{

    display: block;

}







.fixed-bar .wwx .fixed-wwx {

    display: none;

    width: 213px;

    height: 139px;

    position: absolute;

    left: -180px;

    top: 48px;

    /*box-shadow: 0 0 30px 0 rgba(85, 85, 85, 0.3);*/

    text-align: center;

}



.fixed-bar .fixed-wwx span {

    display: block;

    margin-top: 50px;

    color: #999;

    font-size: 14px;

}



.fixed-bar .fixed-wwx p {

    color: #f7494b;

    font-size: 18px;

    font-weight: bold;

}

.fixed-bar .wwx:hover{

    background-color: #f7494b;

}

.fixed-bar .wwx:hover .fixed-wwx{

    display: block;

}



/* -------------------------------------------  首页  -----------------------------------------------------*/

/* ---- banner ---- */

.banner{ height: 650px; overflow: hidden;}

.banner .swiper-container {width: 100%;height: 100%;}

.banner .swiper-slide {

	text-align: center;

	font-size: 18px;

	background: #fff;

	/* Center slide text vertically */

	display: -webkit-box;

	display: -ms-flexbox;

	display: -webkit-flex;

	display: flex;

	-webkit-box-pack: center;

	-ms-flex-pack: center;

	-webkit-justify-content: center;

	justify-content: center;

	-webkit-box-align: center;

	-ms-flex-align: center;

	-webkit-align-items: center;

	align-items: center;

}

.banner .swiper-pagination-bullet{ width: 12px; height: 12px;}

.banner .swiper-pagination-bullet-active{ background: #3B5CD6;}



/* ---- 防腐剂产品 ---- */

.index_pro{ height: auto;}

.index_pro_top{ height: 184px; text-align: center;}

.index_pro_top h2{ font-size: 32px; font-weight: bold; padding-top: 43px;}

.index_pro_top img{ margin: 0px 33px; position: relative; top: 5px;}

.index_pro_top p{ color: #666666; font-size: 16px; margin-top: 20px;}

.index_pro_con{ height: 760px; background: #fff; padding: 30px;}

.index_pro_con ul li{ float: left; width: 320px; height: 347px; border: 10px solid #E0E8F9; margin-bottom: 13px; background: url(../images/index_pro_bj.jpg) center no-repeat; margin-right: 18px; text-align: center;}

.index_pro_con ul li img{ padding-top: 20px; width:102px; height:auto;}

.index_pro_con ul li p{ color: #666666; font-size: 24px; padding-top: 35px; font-weight:bold;}

.index_pro_con ul li span{ color:#8D9FE4; font-size: 14px; padding-top: 12px; display:block;}

.index_pro_con ul li:hover p{ color: #3B5CD6;}

.index_pro_con ul li:hover{ box-shadow:2px 2px 12px rgba(0,0,0,0.34);}

.index_pro_con ul li:nth-child(4n){ margin-right: 0px;}

.index_pro_con ul a{ display: block; width: 100%; height: 100%;}

.index_pro_hf{ height: 178px; background: #fff; margin-top: 15px; padding-top: 21px;}

.index_pro_hf_c{ width: 1341px; height: 134px; background: url(../images/index_hf.jpg) center no-repeat; margin: 0 auto;}

.index_pro_hf_cl{ margin-left: 25px; width: 620px; height: 100%;}

.index_pro_hf_cl h2{ font-size: 24px; font-weight: bold; padding-top: 35px; padding-bottom: 13px;}

.index_pro_hf_cl p{ color: #666; font-size: 16px;}

.index_pro_hf_a{ display: inline-block; width: 177px; height: 46px; line-height: 46px; text-align: center; margin-right: 35px; border-radius: 23px; margin-top: 45px;}

.index_pro_hf_a1{ background: #E03B3B; color: #fff;}

.index_pro_hf_a2{ background: #fff; color: #666;}

.index_pro_hf_a1:hover{ background: #a82727;}

.index_pro_hf_a2:hover{ background: #3b5cd6; color: #fff;}

.index_pro_hf_p{ font-size: 25px; font-weight: bold; color: #fff; line-height: 134px;}

.index_pro_hf_p img{ margin-right: 12px; position: relative; top: 5px;}



/* ---- 防腐剂应用案例 ---- */

.index_anli{ height: 1058px; background: url(../images/anli_bj.jpg) center no-repeat; overflow: hidden; margin-top: 60px;}

.index_anli_top{ height: 235px; text-align: center; color: #fff;}

.index_anli_top h2{ font-size: 32px; font-weight: bold; padding-top: 78px;}

.index_anli_top img{ margin: 0px 33px; position: relative; top: 5px;}

.index_anli_top p{ font-size: 16px; margin-top: 18px;}

.index_anli_c{ height: 720px; background: #fff;}

.index_anli_cl{ width: 320px; height: 100%; background: #EFF4FE;}

.index_anli_cr{ width: 1080px; height: 100%; overflow: hidden;}

.index_anli_cl ul li{ height: 90px; line-height: 90px; padding-left: 88px;}

.index_anli_cl ul li a{ display: block; width: 100%; height: 100%; cursor: pointer;}

.index_anli_cl ul li:hover p{ color: #fff;}

.index_anli_cl ul li img{ float: left;}

.index_anli_cl ul .cur p{ color: #fff;}

.index_anli_cl ul li:nth-child(1){ background:url(../images/al_icon_1.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(1):hover{ background:url(../images/al_icon_01.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(2){ background:url(../images/al_icon_2.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(2):hover{ background:url(../images/al_icon_02.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(3){ background:url(../images/al_icon_10.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(3):hover{ background:url(../images/al_icon_010.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(4){ background:url(../images/al_icon_5.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(4):hover{ background:url(../images/al_icon_05.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(5){ background:url(../images/al_icon_4.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(5):hover{ background:url(../images/al_icon_04.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(6){ background:url(../images/al_icon_12.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(6):hover{ background:url(../images/al_icon_012.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(7){ background:url(../images/al_icon_7.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(7):hover{ background:url(../images/al_icon_07.png) #3B5CD6 48px center no-repeat;}

.index_anli_cl ul li:nth-child(8){ background:url(../images/al_icon_3.png) 48px center no-repeat;}

.index_anli_cl ul li:nth-child(8):hover{ background:url(../images/al_icon_03.png) #3B5CD6 48px center no-repeat;}

.index_anli .index_anli_cl ul .cur{background:url(../images/al_icon_01.png) #3B5CD6 48px center no-repeat;}

.index_anli_tab{ height: 100%; padding: 40px 57px 40px 43px; display: none;}

.index_anli_tab h2{ font-size: 24px; font-weight: bold; padding-top: 15px;}

.index_anli_tab p{ color: #666666; line-height: 25px; margin-top: 22px; height: 75px; overflow: hidden;}

.index_anli_tab_a{ margin-top: 35px; height: 50px; margin-bottom: 50px;}

.index_anli_tab_a a{ display: inline-block; float: left;  width: 190px; height: 50px; margin-right: 45px; text-align: center; border-radius: 25px; line-height: 50px;}

.index_anli_tab_a1{ background: #E03B3B; color: #fff;}

.index_anli_tab_a1:hover{ background: #a82727;}

.index_anli_tab_a a img{ position: relative; top: 5px; margin-right: 6px;}

.index_anli_tab_a2{border: 1px solid #E8E8E8; color: #666666;}

.index_anli_tab_a2:hover{ background: #E8E8E8;}

.index_anli_tab_a p{ font-size: 26px; font-weight: bold; color: #333; line-height: 50px;}

.index_anli_tab_a p img{ margin-right: 10px; position: relative; top: 3px;}

.index_anli_tab ul{ width: 100%; border-top: 1px dashed #C8C8C8; padding-top: 50px;}

.index_anli_tab ul li{ width: 310px; height: 307px; background: #EFF4FE; float: left; margin-left: 25px;}

.index_anli_tab ul li img{ width: 100%; height: 201px;}

.index_anli_tab ul li h3{ padding-left: 18px; padding-top: 10px; font-size: 18px; margin-bottom: 5px;}

.index_anli_tab ul li h4{ font-size: 12px; color: #666666; line-height: 25px;}

.index_anli_tab ul li span{ width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-left: 23px; margin-right: 7px; display: inline-block;}

.index_anli_tab ul li:hover a{ color: #3B5CD6;}

.index_anli_tab ul li:first-child{ margin-left: 0px;}

.selected{ display: block;}



/* ---- 产品服务支持 ---- */

.index_fw_top{ height: 225px; text-align: center; }

.index_fw_top h2{ font-size: 32px; font-weight: bold; padding-top: 70px;}

.index_fw_top img{ margin: 0px 33px; position: relative; top: 5px;}

.index_fw_top p{ color: #666666; font-size: 16px; margin-top: 18px;}

.index_fw_con{ height: 340px; margin-bottom: 70px;}

.index_fw_con ul li{ width: 440px; height: 340px; background: #fff; float: left; text-align: center; margin-left: 40px;}

.index_fw_con ul li h2{ height: 130px; line-height: 130px; text-align: center; font-size: 34px; font-weight: bold; color: #fff; margin-bottom: 35px;}

.index_fw_con_01{ background: url(../images/fw_01.jpg) center no-repeat;}

.index_fw_con_02{ background: url(../images/fw_02.jpg) center no-repeat;}

.index_fw_con_03{ background: url(../images/fw_03.jpg) center no-repeat;}

.index_fw_con ul li p{ width: 370px; margin: 0 auto; font-size: 16px; line-height: 28px;}

.index_fw_con ul li a{ height: 44px; line-height: 44px; width: 200px; border: 1px solid #E8E8E8; border-radius: 22px; display: block; margin: 0 auto; margin-top: 28px;}

.index_fw_con ul li:first-child{ margin-left: 0px;}

.index_fw_con ul li:hover a{ background: #E03B3B; color: #fff;}



/* ---- 公司介绍 ---- */

.index_about{ height: 615px; background: url(../images/about_bj.jpg) no-repeat center;}

.index_about_con{ width: 660px; height: 100%;}

.index_about_con h2{ font-size: 32px; font-weight: bold; margin-top: 115px; margin-bottom: 5px; color: #fff;}

.index_about_con p{ color: #fff; margin-top: 20px; line-height: 25px;}

.index_about_con a{ display: inline-block; width: 172px; margin-top: 45px; margin-bottom: 50px; height: 48px; background: #3B5CD6; border-radius: 24px; line-height: 48px; text-align: center; color: #fff;}

.index_about_con a:hover{ background: #2447c8;}

.index_about_con ul li{ width: 199px; height: 99px; border-radius: 6px; float: left; background: #EFF4FE; text-align: center; margin-left: 20px;}

.index_about_con ul li h3{ font-size: 34px; font-weight: bold; color: #3B5CD6; padding-top: 15px; padding-bottom: 2px;}

.index_about_con ul li span{ font-size: 12px; color: #666;}

.index_about_con ul li:first-child{ margin-left: 0px;}

.about_index{ height: 667px; background: url(../images/about_index_bj.jpg) center no-repeat;}
.about_index_r{ width: 699px;}
.about_index_r img{ padding-top: 99px;}
.about_index_dw{ height: 470px; margin-top: 50px;  margin-bottom: 60px;}
.about_index_dw_l{ width: 684px; height: 470px;  background: #fff;}
.about_index_dw_l img{ height: 272px; width: 100%;}
.about_index_dw_l h2{ width: 620px; margin: 0 auto; font-size: 20px; font-weight: bold; padding-top: 30px; padding-bottom: 15px;}
.about_index_dw_l p{  width: 620px; margin: 0 auto; line-height: 25px; font-size: 14px;}


/* ---- 请留下你的信息 ---- */

.index_input{ height: 269px; background: url(../images/inpuut_bj.jpg) no-repeat center;}

.index_input_top{ text-align: center; color: #fff;}

.index_input_top h2{ display: block; font-size: 36px; font-weight: bold; padding-top: 45px;}

.index_input_top p{ display: inline-block; margin: 0px 30px; margin-top: 30px;}

.index_input_top p span{ display: inline-block; width: 10px; height: 10px; background: #fff; border-radius: 50%; margin-right: 8px;}

.index_input_con{ margin-top: 40px;}

.index_input_con form{ width: 1075px;}

.index_input_con form p{ float: left; color: #fff; line-height: 50px; }

.index_input_con form .index_input_text{ width: 240px; height: 50px; background: #fff; padding-left: 20px; margin-right: 40px; font-size: 16px;}

.index_input_con form .index_input_but{ width: 205px; height: 50px; cursor: pointer; background: #E64B4B; color: #fff; text-align: center; line-height: 50px; border-radius: 6px;}

.index_input_p{ height: 50px; line-height: 50px; font-size: 30px; color: #fff; font-weight: bold;}

.index_input_p img{ margin-right: 10px; position: relative; top: 7px;}

.index_input_con form .index_input_but:hover{ background: #a82727;}

.index_input_con .layui-form-label{ color: #fff; line-height: 50px;  padding: 0px; width: 92px; text-align: left;}

.index_input_con .layui-form-item .layui-input-inline{ width: 240px; margin-right: 0px;}

.index_input_con .layui-form-item .layui-inline{ margin-right: 60px;}



/* ---- 新闻中心 ---- */

.index_news{ padding-top: 45px; padding-bottom: 50px; height: auto;}

.index_news_top{ height: 80px; line-height: 80px;}

.index_news_top p{ float: left; font-size: 24px; font-weight: bold; letter-spacing: 1px;}

.index_news_top a{ display: inline-block; font-size: 16px;}

.index_news_top a img{ padding-left: 12px; position: relative; top: 4px;}

.index_news_con{ height: 190px; background: #fff; padding: 24px 26px;}

.index_news_con ul li{ width: 646px; height: 142px; float: left;}

.index_news_con ul li:first-child{ margin-right: 28px;}

.index_news_con ul li img{ width: 219px; height: 100%; float: left; margin-right: 23px;}

.index_news_con ul li h2{ font-size: 18px; padding-bottom: 15px;}

.index_news_con ul li p{ font-size: 13px; color: #999999; height: 85px; line-height: 20px;}

.index_news_con ul li span{ color: #999;}

.index_news_con ul li:hover a{ color: #3B5CD6;}

.index_news_dw{ height: auto; margin-top: 10px;}

.index_news_dw_cl{ width: 690px;}

.index_news_dw_cl_c{ height: 190px; background: #fff; padding: 6px 20px;}

.index_news_top a:hover{ color: #3B5CD6;}

.index_news_dw_cl_c a{ display: block; height: 58px; width: 100%; border-top: 1px dashed #C8C8C8; line-height: 58px; color: #999;}

.index_news_dw_cl_c a:first-child{ border: none;}

.index_news_dw_cl_c a p{ float: left;}

.index_news_dw_cl_c a span{ float: right;}

.index_news_dw_cl_c a i{ display: inline-block; width: 8px; height: 8px; border: 1px solid #707070; border-radius: 50%; margin-right: 8px;}

.index_news_dw_cl_c a:hover{ color: #3B5CD6;}

.index_news_dw_cl_c a:hover i{border: 1px solid #3B5CD6;}



/* ---- 友情链接 ---- */

.index_yqlj{ height: auto; background: #fff;}

.index_yqlj_con{ height: auto; line-height: 70px;}

.index_yqlj_con p{ font-size: 16px; font-weight: bold; color: #666666; display: inline-block;}

.index_yqlj_con a{ display: inline-block; font-size: 16px; margin-left: 28px; color: #666666;}

.index_yqlj_con a:hover{ color: #3B5CD6;}



/* -------------------------------------------  产品详情页  -----------------------------------------------------*/

/* ---- 产品简介 ---- */

.con_pro_top{ height: 520px; background: #fff; padding-top: 40px; padding-bottom: 80px;}

.con_pro_top_l{ width: 400px; height: 520px; overflow: hidden;}

.con_pro_top_l .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto; overflow: unset;}

.con_pro_top_l .swiper-slide {background-size: cover;background-position: center;}

.con_pro_top_l .gallery-top {height: 400px;width: 100%;}

.con_pro_top_l .gallery-top img{ height:100%;width: 100%;}

.con_pro_top_l .gallery-thumbs { width: 85%; height: 77.5px;margin-top: 20px;}

.con_pro_top_l .gallery-thumbs .swiper-slide {height: 100%;background: #EFF4FE;text-align: center; overflow: hidden;}

.con_pro_top_l .gallery-thumbs .swiper-slide img{ width: 100%; height: 77.5px;}

.con_pro_top_l  .gallery-thumbs .swiper-slide-thumb-active {border: 2px solid #C8C8C8;}

.con_pro_top_l .gallery-top .swiper-slide{ border: 6px solid #E7EBF3; }
.con_pro_top_l  .swiper-button-next, .con_pro_top_l .swiper-button-prev{ top: 117%;}

.con_pro_top_l .swiper-button-next, .con_pro_top_l  .swiper-button-prev{ width: 14px; height: 24px;}

.con_pro_top_l .swiper-button-next.swiper-button-white{ background: url(../images/pro_right.png) center no-repeat; right: 0px;}

.con_pro_top_l .swiper-button-prev.swiper-button-white{ background: url(../images/pro_left.png) center no-repeat; left: 0px;}

.con_pro_top_r{ width: 740px; height: 520px; overflow: hidden;}

.con_pro_top_r h2{ height: 66px; border-bottom: 1px dashed rgba(112, 112, 112, 0.18); font-size: 40px; font-weight: bold; margin-bottom: 24px;}

.con_pro_top_r p{ color: #8C8D8E; line-height: 28px; height: 84px; overflow: hidden;}

.con_pro_top_rcon{ height: 130px; background: #EFF4FE; margin-top: 20px; padding: 20px 24px; overflow: hidden;  margin-bottom:80px;}

.con_pro_top_rcon h3{ font-size: 16px; font-weight: bold; margin-bottom: 10px; padding-top: 5px;}

.con_pro_top_rcon h4{ color: #8C8D8E; line-height: 26px;}

.con_pro_top_r a{ width: auto; padding:0px 38px; height: 50px; line-height: 50px; border-radius: 0px; display: inline-block; margin-right: 34px;}

.con_pro_top_r h5{ width: auto; padding:0px 30px; height: 50px; line-height: 50px; border-radius: 0px; color: black; display: inline-block; border: 1px solid #D4DDEF;font-weight:bold;font-size:21px;}

.con_pro_top_r_a1{ background: #E87B2B; color: #fff;}

.con_pro_top_r_a2{ border: 1px solid #D4DDEF; color: #666666;}

.con_pro_top_r_a1:hover{ background: #a82727;}

.con_pro_top_r_a2:hover{ background: #E03B3B; border: 1px solid #E03B3B; color: #fff;}



/* ---- 相关案例 ---- */

.con_anli_top{ height: 85px; line-height: 85px;}

.con_anli_top p{ font-size: 25px; color:#102974;}

.con_anli_top p span{ width: 5px; height: 25px; background: #F2910A; display: inline-block; position: relative; top: 3px; margin-right: 16px;}

.con_anli_top a img{ position: relative; top: 4px; margin-left: 10px;}

.con_anli_top a:hover{ color: #3B5CD6;}

.con_anli_ul{ height: 380px; overflow: hidden; margin-bottom: 50px;}

.con_anli_ul li{ height: 380px; width: 382px; background: #fff; float: left; margin-left: 27px;}

.con_anli_ul li img{ width: 100%; height: 241px;}

.con_anli_ul li h2{ padding-left: 22px; padding-top: 10px; font-size: 18px; margin-bottom: 18px;}

.con_anli_ul li p{ color: #666666; line-height: 30px;}

.con_anli_ul li span{ width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-left: 23px; margin-right: 7px; display: inline-block;}

.con_anli_ul li:hover a{ color: #F2910A;}

.con_anli_ul li:first-child{ margin-left: 0px;}



/* ---- 产品服务支持 ---- */

.con_fw{ height: 366px; margin-bottom:40px;}

.con_fw ul li{ width: 376px; height: 366px; background: #fff; float: left; text-align: center; margin-left: 36px;}

.con_fw ul li h2{ height: 130px; line-height: 130px; text-align: center; font-size: 34px; font-weight: bold; color: #fff; margin-bottom: 35px;}

.con_fw_01{ background: url(../images/fw_01.jpg) center no-repeat;}

.con_fw_02{ background: url(../images/fw_02.jpg) center no-repeat;}

.con_fw_03{ background: url(../images/fw_03.jpg) center no-repeat;}

.con_fw ul li p{ width: 308px; margin: 0 auto; font-size: 16px; line-height: 28px;}

.con_fw ul li a{ height: 52px; line-height: 52px; width: 200px; border: 1px solid #E8E8E8; border-radius: 26px; display: block; margin: 0 auto; margin-top: 23px;}

.con_fw ul li:first-child{ margin-left: 0px;}

.con_fw ul li:hover a{ background: #E03B3B; color: #fff;}



/* ---- 行业热点 ---- */

.con_news{ width: 590px;}



/* ---- 产品详情 ---- */

.con_pro_nav{ height: 80px; background: #E7EBF3; position: relative; z-index: 9;}

.con_pro_nav ul li{ width: 132px; height: 80px; line-height: 80px; color: #666666; font-size: 16px; float: left; text-align: center; }

.con_pro_nav ul li a{ border-top: 4px solid #E7EBF3; color: #666666; display: inline-block; width: 100%; height: 80px;}

.con_pro_nav ul li:hover a{ border-top: 4px solid #E87B2B; background: #fff; color: #3B5CD6;}

.con_pro_nav ul .cur{ border-top: 4px solid #E87B2B; background: #fff; color: #3B5CD6;}

.con_pro{ height: auto; margin-top: 20px;  margin-bottom: 25px; position: relative;}

.con_pro_l{ width: 898px; height: auto; overflow: hidden; background: #fff;
    box-sizing: border-box;
    padding: 30px; text-align: center;} 
.con_pro_l img{ text-align:center;}

.con_pro_l_top{ width: 898px; height: auto; border: 6px solid #E7EBF3; background: #fff; padding: 0px 30px; position: relative; z-index: 5;} 

.con_pro_l_top1{position: relative; z-index: 4;}

.con_pro_l_top2{position: relative; z-index: 3;}

.con_pro_l_top3{position: relative; z-index: 2;}

.con_pro_r{ width: 280px; position: relative;  }

.con_pro_l_c{ height: auto; padding: 26px 0px; border-bottom: 1px dashed #E8E8E8;}

.con_pro_l_c h2{ font-weight: bold; font-size: 28px; height: 38px; line-height: 38px;}

.con_pro_l_c h2 span{ height: 30px; width: 4px; background: #3B5CD6; border-radius: 10px; display: inline-block; position: relative; top: 5px; margin-right: 20px;}

.con_pro_l_c h2 i{ display: inline-block; position: relative; left: -116px; top: 8px; width: 116px; height: 10px; background: rgba(0, 97, 147, 0.09);}

.con_pro_l_c p{ color: #535455; line-height: 26px; margin: 0 auto; margin-top: 20px; width: 95%; }

.con_pro_l_dw{ border: none;}

.con_pro_l_con{ width: 898px; height: auto; border: 6px solid #E7EBF3; background: #fff; padding: 0px 30px; border-top: none;} 

.con_pro_r_top{ height: 345px; background: #fff; text-align: center; padding-top: 5px; position:absolute; width:280px;}

.con_pro_r_top_img{ background: rgba(232, 232, 232, 0.29); width: 242px; height: 242px; margin: 0 auto; margin-bottom: 5px;}

.con_pro_r_top_img img{ width: 242px; height: 242px;}

.con_pro_r_top span{ width: 100%; height: 1px; border-bottom: 1px dashed #E8E8E8; display: block; margin-top: 10px;}

.con_pro_r_top a{ width: 220px; height: 40px; display: block; line-height: 48px; background: #E87B2B; border-radius: 0px; color: #fff; text-align: center; margin: 10px auto;}

.con_pro_r_top a:hover{ background: #a82727;}

.con_pro_r_top h6{ border: 1px solid #EFF4FE; width: 240px; height: 48px; display: block; line-height: 48px; border-radius: 24px; text-align: center; font-weight: bold; margin: 0 auto;}

.con_pro_r_top h6 img{ position: relative; top: 3px; margin-right: 10px;}

.con_pro_r_h2{ height: 60px; margin-top: 15px; line-height: 60px; font-size: 18px; font-weight: bold;}

.con_pro_r_h2 span{ width: 6px; height: 33px; background: #3B5CD6; display: inline-block; position: relative; top: 10px; margin-right: 15px;}

.con_pro_r ul li{ width: 100%; height: 385px; margin-bottom: 10px; background: #fff; text-align: center; padding-top: 18px;}

.con_pro_r_li_img{ background: rgba(232, 232, 232, 0.29); width: 242px; height: 242px; margin: 0 auto; margin-bottom: 14px; overflow: hidden;}

.con_pro_r_li_img img{ width: 242px; height: 242px;}

.con_pro_r ul li span{ width: 100%; height: 1px; border-bottom: 1px dashed #E8E8E8; display: block; margin-top: 18px;}

.con_pro_r_li_a1, .con_pro_r_li_a2{ width: 113px; height: 34px; border-radius: 17px; text-align: center; line-height: 34px; display: inline-block; margin: 15px 8px;}

.con_pro_r_li_a1{ color: #fff; background: #E62129;}

.con_pro_r_li_a2{ color: #666666; border: 1px solid #E8E8E8;}

.con_pro_r_li_a1:hover{background: #a82727;}

.con_pro_r_li_a2:hover{background: #E8E8E8;}

.con_pro_r ul li:hover p a{ color: #3B5CD6;}

.con_pro_r ul li:hover .con_pro_r_li_img img{ transform: scale(1.1);}

.fixed{ position: fixed; top: 0; z-index: 10000;}

.full{ position: fixed; top: 100px; left: 920px;}

.item{ border-top: 80px solid #F5F5F5; margin-top: -80px;}

    

/* ---- 立即免费预约 ---- */

.con_pro_mf{ height: 546px;}

.con_pro_mf_l{ width: 827px; height: 546px; background: url(../images/con_zx.jpg) no-repeat center; overflow: hidden;}

.con_pro_mf_l_top{ height: 102px; line-height: 102px; font-size: 28px; color: #fff; letter-spacing: 1px;}

.con_pro_mf_l_top span{ display: inline-block; width: 7px; height: 39px; background: #fff; margin-left: 43px; margin-right: 14px; position: relative; top: 9px;}

.con_pro_mf_l_c{ height: auto; padding: 45px;}

.con_pro_mf_l_c .layui-form-label{ padding: 0px; width: 80px; color: #fff; line-height: 40px; height: 40px; text-align: left;}

.con_pro_mf_l_c .layui-input-block{ margin-left: 80px; }

.con_pro_mf_l_c .layui-input{ width: 370px; height: 40px; line-height: 40px;}

.con_pro_mf_l_c .layui-form-item{ margin-bottom: 25px;}

.con_pro_mf_l_c .layui-textarea{ width: 576px; height: 100px; line-height: 25px; resize: none;}

.con_pro_mf_l_c .layui-btn{ width: 170px; height: 44px; background: #F3920A; border-radius: 0px;}

#code_input{ height: 40px; width: 110px; padding: 0px 10px;}

.con_pro_mf_r{ width: 358px; height: 546px; background: #EFF4FE; border: 10px solid #fff;}

.con_pro_mf_r_top{ height: 255px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 45px;}

.con_pro_mf_r_top h2{ font-size: 28px; padding-top: 45px; padding-bottom: 25px;color: #102974;}

.con_pro_mf_r_top p{ font-size: 16px; color: #666666; margin-bottom: 30px;}

.con_pro_mf_r_top a{ width: 248px; height: 50px; background: #F3920A; line-height: 50px; border-radius: 0px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.con_pro_mf_r_top a:hover{ background: #a82727;}

.con_pro_mf_r h3{ text-align: center; font-size: 16px; color: #666666; line-height: 30px;}

.con_pro_mf_r_dw{ width: 303px; height: 82px; border-radius: 50px; background: #fff; margin: 0 auto; margin-top: 35px;}

.con_pro_mf_r_dw img{ padding-left: 10px; padding-top: 8px; margin-right: 15px; float: left;}

.con_pro_mf_r_dw p{ font-size: 16px; font-weight: bold; float: left; display: block; margin: 12px 0px 10px 0px;}

.con_pro_mf_r_dw span{ color: #F3920A; font-size: 24px; font-weight: bold; float: left; display: block;}



/* -------------------------------------------  产品列表页  -----------------------------------------------------*/

/* ---- 产品banner ---- */

.con_pro_banner{ height: 550px; background: url(../images/con_pro_list_banner.jpg) no-repeat center; padding-top: 36px;}

.con_pro_bcon{ height: 480px; background: #fff; padding: 50px 38px; overflow: hidden;}

.con_pro_bcon_l{ width: 575px; height: auto;}

.con_pro_bcon_l h2{ font-size: 30px; font-weight: bold;}

.con_pro_bcon_l h3{ color: #666666; line-height: 28px; height: 56px; margin: 23px 0px;}

.con_pro_bcon_l i{ width: 100%; height: 1px; display: block; border-bottom: 1px dashed #D4D4D4;}

.con_pro_bcon_l h4{ font-size: 20px; margin-top: 23px; margin-bottom: 20px;}

.con_pro_bcon_l ul li{ width: 180px; height: 74px; background: #EFF4FE; border-radius: 5px; margin-left: 17px; float: left;}

.con_pro_bcon_l ul li:first-child{ margin-left: 0px;}

.con_pro_bcon_l ul li img{ float: left; margin-left: 12px; margin-top: 20px; margin-right: 14px;}

.con_pro_bcon_l ul li span{ color: #666666; font-size: 12px;}

.con_pro_bcon_l ul li p{ padding-top: 16px; padding-bottom: 3px; }

.con_pro_bcon_l a, .con_pro_bcon_l h5{ text-align: center; height: 46px; border-radius: 0px; line-height: 46px; display: inline-block; float: left; font-size: 16px; margin-top: 46px; margin-right: 30px;}

.con_pro_bcon_l a{ width: 178px; background: #E87B2B; color: #fff;}

.con_pro_bcon_l a:hover{background: #a82727;}

.con_pro_bcon_l h5{ width: 240px; border: 1px solid #D4DDEF; color: #666666;}

.con_pro_bcon_img{ width: 500px; height: 366px; padding-top: 5px;}



/* ---- 列表 ---- */

.con_pro_list{ height: auto; margin-top: 50px;}

.con_pro_list_l{ width: 300px; height: auto;}

.con_pro_list_r{ width: 870px; height: auto;}

.con_pro_list_l_top{ height: 80px; background-color:#0F266C; font-size: 30px; font-weight: bold; line-height: 80px; color: #fff; padding-left: 34px;}

.con_pro_list_l ul{ margin-top: 5px;}

.con_pro_list_l ul li{ height: 70px; line-height: 70px; margin-bottom: 1px;}

.con_pro_list_l ul li a{ display: block; width: 100%; height: 70px;}

.con_pro_list_l ul li p{ font-size: 16px; padding-left: 84px; float: left;}

.con_pro_list_l ul li span{ float: right; background: url(../images/con_pro_list_jt1.png) center no-repeat; display: inline-block; width: 10px; height: 70px; margin-right: 25px;}

.con_pro_list_l ul li:hover a{ color: #fff;}

.con_pro_list_l ul li:hover span{ background: url(../images/con_pro_list_jt.png) center no-repeat;}

.con_pro_list_l_li_1{ background: url(../images/al_icon_1.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_1:hover{ background: url(../images/al_icon_01.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_2{ background: url(../images/al_icon_2.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_2:hover{ background: url(../images/al_icon_02.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_3{ background: url(../images/al_icon_4.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_3:hover{ background: url(../images/al_icon_04.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_4{ background: url(../images/al_icon_5.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_4:hover{ background: url(../images/al_icon_05.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_5{ background: url(../images/al_icon_10.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_5:hover{ background: url(../images/al_icon_010.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_6{ background: url(../images/al_icon_12.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_6:hover{ background: url(../images/al_icon_012.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_7{ background: url(../images/al_icon_6.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_7:hover{ background: url(../images/al_icon_06.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_8{ background: url(../images/al_icon_3.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_8:hover{ background: url(../images/al_icon_03.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_9{ background: url(../images/al_icon_9.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_9:hover{ background: url(../images/al_icon_09.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_10{ background: url(../images/al_icon_8.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_10:hover{ background: url(../images/al_icon_08.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_11{ background: url(../images/al_icon_7.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_11:hover{ background: url(../images/al_icon_07.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_li_12{ background: url(../images/al_icon_110.png) #fff 35px center no-repeat;}

.con_pro_list_l_li_12:hover{ background: url(../images/al_icon_1010.png) #0F266C 35px center no-repeat;}

.con_pro_list_l_dw{ height: 217px; background: #fff; margin-top: 7px; padding: 20px 25px;}

.con_pro_list_l_phone{ height: 67px; border-radius: 100px; background: #F8F8F8;}

.con_pro_list_l_phone img{ float: left; width: 48px; height: 48px; margin-left: 13px; margin-top: 8px; margin-right: 10px;}

.con_pro_list_l_phone p{ color: #999999; padding-top: 10px;}

.con_pro_list_l_phone span{ font-size: 20px; font-weight: bold; color: #0F266C;}

.con_pro_list_l_phone_p{ color: #999999; text-align: center; height: 68px; line-height: 68px;}

.con_pro_list_l_phone_p span{ display: inline-block; width: 52px; height: 1px; background: #EEEEEE; position: relative; top:35px}

.con_pro_list_l_dw a{ width: 100%; height: 40px; background: #0F266C; line-height: 40px; text-align: center; color: #fff;  display: block;}

.con_pro_list_l_dw a img{ margin-right: 8px; position: relative; top: 4px;}

.con_pro_list_l_dw a:hover{ background: #123BD4;}

.con_pro_list_r ul li{ width: 282px; height: 400px; float: left; background: #fff; margin-right: 12px; margin-bottom: 8px; padding-top: 15px;}

.con_pro_list_img{ width: 252px; height: 174px; background: #EFF4FE; margin: 0 auto; overflow: hidden; text-align: center;}

.con_pro_list_r ul li:hover img{ transform: scale(1.1);}

.con_pro_list_img img{ width: 252px; height: 174px;}

.con_pro_list_img a{ width: 100%; height: 100%; display: block;}

.con_pro_list_r ul li p{ width: 100%; font-size: 18px; border-bottom: 1px dashed #E8E8E8; height: 50px; line-height: 43px; text-align: center;}

.con_pro_list_r ul li:hover a p{ color: #3B5CD6;}

.con_pro_list_li_a1, .con_pro_list_li_a2{ width: 114px; margin-top: 25px; height: 35px; line-height: 35px; text-align: center; display: inline-block;}

.con_pro_list_li_a1{ background: #E62129; color: #fff; margin-left: 15px;}

.con_pro_list_li_a2{ border:1px solid #E8E8E8; color: #666; float: right; margin-right: 15px;}

.con_pro_list_li_a1:hover{background: #a82727; color: #fff;}

.con_pro_list_r ul li:nth-child(3n){ margin-right: 0px;}



/* -------------------------------------------  产品中心页  -----------------------------------------------------*/

/* ---- banner ---- */

.pro_list_banner{ height: 340px; background: url(../images/pro_list_banner.jpg) center no-repeat; color: #fff;}

.pro_list_banner h2{ font-size: 40px; font-weight: bold; padding-left: 35px; padding-top: 80px; margin-bottom: 25px;}

.pro_list_banner p{ font-size: 24px; padding-left: 35px; margin-bottom: 30px;}

.pro_list_banner a{ width: 180px; height: 50px; font-size: 18px; line-height: 50px; text-align: center; background: #E03B3B; margin-left: 35px; display: inline-block; color: #fff;}

.pro_list_banner a:hover{background: #a82727;}



/* ---- 产品中心 ---- */

.pro_list{ height: auto; margin-top: 50px;}

.pro_list_top{ height: 401px; margin-bottom: 20px; overflow: hidden;}

.pro_list_top img{ width: 600px; height: 401px;}

.pro_list_top_r{ width: 600px; height: 401px; background: #fff; padding: 0px 45px; background: url(../images/pro_list_bj.jpg) center no-repeat;}

.pro_list_top_r h2{ font-size: 26px; font-weight: bold; padding-top: 28px; padding-bottom: 15px;}

.pro_list_top_r p{ color: #999999; line-height: 22px; height: 66px; overflow: hidden;}

.pro_list_top_r i{ display: block; width: 100%; height: 1px; border-bottom: 1px dashed rgba(112, 112, 112, 0.3); margin: 20px 0px;}

.pro_list_top_r h3{ font-size: 16px;}

.pro_list_top_r ul{ width: 505px; height: 63px; background: #EFF4FE; line-height: 63px; border-radius: 4px; margin-top: 18px;}

.pro_list_top_r ul li{ float: left; font-size: 16px; width: 140px;}

.pro_list_top_r ul li span{ margin-left: 20px; margin-right: 8px; display: inline-block; width: 9px; height: 9px; border-radius: 50%; background: #3B5CD6; position: relative;}

.pro_list_top_r ul li h4{ display: inline-block; color: #333; line-height: 63px; }

.pro_list_top_r_a1, .pro_list_top_r_a2, .pro_list_top_r_a3{ height: 40px; border-radius: 20px; margin-top: 35px; line-height: 40px; padding: 0px 26px; display: inline-block;}

.pro_list_top_r_a2, .pro_list_top_r_a3{ margin-left: 25px; border: 1px solid #D4DDEF;}

.pro_list_top_r_a1{ background: #E03B3B; color: #fff;}

.pro_list_top_r_a3{ color: #666;}

.pro_list_top_r_a1:hover{background: #a82727; color: #fff;}

.pro_list_con{ margin-bottom: 20px; height: 463px;}

.pro_list_con ul li{ width: 386px; height: 463px; margin-left: 20px; background: #fff; float: left;}

.pro_list_con ul li:first-child{ margin-left: 0px;}

.pro_list_con ul li img{ height: 259px; width: 100%;}

.pro_list_con ul li h2{ height: 66px; width: 336px; margin: 0 auto; border-bottom: 1px dashed rgba(112, 112, 112, 0.07); font-size: 26px; font-weight: bold; line-height: 66px;}

.pro_list_con ul li p span{ margin-left: 25px; margin-right: 8px; display: inline-block; width: 6px; height: 6px; border-radius: 50%; top: -3px; background: #3B5CD6; position: relative;}

.pro_list_con ul li p{ display: inline-block; color: #333; height: 52px; line-height: 52px; display: inline-block; width: 112px; font-size: 16px; }

.pro_list_con_a1, .pro_list_con_a2{ width: 157px; height: 40px; border-radius: 25px; text-align: center; line-height: 40px;}

.pro_list_con_a1{ background: #E03B3B; color: #fff; margin-left: 25px;}

.pro_list_con_a2{ border: 1px solid #D4DDEF; margin-right: 25px;}

.pro_list_con_a1:hover{background: #a82727; color: #fff;}

.pro_list_con ul li:hover h2 a{ color: #3B5CD6;}



/* ---- 产品中心横幅 ---- */

.pro_con_hf{ height: 134px; margin-top: 15px; background: url(../images/pro_list_hf.jpg) center no-repeat; margin-bottom: 25px;}



/* -------------------------------------------  案例列表页  -----------------------------------------------------*/

/* ---- banner ---- */

.case_list_banner{ height: 340px;  text-align: center; color: #fff;}

.case_list_banner_c{ background: url(../images/case_banner.jpg) center no-repeat;}

.case_list_banner h2{ font-size: 40px; font-weight: bold; padding-top: 110px; margin-bottom: 30px;}

.case_list_banner p{ font-size: 20px;}



/* ---- 列表 ---- */

.case_list_nav{ margin-top: 16px;}

.case_list_nav ul li{ margin-top: 20px; width: 276px; height: 75px; line-height: 75px; float: left; margin-right: 32px; font-size: 18px;}

.case_list_nav ul li:nth-child(4n){ margin-right: 0px;}

.case_list_nav ul li a{ color: #666; padding-left: 86px; width: 100%; height: 75px; display: block;}

.case_list_nav ul li:hover a{ color: #fff;}

.case_list_nav_01{ background: url(../images/case_1.jpg) center no-repeat;}

.case_list_nav_01:hover{ background: url(../images/case_01.jpg) center no-repeat;}

.case_list_nav_02{ background: url(../images/case_2.jpg) center no-repeat;}

.case_list_nav_02:hover{ background: url(../images/case_02.jpg) center no-repeat;}

.case_list_nav_03{ background: url(../images/case_3.jpg) center no-repeat;}

.case_list_nav_03:hover{ background: url(../images/case_03.jpg) center no-repeat;}

.case_list_nav_04{ background: url(../images/case_4.jpg) center no-repeat;}

.case_list_nav_04:hover{ background: url(../images/case_04.jpg) center no-repeat;}

.case_list_nav_05{ background: url(../images/case_5.jpg) center no-repeat;}

.case_list_nav_05:hover{ background: url(../images/case_05.jpg) center no-repeat;}

.case_list_nav_06{ background: url(../images/case_6.jpg) center no-repeat;}

.case_list_nav_06:hover{ background: url(../images/case_06.jpg) center no-repeat;}

.case_list_nav_07{ background: url(../images/case_7.jpg) center no-repeat;}

.case_list_nav_07:hover{ background: url(../images/case_07.jpg) center no-repeat;}

.case_list_nav_08{ background: url(../images/case_8.jpg) center no-repeat;}

.case_list_nav_08:hover{ background: url(../images/case_08.jpg) center no-repeat;}

.case_list_con{ height: auto; margin-top: 42px;}

.case_list_con li{ height: 380px; width: 382px; background: #fff; float: left; margin-right: 27px; margin-bottom: 35px;}

.case_list_con li img{ width: 100%; height: 241px;}

.case_list_con li h2{ padding-left: 22px; padding-top: 10px; font-size: 18px; margin-bottom: 18px;}

.case_list_con li p{ color: #666666; line-height: 30px;}

.case_list_con li span{ width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-left: 23px; margin-right: 7px; display: inline-block;}

.case_list_con li:hover a{ color: #3B5CD6;}

.case_list_con li:nth-child(3n){ margin-right: 0px;}



/* ---- 最新供应产品 ---- */

.case_pro{ height: 400px; margin-bottom: 38px;}

.case_pro ul li{ width: 282px; height: 400px; float: left; background: #fff; margin-left: 24px; margin-bottom: 8px; padding-top: 15px;}

.con_pro_list_img{ width: 252px; height: 252px; background: #EFF4FE; margin: 0 auto; overflow: hidden; text-align: center;}

.case_pro ul li:hover img{ transform: scale(1.1);}

.con_pro_list_img img{  width: 252px; height: 252px;}

.con_pro_list_img a{ width: 100%; height: 100%; display: block;}

.case_pro ul li p{ width: 100%; font-size: 18px; border-bottom: 1px dashed #E8E8E8; height: 50px; line-height: 43px; text-align: center;}

.case_pro ul li:hover a p{ color: #3B5CD6;}

.con_pro_list_li_a1, .con_pro_list_li_a2{ width: 114px; margin-top: 25px; height: 35px; line-height: 35px;text-align: center; display: inline-block;}

.con_pro_list_li_a1{ background: #E87B2B; color: #fff; margin-left: 15px;}

.con_pro_list_li_a2{ border:1px solid #E8E8E8; color: #666; float: right; margin-right: 15px;}

.con_pro_list_li_a1:hover{background: #a82727; color: #fff;}

.case_pro ul li:first-child{ margin-left: 0px;}



/* ---- 立即免费定制除臭方案 ---- */

.case_dz{ margin-top: 5px; height: 443px; margin-bottom: 20px;}

.case_dz_l{ width: 827px; background: rgba(255, 255, 255, 0.91); height: 443px; padding: 40px 45px 0px 45px;}

.case_dz_l .layui-form-label{ padding: 0px; width: 80px; color: #333; line-height: 40px; height: 40px; text-align: left;}

.case_dz_l .layui-input-block{ margin-left: 80px; }

.case_dz_l .layui-input{ width: 370px; height: 40px; line-height: 40px;}

.case_dz_l .layui-form-item{ margin-bottom: 25px;}

.case_dz_l .layui-textarea{ width: 576px; height: 100px; line-height: 25px; resize: none;}

.case_dz_l .layui-btn{ width: 170px; height: 44px; background: #E03B3B; border-radius: 4px;}

.case_dz_r{ width: 358px; height: 443px; background: #EFF4FE; border: 10px solid #fff;}

.case_dz #code_input{ border: 1px solid #e6e6e6; border-left: none;}



/* -------------------------------------------  案例详情页  -----------------------------------------------------*/

/* ---- 案例简介 ---- */

.case_show_top{ height: 580px; background: #fff; padding-top: 60px;}

.case_show_top_l{ width: 624px; height: 430px; border: 6px solid #D4DDEF;}

.case_show_top_l img{ width: 100%; height: 100%;}

.case_show_top_r{ width: 546px; height: auto;}

.case_show_top_r h2{ font-size: 40px; font-weight: bold;}

.case_show_top_r ul{ height: 90px; width: 100%; background: #EFF4FE; margin-top: 30px; padding: 15px 20px;}

.case_show_top_r ul li{ line-height: 30px; float: left; width: 50%; color: #8C8D8E;}

.case_show_top_r h3{ font-size: 22px; font-weight: bold; margin-top: 45px; margin-bottom: 40px;}

.case_show_from{ height: auto;}

.case_show_from .layui-form-label{ width: 70px; padding: 0px; line-height: 44px; height: 44px; text-align: left;}

.case_show_from .layui-input{ height: 44px; line-height: 44px; border-color: #D4DDEF;}

.case_show_from .layui-form-item .layui-input-inline{ width: 176px;}

.case_show_from .layui-input-block{ margin-left: 70px; }

.case_show_from .layui-btn{ width: 180px; height: 50px; background: #E03B3B; line-height: 50px;}

.case_show_from .layui-form-item{ margin-bottom: 36px;}

.case_show_from .layui-input-block p{ display: inline-block; line-height: 50px; font-size: 24px; color: #666666;}

.case_show_from .layui-input-block p img{ margin-left: 50px; margin-right: 13px; position: relative; top: 5px;}



/* ---- 案例详情 ---- */

.case_show_con{ border: 6px solid #E7EBF3; background: #fff; padding: 40px 30px; margin-top: 50px; margin-bottom: 25px;}

.case_show_c{ height: auto; padding: 10px 0px 70px 0px; border-bottom: 1px dashed #E8E8E8; margin-bottom: 40px;}

.case_show_c h2{ font-weight: bold; font-size: 28px; height: 38px; line-height: 38px;}

.case_show_c h2 span{ height: 30px; width: 4px; background: #3B5CD6; border-radius: 10px; display: inline-block; position: relative; top: 5px; margin-right: 20px;}

.case_show_c h2 i{ display: inline-block; position: relative; left: -116px; top: 8px; width: 116px; height: 10px; background: rgba(0, 97, 147, 0.09);}

.case_show_c p{ color: #535455; line-height: 26px; margin: 0 auto; margin-top: 35px; width: 96%; }

.case_show_c ul li{ width: 350px; height: 112px; background: #EFF4FE; float: left; margin-top: 35px; padding: 9px 11px; margin-left: 10px;}

.case_show_c_img{ width: 93px; height: 93px; background: #F8F8F8; margin-right: 18px; text-align: center;}

.case_show_c_img img{ width: 85px; height: 85px; padding-top: 7px;}

.case_show_c ul li h3{ font-size: 15px; padding-top: 15px; padding-bottom: 18px;}

.case_show_c ul li:hover h3 a{ color: #3B5CD6;}

.case_show_c_a1, .case_show_c_a2{ width: 86px; height: 25px; display: inline-block; text-align: center; line-height: 25px; border-radius: 23px; font-size: 10px;}

.case_show_c_a1{ background: #E62129; color: #fff; margin-right: 5px;}

.case_show_c_a2{ border:1px solid #E8E8E8; color: #666; background: #fff;}

.case_show_c_a1:hover{background: #a82727; color: #fff;}

.case_show_c ul li:first-child{ margin-left: 20px;}

.case_show_cc{ border: none; padding-bottom: 0px; margin-bottom: 0px;}

.case_show_c_pj{ height: auto; background: #EFF4FE; padding: 45px 110px; position: relative; overflow: hidden; margin-top: 50px; border-radius: 60px 0px 60px 0px;}

.case_show_c_pj h6{ line-height: 30px; font-size: 18px; display: block; height: auto;}

.case_show_c_img_left, .case_show_c_img_right{ position: absolute; z-index: 1;}

.case_show_c_img_left{ top: 28px; left: 60px;}

.case_show_c_img_right{ bottom: 30px; right: 60px;}



/* ---- 描述 ---- */

.case_show_ms{ height: auto; background: #F8FAFE; padding: 22px 42px; margin-bottom: 25px;}

.case_show_ms p{ line-height: 28px; color: #535455;}

.case_show_ms strong{ font-weight: bold;}



/* -------------------------------------------  联系我们  -----------------------------------------------------*/

/* ---- banner ---- */

.contact_banner{ background: url(../images/contact_banner.jpg) center no-repeat;}



/* ---- 详情 ---- */

.contact_top{ height: 158px; text-align: center;}

.contact_top h2{ font-size: 32px; font-weight: bold; line-height: 158px; letter-spacing: 2px;}

.contact_top img{ margin: 0px 50px; position: relative; top: 5px;}

.contact_up{ height: 190px;}
.contact_up ul{width: 896px;margin: 0 auto;}
.contact_up ul li{ width: 290px; height: 190px; text-align: center; float: left; background: #fff; margin-left: 13px; border-radius: 4px;}

.contact_up ul li:first-child{ margin-left: 0px;}

.contact_up ul li img{ padding-top: 30px; transition:all .6s;-moz-transition:all .6s; /* Firefox 4 */-webkit-transition:all .6s; /* Safari and Chrome */-o-transition:all .6s; /* Opera */}

.contact_up ul li h2{ font-size: 20px; margin: 15px 0px;}

.contact_up ul li p{ font-size: 18px; color: #3B5CD6;}

.contact_up ul li:hover img{ transform: rotateY(360deg);}

.contact_con{ height: 200px; margin-top: 14px;}

.contact_con ul li{ width: 390px; height: 200px; float: left; margin-right: 15px; background: url(../images/contact_bj_01.png) #fff 280px 38px no-repeat; border-radius: 4px;}

.contact_con ul li h2{ font-size: 26px; padding-left: 33px; padding-top: 30px; margin-bottom: 25px;}

.contact_con ul li h2 span{ display: inline-block; width: 3px; background: #3B5CD6; height: 24px; margin-right: 12px; position: relative; top: 2px;}

.contact_con ul li p{ padding-left: 48px; font-size: 16px; color: #666666; margin-bottom: 20px;}

.contact_con ul li p span{ color: #3B5CD6;}

.contact_con_li{width: 390px; height: 200px; text-align: center;  background: url(../images/contact_con_bj.jpg) no-repeat center; float: left;}

.contact_con_li img{ padding-top: 46px; margin-bottom: 15px; width:85px; height:85px;}

.contact_con_li p{color: #fff; font-size: 16px;}

.contact_map{ height: 590px; background: #fff; margin-top: 50px; padding: 9px; position: relative; overflow: hidden;}

.contact_map_top{ width: 1182px; height: 76px; line-height: 76px; background: rgba(59, 92, 214, 0.93); color: #fff; position: absolute; z-index: 2;}

.contact_map_top p{ font-size: 22px; padding-left: 38px; font-weight: bold;}

.contact_map_top p span{ font-size: 20px; margin-left: 25px; font-weight: 400;}

.contact_map_c{ width: 1182px; height: 100%; position: absolute; z-index: 1;}

.contact_meg{ height: 572px; background: url(../images/contact_meg.jpg) center no-repeat; margin-top: 50px; margin-bottom: 30px;}

.contact_meg_l{ width: 788px;}

.contact_meg_l h2{ color: #fff; font-size: 28px; font-weight: bold; padding-left: 44px; padding-top: 55px;}

.contact_meg_l h2 span{ font-size: 16px; font-weight: 400; padding-left: 35px;}

.contact_meg_l form{ padding-left: 44px; padding-top: 50px;}

.contact_meg_l .layui-form-label{ padding: 0px; width: 80px; color: #fff; line-height: 40px; height: 40px; text-align: left;}

.contact_meg_l .layui-input-block{ margin-left: 80px; }

.contact_meg_l .layui-input{ width: 370px; height: 40px; line-height: 40px;}

.contact_meg_l .layui-form-item{ margin-bottom: 30px;}

.contact_meg_l .layui-textarea{ width: 576px; height: 100px; line-height: 25px; resize: none;}

.contact_meg_l .layui-btn{ width: 170px; height: 44px; background: #E03B3B; border-radius: 4px;}

.contact_meg_r{ width: 358px; height: 477px; background: rgba(239, 244, 254, 0.6); border:10px solid rgba(255, 255, 255, 0.1); margin-top: 40px;}

.contact_meg_rc{ width: 303px; margin: 0 auto;}

.contact_meg_rc_top{ height: 295px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 43px;}

.contact_meg_rc_top img{ padding-top: 50px;  }

.contact_meg_rc_top p{ color: #fff; margin-bottom: 20px; padding-top: 15px;}

.contact_meg_rc_top a{ width: 224px; height: 44px; background: #E03B3B; line-height: 44px; font-size: 12px; border-radius: 25px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.contact_meg_rc_top a:hover{ background: #a82727;}

.contact_meg_rc_dw{ width: 273px; height: 73px; border-radius: 50px; background: #fff; margin: 0 auto; margin-top: 43px;}

.contact_meg_rc_dw img{ width: 60px; height: 60px; padding-left: 10px; padding-top: 6px; margin-right: 13px; float: left;}

.contact_meg_rc_dw p{ font-size: 14px; font-weight: bold; float: left; display: block; margin: 12px 0px 5px 0px;}

.contact_meg_rc_dw span{ color: #E62129; font-size: 20px; font-weight: bold; float: left; display: block;}

.con_news_top{ padding-top: 0px !important;}



/* -------------------------------------------  联系我们  -----------------------------------------------------*/

/* ---- banner ---- */

.about_banner{ background: url(../images/about_banner.jpg) center no-repeat;}



/* ---- 详情 ---- */

.about_top{ height: 697px; background: url(../images/about_top_bj.jpg) no-repeat center; padding-top: 50px;}

.about_top_up{ height: 400px;}

.about_top_up img{ width: 617px; height: 400px; float: right;}

.about_top_up_l{ width: 536px; height: 400px;}

.about_top_up_l h2{ font-size: 30px; font-weight: bold; line-height: 55px; margin-bottom: 45px;}

.about_top_up_l p{ color: #666; margin-bottom: 25px; line-height: 25px;}

.about_top_up_l a{ width: 175px; height: 50px; background: #E03B3B; border-radius: 25px; display: inline-block; line-height: 50px; margin-top: 30px; color: #fff; font-size: 16px; text-align: center;}

.about_top_up_l span{ height: 50px; border: 1px solid #D4DDEF; width: 250px; text-align: center; line-height: 50px; display: inline-block; font-size: 16px; color: #666; border-radius: 25px; margin-left: 50px;}

.about_top_up_l a:hover{ background: #a82727;}

.about_top_dw{ height: 130px; background: #EFF4FE; border-radius: 10px; margin-top: 50px; padding-top: 28px;}

.about_top_dw ul li{ width: 25%; height: 85px; float: left; border-left: 1px solid #fff; text-align: center;}

.about_top_dw ul li:first-child{ border: none;}

.about_top_dw ul li h2{ font-size: 32px; font-weight: bold; color: #3B5CD6;}

.about_top_dw ul li p{ color: #666; margin-top: 10px;}



/* ---- 五个口号 ---- */

.about_con{ height: 395px; background: url(../images/about_kh_bj.jpg) center no-repeat; padding-top: 62px;}

.about_con_c{ height: 279px;}

.about_con_c ul li{ width: 218px; height: 279px; background: #fff; text-align: center; float: left; margin-left: 27px;}

.about_con_c ul li:first-child{ margin-left: 0px;}

.about_con_c ul li img{ padding-top: 40px; padding-bottom: 15px;transition:all .6s;-moz-transition:all .6s; /* Firefox 4 */-webkit-transition:all .6s; /* Safari and Chrome */-o-transition:all .6s; /* Opera */}

.about_con_c ul li h2{ padding-bottom: 20px; font-size: 16px;}

.about_con_c ul li p{ color: #666; width: 185px; margin: 0 auto; line-height: 20px;}

.about_con_c ul li:hover img{ transform: rotateY(360deg);}



/* ---- 产品 ---- */

.about_pro{ padding: 40px; background: #fff; height: 665px; margin-top: 30px;}

.about_pro ul li{ float: left; width: 260px; height: 282px; border: 10px solid #E0E8F9; margin-bottom: 20px; background: url(../images/about_pro_bj.jpg) center no-repeat; margin-right: 26px; text-align: center;}

.about_pro ul li img{ padding-top: 22px; width: 106px; height: auto;}

.about_pro ul li p{ color: #666666; font-size: 18px; padding-top: 33px;}

.about_pro ul li:hover p{ color: #3B5CD6;}

.about_pro ul li:nth-child(4n){ margin-right: 0px;}

.about_pro ul a{ display: block; width: 100%; height: 100%;}

.about_hf{ height: 178px; background: #fff; margin-top: 50px; padding-top: 21px; margin-bottom: 20px;}

.about_hf_con{ width: 1144px; height: 134px; background: url(../images/index_hf.jpg) center no-repeat; margin: 0 auto;}

.about_hf_con_l{ margin-left: 25px; width: 560px; height: 100%;}

.about_hf_con_l h2{ font-size: 24px; font-weight: bold; padding-top: 35px; padding-bottom: 13px;}

.about_hf_con_l p{ color: #666; }



/* -------------------------------------------  新闻中心  -----------------------------------------------------*/

.news_banner{ background: url(../images/news_banner.jpg) center no-repeat;}

.news_nav{ height: 70px; margin-top: 40px; margin-bottom: 50px;}

.news_nav ul li{ float: left; width: 286px; height: 70px; border-radius: 4px; background: #fff; text-align: center; line-height: 70px; margin-left: 18px;}

.news_nav ul li:first-child{ margin-left: 0px;}

.news_nav ul .cur{ background: #3B5CD6; color: #fff;}

.news_nav ul li:hover{ background: #3B5CD6; color: #fff;}

.news_nav ul li:hover a{ color: #fff;}

.news_nav ul .cur a{ color: #fff;}

.news_nav ul li a{ display: block; width: 100%; height: 100%;}

.news_con{ height: auto;}

.news_con ul li{  height: 286px; width: 100%; background: #fff; padding: 28px 22px; margin-bottom: 30px;}

.news_con ul li img{ width: 340px; height: 230px; float: left; margin-right: 28px;}

.news_con ul li h2{ font-size: 18px; font-weight: bold; height: 45px; overflow: hidden; line-height: 45px;}

.news_con ul li span{ line-height: 30px; margin-bottom: 5px; display: inline-block;}

.news_con ul li p{ color: #666; line-height: 26px; height: 78px; overflow: hidden;}

.news_con_a{ width: 150px; height: 46px; line-height: 46px; border: 1px solid #E8E8E8; margin-top: 20px; display: inline-block; border-radius: 4px; text-align: center; font-size: 16px;}

.news_con ul li:hover h2 a{ color: #3B5CD6;}

.news_con ul li:hover .news_con_a{ color: #fff; background: #3B5CD6; border-color: #3B5CD6;}



/* -------------------------------------------  新闻中心详情页  -----------------------------------------------------*/

.news_show_con{ height: auto; margin-top: 40px; margin-bottom: 20px;}

.news_show_cl{ width: 898px; height: auto;}

.news_show_cr{ width: 282px;}

.news_show_cl_c{ height: auto; background: #fff; padding: 35px;}

.news_show_cl_c_top{ height: 86px; border-bottom: 1px dashed #E8E8E8; text-align: center;}

.news_show_cl_c_top h2{ font-size: 24px; font-weight: bold; margin-bottom: 15px;}

.news_show_cl_c_top p{ font-size: 12px; color: #999999;}

.news_show_cl_c_top p span{ width: 1px; height: 12px; background: #C8C8C8; display: inline-block; margin: 0px 20px; position: relative; top: 2px;}

.news_show_cl_c_top p img{ display: inline-block; margin-right: 6px;}

.news_show_cl_cc{ color: #535455; line-height: 28px; padding-top: 18px;}

.news_show_cl_cdw{ height: 90px; background: #E7EBF3; padding: 15px 20px; line-height: 25px; color: #535455; font-size: 12px; margin-top: 30px;}

.news_show_cl_page{ height: 60px; margin-top: 25px;}

.news_show_cl_page span{ width: 430px; height: 60px; line-height: 60px; display: inline-block; background: #fff; font-size: 12px; color: #666666;}
.news_show_cl_page a{color: #666666;}
.news_show_cl_page_left{ padding-left: 35px;}

.news_show_cl_page_right{ text-align: right; padding-right: 35px;}

.news_show_cl_page span:hover{ color: #3B5CD6;}
.news_show_cl_page a:hover{ color: #3B5CD6;}
.news_show_cr_top{ height: 418px; background: #fff; margin-bottom: 20px; padding: 15px;}

.news_show_cr_up{ height: 187px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 40px;}

.news_show_cr_up h2{ font-size: 24px; font-weight: bold; padding-top: 15px; padding-bottom: 10px;}

.news_show_cr_up p{ font-size: 16px; color: #666666; margin-bottom: 20px;}

.news_show_cr_up a{ width: 190px; height: 50px; background: #E03B3B; line-height: 50px; border-radius: 25px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.news_show_cr_up a:hover{ background: #a82727;}

.news_show_cr_top h3{ text-align: center; font-size: 24px; font-weight: bold; }

.news_show_cr_dw{ width: 256px; height: 78px; border-radius: 50px; background: #EFF4FE; margin: 0 auto; margin-top: 35px;}

.news_show_cr_dw img{ width: 56px; height: 56px; padding-left: 15px; padding-top: 11px; margin-right: 15px; float: left;}

.news_show_cr_dw p{ font-size: 14px; font-weight: bold; float: left; display: block; margin: 15px 0px 5px 0px;}

.news_show_cr_dw span{ color: #E62129; font-size: 20px; font-weight: bold; float: left; display: block;}

.news_show_cr_tlt{ height: 70px; line-height: 70px;}

.news_show_cr_tlt p{ font-size: 18px; font-weight: bold;}

.news_show_cr_tlt p span{ display: inline-block; width: 6px; height: 33px; background: #3B5CD6; margin-right: 15px; position: relative; top: 10px;}

.news_show_cr ul li{ width: 282px; height: 328px; float: left; background: #fff; padding-top: 15px; margin-bottom: 10px;}

.news_show_cr ul li:hover img{ transform: scale(1.1);}

.news_show_cr ul li p{ width: 100%; font-size: 18px; border-bottom: 1px dashed #E8E8E8; height: 50px; line-height: 43px; text-align: center;}

.news_show_cr ul li:hover a p{ color: #3B5CD6;}



/* -------------------------------------------  热门问答  -----------------------------------------------------*/

.ques_con{ height: auto;}

.ques_con_l{ width: 812px; height: auto;}

.ques_con_l ul li{ height: 226px; width: 100%; background: #fff; margin-bottom: 30px; padding: 35px 40px;}

.ques_con_l ul li h2{ height: 50px; border-bottom: 1px dashed #E4E4E4; line-height: 35px; margin-bottom: 18px;}

.ques_con_l ul li h2 a{ font-size: 18px; font-weight: bold;}

.ques_con_l ul li h2 span{ float: right;}

.ques_con_l ul li p{ color: #666666; line-height: 28px;}

.ques_con_l ul li:hover a{ color: #3B5CD6;}

.ques_con_r{ width: 358px; height: 524px; background: #fff; padding: 0px 10px;}

.ques_con_r_up{ height: 352px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 40px;}

.ques_con_r_up img{  padding-top: 30px; padding-bottom: 20px;}

.ques_con_r_up p{ font-size: 26px; font-weight: bold; margin-bottom: 25px;}

.ques_con_r_up a{ width: 248px; height: 50px; background: #E03B3B; line-height: 50px; border-radius: 25px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.ques_con_r_up a:hover{ background: #a82727;}

.ques_con_r_dw{ width: 303px; height: 82px; border-radius: 50px; background: #EFF4FE; margin: 0 auto; margin-top: 35px;}

.ques_con_r_dw img{ width: 56px; height: 56px; padding-left: 15px; padding-top: 11px; margin-right: 15px; float: left;}

.ques_con_r_dw p{ font-size: 16px; font-weight: bold; float: left; display: block; margin: 12px 0px 5px 0px;}

.ques_con_r_dw span{ color: #E62129; font-size: 24px; font-weight: bold; float: left; display: block;}

.ques_show_cr_up{ height: 275px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 28px;}

.ques_show_cr_up img{ width: 228px; height: 119px; padding-top: 10px;}

.ques_show_cr_up h2{ font-size: 20px; font-weight: bold; padding-top: 20px; padding-bottom: 20px;}

.ques_show_cr_up a{ width: 195px; height: 40px; background: #E03B3B; line-height: 40px; border-radius: 25px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.ques_show_cr_up a:hover{ background: #a82727;}

.news_show_cr_top h3{ text-align: center; font-size: 24px; font-weight: bold; }

.ques_show_cr_dw{ width: 238px; height: 65px; border-radius: 50px; background: #EFF4FE; margin: 0 auto; margin-top: 28px;}

.ques_show_cr_dw img{ width: 52px; height: 52px; padding-left: 8px; padding-top: 6px; margin-right: 15px; float: left;}

.ques_show_cr_dw p{ font-size: 12px; font-weight: bold; float: left; display: block; margin: 10px 0px 5px 0px;}

.ques_show_cr_dw span{ color: #E62129; font-size: 18px; font-weight: bold; float: left; display: block;}

.ques_top{ height: 120px; background: #fff; margin-bottom: 18px; padding: 0px 35px;}

.ques_cc{ padding-top: 0px !important;}

.ques_top h2{ font-size: 20px; font-weight: bold; margin-bottom: 15px; padding-top: 30px;}

.ques_top p{ font-size: 12px; color: #999999;}

.ques_top p span{ width: 1px; height: 12px; background: #C8C8C8; display: inline-block; margin: 0px 20px; position: relative; top: 2px;}

.ques_top p img{ display: inline-block; margin-right: 6px;}



/* -------------------------------------------  搜索结果页  -----------------------------------------------------*/

.search_con{ padding: 40px 48px; background: #fff; margin-top: 28px; margin-bottom: 30px;}

.search_con_form{ height: 60px;}

.search_con_form .layui-input-block{ margin-left: 0px; height: 60px; line-height: 60px;}

.search_con_form .layui-form-select{ width: 130px; height: 60px;  border: 1px solid #C8C8C8 !important; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }

.search_con_form .layui-unselect{width: 100%; height: 100%;  border: none; }

.search_con_form .layui-select-title{width: 100%; height: 100%; border: none;  }

.search_con_input .layui-input{ height: 60px; width: 685px; border: 1px solid #C8C8C8; border-radius: 0px; border-left: -1px; padding-left: 20px;}

.search_con_form .layui-form-item{ clear: none;}

.search_con_form .layui-btn{ width: 168px; height: 60px; background: #3B5CD6; border-radius: 0px; font-size: 16px; letter-spacing: 3px; vertical-align: unset;}

.search_con_select .layui-input{ padding-left: 38px; color: #666;}

.search_con_select .layui-form-select .layui-edge{ right: 36px; top: 53%;}

.search_con_select{ width: 130px;}

.search_con_select .layui-form-select dl{ top: 58px;}

.search_con_select .layui-form-select dl dd.layui-this{ background: #3B5CD6;}

.search_con_nav{ height: 80px; background: #E7EBF3; margin-top: 30px; line-height: 76px;}

.search_con_nav ul li{ width: 150px; color: #666; font-size: 16px; text-align: center; float: left; border-top: 4px solid #E7EBF3;}

.search_con_nav ul .cur{ color: #3B5CD6; border-top: 4px solid #2F50C5; background: #fff;}

.search_c{ height: auto; margin-top: 40px; margin-bottom: 30px;}

.search_c ul li{ height: 240px; background: #F8F8F8; padding: 20px; box-sizing: border-box; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  margin-bottom: 20px;}

.search_con_img{ width: 290px; height: 200px; overflow: hidden;}

.search_con_img img{ width: 290px; height: 200px; transition:all .3s;-moz-transition:all .3s; /* Firefox 4 */-webkit-transition:all .3s; /* Safari and Chrome */-o-transition:all .3s; /* Opera */}

.search_c ul li:hover .search_con_img img{ transform: scale(1.1);}

.search_con_c{ width: 730px; height: 200px; overflow: hidden;}

.search_con_c h2{ font-size: 18px; font-weight: bold; padding-top: 20px; padding-bottom: 18px;}

.search_con_c p{ color: #666666; line-height: 26px; height: 52px; overflow: hidden;}

.search_con_c_a1, .search_con_c_a2{ width: 120px; height: 38px; line-height: 38px; border-radius: 6px; text-align: center; display: inline-block; margin-right: 25px; margin-top: 28px;}

.search_con_c_a1{ color: #fff; background: #E62129;}

.search_con_c_a2{ border: 1px solid #E8E8E8; color: #666;}

.search_c ul li:hover .search_con_c_a1{ background: #a82727;}

.search_c ul li:hover h2 a{ color: #3B5CD6;}

.search_c ul li:hover .search_con_c_a2{ background: #E8E8E8;}

.search_con_case p{ height: 26px; overflow: hidden;}

.search_con_c h3{ font-size: 12px; color: #666; margin-top: 18px;}

.search_con_c h3 span{ display: inline-block; width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-right: 6px;}

.search_con_c_span{ margin-left: 50px;}

.search_con_news{ width: 730px; height: 200px; overflow: hidden;}

.search_con_news h2{ font-size: 18px; font-weight: bold; line-height: 35px;}

.search_con_news p{ color: #666666; line-height: 26px; height: 52px; overflow: hidden;}

.search_con_news h4{ line-height: 35px;}

.search_con_news_a{width: 150px; height: 46px; line-height: 46px; border-radius: 4px; border: 1px solid #E8E8E8; font-size: 16px; text-align: center; display: inline-block; margin-top: 25px;}

.search_c ul li:hover .search_con_news_a{ background: #3B5CD6; color: #fff; border-color: #3B5CD6;}



/* -------------------------------------------  服务支持-免费样品  -----------------------------------------------------*/

/* ---- 导航 ---- */

.service_nav{ height: 150px; background: #fff;}

.service_nav_ul{ height: 70px; padding-top: 48px; line-height: 70px;}

.service_nav_ul li{ width: 380px; height: 70px; float: left; background: #F8F8F8; text-align: center; border-radius: 4px; margin-left: 30px; font-size: 16px;}

.service_nav_ul li:first-child{ margin-left: 0px;}

.service_nav_ul .cur{ background: #2F50C5;}

.service_nav_ul .cur a{ color: #fff;}

.service_nav_ul li:hover{ background: #2F50C5;}

.service_nav_ul li:hover a{ color: #fff;}

.service_nav_ul a{ display: block; width: 100%; height: 100%;}



/* ---- 在线样品申请 ---- */

.free_con{ height: auto;}

.free_con_top{ height: 185px; text-align: center;}

.free_con_top h2{ font-size: 32px; font-weight: bold; padding-top: 50px; margin-bottom: 18px;}

.free_con_top p{ font-size: 16px; color: #666666;}

.free_con_lc{ height: 225px; background: url(../images/free_bj.jpg) no-repeat center;}

.free_con_lc ul{ padding-top: 44px;}

.free_con_lc ul li{ width: 241px; height: 146px; background: #fff; float: left;}

.free_con_lc ul li:first-child{ margin-left: 44px;}

.free_con_lc_img{ margin: 52px 11px 0px 11px;}

.free_con_lc ul li img{ float: left; padding-top: 38px; padding-left: 27px; margin-right: 28px;}

.free_con_lc ul li h2{ font-size: 28px; font-weight: bold; padding-top: 40px; margin-bottom: 8px;}

.free_con_lc ul li p{ font-size: 16px;}

.free_con_msg{ height: 443px; margin-top: 66px; margin-bottom: 40px;}

.free_con_msg_l{ width: 827px; height: 443px; overflow: hidden; background: url(../images/free_msg.jpg) center no-repeat;  padding: 45px;}

.free_con_msg_l .layui-form-label{ padding: 0px; width: 80px; color: #fff; line-height: 40px; height: 40px; text-align: left;}

.free_con_msg_l .layui-input-block{ margin-left: 80px; }

.free_con_msg_l .layui-input{ width: 370px; height: 40px; line-height: 40px;}

.free_con_msg_l .layui-form-item{ margin-bottom: 25px;}

.free_con_msg_l .layui-textarea{ width: 576px; height: 100px; line-height: 25px; resize: none;}

.free_con_msg_l .layui-btn{ width: 170px; height: 44px; background: #E03B3B; border-radius: 4px;}

.free_con_msg_r{ width: 358px; height: 443px; background: #EFF4FE; border: 10px solid #fff;}

.free_con_msg_r_top{ height: 255px; text-align: center; border-bottom: 1px dashed #8D9FE4; margin-bottom: 40px;}

.free_con_msg_r_top h2{ font-size: 32px; font-weight: bold; padding-top: 45px; padding-bottom: 25px;}

.free_con_msg_r_top p{ font-size: 16px; color: #666666; margin-bottom: 30px;}

.free_con_msg_r_top a{ width: 248px; height: 50px; background: #E03B3B; line-height: 50px; border-radius: 25px; color: #fff; text-align: center; display: block; margin: 0 auto; }

.free_con_msg_r_top a:hover{ background: #a82727;}

.free_con_msg_r_dw{ width: 303px; height: 82px; border-radius: 50px; background: #fff; margin: 0 auto;}

.free_con_msg_r_dw img{ padding-left: 10px; padding-top: 8px; margin-right: 15px; float: left;}

.free_con_msg_r_dw p{ font-size: 16px; font-weight: bold; float: left; display: block; margin: 12px 0px 10px 0px;}

.free_con_msg_r_dw span{ color: #E62129; font-size: 24px; font-weight: bold; float: left; display: block;}



/* -------------------------------------------  服务支持-科研创新  -----------------------------------------------------*/

/* ---- 研发中心 ---- */

.research_top{ height: 222px; text-align: center;}

.research_top h2{ font-size: 32px; font-weight: bold; padding-top: 40px; padding-bottom: 15px;}

.research_top p{ font-size: 16px; color: #666; line-height: 32px;}

.research_yf{ height: 366px; background: #fff;}

.research_yf img{ width: 600px; height: 366px; float: left; margin-right: 40px;}

.research_yf h2{ font-size: 30px; font-weight: bold; padding-top: 28px; padding-bottom: 8px;}

.research_yf span{ width: 50px; height: 4px; background: #E0E8F9; display: inline-block;}

.research_yf p{ line-height: 26px; padding-top: 20px; padding-right: 40px;}

.research_yf a{ width: 200px; color: #fff; height: 52px; background: #2F50C5; margin-top: 28px; border-radius: 26px; text-align: center; line-height: 52px; display: inline-block;}

.research_yf a:hover{ background: #1F3994;}

.research_yf_dw{ height: 130px; background: #fff; border-radius: 10px; margin-top: 40px; padding-top: 27px;}

.research_yf_dw ul li{ width: 25%; height: 85px; float: left; border-left: 1px solid #D4DDEF; text-align: center;}

.research_yf_dw ul li:first-child{ border: none;}

.research_yf_dw ul li h2{ font-size: 32px; font-weight: bold; color: #3B5CD6;}

.research_yf_dw ul li p{ color: #666; margin-top: 10px;}



/* ---- 我们所做的 ---- */

.research_con{ height: 433px; margin-top: 66px; background: url(../images/research_bj.jpg) center no-repeat;}

.research_con_top{ height: 235px; text-align: center; color: #fff;}

.research_con_top h2{ font-size: 32px; font-weight: bold; padding-top: 55px;}

.research_con_top img{ margin: 0px 33px; position: relative; top: 5px;}

.research_con_top p{ font-size: 16px; margin-top: 25px; line-height: 26px;}

.research_con ul li{ width: 380px; height: 220px; border: 4px solid #fff; float: left; margin-left: 18px;}

.research_con ul li:first-child{ margin-left: 0px;}



/* -------------------------------------------  服务支持-服务承诺  -----------------------------------------------------*/

.service_banner{ background: url(../images/service_banner.jpg) center no-repeat;}

.service_top{ height: 178px; text-align: center;}

.service_top h2{ font-size: 32px; font-weight: bold; padding-top: 40px; padding-bottom: 15px;}

.service_top p{ font-size: 16px; color: #666; line-height: 32px;}

.service_con_ul{ height: 320px;}

.service_con_ul li{ width: 270px; height: 320px; float: left; background: #fff; text-align: center; margin-left: 40px;}

.service_con_ul li:first-child{ margin-left: 0px;}

.service_con_ul li h2{ font-size: 20px; font-weight: bold; margin-bottom: 15px;}

.service_con_ul li img{ padding-top: 45px; padding-bottom: 25px; transition:all .6s;-moz-transition:all .6s; /* Firefox 4 */-webkit-transition:all .6s; /* Safari and Chrome */-o-transition:all .6s; /* Opera */}

.service_con_ul li p{ line-height: 26px; color: #666666; width: 205px; margin: 0 auto;}

.service_con_ul li:hover img{  transform: rotateY(360deg);}

.service_con_tlt{ height: 185px; text-align: center; color: #fff;}

.service_con_tlt h2{ font-size: 32px; font-weight: bold; padding-top: 50px;}

.service_con_tlt img{ margin: 0px 33px; position: relative; top: 5px;}

.service_con_tlt p{ font-size: 16px; margin-top: 16px; line-height: 26px;}

.service_con_l{ width: 360px; height: 192px; border: 8px solid #fff; overflow: hidden; position: relative; background:#fff; border-radius:6px; padding:20px 50px 0px 50px;}

.service_con_lc{ position: absolute; z-index: 2; color: #2F50C5;}

.service_con_lc h2{ font-weight: bold; font-size: 24px; padding-top: 2px;}

.service_con_lc span{ width: 30px; height: 2px; display: inline-block; background: #2F50C5; margin: 10px auto;}

.service_con_lc a{ width: 120px; height: 36px; border-radius: 6px; line-height: 36px; display: inline-block; margin: 0 auto; color: #fff; background: #3B5CD6; margin-top: 20px; text-align:center}

.service_con_lc a:hover{ background: #3B5CD6; color: #fff;}
.con_pro_l img{vertical-align: middle !important;}
.rightimput{
    position: absolute;
    top: 500px;
    width: 280px;
    background: #F5F5F5;
}

.rightlb{
    width: 278px;
    height:245px;
    top: 347px;
    position: absolute;
    z-index: 10000;
    border: 1px solid #D9D9D9;
    background-color: #E8EDF2;
}
.rightyang{
    width: 278px;
    height:334px;
    top: 596px;
    position: absolute;
    z-index: 10000;
    border: 1px solid #D9D9D9;
}
.fixed2{
    position: fixed;
}
.fixed3{
    position: fixed;
}
.riname{margin-bottom: 10px;}
.ritel{margin-bottom: 10px;}
.ribody{resize: none;
    margin-bottom: 15px;min-height:60px;}
.rlbligo{
    padding-left: 15px;
    padding-top: 20px;
    padding-bottom: 7px;
}
.rlbligo img{
    float: left;
    margin-top: 3px;
    margin-right: 15px;
}
.rlbligo p{
    float: left;
    font-size: 16px;
    color: #102974;
}
.cjwtlist{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background-color: white;
    margin: 17px;
    padding: 11px 26px;
    color: #102974;
}


/* ------------------------------首页------------------------------------- */
/* --------top--------- */
.top{ height: 46px; line-height: 46px; background: #2A3457;}
.top_l,.top_r{ width: auto; height: 46px; line-height: 46px; color: #CBCBCB;}
.top p{ display: inline-block; margin: 0px 12px;}
.top a{color: #CBCBCB;}
.top span{ color: #D6732E;font-size: 25px;font-weight: bold;float: right;}
.top p img{ margin-right: 5px; position: relative; top: 2px;}
.header_p{ position: relative; width: 80px;}
.header_img{ display: none; position: absolute; z-index: 1; left: -20px;}
.header_p:hover .header_img{ display: block; }
/* --------header--------- */
.header{ height: 126px;}
.logo{ width: 460px; height: 126px;}
.logo img{ float: left; padding-top: 36px; width: 160px; height: auto;}
.logo span{ float: left; width: 1px; height: 34px; background: #E5E5E5; display: block; margin: 47px 20px;}
.logo_con{ height: 126px; width: auto;}
.logo_con h2{ font-size: 22px; font-weight: bold; padding-top: 38px;}
.logo_con p{ font-size: 12px; color: #999999; padding-top: 5px;}
.nav{ width: auto; height: 126px;}
.nav ul{ height: 40px; padding-top: 50px;}
.nav ul li{ float: left; margin-left: 38px; line-height: 40px; font-size: 16px;}
.nav ul li a{ color: #2A3457;}
.nav ul li.cur a{ color: #E87B2B;}
/* --------banner--------- */
.banner{ height: 650px; background: url(../images/banner.png) center no-repeat; text-align: center;}
.banner h2{ color: #FFFFFF; font-size: 65px; padding-top: 55px;}
.banner p{ color: #FFFFFF; font-size: 22px; padding-top: 12px;}
.banner a{ width: 238px; height: 56px; line-height: 56px; color: #ffffff; margin: 0 auto; margin-top: 45px; background: #E87B2B; font-size: 22px; border-radius: 26px; display: block;}
.banner a:hover{ opacity: 0.8;}
/* --------产品分类--------- */
.index_shop{ height: auto; margin-top: 64px;}
.index_title{ height: 42px; line-height: 42px; text-align: center; font-size: 32px; color: #334764;}
.index_shop_con{ height: auto; margin-top: 57px;}
.index_shop_con ul li:nth-child(1),.index_shop_con ul li:nth-child(2),.index_shop_con ul li:nth-child(3),.index_shop_con ul li:nth-child(4){ border-top: 1px solid #F1F1F1; }
.index_shop_con ul li{ float: left; width: 300px; box-sizing: border-box; height: 350px; text-align: center; position: relative; background: #FEFEFE; border-bottom: 1px solid #F1F1F1; border-left: 1px solid #F1F1F1;}
.index_shop_con ul li h2{ font-size: 26px; color: #2A3457; padding-top: 36px;}
.index_shop_con ul li a{ display: block; font-size: 13px; color: #8F8F8F; padding-top: 8px;}
.index_shop_con ul li img{ width: 125px; height: auto; padding-top: 40px;}
.index_shop_con ul li:nth-child(4n){ border-right: 1px solid #F1F1F1;}
.index_shop_con ul li .comment{ display: none; height: 350px; position: absolute; z-index: 1; background: url(../images/pro_bj.jpg) no-repeat center; top: 0px; left: 0px;}
.index_shop_con ul li .comment h3{ padding-top: 35px; font-size: 26px; color: #FFFFFF;}
.index_shop_con ul li .comment span{ width: 35px; height: 2px; background: #FFFFFF; display: block; margin: 0 auto; margin-top: 14px; margin-bottom: 45px;}
.index_shop_con ul li .comment p{ width: 195px; margin: 0 auto; color: #FFFFFF; line-height: 32px; font-size: 13px; text-align: left;}
.index_shop_con ul li .comment p a{ color: #FFFFFF; padding-top: 0px;}
.index_shop_con ul li .comment p i{ float: right;}
.index_shop_con ul li .comment p a:hover{ color: #E87B2B;}
.index_shop_con ul li:hover .comment{ display: block;}
/* --------横幅--------- */
.index_hengfu{ height: 133px; margin-top: 98px; background: url(../images/hf_bj.png) center no-repeat;}
.index_hengfu_l{ height: 133px; padding-left: 40px; width: auto;}
.index_hengfu_l h2{ font-size: 20px; font-weight: bold; color: #FFFFFF; padding-top: 40px; padding-bottom: 14px;}
.index_hengfu_l p{ font-size: 13px; color: #E4E4E4;}
.index_hengfu_r{ width: auto; height: 133px; padding-right: 56px;}
.index_hengfu_r p{ float: right; font-size: 21px; font-weight: bold; color: #FFFFFF; padding-top: 56px;}
.index_hengfu_r p img{ margin-right: 10px; position: relative; top: 3px;}
.index_hengfu_r a{ float: right; margin-right: 30px; width: 149px; height: 40px; line-height: 40px; text-align: center; margin-top: 50px;}
.index_hengfu_r a:hover{ opacity: 0.8;}
.index_hengfu_r .hf_a1{ color: #FFFFFF; background: #E87B2B;}
.index_hengfu_r .hf_a2{ color: #2F4166; background: #ffffff;}
/* --------案例--------- */
.index_case{ height: 827px; margin-top: 70px; background: url(../images/case_bj.jpg) center no-repeat;}
.index_case_con{ height: 665px; padding-top: 65px;}
.index_case_cl{ width: 232px; height: 100%; border-right: 1px solid #FFFFFF;}
.index_case_cl ul li{ width: 233px; height: 48px; line-height: 48px; position: relative; margin-bottom: 39px; color: #FFFFFF; cursor: pointer;}
.index_case_cl ul li p{ display: inline-block; font-size: 18px; position: absolute; left: 42px;}
.index_case_cl ul li a{ color: #FFFFFF;}
.index_case_cl ul li img{ height: 22px; width: auto; position: relative; top: 6px;}
.index_case_cl ul li.cur{ color: #EF881E; border-right: 6px solid #EF881E;}
.index_case_cr{ width: 900px; height: 100%;}
.index_case_tab{ height: 100%; display: none;}
.index_case_tab h2{ font-size: 24px; font-weight: bold; color: #ffffff;}
.index_case_tab p{ color: #FFFFFF; margin-top: 33px; height: 83px; line-height: 26px; margin-bottom: 43px;}
.index_case_tab_a{ height: 50px;}
.index_case_tab_a a{ width: 190px; height: 50px; text-align: center; margin-right: 35px; display: inline-block; float: left; line-height: 50px;}
.index_case_tab_a1{ background: #E87B2B; color: #ffffff;}
.index_case_tab_a a img{ position: relative; margin-right: 7px; top: 4px;}
.index_case_tab_a a:hover{ opacity: 0.8;}
.index_case_tab_a2{ background: #ffffff; color: #666666;}
.index_case_tab span{ width: 100%; height: 1px; display: block; border-bottom: 1px dashed #ffffff; margin-top: 45px;}
.index_case_tab ul{ margin-top: 84px; height: 282px;}
.index_case_tab ul li{ float: left; width: 285px; height: 282px; background: #EFF4FE; margin-left: 22px;}
.index_case_tab ul li:first-child{ margin-left: 0px;}
.index_case_tab ul li img{ width: 285px; height: 185px;}
.index_case_tab ul li h4{ font-size: 16px; padding-top: 8px; padding-left: 16px; margin-bottom: 9px;}
.index_case_tab ul li h6{ padding-left: 16px; line-height: 22px; font-size: 12px; color: #666666;}
.index_case_tab ul li h6 i{ width: 8px; height: 8px; border: 1px solid #8D9FE4; border-radius: 50%; margin-right: 8px; display: inline-block;}
.index_case_tab ul li:hover h4{ color: #E87B2B;}
.index_case_tab.active{ display: block;}
/* --------产品服务支持--------- */
.index_ser{ height: 793px; background: url(../images/zc_bj.png) no-repeat center;}
.index_ser_con{ height: 793px;}
.index_ser_con h2{ text-align: center; font-size: 32px; color: #334764; padding-top: 102px;}
.index_ser_con p{ text-align: center; font-size: 16px; color: #666666; padding-top: 21px;}
.index_ser_con ul{ height: 414px; width: 100%; margin-top: 87px;}
.index_ser_con ul li{ float: left; background: #FFFFFF; width: 388px; height: 414px; margin-left: 17px; text-align: center;}
.index_ser_con ul li:first-child{ margin-left: 0px;}
.index_ser_con ul li img{ height: 57px; width: auto; padding-top: 45px; padding-bottom: 27px;}
.index_ser_con ul li h3{ font-size: 26px; color: #31486D;}
.index_ser_con ul li h4{ width: 345px; font-size: 16px; color: #344E74; margin: 0 auto; margin-top: 42px; margin-bottom: 42px; height: 62px; line-height: 30px;}
.index_ser_con ul li a{ width: 139px; height: 37px; border: 1px solid #F3920A; line-height: 35px; text-align: center; display: block; margin: 0 auto; color: #F49410;}
.index_ser_con ul li a:hover{ background: #F3920A; color: #ffffff;}
/* --------关于我们--------- */
.index_about{ height: 827px; background: url(../images/about_bj.png) center no-repeat;}
.index_about h2{ text-align: center; font-size: 32px; color: #FFFFFF; padding-top: 75px;}
.index_about p{ text-align: center; font-size: 16px; color: #FFFFFF; padding-top: 24px;}
.index_about_con{ height: 502px; background: #FFFFFF; margin-top: 86px;}
.index_about_con img{ width: 600px; height: 502px; float: right;}
.index_about_cl{ width: 600px; height: 502px; padding: 49px 31px 50px 63px;}
.index_about_cl h3{ font-size: 23px; font-weight: bold;}
.index_about_cl h4{ height: 104px; line-height: 28px; color: #8D8D8D; margin-top: 38px; margin-bottom: 53px;}
.index_about_cl ul{ width: 100%; height: 50px; margin-bottom: 85px;}
.index_about_cl ul li{ width: auto; border-right: 1px solid #DBDBDB; height: 50px; float: left; margin-right: 28px; padding-right: 28px;}
.index_about_cl ul li h5{ font-size: 24px; color: #2761C4; font-weight: bold; margin-top: -10px;}
.index_about_cl ul li h6{ color: #585858; margin-top: 11px; font-size: 12px;}
.index_about_cl ul li:last-child{ border: none;}
.index_about_cl a{ display: inline-block; float: left; width: 136px; height: 36px; text-align: center; line-height: 36px; margin-right: 18px;}
.index_about_con_a1{ background: #EA8846; color: #FFFFFF;}
.index_about_con_a2{ border: 1px solid #2761C4; color: #2761C4;}
.index_about_con_a2:hover{ background: #2761C4; color: #FFFFFF;}
.index_about_con_a1:hover{ opacity: 0.8;}
/* --------表单--------- */
.index_form{ height: 269px; background: url(../images/hf_bj.jpg) center no-repeat;}
.index_form h2{ text-align: center; font-size: 36px; font-weight: bold; padding-top: 46px; margin-bottom: 20px; color: #ffffff;}
.index_form p{ text-align: center; color: #ffffff;}
.index_form p i{ margin-left: 23px; display: inline-block; margin-right: 8px; width: 10px; height: 10px; border-radius: 50%; background: #ffffff;}
.index_form p span{ margin-right: 23px; display: inline-block;}
.index_form_c{ height: 46px; margin-top: 45px;}
.index_form_c input{ height: 46px; line-height: 46px; background: #ffffff; padding-left: 25px; margin-left: 11px;  display: inline-block;}
.index_form_c input.input_name{ width: 148px;}
.index_form_c input.input_phone{ width: 210px;}
.index_form_c h5{ float: left; color: #ffffff; margin-right: 50px;}
.code_img{ width: 165px; height: 46px; display: inline-block;}
.input_but{ width: 150px; text-align: center; height: 46px; line-height: 46px; background: #FFFFFF; font-size: 16px; color: #EA863E;}
/* --------新闻中心--------- */
.index_news{ margin-top: 60px;}
.index_news_title{ height: 30px; line-height: 30px; margin-bottom: 22px;}
.index_news_title p{ font-size: 20px; font-weight: bold; float: left;}
.index_news_title a{ font-size: 12px; float: right;}
.index_news_title a img{ margin-left: 20px; position: relative; top: 4px;}
.index_news_title a:hover{ color: #E87B2B;}
.index_news ul{ padding: 22px; height: 164px;}
.index_news ul li{ height: 120px; float: left; width: 553px; margin-left: 25px;}
.index_news ul li:first-child{ margin-left: 0px;}
.index_news ul li:last-child{ float: right;}
.index_news ul li img{ float: left; width: 188px; height: 120px; margin-right: 20px;}
.index_news ul li h2{ float: left; width: 345px; margin-bottom: 15px;}
.index_news ul li p{ float: left; width: 345px; line-height: 17px; height: 54px; font-size: 13px; color: #999999; overflow: hidden;}
.index_news ul li span{ float: left; width: 345px; margin-top: 17px; color: #999999; font-size: 12px;}
.index_news ul li:hover a{ color: #E87B2B;}
.index_news_con{ margin-top: 28px; height: 220px;}
.index_news_cl{ width: 570px;}
.index_news_li{ height: 48px; line-height: 48px; border-bottom: 1px dashed #C8C8C8;}
.index_news_cl .index_news_li:nth-child(4){ border: none;}
.index_news_li i{ float: left; width: 7px; height: 7px; position: relative; top: 20px; border: 1px solid #707070; border-radius: 50%; display: inline-block; margin-right: 7px;}
.index_news_li p{ width: 440px; float: left;}
.index_news_li span{float: right;}
.index_news_li a{color: #999999;}
.index_news_li:hover a{ color: #E87B2B;}
/* --------友情链接--------- */
.index_yqlj{ margin-top: 70px; height: auto; line-height: 30px; margin-bottom: 40px;}
.index_yqlj p{ font-size: 16px; font-weight: bold; color: #666666; margin-right: 22px; float: left;}
.index_yqlj a{ font-size: 16px; color: #666666; margin-right: 22px; float: left;}
/* --------footer--------- */
.footer{ height: 464px; background: #2A3457;}
.footer_dw{ width: 836px; height: 60px; line-height: 60px; border-top: 1px solid #707070; color: rgba(255, 255, 255, 0.36);}
.footer_top{ height: 390px;}
.footer_dw a{ display: inline-block; margin-left: 30px; color: rgba(255, 255, 255, 0.36);}
.footer_cl{ width: 255px; text-align: center;}
.footer_cl img{ padding-top: 50px;}
.footer_cl h2{ padding-top: 25px; font-size: 25px; color: #FFFFFF; font-weight: bold;}
.footer_cl p{ font-size: 15px; color: #FFFFFF; padding-top: 26px;}
.footer_cc{ width: 574px; padding-top: 52px; margin-left: 80px;}
.footer_cc ul{ height: 288px; border-left: 1px solid rgba(112, 112, 112, 0.22); border-right: 1px solid rgba(112, 112, 112, 0.22);}
.footer_cc ul li{ width: auto; height: 100%; margin-left: 80px; color: #ffffff; float: left;}
.footer_cc ul li p{ margin-bottom: 17px;}
.footer_cc ul li p a{ color: rgba(200, 200, 200, 0.6);}
.footer_cc ul li p a:hover{ color: #ffffff;}
.footer_cc ul li h2{ font-size: 16px; margin-bottom: 28px;}
.footer_cr{ width: 217px; padding-top: 52px;}
.footer_cr h2{ font-size: 27px; font-weight: bold; color: #FFFFFF; margin-bottom: 10px;}
.footer_cr p{ color: #C8C8C8; margin-bottom: 45px;}
.footer_cr a{ display: block; background: #E87B2B; color: #ffffff; text-align: center; width: 100%; height: 56px; line-height: 56px; font-size: 16px;}
.footer_cr a img{ margin-right: 20px; position: relative; top: 8px;}
.footer_cr a:hover{ opacity: 0.8;}
.footer_ewm{ width: 127px; height: auto; padding-top: 25px;}
.footer_ewm p{ margin-top: 13px; color: #C8C8C8;}
.footer_ewm img{ width: 100px; height: auto;}



.top_r_ss{ height: 30px; padding-top: 9px; margin-right: 20px; line-height: 30px; float: left;}
.top_r_input{ width: 150px; height: 30px; background: #fff; border-radius: 3px 0px 0px 3px; float: left; padding-left: 10px;}
.top_r_bt{ width: 50px; height: 30px; background: #D6732E; border-radius: 0px 3px 3px 0px; text-align: center; color: #fff;float: left;}