/* CSS Document */
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video { margin:0; padding:0;}
article,aside,footer,header,hgroup,nav,section,audio,canvas,video { display:block;}
*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
body { font-family:Microsoft Yahei; color:#666; text-decoration:none; font-size:14px;}
textarea { resize:none;}
iframe,img { border:0;}
ul,ol,li { list-style:none;}
input, select, textarea { outline:0; -webkit-user-modify:read-write-plaintext-only;}
input { -webkit-appearance:none;}
a{ text-decoration:none; color:#666; transition:0.2s; -webkit-transition:0.2s;}
a:hover{ color:#d4022b;}
.clearfix { clear:both; zoom:1;}
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden;}
.fl{ float:left;}
.fr{ float:right;}

/*滚动条*/
::-webkit-scrollbar{width:6px;}
::-webkit-scrollbar-button:vertical{display:none;}
::-webkit-scrollbar-track:vertical{background-color:#fff;}
::-webkit-scrollbar-thumb:vertical{background-color:#d4022b;border-radius:5px;}
::-webkit-scrollbar-thumb:vertical:hover{background-color:#d4022b;}
::-webkit-scrollbar-corner:vertical{background-color:#535353;}
::-webkit-scrollbar-resizer:vertical{background-color:#FF6E00;}

/*banner*/
.theme-default { width:100%; height:920px; position:relative; overflow:hidden; }
/*.theme-default:after { content: ''; display: block; border: 14px solid transparent; border-bottom-color: #1056d0; position: absolute; bottom: 0; left: 50%; margin-left: -34px; z-index: 99; }*/
.theme-default .bolang { height: 33px; background: url(../images/bolang.png); position: absolute; bottom: 0; left: 0; width: 100%; z-index: 9; }
.theme-default #slider {width:1920px; height:920px;position:absolute; left:50%; top:0; margin-left:-960px;}
.theme-default .nivoSlider {position:relative;background:#fff url(loading.gif) no-repeat 50% 50%; -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a; -moz-box-shadow: 0px 1px 5px 0px #4a4a4a; box-shadow: 0px 1px 5px 0px #4a4a4a;}
.theme-default .nivoSlider img {position:absolute; top:0px; left:0px; display:none;}
.theme-default .nivoSlider a {border:0; display:block;}
.theme-default .nivo-controlNav { position:absolute; left:50%; bottom:10px; margin-left:-55px;}
.theme-default .nivo-controlNav a { display:block; width:30px; height:5px; margin:0 5px; background:#602d2c; text-indent:-9999px; border:0; float:left;}
.theme-default .nivo-controlNav a.active { background:#bf2c29;}
.theme-default .nivo-directionNav a { display:block; width:30px; height:30px; background:url(../images/arrows.png) no-repeat; text-indent:-9999px; border:0;}
.theme-default a.nivo-nextNav {background-position:-30px 0; right:100px;}
.theme-default a.nivo-prevNav {left:100px;}
.theme-default .nivo-caption {font-family: Helvetica, Arial, sans-serif;}
.theme-default .nivo-caption a {color:#fff; border-bottom:1px dotted #fff;}
.theme-default .nivo-caption a:hover {color:#fff;}

.nivoSlider {position:relative;}
.nivoSlider img {position:absolute;top:0px;left:0px;}
.nivoSlider a.nivo-imageLink {position:absolute;top:0px;left:0px;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;}
.nivo-slice {display:block;position:absolute;z-index:5;height:100%;}
.nivo-box {display:block;position:absolute;z-index:5;}
.nivo-directionNav a {position:absolute;top:45%;z-index:9;cursor:pointer;}
.nivo-prevNav {left:0px;}
.nivo-nextNav {right:0px;}
.nivo-controlNav a {position:relative; z-index:9; cursor:pointer;}
.nivo-controlNav a.active {font-weight:bold;}

.theme-default .nivo-controlNav { z-index: 100; bottom: 30px; }

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

/*top*/
.top{ position:absolute; left:0; top:0; width:100%; border-top:2px solid #d4022b; padding-top:45px; height:200px; z-index:999;}
.top_m{}
.top_m a{ display:block; width:37px; height:37px; margin-left:15px; transition:0.2s; -webkit-transition:0.2s;}
.top_m a.ta_1{ background:url(../images/email_h.png) no-repeat;}
.top_m a.ta_1:hover{ background-position:0 -37px;}
.top_m a.ta_2{ background:url(../images/wechat_h.png) no-repeat;}
.top_m a.ta_2:hover{ background-position:0 -37px;}
.top_m a.ta_3{ background:url(../images/earth_h.png) no-repeat;}
.top_m a.ta_3:hover{ background-position:0 -37px;}
.top_m p{ color:#fff; font-weight:bold; margin-top:37px;}
.top_m p span{ font-size:24px;}

.nav{ height:67px; background:rgba(255,255,255,0.7); margin-top:20px; position:relative;}
.home{ display:block; width:94px; height:67px; background:url(../images/home.png) no-repeat center center; border-right:1px solid #c2c3c4; float:left;}
.nav li{ width:168px; line-height:67px; text-align:center; float:left; font-size:18px; position:relative;}
.nav li a{ color:#333;}
.nav li a:hover{ color:#d4022b;}
.search_a{ display:block; width:94px; height:67px; background:url(../images/search.png) no-repeat center center; border-left:1px solid #c2c3c4; float:left;}
.search{ position:absolute; right:0; top:67px; background:rgba(255,255,255,0.7); display:none;}
.search form{ padding:20px;}
.ssbtn{ width:250px; height:40px; display:block; position:relative;}
.ssbtn input{background-color:#f2f2f2; border:0px none; width:250px; height:40px; color:#666; text-indent:10px; }
.ss{position:absolute; right:8px; top:7px;}
.ss button{ border:none; background:none; cursor:pointer;}
.ss img{ width:25px; height:25px;}

/*index product*/
.ind_pro{ background:#f5f5f5; padding-bottom:50px;}
.in_pro_t{ width:100%; height:260px; background:url(../images/ind_probg.jpg) no-repeat;}
.in_pro_t .p1{ text-align:center; color:#fff; font-size:40px; padding-top:90px;}
.in_pro_t .p2{ text-align:center; color:#fff; font-size:16px; padding-top:10px;}
.ind_pro ul{ margin-top:30px;}
.ind_pro ul li{ float:left; width:280px; height:400px; margin-left:26px; position:relative; overflow:hidden;}
.ind_pro ul li:first-child{ margin-left:0;}
.ind_pro ul li img{ width:280px; height:250px;}
.ind_pro ul li .ip_m{ padding:35px 25px 0 25px; height:220px; position:absolute; left:0; bottom:-70px; background:#dbdbdb; transition:0.5s; -webkit-transition:0.5s;}
.ind_pro ul li .p1{ color:#282828; font-size:18px;}
.ind_pro ul li .p2{ margin-top:20px;}
.ind_pro ul li .ip_m a{ display:block; padding:5px 20px; background:#d4022b; color:#fff; float:left; margin-top:30px;}
.ind_pro ul li .line_red{ position:absolute; height:2px; right:0; left:0; bottom:0; background:#d4022b;}
.ind_pro ul li:hover .ip_m{ bottom:0;}

/*our strength*/
.stre{ padding:50px 0; text-align:center;}
.stre h1{ font-size:40px; color:#d4022b; font-weight:normal;}
.stre .p_t{ margin:20px 0 50px 0; line-height:1.6;}
.stre .stre_m{ float:left; width:400px;}
.stre .stre_m .p1{ font-size:24px; margin:20px 0;}
.stre .stre_m .p2{ font-size:16px; line-height:1.6;}
.stre .stre_m .p2 span{ color:#d4022b;}
.stre .stre_a{ padding:10px 0; width:200px; margin:40px auto 0; border:2px solid #d4022b; display:block; color:#d4022b; font-size:18px;}
.stre .stre_a:hover{ background:#d4022b; color:#fff;}


/**/
.ind_news_t{ width:100%; height:260px; background:url(../images/ind_newsbg.jpg) no-repeat;}
.ind_news_t .p1{ text-align:center; color:#fff; font-size:16px; padding-top:80px; line-height:2;}
.ind_news_t .p2{ text-align:center; margin-top:40px; font-size:24px;}
.ind_news_t .p2 a{ color:#fff;}

/*index news*/
.ind_news{ background:#f5f5f5; padding:50px 0;}
.ind_news ul{}
.ind_news ul li{ float:left; width:360px; height:350px; margin-left:60px; background:#fff; position:relative; padding:50px 30px;}
.ind_news ul li:first-child{ margin-left:0;}
.ind_news ul li .r{ background:url(../images/ind_newsbg2.jpg) no-repeat; position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:0.2s; z-index:0;}
.ind_news ul li *{ position:relative; color:#333;}
.ind_news ul li:hover .r{ opacity:1;}
.ind_news ul li:hover *{ color:#fff !important; transition:0.2s;}
.ind_news ul li .sp1{ display:block;}
.ind_news ul li .sp2{ font-size:52px; display:block; float:left; padding-bottom:20px; border-bottom:2px solid;}
.ind_news ul li .p1{ float:left; font-size:18px; margin-top:20px;}
.ind_news ul li .a1{ display:block; float:left; font-size:18px; margin-top:40px; color:#d4022b;}
.ind_news .in_a{ padding:10px 0; width:200px; margin:40px auto 0; border:2px solid #d4022b; display:block; color:#d4022b; font-size:18px; text-align:center;}
.ind_news .in_a:hover{ background:#d4022b; color:#fff;}

/*bottom*/
.bottom{ width:100%; height:300px; background:url(../images/bottom_bg.jpg) no-repeat; padding:40px 0;}
.bottom *{ color:#333;}
.bo1{ float:left; width:280px;}
.bottom .p1{ font-size:18px; margin-bottom:20px;}
.bottom .ul1{ height:150px; overflow:scroll; width:280px;}
.bottom .ul1 li{ margin:10px 0;}
.bo2{ float:left; width:180px; margin-left:125px;}
.bottom .ul2 li{ margin:5px 0;}
.bo3{ float:left; width:300px; margin-left:80px;}
.bo4{ float:right; margin-right:40px;}
.bo4 img{ width:120px;}

/*footer*/
.footer{ width:100%; padding:20px 0; background:#d4022b; color:#fff;}
.footer a{ color:#fff;}
.footer .p1{ float:left; margin-left:15px;}
.footer .p2{ float:right;}

/*n*/
.n{ background:#EAEFF2; padding:40px 0;}
.m_n{ width:1200px; margin:0 auto; padding:20px; background:#fff;}

.bigtit{ font-size:32px; color:#404040; margin-bottom:40px; position:relative;}
.bigtit em{ display:block; width:80px; height:1px; background-color:#185daa; margin:15px auto 0;}
.bigtit:after{ content:""; height:3px; background:#d4022b; position:absolute; width:5%; top:55px; left:0;}
.bigtit p{ padding-bottom:15px;}
.bigtit span{ font-size:20px; line-height:56px; color:#d4022b;}
.border{ border-bottom: solid 1px #dcdcdc; width: 20%;}

.about_m{ background-color:#fff; width:47%; float:left; box-sizing:content-box;}
.about_m p{ text-indent:2em; font-size:16px; margin:16px 0; line-height:1.6;}
.about_m p span{ color:#97732d;}
.comp02{ width:50%; float:right; height:402px;}

/*news*/
.news .news_ul li{ position:relative; border:1px solid #d9d9d9; background:#FFF; padding:20px 10px; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.news .news_ul li:hover{ border:1px solid #d4022b;}
.list-left{ float:left; width:210px;}
.list-left .thumb{ display:block; width:210px; height:140px; border:1px solid #959595}
.list-left .extra{ padding:10px 0}
.list-info{ float:right; width:910px;}
.list-info h2{ border-bottom:1px solid #e1e1e1; font-size:16px; font-weight:normal; padding:0 0 10px}
.list-info h2 a{ color:#602d2c;}
.list-info h2 a:hover{ color:#d4022b;}
.list-info h2 span{ color:#d4022b;}
.list-info p{ line-height:2; text-indent:2em; font-size:14px; color:#666; padding:10px 0 0}

/*product*/
.pro_m{ width:850px; float:right;}
.pro_m li { float: left; margin-right: 13px; margin-bottom: 14px; }
.pro_m li img{ width:274px; height:270px;}
.pro_m li:nth-child(3n) { margin-right: 0; }
.pro_m li a { display: block; position: relative; }
.pro_m li a em { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: url(../images/pro_m.png) repeat 0 0; -webkit-transition: all .8s; transition: all .8s; opacity: 0; filter: alpha(opacity=0); }
.pro_m li a i { display: block; position: absolute; bottom: 24px; left: 30px; -webkit-transition: all .3s; transition: all .3s; font-size: 16px; color: #fff; font-style: normal; }
.pro_m li a i:before { display: block; position: absolute; left: 0; top: -8px; width: 24px; height: 2px; background: #fff; content: ''; -webkit-transition: all .3s; transition: all .3s; }
.pro_m li a i span { display: block; font-size: 12px; }
.pro_m li a:hover i { color: #d4022b; bottom: 10%; font-size: 22px; font-weight: bold; }
.pro_m li a:hover i:before { background: #d4022b; }
.pro_m li a:hover em { opacity: .8; filter: alpha(opacity=80); }

.main_left{ width:250px; float:left; box-shadow: 0 10px 20px #999; border-top-left-radius: 20px; background:#fff;}
.main_left .left_h{ width:250px; border-top-left-radius: 20px; background:url(../images/left_h_bg.jpg) no-repeat; padding:10px 0;}
.main_left .left_h p{ text-align:center; color:#fff; text-transform:uppercase;}
.main_left .left_h .p1{ font-size:20px; font-weight:bold; line-height:1.8;}
.main_left .left_ul{ width:250px; padding:20px 0; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; position:relative; z-index:99999; border-bottom:5px solid #d4022b;}
.main_left .left_ul .li1{ border-bottom: 1px solid #f1f1f1; line-height:40px; position:relative; text-indent:20px; transition:0.2s; -webkit-transition:0.2s; background:#fff; font-size:16px;}
.main_left .left_ul .li1:hover{  background:#fafafa;}
.left_bg{ width: 250px; height: 40px; line-height: 40px; background: #F8F8F8; border-left: 5px solid #016BC6; position: absolute; left: -5px; transition:0.2s; -webkit-transition:0.2s; z-index:-1; display:none;}
.main_left .left_ul .li1 .ul2{ width:248px; background:#f8f8f8; border:1px solid #f1f1f1; display:none; z-index:99999;}
.main_left .left_ul .li1 .ul2 .li2{ border-bottom: 1px solid #fff; background:#f1f1f1; transition:0.2s; -webkit-transition:0.2s; font-size:14px; z-index:99999; position:relative; text-indent:40px;}
.main_left .left_ul .li1 .ul2 .li2:hover{ background:#f8f8f8;}

.pro_ul2{ width:850px; float:right;}
.pro_ul2 li{ width:100%; padding:20px; border:1px solid #eee; float:left; margin-bottom:20px; transition:0.2s; -webkit-transition:0.2s;}
.pro_ul2 li:hover{ border:1px solid #d4022b;}
.pro_ul2 li:nth-child(2n){ margin-right:0;}
.pro_ul2 li img{ width:200px; float:left; height:197px;}
.pro_ul2 li .pro_r{ float:left; width:500px; height:197px; margin-left:14px;}
.pro_ul2 li .pro_r .p_t{ font-size:18px;}
.pro_ul2 li .pro_r .p2{ margin-top:20px; line-height:1.6;}
.pro_ul2 li .pro_r .p3{ margin-top:30px; font-size:16px;}
.pro_ul2 li .pro_r .p3 a{ color:#d4022b;}

/*---------------------*/
.messagetit { font-size: 14px; font-weight: bold; line-height: 30px; height: 30px; }
.messagetarea { padding: 10px; border: 1px solid #dedede; font-size: 16px; line-height: 26px; font-family: microsoft yahei; color: #666; resize: none; width:96%; height: 160px; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messagetarea:focus { color: #333; border: 1px solid #15b1ac; outline: none; background: #fff; }
.messageinput { width: 236px; padding: 10px; height: 26px; line-height: 26px; font-size: 14px; border: 1px solid #dedede; margin: 0 5px 0 0; font-family: microsoft yahei; color: #666; -webkit-transition: all .2s ease-in; transition: all .2s ease-in; background: #f8f8f8; margin-bottom: 20px; }
.messageinput:focus { color: #333; border: 1px solid #15b1ac; outline: none;  background: #fff; }
.messagebtn { width: 200px; text-align: center; line-height: 50px; height: 50px; font-size: 16px; border: 0; background: #ccc; color: #2d3e50; border-radius: 4px; font-family: microsoft yahei; cursor: pointer; margin-right: 10px; margin-bottom: 30px; }
.messagebtn.btnon { width: 500px; color: #fff; background: #d4022b; }
.messagebtn:hover { opacity: .8; filter: alpha(opacity=80); }

/*contact*/
.contact{}
.contact .contact_m{ padding-left:30px; margin-bottom:50px; width:50%; float:left;}
.contact .contact_m img{ float:left; height:50px;}
.contact .contact_m .p1{ float:left; font-size:18px; padding-left:20px; margin-bottom:5px;}
.contact .contact_m .p2{ float:left; font-size:14px; padding-left:20px; width:90%;}

/*jishu*/
.jishu .p1{ font-size:20px; color:#d4022b;}
.jishu .p2{ margin:10px 0; text-indent:2em; line-height:1.6;}
.jishu img{ max-width:100%;}