﻿*{ font-family: "微软雅黑";}
ul,ol{
	list-style: none;
}
a{
	text-decoration: none;
	color: inherit;
	transition: all 0.3s; -o-transition: all 0.3s; -mos-transition: all 0.3s; -webkit-transition: all 0.3s; 
	
}
li a{width: 100%;height: 100%;}
body{overflow-x: hidden;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;box-sizing: border-box;}
button{cursor: pointer;}
h1, h2, h3, h4, h5, h6{font-weight: normal;}
.left{
	float: left;
}
.right{
	float: right;
}
.clear{clear: both;}
/*head*/
.header{
	margin: 0 auto;
	padding: 0;
}

.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.main_container{
	width: 1200px;
	min-width: 1200px;
	height: 100%;
	margin: 0 auto;
}




h3.logo {
	float: left;
	margin-top: 19.5px;
}


/*narbar*/
.tn_nr{float: right;color: #FFFFFF;padding-top: 15px;}
.tnn_u{padding-left: 66px;overflow: hidden;line-height: 27px;}
.tnn_u>p{font-size: 14px;float: left;}
.tn_xx{overflow: hidden;margin-left: 35px;float: left;}
i.ico_tntel{display: inline-block;background: url(../images/fn_tel_4.png)no-repeat;width: 27px;height: 27px;float: left;margin-right: 10px;}
.tn_xx h6{float: left;font-size: 14px;}
.tn_xx h6 span{font-size: 20px;}
.yuyan{float: right;overflow: hidden;}
i.ico_yy{display: inline-block;background: url(../images/yy_4.png)no-repeat;width: 28px;height: 28px;float: left;margin-right: 6px;}
.yuyan span{float: left;}
.top_nav {
    width: 100%;
    height: 100px;
   
}
.top_nav .main_container{position: relative;}
ul.nav{width: 820px;margin-top: 24px;}
.nav .nLi h3{height: 100%;}
.nav .nLi h3 a{display:block;box-sizing: border-box;cursor: pointer;text-align: center;}


.nav_yc{
    display:none;
    position:absolute;
	top:44px;
	
    left: 50%;
   width: 140px;
   margin-left: -70px;
    padding: 10px 0;
    background: rgba(245,245,245,.8);
	font-size:14px;
	z-index:999;
}
.nav_yc li{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #333;
    font-size: 14px;
    position: relative;
    

}
.nav_yc li a{display: block;}
ul.nav li .nav_yc li:hover
{
	background: #ff8814;color: #FFFFFF;
}

ul.nav>li{width: auto;height:43px;text-align:center;line-height:43px;float:left;position:relative;display:inline;font-size: 15px;color: #333;margin-right: 53px;}
ul.nav>li:last-child{margin-right: 0;}
ul.nav>li.tab,ul.nav>li:hover{border-bottom: 1px solid #FFFFFF;}


ul.ul_san{position: absolute;top: 0px;left: 112px;display: none;background: #F5F5F5;width: 180px;font-size: 12px;}
.nav_yc li:hover ul.ul_san{display: block;}

/*banner*/
.mbanner{width:100%; height:730px;}
.mbanner .slideBox{ width:100%; height:730px; overflow:hidden; position:relative; }
.mbanner .slideBox .hd{ height:22px; overflow:hidden; position:absolute; right:50%; bottom:25px; z-index:1;  margin-right: -29px;}
.mbanner .slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.mbanner .slideBox .hd ul li{ float:left; margin-right:15px;  width:14px; height:14px;  border-radius:50%; border:1px solid #ff8814; cursor:pointer; }
.mbanner .slideBox .hd ul li.on{ background:#ff8814;}
.mbanner .slideBox .hd ul li:last-child{margin-right: 0;}
.mbanner .slideBox .bd{ position:relative; height:100%; z-index:0;width:100%  }
.mbanner .slideBox .bd ul{height: 100%;width:100%}
.mbanner .slideBox .bd li{ zoom:1; vertical-align:middle; height: 100%;width:100%}
.mbanner .slideBox .bd li a{height: 100%;width:100%; display: block; overflow:hidden}
.mbanner .slideBox .bd img{ width:100%; height:100%; display:block;  }

/**mproduct**/
.mproduct{margin-top: 50px;padding-bottom: 50px;}
.mpro_tit{text-align: center;}
.mpro_tit h3{font-size: 30px;color: #333333;font-weight: bold;}
.mpro_tit p{font-size: 14px;color: #999999;margin: 10px 0;}
i.tit_line{display: block;width: 43px;height: 1px;background: #ff8814;margin: 0 auto;}
.mpro_tab{text-align: center;margin-top: 20px;font-size: 14px;color: #333333;}
.mpro_tab ul{display: inline-block;overflow: hidden;}
.mpro_tab ul li{float: left;}
.mpro_tab ul>span{float: left;margin: 0 14px;}
.mpro_tab ul li.on,.mpro_tab ul li:hover{color: #ff8814;}
.mpro_more{overflow: hidden;line-height: 15px;text-align: center;margin-top: 20px;}
.mpro_more a{overflow: hidden;display: inline-block;}
.mpro_more a span{float: left;font-size: 14px;color: #ff8814;}
i.mp_more{float: left;background: url(../images/mmore_4.png)no-repeat;width: 15px;height: 15px;margin-left: 4px;}

.picScroll-left{ width:100%;margin-top: 35px;  position:relative;    }
		.picScroll-left .hd{   height:1px; }
		.picScroll-left .hd .prev,.picScroll-left .hd .next{ display:block;  width:35px; height:35px; overflow:hidden;position: absolute;left: -41px;top: 50%;margin-top:-17.5px ;
			 cursor:pointer; background:url(../images/pl_left_3.png) no-repeat;}
		.picScroll-left .hd .next{ background: url(../images/pl_right_3.png)no-repeat;right: -38px;left: auto;  }
		
	
		.picScroll-left .bd{    }
		.picScroll-left .bd .tempWrap{width: 100%!important;}
		.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
		.picScroll-left .bd ul li{ margin:0 4px; float:left; _display:inline; overflow:hidden; text-align:center;position: relative;  }
		.picScroll-left .bd ul li .pic{ text-align:center;width:291px; height:246px;overflow: hidden;border:1px solid #e5e5e5;box-sizing: border-box;position: relative; }
		.picScroll-left .bd ul li .pic img{ width:291px; height:246px; display:block;  transition: all 0.8s ease-in-out; }
		.picScroll-left .bd ul li:hover .pic img{
			transform: scale(1.1);
	-webkit-transform: scale(1.1);
		}
		.picScroll-left .bd ul li .title{ line-height:24px;font-size: 14px;color: #333333; margin-top: 15px;  }
.picScroll-left .bd ul li:hover .title{color: #ff8814;}
.pl_hd{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: rgba(1,107,220,.6);padding: 14px 15px;display: none;}
.plh_nr{width: 100%;height: 100%;border: 1px solid #FFFFFF;text-align: center;padding-top: 77px;}
i.pl_lj{display: inline-block;background: url(../images/pl_lj_3.png)no-repeat;width: 44px;height: 44px;}
.plh_nr h6{font-size: 14px;color: #ffffff;}
.picScroll-left .bd ul li:hover .pl_hd{display: block;}

/**mabout**/
.mabout{background: url(../images/bg_about_4.jpg)no-repeat center top;padding-top: 50px;padding-bottom: 55px;}
.mabout .mpro_tit h3,.mabout .mpro_tit p{color: #FFFFFF;}
.mabout .mpro_tit i.tit_line{background: #FFFFFF;}
.mabu_con{background: #FFFFFF;margin-top: 40px;padding-top: 50px;}
.mabuc_u{padding-left: 50px;padding-right: 40px;overflow: hidden;}
.mabucu_l{float: left;width: 523px;}
.mabucu_l_tit h6{font-size: 30px;color: #333333;}
i.mb_line{width: 68px;height: 2px;background: #ff8814;display: inline-block;}
.mabu_txt{margin-top: 10px;}
.mabu_txt p{font-size: 14px;color: #333333;line-height: 24px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:5;
  -webkit-box-orient:vertical; overflow:hidden;
}
a.mabu_btn{display: block;width: 101px;height: 32px;background: #ff8814;text-align: center;line-height: 32px;border-radius: 16px;font-size: 14px;color: #FFFFFF;margin-top: 35px;}
.mabu_tab{margin-top: 39px;}
.mabu_tab ul{overflow: hidden;}
.mabu_tab ul li{float: left;width: 90px;height: 34px;text-align: center;line-height: 34px;font-size: 14px;color: #333333;}
.mabu_tab ul li.on,.mabu_tab ul li:hover{background: #ff8814;color: #FFFFFF;}
.mshipin{float: right;width: 547px;height: 334px;}
.mshipin img{width: 100%;height: 100%;}
.mabuc_d ul{overflow: hidden;}
.mabuc_d ul li{float: left;margin-right: 10px;}
.mabuc_d ul li:last-child{margin-right: 0}
.mabuc_d{margin-top: 40px;}
.mad_pic{width: 292px;height: 214px;overflow: hidden;position: relative;}
.mad_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mad_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mad_hd{position: absolute;left: 0;bottom: 0;width: 100%;height: 42px;line-height: 42px;background: rgba(0,0,0,.61);text-align: center;}
.mad_hd h6{font-size: 14px;color: #ffffff;}

/**mcase**/
.mcase{background: url(../images/bg_case_2.jpg)no-repeat center top;padding-top: 30px;}
.mcase_con{overflow: hidden;margin-top: 68px;}
.mc_l{float: left;width: 595px;height: 454px;position: relative;overflow: hidden;}
.mc_l img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mc_l:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mc_hd{position: absolute;width: 100%;height: 100%;background: rgba(0,0,0,.6);left: 0;top: 0;text-align: center;line-height: 454px;display: none;}
i.mc_more{display: inline-block;background: url(../images/mc_more_3.png)no-repeat;width: 35px;height: 35px;vertical-align: middle;}
.mc_l:hover .mc_hd{display: block;}
.mc_r{float: right;width: 592px;}
.mc_r ul{overflow: hidden;}
.mc_r ul li{float: left;width: 290px;height: 223px;overflow: hidden;position: relative;margin-right: 12px;margin-bottom: 12px}
.mc_r ul li:nth-child(2n){margin-right: 0;}
.mc_r ul li img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mc_r ul li:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mc_r ul li .mc_hd{line-height: 223px;}
.mc_r ul li:hover .mc_hd{display: block;}

/**myoushi**/
.myoushi{background: url(../images/bg_youshi_3.jpg)no-repeat center top;padding-top: 30px;margin-top: 48px;padding-bottom: 106px;}
.mys_tit{text-align: right;width: 525px;margin-left: 130px;}
.mys_tit h3{font-size: 35px;color: #ff8814;font-weight: bold;padding-right: 20px;}
.mys_tit p{font-size: 24px;color: #333333;font-weight: bold;padding-right: 20px;}
i.mys_line{display: inline-block;width: 45px;height: 1px;background: #ff8814;}
.mys_list{margin-top: 60px;}
.mys_list ul li{margin-bottom: 39px; width: 516px;height: 120px;background: #eeeeee;border: 1px solid #959595;border-radius: 60px;overflow: hidden;padding-top: 8px;padding-left: 10px;}
.mys_pic{float: left;width: 101px;height: 101px;border-radius: 100%;overflow: hidden;}
.mys_pic img{width: 100%;height: 100%;}
.mys_wenzi{float: left;width: 356px;margin-left: 20px;}
.mysw_tit{margin-top: 10px;background: url(../images/mys_line_3.png)no-repeat bottom left;padding-bottom: 7px;}
.mysw_tit h6{font-size: 20px;color: #ff8814;font-weight: bold;}
.mysw_tit h6 span{font-size: 16px;color: #333333;font-style: normal;margin-left: 10px;}
.mys_wenzi p{font-size: 14px;color: #333333;line-height: 24px;margin-top: 10px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:2;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mys_list ul li:nth-child(1){margin-left: 117px;}
.mys_list ul li:nth-child(2){margin-left: 38px;}
.mys_list ul li:nth-child(3){margin-left: 50px;}
.mys_list ul li:nth-child(4){margin-left: 72px;}
.mys_list ul li:nth-of-type(even){padding-right: 10px;}
.mys_list ul li:nth-of-type(even) .mys_pic{float: right;}

/**mnews**/
.mnews{margin-top: 60px;padding-bottom: 130px;}
.mnews_con{padding-left: 20px;margin-top: 55px;}
.mnews_con>ul{overflow: hidden;}
.mnews_con>ul>li{float: left;width: 338px;border-right: 1px solid #dcdcdc;padding-right: 28px;margin-right: 28px;box-sizing: content-box;}
.mnews_con>ul>li:last-child{margin-right: 0}
h6.mn_tit{font-size: 20px;color: #333333;font-weight: bold;margin-bottom: 25px;}
.mn_pic{width: 338px;height: 165px;overflow: hidden;}
.mn_pic img{width: 100%;height: 100%;transition: all 0.8s ease-in-out;}
.mn_pic:hover img{
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.mn_txt{margin-top: 20px;border-bottom: 1px solid #e5e5e5;padding-bottom: 20px;margin-bottom: 20px;}
.mn_txt h6{font-size: 16px;color: #333333;}
.mn_txt span{display: inline-block;margin: 5px 0;}
.mn_txt span,.mn_txt p{font-size: 14px;color: #999;}
.mn_txt p{line-height: 24px;
word-break:break-all;display:-webkit-box; -webkit-line-clamp:4;height: 96px;
  -webkit-box-orient:vertical; overflow:hidden;
}
.mn_txt:hover h6,.mn_list ul li:hover{color: #ff8814;}
.mn_list ul li{font-size: 16px;color: #333333;margin-bottom: 15px;
overflow:hidden;
  text-overflow:ellipsis;
  -o-text-overflow:ellipsis;
  -webkit-text-overflow:ellipsis;
  -moz-text-overflow:ellipsis;
  white-space:nowrap;
}
a.mn_btn{margin-top: 20px; width: 94px;height: 27px;background: #ff8814;border-radius: 13.5px;text-align: center;line-height: 27px;display: block;font-size: 14px;color: #fff;}

/**mlinks**/
.mlinks{background: #333333;color: #fff;line-height: 49px;}
.mlk_con{overflow: hidden;}
.mlk_con span{float: left;font-size: 14px;border-right: 1px solid rgba(255,255,255,.18);padding-right: 15px;margin-right: 44px;}
.mlk_con ul{float: left;overflow: hidden;}
.mlk_con ul li{float: left;font-size: 14px;margin-right: 80px;}
.mlk_con ul li:last-child{margin-right: 0;}
.mlk_con ul li:hover{color: #ff8814;}

/**footer**/
.footer{background: #2b2b2b;padding-top: 42px;color: #fff;padding-bottom:30px ;}
.ft_con{overflow: hidden;}
.ft_xx{float: left;}
.ftx_tit{overflow: hidden;line-height: 26px;}
.ftx_tit i{display: inline-block;width: 26px;height: 26px;float: left;margin-right: 7px;}
i.ico_fttel{background: url(../images/fttel_4.png)no-repeat center;}
.ftx_tit h6{font-size: 16px;font-weight: bold;}
.ftx_tit h6 span{font-size: 20px;color: #ececec;display: inline-block;text-transform: uppercase;margin-left: 9px;}
.ftx_nr{margin-top: 25px;font-size: 14px;line-height: 30px;}
.ft_xian{width: 1px;height: 146px;background: rgba(255,255,255,.35);float: left;margin:0 50px;margin-top: 45px;}
.ft_form{float: left;width: 402px;margin-left: 7px;margin-right: 18px;}
.ft_form form{margin-top: 35px;overflow: hidden;}
i.ico_ftliuyan{background: url(../images/ft_liuyan_4.png)no-repeat center;}
.ft_form form p{float: left;margin-bottom: 25px;width:191px;}
.ft_form form p:nth-child(2n){float: right;}
.ft_form form input[type=text]{outline: none;background: none;border: none;border-bottom: 1px solid #bfbfbf;width: 191px;box-sizing: border-box;padding-bottom: 20px;}

.ft_form form input[placeholder],.ft_form form [placeholder],.ft_form form *[placeholder] {
   color:#fff !important;
}
.ft_form form ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}
.ft_form form :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #fff;
}
.ft_form form ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #fff;
}
.ft_form form :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #fff;
}
.ft_form form input[type=submit]{width: 191px;background: none;border: none;outline: none;font-size: 14px;color: #fff;cursor: pointer;margin-top: 20px}

.ft_er{float: right;overflow: hidden;margin-right: 25px;margin-top: 40px;}
.fte_box{float: left;text-align: center;}
.fte_pic{width: 120px;height: 120px;background: url(../images/er_k_3.png)no-repeat center;padding: 10px;}
.fte_pic img{width: 100%;height: 100%;}
.fte_box span{font-size: 13px;display: inline-block;margin-top: 10px;}
.fte_box:first-child{margin-right: 40px;}

.banquan{background: #FFFFFF;height: 35px;}
.bq_con{line-height: 35px;overflow: hidden;}
.ftd_l p{font-size: 14px;color: #999;}
.ftd_l p a:hover{color: #40220f;}
.ftd_l{float: left;}
.ftd_r{float: right;}
.ftd_r span{font-size: 12px;color: #999;}
a.vl{width: 121px;height: 18px;display: inline-block;background: url(../images/vd_3.png)no-repeat;margin-right: 15px;}
a.vl:hover{background: url(../images/vd_on_4.png)no-repeat;}
a.ws{width: 121px;height: 18px;display: inline-block;background: url(../images/ws_2.png)no-repeat;}
a.ws:hover{background: url(../images/ws_on_3.png)no-repeat;}